
.g-adv { height: 36rem; overflow: hidden; position: relative;}
.g-adv .sclwrap_box ,.g-adv .m-box,.g-adv .m-box img{ overflow:hidden; height: 36rem;}
.g-adv .m-box li img{ width:100%;}
.g-adv .m-cnt{ position: absolute; bottom: 1.6rem; left: 50%; transform: translate(-50%,0); justify-content: center;}
.g-adv .m-cnt li{ float:left; width: .9rem; height: .9rem; margin: 0 0.6rem; background: #fff; border-radius: 50%; }
.g-adv .m-cnt li.no{ margin: 0;}
.g-adv .m-cnt li.z-on{ background: #2ca2c7;}
img{ display: block; height: auto;}
.wrap img {
    width: 100%;
}
nav{
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
nav a{
	width: 33.33%;
	height: 3.5rem;
	line-height: 3.5rem;
	background: #fff;
	font-size: 1.2rem;
	color: #fff;
	text-align: center;
	border-bottom: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	box-sizing: border-box;
	background: #3BA9CB;
}

nav a:nth-child(3n){
	border-right: 0;
}


.m-bt{
	text-align: center;
	font-size: 1.8rem;
	color: #2ca2c7;
	font-weight: bold;
	    height: 4rem;
}
.m-bt a{
	font-size: 1.8rem;
	color: #2ca2c7;
	font-weight: bold;
	line-height: 1;
}
.m-bt span{
	display: block;
	font-size: .9rem;
	color: #666;
	font-weight: normal;
	padding-top: 1.8rem;
}

.pro .m-bt{
	height: 3.3rem;
}

.pro{
	padding: 4.1rem 0 4rem 0;
	background: url(../Images/Index/pro_bg.jpg) no-repeat center top;
}
.pro .pro-cont{
	width: 91.4%;
	margin: 1.8rem auto 0;
}
.pro .pro-cont .pro-ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 1.2rem;
}
.pro .pro-cont .pro-ul li{
	width:50%;
	height: 2.7rem;
	line-height: 2.7rem;
	text-align: center;
	font-size: 1.2rem;
	color: #00a2c7;
	border: 1px solid #00a2c7;
	border-left: 0;
	box-sizing: border-box;
}
.pro .pro-cont .pro-ul li:first-child{
	border-left: 1px solid #00a2c7;
}
.pro .pro-cont .pro-ul li.z-on{
	background: #00a2c7;
	color: #fff;
}
.pro .pro-cont .con ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.pro .pro-cont .con ul li{
	width: 14.1rem;
	background: #fff;
	margin-bottom: 1.25rem;
}
.pro .pro-cont .con ul li p{
	font-size: 1.2rem;
	color: #212121;
	line-height: 1;
	text-align: center;
	padding: .6rem 0;
	background: #ccc;
}
.pro .pro-cont .con ul li span{
	display: block;
	padding-top: .6rem;
	font-size: .9rem;
	color: #666;
}
.pro .more{
	margin-top: 1rem;
}
.pro .more a{
	display: block;
	width: 60%;
	margin: 0 auto;
	height: 2.6rem;
	line-height: 2.6rem;
	border: 2px solid #333;
	text-align: center;
	font-size: 1.2rem;
	color: #333;
}


.zs{
	background: #fff;
	padding: 3rem 0 1.3rem 0;
}
.zs .m-bt{
	height: 3.3rem;
}
.zs .zs-cont{
	width: 91.4%;
	margin: 1.6rem auto 0;
}
.zs .zs-cont .con ul{
	display: flex;
	justify-content: space-between;
}
.zs .zs-cont .con ul li{
	width: 14rem;
	border: 1px solid #f1f1f1;
	background: #f1f1f1;
}
.zs .zs-cont .con ul li p{
	line-height: 2.8rem;
	text-align: center;
	font-size: 1.2rem;
	color: #222;
}
.zs .more{
	width: 17.5rem;
	margin: 1rem auto 0;
}

.pic{
	height: 8rem;
	background: url(../Images/Index/pic_bg.jpg) no-repeat center top;
}
.pic h3{
	padding-top: 2.2rem;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	font-size: 1.6rem;
	color: #fff;
}
.pic p{
	margin-top: 20px;
	line-height: 1;
	text-align: center;
	font-size: 1rem;
	color: #fff;
	vertical-align: top;
}
.pic p img{
	display: inline-block;
	width: 1.8rem;
	height: 1.8rem;
	margin-right: 10px;
	margin-top: -0.1rem;
	vertical-align: middle;
}
.pic p b{
	font-size: 1.5rem;
}


.ys{
	padding: 4rem 0 1.4rem 0;
	background: url(../Images/Index/ys_bg.jpg) no-repeat center top;
}
.ys .ys-cont{
	margin-top: 1.5rem;
}
.ys .con dl{
	width: 91%;
	margin: 0 auto;
}
.ys .con dl dt{
	font-size: 1.8rem;
	color: #3ba9cb;
	vertical-align: middle;
	font-weight: bold;
	margin-bottom: .6rem;
}
.ys .con dl dt span{
	margin-right: .5rem;
	font-size: 3.6rem;
	vertical-align: middle;
	font-weight: 120;
}
.ys .con dl dd p{
	margin-bottom: .6rem;
	padding-left: 1rem;
	font-size: 1rem;
	color: #333;
	line-height: 1.5rem;
	background: url(../Images/Index/ys_s.jpg) no-repeat left 14px;
}
.ys .con dl dd p b{
	color: #3ba9cb;
}
.ys .ys-more{
	width: 17.5rem;
	margin: 1rem auto 0;
}

.rz{
	padding: 2rem 0;
}
.rz .rz-min{
	width: 90%;
	margin: 1.8rem auto 0;
}
.rz .rz-min ul{
	display: flex;
	justify-content: space-between;
}
.rz .rz-min ul li{
	width: 14rem;
	border: 1px solid #dbdbdb;
	background: #dbdbdb;
}
.rz .rz-min ul li p{
	font-size: 1.2rem;
	line-height: 3.5rem;
	text-align: center;
	color: #222;
}


.about{
	padding: 4rem 0;
}
.about .about-min{
	width: 90%;
	margin: 1.6rem auto 0;
}
.about .about-min dl dd{
	margin-top: 1.3rem;
}
.about .about-min dl dd p{
	font-size: 1.2rem;
	color: #333;
	line-height: 2rem;
	text-align: center;
	margin-bottom: 1.8rem;
}
.about .about-min dl dd a{
	display: block;
    width: 60%;
    margin: 0 auto;
    height: 2.6rem;
    line-height: 2.6rem;
    border: 2px solid #333;
    text-align: center;
    font-size: 1.2rem;
    color: #333;
}

.hb{
	padding: 3.6rem 0 4rem 0;
	background: url(../Images/Index/pro_bg.jpg) no-repeat center top;
}
.hb .hb-min{
	width: 90%;
	margin: 1.6rem auto 0;
}
.hb .hb-min ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.hb .hb-min ul li{
	width: 9.1rem;
	margin-bottom: .9rem;
	border: .05rem solid #d9d9d9;
}
.hb .hb-mroe{
	margin-top: 1rem;
}
.hb .hb-mroe a{
	display: block;
    width: 60%;
    margin: 0 auto;
    height: 2.6rem;
    line-height: 2.6rem;
    border: 2px solid #333;
    text-align: center;
    font-size: 1.2rem;
    color: #333;
}



.news{
	padding: 3.9rem 0;
}
.news .m-bt{
	height: 3.3rem;
}
.news .news-inner{
	width: 92.18%;
	margin: .8rem auto 0;
}
.news .news-ul{
	width: 99.5%;
	margin: 0 auto 1.7rem;
	display: flex;
	height: 2.7rem;
	margin-bottom: 1.4rem;
	border: 1px solid #3ba9cb;
}
.news .news-ul li{
	width: 50%;
	line-height: 2.7rem;
	text-align: center;
	font-size: 1.2rem;
	color: #2ca1c6;
}
.news .news-ul li.z-on{
	color: #fff;
	background: #3ba9cb;
}
.news .con dl{
	display: flex;
	margin-bottom: .8rem;
}
.news .con dl dt{
	flex-shrink: 0;
	width: 11.9rem;
	height: auto;
	margin-right: 1.2rem;
}
.news .con dl dd{
	flex: 1;
}
.news .con dl dd p{
	padding-top: 0.6rem;
	font-size: 1.2rem;
	color: #666;
	line-height: 1.9rem;
}
.news .con dl dd a{
	font-size: 1.2rem;
	color: #3ba9cb;
}
.news .con ol li{
	line-height: 3.2rem;
	border-bottom: 1px dashed #ccc;
	font-size: 1.2rem;
	padding-left: 1rem;
	background: url(../Images/Index/ys_s.jpg) no-repeat left center;
}
.news .con ol li a{
	color: #666;
}



html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:384px){html{font-size: 12px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}





.g-al { position:relative; height:38.75rem; overflow:hidden;}
.g-al .m-bt { display:block; text-align:center; padding:2.63rem 0 1.5rem;}
.g-al .m-bt b { display:block; font-size:1.67rem; color:#222;}
.g-al .m-bt em { display:block; color:#666; padding:0.5rem 0 0;}


.g-al .c-list { padding: 0 0 0 1.25rem;}
.g-al .c-list li { float:left; text-align:center; width:8.9rem; height:2.21rem; line-height:2.21rem; font-size:1rem; color:#555; border:solid 1px #737373; margin: 0 0.71rem 0.71rem 0;}
.g-al .c-list li:nth-child(5) { width:15.79rem;}
.g-al .c-list li.z-on { background:#3BA9CB; border:solid 1px #3BA9CB; color:#fff;}

.m-cpcon { position:relative;}
.m-cpcon .prev { position:absolute; top:24rem; left:9rem; width:2.5rem;}
.m-cpcon .prev img { width:100%;}
.m-cpcon .next { position:absolute; top:24rem; right:9rem; width:2.5rem;}
.m-cpcon .next img { width:100%;}

.m-cpcon .sclwrap_box { height:23.33rem; margin:1rem 0 5rem;}
.m-cpcon .no_ov .m-box .page { position:relative; float:left}
.m-cpcon .no_ov .m-box .page a i { display:block;  height:20.5rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.m-cpcon .no_ov .m-box .page a i img { display:block; width:19.5rem; margin:0 auto; padding:1rem 0 0;}
.m-cpcon .no_ov .m-box .page a span { display:block; padding:0.75rem 0 0; text-align:center; color:#555;}


.m-cpcon .no_ov .m-box .page a em { display:block;  height:20.5rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

.m-cpcon .no_ov .m-box .page a em img{ margin:0 auto;}

.g-ys { background:url(/mobile/Images/Index/ys_bg.jpg) no-repeat; height:48.75rem; margin:1rem 0 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}



.g-ys .m-bt01 span em{width: 100%;
    display: block;
    text-align: center;
    font-size: 2rem; font-weight:bold;}

.g-ys .sclwrap_box { height:41rem; overflow:hidden}
.g-ys .con { float:left;}
.g-ys .con dl { width:31.21rem; margin:0.75rem auto 0;}
.g-ys .con dl dd { padding:0.75rem 0 0;}
.g-ys .con dl dd img { display:block; float:left; width:4.29rem;}
.g-ys .con dl dd p { display:block; float:left; width:26.67rem; padding-left:1.25rem;}
.g-ys .con dl dd p a { display:block; font-size:1.17rem; color:#1857a4; font-weight:bold;}
.g-ys .con dl dd p i { display:block; width:3.75rem; height:2px; background:#89bc43; margin:0.5rem 0; font-size:0; line-height:0;}
.g-ys .con dl dd p em { display:block; font-size:0.88rem; color:#1857a4; line-height:1.5rem;} 
.g-ys .con dl dd p span { display:block; color:#333; font-size:0.83rem; line-height:1.54rem; padding:1rem 0 0;}

.g-ys .m-cnt{ padding:1.25rem 0 1.25rem 13.5rem;}
.g-ys .m-cnt li{ background:#1857a4; width:0.5rem; height:0.5rem; float:left; margin:0 1rem 0 0;
border-radius:1rem;      
-webkit- border-radius:1rem;
-moz-border-radius:1rem;
-o-border-radius:1rem;}
.g-ys .m-cnt li.z-on{ background:#89bc43; width:1.88rem;}
