@charset "utf-8";
.wrap{  max-width: 1300px; margin: 0 auto }
/*banner*/
#flash { width: 100%;overflow-x: hidden;   }

.focus{ position: relative; }
.focus .hd{ position: absolute; bottom: 10px; left: 45%;z-index: 99 }
.focus .bd{ position: relative; z-index: 88 }
.focus .bd li img{ width: 100% }
.hd li{  height: 8px; border-radius: 4px; color: transparent; background:#fff; width:20px; display: inline-block; margin-right: 10px }
.hd li.on{ background:#ff7e00; width: 25px }
/*产品 css*/

.indcpfl{ height: 160px; background:url(../Images/fl_bg.jpg) repeat top center; color: #fff; font-size: 24px; font-weight: bold; overflow: hidden;}
.indcpfl ul{ padding: 50px 0; line-height: 60px}
.indcpfl li{ display: inline-block; width: 14%; text-align: center; border-right: 1px #62677c solid }
.indcpfl li:nth-child(7){ border-right: 0 }
.indcpfl li:hover{  background:linear-gradient(to right, #dc2c1d, #fc9d21);-webkit-background-clip: text;color: transparent;
-webkit-text-fill-color: transparent;text-fill-color: transparent;}

.ind_tit{font-size:48px; color: #262834; text-align: left; position: relative; font-weight: bold;  }
.ind_tit b{ display: block;position: relative;z-index: 66}
.ind_tit span{ display: block; font-size: 80px;  color:#e7e7e7;  position: absolute; width: 100%; top:-20px;z-index: 55; font-family: Impact;}
.ind_tit .color2{ color: #e0e0e0 }
.ind_tit2 { font-size: 16px; color: #666; font-weight: normal; margin:15px 0 50px 0;}
.ind_tit2 span{ color: #111 }
.ind_tit .more{ display: block; width: 120px; text-align: center; height: 40px; line-height: 40px; float: right; background: #202020; color: #fff; border-radius: 5px; font-size: 16px; font-weight: normal; }
.ind_tit .more:hover{ background:linear-gradient(to right, #dc2c1d, #fc9d21);}

.ind_pro{  padding: 60px 0; background:url(../Images/bg.jpg) repeat top center;}
.cpfl_list{ text-align: center;  margin: 40px auto 30px auto; z-index:88;  }
.cpfl_list li{ display:inline-block; text-align: center; font-size: 18px; color: #000; width:15%; border:1px #cecece solid;  background:#f6f6f6; line-height: 55px; margin:15px 1% 15px 0; border-radius: 5px}

.cpfl_list li a{ color: #333; display: block; }
.cpfl_list li:hover{ font-weight: bold;}
.ind_cplist{ margin:0 auto}
.itemi{ width:30.55%;  margin:0 4% 70px 0 ;  display: inline-block; border-radius:10px; position: relative;}
.itemi:nth-child(3n){ margin-right: 0 }
.itemi .img{ overflow: hidden;z-index: 66;  border-radius:10px; border:2px #dedede solid;}
.itemi .img img{border-radius:10px; display: block;transition: all 0.6s; width: 100%}
.itemi:hover .img img{transform: scale(1.06, 1.06);}

.itemi .cpsm{ padding:0 10px;white-space: nowrap;
overflow: hidden;text-overflow: ellipsis; font-size: 20px;  width: 80%; height: 60px; line-height: 60px; text-align: left; background: #fff; border-radius:5px; position: absolute; left: 10%; bottom:-20px; border-bottom: 3px #e0dcdc solid; box-shadow: 0 2px 6px #a0a0a0;font-weight: bold;}
.itemi .cpsm .cpmore{ color: #333; display: block; font-size:18px;  }
.itemi .cpsm .cpmore:hover{color: #c40d00 }
.itemi .cpsm .xunjia{width:70px;height:70px;background:#f4ebdd;border-radius:50%;display:block;position:absolute;right:-10px;bottom:-20px;font-size:20px;z-index:33; color: #ff0909; text-align: center;}
.itemi .cpsm:hover{ background: #f5f5f5 }
.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:#0e1834 url(../Images/ys_bg.jpg) no-repeat center center; padding: 65px 0 80px 0; height: 760px}
.ys_tit{ font-size: 20px;  text-align: center; color: #fff}
.ys_tit b{ font-size: 50px; display: block; margin:0 auto 10px auto; width: 780px; }
.ys_tit b:before{ width: 28px; height: 28px;background:url(../Images/tit_icon.png) no-repeat left center; content:""; position: absolute;margin: 20px 0 0 -50px;}
.ys_tit b:after{ width: 28px; height: 28px;background:url(../Images/tit_icon2.png) no-repeat left center; content:""; position: absolute;margin: 20px 0 0 30px;}
.yslist { padding-top: 80px }
.yslist .tab{ position: relative; }
.tab-hd{ position: absolute; right: 0; z-index:55;background:url(../Images/ysbg_01.png) no-repeat bottom center; width: 100%; height: 130px; padding-left: 605px}
.tab-hd li{ width: 225px; height: 70px; line-height: 70px; text-align: center; color: #fff; font-size: 28px;  margin:0 20px;  float: left;}
.tab-hd li{ width: 225px; height: 70px; line-height: 70px;  margin:0 20px;  float: left;}
.tab-hd .active{ color: #000 }
.tab-hd li:nth-child(1){ padding-top: 10px}
.tab-hd li:nth-child(2){padding-top: 20px}
.tab-hd li:nth-child(3){padding-top: 30px}
.tab-bd{ background:url(../Images/ysbg_02.png) no-repeat top center;z-index: 66; position: absolute;top:130px;padding:0 20px 0 50px; width: 100%}
.tab-bd li.thisclass{ display:list-item;}
.tab-bd li{display:none; position: relative;}
.ysteam{ width:780px; float: left;}
.yspic{ width: 470px; height: 280px;  margin:0 30px 0 0; }
.ysteam b{ font-size: 100px;background:linear-gradient(to bottom, #ffa800, #df351d);-webkit-background-clip:text;color: transparent; font-family: Impact ; float: left; margin:0px 20px 0 0}
.ysteam .tit{padding-top:10px ; float: left;}
.ysteam strong{ font-size: 52px; color: #ce381d; }
.ysteam .ysen{ font-size: 22px; color:#0c142c;display: block; font-weight: normal;}
.ystxt{ font-size: 18px; line-height: 35px; color:#555; padding-top: 15px; padding-right: 15px; clear: both;}
.ystxt span{ color: #000 }

/*案例 css*/
.icase{padding:60px 0 40px 0; background:#fff; height: auto; position: relative;  }
.icase .container{margin:50px auto 0 auto; clear: both; overflow-x: hidden;}
.case-item{  display: inline-block; margin:0 0.3%; position: relative;  box-shadow: 0 0 10px #ccc; background: url(../Images/cs-bg.png) no-repeat right top;overflow: hidden; height: 460px;padding-right:15px}
.case-item .img{  width: 100%;  overflow: hidden; }
.case-item .img img{ width: 100%; display: block;transition: all 0.6s; height: 280px }
.case-item:hover .img img{transform: scale(1.06, 1.06);}
.case-item .cpsm{ padding:15px 20px 50px 20px;    background: #f4f7ff;  height: 185px; }
.case-item .cpsm a .tit{  color: #000; font-size: 24px; display: block; padding:10px 0 10px 35px; font-weight: normal;background: url(../Images/ca_icon.jpg) no-repeat left center; background-size: 30px 30px}
.case-item p{ font-size: 15px;color: #666; clear: both; line-height:1.6 }
.case-item p strong{ color: #111 }
.case-item .btn {width:145px;height:145px;background:#258d4f;border-radius:50%;display:block;position:absolute;right:-40px;bottom:-80px;font-size:16px;color:#fff;padding:30px 32px;z-index:33; }
.case-item .btn:before {content:"";width:145px;height:145px;background:#164d91;border-radius:50%;display:block;position:absolute;right:20px;bottom:-5px;z-index:-1;opacity:1;transition:all .8s;}
.case-item:hover .btn:before {right:400%;opacity:0;}
.slick-dots  { text-align:center; margin-top:25px }
.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; }


/*adv css*/
.advi{background:#1867d1 url(../Images/adv_bg.jpg) top center repeat;  color: #fff; width: 94%; margin:50px auto; border-radius: 10px; height: auto; overflow: hidden; padding-bottom: 40px }
.advtxt{ width:53%; font-size: 30px;  text-align: left; padding: 50px  0; font-weight: bold;background:linear-gradient(to right, #de7b1b, #ce381d);-webkit-background-clip: text;color: transparent;
-webkit-text-fill-color: transparent;text-fill-color: transparent;}
.advtxt b{ display: block;  font-size: 60px; padding-bottom: 10px}


.advfrom{ width: 45%; font-size: 25px; color: #fff; text-align: center; padding-top: 50px}
.ifrom{margin:35px 20px 0 0px;}
.zxzx{ float: left; background:linear-gradient(to right, #dc2c1d, #fc9d21); display: block; font-size: 22px; text-align: center; line-height: 55px; width: 180px;  border-radius: 30px}
.zxzx:hover{background:linear-gradient(to left, #dc2c1d, #fc9d21);}
.advtel{ background:url(../Images/tel_icon.png) no-repeat left top; background-size: 60px 60px; text-align: left; padding-left: 65px; font-size: 16px; margin:0px 0px 0 20px;}
.advtel b{ color: #ff7e00; font-size: 30px; }

/*about*/
.ind_about{}
.about_box{background: url(../Images/about_bg.jpg) no-repeat top center; padding-top: 40px}
.about_box .company{ width: 630px; float: left;  }
.about_box .company .txt{font-size: 16px;color: #fff; line-height: 38px; padding: 0 0 50px 0}
.about_icon li{ display: inline-block; width: 173px; height: 120px; font-size: 18px; color: rgba(255,255,255,0.8); font-weight: bold; margin:0 30px 60px 0; box-shadow: 0 0 6px #555;background:linear-gradient(to right bottom, #de7b1b, #ce381d); border-radius: 15px; text-align: center; }
.about_icon li b{ font-size: 65px; font-family: Impact }
.about_icon li span{ display: block; font-size: 15px; font-weight: normal; }
.about_box .video{ width: 735px; margin-top: 70px;position: relative;  border-radius: 8px; float: right; box-shadow: 0 0 5px #333}
.about_box #video{width: 735px;height: 485px; background: #000;z-index: 8;border-radius: 8px}
.about_box #video_img{position:absolute;top:0px;left:0px;z-index: 9; cursor: pointer;width: 735px;height: 485px;border-radius: 8px}




/*news css*/
.ind_news{ padding:70px 0; background:url(../Images/bg.jpg) repeat; height: auto; overflow: hidden;  }
.newsbox{  margin:50px auto;}
.newsl{ width: 35%; background: #0f1835; color: #fff; border-radius: 5px; box-shadow: 0 0 8px #666; height: 500px}
.newsl .news-tit{ font-size: 22px; display: block; padding: 0 30px 15px 30px }
.newsl .newstxt{  font-size: 15px; line-height: 25px; padding: 0 30px 30px 30px; color: rgba(255,255,255,0.7);  display: block;}
.newsl img{  width: 100%; margin-bottom: 40px; height: 320px }

.newsr{ width: 60%; background:rgba(255,255,255,0.5);box-shadow: 0 0 4px #ddd; height: 500px; border-radius: 5px; padding:30px; }
.itemni{ clear: both; border-bottom: 1px #d4d4d4 solid; margin-bottom: 35px; height: 125px }
.itemni .newstxt{ color: #777; font-size: 15px; line-height: 25px; }
.itemni .newstit{ font-size: 22px; display: block; color: #222; margin-bottom: 8px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;  }
.itemni .idate{background: #e6e6e6; width: 100px; height: 100px; padding: 10px 0; color: #565656; font-size: 20px;  text-align: center; font-family: Arial; margin-left: 40px;}
.itemni .idate b{ color: #333; font-size: 40px; display: block; padding-bottom: 3px; border-bottom: 1px #fff solid; margin-bottom:5px; }


/*内页*/
.ny_box{ margin:30px auto; }
.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:-60px;top:10px; font-size: 12px; color: #ddd}
.ind_titn:after{content:"——————";width:17px;height:18px;display:block;position:absolute;right:10px;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;}
.newslist { width: 48%;}
.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;}
.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 }



.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 130px; 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:52%; float:left; color:#ed2225; font-size:28px; font-weight:bold; margin-top:8px;}
.daodu .tel span{ font-size:15px; color:#333; font-weight:normal; vertical-align:center;}
.daodu .tool{ float:right; width:22%;*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: 10px; 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{width: 100%;padding:10px 0 25px 0; background:#f5f5f5;border-radius: 10px   }
.side-cpfl li{ width: 88%; background: #fff;  padding: 10px 20px;  margin:10px 6%;border-radius: 10px; font-size: 18px}
.side-cpfl li:hover{ background: #283d82; color: #fff; font-weight: bold; }
.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:#0f1835;line-height: 58px;font-weight: 600;margin:20px auto 5px; border-bottom: 5px #ddd solid}
.cltit{background: #283d82;font-size:24px;color: #fff;text-align:center;font-weight:700;line-height:56px;position:relative;left:-15px; margin-top: 30px}
.cltit:before{content:"";width:0;border-top:0 solid transparent;border-bottom:8px solid transparent;border-right: 8px solid #000;position:absolute;left:0;bottom:-8px;}

.wtit{ height: 55px; line-height: 55px; color: #0f1835; font-size: 20px; border-radius: 5px; background:#fff; box-shadow: 0 0 5px #eee; font-weight: bold; margin-top: 30px }
.wtit li{ display: inline-block; width:308px; text-align: center; border-right: 1px #ddd solid  }

.xgcptj{background:#f6f6f6;padding:5px 10px 10px 10px; margin-top:20px;border-radius: 10px}
.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: 10px; margin-bottom: 5px;overflow: hidden;   }
.siditem .img img{ width:100%; border-radius: 10px;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: 10px; border:10px #fff solid; box-shadow: 0 0 15px #ccc }
.newspic{margin:0 auto 0 auto; border-radius: 10px; 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: 10px; 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: 200px; */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: 40%;}
.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; width: 140px; height: 140px}