/*-----------------------------------------------------------------------------------------------------------------------*/
.ban img{ display:block; width:100%;}

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{height:9.1rem; overflow:hidden; margin-top:2.5rem;}
nav a{ color:#fff; font-size:1rem; width:7.083rem; text-align:center; height:2.5rem; line-height:2.5rem; overflow:hidden; display:inline-block;float:left; margin:0 0 1.33rem 1.25rem;background:#00599f;}

/*-----------------------------------------------------------------------------------------------------------------------*/

/*头部*/
.h_bj{ background: #fff;}
.h_bj .h{ text-align: center; display: inline-block; width: 100%; margin: 1.07rem 0 1.1rem 0;}
.h_bj .h h1{ width: 3.2rem; height: 3.2rem; display: block; margin: 0 auto;}
.h_bj .h h1 img{ width: 100%;}
.h_bj .h span{color: #20407D; font-size: 1rem; text-align: center;}

/*banner*/
.banner img{ width: 100%;}

/*导航*/
.dh_bj{ margin: 1rem 0 0;}
.dh_bj .dh ul{ margin: 0 2.5%; display: inline-block; width: 95%;}
.dh_bj .dh ul li{ width: 32%; text-align: center; margin-right: 2%; float: left; background: #FEEC99; height: 2.5rem; line-height: 2.5rem; margin-bottom: 0.35rem;}
.dh_bj .dh ul li:nth-child(3),.dh_bj .dh ul li:nth-child(6){ margin-right: 0;}
.dh_bj .dh ul li a{ color: #323232; font-size: 0.8rem;}

/*优势*/
.ys_bj{ margin: 1.6rem 0 0; background: #F4F6F8;}
.ys{ display: inline-block; width: 100%; padding-bottom: 2.15rem;}
.ys_tit{ text-align: center; padding-top:2.15rem;}
.ys_tit span{ position: relative; font-weight: bold; color: #223E80; font-size: 1.2rem;}
.ys_tit span:after{ content: ''; position: absolute; left: -2rem; top: 0.8rem; width: 1rem; height: 1px; background: #223E80;}
.ys_tit span:before{ content: ''; position: absolute; right: -2rem; top: 0.8rem; width: 1rem; height: 1px; background: #223E80;}
.ys_tit span b{ padding: 0 3px;}
.ys_nr dl{ width: 95%; background: #223D80; margin: 0.75rem auto 0; height: 6.14rem; padding-top: 1rem;}
.ys_nr dl dt{ width: 20%; float: left;}
.ys_nr dl dt img{width: 3.4rem; height: 3.4rem; margin: 0 auto; display: block;}
.ys_nr dl dd{ width: 80%; float: left;}
.ys_nr dl dd b{ color: #fff; font-size: 1rem; display: block; margin: 0 0 0.3rem;}
.ys_nr dl dd p{ font-size: 0.7rem; color: #fff; font-weight: normal; padding-right: 1rem; text-align: justify;}


/*服务*/
.fw_bj{ padding: 2.15rem 0 0; background: #FFFFFF;}
.fw_tit{ display: inline-block; width: 100%; text-align: center;}
.fw_tit span{ position: relative; font-weight: bold; color: #223E80; font-size: 1.2rem;}
.fw_tit span:after{ content: ''; position: absolute; left: -2rem; top: 0.8rem; width: 1rem; height: 1px; background: #223E80;}
.fw_tit span:before{ content: ''; position: absolute; right: -2rem; top: 0.8rem; width: 1rem; height: 1px; background: #223E80;}
.fw_tit em{ display: block; color: #323232; font-size: 0.75rem; font-weight: bold; margin: 0.5rem 0;}
.fw_nr{ width: 95%; margin: 0 2.5%;}
.fw_nr .list{ display: inline-block; width: 100%;}
.fw_nr .list dl:nth-child(2),.fw_nr .list dl:nth-child(4),.fw_nr .list dl:nth-child(6){ float: right;}
.fw_nr .list dl{ position: relative; width: 49%; float: left; padding-bottom: 1rem;}
.fw_nr .list dl dt{}
.fw_nr .list dl dt i{ position: absolute; left: -0.4rem; top: 1rem; color: #fff; font-size: 0.8rem; background: url(../Images/Index/fw_ico.png) no-repeat left top; background-size:100%; display: block; width: 4.64rem; height: 1.4rem; line-height: 1.5rem; text-align: center;}
.fw_nr .list dl dt img{ width: 100%;}
.fw_nr .list dl dd{}
.fw_nr .list dl dd p{ color: #333333; font-size: 0.75rem;}
.fw_nr .list dl dd p a{ color: #223E80;}
.fw_nr .fw_qh{ height: 2.5rem; overflow: hidden;}
.fw_nr .fw_qh p{ width: 49px; margin: 0 auto;}
.fw_nr .fw_qh p a{ background: #223E80; display: block; float: left; width: 7px; height: 7px; margin: 0 3px; border-radius:100%;}
.fw_nr .fw_qh p a.on{ width: 17px; border-radius:5px; background: #FEEC99;}

/*科技*/
.kj_bj{ padding: 2.15rem 0 0; background: #F4F6F8;}
.kj{ display: inline-block; width: 95%; margin: 0 2.5%;}
.kj_tit{ text-align: center; margin: 0 0 0.5rem 0;}
.kj_tit span{ position: relative; font-weight: bold; color: #223E80; font-size: 1.2rem;}
.kj_tit span:after{ content: ''; position: absolute; left: -2rem; top: 0.8rem; width: 1rem; height: 1px; background: #223E80;}
.kj_tit span:before{ content: ''; position: absolute; right: -2rem; top: 0.8rem; width: 1rem; height: 1px; background: #223E80;}
.kj_nr{ padding-bottom: 2.15rem;}
.kj_nr h1 img{ display: block; width: 100%;}
.kj_nr ul li{ position: relative; padding-left: 1rem; height: 3.6rem; background: #FFFFFF; border-top: 1px solid #F4F6F8;}
.kj_nr ul li:after{ content:'+'; position: absolute; right: 1.5rem; top: 0.7rem; color: #707070; font-size: 1rem;}
.kj_nr ul li span{ display: block; color: #223E80; font-size: 0.85rem; font-weight: bold; line-height: 3.6rem; }
.kj_nr ul li p{ display: none;}
.kj_nr ul li.on{ height: 6.7rem; background: #FEEC99; border-radius: 0.5rem;}
.kj_nr ul li.on span{ display: block; height: 2.5rem; line-height: 3rem; overflow: hidden;}
.kj_nr ul li.on p{ display:block; font-size: 0.8rem; color:#666666; margin-right: 1.5rem;}
.kj_nr ul li.on:after{ content:'-'; position: absolute; right: 1.5rem; top: 0.7rem; color: #707070; font-size: 1rem;}

/*案例*/
.al_bj{ padding: 2.15rem 0 0; background: #223E80;}
.al{ display: inline-block; width: 100%; text-align: center;}
.al_tit span{ position: relative; font-weight: bold; color: #fff; font-size: 1.2rem;}
.al_tit span:after{ content: ''; position: absolute; left: -2rem; top: 0.8rem; width: 1rem; height: 1px; background: #fff;}
.al_tit span:before{ content: ''; position: absolute; right: -2rem; top: 0.8rem; width: 1rem; height: 1px; background: #fff;}
.al_tit em{ display: block; color: #fff; font-size: 0.75rem; font-weight: bold; margin: 0.5rem 0 1rem;}
.al_nr{ width: 95%; margin: 0 2.5%;}
.al_nr ul{ display: inline-block; width: 100%;}
.al_nr ul li{ display: block; float: left; width: 48.5%;}
.al_nr ul li:nth-child(2),.al_nr ul li:nth-child(4){ float: right;}
.al_nr ul li a{ display: block;}
.al_nr ul li a img{ width: 100%; border: 2px solid #FFFFFF;}
.al_nr ul li a span{ color: #FFFFFF; font-size: 0.8rem; text-align: left; display: block; height: 3.2rem; overflow: hidden;}
.al .al_qh{ height: 2.5rem; overflow: hidden;}
.al .al_qh p{ width: 36px; margin: 0 auto;}
.al .al_qh p a{ background: #FFFFFF; display: block; float: left; width: 7px; height: 7px; margin: 0 3px; border-radius:100%;}
.al .al_qh p a.on{ width: 17px; border-radius:5px; background: #FEEC99;}

/*实力*/
.sl_bj{ padding: 2.15rem 0 0; background: #fff; border-top:0.5rem solid #F4F6F8; border-bottom:0.5rem solid #F4F6F8;}
.sl{ display: inline-block; width: 100%; text-align: center;}
.sl_tit span{ position: relative; font-weight: bold; color: #101952; font-size: 1.2rem;}
.sl_tit span:after{ content: ''; position: absolute; left: -2rem; top: 0.8rem; width: 1rem; height: 1px; background: #101952;}
.sl_tit span:before{ content: ''; position: absolute; right: -2rem; top: 0.8rem; width: 1rem; height: 1px; background: #101952;}
.sl_tit em{ display: block; color: #323232; font-size: 0.75rem; font-weight: bold; margin: 0.5rem 0 1rem;}
.sl_nr{ width: 95%; margin: 0 2.5%;}
.sl_nr .sl_nav ul{ background: #223E80; height: 2.85rem; overflow: hidden;}
.sl_nr .sl_nav ul li{ position: relative; width: 25%; float:left; text-align: center; line-height: 2.85rem;}
.sl_nr .sl_nav ul li a{ color: #FFFFFF; font-size: 0.8rem;}
.sl_nr .sl_nav ul li.on:after{ content: ''; position: absolute; left: 37.5%; bottom: 0; height: 1px; width: 25%; border-bottom: 2px solid #FEEC99;}
.sl_nr .sl_nav ul li.on a{ color: #FEEC99;}
.sl_slide dl{ position: relative; padding-bottom: 2.85rem;}
.sl_slide dl:after{ content: ''; position: absolute; left: 0; bottom: 3.65rem; display: block; width: 0.53rem; height: 8.03rem; background: url(../Images/Index/xian.png) no-repeat left top; background-size:0.53rem 8.03rem;}
.sl_slide dl dt a img{ width: 100%;}
.sl_slide dl dd{padding-left: 1.5rem; padding-right: 1rem;} 
.sl_slide dl dd span{ color: #223E80; font-size:1.07rem; font-weight: bold; display: block; margin: 1.1rem 0 0.8rem; text-align: left;} 
.sl_slide dl dd span i{ color: #ECC304;}
.sl_slide dl dd p{ color: #666666; font-size: 0.8rem; text-align: justify;}

 /*详情*/
.ab_bj{ padding: 0; background: #FFFFFF;}
.ab{ display: inline-block; width: 100%; text-align: center;}
.ab_tit{ background: url(../Images/Index/about_banner.jpg) no-repeat left; background-size:cover; height: 6.8rem; padding-top: 3.2rem;}
.ab_tit span{ margin-left: 45%; position: relative; font-weight: bold; color: #fff; font-size: 1.35rem;}
.ab_tit span:after{ content: ''; position: absolute; left: -2rem; top: 0.8rem; width: 1rem; height: 1px; background: #fff;}
.ab_tit span:before{ content: ''; position: absolute; right: -2rem; top: 0.8rem; width: 1rem; height: 1px; background: #fff;}
.ab_tit em{ padding-left: 45%; display: block; color: #fff; font-size: 0.75rem; font-weight: bold; margin: 0.5rem 0 1rem;}
.ab_nr{ width: 95%; margin: 0 2.5%; padding-bottom: 2.85rem;}
.ab_nr ul{ margin: 0.65rem 0 0.5rem;
    display: inline-block;}
.ab_nr ul li{ width: 32%; margin-right: 2%; float: left;}
.ab_nr ul li:nth-child(3){ margin-right: 0;}
.ab_nr ul li a{ display: block;}
.ab_nr ul li a img{ width: 100%;}
.ab_nr p{ color: #666666; font-size: 0.8rem; text-align: justify;}
.ab_nr p a{ color: #234084;}

/*news*/
.news_bj{ padding: 2.15rem 0 0; background: #F5F5F5;}
.news{ display: inline-block; width: 100%;}
.news_tit{ text-align: center;}
.news_tit span{ position: relative; font-weight: bold; color: #101952; font-size: 1.2rem;}
.news_tit span:after{ content: ''; position: absolute; left: -2rem; top: 0.8rem; width: 1rem; height: 1px; background: #101952;}
.news_tit span:before{ content: ''; position: absolute; right: -2rem; top: 0.8rem; width: 1rem; height: 1px; background: #101952;}
.news_tit em{ display: block; color: #323232; font-size: 0.75rem; font-weight: bold; margin: 0.5rem 0 1rem;}
.news_nr{ width: 95%; margin: 0 2.5%; padding-bottom: 2.3rem;}
.news_nav{ background: #F1F3F6; height: 3.6rem; overflow: hidden;}
.news_nav p a{ display: block; width: 33.33%; height: 3.6rem; line-height: 5rem; color: #666666; float: left; font-size: 0.85rem; text-align: center;}
.news_nav p a:nth-child(1){ background: url(../Images/Index/news_ico1.png) no-repeat center 0.2rem; background-size:1.8rem;}
.news_nav p a:nth-child(2){ background: url(../Images/Index/news_ico2.png) no-repeat center 0.2rem; background-size:1.8rem;}
.news_nav p a:nth-child(3){ background: url(../Images/Index/news_ico3.png) no-repeat center 0.2rem; background-size:1.8rem;}
.news_nav p a:nth-child(1).on{ background:#FFFFFF url(../Images/Index/news_icos1.png) no-repeat center 0.2rem; background-size:1.8rem;}
.news_nav p a:nth-child(2).on{ background:#FFFFFF url(../Images/Index/news_icos2.png) no-repeat center 0.2rem; background-size:1.8rem;}
.news_nav p a:nth-child(3).on{ background:#FFFFFF url(../Images/Index/news_icos3.png) no-repeat center 0.2rem; background-size:1.8rem;}
.news_slide{ background: #fff;}
.news_slide dl{ padding: 1rem 3% 0.5rem; display: inline-block;}
.news_slide dl dt{ display: block; float: left; width: 33%;}
.news_slide dl dt a img{ width: 100%;}
.news_slide dl dd{ display: block; float: left; width: 60%; margin: 0 3% 0 4%;} 
.news_slide dl dd span{ color: #595959; font-size: 0.8rem;} 
.news_slide dl dd p{ color: #999999; font-size: 0.7rem;} 
.news_slide ul{ padding: 0 3%;}
.news_slide ul li{ position: relative; height: 3rem; line-height: 3rem; overflow: hidden; border-top: 1px solid #E6E6E6;}
.news_slide ul li a{ color: #666666; font-size: 0.8rem;}
.news_slide ul li:after{ content: ''; position: absolute; right: 1rem; top: 1.3rem; display: block; width: 5px; height: 5px; border:1px solid #223E80; border-left:0; border-top: 0;transform:rotate(-45deg); }

/*底部*/
.db_bj{ background:#223E80; height: 18.5rem; overflow: hidden; padding-bottom: 4.75rem;}
.db{ width: 90%; margin: 0 auto;}
.db_t{ margin: 2.67rem 0 0; height: 4.1rem; border-bottom: 0.5px solid #4E6599;}
.db_t h1{ float: left; overflow: hidden;}
.db_t h1 span{ color: #FFFFFF; font-size: 0.8rem;}
.db_t h1 span b{ font-size: 1.07rem; color: #fff; display: block;}
.db_t h1:nth-child(2){ float: right;}
.db_c{ padding-top: 1.6rem;}
.db_c p{ padding-bottom: 1.6rem; color: #FFFFFF; font-size: 0.8rem;}
.db_c i{ color: #919FC0; font-size: 0.7rem; height: 3.2rem; display: block;}
.db_c i em{ padding: 0 5px;}
.db_c span{ color: #fff; font-size: 0.8rem; margin-left:-8px;}
.db_c span a{ color: #FFFFFF; font-size: 0.8rem; padding: 0 10px 0 8px;}

/*底部导航*/
.dbdh{ position: fixed; left: 0; bottom: -1px; width: 100%; background:url(../Images/Index/db_bj.png) no-repeat left bottom; background-size:100% 4.79rem; height: 4.79rem; overflow: hidden;}
.dbdh ul li{ width: 20%; line-height: 8rem; display: block; text-align: center; float: left;}
.dbdh ul li a{ font-size: 0.7rem; color: #666666;}
.dbdh ul li:nth-child(1){ color: #223D80;}
.dbdh ul li:nth-child(2){ margin-left: -0.5%;}
.dbdh ul li:nth-child(3){ margin-left: 0.5%; line-height: 6.5rem;}
.dbdh ul li:nth-child(3) a{ color: #fff;}
.dbdh ul li:nth-child(4){ margin-left: 1%;}
.dbdh ul li:nth-child(5){ margin-left: -1%;}




@media screen and (min-width:320px) {
	html { font-size:75%;}
}
@media screen and (min-width:360px) {
	html { font-size:85%;}
}
@media screen and (min-width:375px) {
	html { font-size:87.5%;}
}
@media screen and (min-width:414px) {
	html { font-size:96%;}
}
@media screen and (min-width:480px) {
	html { font-size:110.5%;}
}
@media screen and (min-width:568px) {
	html { font-size:129%;}

}
@media screen and (min-width:639px) {
	html { font-size:150%;}
}