@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;-webkit-border-radius:0;-webkit-appearance:none ;-webkit-border-radius: 0; -webkit-appearance: none; word-break:break-all; list-style:none; font-weight:normal;}
html,body{ width:100%; height:100%; color:#111; background:#f7f7f7;}
a{ color:#111; text-decoration:none;}
@media screen and (min-width:480px) and (max-width:639px) {
    html {
        font-size: 15px;
		line-height:15px;
    }
}
 
@media screen and (min-width:640px) and (max-width:719px) {
    html {
        font-size: 20px;
		line-height:20px;
    }
}
 
@media screen and (min-width:720px) and (max-width:749px) {
    html {
        font-size: 22.5px;
		line-height:22.5px;
    }
}
 
@media screen and (min-width:750px) and (max-width:799px) {
    html {
        font-size: 23.5px;
		line-height:23.5px;
    }
}
 
@media screen and (min-width:800px) and (max-width:959px) {
    html {
        font-size: 25px;
		line-height:25px;
    }
}
 
@media screen and (min-width:960px) and (max-width:1079px) {
    html {
        font-size: 30px;
		line-height:30px;
    }
}
 
@media screen and (min-width:1080px) {
    html {
        font-size: 32px;
		line-height:32px;
    }
}

.HeaderBg{
	width:100%;
	position:relative;
	z-index:99;
}
.Header{
	width:90%;
	padding:.5rem 5%;
	text-align:center;
	background:#02487a;
	display:table;
	position:relative;
	z-index:1;
}
.Header .logo img{
	height:2.8rem;
	width:auto;
	float:left;
}

.Header .ico img{
	height:1.5rem;
	width:auto;
	float:right;
	padding-top:.5rem
}

.Header .NavBtn img{
	height:2rem;
	width:auto;
	float:right;
	padding-top:.2rem;
	margin-left:1rem;
}

.TopNav{
	width:100%;
	padding-left:0;
	padding-right:0;
}
.TopNav ul{
	width:100%;
	display:table;
	padding-top:.8rem;
}
.TopNav ul li{
	float:left;
	margin-bottom:.8rem;
}

.TopNav ul li  a{
	padding:0 1rem;
	display:block;
	border-right:1px solid #333;
}

.TopNav ul li.L a{
	border:none;
}


.TopNav , .TopNav ul li  a span{
	font-size:1.2rem;
	color:#06C;
}
.TopNav , .TopNav ul li  a.active{
	color:#c00;
}
.TopNav , .TopNav ul li  a.active span{
	color:#c00;
}
.IndxeBanner{
	width:100%;
}
.IndxeBanner .slider-pro {
	width:100%;
	height:auto;
}
.IndxeBanner .sp-mask{
    width:100%;
	height:auto;	
}

.IndxeBanner .sp-buttons{
	position:absolute;
	bottom:.5rem;
}
.IndxeBanner .sp-slide img{
	width:100%;
	height:auto;
}

.Box{
	width:100%;
	background:#fff;
	margin-top:.5rem;
}
.Box .BoxTitle{
	width:100%;
	text-align:right;
	height:1.2rem;
	padding:0.8rem 0;

}
.Box .BoxTitle h2{
	height:1.3rem;
	line-height:1.2rem;
	font-size:1.2rem;
	color:#06C;
	float:left;
	font-weight:normal;
}
.Box .BoxTitle h2 span{
	width:.2rem;
	height:1rem;
	display:block;
	float:left;
	margin-top:.15rem;
	background:#06c;
	margin-right:.5rem;
}
.Box .BoxTitle a{
	color:#06C;
	line-height:1.2rem;
	margin-right:.6rem;
}
.IndexAbout {
	width:96%;
	padding:.8em 2%;
	border:1px solid #ccc;
	border-left:none;
	border-right:none;
	color:#666;
	font-size:.9rem;
}
.IndexAbout img{
	width:100%;
	height:auto;
	margin-bottom:1rem;
	float:left;
	line-height:1.4em;
}
.IndexProduct{
	width:100%;
	height:auto;
	display: table;
	border:1px solid #ccc;
	border-left:none;
	border-right:none;
	padding:1rem 0;
}

.IndexProduct ul{
	width:100%;
}
.IndexProduct ul li{
	width:45%;
	padding:1rem 2.2%;
	float:left;
	display:table-cell;
}
.IndexProduct ul li.rr{
	padding-right:0;
}
.IndexProduct ul li p, .IndexProduct ul li h3{
	width:100%;
	text-align:center;
}
.IndexProduct ul li p img{
	width:100%;
	height:auto;
}
.IndexProduct ul li h3{
	padding-top:.5rem;
}
.IndexProduct ul li h3 a{
	font-size:1rem;
	font-weight:normal;
}

#footer{
	width:100%;
	padding:1rem 0;
	text-align:center;
	line-height:1.5rem;
	margin-top:.5rem;
	color:#fff;
	background:#02487a;
	font-size:.6rem;
}

.InnerBanner{
	width:100%;
	height:auto;
}
.InnerBanner img{
	width:100%;
}

.nav2{
	width:100%;
	height:2.6rem;
	line-height:2.6rem;
	background:#fff;
	position:relative;
	margin-top:-.2rem;
}
.nav2 img{
	float:right;
	height:1.2rem;
	width:auto;
	margin-top:.6rem;
}
.nav2 .ToIndex{
	width:10%;
	padding-right:3%;
	height:2.6rem;
	background:#06C;
	float:left;
}
.nav2 .ChickBar{
	width:83%;
	padding-right:4%;
	float:left;
	line-height:2.6rem;
	font-size:.9rem;
	color:#09F;
	text-indent:1.5em;
}
.nav2 ul{
	width:87%;
	background:#fff;
	position:absolute;
	right:0;
	top:2.6em;
	display:none;
}
.nav2 ul li{
	width:100%;
	height:2.6rem;
	line-height:2.6rem;
	border-top:1px solid #f0f0f0;	
}
.nav2 ul li a{
	width:100%;
	text-align:left;
	color:#666;
	text-indent:2em;
	display:block;
	font-size:.9rem;
}
.nav2 ul li a span{
	float:right;
	padding-right:1rem;
	font-size:1.5rem;
	color:#ccc;
}

.PageTitle{
	width:92%;
	padding:1rem 4%;
}
.PageTitle h2{
	color:#06C;
	font-size:1.2rem;
	line-height:1.4em;
}
.PageTitle p{
	color:#dfdfdf;
	font-weight:bold;
	line-height:1em;
}
.Textbody{
	width:92%;
	padding:0 4%;
	color:#666;
}
.Textbody img{
	width:100%;
	padding:.5rem;
}
.Textbody .H2title{
	width:100%;
	padding:.2rem;
	text-align:center;
	color:#333;
	line-height:1.6rem;
	font-size:1rem;
}
.Textbody .H2titleBottom{
	width:100%;
	text-align:left;
	margin-bottom:.5rem;
	font-size:.9rem;
	color:#06C;
}

.NewsList{
	width:92%;
	padding:1rem 4%;
}
.NewsList ul{
	width:100%;
}
.NewsList li{
	width:94%;
	background:#fff;
	border-bottom:2px solid #d9d9d9;
	padding:.5rem 3%;
	margin-bottom:1rem;
}
.NewsList li a{
	width:100%;
	display:block;
	color:#333;
}
.NewsList li a.txt{
	font-size:.8rem;
	color:#666;
	margin-top:.2rem;
}
.NewsList li p{
	font-size:.8rem;
	line-height:1.2em;
	color:#333;
	margin-top:.3rem;
}
.NewsList li p span{
	float:right;
}