@charset "utf-8";
.wrap{ width: 100%; max-width: 1300px; margin: 0 auto }
/*banner*/
#flash { width: 100%;overflow-x: hidden; }
.mimg{ display: none; }
.focus{ position: relative; }
.focus .hd{ position: absolute; bottom:40px; left: 18%;z-index: 99 }
.focus .bd{ position: relative; z-index: 88 }
.hd li{  height: 15px; border-radius: 8px; color: transparent; background:#444; width:15px; display: inline-block; margin-right: 10px }
.hd li.on{ background:#ff7e00; width: 25px }
/*产品 css*/
.ind_tit{font-size:40px; color: #111; text-align: center; position: relative; }
.ind_tit b{ display: block;position: relative;z-index: 66}
.ind_tit span{ display: block; text-align: center; width: 60px; z-index: 55;  height: 4px; background: #0b7800; margin:15px auto 10px auto;}
.ind_tit .color2{ color: #e6e6e6 }
.ind_tit2 { font-size: 16px; color: #7d7d7d; font-weight: normal; margin-top:20px; text-align: center; }
.ind_tit2 span{ color: #111 }

.ind_cptit{ color: #111; text-align: left; position: relative;  font-weight: normal;font-size: 16px; color: #7d7d7d; }
.ind_cptit b{position: relative;z-index: 66;font-size:40px; color: #111; padding-right: 20px}
.ind_cptit span{ display: block; text-align: center; width: 60px; z-index: 55;  height: 4px; background: #0b7800; margin:20px 0 0 0;}

.ind_pro{  background:#fff; padding-top: 50px; }
.ind_cptit .left{ width: 900px }
.ind_cptit .right{ width: 295px; background: url(../Images/zx_b.jpg) no-repeat right center;  height: 140px}
.ind_cptit .right i{ font-size: 14px;color:#ff5824; font-style: normal;padding:28px 0 0 15px; }
.ind_cptit .right a{ font-size: 20px;  color: #fff; display: block;padding:50px 0 0 80px; font-weight: bold; }


.cpfl_list{margin: 20px auto; z-index:88;  }
.cpfl_list li{ display:inline-block; text-align: center; font-size: 18px; color: #000; width:18%; border:1px #cecece solid;  background:#f6f6f6; line-height: 55px; margin:15px 2% 15px 0; border-radius: 5px}
.cpfl_list li:nth-child(6n){ margin-right: 0 }

.cpfl_list li a{ color: #333; display: block; }
.cpfl_list li:hover{ font-weight: bold;}
.ind_cplist{ margin:0 auto 60px auto;}
.itemi{ width:32%;  margin:0 2% 20px 0 ;  display: inline-block; border-radius:5px; height: 420px;vertical-align: top;}
.itemi:nth-child(3n){ margin-right: 0 }
.itemi .img{ overflow: hidden;z-index: 66;  border-radius:5px;border:6px #fff solid; box-shadow: 0 0 10px #ccc}
.itemi .img img{border-radius:5px; display: block;transition: all 0.6s;}
.itemi:hover .img img{transform: scale(1.06, 1.06);}

.itemi .cpsm{ padding:15px 5px;white-space: nowrap;
overflow: hidden;text-overflow: ellipsis; text-align: left;font-size: 20px; }
.itemi .cpsm a{ color: #333; display: block; font-size: 20px;  }
.itemi .cpsm a:hover{font-weight: bold; }
.cpsm span{background:#fff url(../Images/ys_icon.jpg) no-repeat left center; font-size: 14px; padding: 10px 10px 10px 60px; margin: 10px 0; display: block;}
.imore{ font-size: 18px; text-align: center;  }
.imore i{ width: 30px; background:#006523; margin:0 auto; height: 3px;transition: all 0.3s; margin-top: 20px; display: block; }
.imore:hover i{transition: all 0.3s;width:120px;}


/*优势*/
.iys{background:url(../Images/ys_bg.jpg) no-repeat top center; padding:50px 0 40px 0}
.ys_tit{font-size: 60px; color: #fff; text-align: center; width: 630px; margin:0 auto; background: url(../Images/ys_tit.png) no-repeat center center; }
.ys_tit b{ color:#ff6000  }
.ys_tit span{font-size: 22px; color: #fff;font-weight: normal; padding:10px 0 0 0}
.yslist { margin-top: 60px }
.yslist li{ padding:15px;  overflow: hidden; width: 407px; height: 550px; display: inline-block;  background: #fff; box-shadow: 0 0 10px #333; margin: 0 35px 0 0; border-radius: 20px; position: relative;}
.yslist li:nth-child(3){ margin-right: 0 }
.yslist li img{ margin:0 auto; position:relative; z-index: 22}
.yslist li b{ font-size: 25px; color: #085700; padding: 6px 0 0 0; text-align: center; }
.yslist li .ystxt{ font-size: 15px; color: #333;  line-height: 26px; margin-top: 15px}
.yslist li .num{font-size: 40px; font-weight: bold; color: #fff; font-family: Arial; background:#ff6000;  line-height: 55px; width: 55px; height: 55px; border-radius: 30px; text-align: center; font-style: normal; margin:-30px auto 0 auto; position:relative; z-index: 33; box-shadow: 0 0 8px #333}


/*adv css*/
.advi{background:#fff url(../Images/adv_bg.jpg) top center repeat;  color: #333; margin:50px auto 30px 0; border-radius:8px; height: 250px; overflow: hidden;box-shadow: 0 0 10px #b9b9b9 }
.advtxt{  font-size:18px; color: #333; text-align: left; padding: 40px 0 0 20px; font-weight: bold;}
.advtxt b{ display: block;  font-size: 42px; padding-bottom: 10px;background: linear-gradient(to right, #fb7600, #ff3600);
    -webkit-background-clip: text;
    color: transparent;}
.advtxt span{ font-size: 25px;  display: block; text-transform: uppercase; padding-top: 30px; text-transform: uppercase; color: #adadad; font-weight: normal;font-family: Arial;  }

.advfrom{ width: ; font-size: 25px; color: #555;  padding: 45px 0 0 30px}
.zxzx{ background:linear-gradient(to right, #dc2c1d, #fc9d21); display: block; font-size: 22px; text-align: center; line-height: 55px; width: 160px;  border-radius: 30px; color: #fff;text-align: center; margin:0 0 0 60px;}
.zxzx:hover{background:linear-gradient(to left, #dc2c1d, #fc9d21);color: #fff;}
.advtel{  background:url(../Images/advtel.png) no-repeat left top;text-align: left; padding-left: 65px; font-size: 16px; margin:10px 0 20px 0px;}
.advtel b{ color: #ff3600; font-size: 30px; }
.advtel b span{font-size:16px;color:#d45000}
.advwx { text-align: center; padding: 30px; font-size: 15px }
.advwx img{ width: 130px; height:130px; border:3px #fff solid; box-shadow: 0 0 6px #b9b9b9; margin-bottom: 10px; display: block; }

/*案例 css*/
.icase{padding:0 0 40px 0; background:#fff; height: auto; position: relative;  }
.icase .container{margin:40px auto 0 auto; clear: both; overflow-x: hidden;}
.case-item{  display: inline-block; margin:0 0.3%; position: relative; border-radius:10px; }
.case-item .img{  width: 65%; border-radius:10px 0 0 10px; overflow: hidden;  float: left;box-shadow: 0 0 10px #aaa; height:330px;border:1px #ddd solid}
.case-item .img img{ width: 100%; display: block;transition: all 0.6s;border-radius:10px 0 0 10px;height:330px   }
.case-item:hover .img img{transform: scale(1.06, 1.06);}
.case-item .cpsm{ float:left; background: #0a6e00; border-radius: 0 10px 10px 0; width: 35%; height: 280px; margin: 20px 0 0 0}
.case-item .cpsm a .tit{  color: #fff; font-size: 20px; display: block; padding:25px 0 10px 0; text-align: center;white-space: nowrap;
overflow: hidden;text-overflow: ellipsis;   }
.case-item p{  color: rgba(255,255,255,.6); font-size: 14px; clear: both; line-height:1.8; padding: 0 10px; height: 140px; }
.case-item p strong{ color: #111 }
.case-item .btn {width:120px;height:33px;background:linear-gradient(to left, #dc2c1d, #fc9d21);border-radius:15px;font-size:14px;color:#fff; display: block; margin:15px auto;line-height: 33px; text-align: center;}

.slick-dots  { text-align:center; margin-top:40px }
.slick-dots li{ text-align: center; width: 35px; height: 6px; background-color: #258d4f; border-radius: 3px;display: inline-block; margin-right: 8px}
.slick-dots li button{ border:0; background:transparent; color: transparent; }
.slick-dots li.slick-active{ background:#164d91; }

/*about*/
.ind_about{background:url(../Images/about_bg.jpg) no-repeat top center; padding: 155px 0; color: #fff; font-size: 16px;line-height: 35px}
.company{ width: 1000px; margin:0 auto;padding-left: 300px}
.abmore{width:150px;height:38px;background:linear-gradient(to left, #dc2c1d, #fc9d21);border-radius:20px;font-size:16px;color:#fff; display: block; margin:15px auto;line-height: 38px; text-align: center; }

/*news css*/
.ind_news{ padding:50px 0; background:url(../Images/homebg.jpg) no-repeat right bottom; background-size: 40%; height: auto; overflow: hidden;  }
.newsbox{  margin:50px auto;}
.itemhot{ display: inline-block; background: #fff; border-radius: 8px; box-shadow: 0 0 10px #ccc; width: 400px; height: 400px; margin-right:50px;vertical-align: top;  }
.itemhot:nth-child(3){ margin-right: 0 }
.itemhot img{ width: 400px; height: 250px }
.itemhot .n-tit{ background:url(../Images/ca_icon.jpg) no-repeat left center; color: #111; font-size: 22px; padding-left: 40px; margin:15px;}
.itemhot p{ margin:0 15px; font-size: 15px; color: #666;line-height: 1.6; height: 90px}
.newslist { margin-top: 40px }
.itemn{  height: 55px; line-height: 55px; background: url(../Images/news_icon.png) no-repeat left center; padding-left: 25px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;  font-size: 17px;color:#555;  display: inline-block; width:48%; margin-right: 4%}
.itemn:nth-child(2n){ margin-right: 0 }
.itemn span{ float: right; }
.newslist .mr0{ margin-right: 0}
.itemn:hover a{color:#00379e;padding-left:15px}
.itemn a span{ float: right; color:#888; font-size: 16px; font-family: Arial }


/*内页*/
.ny_box{ margin:30px auto; }
.ny_box .cpfl_list{ text-align: center; }
.ind_titn{ text-align: center; color: #222; font-size: 32px; position: relative;width: 20%; margin: 0 auto }
.ind_titn span{ display: block; font-weight: normal; font-size: 18px; color: #666;padding-top:10px;  }
.ind_titn:before{content:"————————";width:17px;height:18px;display:block;position:absolute;left:-40px;top:10px; font-size: 12px; color: #ddd}
.ind_titn:after{content:"————————";width:17px;height:18px;display:block;position:absolute;right:30px;top:10px; font-size: 12px; color: #ddd}

.dqwz{ height: 60px; line-height: 60px; background: #f5f5f5; font-size: 14px; margin-bottom: 50px}
.dqwz .wrap{background:url(../Images/in_02_title.png) left center no-repeat; padding-left:40px }
.article { line-height:2.2; padding:30px 0 20px 0;  font-size:16px; position: relative; z-index: 888}

.up-down{margin:40px auto;text-align: center; font-size: 16px;}
.up-down>a{border: 1px solid #c1c1c1;padding:10px; font-size: 16px;}
.up-down>span>a{border: 1px solid #c1c1c1;padding:10px  15px; color:#333; font-size: 16px;}
.up-down>span.current{color:#fff;background-color:#333;border: none;margin:10px; padding:10px 15px;}
.up-down #page_num{ font-size: 16px; padding:10px; }
.nyw{  clear: both; width: 100%;  }
.cpn_t{ text-align: center; font-size: 28px ; }
.z-day{font-size: 14px;color:#666; margin-top: 20px; text-align: center;}
.z-day span{padding-right: 2%;}
._date{ height:30px; line-height:30px; margin-bottom:7px; font-size:13px; color:#676767;  background:url(../Images/clock.png) no-repeat left center;padding:3px 0 3px 25px;}
._back{background:url(../Images/icon_newfh.jpg) no-repeat left center; padding-left: 25px;}
._author{background:url(../Images/author.png) no-repeat left center; background-size:25px; padding-left:30px;}

.zxnav{ display: none; }
.zxnav{text-align: center; width: 100%; margin:10px auto; border-radius: 10px}
.zxnav>a{float: left;width:50%;padding: 10px 0;font-size: 15px;color:#fff;background: #15ce71;border-radius:10px 0 0 10px}
.zxnav>a>i{display: inline-block;width:30px;height: 30px;background: url("../Images/tel.png") no-repeat;background-size: cover;vertical-align: middle;margin-right: 10px;}
.zxnav>a.right{background: #0052b0;border-radius:0 10px 10px 0}
.zxnav>a.right>i{width: 30px;height: 30px;background: url("../Images/online.png") no-repeat;background-size: cover;}

.daodu{background:url(../Images/newkf.png) no-repeat 20px center #FEEDE9;background-size: 80px;padding:30px 0px 30px 120px; margin-bottom:50px;margin-top:30px;color:#FA3B1F;    border: 1px dashed #f90;overflow:hidden;box-sizing: border-box;}
.daodu p.tip{text-indent:0; font-size:16px;}
.daodu .tel{ width:80%; float:left; color:#ed2225; font-size:24px; font-weight:bold; }
.daodu .tel span{ font-size:15px; color:#333; font-weight:normal; vertical-align:center;}
.daodu .tel p{ line-height: 0;  padding-left: 80px}
.daodu .tel p span{padding-right: 135px}
.daodu .tool{ float:right; width:130px;*margin-right:60px;}
.daodu .tool a{ font-size:15px; color:#fff;display:block; float:left; text-align:center;}
.daodu .tool a img{ width:35px;vertical-align: middle;margin-right: 5px;animation: myfirst 0.5s infinite;display: inline-block;margin-left: 10px;}
.daodu .tool a.baojia{padding:8px 20px;background: #f20d01;font-size: 20px;background: -webkit-gradient(linear, 0% 2%, 60% 10%,from(#f20d01), to(#ff461f));-webkit-box-shadow: #ff461f 0px 2px 5px;-moz-box-shadow: #ff461f 0px 0px 5px; margin-top: -20px; }
.nyleft{ width: 72% }
.next-box{clear: both; overflow: hidden; padding: 0 15px; margin:30px 0 30px 0; border-radius: 15px; box-shadow: 0 0 15px rgba(30,37,79,0.4); -webkit-box-shadow: 0 0 15px rgba(30,37,79,0.4); -moz-box-shadow: 0 0 15px rgba(30,37,79,0.4); background-color: #FFF; }
.next-box p{ display: flex; font-size: 20px; border-bottom: 1px dashed #D0D0D0; padding:20px 0; line-height: 1.6; align-items: flex-start;}
.next-box p:last-child{ border-bottom: none; }
.next-box>p>a{ color: #333 }
/*side*/
.sidebar{ width: 25% }
.new-guide{background: #f0f0f0;margin-top: 30px;font-size: 16px;height: 45px;line-height: 45px;}
.side-cpfl{background:linear-gradient(to right, #258c4f, #1f5885); width: 100%;padding: 15px; border-radius: 20px   }
.side-cpfl li{ width: 88%; background: #fff;  padding: 10px 20px;  margin:10px 6%;border-radius: 10px}
.side-cpfl li:hover{ background: #f3f3f3 }
.xgxw{ background: #f5f5f5; padding:30px 0; height: auto; overflow: hidden;  }
.xglist{padding:15px 0;}
.xglist .itemn {width: 590px}
.xglist p:nth-child(2n){ margin-right: 0 }
.xgtit{background: url(../Images/newtit_bg.png) no-repeat left top; text-indent:10px;font-size: 30px;color:#333;line-height: 58px;font-weight: 600;margin:20px auto 5px; border-bottom: 5px #ddd solid}
.xgcptj{background:#f3f3f3;padding:5px 10px 10px 10px; margin-top:20px;border-radius: 20px}
.siditem{ width: 100% !important; clear: both; margin:20px 0 10px 0; background: url(../Images/cp_bg.jpg) repeat; text-align: center; font-size: 18px;}
.siditem .img{ width: 98%; margin:5px 1%;border-radius: 20px; margin-bottom: 5px;overflow: hidden;   }
.siditem .img img{ width:100%; border-radius: 20px;transition: all 0.6s; }
.siditem:hover .img img{transform: scale(1.06, 1.06);}
.siditem .cpsm{ display:block; padding-top: 10px }
.cppic{ margin:20px 15%; width: 70%; border-radius: 20px; border:10px #fff solid; box-shadow: 0 0 15px #ccc }
.newspic{margin:0 auto 0 auto; border-radius: 20px; border:10px #fff solid; box-shadow: 0 0 15px #ccc; display: block; }
.cptit{ text-align: center; }
.cont-map h2{text-align:center;color:#2D203B;font-size:34px;line-height:1.1;margin-bottom: 40px;}
.cont-map h2:before{content:'';display:inline-block;width:70px;height:2px;vertical-align: middle; margin-right:20px;background:url(../Images/tit-fl03.png) no-repeat;}
.cont-map h2:after{content:'';display:inline-block;width:70px;height:2px;vertical-align: middle;margin-left:20px;background:url(../Images/tit-fr03.png) no-repeat;}
#allmap{ width: 100%; height: 600px;  }

/*相关*/
.bgh{ background: #f2f2f2; width: 100%; margin: 0 auto; border-radius: 15px; padding: 40px 0 0 0; border-bottom: 5px #dedede solid }
.nyxg-tit{ padding: 0 20px; margin-bottom:5px;}
.nyxg-tit h2{ display: inline-block; font-size: 28px;}
.nyxg-tit h2 img{ float: left; width: 34px !important; margin-right: 20px; margin-top: 4px;}
.tit-more{ position: relative; float: right; color: #666; font-size: 24px; line-height: 1.4; padding-left:55px; }
.tit-more:before{ content:''; position:absolute; left:0; top:10px; width:10px; height:10px; border-radius:50%; background:#EFBD45;}
.tit-more:after{ content:''; position:absolute; left:20px; top:10px; width:10px; height:10px; border-radius:50%; background:#5C6DCB;}
.anli .w1300{ overflow: hidden; }
.anli-item{ display:inline-block; width: 45.8%; margin:25px 15px 25px 15px; box-shadow: 0 0 10px #ccc; border-radius: 10px; background: #fff; text-align:center;}
.anli-item img{  width:100%;height:270px; display: block; border-radius: 10px 10px 0 0;  }
.anli-item a{ color: #333;  display: block;  }
.anli-item .cpsm{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:22px; display: block;padding:15px;}

/*联系*/
.msg-base{ position: relative; float: left; width: 50%;}
.msg-base dl{ margin-top: 30px;}
.msg-base dt{ font-size: 24px; line-height: 1; margin-bottom: 55px;}
.msg-base dd{ color: #444; height: 24px; line-height: 24px; margin-bottom: 30px;}
.msg-base dd i{font-weight: bold;font-size: 24px;}
.msg-base dd img{ float: left; margin-right: 16px;}
.msg-base p{ font-size: 18px; line-height: 30px; margin-top: 50px; }
.msg-base span{ display: inline-block; color: #FFF; font-size: 18px; width: 50%; height: 50px; line-height: 50px; text-align: center; margin-top: 40px; border-radius: 6px; cursor: pointer; background-color: #7896DE;}
.msg-base span:hover{ background-color: #5E80D2;}

.wx{ float: left; width: 15%; text-align: center; margin-right: 40px}
.wx img{border: 5px #fff solid; box-shadow: 0 0 10px #ccc; margin:80px 0 10px 0}