.pc-mod{ display:none;}
.phone-top{ width:96%; padding:2%; background:#FFF; position:fixed; top:0; overflow:hidden; z-index:100000000 }
.phone-logo{ display:block; width:30%; float:left; }
.phone-logo img{ width:100%;}
.zhezhao{ width:100%; position:fixed; background:rgba(0,157,206,0.8); margin-left:100%; height:100vh; transition:all 1s; top:56px; z-index:100000000}
.open{ position:absolute; right:2%; top:25%; width:7%;}
.open img{ position:absolute; right:0; width:100%;}
#close{ display:none;}
.phone-nav{ width:60%; padding:0 20%; padding-top:10%; overflow:hidden; position:fixed; z-index:100000001; margin-left:100%; transition:all 1s; }
.phone-nav li{ margin:8% 0; padding:3% 0;transition:all 0.5s; font-size:1.2em;}
.phone-nav li a{ color:#FFF}

.top-bg{ display:none;}
.float-div1{ display:none; width:20%;  padding:20px 10px 10px 10px; overflow:hidden; background:#FFF url(image/ul-bg-img01.png) center 5px no-repeat ; position:fixed; top:20%; right:0; z-index:10000000; }
.float-div1 li{ text-align:center; padding:10% 0; cursor:pointer;}
.float-div1 li:nth-child(1){ border:1px #101010 solid; border-top:3px #101010 solid; color:#4c8ad7 }
.float-div1 li:nth-child(1) img{ display:block; margin-left:25%; width:50%;}
.float-div1 li:nth-child(2){ border:1px #101010 solid; border-top:none; color:#4c8ad7   }
.float-div1 li:nth-child(2) img{ display:block; margin-left:25%; width:50%;}
.float-div1 li:nth-child(3){}
.float-div1 li:nth-child(3) img{ display:block; margin-left:10%; width:80%;}
.float-div1 li:nth-child(4){}
.float-div1 li:nth-child(4) img{ display:block; margin-left:15%; width:70%; margin-top:5%}
.float-div1 li img{ display:block;}
#test3 .layui-carousel-arrow { top:100px !important;}
.fanan-ul{ width:100%; transition:all 1s; padding:10px 0; overflow:hidden; position:absolute; top:102px; background:#FFF;   }
.fanan-ul li{ padding:5% 2%; }
#fangan:hover .fanan-ul{ display:block; }
.kehu-ul{ width:100%; transition:all 1s; padding:10px 0; overflow:hidden; position:absolute; top:102px; background:#FFF;   }
.kehu-ul li{ padding:5% 2%; }
#kehu:hover .kehu-ul{ display:block; }
.fanan-ul li:hover{ background:#4c8ad7;color:#FFF} 
.kehu-ul li:hover{ background:#4c8ad7;color:#FFF} 

/*底部*/
.end-bg{ width:100%; overflow:hidden; background:#222222;  }
.end-d{ width:100%; margin:0 auto; overflow:hidden;padding:3% 0 3% 0;  }
.den-d101{ width:100%; float:left; }
.den-d101 img{ display:block; width:240px; margin:0 auto;}
.den-d101 ul{ width:84%; padding:2% 8%; overflow:hidden; }
.den-d101 ul li { padding:2% 0 2% 5%; color:#cccccc; }
.den-d101 ul li:nth-child(1){ background:url(../image/dianhua2.png) left center no-repeat;}
.den-d101 ul li:nth-child(2){ background:url(../image/youjian.png) left center no-repeat;}
.den-d101 ul li:nth-child(3){ background:url(../image/dibiao.png) left center no-repeat;}
.den-d101 ul li:nth-child(4){ padding-left:0 !important}
.den-d101 ul li:nth-child(4) img{ width:10%; display:inline-block; margin:0 1%}
.den-d102{ width:50%; float:left;  }
.den-d102>li{ width:50%; float:left; text-align:center; }
.den-d102>li>ul{ width:100%; overflow:hidden; }
.den-d102>li>ul li{ width:100%; padding:5% 0; color:#cccccc }
.den-d102>li>ul li:hover{ color:#FFF;}
.den-d103{ width:50%; float:left;}
.den-d103 h4{ font-size:18px; margin-bottom:2%; color:#cccccc; }
.den-d103 p{ display:block; line-height:180%; font-size:14px; margin-bottom:2%; color:#cccccc; }
.den-d103 div{ padding:4% 0 0 0;}
.den-d103 div img{ width:25%; display:inline-block; }
.end-d2{ width:100%; overflow:hidden; text-align:center; padding:1% 0; color:#cccccc; }

/*首页*/
.bx-wrapper{ display:none;}
#test3{ height:180vw !important; margin:5% 0 !important; overflow:scroll;}
#test3 h4{ background:none !important;}
.in_div h4{ padding:2%; background:#f0f0f0; color:#424242; }
.in_div h4 span{ display:block; color:#8e8e8e}
#test1{ height:40vw !important; margin-top:70px; }
#test2{ height:80vw !important; }
#test1 img{ height:40vw}
#test2 img{ height:50vw}
.index-mid-d1{ width:100%; margin:0 auto; overflow:hidden; padding-bottom:3%; }
.mid-title{ width:100%; padding:8% 0 0 0; margin-bottom:3%; text-align:center; background:url(../image/dian.png) center bottom  no-repeat; }
.mid-title h4{ width:100%; font-size:1.5em; color:#424242; padding:1% 0; }
.mid-title span{ display:block; width:100%; font-size:16px; padding-bottom:5%; color:#424242; max-width:1000px; margin:0 auto; }
.mid-ul1{ width:100%; overflow:hidden; }
.mid-li11{ width:58vw; height:65vw; margin-right:2vw; float:left }
.mid-li11-top{ width:100%; height:65vw; margin-bottom:2vw; background:#FFF; position:relative; transition:all 0.5s; cursor:pointer; }
.mid-li11-top img{ width:70px; height:70px; position:absolute; left:15%; top:35%}
.img01{ opacity:1; transition:all 0.5s; }
.img02{ opacity:0; transition:all 0.5s; }
.mid-li11-top h4{ position:absolute; left:33%; top:35%; font-size:5vw; color:#4c8ad7; transition:all 0.5s;  }
.mid-li11-top h5{ position:absolute; left:33%; top:45%; font-size:3.5vw; color:#8e8e8e; transition:all 0.5s;  }
.mid-li11-top:hover{ background:#4c8ad7}
.mid-li11-top:hover .img01{ opacity:0; }
.mid-li11-top:hover .img02{ opacity:1; }
.mid-li11-top:hover h4{color:#fff;}
.mid-li11-top:hover h5{color:#fff;}
.mid-li11-down{ width:100%; height:65vw; background:#FFF; position:relative;  cursor:pointer; }
.mid-li11-down img{ position:absolute; width:70px; height:70px; left:15%; top:30%;}
.mid-li11-down h4{ position:absolute; left:30%; top:30%; font-size:5vw; color:#4c8ad7; transition:all 0.5s;  }
.mid-li11-down h5{ position:absolute; left:30%; top:44%; font-size:3.5vw; color:#8e8e8e; transition:all 0.5s;  }
.mid-li11-down:hover{ background:#4c8ad7}
.mid-li11-down:hover .img01{ opacity:0; }
.mid-li11-down:hover .img02{ opacity:1; }
.mid-li11-down:hover h4{color:#fff;}
.mid-li11-down:hover h5{color:#fff;}
.mid-li12{ width:40vw; float:left; overflow:hidden; }
.mid-li12-top{ width:100%; height:65vw; margin-bottom:2vw; background:#FFF; position:relative; transition:all 0.5s; cursor:pointer;}
.mid-li12-top img{ width:100px; height:100px; position:absolute; top:20px; left:50%; margin-left:-50px; }
.mid-li12-top h4{ width:100%; text-align:center; position:absolute; top:130px; font-size:5vw; color:#4c8ad7; transition:all 0.5s;   }
.mid-li12-top h5{ width:70%; padding:0 15%; text-align:center; position:absolute; top:160px; font-size:3.5vw; color:#8e8e8e; transition:all 0.5s;   }
.mid-li12-top:hover{ background:#4c8ad7}
.mid-li12-top:hover .img01{ opacity:0; }
.mid-li12-top:hover .img02{ opacity:1; }
.mid-li12-top:hover h4{color:#fff;}
.mid-li12-top:hover h5{color:#fff;}
.mid-li12-down{ width:100%; height:65vw; margin-bottom:2vw; background:#FFF; position:relative; transition:all 0.5s; cursor:pointer;}
.mid-li12-down img{ width:100px; height:100px; position:absolute; top:20px; left:50%; margin-left:-50px; }
.mid-li12-down h4{ width:100%; text-align:center; position:absolute; top:130px; font-size:20px; color:#4c8ad7; transition:all 0.5s;   }
.mid-li12-down h5{ width:70%; padding:0 15%; text-align:center; position:absolute; top:160px; font-size:14px; color:#8e8e8e; transition:all 0.5s;   }
.mid-li12-down:hover{ background:#4c8ad7}
.mid-li12-down:hover .img01{ opacity:0; }
.mid-li12-down:hover .img02{ opacity:1; }
.mid-li12-down:hover h4{color:#fff;}
.mid-li12-down:hover h5{color:#fff;}
.mid-li13{width:100%; height:65vw;float:left; position:relative; background:#FFF; }
.mid-li13 img{ width:100px; height:100px; position:absolute; top:15%; left:50%; margin-left:-50px; }
.mid-li13 h4{ width:100%; text-align:center; position:absolute; top:55%; font-size:20px; color:#4c8ad7; transition:all 0.5s;   }
.mid-li13 h5{ width:70%; padding:0 15%; text-align:center; position:absolute; top:65%; font-size:14px; color:#8e8e8e; transition:all 0.5s;   }
.mid-li13:hover{ background:#4c8ad7}
.mid-li13:hover .img01{ opacity:0; }
.mid-li13:hover .img02{ opacity:1; }
.mid-li13:hover h4{color:#fff;}
.mid-li13:hover h5{color:#fff;}
.index-mid-d2{ width:100%; margin:0 auto; overflow:hidden;}
.mid-ul2{ width:100%; margin:0 auto; overflow:hidden; }
.mid-ul2 li{ margin-bottom:2vw;}
.mid-li21{ width:49vw; height:60vw; float:left; cursor:pointer; background:#FFF; position:relative; transition:all 1s; overflow:hidden; }
.mid-ul2 li:nth-child(2n-1){ margin-right:1vw;}
.mid-ul2 li:nth-child(2n){ margin-left:1vw;}
.img01,.img02{ width:70px; height:70px; position:absolute; top:20%; left:50%; margin-left:-35px;z-index:101 }
.img03{ position:absolute; left:0; top:0; width:100%; opacity:0; transition:all 0.5s; z-index:100}
.mid-li21 h4{ width:100%; text-align:center;  position:absolute; top:50%; font-size:1.2em; color:#424242; z-index:101 }
.mid-li21 a{ position:absolute; top:66%; text-align:center; display:block; width:100%; color:#4c8ad7;z-index:101 }
.mid-li21:hover{ background:#f0f0f0 }
.mid-li21:hover .img01{ opacity:0; }
.mid-li21:hover .img02{ opacity:1; }
.mid-li21:hover h4{ color:#FFF;}
.mid-li21:hover a{ color:#FFF;}
.mid-li21:hover .img03{ transform:scale(1.1); opacity:1}

.index-mid-d3{ width:100%; margin:0 auto; overflow:hidden; }
.mid-video{ width:94%; margin:0 auto; padding:3%; background:#FFF; border-radius:6px; }
.vid1{ width:100%;  }
.index-mid-d4{ width:100%; margin:0 auto; overflow:hidden; }
.mid-d4-ul1{ width:20000px; height:425px; background:#000;}
.mid-d4-d1{ width:100%; overflow:hidden; }
.mid-d4-d1-lfet{ width:96%; padding:2%;float:left; }
.mid-d4-d1-lfet img{ width:100%; }
.mid-d4-d1-lfet h4{ padding:2% 0; font-size:18px; color:#424242; }
.mid-d4-d1-lfet { line-height:180%; font-size:14px;}
.mid-d4-d1-right{ width:96%; padding:2%;float:right; }
.mid-d4-d1-right li{ border-bottom:1px #c8c8c8 solid; padding:25px 0;  overflow:hidden;  }
.mid-d4-d1-right li:hover{ background:#c8c8c8;}
.d1-right-left{ width:15%; padding-left:2%; float:left; color:#c8c8c8; }
.mid-d4-d1-right li:hover .d1-right-left{ color:#424242}
.d1-right-left h4{ font-size:12vw;}
.d1-right-left h5{ font-size:3.5vw;}
.d1-right-right{ width:82%; float:right; }
.d1-right-right h4{ font-size:4.5vw; color:#424242; margin-bottom:2%; }
.d1-right-right h5{ font-size:3.5vw; color:#8e8e8e;}
.ck-more{ display:block; padding:1% 0; text-align:center; border:none; cursor:pointer; background:#4c8ad7; color:#FFF; width:25%; margin:5% auto; }
.ck-more:hover{ color:#FFF;}

/*客户案例*/
#test2{ height:60vw}
.product-d1{ width:100%; overflow:hidden; }
.in_div{ width:100%; }
.in_div>img{ width:100%;}
.layui-carousel>[carousel-item]>*{ background:#FFF !important}
.in_div01{ width:90%; margin:0 auto; overflow:hidden; }
.in_div01>h4{ padding:3% 0; text-align:center; font-size:1.2em; color:#4c8ad7;}
.layui-this{}
.layui-carousel-ind{ display:none !important;}
.in-div-down{ width:100%; padding-bottom:3%; overflow:hidden;}
.in-div-down01{ width:100%; float:left; }
.in-div-down01 h4{ font-size:1.15em; color:#424242; margin-bottom:3%;}
.in-div-down01 p{ display:block; margin-top:2%; line-height:180%;  }
.in-div-down02{ width:100%; float:right; }
.in-div-down02>img{ width:100%; }
.qianming{ width:100%; margin:0 auto; font-size:1.2em !important; color:#4c8ad7; }
.qianming span{ display:block; text-align:right; }
.fenxi{ width:100%; overflow:hidden; background:#f0f0f0; }
.fenxi-ul1{ width:100%; float:left; overflow:hidden;  }
.fenxi-ul1 li{ width:92%; background:#FFF; margin-bottom:2%; padding:4%; }
.fenxi-ul1 li h4{ font-size:1.2em; padding:0 0 2% 0%; color:#4c8ad7;}
.fenxi-ul1 li p{ line-height:140%; display:block; margin:2% 0}
.fenxi-ul2{ width:100%; float:right; overflow:hidden;  }
.fenxi-ul2 li{ width:92%; background:#FFF; margin-bottom:2%; padding:4%; }
.fenxi-ul2 li h4{ font-size:1.15em; padding:0 0 2% 0%; color:#4c8ad7;}
.fenxi-ul2 li p{ line-height:140%; display:block; margin:2% 0}

/*产品优势*/
.superiority-d1{ width:96%; margin:5% auto 0 auto; overflow:hidden;  }
.superiority-d101{ width:100%; overflow:hidden; }
.d101-left{ width:100%; float:left;}
.d101-left img{ width:100%;}
.d101-right{ width:96%; float:left; margin:10px 0; padding:2% 2%; height:500px; background:#FFF;}
.d101-right h4{ padding:3% 0; font-size:18px; color:#4c8ad7; }
.d101-right h4 span{ display:block; font-size:14px; color:#424242; line-height:180%; margin-top:2%;}
.superiority-d102{ width:100%; overflow:hidden; margin:2% 0}
.d102-right{ width:100%; float:right;}
.d102-right img{ width:100%;}
.d102-left{ width:96%; float:left; margin:10px 0; padding:2% 2%; height:500px; background:#FFF;}
.d102-left h4{ padding:3% 0; font-size:18px; color:#4c8ad7; }
.d102-left h4 span{ display:block; font-size:14px; color:#424242; line-height:180%; margin-top:2%;}


/*关于我们*/
.mian-banner { width:100%; overflow:hidden; margin-top:70px;  }
.mian-banner img { width:100%; }
.about-mid-d1 { width:100%; }
.mid-d1-top { width:100%; overflow:hidden; }
.mid-d1-top01 { width:100%; background:#FFF; margin-right:1%; float:left; }
.mid-d1-top01 p { display:block; padding:2% 3%;  font-size:16px; line-height:180%; color:#424242; text-indent:2em; }
.mid-d1-top02 { width:100%; }
.mid-d1-top02 img { width:100%; }
.mid-d1-down { width:100%; margin-top:2%; background:#FFF;overflow:hidden; }
.mid-d1-down01{ width:35%; float:left; padding:2% 0; padding-left:4%; }
.mid-d1-down01>img{ width:85px; height:85px; display:inline-block; float:left; margin-right:3% }
.mid-d1-down01 h4{ display:inline-block; float:left; text-align:center; padding-top:2%; font-size:1.5em; color:#424242; }
.mid-d1-down01 h4 span{ display:block; padding-top:3%; font-size:14px; color:#c8c8c8; border-top:1px #c8c8c8 solid; }
.mid-d1-down02{ width:55%; float:left; padding-top:3.5%;}
.mid-d1-down02 li{ padding:1% 0 1% 5%; background:url(../image/dian3.png) left center no-repeat; }
.about-mid-d2{ width:100%; overflow:hidden ; background:#FFF; padding-bottom:2%;}
.mid-d2-top{ width:100%; padding:2% 0; overflow:hidden;}
.mid-d2-top h4{ width:28%; float:left; padding-right:2%; font-size:3em; color:#4c8ad7; text-align:right; }
.mid-d2-top h5{ width:94%; padding:2%; float:right; font-size:1em; line-height:180%; color:#8e8e8e; }
.mid-d2-down{ width:100%; position:relative; }
.mid-d2-down ul{ width:200%;white-space:nowrap; margin:0 auto; height:95px; background:url(../image/line.png) left center repeat-x; transition:all 1s; overflow:hidden; margin-left:0}
.mid-d2-down ul::-webkit-scrollbar {width: 0; height: 0;}
.mid-d2-down ul li{ display:inline-block; text-align:center;  width:5%; margin-left:6%; height:30px; background:url(../image/li-bg02.jpg) center top no-repeat; padding-top:65px;}
.mid-d2-down ul li h4{ cursor:pointer;}
.kuang{ width:80%; margin:0 auto; overflow:hidden;}
.li-hover03{ color:#4c8ad7; background:url(../image/li-bg.jpg) center top no-repeat !important;}
#prove{ cursor:pointer; width:25px; height:20px; background:url(../image/t-left.png); position:absolute; left:4%; top:50%; margin-top:-10px; }
#next{ cursor:pointer; width:25px; height:20px; background:url(../image/t-right.png); position:absolute; right:4%; top:50%; margin-top:-10px;  }
.about-d2{ width:100%; overflow:hidden; background:#FFF; }
.about-d201{ width:100%; margin:0 auto; position:relative; text-align:center; }
.about-d201 img{ width:100%;}
.about-ul2{ width:100%; overflow:hidden; }
.about-ul2 li{ width:100%; float:left; overflow:hidden; cursor:pointer;  }

.about-ul2 li:nth-child(2n-1){}
.about-ul2 li:nth-child(2n){}
.about-ul2 li img{ transition:all 1s; width:100%; }
.about-ul2 li:hover img{ transform:scale(1.05)}
.about-ul2 li h4{ padding:2% 0; text-align:center; }

/*解决方案*/
.programme-ul1{ width:100%; overflow:hidden; }
.programme-ul1 li{ background:#FFF; margin:2% 0; overflow:hidden; }
.li-d1{ width:94%; padding:3%; display:inline-block;}
.li-d1 h4{ font-size:20px; color:#4c8ad7; margin:0 0 5% 0; }
.li-d1 h5{ font-size:20px; color:#4c8ad7; margin:8% 0 5% 0; }
.li-d1 p{ font-size:16px; color:#424242;}
.li-d1 span{ display:block; font-size:20px; color:#4c8ad7; margin:8% 0 0 0;}
.li-d2{ width:100%; display:inline-block; }
.li-d2 img{ width:100%; }
.in-ul{ width:100%; overflow:hidden; margin:5% 0; }
.in-ul li{ padding-left:5%; background:url(../image/landian.png) left center no-repeat; }
.programme-d1{ width:100%; overflow:hidden; background:#FFF;  }
.programme-d1-ul1{ width:100%; margin:0 auto; }
.programme-d1-ul1 li{ border-bottom:2px #c8c8c8 solid; padding:3% 0; overflow:hidden; }
.d1-ul1-li-d1{ width:90%; float:left; padding:0 5%; }
.d1-ul1-li-d1 h4{ font-size:20px; color:#4c8ad7; padding:0% 0 5% 0; }
.d1-ul1-li-d1 p{ font-size:16px; color:#424242; line-height:160%;}
.d1-ul1-li-d2{ width:100%; float:right;}
.d1-ul1-li-d2 img{ width:100%;}
.programme-d2{width:100%; overflow:hidden; background:#F0F0F0; }
.programme-d2-ul1{ width:100%; margin:0 auto; overflow:hidden;  }
.programme-d2-ul1 li{ width:47%; margin:1.5%; height:210px; float:left; border-radius:10px; }
.programme-d2-ul1 li:nth-child(1){ background:#26a346;}
.programme-d2-ul1 li:nth-child(2){ background:#ef8321;}
.programme-d2-ul1 li:nth-child(3){ background:#81549f;}
.programme-d2-ul1 li:nth-child(4){ background:#a5cc38;}
.programme-d2-ul1 li img{ width:40%; margin:10% 0 10% 30%;}
.programme-d2-ul1 li h4{ text-align:center; font-size:16px; padding:0 4%; color:#FFF; }
.programme-d2-ul1 li h4 span{ display:block; }
.a-more{ display:block;  width:60%; padding:1.5% 0; margin:3%  auto; text-align:center; font-size:18px; color:#424242; background:#FFF; }

/*产品功能*/
.mian-banner1{ width:100%; overflow:hidden; margin-top:70px; position:relative; background:url(../image/function-banner01.jpg) left center no-repeat; background-size:cover;  }
.mian-banner1>img{ display:none; width:100%; }
.function-d1{ width:96%; padding:5% 2%; }
.function-d1-ul1{ width:100%; overflow:hidden; }
.function-d1-ul1 li{ width:100%; float:left; margin:0.3%; overflow:hidden;  }
.function-li-d1{ width:96%; padding:4% 2% 6% 2%; background:#FFF;  margin-bottom:2%}
.function-li-d1 h4{ padding-bottom:3%; background:url(../image/line-bg.jpg) left bottom no-repeat; }
.function-li-d1>img{ width:16%; margin-left:42%; margin-top:2%}
.function-li-d2{ width:100%; overflow:hidden; margin-bottom:2% }
.function-li-d2-h41{ width:45%; margin-right:1%; padding:5% 2%; float:left; background:#4c8ad7; color:#FFF; }
.function-li-d2-h42{ width:45%; margin-left:1%; padding:5% 2%;  float:right; background:#4c8ad7; color:#FFF; }
.function-li-d3{ width:96%; padding:4% 2% 10% 2%; background:#FFF;  margin-bottom:2%}
.function-li-d3 h4{ padding-bottom:3%; text-align:center; background:url(../image/line-bg.jpg) center bottom no-repeat;}
.function-li-d3>img{ width:16%; margin-left:42%; margin-top:2%}
.function-li-d4{ width:96%; padding:4% 2% 6% 2%; background:#4c8ad7;  margin-bottom:2%; color:#FFF;}
.function-li-d4 h4{padding-bottom:3%; text-align:center; }
.function-li-d4>img{ width:16%; margin-left:42%; margin-top:2%}
.function-d2{ width:100%; overflow:hidden;  }
.function-d2-ul1-bg{ width:100%; }
.function-d2-ul1{ width:100%; margin:5% auto; text-align:center; overflow:hidden; background:#FFF;}
.function-d2-ul1 li{ width:18%; display:inline-block;}
.function-d2-ul1 li img{ width:40%; margin:5% 0 5% 0; }
.function-d2-ul1 li h4{ text-align:center; padding:5% 0; }
.function-d201{ width:100%; margin:0 auto; overflow:hidden; }
.function-d3{ width:100%; overflow:hidden; padding-bottom:3%; }

.function-d4{ width:100%; overflow:hidden;padding-bottom:3%; background:#282a2b;   }
.function-d4 ul{ width:100%; margin:0 auto; overflow:hidden; padding:5% 0;  }
.function-d4 ul li{ width:49%; float:left; margin-bottom:5% }
.function-d4 ul li:nth-child(2n-1){ margin-right:1%;}
.function-d4 ul li:nth-child(2n){ margin-left:1%;}
.function-d4 ul li img{ width:100%; margin-bottom:2%;}
.function-d4 ul li input{ display:inline-block; border-radius:23px; color:#FFF; padding:5px 0; font-size:18px; border:none; cursor:pointer; }
.dl{ width:40%; float:left; }
.zc{ width:40%; float:right; }
.ljxz{ width:80%; margin-left:10%;}

.bg01{ width:100%; background:url(../image/bg-img01.jpg) left top repeat; overflow:hidden; }
.bg02{ width:100%; background:url(../image/bg-img02.jpg) left top repeat; overflow:hidden; }
.bg03{ width:100%; background:url(../image/bg-img03.jpg) left top repeat; overflow:hidden; }
.bg04{ width:100%; background:url(../image/bg-img04.jpg) left top repeat; overflow:hidden; }
.bg05{ width:100%; background:url(../image/bg-img05.jpg) left top repeat; overflow:hidden; }
.bg06{ width:100%; background:url(../image/bg-img06.jpg) left top repeat; overflow:hidden; }
.bg07{ width:100%; background:url(../image/bg-img07.jpg) left top repeat; overflow:hidden; }
.bg08{ width:100%; background:url(../image/bg-img08.jpg) left top repeat; overflow:hidden; }
.bg09{ width:100%; background:url(../image/bg-img09.jpg) left top repeat; overflow:hidden; }
.bg10{ width:100%; background:url(../image/bg-img10.jpg) left top repeat; overflow:hidden; }
.bg11{ width:100%; background:url(../image/bg-img11.jpg) left top repeat; overflow:hidden; }
.bg12{ width:100%; background:url(../image/bg-img12.jpg) left top repeat; overflow:hidden; }
.bg13{ width:100%; background:url(../image/bg-img13.jpg) left top repeat; overflow:hidden; }
.bg14{ width:100%; background:url(../image/bg-img14.jpg) left top repeat; overflow:hidden; }
.bg15{ width:100%; background:url(../image/bg-img15.jpg) left top repeat; overflow:hidden; }


.function-d3011{ width:100%; margin:0 auto; padding:3% 0; }
.function-d3011>img{ width:100%; display:block; margin:2% 0 2% 0; float:left;  }
.function-d3011>div{ width:96%; padding:2%; float:right; }
.function-d3011>div>h4{ font-size:20px; color:#FFF; margin-bottom:8%; }
.function-d3011>div>h4>span{ display:block; margin-top:2%; font-size:14px; color:#FFF; }
.function-d3012{ width:100%; padding:3% 0; margin:0 auto;}
.function-d3012>img{  width:100%; display:block; margin:2% 0 2% 0; float:right; }
.function-d3012>div{ width:96%; padding:2%; float:left; }
.function-d3012>div>h4{ font-size:20px; color:#FFF; margin-bottom:8%; }
.function-d3012>div>h4>span{ display:block; margin-top:2%; font-size:14px; color:#FFF; }



/*产品价格*/
.Price-ul1{ width:100%; overflow:hidden; text-align:center; padding-bottom:5%;  }
.Price-ul1 li{ display:inline-block; width:40%; padding:20px 0; background:#FFF; cursor:pointer; }
.Price-ul1 li:hover{ background:#4c8ad7 !important; color:#FFF !important}
.li-hover05{ background:#4c8ad7 !important; color:#FFF !important}
.Price-ul1 li h4{ text-align:center; }
.Price-ul1 li h4 span{ display:block; }
.Price-table{ width:100%; overflow:hidden; text-align:center; }
.Price-table tr:hover td{ background:#f0f0f0; cursor:pointer;}
.Price-table tr td{ padding:2% 0; background:#FFF;}
.Price-table tr td p{ display:block; padding:0 0 0 5%; margin:1% 0; text-align:left; font-size:18px; color:#4c8ad7; }
.Price-table tr td{ border-right:1px #4c8ad7 solid; border-bottom:1px #4c8ad7 solid; font-size:16px; color:#424242;  }
.Price-table tr td:nth-child(1){ border-left:1px #4c8ad7 solid; width:20%; }
.Price-table tr td:nth-child(2),.Price-table tr td:nth-child(3){ width:30%; }
.Price-table tr:nth-child(1) td{ border-top:1px #4c8ad7 solid; }

/*新闻中心*/

.xwzx_mid_bg{ width:100%; overflow:hidden;   }
.xwzx_mid{ width:100%; margin:0 auto; overflow:hidden; padding:4% 0 5% 0  }
.xwzx_mid_left{ width:100%; }
.xwzx_mid_left>h4{ padding:5% 2%; font-size:5vw; color:#101010; }
.xwzx_mid_left>h4>span{ display:block; font-size:3.5vw; color:#8e8e8e;}
.mid_left_ul1{ width:96%; overflow:hidden; padding:0 2%;}
.mid_left_ul1 li{ margin-bottom:4%; padding:4%; background:#FFF ; overflow:hidden;}
.mid_left_ul1 li a>img{ width:100%; margin:2% 0;  }
.mid_left_ul1 li a h4{ font-size:16px; color:#424242; width:100%; }
.mid_left_ul1 li a h4 span{ display:inline-block; float:right; }
.mid_left_ul1 li a>span{ display:block; padding:2% 0; color:#8e8e8e; }
.xwzx_mid_right{ width:100%; float:right; }
.xwzx_mid_right>h4{ padding:5% 2% 2% 2%; font-size:18px; color:#101010; border-bottom:1px #c8c8c8 solid;  }
.mid_right_ul4{ width:100%; overflow:hidden; background:#FFF; padding-bottom:10%; }
.mid_right_ul4 h4{ padding-top:6%; border-left:5px #4c8ad7 solid; padding-left:3%; font-size:18px; margin-bottom:3%;}
.mid_right_ul4 li{ width:35%; float:left; padding:1% 0; padding-left:15%; background:url(../image/remen_bg.png) 10% center no-repeat; background-size:15%; margin:2% 0; font-size:14px; cursor:pointer; }
.mid_right_ul4 li:hover a{ color:#4c8ad7;}
.mid_right_ul5{ width:100%; overflow:hidden; background:#FFF; margin-top:3%; padding-bottom:5%; }
.mid_right_ul5 h4{ padding-top:6%; border-left:5px #4c8ad7 solid; padding-left:3%; font-size:18px; margin-bottom:3%;}
.mid_right_ul5 li{  width:94%; margin:3%; overflow:hidden;  }
.mid_right_ul5 li img{ width:100%; border:1px #c8c8c8 solid; margin:2% 0 1.5% 0 }
.layui-box{ float:left; margin-left:2% !important;}

.fenlei_ul1{ width:100%; overflow:hidden; font-size:14px; padding:4% 0; }
.fenlei_ul1 li{ padding:1% 2%; margin:1%; float:left; background:#FFF; color:#5c5c5c; cursor:pointer;}
.li-hover07{ background:#4c8ad7 !important; color:#FFF !important;}

/*新闻详情*/
.xwzx_midd1{ width:90%; margin:0 2%; padding:3%; overflow:hidden; background:#FFF; margin-top:5%; }
.xwzx_midd1>h4{ font-size:4vw; margin-bottom:2%; color:#000000;  }
.xwzx_midd1>span{ font-size:3.5vw; color:#8e8e8e;  }
.xwzx_midd1>p{ line-height:200%; font-size:3.5vw; color:#424242; margin-bottom:3%; }
.xwzx_midd101{ width:100%; overflow:hidden; border-top:1px #c8c8c8 solid; padding:5% 0 8% 0; position:relative; }
.xwzx_midd101 a{ display:block; font-size:3.5vw; color:#424242; margin:1% 0;}
.xwzx_midd101 a:hover{ color:#00aa88;}
.xwzx_fanhui{ width:80px; border:none; padding:1% 0; background:#00aa88; color:#FFF; display:block; position:absolute; right:0; bottom:0%;  }

/*联系我们*/
.contact-d1{ width:100%; margin:0 auto; overflow:hidden; } 
.contact-d101{ width:92%; padding:4%; overflow:hidden; background:#FFF }
.contact-d101 h4{ font-size:26px; color:#4c8ad7; text-align:center; padding-bottom:3% }
.contact-d101 p{ display:block; margin:0.5% 0; line-height:180%; font-size:16px; }
.contact-d102{ width:100%; overflow:hidden;}
.contact-d102>h4{ width:66%; text-align:center; font-size:4vw; margin:3% auto; background:url(../image/contact-bg01.png) left center no-repeat; background-size:100%}
.contact-d102-d1{ width:94%; background:#FFF; padding:3%}
.contact-d102-ul1{ width:100%; overflow:hidden; background:#FFF }
.contact-d102-ul1 li{ width:46%; padding:2%; float:left; height:200px; text-align:center; }
.contact-d102-ul1 li:not(:last-child){ border-bottom:1px #f0f0f0 dashed; background:url(../image/shu-bg.png) right top repeat-y; }
.contact-d102-ul1 li img{ width:25%; margin:2% 0 5% 0;}
.contact-d102-ul1 li h4{ font-size:18px; color:#4c8ad7; margin-bottom:5% }
.contact-d102-ul1 li p{ display:block; font-size:14px; color:#8e8e8e; text-align:left }
.contact-d102-d101{ width:100%; overflow:hidden; }
.contact-d102-d101 ul{ width:100%; float:left; overflow:hidden; }
.contact-d102-d101 ul li{ background:url(../image/dui.png) left center no-repeat; padding:1% 0 1% 5%; background-size:3% }
.contact-d102-d101 table{ width:100%; float:right; overflow:hidden;  }
.contact-d102-d101 table input{ display:block; width:80%; margin:4% 0; border:1px #c8c8c8 solid; padding:2%; background:#FFF;}
.shenqing{ display:block; width:40%; margin:5% auto 0 auto; padding:1% 0; font-size:20px; background:#4c8ad7; color:#FFF; border:none; }
.contact-ul1{ width:100%; overflow:hidden; }
.contact-ul1 li{ float: left; width:25.3%; padding:3%; background:#FFF; margin-bottom:3%;}
.contact-ul1 li h4{ font-size:18px; color:#4c8ad7; margin-bottom:2%;}
.contact-ul1 li:not(:nth-child(3n)){ margin-right:3%;}
.contact-ul2{ width:100%; overflow:hidden; padding:0 0 2% 0; }
.contact-ul2 li{ float:left; padding:1% 2%; margin:1%; color:#424242; cursor:pointer; }
.li-hover08{ background:#4c8ad7 !important; color:#FFF !important;}
.contact-ul3{ width:100%; overflow:hidden; }
.contact-ul3 li{ width:96%; padding:2%; background:#FFF; overflow:hidden; margin-bottom:2% }

.contact-ul3 li h5{ font-size:14px; color:#4c8ad7; margin-bottom:2%; }
.contact-ul3-lid1{ width:100%; overflow:hidden; margin-bottom:3% }
.contact-ul3-lid1 p{ line-height:180%; font-size:14px;}
.ul3-lid101{ width:50%; float:left; }
.ul3-lid102{ width:48%; padding-left:2%; float:left; }
.xzsq{ display:block; width:20%; margin:3% auto; padding:1%; border:none; background:#4c8ad7; color:#FFF; text-align:center; cursor:pointer;  }
.zhiwei{ margin-bottom:0 !important; cursor:pointer;font-size:16px; color:#4c8ad7;}
.contact-d2{ width:100%; overflow:hidden; background:url(../image/contact-bg02.jpg) left center no-repeat; background-size:cover; }
.contact-d201{ width:100%; margin:0 auto; overflow:hidden; }
.contact-d201-left{ margin:10vw 10vw 0 10vw; width:78vw; height:78vw; padding:2vw; border-radius:50%;background:#FFF; float:left;}
.contact-d201-left img{ width:78vw; height:78vw;}
.contact-d201-right{ float:left; margin-top:5%; width:96%; padding:2%;}
.contact-d201-right ul{ width:96%; background:#FFF; overflow:hidden; padding:2%; }
.contact-d201-right ul h4{ font-size:20px; color:#4c8ad7; }
.contact-d201-right ul li{ padding:3% 0 3% 8%; border-bottom:1px #c8c8c8 solid; }
.contact-d201-right ul li:nth-child(7){ background:url(../image/li-bg10.png) left center no-repeat;}
.contact-d201-right ul li:nth-child(6){ background:url(../image/li-bg11.png) left center no-repeat;}
.contact-d201-right ul li:nth-child(5){ background:url(../image/li-bg12.png) left center no-repeat;}
.contact-d201-right ul li:nth-child(4){ background:url(../image/li-bg13.png) left center no-repeat;}
.contact-d201-right ul li:nth-child(3){ background:url(../image/li-bg13.png) left center no-repeat;}
.contact-d201-right ul li:nth-child(2){ background:url(../image/li-bg13.png) left center no-repeat;}

.contact-end-ul{ width:100%; margin:3% auto; overflow:hidden; }
.contact-end-ul li{ float:left; width:45%; background:#FFF; padding:2%; cursor:pointer; }
.contact-end-ul li:nth-child(1){ margin-right:1%;}
.contact-end-ul li:nth-child(2){ margin-left:1%;}
.contact-end-ul li h4{ font-size:20px; color:#4c8ad7; margin-bottom:2%; }
.contact-end-ul li p{ display:block; }

.contact-ul1{ width:100%; text-align:center; overflow:hidden; }
.contact-ul1 a{ display:inline-block; padding:2% 4%; width:20%; }
.contact-ul1 a li{ width:100%; background:none; font-size:16px;}
.wid1200{ width:100%; margin:0 auto;}