.wrap img{ width: 100%;}

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

.tit01{text-align: center; font-size: 3rem; color:#2c3033;font-weight: bold; line-height: 3rem;}
.tit01 a{ color:#2c3033;}

.tit01 span{ display: block; font-size: 1.2rem; color:#2c3033;font-weight: normal;}

.about{background:#1e218b url(/mobile/images/index/brandbg.jpg) no-repeat 0 0 ;background-size: 100% 50.55rem; height:50.55rem;}
.about h2{height:9.3rem; overflow: hidden;}
.about h2 a{display: block; height:7.1rem; padding-left:  3.1%; font-size: 3rem; color:#2c3033;font-weight: bold; padding-top: 2.6rem;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.about h2 span{display: block; font-size: 1.2rem; color:#2c3033; line-height: 2rem;}
.about h2 span img{vertical-align: middle;width:2rem; margin:0 1% 0 3.1%;}
.aboutwz{height:25.3rem; overflow: hidden;padding: 0 3.1%;}
.aboutwz p{ margin-top: 1.2rem; font-size: 1.1rem; color:#808080; line-height: 1.5rem;}
.about ul{height:16rem; overflow: hidden; position: relative; padding-top: 1.9rem;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.about ul::before { position: absolute; top: 2.1rem; left: 50%; background:#666ab8; width:1px;height:11.5rem;    content: '';}
.about ul::after { position: absolute; top:7.9rem; left: 3.1%; background:#666ab8; width:94.75%;height:1px;    content: '';}
.about li{ width:50%; float: left;padding-left: 5.7rem; height:7rem; font-size: 0.9rem; line-height: 1.3rem; color:#fff; line-height: 2rem; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.about li:nth-child(1){ background: url(/mobile/images/index/brandico3.png) no-repeat 1.7rem 0 ;background-size: 3.4rem 3.4rem; }
.about li:nth-child(2){ background: url(/mobile/images/index/brandico3.png) no-repeat 1.7rem 0 ;background-size: 3.4rem 3.4rem; }
.about li:nth-child(3){ background: url(/mobile/images/index/brandico3.png) no-repeat 1.7rem 0 ;background-size: 3.4rem 3.4rem; }
.about li:nth-child(4){ background: url(/mobile/images/index/brandico3.png) no-repeat 1.7rem 0 ;background-size: 3.4rem 3.4rem; }
.about li p{ font-size: 3rem;font-weight: bold; line-height: 3rem;}
.about li p span{ font-size: 0.9rem;font-weight: normal; vertical-align: top;padding-left: 0.2rem; display: inline-block;}

.bz{padding-top: 2.7rem;}
.bz_nav { height:7.7rem;margin-top: 1rem; overflow: hidden; padding-left: 3.1%;}
.bz_nav p{ display: block; float: left; width:7.2rem; overflow: hidden;text-align: center; font-size: 1.1rem; height:3.1rem; position: relative; background:#e5e5e5; color:#333;margin:0 0.4rem 0.4rem 0; padding-top: 0.5rem;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.bz_nav p a{ color:#333;}
.bz_nav p i{display: block; font-size: 0.6rem; color:#abacac; }
.bz_nav p.cur{background:#2a2f9a; color:#fff;}
.bz_nav p.cur i{ color:#7477bd;}

.pro{position: relative;padding: 2.6rem 0;}
.pro1{width:93.75%; margin: 1.8rem auto 0; overflow: hidden; position: relative;}
.prowz{position: absolute; top: 3rem;right: 0;width:33.66%; font-size: 1.2rem; color:#fff;line-height: 1.5rem;}
.prowz i{ display: block; font-size: 0.8rem; color:#a5a6a7;}
.prowz img{display: block; width:2.5rem; margin-top: 1.4rem;}
.pro ul{}
.pro li{ float: left;margin: 0.5rem 0 0 3.1%; width:45.625%;  position: relative;}
.pro li:nth-child(2n){margin-left: 1.09%;}

.pro li span{ display: block; height:3.1rem; font-size: 1.2rem;text-align: center; color:#fff; line-height: 1.2rem;position: absolute; bottom: 0;left: 0; width:100%;}
.pro li span i{ font-size: 0.8rem; color:#a6a5a5;display: block;}
.pro li:last-child{border:0.15rem solid #c2c2c2;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.promore{width:63.43%;height:2.8rem; background:#2a2f9a url(/mobile/images/index/proico.png) no-repeat 90% center ;background-size: 0.4rem 0.7rem; font-size: 1.1rem; color:#fff; margin: 2rem auto 0; border-radius: 10rem; line-height: 2.8rem;font-weight: bold;text-align: center;}
.promore a{ color:#fff;}

.news{position: relative; overflow: hidden;padding: 2.5rem 0 3rem;background:#f4f4f4;}
.news_nav { height:4.6rem;margin-top: 1rem; overflow: hidden; padding-left: 3.1%;}
.news_nav p{ display: block; float: left; width:9.6rem; overflow: hidden;text-align: center; font-size: 1rem; line-height: 2.9rem; height:2.9rem; position: relative; color:#666666; border:1px solid #ebebeb; background:#fff; margin-right: 0.5rem; border-radius: 0.2rem;}
.news_nav p.cur{background:#2a2f9a; border:1px solid #2a2f9a; color:#fff;}
.news1{height:11rem; overflow: hidden;}
.news1 dt{ float: left;width:42.5%; margin-left: 3.1%;}
.news1 dd{width:50%; float: right;padding-right: 3.1%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.news1 dd h3{padding-top: 0.2rem; height:3.4rem; font-size: 1.1rem; color:#333333; line-height: 1.4rem;}
.news1 dd p{height:4.2rem; font-size: 1.1rem; color:#979797; line-height: 1.4rem;}
.news1 dd span{display: block; width:8.5rem; height:2rem; background:#d34a37; border-radius: 10rem; text-align: center; line-height: 2rem; font-size: 1.1rem; color:#fff;}
.news2{margin:0 3.1% 0.5rem;border:1px solid #ebebeb; background:#fff; height:3.7rem; line-height: 3.7rem; overflow: hidden;}
.news2 dt{height:2.7rem; margin-top: 0.5rem; float: left;width:5.8rem; font-size: 0.8rem; color:#aaaaaa; font-family: Arial;text-align: center; line-height: 1rem;border-right:1px solid #ebebeb;}
.news2 dt span{ display: block; font-size: 1.2rem ; color:#333333; line-height: 1.8rem;}
.news2 dd{ width:71.66%;margin-right: 3.66%; float: right; overflow: hidden;line-height: 3.7rem;}
.news2 dd a{display: block; font-size: 1.1rem; color:#333333;background: url(/mobile/images/index/newsico1.png) no-repeat right center ;background-size: 1.5rem 1.5rem;}
.news2 dd a:hover{background: url(/mobile/images/index/newsico.png) no-repeat right center ;background-size: 1.5rem 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;}}