.wrap img{ width: 100%;}

.ban{line-height: 0;overflow: hidden; position: relative; z-index: 1;}

.tit01 { font-size: 1.8rem; color:#fff; line-height: 2rem;text-align: center;}
.tit01 span{ font-size: 2.1rem;font-weight: bold; line-height: 2.8rem;display: block;}
.tit01  a{ color:#fff;}

.about{ background: url(/mobile/images/index/aboutbg.jpg) no-repeat center 0 ;background-size: 100% auto; padding-top: 2.8rem;}
.about dt{ width:84.0625%; margin:1.9rem auto 0;background:#030303; padding-bottom: 0.3rem;}
.about dd{padding: 3.3rem 3.125% 1.2rem; font-size: 1.1rem; line-height: 1.4rem; color:#2b2b2b;}
.about dd p{margin-bottom: 1rem;}
.about dd p a{ color:#2249b8;}

.g-fang{margin: 2rem 3.125% 3rem;}

.fang_con{background:#2249b8; border-radius: 0 4rem 0 4rem;}
.fang_con dl{ width:50%; float: left; position: relative;}
.fang_con dl:nth-child(1)::before{position: absolute; content:""; width:1px; height:10.5rem; background:#7a92d4; top: 3.8rem; right:0;}
.fang_con dt {width:5rem; margin:3.7rem auto 1.2rem;}
.fang_con dd{ padding-bottom: 3rem; text-align: center;}
.fang_con dd h3{ font-size: 1.5rem; line-height: 1.8rem; color:#fff;padding-bottom: 0.5rem;}
.fang_con dd p{ font-size: 1.1rem; line-height: 1.5rem; color:#bcc4e4;}

.fang_nav{margin-top: 1.2rem; height:0.8rem; position: relative; text-align: center;}
.fang_nav::before{position: absolute; content:""; width:100%; height:1px;  top: 0.4rem;background:#a0a0a0; left: 0;}
.fang_nav::after{position: absolute; content:""; width:5rem; height:0.8rem;  top: 0rem;background:#fff; left: 50%; margin-left: -2.5rem; z-index: 3;}

.fang_nav p{ width:0.8rem; height:0.8rem;background:#a0a0a0; border-radius: 100%;margin: 0 0.25rem; display: inline-block;z-index: 99; position: relative;}
.fang_nav p.cur{background:#2249b8;}


.tit02{ color:#121212;}
.tit02 a{ color:#121212;}

.jjfangan{background:#f0f0f0; padding: 2.5rem 0 3.4rem;}
.jjfangan li{margin: 0.8rem 0 0 3.125%; width:28.9%; height:6.7rem; background:#fff; border-radius: 1rem ; float: left;overflow: hidden;font-size: 1.1rem;  text-align: center;}
.jjfangan li img{ display: block; width:3.6rem; margin: 0.8rem auto 0; }
.jjfangan li a{ color:#1a1a1a;}

.g-pro{ padding: 2.5rem 0 3rem;}
.list{ margin-top: 0.5rem;text-align: center; font-size: 1.1rem; color:#121212;}
.list a{ display: inline-block; color:#121212; width:33%;margin-bottom: 0.6rem; background: url(/mobile/images/index/line.png) no-repeat right center ;background-size: 0.5rem 1rem;}
.list a:nth-child(3n){background:none;}

.pro_con{}
.pro_con li{ width:45.3125%; float: left; margin: 1.3rem 0 0 3.125%; line-height: ;}
.pro_con li img{ display: block;box-shadow: 0px 0.25rem 1.2rem 0.25rem #e5edfa;}

.proqh , .xuqiuqh, .shiliqh{margin: 1.5rem 3.125% 0;height:2rem; overflow: hidden; position: relative;}
.proqh::before , .xuqiuqh::before, .shiliqh::before{ position: absolute; content:""; width:100%; height:0.25rem;  background:#eeeeee; top: 0.6rem; left: 0;}
.proqh::after  , .xuqiuqh::after, .shiliqh::after{ position: absolute; content:""; width:6.4rem; height:2rem;  background:#fff; top: 0rem; left:50%; margin-left: -3.2rem;}
.proprev , .xuqiuprev , .shiliprev{position: absolute; top: 0; left: 42.8%; width:1.75rem; z-index: 99;}
.pronext , .xuqiunext , .shilinext{position: absolute; top: 0; right: 42.8%; width:1.75rem; z-index: 99;}

.g-xuqiu{padding-bottom: 3rem;}
.xu_list{ margin: 0.6rem 3.125% 0;background:#2249b8; border-radius: 0.5rem; overflow: hidden;height:8.4rem; padding-left: 1.6rem;}
.xu_list a{ display: inline-block;margin:1.1rem 0.6rem 0 0; width:8.1rem; height:2.3rem; border:0.1rem solid #fff; border-radius: 3rem; font-size: 1rem; color:#fff; text-align: center;line-height: 2.3rem;}
.xu_list a:nth-child(1){background:#fff; color:#2249b8;}
.xu_list a:nth-child(3n){margin-right: 0;}

.xuqiu_con dt{margin:0.9rem 3.125% ;}
.xuqiu_con dt img{ display: block;box-shadow: 0px 0.25rem 1.2rem 0.25rem #e5edfa;}
.xuqiu_con dd{margin:0rem 3.125% 1.3rem ;}
.xuqiu_con dd h3{ font-size: 1.5rem; color:#1e1e1e; font-weight: bold; border-bottom: 1px solid #dddddd; padding: 0.5rem 0;}
.xuqiu_con dd p{ font-size: 1.1rem; line-height: 1.5rem; color:#616161; padding-top: 0.5rem;}
.xuqiu_con dd p span{ color:#2249b8;}
.xuqiu_con li{ width:45%; margin:  0 0 0 3.125%; line-height: 2rem; font-size: 1.1rem; color:#000000; text-align: center; float: left;}
.xuqiu_con li img{ display: block;}
.xuqiu_con li a{ color:#000;}

.g-shili{ background: url(/mobile/images/index/shilibg.jpg) no-repeat center 0 ;background-size: 100% 40.6rem; height:40.6rem; padding-top: 2.6rem; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.shili_con dl{margin: 1rem 3.125% 0; border-radius: 0 4rem 0 0; background:#fff; padding: 2rem 1.5rem;}
.shili_con dl.dl01 dt{ background: url(/mobile/images/index/shujt1.gif) no-repeat 0 0 ;background-size: 11.2rem 10rem; }
.shili_con dl.dl02 dt{ background: url(/mobile/images/index/shujt2.gif) no-repeat 0 0 ;background-size: 11.2rem 10rem; }
.shili_con dl.dl03 dt{ background: url(/mobile/images/index/shujt3.gif) no-repeat 0 0 ;background-size: 11.2rem 10rem; }
.shili_con dl dt{ padding-top: 4rem; height:10rem; font-size: 1.5rem; color:#302d2d;font-weight: bold;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.shili_con dl dt span{ display: block; font-size: 2rem; color:#2249b8;}
.shili_con dd{margin-top: 1rem; font-size: 1.1rem; line-height: 1.3rem; color:#302d2d;}
.shiliqh::after{ position: absolute; content:""; width:6.4rem; height:2rem;  background:#081ca7; top: 0rem; left:50%; margin-left: -3.2rem;}


.g-coo{padding: 2.3rem;}
.g-coo p{ line-height: 0; margin-top: 0.5rem;}


.g-news{ padding:2.5rem 0 4rem;background:#f4f4f4;}

.news_nav{ padding: 1.5rem 0; overflow: hidden;text-align: center;}
.news_nav p{ font-size: 1.1rem; color:#000000; display: inline-block; padding:0 5%;}
.news_nav p.cur{ color:#2249b8; text-decoration: underline;}

.g-news dl{height:11.1rem; margin: 0 3.125% 0.9rem;background:#fff; border-radius: 1rem ; overflow: hidden;}
.g-news dt{ width:21%; height: 7.2rem; padding: 1.4rem 0 0 5.8%; float: left; overflow: hidden; position: relative; font-size: 0.9rem; color:#9e9e9e; font-weight: bold; font-family: Arial;}
.g-news dt span{ display: block; font-size: 1.5rem; color:#2b2b2b; line-height: 1.8rem;}
.g-news dt::before{position: absolute; content:""; width:3.7rem;height:1px; background:#c6c6c6; bottom:0; left: 1.9rem;}
.g-news dd{ width:70%; float: left;overflow: hidden; padding-top: 1.4rem;}
.g-news dd h3{ font-size: 1.2rem; color:#000000; line-height: 1.5rem;}
.g-news dd p{ font-size: 1.1rem; color:#909090; padding: 0.9rem   0 0; line-height:1.5rem;}



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;}}