.phone{ display:none;}
.phone-mod{ display:none;}
/*顶部*/
.top-bg{ width:100%; position:fixed; top:0; z-index:100000000; background:#f0f0f0; border-bottom:1px #dfdede solid; }
.index-top{ width:1200px; margin:0 auto; position:relative;  }
.logo{ width:215px; float:left;}
.logo img{ width:100%; }
.nav-ul{ width:730px; float:left; }
.nav-ul li{ float:left; width:90px; cursor:pointer; font-size:16px; text-align:center; padding:40px 0; position:relative; }
.nav-ul li span{ display:block; position:absolute; bottom:0; left:50%; height:2px; width:0; border-bottom:2px #4c8ad7 solid; transition:all 0.5s; }
.nav-ul li:hover{ color:#4c8ad7}
.li-hover01{ color:#4c8ad7}
.nav-ul li:hover span{ left:0; width:100%;}
.s-hover{ left:0 !important; width:100% !important;}
.li-hover{ color:#4c8ad7; }
.top-right{ width:220px; float:right; padding:40px 0 30px 30px; left center no-repeat; background-size:15%; }
.top-right h4{ display:block; color:#4c8ad7; font-size:18px;}
#test1{ height:32vw !important; margin-top:100px;}
#test2{ display:none;}
#test3{ height:45vw !important; max-height:620px;  min-height:600px; margin:50px 0 !important}
.float-div1{ width:65px; height:300px; 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:15% 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;}
.fanan-ul{ width:300%; transition:all 1s; padding:10px 0; overflow:hidden; position:absolute; top:100px; background:#f0f0f0;   }
.fanan-ul li{ padding:5% 5%; width:90% ; text-align: left}
#fangan:hover .fanan-ul{ display:block !important; z-index:10000000 }

.fanan-ul li:hover{ background:#4c8ad7;color:#FFF} 
.kehu-ul li:hover{ background:#4c8ad7;color:#FFF} 
.kehu-ul{ width:345%; transition:all 1s; padding:10px 0; overflow:hidden; position:absolute; top:100px; background:#f0f0f0;   }
.kehu-ul li{ padding:5% 5%; width:90%;text-align: left }
#kehu:hover .kehu-ul{ display:block;z-index:10000000 }

/*底部*/
.end-bg{ width:100%; overflow:hidden; background:#222222;  }
.end-d{ width:1200px; margin:0 auto; overflow:hidden;padding:3% 0 0 0;  }
.den-d101{ width:33.3%; float:left; }
.den-d101 img{ display:block; width:240px;}
.den-d101 ul{ width:100%; 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:7%; display:inline-block; margin:0 1%}
.den-d102{ width:25.3%; float:left; padding-left:5%;  }
.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:23.3%; float:left; padding-left:10%;}
.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; }


/*首页*/
.slide{ padding:10px !important; background:#FFF; width:340px !important; overflow:hidden;}
.slide h4{ padding:2%; background:#f0f0f0; color:#424242; }
.slide h4 span{ display:block; color:#8e8e8e}
.slide p{ display:block; padding:2%;}
.index-mid-d1{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:3%; }
.mid-title{ width:100%; padding:60px 0 0 0; margin-bottom:35px; text-align:center; background:url(../image/dian.png) center bottom  no-repeat; }
.mid-title h4{ width:100%; font-size:26px; color:#424242; padding:1% 0; }
.mid-title span{ display:block; width:100%; font-size:16px; padding-bottom:2%; color:#424242; max-width:1000px; margin:0 auto; }
.mid-ul1{ width:100%; overflow:hidden; }
.mid-li11{ width:520px; height:520px; float:left }
.mid-li11-top{ width:520px; height:320px; margin-bottom:20px; background:#FFF; position:relative; transition:all 0.5s; cursor:pointer; }
.mid-li11-top img{ width:100px; height:100px; position:absolute; left:80px; top:115px}
.img01{ opacity:1; transition:all 0.5s; }
.img02{ opacity:0; transition:all 0.5s; }
.mid-li11-top h4{ position:absolute; left:200px; top:125px; font-size:20px; color:#4c8ad7; transition:all 0.5s;  }
.mid-li11-top h5{ position:absolute; left:200px; top:160px; font-size:14px; 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:520px; height:180px; background:#FFF; position:relative;  cursor:pointer; }
.mid-li11-down img{ position:absolute; position:absolute; left:80px; top:40px;}
.mid-li11-down h4{ position:absolute; left:200px; top:55px; font-size:20px; color:#4c8ad7; transition:all 0.5s;  }
.mid-li11-down h5{ position:absolute; left:200px; top:90px; font-size:14px; 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:320px; height:520px; margin:0 20px; float:left; }
.mid-li12-top{ width:320px; height:250px; margin-bottom:20px; 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:20px; color:#4c8ad7; transition:all 0.5s;   }
.mid-li12-top h5{ width:70%; padding:0 15%; text-align:center; position:absolute; top:160px; font-size:14px; 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:320px; height:250px; margin-bottom:20px; 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:320px; height:520px;float:left; position:relative; background:#FFF; }
.mid-li13 img{ width:100px; height:100px; position:absolute; top:145px; left:50%; margin-left:-50px; }
.mid-li13 h4{ width:100%; text-align:center; position:absolute; top:250px; font-size:20px; color:#4c8ad7; transition:all 0.5s;   }
.mid-li13 h5{ width:70%; padding:0 15%; text-align:center; position:absolute; top:280px; 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:1200px; margin:0 auto; overflow:hidden;}
.mid-ul2{ width:1200px; margin:0 auto; overflow:hidden; }
.mid-li21{ width:285px; height:350px; float:left; cursor:pointer; background:#FFF; position:relative; transition:all 1s; overflow:hidden; }
.mid-ul2 li:not(:last-child){ margin-right:20px; }
.img01,.img02{ width:100px; height:100px; position:absolute; top:50px; left:50%; margin-left:-50px;z-index:101 }
.img03{ position:absolute; left:0; top:0; width:285px; height:350px; opacity:0; transition:all 0.5s; z-index:100}
.mid-li21 h4{ width:100%; text-align:center;  position:absolute; top:200px; font-size:18px; color:#424242; z-index:101 }
.mid-li21 a{ position:absolute; top:300px; 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:1200px; margin:0 auto; overflow:hidden; }
.mid-video{ width:1050px; height:560px; margin:0 auto; padding:25px; background:#FFF; border-radius:6px; }
.vid1{ width:100%; }
.index-mid-d4{ width:1200px; margin:0 auto; overflow:hidden; }
.mid-d4-ul1{ width:20000px;}
.mid-d4-d1{ width:100%; overflow:hidden; }
.mid-d4-d1-lfet{ width:49%; margin-right:1%; float:left; }
.mid-d4-d1-lfet img{ width:580px; height:270px; }
.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:49%; margin-left:1%; 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:13%; padding-left:2%; float:left; color:#c8c8c8; }
.mid-d4-d1-right li:hover .d1-right-left{ color:#424242}
.d1-right-left h4{ font-size:48px;}
.d1-right-left h5{ font-size:14px;}
.d1-right-right{ width:85%; float:right; }
.d1-right-right h4{ font-size:18px; color:#424242; margin-bottom:2%; }
.d1-right-right h5{ font-size:14px; 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;}

/*客户案例*/
.product-d1{ width:100%; overflow:hidden; }
.in_div{ 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:26px; color:#4c8ad7;}
.layui-this{}
.layui-carousel-ind{ display:none !important;}
.in-div-down{ width:100%; padding-bottom:3%; overflow:hidden;}
.in-div-down01{ width:50%; float:left; }
.in-div-down01 h4{ font-size:20px; color:#424242; margin-bottom:3%;}
.in-div-down01 p{ display:block; margin-top:2%; line-height:180%;  }
.in-div-down02{ width:48%; float:right; }
.in-div-down02>img{ width:100%; }
.qianming{ width:65%; margin:0 auto; font-size:20px !important; color:#4c8ad7; }
.qianming span{ display:block; text-align:right; }
.fenxi{ width:100%; overflow:hidden; background:#f0f0f0 }
.fenxi-ul1{ width:49.5%; float:left; overflow:hidden;  }
.fenxi-ul1 li{ width:92%; background:#FFF; margin-bottom:2%; padding:4%; }
.fenxi-ul1 li h4{ font-size:20px; padding:0 0 2% 0%; color:#4c8ad7;}
.fenxi-ul1 li p{ line-height:140%; display:block; margin:2% 0}
.fenxi-ul2{ width:49.5%; float:right; overflow:hidden;  }
.fenxi-ul2 li{ width:92%; background:#FFF; margin-bottom:2%; padding:4%; }
.fenxi-ul2 li h4{ font-size:20px; 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:50%; float:left; height:620px;}
.d101-left img{ width:100%;}
.d101-right{ width:46%; float:left; margin:10px 0; padding:50px 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:50%; float:right; height:620px;}
.d102-right img{ width:100%;}
.d102-left{ width:46%; float:left; margin:10px 0; padding:50px 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:100px;  }
.mian-banner img { width:100%; }
.about-mid-d1 { width:100%; }
.mid-d1-top { width:100%; overflow:hidden; }
.mid-d1-top01 { width:49%; height:313px; background:#FFF; margin-right:1%; float:left; }
.mid-d1-top01 p { display:block; padding:13% 3% ;  font-size:16px; line-height:180%; color:#424242; text-indent:2em; }
.mid-d1-top02 { width:49%; height:320px; margin-left:1%; float:right; }
.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:45px 0; padding-left:15%; }
.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:24px; 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:35%; float:left; padding-left:15%; padding-top:3.5%;}
.mid-d1-down02 li{ padding:1% 0 1% 3%; 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:48px; color:#4c8ad7; text-align:right; }
.mid-d2-top h5{ width:50%; padding-right:20%; float:right; font-size:16px; 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;cursor:pointer;  width:110px; margin-left:70px; height:30px; background:url(../image/li-bg02.jpg) center top no-repeat; padding-top:65px;}
.mid-d2-down ul li h4{ }
.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:1200px; margin:0 auto; position:relative; text-align:center;  }
.about-ul2{ width:100%; overflow:hidden; text-align:center;  }
.about-ul2 li{ margin:2%; height:380px; display:inline-block; overflow:hidden; cursor:pointer;  }
.about-ul2 li img{ transition:all 1s; }
.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:43.5%; 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:50%; 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:1200px; margin:0 auto; }
.programme-d1-ul1 li{ border-bottom:2px #c8c8c8 solid; padding:3% 0; overflow:hidden; }
.d1-ul1-li-d1{ width:30%; float:left; padding:0 5%; }
.d1-ul1-li-d1 h4{ font-size:20px; color:#4c8ad7; padding:5% 0 5% 0; }
.d1-ul1-li-d1 p{ font-size:16px; color:#424242; line-height:160%;}
.d1-ul1-li-d2{ width:60%; float:right;}
.d1-ul1-li-d2 img{}
.programme-d2{width:100%; overflow:hidden; background:#F0F0F0; }
.programme-d2-ul1{ width:1200px; margin:0 auto; overflow:hidden;  }
.programme-d2-ul1 li{ width:22%; 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:420px; 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:100px;   }
.mian-banner1>img{  }
.function-d1{ width:980px; padding:50px 110px; position:absolute; top:15%; left:50%; margin-left:-600px;}
.function-d1-ul1{ width:100%; overflow:hidden; }
.function-d1-ul1 li{ width:32.7%; 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:5%; font-size:20px; 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%;font-size:20px; margin-right:1%; padding:5% 2%; float:left; background:#4c8ad7; color:#FFF; }
.function-li-d2-h42{ width:45%;font-size:20px; margin-left:1%; padding:5% 2%;  float:right; background:#4c8ad7; color:#FFF; }
.function-li-d3{ width:96%; padding:10% 2% 20% 2%; background:#FFF;  margin-bottom:2%}
.function-li-d3 h4{ padding-bottom:5%; font-size:20px; 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:5%; font-size:20px; text-align:center; }
.function-li-d4>img{ width:16%; margin-left:42%; margin-top:2%}
.function-d2{ width:100%; overflow:hidden;  }
.function-d2-ul1{ width:1200px; margin:5% auto 0 auto; box-shadow:0 0 10px #8e8e8e;  overflow:hidden; background:#FFF;}
.function-d2-ul1-bg{ width:100%; }
.function-d2-ul1 li{ width:11.1%; float:left; }
.function-d2-ul1 li img{ width:40%; margin:5% 0 5% 30%; transition:all 0.5s; }
.function-d2-ul1 li:hover img{ transform:scale(1.1);}
.function-d2-ul1 li h4{ text-align:center; padding:5% 0; }
.function-d2-ul1 li:hover{ box-shadow:0 0 10px #8e8e8e;}
.function-d2-ul1 a:not(:last-child) li{ background:url(../image/shu-bg.png) right top repeat-y;}
.function-d201{ width:1200px; 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:1200px; margin:0 auto; overflow:hidden; padding:5% 0;  }
.function-d4 ul li{ width:14%; float:left; }
.function-d4 ul li:not(:last-child){ margin-right:14%;}
.function-d4 ul li img{ width:100%; margin-bottom:30px;}
.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:1200px; margin:0 auto; padding:70px 0; overflow:hidden; }
.function-d3011>img{ width:60%; display:block; margin:0 5% 0 0; float:left;  }
.function-d3011>div{ width:35%; 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:1200px; padding:70px 0; margin:0 auto; overflow:hidden; }
.function-d3012>img{  width:60%; display:block; margin:0 0 0 5%; float:right; }
.function-d3012>div{ width:35%; 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:14px; color:#424242;  }
.Price-table tr td:nth-child(1){ border-left:1px #4c8ad7 solid; width:19.5%; }
.Price-table tr td:nth-child(2),.Price-table tr td:nth-child(3){ width:40%; }
.Price-table tr:nth-child(1) td{ border-top:1px #4c8ad7 solid; }
.zixun{ display:block; width:16%; margin-left:41%; cursor:pointer; padding:2%; border-radius:13px; border:none; background:#4c8ad7; color:#FFF;}
/*新闻中心*/
.xwzx_mid_bg{ width:100%; overflow:hidden;   }
.xwzx_mid{ width:1200px; margin:0 auto; overflow:hidden; padding:4% 0 5% 0  }
.xwzx_mid_left{ width:73.3%; float:left; }
.xwzx_mid_left>h4{ padding:30px 0; font-size:24px; color:#101010; }
.xwzx_mid_left>h4>span{ display:block; font-size:16px; color:#8e8e8e;}
.mid_left_ul1{ width:800px; overflow:hidden; padding:0 50px; background:url(../image/ul1_bg01.png) left top repeat-y;  }
.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:26.3%; float:right; }
.xwzx_mid_right>h4{ padding:35px 0 10px 0; 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-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; }
.layui-box{ float:left; margin-left:6% !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:20px; margin-bottom:2%; color:#000000;  }
.xwzx_midd1>span{ font-size:16px; color:#8e8e8e;  }
.xwzx_midd1>p{ line-height:200%; font-size:16px; color:#424242; margin-bottom:3%; }
.xwzx_midd101{ width:100%; overflow:hidden; border-top:1px #c8c8c8 solid; padding:5% 0; position:relative; }
.xwzx_midd101 a{ display:block; font-size:16px; color:#424242; margin:1% 0;}
.xwzx_midd101 a:hover{ color:#4c8ad7;}
.xwzx_fanhui{ width:80px; border:none; padding:1% 0; background:#4c8ad7; color:#FFF; display:block; position:absolute; right:0; bottom:28%;  }

/*联系我们*/
.contact-d1{ width:1200px; 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:26px; margin:3% auto; background:url(image/contact-bg01.png) left center no-repeat;}
.contact-d102-d1{ width:94%; background:#FFF; padding:3%}
.contact-d102-ul1{ width:100%; overflow:hidden; background:#FFF }
.contact-d102-ul1 li{ width:21%; padding:2%; float:left; height:200px; text-align:center; }
.contact-d102-ul1 li:not(:last-child){ 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:50%; 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:50%; 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:1200px; margin:0 auto; overflow:hidden; }
.contact-d201-left{ padding:20px; width:400px; height:400px; margin:50px 60px; border-radius:50%;background:#FFF; float:left;}
.contact-d201-right{ float:left; margin-top:5%; width:560px; padding:20px; background:url(image/ul-bg01.png) left 20% no-repeat; }
.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:1200px; 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:20px 10px; width:100px; }
.contact-ul1 a li{ width:100%; background:none; font-size:16px;}
.wid1200{ width:1200px; margin:0 auto;}


/**/


.lb_conj{ width:810px; font-size:14px; margin-top:55px; text-align:center; color:#030303}
.lb_conj a{  color:#030303; padding:5px 10px; display:inline-block;border:1px solid #ddd; margin-left:5px; text-align:center}
.lb_conj a.ptv{ background-color:#2970f6; color:#fff}

.zhuce {
	#font-weight: bold;
	color: #4c8ad7;
}


.400tel {
     color:#FF0000;
	 font-size:18px;
	 font-family:Arial;
	 }


/*新闻列表*/
.lb_dh{ width:100%; height:49px; left:0; background:#14a6df; position:fixed; top:90px; z-index:200}
.lb_dhn{ width:1200px; height:49px; margin:0 auto; position:relative}
.lb_mean{ position:absolute; left:230px; top:-6px;}
.lb_mean li{float:left;margin-right:100px; cursor:pointer; color:#fff; font-size:16px; height:66px; text-align:center; line-height:60px; letter-spacing:1px}
.lb_mean li a{ color:#fff;}
.lb_mean li.lb_a{background:url(../images/xinwenliebiao/daohan.png) no-repeat; width:128px;font-size:20px; }
.lb_content{ width:1200px; height:909px; margin:90px  auto 0 auto;}
.lb_contentn{ width:810px; height:909px;   color:#818181; float:left}
.lb_conte{  width:810px; height:40px ; }
.lb_contentn .lb_contxw{font-size:26px;color:#333333;letter-spacing:1px; background:url(../images/xinwenliebiao/tu2.png) no-repeat 0 8px; padding-left:40px;}
.lb_conk{width:810px; margin-top:50px;}
.lb_conleft{ float:left;width:211px; height:175px;border-radius:4px; background:#088be4;}
.lb_conright{ float:right; width:564px; height:175px; }
.lb_conlbbp{width:180px; text-align:center; color:#FFF; margin:3px  auto; letter-spacing:3px}
.lb_conr{ width:564px; height:155px; margin-top:10px;  font-size:14px; color:#666666; letter-spacing:0.1px; line-height:24px}
.lb_cona{ font-size:18px; color:#088be4; letter-spacing:1px; line-height:30px}
.lb_conc{ font-size:12px; margin-top:10px; color:#666666;letter-spacing:1px;}
.lb_conb{ padding-top:10px}
p{ margin:0; padding:0}
.lb_cond{ color:#0C6}
.lb_cona a{ color:#088be4}
.lb_cona a:hover{ color:#055a94}
.lb_conj{ width:810px; font-size:14px; margin-top:55px; text-align:center; color:#030303}
.lb_conj a{  color:#030303; padding:5px 10px; display:inline-block;border:1px solid #ddd; margin-left:5px; text-align:center}
.lb_conj a.ptv{ background-color:#2970f6; color:#fff}
.lb_contentr{ width:290px; height:909px; float:right}
.lb_contentr-h{width:1px;  height:909px; background:url(../images/xinwenliebiao/xian.png) no-repeat; float:left;}
.lb_contentr-l{ width:284px; height:909px; float:right; }
.lb_contentr-a{width:284px; height:49px;}
.lb_contentr-b{font-size:18px; color:#333333; float:left;letter-spacing:1px; background:url(../images/xinwenliebiao/xiaotu2.png) no-repeat  0 7px; padding-left:28px}
.lb_contentr-c{font-size:12px; color:#818181;  float: left; margin-top:7px; margin-left:3px; }
.lb_contentr-d{ width:284px; height:71px; margin-top:28px;font-size:12px; float:left; }
.lb_contentr-d { width:259px; height:71px;}
.lb_contentr-d .lb_a{ width:74px; float:left;}
.lb_contentr-d .lb_e{ width:174px;letter-spacing:1px; color:#8b8b8b; float:right; margin-top:10px }
.lb_e a{ color:#8b8b8b;}
.lb_e a:hover{ color:#333;}

/*新闻详情页*/
.xq-content{ width:990px; margin:0 auto;}
.xq-con{ width:990px; height:17px;  padding-top:72px}
.xp-wb{ font-size:14px; background:url(../images/xinwenliebiao/tu.png) no-repeat; padding-left:15px; letter-spacing:1px;color:#3c3c3c;}
.xp-wb a{color:#088be4}
.xp-wb a:hover{color:#03F}
.xq-cot{ padding-top:43px}
.xq-cota{ font-size:12px; color:#979797;text-align:center;letter-spacing:1px }
.xq-cotb{letter-spacing:2px; font-size:30px; color:#088be4; text-align:center}
.xq-cotc{ padding-top:28px; font-size:14px; color:#6a6a6a; display:table; letter-spacing:0.6px; line-height:26px;}
.xq-cotd{ font-size:20px; color:#121212; margin:18px 0 10px 0;letter-spacing:2px;}
.xq-coth{margin:8px 0 2px 0; color:#121212;}