@charset "utf-8";

html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}

.g-adv {width: 100%;  position:relative;}
.g-adv img{ width:100%; display: block;}
.g-adv .swiper-pagination{bottom: 0.5rem; z-index: 1}
.g-adv .swiper-pagination .swiper-pagination-bullet{ background: #666; opacity: 1; width: 1rem; height: 1rem; margin:0rem 0.5rem !important; position: relative;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{ background-color: #293170 !important; }

.tit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;}
.tit span{display:inline-block;font-size: 2rem;color: #333;line-height: 2rem;position: relative;}
.tit span:before{position: absolute;width: 6.6rem;height: 0.45rem;background: url(../images/tit1.png) no-repeat;background-size: 100% 0.45rem;content: "";left: -7.2rem;top: 0.75rem;}
.tit span:after{position: absolute;width: 6.6rem;height: 0.45rem;background: url(../images/tit2.png) no-repeat;background-size: 100% 0.45rem;content: "";right: -7.2rem;top: 0.75rem;}
.tit i{display:block;font-size: 1rem;color: #666;line-height: 1rem;padding-top: 1rem;}
.tit em{display:block;font-size: 0.7rem;color: #a7a7a7;line-height: 2rem;font-family: Arial;text-transform: uppercase;}

.g-pz{position:relative; overflow: hidden; padding-bottom: 2.08rem;}
.g-pz h2{ padding-top: 1.8rem; color: #333333; font-size: 1.25rem; font-weight: bold; text-align: center; padding-bottom:1.3rem;}
.g-pz .nowarp { margin:0 0 0 1.6%;}
.g-pz .m-box .con{ display:inline; float:left;}
.g-pz .con ul li{ float: left; font-size: 0; width: 31%; margin:3px 1.5% 3px 0; border: 1px solid #eee; border-radius: 0.25rem;}
.g-pz .con ul li img{max-width: 100%;}

/* 产品*/
.pro_bj{padding:0 3.1% 2rem;background: url(../images/bg.gif) repeat;}
.pro_bj h2{padding-top: 2.2rem;color: #333333;font-size: 1.6rem;font-weight: bold;text-align: center;padding-bottom: 1.5rem;}
.pro_bj h3{margin:0.4rem 0 0.7rem;height: 3.5rem;background: #293170;}
.pro_bj h3 span{float: left;width: 25%;height: 3.5rem;line-height: 3.5rem;text-align: center;font-size: 1rem;color: #fff;border-right:1px solid #fff;box-sizing: border-box;}
.pro_bj h3 a{display:block;color: #fff;}
.pro_bj h3 span.cur{background: #ee7700;}
.pro_bj li{float: left;width: 48.3%;}
.pro_bj li img{border:1px solid #e6e6e6;box-sizing: border-box;width: 100%;}
.pro_bj li span{display:block;height: 2.7rem;line-height: 2.7rem;text-align: center;font-size:1rem;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro_bj li:nth-child(even){float: right;}

/*产品优势*/
.m-chara{padding: 0rem 0 1rem;font-size:1.1rem;line-height: 1.5rem;color: #666;}
.m-chara h2{padding-top: 2.2rem;color: #333333;font-size: 1.6rem;font-weight: bold;text-align: center;padding-bottom: 2.5rem;}
.chara_c dl{height: 8.9rem;}
.chara_c dl:nth-child(2n-1){background: #f9f9f9;}
.chara_c dt{width: 4.5rem;float: left;padding: 2.4rem 0.7rem 0 6.56%;}
.chara_c dd{width: 73.28%;float: left;padding: 1.8rem 0 0;}
.chara_c dd h3{font-size: 1.3rem;line-height: 2.2rem;color: #32348a;font-weight: bold;display: block;}
.m-chara img,.yus img{width: 100%;}

.yus{ overflow: hidden;background: url(../images/bg.gif) repeat; border-bottom: 1px solid #eee; }
.yus h2{ font-size: 1.25rem; font-weight: bold; text-align: center; line-height: 4.15rem; background: #29316f; color: #f39800; margin-bottom: 2.5rem; position: relative;}
.yus h2:before{ content:""; position:absolute;border-top:0.5rem solid #29316f;border-left:0.75rem solid transparent;border-right:0.75rem solid transparent;height: 0;width: 0; left:47.5%; top:100%; }
.yus dl{ overflow: hidden; padding-bottom: 1.8rem;}
.yus dl dt{ font-size: 0; padding: 0 9.3%; box-sizing: border-box; margin-bottom: 1.8rem;}
.yus dl dd{background: url(../images/no1.jpg) no-repeat center 0;background-size:100% 11.08rem; height: 11.08rem; box-sizing: border-box; padding-left: 18.6%;}
.yus dl dd h3{ padding-top: 1.8rem; color: #333; font-size: 1rem; font-weight: bold; padding-bottom: 1.1rem;}
.yus dl dd p{ font-size: 1rem; color: #666; line-height: 1.7rem;}
.yus dl dd p i{ display: block;}
.g-pro{ width:93.8%; overflow:hidden; position:relative; margin: 0 3.1%;background: #fff; box-sizing: border-box; border: 1px solid #eee;}
.g-pro h4{ text-align: center; color: #333; font-size: 1rem; font-weight: bold; height:4.5rem; box-sizing: border-box; padding: 1.75rem 0 0 10.5%;background: url(../images/no2.jpg) no-repeat center 0;background-size:100% 2.75rem;}
.g-pro .m-box .con{ display:inline; float:left;}
.g-pro .con p span{ display: block; padding-bottom: 1.58rem;height: 20rem;}
.g-pro .con p span img{ display: block; padding: 0 8%; box-sizing: border-box;max-height: 200px;}
.g-pro .con p i{ display: block; padding: 0 8%; box-sizing: border-box; color: #666; font-size: 1rem; line-height: 1.7rem; padding-bottom: 1.8rem;}
.g-pro .m-cnt{ overflow: hidden; position: absolute; left: 8%; top:63%; width:84%; z-index: 99;}
.g-pro .m-cnt li:first-child{margin-left: 6%;}
.g-pro .m-cnt li{ width:4.1rem; height: 4.1rem; border-radius: 4.1rem; text-align:center; float:left; position:relative; color: #29316f; border:1px solid #f39800; line-height: 105%; margin: 0 3%; background: #fff;}
.g-pro .m-cnt li span{ display: block; padding-top: 0.9rem;}
.g-pro .m-cnt li.z-on{  background: #29316f; color: #f39800;  border: 1px solid #29316f;}
.g-pro:before{ content:""; position:absolute;height:1px;width:100%;left:0;top:69.5%; background:#f39800; z-index: 98;}
.yu3{ overflow: hidden; padding-top: 1.85rem;width:93.8%; position:relative; margin: 0 3.1%;}
.yu3 h4{ height: 4.4rem;background: url(../images/no3.jpg) no-repeat center 0;background-size:100% 2.75rem; font-size: 1rem; font-weight: bold; color: #333; padding:1.7rem 0 0 25.5%;}
.yu3 ul{ overflow: hidden; padding-bottom: 0.6rem;}
.yu3 ul li{ float: left; background: #fff; width: 30%; margin-right: 3%;  text-align: center; margin-bottom:1.2rem; padding-bottom: 0.8rem; font-size: 1rem; color: #333; border-bottom: 1px solid #e8e8e8; border-radius: 0.5rem;}.yu3 ul li:nth-child(3){ margin-right: 0;}
.yu3 ul li span{ display: block; width: 2.96rem; margin: 0 auto; padding-top: 0.7rem; padding-bottom: 0.35rem;}
.yu3 ul li:nth-child(4){ margin-left: 16%;}

/*资讯*/
.g_zx{padding: 0 0 3rem; clear: both;overflow: hidden;}
.g_zx h2{padding-top: 2.2rem;color: #333333;font-size: 1.6rem;font-weight: bold;text-align: center;padding-bottom: 2.5rem;}
.g_zx .swiper-slide{width: 100%;}
.g_zx { width: 93.75%;margin:0 auto;}
.g_zx .newtit{position: relative;height: 3.25rem;border:1px solid #f2f2f2; border-radius:2rem; overflow: hidden; width: 99%;margin-bottom: 1.5rem; }
.g_zx .newtit a{ display: block; position: relative; float: left; width: 49.8%; height: 3.25rem;line-height: 3.25rem;font-weight: normal; font-size: 1.4rem;color: #222222;text-align: center;}
.g_zx .newtit a.active{background:#293270; color: #fff;}
.g_zx .newtit a:nth-child(2n){border-left: 1px solid #f2f2f2;}
.g_zx .js-swiper-tab-news{}
.g_zx dl{margin: 0 3.125%;height: 4.7rem;border: 1px solid #ebebeb;margin-bottom: 1rem;padding: 1.3rem 3% 0;}
.g_zx dt{height: 2rem;line-height: 2rem;font-size: 1.2rem;color: #333333;overflow: hidden;}
.g_zx dt em{font-size: 1rem;color: #aaaaaa;font-style: italic;padding-right: 2%;}
.g_zx dd{height: 2rem;line-height: 2rem;overflow: hidden;font-size: 1rem;color: #888888;}
.g_zx dt a{color: #333333;}
.g_zx .more{width: 16.7rem;height: 3rem; line-height: 3rem; color: #fff; font-size: 1.2rem; color: #ffffff; text-align: center; display: block;background: #293370;margin:2rem auto 0;}

/*走进*/
.abt_bj{ position: relative;background: url(../images/bg.gif) repeat;padding:0 0 4rem; font-family:"Microsoft Yahei";}
.abt_bj h2{padding-top: 2.2rem;color: #333333;font-size: 1.6rem;font-weight: bold;text-align: center;padding-bottom: 2.5rem;}
.abt_bj dl{padding-top:20px;padding:0 3.1%;}
.abt_bj dd{padding-top:20px;}
.abt_bj  img{width: 100%; display: block;}
.abt_bj dd h3{font-size: 1.2rem;color: #333;line-height: 1.5rem;text-align: center;}
.abt_bj dd p{font-size: 1.1rem;color: #666;line-height: 1.7rem;text-align: center;padding:1rem 0 1.2rem;}

/*ser*/
.ser{padding:3.2rem 1.56% 4rem;border-top: 10px solid #f2f2f2;}
.ser h2{margin-bottom: 2.5rem;}
.ser ul{height: 14rem;background:url(../images/ser_bg.jpg) no-repeat;background-size:100% 14rem;padding:0 0.5rem;}
.ser li{float: left;width: 25%;height: 6.4rem;}
.ser li img{display:block;width:2.9rem;margin:0 auto;}
.ser li p{font-size: 1rem;color: #333;text-align: center;line-height: 2.4rem;}