@charset "UTF-8";a,a:active,a:hover,a:link,a:visited{text-decoration:none}
.fix-show a,.footer,.header .head-btn,.index-about ul li,.index-name h1,.index-name p,.index-show .banner-point,.pro-list li a.txt,.slick-dots,.toTop{text-align:center}
.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}
.slick-dots,li,ol,ul{list-style:none}
*,:after,:before{margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
body,dd,div,dl,dt,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,h6,html,li,ol,p,pre,table,td img,th,ul{margin:0;padding:0}
.wrap,body{margin:0 auto}
body{font-family:"Microsoft YaHei","微软雅黑";color:#333;font-size:16px;line-height:1.7;background-color:#fff}
em,i{font-style:normal}
a{color:#333;outline:0;cursor:pointer}
fieldset,img,video{max-width:100%;border:none}
button,input,select,textarea{color:#333;font-size:16px;font-family:"Microsoft Yahei",sans-serif;outline:0;border:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
button,input{border-radius:0;-webkit-appearance:none}
textarea{resize:none;outline:0;border:none;-webkit-appearance:none}
input:-ms-clear{display:none}
input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;outline:0}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#999}
:-moz-placeholder{color:#999}
table{border-collapse:separate}
.clearfix:after{content:".";display:block;height:0;line-height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
.transition{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s}
.header,.header .head-pl{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.wrap{width:94%;max-width:1400px}
.header{width:100%;line-height:90px;background:#fff;transition:all .3s ease;z-index:10}
.header .head-pl{margin-left:130px;transition:all .3s ease}
.header .head-pl .header-wrap,.index-show .banner-btn a{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.header .head-pl .header-wrap{width:100%;transition:all .3s ease}
.header .logo{float:left;width:200px}
.header .logo img{width:100%;height:auto;vertical-align:middle}
.header .head-btn{float:right;width:148px;font-size:18px;background-color:#ff782f}
.header .head-btn a{color:#fff;display:block}
.header .head-btn:hover{background-color:#ff620d}
.header .head-tel{float:right;margin:0 40px 0 100px;color:#555;font-size:24px;font-weight:700}
.fix-show img,.header .head-tel img{margin-right:10px;vertical-align:middle}
.header ul{float:right}
.header ul li{display:inline-block;vertical-align:middle;margin-top:-4px;margin-left:60px}
.fix-show,.header .navBtn,.toTop{display:none}
.footer a,.footer span,.news-lists li span{margin-left:20px}
.header ul li a{color:#333;font-size:18px}
.header ul li.on a{color:#ff782f;font-weight:700}
.header ul li:hover a{color:#ff620d}
.footer a,.footer span,.index-name span{display:inline-block}
.top-place{margin-top:70px}
.side-place{padding:80px 0}
.index-name{line-height:1.2;position:relative;margin-bottom:40px}
.index-name h1{font-size:40px}
.index-name h1:first-letter{color:#ff782f}
.index-name p{font-size:16px;margin-top:16px;line-height:1.6}
.index-name h2{color:#333;font-size:36px}
.index-name h2:first-letter{color:#ff782f}
.index-name h2 a{color:#333}
.index-name h2 a:hover{color:#ff620d}
.index-name span{color:#666;font-size:18px;margin-top:12px}
.index-name a{position:absolute;right:0;bottom:10px}
.fix-show,.toTop{position:fixed;z-index:9999}
.index-name a:hover{color:#ff620d}
.footer{color:#fff;padding:6px 0;line-height:30px;font-size:14px;background-color:#262626}
.footer p{padding:15px 0}
.footer a{color:#fff}
.footer a:hover{color:#ff620d}
.footer .foot-line{border-top:1px solid #383737}
.toTop{right:16px;bottom:60px;cursor:pointer;width:50px;height:50px;line-height:46px;background-color:#ff782f}
.toTop:hover{background-color:#ff620d}
.toTop img{width:12px;height:auto;vertical-align:middle}
.fix-show{bottom:0;max-width:750px;width:100%;background:url(../images/fix-bg.png) bottom center no-repeat;-webkit-background-size:100% auto;-moz-background-size:100% auto;-ms-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto;line-height:66px;font-size:0}
.fix-show img{width:36px}
.fix-show a{display:inline-block;width:50%;font-size:18px;margin-top:.1rem}
.fix-show a.fix-zx{color:#4c4c4c}
.fix-show a.fix-tel{color:#fff}
.place-show{position:relative}
.place-show img{width:100%;min-height:180px;-webkit-object-fit:cover;object-fit:cover;vertical-align:middle}
.place-show .place-tit{position:absolute;top:60%;color:#fff;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.place-show .place-tit strong{display:block;font-size:30px;line-height:1.1;margin-bottom:16px}
.place-show .place-tit ol:before{content:"";display:inline-block;vertical-align:middle;width:12px;height:12px;background:url(../images/icon-place.png) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin-top:-2px;margin-right:3px}
.place-show .place-tit li{display:inline-block;color:#fff;line-height:1.2}
.slick-list,.slick-slider,.slick-track{position:relative;display:block}
.place-show .place-tit li a{color:#fff}
.place-show .place-tit li a:hover{color:#ff620d}
.slick-dots li button,.slick-next,.slick-prev{background:0 0;line-height:0;font-size:0;color:transparent;outline:0}
.slick-slider{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;-webkit-tap-highlight-color:transparent}
.slick-list{overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slide,.slick-slide img,.slick-slider .slick-list,.slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{left:0;top:0;zoom:1}
.slick-track:after,.slick-track:before{content:"";display:table}
.slick-track:after{clear:both}
.slick-slide{float:left;height:100%;min-height:1px;display:none}
.slick-slide img{display:block}
.pro-no,.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-vertical .slick-slide{display:block;height:auto}
.slick-next,.slick-prev{position:absolute;display:block;cursor:pointer;top:50%;margin-top:-10px;padding:0;border:none}
.slick-next:focus,.slick-prev:focus{outline:0}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{-moz-opacity:.25;-khtml-opacity:.25;opacity:.25}
.slick-dots{position:absolute;bottom:-25px;display:block;padding:0;width:100%}
.slick-dots li{position:relative;display:inline-block;padding:0;cursor:pointer;margin:0}
.slick-dots li button{border:0;display:block;padding:5px;cursor:pointer}
.slick-dots li button:focus{outline:0}
.slick-dots li button:before{position:absolute;top:0;left:0;content:"•";width:20px;height:20px;font-family:slick;font-size:6px;line-height:20px;text-align:center;-moz-opacity:.25;-khtml-opacity:.25;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{-moz-opacity:.75;-khtml-opacity:.75;opacity:.75}
.slick-dots li button{background-color:rgba(255,255,255,.3);border-radius:50%;width:10px;height:10px;margin:5px}
.slick-slider .slick-active button{background-color:#000;width:24px;border-radius:20px;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .8s ease-in-out}
.index-show{padding-right:148px;padding-bottom:70px;position:relative}
.index-show .banner-point{cursor:pointer;color:#333;width:28px;line-height:1.4;position:absolute;right:60px;top:50%;margin-top:-30px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.index-show .banner-point:after{content:"";position:absolute;bottom:0;height:50px;width:1px;background:#333;left:50%;animation:line_Height 1.8s linear infinite;-webkit-animation:line_Height 1.8s linear infinite}
.index-show .banner-btn{position:absolute;right:148px;bottom:0;height:100px;line-height:100px;width:320px;background-color:#ff782f}
.index-show .banner-btn a{display:block;color:#fff;font-size:22px;letter-spacing:1px;padding-right:80px;padding-left:40px;transition:all .3s ease}
.news-list li,.pro-list li a.pic img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.index-show .banner-btn a:before{content:"";position:absolute;right:0;top:0;bottom:0;width:100px;background-color:#ff8b4d}
.index-show .banner-btn a:after{content:"";position:absolute;right:0;top:0;bottom:0;width:100px;background:url(../images/arrow-btn.png) center no-repeat}
.index-show .banner-btn a:hover{background-color:#ff620d}
.index-show .banner{position:relative;width:100%}
.index-show .banner .ban-con img{position:relative;width:100%;z-index:1}
.index-show .banner img{position:absolute;left:0;top:0;width:100%;height:auto;min-height:240px;-webkit-object-fit:cover;object-fit:cover;vertical-align:middle}
.index-show .banner.slick-slider img{position:relative}
.index-show .banner.slick-slider .slick-active button{background-color:#ff782f}
.index-show .banner .slick-dots{bottom:20px}
.index-show .banner .slick-dots li button{width:40px;height:5px;padding:0;border-radius:0;background-color:#fff}
@keyframes line_Height{0%{height:0;bottom:0}
100%{height:50px;bottom:-60px}
}
@-webkit-keyframes line_Height{0%{height:0;bottom:0}
100%{height:50px;bottom:-60px}
}
.index-pro .index-name{padding-top:20px}
.pro-list{margin-left:-3.3%}
.pro-list li{float:left;width:30%;margin-left:3.3%;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;background:#fff;margin-top:40px;overflow:hidden;-webkit-box-shadow:2px 2px 10px rgba(0,0,0,.2);box-shadow:2px 2px 10px rgba(0,0,0,.2)}
.pro-list li:hover a.txt{color:#ff620d}
.pro-list li:hover a.pic img{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02)}
.pro-list li a{display:block}
.pro-list li a.pic{position:relative;padding-top:75%;overflow:hidden}
.pro-list li a.pic img{position:absolute;left:0;top:0;width:100%;height:100%;transition:all .3s ease}
.pro-list li a.txt{font-size:20px;font-weight:700;line-height:30px;padding:15px 6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-list li{float:left;width:33.3%;padding:60px;background-color:#fff;-webkit-box-shadow:2px 2px 15px rgba(0,0,0,.2);box-shadow:2px 2px 15px rgba(0,0,0,.2);transition:all .3s ease}
.index-case ul li,.news-lists li a{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.news-list li:hover{position:relative;z-index:1;-webkit-box-shadow:2px 6px 20px rgba(0,0,0,.3);box-shadow:2px 6px 20px rgba(0,0,0,.3)}
.news-list li.listmore{padding:30px 60px;width:66.6%;min-height:312px;background:url(../images/listpic.jpg) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.news-list li.listmore span{color:#fff;background:0 0;padding-left:0;font-size:16px}
.news-list li.listmore a.txt{color:#fff;margin-top:16px}
.news-list li.listmore a.txt:hover{color:#ff782f}
.news-list li span{display:inline-block;color:#999;font-size:15px;padding-left:20px;background:url(../images/time.png) left center no-repeat}
.news-list li a:hover{color:#ff782f}
.news-list li a.txt{font-size:24px;font-weight:700;line-height:32px;height:64px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:24px 0 50px}
.news-list li a.more{color:#555;font-size:16px}
.news-lists{margin-left:-5%;margin-top:40px}
.news-lists li{float:left;width:45%;margin-left:5%;position:relative;padding-left:20px;line-height:32px;margin-top:20px}
.news-lists li:before{content:"";position:absolute;left:0;top:10px;width:10px;height:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;border:1px solid #ff782f}
.news-lists li:hover a{color:#ff620d;padding-left:6px}
.news-lists li span{float:right;width:90px;color:#999}
.news-lists li a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .3s ease}
.index-about{background:url(../images/bg-map.jpg) top center no-repeat #fafafa}
.index-about ul{margin-top:70px}
.index-about ul li{float:left;width:25%;line-height:1.2}
.index-about ul li span{display:block;font-size:60px;font-family:impact;color:#ff782f}
.index-about ul li span sub{font-size:15px;display:inline-block;vertical-align:initial;padding-left:5px;color:#333}
.index-about ul li p{font-size:18px;margin-top:10px}
.pro-type{position:absolute;right:0;top:0}
.pro-type li{position:relative;color:#666;display:inline-block;cursor:pointer;margin-left:40px;padding-top:66px;padding-bottom:24px;background:url(../images/pro-type01.png) top center no-repeat}
.pro-type li.on,.pro-type li:hover{color:#ff782f;background-image:url(../images/pro-type02.png)}
.pro-type li+li{background-image:url(../images/pro-type03.png)}
.pro-type li+li.on,.pro-type li+li:hover{background-image:url(../images/pro-type04.png)}
.pro-type li+li+li{background-image:url(../images/pro-type05.png)}
.pro-type li+li+li.on,.pro-type li+li+li:hover{background-image:url(../images/pro-type06.png)}
.pro-type li+li+li+li{background-image:url(../images/pro-type07.png)}
.pro-type li+li+li+li.on,.pro-type li+li+li+li:hover{background-image:url(../images/pro-type08.png)}
.pro-type li.on:after{content:"";position:absolute;left:0;right:0;bottom:10px;width:20px;height:10px;margin:0 auto;background:url(../images/pro-type.png) no-repeat;animation:certFlag infinite linear 1.8s;-webkit-animation:certFlag infinite linear 1.8s}
@keyframes certFlag{0%{transform:translateY(0);opacity:0}
100%{transform:translateY(10px);opacity:1}
}
@-webkit-keyframes certFlag{0%{-webkit-transform:translateY(0);opacity:0}
100%{-webkit-transform:translateY(10px);opacity:1}
}
.index-case{background:url(../images/case-bg.jpg) bottom center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.index-case .index-name a{line-height:44px;font-size:18px;padding:0 20px;color:#fff;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;background-color:#ff782f}
.index-case .index-name a:hover{background-color:#ff620d}
.index-case ul{margin-left:-3.3%}
.index-case ul li{float:left;width:30%;margin-left:3.3%;transition:all .3s ease}
.index-case ul li:hover{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px)}
.index-case ul li:hover .info:after{width:100%}
.index-case ul li .pic{margin-right:6%}
.index-case ul li .pic a{position:relative;display:block;padding-top:60%}
.index-case ul li .pic a img{position:absolute;left:0;top:0;width:100%}
.index-case ul li .info{position:relative;margin-left:5%;margin-top:-50px;padding:30px 24px;line-height:1.4;background:url(../images/case-line.png);-webkit-box-shadow:0 10px 20px rgba(0,0,0,.1);box-shadow:0 10px 20px rgba(0,0,0,.1)}
.index-case ul li .info:after{content:"";position:absolute;left:0;bottom:0;width:60px;height:3px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;background-color:#ff782f}
.index-case ul li .info a{display:block;font-size:22px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.index-case ul li .info a:hover{color:#ff620d}
.index-case ul li .info p{color:#555;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:16px}
.index-case ul li .info p:before{content:"";display:inline-block;vertical-align:middle;margin-top:-4px;margin-right:8px;width:10px;height:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;border:1px solid #ff782f}
@media (max-width:1600px){.header .head-pl{margin-left:2%}
.header .head-tel{margin-left:60px}
.top-place{margin-top:60px}
}
@media (max-width:1360px){.header{line-height:80px}
.header .logo{width:160px}
.header .head-tel{margin:0 20px 0 40px}
.header ul li{margin-left:40px}
.top-place{margin-top:50px}
.side-place{padding:60px 0}
.index-show{padding-right:0}
.index-show .banner-point{display:none}
.index-show .banner-btn{right:2%}
.index-name h1{font-size:36px}
.index-name h2{font-size:32px}
.index-name span{font-size:16px}
}
@media (max-width:1200px){.header .head-tel,.index-show .banner-btn{display:none}
.header ul{margin-right:40px}
.header ul li a{font-size:16px}
.top-place{margin-top:36px}
.side-place{padding:48px 0}
.index-show{padding-bottom:0}
.index-name{margin-bottom:30px}
.index-name h1{font-size:32px}
.index-name h2{font-size:28px}
.news-list li{padding:40px}
.news-list li.listmore{min-height:272px}
.news-list li a.txt{font-size:22px}
}
@media (max-width:960px){.header .head-btn{display:none}
.pro-type li{margin-left:20px}
.pro-list li{margin-top:20px}
.pro-list li a.txt{font-size:18px;padding:10px 5px}
.index-about ul{margin-top:40px}
.index-about ul li span{font-size:50px}
.index-about ul li p{font-size:16px;margin-top:0}
.news-list li{padding:24px}
.news-list li.listmore{padding:30px 40px;min-height:240px}
.news-list li a.txt{font-size:20px}
.index-case ul li .info{padding:20px}
.index-case ul li .info a{font-size:18px}
}
@media (max-width:768px){.header{position:relative;line-height:56px}
.header .logo{width:140px}
.header .navBtn{display:block;position:absolute;right:2%;cursor:pointer}
.header .navBtn img{width:26px;vertical-align:middle}
.header ul{display:none;position:absolute;top:100%;right:6px;width:136px;margin-right:0;z-index:99999;background-color:#f3f4f4}
.fix-show,.header ul li,.header ul li a{display:block}
.header ul li{margin:0;text-align:center}
.top-place{margin-top:24px}
.side-place{padding:32px 0}
body{padding-bottom:75px}
.index-name{margin-bottom:20px}
.index-name h1{font-size:26px}
.index-name h2{font-size:24px}
.index-name a,.index-name p,.index-name span{font-size:15px}
.index-pro .index-name{margin-bottom:0;padding-top:0}
.pro-type{position:static;margin-top:30px}
.pro-type li{float:left;width:25%;margin-left:0;text-align:center}
.index-about ul{margin-top:0}
.index-about ul li{width:50%;margin-bottom:20px}
.index-about ul li span{font-size:44px}
.index-about ul li p{font-size:15px}
.news-list li{width:50%;padding:20px}
.news-list li.listmore{display:none}
.news-list li a.txt{font-size:18px;margin:12px 0 20px}
.news-lists{margin-left:0}
.news-lists li{width:100%;margin-left:0;margin-top:10px}
.news-lists li span{font-size:15px}
.index-case ul li .pic{margin-right:0}
.index-case ul li .info{padding:16px;margin-left:0;margin-top:0}
}
@media (max-width:640px){.pro-list li{width:46.7%}
body{padding-bottom:55px}
.fix-show{line-height:48px}
.index-case .index-name a{font-size:16px}
.index-case ul li{width:46.7%;margin-top:20px}
}
@media (max-width:480px){.footer p span,.index-about .index-name p{display:none}
.header{line-height:44px}
.header .logo{width:120px}
.footer p{padding:10px 0}
body{padding-bottom:45px}
.fix-show{line-height:36px;padding-top:8px}
.fix-show img{width:28px;margin-right:4px}
.fix-show a{font-size:16px}
.toTop{right:8px;width:40px;height:40px;line-height:36px}
.index-show .banner .slick-dots{bottom:10px}
.index-show .banner .slick-dots li button{width:30px}
.index-name h1{font-size:24px}
.index-name h2{font-size:22px}
.index-name a,.index-name p,.index-name span{font-size:14px}
.pro-type li{font-size:15px}
.pro-list li{margin-top:12px}
.pro-list li a.txt{font-size:16px;padding:5px}
.index-about ul li span{font-size:36px}
.index-about ul li p{font-size:14px}
.news-list li{width:100%;padding:16px}
.news-list li a.txt{font-size:16px;height:auto;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:8px;margin-bottom:0}
.news-list li a.more{display:none}
.news-lists{margin-top:20px}
.index-case .index-name a{font-size:14px;padding:0 10px;line-height:36px}
.index-case ul{margin-left:0}
.index-case ul li{width:100%;margin-left:0;margin-top:12px}
.index-case ul li .info a{font-size:16px}
.index-case ul li .info p{margin-top:10px}
}
@media (max-width:360px){body{padding-bottom:35px}
.fix-show{line-height:32px}
}
