﻿.wrap { background:#fff;}	
.wrap img { width:100%;}
.m-cnt:after,.c-list:after,.m-box:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
/*������ʽ*/

.g-nav{width:100%;height:100%;padding: 2.5rem 0 1.5rem 4.5%}
.g-nav li{color:#fff;width:29%; height:3.1rem;margin:0 2% 3% 0; float:left; text-align:center; font-size:1rem;line-height:3.1rem;;background:#0874da}

/*ͨ�����*/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }
.dj li{width: 33.3%;height: 0.2rem;background: #0874da;float: left;}
.dj li.z-on{background: #7ad000}

/**/
.g-ons{background: #f3f3f3;padding-top: 2rem;padding-bottom: 3rem;position: relative;}
.g-ons h4{text-align: center;color: #131313;font-size: 1.5rem;font-weight: bold;background:url('/mobile/Images/Index/ons_02.jpg') no-repeat center;background-size: 100% 0.1rem;}
.g-ons h4 span{color: #0874da}
.ons-t{background:url('/mobile/Images/Index/ons_06.jpg') repeat;background-size: 3px 3px;width: 91%;margin: 0 auto;border: 1px solid #dcdcdc;border-width: 1px 1px 0 1px;margin-top: 1rem;margin-bottom: 1rem;}
.ons-t li{width: 33.3%;float: left;;text-align: center;color: #333333;font-size: 1rem; background:url('/mobile/Images/Index/ons_10.jpg') no-repeat right center;background-size: 1px 0.8rem;line-height: 2.8rem;border-bottom:0.2rem solid #3b3b3b;}
.ons-t li:last-child{background: none;}
.ons-t li.z-on{color: #0874da;font-weight: bold;border-bottom: 0.2rem solid #0874da}
.ons-b dl{width: 91%;margin: 0 auto;position: relative;}
.ons-b dt{background:url('/mobile/Images/Index/xi_03.jpg') no-repeat;background-size:100% 20.4rem;padding: 0.13rem;}
.ons-b dt img{display: block;}
.ons-b dd{width: 60%;}
.ons-b dd span{display: block;color: #0874da;font-size: 1rem;line-height: 2.8rem;}
.ons-b dd p{color: #666666;font-size: 0.9rem;line-height: 1.3rem;}
.ons-b dd p b{color: #333333;font-weight: normal;}
.g-ons .con{display: inline;float: left;}
.ons-o{width: 7rem;position: absolute;right: 5%;bottom: 0rem;}
.ons-o a{display: block;width: 95%;height: 3.2rem;line-height: 3.2rem;color: #fff;font-size: 1rem;padding-left: 1rem;}
.ons-o a:first-child{background:url('/mobile/Images/Index/ssf_07.jpg') no-repeat;background-size:100% 3.2rem;margin-bottom: 0.5rem;}
.ons-o a:last-child{background:url('/mobile/Images/Index/ssf_10.jpg') no-repeat;background-size:100% 3.2rem;}
/**/

.g-two h4{text-align: center;color: #131313;font-size: 1.5rem;font-weight: bold;background:url('/mobile/Images/Index/ers_02.jpg') no-repeat center;background-size: 100% 0.1rem;margin: 2.5rem 0 1.5rem 0}
.g-two h4 a{color: #131313;}
.g-two h4 span{color: #0874da;}
.two{height: 13rem;overflow: hidden;width: 87.5%;margin: 0 auto;position: relative;overflow: hidden;}
.two-t p{width: 46%;height: 13rem;overflow: hidden;}
.two-t p img{display: block;height: 13rem;}
.two-b{position: absolute;right: 0px;top:0px;width: 54%;}
.two-b li{width:20%;padding: 0 2.5%; color: #333333;font-size: 1rem;line-height: 1rem; float: left;background:#fff; height: 13rem;border: 1px solid #c9c9c9;border-width:1px 1px 1px 0; box-sizing:border-box;text-align: center;}
.two-b li i{display: block;width:1.6rem;height:1.6rem;line-height: 1.6rem; margin: 0 auto;border-radius: 100%; background: #ededed;font-weight: bold;color: #999999;font-size: 1rem;text-align: center; }
.two-b li p{padding-top: 0.8rem;overflow: hidden;height: 9.5rem;}
.two-b li p img{display: block;}
.two-b li span{display: block;font-size: 0.5rem;}
.two-b li.z-on{background: #0874da;}
.two-b li.z-on p{color: #fff;font-weight: bold;}
.two-b li.z-on i{background: #fff;color: #0874da}
.g-two .con{display: inline;float: left;}
/**/
.g-thre{background: #f3f3f3;padding: 2.3rem 0 0 0;margin-top: 2.8rem;padding-bottom: 2rem;margin-bottom: 2rem;}
.g-thre h4{text-align: center;color: #131313;font-size: 1.5rem;font-weight: bold;background:url('/mobile/Images/Index/thre_02.jpg') no-repeat center;background-size: 100% 0.1rem;margin: 0 0 1.5rem 0}
.g-thre h4 span{color: #0874da}
.thre-t{width: 91%;margin: 0 auto;}
.thre-t li{width: 48%;float: left;line-height: 2.33rem;margin-right:4% ;margin-bottom: 4%; background: #dedede;color: #333333;font-size: 0.9rem;text-align: center;}
.thre-t li:nth-child(2),.thre-t li:nth-child(4){margin-right: 0px;}
.thre-t li.z-on{background: #0874da;color:#fff;font-weight: bold;}
.thre-b dl{width: 91%;margin: 0 auto;}
.thre-b dt img{padding: 0.1rem;background: #fff;border: 2px solid #d4d4d4;box-sizing:border-box;}
.thre-b dd b{display: block;color: #0874da;font-size: 1rem;line-height: 2.5rem;font-weight: normal;}
.thre-b dd p{color: #666666;font-size: 0.9rem;line-height: 1.4rem;}
.thre-b dd p a{color: #7ad000;font-size: 0.9rem;}
.g-thre .con{display: inline;float: left;}
/**/
.g-four h4{text-align: center;color: #131313;font-size: 1.4rem;font-weight: bold;margin: 0 0 1.5rem 0}
.g-four h4 span{color: #0874da}
.g-four h4 i{display: block;width: 1.7rem;margin: 0 auto;}
.g-four h4 i img{display: block;padding-top: 0.9rem;}
.four dl{width: 91%;margin: 0 auto;border: 2px solid #e5e5e5;padding: 0.9rem 0; border-radius: 0.1rem;background: #fff;margin-bottom: 0.8rem; box-sizing:border-box;}
.four dt{width: 28%;float: left;border:2px solid #acacac;border-radius: 100%;margin: 0 1rem;}
.four dt img{display: block;}
.four dd{width: 60%;float: left;}
.four dd b{display: block;color: #131313;font-size: 1rem;padding: 1rem 0 0.7rem 0;}
.four dd p{color: #616161;font-size: 0.9rem;line-height: 1.5rem;}
/**/
.g-five{background: #046ede;padding: 1.7rem 0;margin-top: 1.8rem;}
.five-l{width: 38%;float: left;padding-left: 16%;}
.five-l p{background:url('/mobile/Images/Index/bf_03.jpg') no-repeat left 0;background-size: 1.38rem 1.38rem;padding-left: 1.5rem;color: #fff;font-size: 1rem;}
.five-l b{display: block;color: #fff;font-size: 1.25rem}
.five-r{width: 7.6rem;float: left;background:url('/mobile/Images/Index/bf_06.jpg') no-repeat;background-size: 100% 2.7rem;text-align: center;line-height: 2.7rem;}
.five-r a{color: #fff;font-size: 1rem;font-weight: bold;}

/**/
.g-ys{background: #f3f3f3 url('/mobile/Images/Index/ys_02.jpg') no-repeat center 2.5rem;background-size: 100% 8.8rem;}
.g-ys h4{text-align: center;padding-top: 2.8rem;padding-bottom: 2rem;}
.g-ys h4 span{display: block;color: #0874da;font-size: 2.5rem;font-weight: bold;letter-spacing: 0.3rem;}
.g-ys h4 em{display: block;color: #131313;font-size: 0.9rem;}
.g-ys h4 i{color: #0874da}
.g-ys h4 b{color: #3d4043;font-size: 1rem;font-weight: bold;display: block;}

.ys{position: relative;padding-bottom: 4rem;}
.ys .prev{width: 1.2rem;position: absolute;left: 38%;bottom:4.5rem; z-index: 99}
.ys .next{width: 1.2rem;position: absolute;right: 38%;bottom:4.5rem; z-index: 99}
.ys-c dt img{display: block; }
.ys-c dl{position: relative;height: 34rem;}
.ys-c dd h3{text-align: center;padding: 1.7rem 0 1rem 0}
.ys-c dd h3 i{width: 4.6rem;display: inline-block;vertical-align: bottom;}
.ys-c dd h3 span{display: inline-block;color: #0874da;font-weight: bold;font-size: 1.25rem;border-bottom: 0.2rem solid #d3d3d3;height: 2rem;margin-left: 0.5rem;}
.ys-c dd p{width: 80%;margin: 0 auto; color: #333333;font-size: 0.9rem;padding-left: 0.8rem;background:url('/mobile/Images/Index/ys_10.jpg') no-repeat left 0.6rem;background-size: 0.3rem 0.4rem;line-height: 1.6rem;}
.ys-c dd em{position: absolute;bottom: 0rem;left:9%;  width: 82%;margin: 0 auto;border: 1px solid #d3d3d3;border-width: 1px 0 1px 0;padding: 0.3rem 0; display: block;text-align: center;color: #333333;font-size: 1.25rem;}
.ys-c dd em b{color: #0874da;font-size: 1.6rem;font-weight: normal;}
.ys .con{display: inline;float: left;}
.ys-c .con:last-child dt{width: 65%;margin: 0 auto;}
/**/
.g-six{margin-top: 2rem;}
.g-six h4{margin:0 0 1rem 0; text-align: center;color: #0874da;font-size: 1.5rem;font-weight: bold;background:url('/mobile/Images/Index/six_02.jpg') no-repeat center;background-size: 100% 0.1rem;margin: 0 0 1.5rem 0}
.g-six dl{position: relative;}
.g-six dt{ width:80%; margin-left:6%;}
.g-six dt img{display: block;}
.g-six p{position: absolute;right: 6%;top:0.7rem; width: 15%;padding: 2.2%;border: 0.1rem solid #2082de;background: #fff;}
.g-six p a{display: block;margin-bottom: 0.75rem;}
.g-six p a:last-child{margin-bottom: 0px;}
.g-six dd{width: 81%;margin: 0 auto;margin-top: 1rem;}
.g-six dd{color: #616161;font-size: 0.9rem;line-height: 1.5rem;}
.g-six dd a{color: #7ad000;font-size: 0.9rem;}
/**/
.g-sev{margin-bottom: 2rem;}
.sev-t{margin: 2.2rem 0 1.5rem 0}
.sev-t li{background: #dadada;border-right: 1px solid #fff; width: 33.3%;float: left;line-height: 2.6rem;color: #333333;font-size: 1rem;font-weight: bold;text-align: center;box-sizing:border-box;}
.sev-t li.z-on{background: #0874da;color: #fff;}
.sev-b li{width: 83%;margin: 0 auto;border-bottom: 1px solid #eeeeee;line-height: 2.05rem;padding-left: 1.2rem; color: #666666;font-size: 1rem;background:url('/mobile/Images/Index/xio.jpg') no-repeat left center;background-size: 0.3rem 0.7rem;}
.sev-b li em{float: right;color: #9c9b9b;font-size: 1rem;}
.sev-b a:last-child li{border: 0px;}
.g-sev .con{display: inline;float: left;}


@media screen and (min-width:320px) {  html { font-size:75%;}}
@media screen and (min-width:360px) {  html { font-size:87%;}}
@media screen and (min-width:480px) {  html { font-size:112%;}}
@media screen and (min-width:568px) {  html { font-size:131%;}}
@media screen and (min-width:639px) {  html { font-size:150%;}}