.wrap img{ width: 100%;}

.ban{line-height: 0;overflow: hidden;}

.bt01{ font-size: 1.9rem; color:#222222; text-align: center;line-height: 2.6rem; height: 3.6rem; position: relative;}
.bt01::before{position: absolute;content:""; width:100%; top: 4.1rem; left: 0;}
.bt01 b{display: block;}
.bt01 a{color:#222222;}
.bt01 span{display: inline-block;height:2.25rem;background:#fff; border:1px solid #a0a0a0; font-size: 1.2rem; color:#555555;line-height: 2.25rem;padding: 0 0.7rem; position: relative; z-index: 3;}

.g-pro{padding:1.8rem 0 2rem 0; position: relative;}
.g-pro h2 span{background:#eee;}
.pro_nav{margin:1.4rem 0 0 ;overflow: hidden;}
.pro_nav dd{ width:27%; height:3.3rem; border:1px solid #bfbfbf; text-align: center; line-height: 3.3rem; margin: 0 0 1.3rem 4.68%;overflow: hidden; float: left; font-size: 1.2rem; color:#333333;}
.pro_nav dd.cur{background: #2883BA; color:#fff;}
.pro_nav dd.cur a{color:#fff;}
.g-pro li{ float: left;margin-left: 4.68%;width:42.96%; line-height: 0;}
.g-pro li img{display: block;border: 1px solid #dcdcdc;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.g-pro li span{display: block;height:4vh; font-size: 1.2rem; color:#555555; text-align: center; line-height:4vh; overflow: hidden;}

.g-ys{background:#005fcb url(../images/ys_bj.jpg) no-repeat center 0;background-size: 100%; height:56.6rem; overflow: hidden;position: relative; padding-top: 4.2rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.g-ys::before{position: absolute; content: '';bottom: 4.4rem; left: 0; width:26.88%;height:1px; background:#fff;}
.g-ys::after{position: absolute; content: '';bottom: 4.4rem; right: 0; width:26.88%;height:1px; background:#fff;}
.ysprev{ width:3rem;height:3rem;position: absolute; bottom:3rem;left: 26.875%; z-index: 4;}
.ysnext{ width:3rem;height:3rem;position: absolute; bottom:3rem;right: 26.875%; z-index: 4;}

.ys_c p {line-height: 0; margin-top: 0.2rem;}
.ys_c dl{margin: 0 4.68%;height:21.4rem; overflow: hidden;}
.ys_c .dl01{background: url(../images/01.png) no-repeat 0 0.6rem ;background-size: 3.25rem 3.75rem;}
.ys_c .dl02{background: url(../images/02.png) no-repeat 0 0.6rem ;background-size: 3.25rem 3.75rem;}
.ys_c .dl03{background: url(../images/03.png) no-repeat 0 0.6rem ;background-size: 3.25rem 3.75rem;}
.ys_c .dl04{background: url(../images/04.png) no-repeat 0 0.6rem ;background-size: 3.25rem 3.75rem;}
.ys_c dt{ font-size: 1.4rem ; color:#fff;line-height: 2.2rem;padding-left: 4.2rem;padding-bottom: 1rem;}
.ys_c dt b{display: block; font-size: 1.6rem; padding-top: 0.4rem;}
.ys_c dd {font-size: 1.2rem; color:#fff;line-height: 1.7rem;margin-top: 0.9rem;padding-left: 1.4rem; position: relative;}
.ys_c dd::before{position: absolute; width:0.35rem; height:0.35rem; background:#fff; top: 0.7rem; left: 0; border-radius: 100%; content: '';}

.yssz{ font-size: 1.8rem;font-weight: bold;color:#fff; text-align: center; line-height: 2rem;}
.yssz b{ font-size: 3rem; line-height: 3.2rem;}

.g-case{margin-top: 3rem;height:46.5rem; overflow: hidden;position: relative; z-index: 8;}
.g-case h2 i{ color:#2883BA;font-weight: bold;}
.g-case::before{position: absolute; content: '';bottom: 1.4rem; left: 0; width:26.88%;height:1px; }
.g-case::after{position: absolute; content: '';bottom: 1.4rem; right: 0; width:26.88%;height:1px; }
.caseprev{ width:3rem;height:3rem;position: absolute; bottom:0rem;left: 26.875%; z-index: 4;}
.casenext{ width:3rem;height:3rem;position: absolute; bottom:0rem;right: 26.875%; z-index: 4;}
.case_nav{ margin-top: 1.5rem;height:15.4rem; overflow: hidden;}
.case_nav dd{ float: left; width:24.3%;height:7.7rem; overflow: hidden; text-align: center; font-size: 1.2rem; color:#555555; line-height: 3rem;}
.case_nav dd img{display: block; width:4.1rem;height:4.1rem; margin: 0 auto;background:#bfbfbf;border-radius: 100%;}
.case_nav dd.cur img{background:#2883BA;}

.case_con p{ width:90.625%; margin: 0 auto;}
.case_con p span{display: block; line-height: 4rem; color:#333333;font-size: 1.3rem; text-align: center;font-weight: bold;}

.g-coo{background: url(../images/coo_bj.png) no-repeat 0 0 ;background-size: 100%; height:41.1rem;position: relative; margin-top: -1rem;overflow: hidden;}
.g-coo h2{ width:31.875%; margin: 17.2rem 0 0 34.2%;overflow: hidden; font-size: 1.2rem; font-family: Arial; color:#fff; text-transform: uppercase; line-height: 2rem;text-align: center;}
.g-coo h2 a{display: block; color:#fff;}
.g-coo h2 img{display: block;}

.g-pin{background: url(../images/pin_bj.jpg) no-repeat 0 0 ;background-size: 100%; height:53.4rem;position: relative;overflow: hidden;}
.pin_l{margin:2.1rem 0 0 4.68%; width:41.56%; overflow: hidden; float: left;}
.pin_r{margin:2.1rem 4.68% 0 0; width:41.56%; overflow: hidden; float: right;}
.g-pin dl{height:2.9rem; position: relative;overflow: hidden;margin-bottom: 1.35rem;}
.g-pin dd{border:1px dashed #aaaaaa; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height:2.9rem;overflow: hidden;border-radius: 0.2rem; width:88.7%; position: absolute; top: 0; font-size: 1.2rem; line-height: 2.9rem; color:#222222;}
.g-pin dt{width:2.95rem;height:2.95rem; position: absolute; top: 0; z-index: 8;}
.pin_l dt{left: 0;}
.pin_r dt{right: 0;}
.pin_l dd{right: 0; padding-right: 1rem; text-align: right;}
.pin_r dd{left:0;padding-left: 1rem;}

.online{background: url(../images/online_bj.jpg) no-repeat 0 0 ;background-size: 100%; height:29.25rem;position: relative;overflow: hidden;}
.online h2{padding: 6.3rem  0 0; font-size: 1.9rem; color:#fff; line-height: 2.2rem; height:6rem;font-weight: bold;text-align: center;}
.online h2 p{ font-weight: normal;font-size: 1.2rem; }
.online h2 p b{ color:#fce700;}


.online ul{ margin-left: 6.87%;overflow: hidden;}
.online li{margin-bottom: 1.2rem;height:2.4rem; border:1px solid #c9c9c9; background:#fff; color:#f00;}
.online .li01{ float: left; width:42.95%; margin-right: 1.3rem;}
.online .li02{width:90.6%; clear: both;}
.online .li03 , .online .li04{ width:43.28%; height:2.65rem; border:0; float: left;margin-right: 1.3rem;}
.online .li03 input{background: url(../images/cz.jpg) no-repeat center 0 ;background-size: 100%; width:100%; height:2.65rem;border:0;}
.online .li04 input{background: url(../images/tj.jpg) no-repeat center 0 ;background-size: 100%; width:100%; height:2.65rem;border:0;border-radius:0;}
.online .li01 .onwz{ width:5rem; float: left; display: block;line-height: 2.4rem;text-align: right; font-size: 1.2rem; color:#555555;}
.online .li01 input{ width:56%; height:2.4rem; line-height: 2.4rem; font-size: 1rem; color:#555555;background:none;border:none;}
.online .li02 .onwz{ width:6.7rem; float: left; display: block;line-height: 2.4rem;text-align: right; font-size: 1.2rem; color:#555555;}
.online .li02 select{ width:75%;height:2.4rem;border:none;background:none; font-size: 1rem; color:#555555;}


.g-lc{height:33.5rem; overflow: hidden; background:#fff;}
.g-lc ul{margin-top: 1.3rem;height:21.1rem; overflow: hidden;}

.lx{overflow: hidden;}
.lx p{margin-left:8.6%; margin-right:1%; padding-left: 3rem; font-size: 0.8rem; color:#555555;background: url(../images/lctel.png) no-repeat 0 0.4rem ;background-size: 2.15rem 2.15rem; line-height: 1rem;overflow: hidden; float: left;}
.lx p b{display: block; font-size: 1.8rem; font-family: Impact; color:#2883BA; line-height: 2rem;}
.lx p a{color:#555555;}
.lx i{width:8.2rem;height:2.7rem; background:#2883BA; line-height: 2.7rem;text-align: center; font-size: 1.2rem;display: block; float: left;margin-top: 0rem;}
.lx i a{ color:#fff;display: block;}
.g-lc li{ width:16.875%; margin-left: 2.1%;height:10rem; overflow: hidden; float: left;padding-right: 1.7rem; font-size: 1.2rem; line-height: 1.5rem; color:#555555; text-align: center;background: url(../images/lc_ico.png) no-repeat right 2.1rem ;background-size: 1.05rem 1.15rem;}
.g-lc li:nth-child(1), .g-lc li:nth-child(5){margin-left: 4.68%;}
.g-lc li img{display: block; margin: 0 auto 0.5rem;}
.g-lc li:nth-child(4n){padding-right: 0;background:none;}

.g-about{padding-top:5vh; overflow: hidden;}
.g-about h2 span{}
.g-about dt{line-height: 0; margin-top: 1.5rem;}
.g-about dd {/*background: url(../images/aboutlogo.png) no-repeat center 0; */background-size:100%; position: relative;margin-top: -4.8rem; z-index: 3;padding: 6.4rem 6.25% 2.2rem; font-size: 1.2rem; line-height: 1.8rem; color:#555555;}
.g-about dd a{display: block;color:#555555;}

.g_xc2{height:24rem; overflow: hidden;position: relative;background:#eee;}

.xc_nav{height:4.9rem;overflow: hidden;}
.xc_nav li{ float: left; width:26.87%;border:1px solid #bfbfbf;height:3.3rem; overflow: hidden; font-size: 1.2rem; color:#333333;text-align: center; line-height: 3.3rem; position: relative;margin:0 0 0 4.37%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.xc_nav li:nth-child(1) , .xc_nav li:nth-child(4){margin-left: 4.68%;}
.xc_nav li.active {background: #2883BA;color:#fff;border:none;}

.xc_c{ position: relative; height:16.1rem; overflow: hidden;}
.xc_c::before{position: absolute; content: '';bottom: 1.4rem; left: 0; width:26.88%;height:1px; background:#b7b7b7;}
.xc_c::after{position: absolute; content: '';bottom: 1.4rem; right: 0; width:26.88%;height:1px; background:#b7b7b7;}

.xc_c .swiper-button-prev{width:3rem;height:3rem;position: absolute; top:14rem;left: 26.875%; z-index: 4;background:url(../images/prev.png) no-repeat center 0;background-size:100%; }
.xc_c .swiper-button-next{width:3rem;height:3rem;position: absolute; top:14rem;right: 26.875%; z-index: 4;background:url(../images/next.png) no-repeat center 0;background-size:100%;}
.xc_c .swiper-wrapper{}
.xclst2 ul{height:12.1rem; overflow: hidden;}
.xclst2 li{ width:44.21%; float: left; margin-left: 4.68%;}
.xclst2 li:nth-child(2n){ margin-left: 2%;}
.zx {display: block; font-size: 1.2rem; color:#2883BA; line-height: 3rem;text-align: center;}
.zx a{ color:#2883BA; }



.g-news{/*height:28.3rem;*/ overflow: hidden;}

.news_nav{ height:4rem; overflow: hidden; background:#2883BA; }
.news_nav p{line-height: 4rem; font-size: 1.4rem; color:#fff;width:49.8%; float: left;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; height:4rem;text-align: center; position: relative;}
.news_nav p::before{position: absolute; content:""; width:1px;height:4rem;background:#2883BA; top: 0; right:0;}
.news_nav p:last-child::before{height:0;}
.news_nav p.cur{ background:#78BDE6;}

.news_con ul{ margin:1.3rem 4.68%; }
.news_con li{color:#434343; font-size: 1.2rem; line-height:3rem; height:3rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;  position: relative;padding-left: 1.5rem;}
.news_con li::before{position: absolute; top: 1.4rem;left: 0; content: ""; width:0.5rem;height:0.5rem; background:#434343;border-radius: 100%;}
.nzx{ margin: 2rem auto 0; width:40.15%; border:0.1rem solid #2883BA; height:2.7rem; text-align: center; line-height: 2.7rem; overflow: hidden;}
.nzx a{display: block; color:#2883BA; font-size: 1.2rem;}



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


.g-se{ padding:15px 10px;position:relative;} /*搜索布局*/
.g-se .m-ipt{margin-right:43px;}
.g-se .u-glass{ position:absolute; right:10px;top:15px; width:42px; height:30px; background:transparent; z-index:888;}
.g-se .u-bt{ width:43px; height:30px; float:right; border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0; position:relative;}
.g-se .u-bt:before{content:'';display:block;width:12px;height:12px;border-radius:17px;position:absolute;right:14px;top:5px;z-index:99;} /*搜索右边的图标css3样式*/
.g-se .u-bt:after{content:'';display:block;width:4px;height:10px;border-radius:5px;border:0;position:absolute;right:12px;top:16px;z-index:99;-webkit-transform:rotate(-52deg);-o-transform:rotate(-52deg);-ms-transform:rotate(-52deg);transform:rotate(-52deg);} /*搜索右边的图标css3样式*/
.g-se .u-in{ float:right; position:absolute; z-index:100; right:10px; top:15px; width:42px; height:30px;}
.g-se .u-key{width:100%;
	height:14px;
	padding:14px 0; 
	line-height:14px; 
	border-right:0;
	border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	border-bottom-right-radius:0;
	border-top-right-radius:0;
	-webkit-border-top-left-radius:5px;   /*圆角，针对苹果浏览器写的兼容*/
	-webkit-border-bottom-left-radius:5px;  /*圆角，针对苹果浏览器写的兼容*/
	-webkit-border-top-right-radius:0;  /*圆角，针对苹果浏览器写的兼容*/
	-webkit-border-bottom-right-radius:0;  /*圆角，针对苹果浏览器写的兼容*/
	text-indent:15px;
	float:left;} /*搜索中的请输入关键词样式*/
	
	
.u-key {color:#d0d0d0; border:1px solid #2883BA; box-shadow:3px 2px 3px #ccc inset;} 	/*搜索框*/
.m-tit.z-spe .xg{ color:#2883BA;} /*产品详情页关于"手机"相关产品，手机样式*/


.g-se .u-in{background:transparent;}