

.wrap img{ width: 100%;}

.ban{line-height: 0;overflow: hidden; position: relative; z-index: 1;}

.title01 { font-size: 1.2rem; color:#333333; line-height: 2rem;text-align: center;}
.title01 img{ width:5.65rem; display: block; margin: 0.9rem auto 0;}
.title01 p{ color:#333333;font-size: 2.2rem;font-weight: bold;line-height: 2.4rem;}
.title01 span{ color:#1b3f8d;}

.pin{padding: 2.5rem 0 3.4rem;background:#ededed;}
.pinwz{ margin: 1rem 1.5rem 0; font-size: 1rem; color:#666666; line-height: 1.6rem;text-align: center; }
.pinwz a{display: block; width:10.9rem; height:2.6rem ;background:#1b3f8d; border-radius: 10rem; line-height: 2.6rem; color:#ededed; margin: 1.2rem auto 0;}
.pin ul { margin:2.8rem 4.68% 0;}
.pin ul li{ width:50%; float: left; padding: 1.7rem 0 ; font-size: 1rem; color:#666666; text-align: center; line-height: 1.3rem; border:1px solid #bfbfbf; position: relative; margin:0 -1px -1px 0;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.pin ul li p{ font-size: 3rem; color:#1b3f8d;font-weight: bold;}
.pin ul li p span{ display: inline-block;width:1.3rem;height: 1.3rem;background:#626262; font-size: 0.8rem; color:#fff; font-weight: normal; border-radius: 100%;}
.pin ul li i{display: inline-block; font-size: 1.5rem;}

.pro{ padding: 2.8rem 0 0.8rem;}
.pro_nav{height:8.7rem; overflow: hidden; margin:0.8rem 0 0 4%;}
.pro_nav p{ width:9.2rem; height:3.3rem; float: left;border:1px solid #b0b0b0;border-left: 0.15rem solid #1b3f8d;  font-size: 1rem; color:#666666; padding-left: 0.8rem; line-height: 3.3rem; margin:0 0.4rem 0.5rem 0; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.pro_nav p a{display: block; color:#666666;}
.pro_nav p.cur{ background:#1b3f8d; color:#fff;}
.pro_con dl{ width:90.625%; margin: 0 auto;background:#1b3f8d;}
.pro_con dd {padding: 1rem 1.8rem;}
.pro_con dd p{ font-size: 1rem; line-height: 1.4rem; color:#fff;}
.pro_con dd h3{ font-size: 1.2rem; font-weight: bold; padding-bottom: 0.5rem;color:#fff;}

.pro1{margin:0 0 3rem;}
.pro1 li{ float: left; width:43.9%; margin:0 0 0.8rem 4.68%; line-height: 0;}
.pro1 li:nth-child(2n){ margin-left: 2.6%;}
.pro1 li img{display: block; border:1px solid #dfdfdf; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.pro1 li span{display: block; line-height: 2.4rem;background:#cdcdcd; text-align: center; font-size: 1rem; color:#1f2024;}

.ted{background: url(/mobile/images/index/tedbg.jpg) no-repeat 0 0 ;background-size: 100% 49.2rem; height:49.2rem;}
.ted .title01{ padding-top: 2.7rem; height:6.4rem;}
.ted dl{margin:0 4.68% 0.3rem;height:7.15rem;background:#fff;padding: 0.15rem 1rem 0.15rem 0.15rem; overflow: hidden;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.ted dt{ float: left;width:8.3rem;}
.ted dd{ width:65.17%; float: right;}
.ted dd h3{padding-top: 0.8rem; line-height: 1.8rem; font-size: 1.3rem; color:#1b3f8d; font-weight: bold;}
.ted dd h3 img{vertical-align: middle; width:1.8rem;}
.ted dd p{ font-size: 1rem; color:#666666; line-height: 1.35rem; margin-top: 0.5rem;}

.ys{ margin: 2.7rem 0 2.7rem; padding-bottom: 5.7rem; position: relative;}
.ys_nav1{ margin-top: 1.4rem; height:8.4rem;}
.ys_nav1 p{ float: left; width:6.5rem; height:6.7rem; background:#1b3f8d; border-radius: 100%;position: relative; margin-right: 0.7rem; font-size: 1.2rem; color:#fff; text-align: center;}
.ys_nav1 p::before{position: absolute; content:""; width:6.2rem; height:6.2rem; border:1px solid #4361a1; top: 0.2rem; left: 0.2rem; border-radius: 100%;}
.ys_nav1 p:nth-child(1){ margin-left: 4%;}
.ys_nav1 p img{display: block; width:2.4rem; margin: 0.8rem auto 0;}
.ys_nav1 p.cur{ background:#01aed8;}
.ys_nav1 p.cur::before{ position: absolute; content:""; width:6.2rem; height:6.2rem; border:1px solid #fff; top: 0.2rem; left: 0.2rem; border-radius: 100%;}

.ysprev{position: absolute; bottom:0; left: 18.125%; width:3.3rem;}
.ysnext{position: absolute; bottom:0; right: 18.125%; width:3.3rem;}

.ysc{ width:90.625%; margin: 0 auto; overflow: hidden;}
.ysimg{display: block;}
.ysc dl{margin-top: 1.7rem;}
.ysc dt{ font-size: 2.4rem; color:#1b3f8d;font-weight: bold; border-bottom: 0.15rem solid #d6d6d6; position: relative; line-height: 3.9rem;}
.ysc dt::before{position: absolute; content:""; width:10rem; height:0.15rem; background:#d6d6d6; top: 0; left: 0;}
.ysc dt span{display: inline-block; font-size: 1.6rem; color:#272727;font-weight: normal;}
.ysc dt i{ display: inline-block; font-size: 2rem;font-weight: normal;color:#272727;padding: 0 1rem;}

.ysc dd{}
.ysc dd span{display: block; font-size: 1.3rem; color:#333333;font-weight: bold;padding: 0.9rem 0;}
.ysc dd p{ font-size: 1rem; line-height: 1.3rem; color:#666666; margin-bottom: 0.7rem;}

.ys_nav2{ text-align: center; position: absolute; bottom:0; height:2.4rem; width:100%;}
.ys_nav2 p{ width:0.6rem; height:0.6rem;display: inline-block; background:#999999; border-radius: 100%;margin:0 0.65rem;}
.ys_nav2 p.cur{background:#1b3f8d; width:2.8rem; border-radius: 0.5rem;}

.case{padding: 2.7rem 0 3.3rem;background:#ededed;}
.case .title01{ height:5.8rem;}
.case_nav{height:13.85rem;margin-left: 4%; overflow: hidden;}
.case_nav p{ float: left; width:9.15rem; height:4rem; border:1px solid #cfcfcf; margin:0 0.45rem 0.35rem 0; font-size: 1.1rem; color:#333333; text-align: center; line-height: 1.4rem; padding-top: 2.1rem;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.case_nav p:nth-child(1){background:#fff url(/mobile/images/index/caseico01.png) no-repeat center 0.3rem ;background-size: 1.7rem 1.7rem;}
.case_nav p:nth-child(2){background:#fff url(/mobile/images/index/caseico02.png) no-repeat center 0.3rem ;background-size: 1.7rem 1.7rem;}
.case_nav p:nth-child(3){background:#fff url(/mobile/images/index/caseico03.png) no-repeat center 0.3rem ;background-size: 1.7rem 1.7rem;}
.case_nav p:nth-child(4){background:#fff url(/mobile/images/index/caseico04.png) no-repeat center 0.3rem ;background-size: 1.7rem 1.7rem;}
.case_nav p:nth-child(5){background:#fff url(/mobile/images/index/caseico05.png) no-repeat center 0.3rem ;background-size: 1.7rem 1.7rem;}
.case_nav p:nth-child(6){background:#fff url(/mobile/images/index/caseico06.png) no-repeat center 0.3rem ;background-size: 1.7rem 1.7rem;}
.case_nav p:nth-child(7){background:#fff url(/mobile/images/index/caseico07.png) no-repeat center 0.3rem ;background-size: 1.7rem 1.7rem;}
.case_nav p:nth-child(8){background:#fff url(/mobile/images/index/caseico08.png) no-repeat center 0.3rem ;background-size: 1.7rem 1.7rem;}
.case_nav p:nth-child(9){background:#fff url(/mobile/images/index/caseico09.png) no-repeat center 0.3rem ;background-size: 1.7rem 1.7rem;}

.case_nav p.cur{ color:#fff;}
.case_nav p:nth-child(1).cur{background:#1b3f8d url(/mobile/images/index/caseico11.png) no-repeat center 0.3rem ;background-size: 1.7rem 1.7rem;}
.case_nav p:nth-child(2).cur{background:#1b3f8d url(/mobile/images/index/caseico12.png) no-repeat center 0.3rem ;background-size: 1.7rem 1.7rem;}
.case_nav p:nth-child(3).cur{background:#1b3f8d url(/mobile/images/index/caseico13.png) no-repeat center 0.3rem ;background-size: 1.7rem 1.7rem;}
.case_nav p:nth-child(4).cur{background:#1b3f8d url(/mobile/images/index/caseico14.png) no-repeat center 0.3rem ;background-size: 1.7rem 1.7rem;}
.case_nav p:nth-child(5).cur{background:#1b3f8d url(/mobile/images/index/caseico15.png) no-repeat center 0.3rem ;background-size: 1.7rem 1.7rem;}
.case_nav p:nth-child(6).cur{background:#1b3f8d url(/mobile/images/index/caseico16.png) no-repeat center 0.3rem ;background-size: 1.7rem 1.7rem;}
.case_nav p:nth-child(7).cur{background:#1b3f8d url(/mobile/images/index/caseico17.png) no-repeat center 0.3rem ;background-size: 1.7rem 1.7rem;}
.case_nav p:nth-child(8).cur{background:#1b3f8d url(/mobile/images/index/caseico18.png) no-repeat center 0.3rem ;background-size: 1.7rem 1.7rem;}
.case_nav p:nth-child(9).cur{background:#1b3f8d url(/mobile/images/index/caseico19.png) no-repeat center 0.3rem ;background-size: 1.7rem 1.7rem;}
.case_nav p a{ display: block;color:#333; }

.case_con dl{ width:90.625%; margin: 0 auto;background:#1b3f8d;}
.case_con dd{ padding: 1rem 1.8rem ;}
.case_con dd h3{ font-size: 1.1rem; color:#fff; font-weight: bold;}
.case_con dd p{ font-size: 1rem; color:#ced2e1; padding-top: 0.2rem;}

.g-about{ padding-bottom: 1rem;}
.g-about dd{position: relative; margin: -1.8rem 4.68% 0;background:#fff; z-index: 3; box-shadow: 0rem 0.4rem 0.4rem #e3e3e3; padding: 2rem 1.7rem 2.6rem; text-align: center;}
.g-about h3{ font-size: 1.2rem; color:#1b3f8d;font-weight: bold;}
.g-about p{ font-size: 1rem; line-height: 1.6rem; color:#666666; padding-top: 0.5rem;}
.g-about em{display: block; margin: 1.2rem auto 0; width:11.5rem;background:#1b3f8d; height:2.8rem; text-align: center; line-height: 2.8rem; color:#fff; font-size: 1rem; border-radius: 5rem;}

.xc{padding-bottom: 3.3rem;}
.xc li{width:41.4%; padding: 0.5rem 0.5rem 0; float: left; margin-left: 4.68%;background:#1b3f8d;}
.xc li:nth-child(2){ margin-left: 2%;}
.xc li img{display: block;}
.xc li p{ font-size: 1.2rem; color:#fff; padding: 0.8rem 0 0 0.9rem;height:4.1rem; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.xc li:nth-child(1) p{background: url(/mobile/images/index/xcico01.png) no-repeat 9.5rem 0.75rem ;background-size: 2.6rem 2.6rem;}
.xc li:nth-child(2) p{background: url(/mobile/images/index/xcico02.png) no-repeat 9.5rem 0.75rem ;background-size: 2.6rem 2.6rem;}
.xc li p i{display: block; font-size: 0.7rem; color:#a8b0cb; font-family: Arial;}

.g-news{ padding:2.5rem 0 3.2rem; border-bottom: 0.1rem solid #1b3f8d;background:#ededed; position: relative; z-index: 1;margin-bottom: -2.1rem;}

.news_nav{ height:3rem;margin: 1.5rem 4.68% 0;background:#333333 ;border-radius: 2rem; overflow: hidden;}
.news_nav p{ float: left; font-size: 1.1rem; color:#fff; line-height: 3rem; width:33.3%;  position: relative; z-index: 3; height:3rem;text-align: center; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.news_nav p::before{position: absolute; top: 0; content:""; right:0; background:#5c5c5c; height:3rem; width:1px;}
.news_nav p img{ vertical-align: middle; width:1.5rem; margin-right: 0.3rem;}
.news_nav p.cur{ background:#1b3f8d;}
.g-news dl{height:7.1rem; margin: 1.8rem 4.68% 0;background:#fff; overflow: hidden;}
.g-news dt{ width:43.62%; float: left; overflow: hidden;}
.g-news dd{ width:53.1%; float: right;overflow: hidden;}
.g-news dd h3{ font-size: 1rem; color:#111111; padding-top: 1rem;}
.g-news dd p{ font-size: 1rem; color:#666666; padding: 0.5rem 0.8rem 0 0; line-height:1.5rem;}
.g-news dd p span{ color:#1b3f8d;}
.g-news ul{margin: 0 4.68%;}
.g-news li{ height:2.8rem; border-bottom: 1px solid #d8d8d8;position: relative;font-size: 1rem; color:#666666; line-height:2.8rem;}


html {font-size: 10px;}
@media screen and (min-width: 320px) {html {font-size: 10.625px;}}
@media screen and (min-width: 360px) {html {font-size: 11.875px;}}
@media screen and (min-width: 400px) {html {font-size: 13.125px;}}
@media screen and (min-width: 440px) {html {font-size: 14.375px;}}
@media screen and (min-width: 480px) {html {font-size: 15.625px;}}
@media screen and (min-width: 520px) {html {font-size: 16.875px;}}
@media screen and (min-width: 560px) {html {font-size: 18.125px;}}
@media screen and (min-width: 600px) {html {font-size: 19.375px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}



