@charset "utf-8";
/* CSS Document */
*::selection { background: #2494f2; color: #fff; }
/*.hover { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; }
.hover, .hover:hover, .hover:visited, .hover:active, .hover:link { transition-duration: .5s;
-ms-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
}*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ani, .ani * { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; }
.noani, .noani * { transition-duration: 0s; -ms-transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; }
from, dl, dd, dt, ol, ul, li, a, img, input, h1, h2, h3, h4, h5, h6, table,p, form, em, i { margin: 0; padding: 0; border: 0; }
ul, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, em, i { list-style-type: none; font-style: normal; }
body { margin: 0 auto; padding: 0; font: normal 14px/2 "Microsoft YaHei", "SimHei", "SimSun", "Helvetica Neue", Arial; color: #666; word-break: break-all; text-align: justify; background: #fff; }
img, li { vertical-align: top; }
input { font-family: "Microsoft YaHei" }
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; height: 0; }
*:focus { outline: none; }
a { text-decoration: none;color:#000;}
a:hover { text-decoration: none;color: #0f98ff; }
a:visited { text-decoration: none;color:#000;}
i {margin-right:5px;}
.margin-left-5px {margin-left:5px;}
.fl { float: left !important; }
.fr { float: right !important; }
.wrap { width: 1000px; margin: 0 auto; max-width: 1300px; }
.pd20 { padding: 20px; }
img { max-width: 100%; }
.color666 {color:#666;}
a .color666 {color:#666；}
.scale img { opacity: 1; transform: scale(1, 1); }
.scale:hover img { opacity: 0.95; transform: scale(1.1, 1.1); }
.textindent { text-indent: 0 !important; }
.center-vertical{position: relative;top: 50%;transform: translateY(-50%);}
.border-none { border: none !important; }
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gotop { width: 40px; height: 40px; position: fixed; margin-left: 590px; left: 50%; bottom: 80px; background: url(images/toTop.png) no-repeat -126px 0; cursor: pointer; }
.iconImg { background-image: url(img/iconImg.png); }
.pageHeader { width:100%;height: 67px; }
.headerWrap {border-bottom: 1px solid #e4e4e4;background: #fff;width: 100%;line-height: 67px;position: fixed;left: 0;top: 0;z-index: 999;padding: 0 100px;text-align: center;/* box-shadow: 0px 0px 3PX 1px #c6c6c6; */}
.headerLogo, .headerLogo a { width: 140px; height: 70px; background: url(images/logo.png) no-repeat center center; float: left; text-indent: -999999px; }
.headerNav li{margin-left:8px;border-top:2px solid #fff;}
.headerNav li a {color: #000;}
.headerNav li a:hover, .headerNav li.on a { color: #00b8b8;}
.headerNav li:hover {border-top:2px solid #00b8b8;animation:bordersildeLeft .2s linear .15s 1;
	-moz-animation:bordersildeLeft .2s linear .15s 1;
	-webkit-animation:bordersildeLeft .2s linear .15s 1;
	
	animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;}
.headerNav li:last-of-type, .headerNav li:last-of-type a { padding-right: 0 }
.heaerTel { float: right; line-height: 67px; color: #00b6b6; font-size: 20px; }
.heaerTel i { font-size: 25px; display: inline-block; margin-right: 5px; }
.pageFooter { background: #333; color: #9d9ea0;font-size:1.2em;}
.foot-wphhead {color:#9d9ea0;font-size:1.2em;padding-top:10px;padding-bottom:10px;}
.foot-wphhead p {margin:0px;line-height:30px;}
.foot-span {color: #51b3d6; font-size: 1.5em;}
.footer_info { float: left; width: 230px; }
.tel {font-size:2.0em;color:#53BCE4; }
.footer_info .t1 { font-size: 18px; line-height: 1; padding: 10px 0; letter-spacing: 1px; text-align: center; width: 208px; }
.footer_info a { }
.footer_info .t2 { line-height: 20px; padding: 30px 0 0 0; font-size: 14px; }
.footer_info .t2 span { display: block; padding: 0 0 4px 0; }
.footer_QR { float: right; }
.footer_QR li { float: left; padding: 0 0 0 25px; }
.footer_QR a { display: block; }
.footer_QR .hd, .footer_QR a { height: 22px; line-height: 22px; margin-bottom: 30px; font-size: 14px; color: #cdcecf; }
.footer_QR .hd i, .footer_QR a i { color: #51b3d6; font-size: 20px; margin-right: 10px; }
.footer_QR li img { border: 5px solid #fff; border-radius: 5px; }
.footer_nav {float: right;padding: 0px 40px 0 0;}
.footer_nav .m { float: left; padding: 0 60px 0 0; }
.footer_nav .m h3 { line-height: 22px; height: 22px; margin-bottom: 18px; }
.footer_nav .m h3 a { font-size: 15px; color: #cdcdcd;/* line-height: 1; */
}
.footer_nav .m h3 a:hover { }
.footer_nav .sub { }
.footer_nav .sub li { }
.footer_nav .sub a { font-size: 14px; line-height: 36px; color: #8e8e8e; height: 36px; }
.footer_nav .sub a:hover { color: #fff; }
.Footer_link { }
.Footer_link a { color: #8e8e8e; }
.Footer_copy {font-size:0.6em;text-align:center;border-top:1px solid #E0E0E0;padding-top:10px;padding-bottom:15px;}
.Footer_copy a { COLOR: #979a9c; }
.Footer_copy a:hover, .Footer_link a:hover { color: #fff; }

.mainItem_01 { background: url(img/dianbiaoshujuBg.jpg) no-repeat center center #fff; padding: 0 0 10px; }
.mainItem_01 .hd { text-align: center; font-size: 19px; color: #3d3d3d; line-height: 34px; padding: 0 0 50px; }
.mainItem_01 .hd h2 { font-size: 45px; line-height: 50px; padding: 90px 0 30px; }
.mainItem_01 .bd { background: url(img/dianbiaoshuju_01.png) no-repeat center 0; min-height: 599px; }
.mainItem_01 .bdCon { }
.mainItem_01 .bdCon li { text-align: center; float: left; width: 25%; position: relative; padding: 110px 0 0 0; height: 250px; }
.mainItem_01 .bdCon li span { width: 113px; height: 110px; background-position: -205px -51px; position: absolute; left: 50%; top: 0; margin-left: -69px; }
.mainItem_01 .bdCon li h2 { font-size: 22px; color: #444; }
.mainItem_01 .bdCon li p { font-size: 15px; line-height: 27px; color: #555; }
.mainItem_01 .bdCon li:nth-of-type(2) span { background-position: -318px -51px; }
.mainItem_01 .bdCon li:nth-of-type(3) span { background-position: -205px -161px; }
.mainItem_01 .bdCon li:nth-of-type(4) span { background-position: -318px -161px }
.mainItem_01 .bdCon li:nth-of-type(5) { margin-left: 12.5%; }
.mainItem_01 .bdCon li:nth-of-type(5) span { background-position: -205px -271px }
.mainItem_01 .bdCon li:nth-of-type(6) span { background-position: -318px -271px }
.mainItem_01 .bdCon li:nth-of-type(7) span { background-position: -205px -381px }


/*产品列表*/
.proList { margin: 0 -4px 10px; }
.proList li { width: 25%; padding: 0 4px 8px; float: left;margin-bottom:8px;}
.proList li img {height:280px;}
.proList li a { background: #fff; display: block; padding: 0 0 88px; position: relative; overflow: hidden; }
.proList li .hd { position: absolute; left: 0; height: 50px; width: 100%; background: #277dfb; color: #fff; text-align: center;overflow:hidden; }
.proList li a .hd h2 { font-size: 18px; line-height: 30px; padding: 7px 0 0 0; }
.proList li a .hd p { }
.proList li a .hd p span { background: #277dfb; display: inline-block; padding: 0 10px; position: relative; }
.proList li a .hd p span:after, .proList li a .hd p span:before { content: ""; width: 200px; height: 1px; background: #7baffd; position: absolute; right: -200px; top: 50%; }
.proList li a .hd p span:after { right: inherit; left: -200px; }
.proList li a .bd { background: url(images/proListBg.png) repeat-x; ; position: absolute; left: 0; bottom: -236px; height: 236px; width: 100%; padding: 132px 5px 5px 5px; text-align: left; color: #fff; opacity: 0; }
.proList li a .bd span { display: inline-block; border: 1px solid #7baffd; min-width: 200px; margin-bottom: 4px; }
.proList li a:hover .hd {/* bottom: -88px;*/ opacity: 0; }
.proList li a:hover .bd { bottom: 0; opacity: 1; }
.more {position: relative;float:right;margin-top:-30px;padding-right:20px;}
/*/产品列表*/

/*应用案例*/
.caseWrap { background: url(img/caseBg.gif) repeat-x; min-height: 733px; }
.caseWrap .topText { color: #fff; text-align: center; height: 270px; }

.caseWrap .topText h2 { font-size: 46px; padding: 40px 0 0; }
.caseWrap .topText p { font-size: 19px; }
.caseList { padding: 15px 40px; }
.caseList .caseListBox { overflow: hidden; }
.caseList li { width: 20%; float: left; padding: 10px; }
.caseList li { }
.caseList li .conBox { background: #fff; border-radius: 10px 10px 10px 10px; overflow: hidden; }
.caseList li .imgBox { border-radius: 10px 10px 0 0; height: 270px; overflow: hidden; }
.caseList li .imgBox img { width: 100%; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
.caseList li a { display: block; }
.caseList li a p { font-size: 24px; text-align: center; line-height: 50px; background: #fff; color: #000; }
.caseList li a:hover p { background: #ebfffe; }
.caseList li a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.caseList .swiper-button-next.swiper-button-disabled, .caseList .swiper-button-prev.swiper-button-disabled { opacity: 0; }
/*/应用案例*/

.slider_pinpaidianbiao { padding: 0 0 40px; background: #f3fffd; }
.slider_pinpaidianbiao .topText { color: #383838; text-align: center; height: 240px; }
.slider_pinpaidianbiao .topText h2 { font-size: 46px; padding: 40px 0 0; }
.slider_pinpaidianbiao .topText p { font-size: 19px; }
.pinpaidbFocus { width: 1200px; margin: 0 auto; }
.pinpaidbFocus li { position: relative; }
.pinpaidbFocus li p { position: absolute; width: 100%; left: 0; bottom: 0; height: 60px; line-height: 60px; font-size: 24px; color: #fff; text-align: center; background: rgba(0, 0, 0, 0.5); }

/*相关产品*/
.xianguanProList { margin:0px;padding:0px;}
.xianguanProList .topText { color: #383838; text-align: center; height: 90px;padding-top:30px;}
.xianguanProList .topText h2 {font-size: 2.2em;}
.xianguanProList .topText p { font-size: 19px; }

/*/相关产品*/

@media(max-device-width:1400px) {
.wrap { padding: 0 10px; }
}

/* kf */
.Footer_link{text-align: left;}
	.Footer_link a{ display: inline-block; padding: 0 10px 0 0;}
	.Footer_link span{display: inline-block; padding: 0 10px 0 0;}
	@media screen and ( max-device-width: 600px){
		.wrapHidden{ display: none;}
		
	}

	/*悬浮链接*/
.wph-rightkfhidden {display:none;position:fixed;z-index:58;right:0;bottom:150px;width:30px;height:50px;text-align:center;background-color:#277DFB;color:#fff;font-size:2.0em;cursor:pointer;}
.suspension{position:fixed;z-index:999;right:0;top:120px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:48px;text-align:center;background-color:#277DFB;color:#fff;margin:0px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a i{float:left;width:44px;height:44px;font-size:2.0em;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(css/images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(css/images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:50px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(css/images/side_bg_arrow.png) no-repeat;right:-15px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 8px 12px;}
.suspension .d-onlinechat {top:150px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{text-align:center;width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{}
.a-close {width:44px;height:25px;text-align:center;background-color:#277DFB;color:#fff;margin:0px;cursor:pointer;}
.a-close :hover {background:#F05352;color:#fff;}
.margintop80 {margin-top:80px;}

/*list*/
.list_wrap {width:1000px;margin:0 auto;margin-top:10px;}
.list_wrap .list_mypostion {line-height:36px;font-size:14px;height:36px;text-align:left;}
.list_wrap .list_wrap_l {width:220px;float:left;}
.list_wrap .list_wrap_r {width:760px;float:right;}

.list_wrap .list_wrap_l .docNav{padding: 8px 0;}
.list_wrap .list_wrap_l .docNav li{line-height: 32px;height: 32px;font-size: 14px;}
.list_wrap .list_wrap_l .docNav li a{display: block;height: 32px;background:  url(image/nav_link.png) 15px center no-repeat;padding-left: 26px;border-left: 4px solid #fff;width:166px ; overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.list_wrap .list_wrap_l .docNav li a:hover,
.list_wrap .list_wrap_l .docNav li.on a{border-left:2px solid #F0C34C;background-image: url(../image/nav_hover.png);color:#F0C34C;}
.docList_top{width: 100%;height: 40px;line-height: 40px;background-color: #fafafa;border-bottom: 1px solid #ebebeb;}
.docList_top .haveDoc{font-size: 14px;color: #888;padding-left: 20px;}
.docList_top .haveDoc span{color: #333;}
.docList_top .filtrate{padding-right: 20px;float: right;font-size: 14px;width: 300px;height: 40px;}
.docList_top .filtrate .fil_1{color: #bababa;float: right;width: 54px;text-align: right;}
.docList_top .filtrate .fil_2{float: right;}
.docList_top .filtrate li{display: inline-block;*display: inline;*zoom:1;height: 40px;background:  url(../images/filtrate_line.png) right center no-repeat;}
.docList_top .filtrate li.bgNo{background: none;}
.docList_top .filtrate li.bgNo a{padding-right: 0;}
.docList_top .filtrate li a{color: #888;padding: 0 10px;}
.docList_top .filtrate li a span{display: none;width: 10px;height: 12px;background-position: -70px -88px;margin-left: 3px;}
.docList_top .filtrate li a .up{background-position: -83px -88px;}
.docList_top .filtrate li a.on,
.docList_top .filtrate li a:hover{color: #F0C34C;}
.docList_top .filtrate li a.on span{display: inline-block;*display: inline;*zoom:1;}
.docList_top .filtrate li a.on span,
.docList_top .filtrate li a:hover span{background-position: -44px -88px;}
.docList_top .filtrate li a.on .up,
.docList_top .filtrate li a:hover .up{background-position: -57px -88px;}

.document_list{margin:8px;padding: 4px 20px 22px 20px;border: 1px solid #dbdbdb;/*overflow: hidden;*/height: 200px; position: relative;}
.document_list .d_list_img{width: 150px;height: 180px;border: 1px solid #dbdbdb;float: left;margin-top:5px;}
.document_list .d_list_img img {width:145px;height:170px;}
.document_list .d_list_intro {width:600px;float:right;}
.document_list .d_list_intro .doc_title{font-size:1.6rem;line-height:32px;line-height:32px;padding: 8px 0 12px 0;}
.document_list .d_list_intro .doc_title em {padding:3px;border-radius: 2px;-webkit-border-radius:2px;-moz-border-radius: 2px;-o-border-radius: 2px;-ms-border-radius: 2px;border: 1px solid #FF9656;line-height:18px;color:#FF9656;position: absolute; right:25px;font-size:12px;}
.document_list .d_list_intro .field{padding-bottom: 10px;font-size:14px;}
.document_list .d_list_intro .zhayao {}
.document_list .d_list_intro .dinggou {text-align:center;}
.document_list .d_list_intro .dinggou span > img{margin:8px 8px 0 0; }
.document_list .d_list_intro .dinggou span a > img{margin:8px 8px 0 0; }
.document_list .d_list_intro .dinggou span{ position: relative; width: 93px; float: left;display: block;}
.document_list .d_list_intro .dinggou span .pop{ display: none; position: absolute; top: 28px; left: 50%; margin-left:-58px;border:1px solid #d9d9d9; padding: 9px; background: #fff;z-index: 999;}
.document_list .d_list_intro .dinggou span:hover .pop{ display: block;}
.dinggou .buy_now {border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;border: 1px solid #BF2C24;background-color: #BF2C24;font-size:14px;line-height:22px;height:22px;color:#fff; position: absolute; left:220px;top:8px;}
.dinggou .buy_now a {color:#fff;}
.dinggou .buy_now a:hover {color:#FF9656;}
/* page */
.page { line-height: 34px; margin-bottom: 40px; text-align: center; }
.page a, .page input{ color: #999; height: 34px; line-height: 34px; background: #fff; display: inline-block; border:1px solid #cdcdcd; border-radius: 3px; 
	padding:0 13px; text-align: center; margin-right: 4px;text-align: center; cursor: default; }
.page a.on,.page a:hover{background: #4CAEE5; border-color:#4CAEE5; color: #fff; cursor:pointer;}
.page a.on{cursor: default;}
.page span{ display: inline-block;color: #999; margin-right: 10px;}
.page .topage,.page .to{ padding:0 13px;}
.page .topage{ margin-left: 10px;}
.search1 .ewm{ margin-top: 25px; }
#main .page input{padding:0; width: 40px; margin-right: 0; vertical-align: middle;}
.page .nomargin{ margin-right: 0 }
.page .pageText{margin-right: 0;padding: 0;vertical-align: middle;width: 40px;}