﻿.line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clear{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.banner{height:auto;max-width:1920px;margin:0 auto!important;position:relative}
.banner .bd li{float:left;width:100%;line-height:0}
.banner .bd li img{width:100%}
.banner .bd li a{display:block}
.banner .hd{z-index:1;margin:0 auto;text-align:center;position:absolute;left:0;width:100%;bottom:8%;cursor:pointer; display: block;}
.banner .hd li{width:13px;height:13px;display:inline-block;margin:0 7px;border-radius:13px;border:1px solid #fff;}
.banner .hd li.on{background:#fff;width:34px;border-color:#fff;}
.banner .prev{position:absolute;top:calc(45% - 35px);left:0;z-index:10;cursor:pointer;opacity:0;transition:all .5s linear}
.banner .next{position:absolute;top:calc(45% - 35px);right:0;z-index:10;cursor:pointer;opacity:0;transition:all .5s linear}
.banner:hover .prev{opacity:1;left:6%}
.banner:hover .next{opacity:1;right:6%}
.guide{padding:82px 0 90px}
.guide .guide-l{float:left;width:718px;padding-top:80px}
.guide .guide-l .xlogo{display:block;line-height:0;overflow:hidden}
.guide .guide-l .xlogo img{display:block;width:154px;height:58px}
.guide .guide-l .xlogo::after{content:"";display:block;width:38px;height:4px;background:#dcdadb;margin-top:35px}
.guide .guide-l h3{margin-top:35px}
.guide .guide-l h3 b{font-size:24px;font-weight:400;line-height:24px;color:#333;display:block}
.guide .guide-l h3 p{font-size:18px;font-weight:400;line-height:30px;color:#666;display:block;margin-top:18px}
.guide .guide-l ul{border-top:1px solid #dddbdc;border-bottom:1px solid #dddbdc;padding:32px 0 25px;margin-top:48px;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start;justify-content:space-between}
.guide .guide-l ul li b{display:block}
.guide .guide-l ul li b em{display:inline-block;font-size:44px;font-weight:700;line-height:85%;color:#0061ae;font-family:arial}
.guide .guide-l ul li b i{display:inline-block;vertical-align:top;font-size:14px;font-weight:400;line-height:14px;color:#666}
.guide .guide-l ul li span{display:block;font-size:20px;font-weight:400;line-height:20px;color:#666;margin-top:14px}
.guide .guide-l ul li:last-of-type{margin-right:0}
.guide .guide-r{float:right;width:431px}
.guide .guide-r img{display:block;width:431px;height:494px}
.guide::after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.bk-title{text-align:center;background-image:url(/images/bk-tbg.png);background-repeat:no-repeat;background-position:center bottom;background-size:auto auto;padding-bottom:44px}
.bk-title b{font-size:46px;font-weight:700;line-height:46px;color:#333;display:block;font-family:impact}
.bk-title b span{color:#0061ae}
.bk-title em{font-size:24px;font-weight:400;line-height:24px;color:#666;display:block;margin-top:20px}
.product{background-image:url(/images/pro-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto auto;height:1440px;box-sizing:border-box;padding-top:90px}
.product .product-t{margin-top:42px}
.product .product-t h3{width:218px;background-image:url(/images/pro-tbg.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto auto;height:162px;box-sizing:border-box;text-align:center;font-size:24px;font-weight:700;line-height:24px;color:#fff;padding-top:60px;float:left}
.product .product-t h3 span{display:block;margin-top:8px;font-size:13px;font-weight:400;line-height:85%;color:#fff;text-transform:uppercase}
.product .product-t ul{width:calc(100% - 218px);background:#fff;height:162px;float:left;padding:16px 70px 0 56px;box-sizing:border-box}
.product .product-t ul li{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start;border-bottom:1px solid #e5e5e5;padding:17px 0;align-items:center}
.product .product-t ul li b{font-size:18px;font-weight:400;line-height:18px;color:#333;display:block;width:150px}
.product .product-t ul li p{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;width:calc(100% - 150px);align-items:center}
.product .product-t ul li p a{font-size:16px;font-weight:400;line-height:34px;color:#666;display:block;padding:0 17px;border-radius:18px}
.product .product-t ul li p a.cur,.product .product-t ul li p a:hover{background:#85c227;color:#fff}
.product .product-t ul li:last-of-type{border-bottom:0}
.product .product-t::after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.product .product-b{margin-top:20px}
.product .product-b dl{float:left;width:393px;margin-right:10px;position:relative;margin-bottom:10px;overflow:hidden}
.product .product-b dl dt{display:block;line-height:0;overflow:hidden}
.product .product-b dl dt img{display:block; width: 100%; height: 295px;}
.product .product-b dl dd .title{text-align:center;height:87px;background:#fff;box-sizing:border-box;padding-top:22px}
.product .product-b dl dd .title h4{font-size:18px;font-weight:400;line-height:22px;color:#292e33;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product .product-b dl dd .title span{font-size:13px;font-weight:400;line-height:14px;color:#999;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}
.product .product-b dl dd .hov{position:absolute;left:0;bottom:-216px;transition:.35s;background:#0061ae;height:216px;box-sizing:border-box;padding:42px 50px 0 35px}
.product .product-b dl dd .hov b{font-size:20px;font-weight:700;line-height:20px;color:#fff;display:block}
.product .product-b dl dd .hov p{font-size:14px;font-weight:400;color:#fff;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:22px;height:66px;margin-top:10px}
.product .product-b dl dd .hov em{font-size:15px;font-weight:400;line-height:15px;color:#fff;display:inline-block;border-bottom:8px solid #f67403;box-sizing:border-box;height:19px;margin-top:14px}
.product .product-b dl.cur dd .hov,.product .product-b dl:hover dd .hov{bottom:0}
.product .product-b dl.hot::before{content:"";display:block;position:absolute;left:0;top:0;background:#f67403;width:80px;height:80px;transform:rotate(45deg) translateX(-59px)}
.product .product-b dl.hot::after{content:"新品";display:block;width:59px;height:59px;position:absolute;left:0;top:0;transform:rotate(-45deg);text-align:center;font-size:14px;font-weight:400;line-height:14px;color:#fff;padding-top:6px}
.product .product-b dl:nth-of-type(3n){margin-right:0}
.product .product-b::after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.product .more a{display:block;width:188px;height:50px;background:#f67403;margin:47px auto 0;border-radius:25px;font-size:20px;font-weight:400;line-height:50px;color:#fff;text-align:center;transition:.35s}
.product .more a:hover{background:#0061ae}
.advantage{padding-top:115px;padding-bottom:130px;background-image:url(/images/ys-bg.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:auto auto}
.advantage .advantage-c{margin-top:44px}
.advantage .advantage-c dl{background:#f5f5f5}
.advantage .advantage-c dl dt{display:block;line-height:0;overflow:hidden;float:right}
.advantage .advantage-c dl dt img{width:700px;height:450px;transition:1s}
.advantage .advantage-c dl dd{float:left;width:500px;box-sizing:border-box;padding:98px 48px 0 64px}
.advantage .advantage-c dl dd i{display:block;line-height:0;overflow:hidden}
.advantage .advantage-c dl dd i img{display:block;width:49px;height:49px;transition:.5s}
.advantage .advantage-c dl dd b{font-size:30px;font-weight:700;line-height:30px;color:#333;display:block;margin-top:18px;margin-bottom:28px}
.advantage .advantage-c dl dd p{font-size:16px;font-weight:400;line-height:28px;color:#666;display:block}
.advantage .advantage-c dl dd p span{color:#0061ae}
.advantage .advantage-c dl::after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.advantage .advantage-t{margin-top:62px}
.advantage .advantage-t ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between}
.advantage .advantage-t ul li{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-end}
.advantage .advantage-t ul li em{font-size:48px;font-weight:700;line-height:85%;color:#c3c3c3;display:block;font-family:arial;height:36px;margin-right:10px}
.advantage .advantage-t ul li b{font-size:30px;font-weight:700;line-height:30px;color:#666;display:block}
.advantage .advantage-t ul li b i{display:block;font-size:14px;font-weight:400;line-height:82%;color:#666;text-transform:uppercase;margin-bottom:5px}
.advantage .advantage-t ul li.cur em{color:#85c227}
.advantage .advantage-t ul li.cur b{color:#0061ae}
.advantage .advantage-t ul li.cur b i{color:#0061ae}
.xban{background-image:url(/images/xban-bg.png);background-repeat:no-repeat;background-position:center top;background-size:auto auto;height:389px;box-sizing:border-box;text-align:right;padding-top:80px}
.xban h3{font-size:48px;font-weight:700;line-height:48px;color:#fff;display:block}
.xban ul{margin-top:24px;font-size:0}
.xban ul li{font-size:20px;font-weight:400;line-height:20px;color:#fff;display:inline-block;margin-left:27px;border:1px solid rgba(255,255,255,.5);border-radius:5px;padding:10px 15px}
.xban ul li span{color:#85c227;font-weight:700}
.xban ul li:first-of-type{margin-left:0}
.xban em{text-align:left;display:block;margin-left:368px;margin-top:50px}
.xban .zx a{display:block;width:188px;height:50px;background:#f67403;border-radius:25px;font-size:20px;font-weight:400;line-height:50px;color:#fff;text-align:center;transition:.35s;float:right;margin-top:-36px}
.xban .zx a:hover{background:#85c227}
.case{padding-top:108px;height:1015px;box-sizing:border-box;background-image:url(/images/case-bg.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:auto auto;position:relative}
.case .case-t{margin-top:26px}
.case .case-t ul{font-size:0;text-align:center}
.case .case-t ul li{background:#dbdbdb;width:176px;text-align:center;border-radius:25px;display:inline-block;margin:0 27px}
.case .case-t ul li a{display:block;font-size:20px;font-weight:400;line-height:50px;color:#333}
.case .case-t ul li.cur,.case .case-t ul li:hover{background:#85c227}
.case .case-t ul li.cur a,.case .case-t ul li:hover a{color:#fff}
.case .case-b{margin-top:40px!important}
.case .case-b .item{position:relative;overflow:hidden}
.case .case-b .item .swiper-button-prev{position:absolute;left:180px;top:242px;cursor:pointer;display:block;z-index:10}
.case .case-b .item .swiper-button-next{position:absolute;right:205px;top:242px;cursor:pointer;display:block;z-index:10}
.case .case-b .item dl{ /*position:relative;*margin-bottom:20px;*/}
.case .case-b .item dl::before{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,.2);position:absolute;left:0;top:0;z-index:1}
.case .case-b .item dl dt{width:446px; display:block;line-height:0;overflow:hidden}
.case .case-b .item dl dt img{width:446px;height:334px;transition:1s;display:block}
.case .case-b .item dl dd{ width:350px; background:#fff;height:176px; /*box-sizing:border-box;*/padding:40px 48px 0;text-align:right; }
.case .case-b .item dl dd h4{font-size:16px;font-weight:700;line-height:18px;color:#333;display:block;margin-bottom:20px;text-align:left}
.case .case-b .item dl dd p{font-size:14px;font-weight:400;color:#666;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:24px;height:72px;height:auto;text-align:left}
.case .case-b .item dl dd em{font-size:15px;font-weight:400;line-height:15px;color:#333;display:inline-block;border-bottom:8px solid #f67403;box-sizing:border-box;height:19px;margin-top:14px;display:none}
.case .case-b .item dl:hover dt img{transform:scale(1.05)}

.case .case-b .item .swiper-slide-active{box-shadow:0 3px 10px 0 rgba(108,108,108,.1)}
.case .case-b .item .swiper-slide-active::before{display:none}
.case .case-b .item .swiper-slide-active em{display:inline-block}
.case .pic{position:absolute;left:50%;bottom:-104px;margin-left:-952px}
.case .pic img{display:block;width:485px;height:418px}
.news{background-image:url(/images/news-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto auto;height:790px;box-sizing:border-box;padding-top:130px}
.news .news-c{margin-top:28px}
.news .news-c .news-cl{float:left;width:783px;height:510px;background:rgba(255,255,255,.7);padding:34px 40px 0 32px;box-sizing:border-box;position:relative}
.news .news-c .news-cl .news-tit{margin-bottom:16px}
.news .news-c .news-cl .news-tit i{font-size:12px;font-weight:400;line-height:85%;color:#999;display:block;text-transform:uppercase;margin-bottom:5px}
.news .news-c .news-cl .news-tit h3{font-size:0}
.news .news-c .news-cl .news-tit h3 a{font-size:20px;font-weight:400;line-height:20px;color:#666;display:inline-block;margin-right:45px}
.news .news-c .news-cl .news-tit h3 a.cur{font-weight:700;color:#333}
.news .news-c .news-cl .news-tit h3 a:last-of-type{margin-right:0}
.news .news-c .news-cl .news-tit h3 a:hover{color:#0061ae}
.news .news-c .news-cl .news-qh{font-size:0;position:absolute;right:38px;top:38px}
.news .news-c .news-cl .news-qh i{display:inline-block;cursor:pointer; overflow: hidden;width: 32px;height: 32px;}
.news .news-c .news-cl .news-qh i img{position: relative;top: 0;}
.news .news-c .news-cl .news-qh i:hover img{top: -32px;}
.news .news-c .news-cl .news-qh i:last-of-type{margin-left:11px}
.news .news-c .news-cl .news-con dl dt{display:block;line-height:0;overflow:hidden;float:left;width:320px}
.news .news-c .news-cl .news-con dl dt img{display:block;width:320px;height:163px;transition:.5s}
.news .news-c .news-cl .news-con dl dd{float:right;width:370px;padding-top:6px}
.news .news-c .news-cl .news-con dl dd h4{font-size:16px;font-weight:700;line-height:18px;color:#333;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news .news-c .news-cl .news-con dl dd p{font-size:14px;font-weight:400;color:#666;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:24px;height:72px;height:auto;margin-top:20px}
.news .news-c .news-cl .news-con dl dd em{display:block;text-align:right;font-size:14px;font-weight:400;line-height:85%;color:#666;margin-top:15px}
.news .news-c .news-cl .news-con dl:hover dt img{transform:scale(1.05)}
.news .news-c .news-cl .news-con dl:hover dd h4{color:#0061ae}
.news .news-c .news-cl .news-con dl::after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.news .news-c .news-cl .news-con ul{margin-top:30px}
.news .news-c .news-cl .news-con ul li{float:left;width:350px;height:90px;background:#f5f5f5 url(/images/news-jt.png);background-repeat:no-repeat;background-position:right 16px center;background-size:auto auto;margin-right:10px;margin-bottom:10px;box-sizing:border-box;padding:26px 30px 0 23px;transition:.5s}
.news .news-c .news-cl .news-con ul li h4{font-size:14px;font-weight:400;line-height:16px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news .news-c .news-cl .news-con ul li em{font-size:14px;font-weight:400;line-height:85%;color:#666;margin-top:11px;display:block}
.news .news-c .news-cl .news-con ul li:nth-of-type(even){margin-right:0}
.news .news-c .news-cl .news-con ul li.cur,.news .news-c .news-cl .news-con ul li:hover{background:#0061ae url(/images/news-jth.png);background-repeat:no-repeat;background-position:right 16px center;background-size:auto auto}
.news .news-c .news-cl .news-con ul li.cur em,.news .news-c .news-cl .news-con ul li.cur h4,.news .news-c .news-cl .news-con ul li:hover em,.news .news-c .news-cl .news-con ul li:hover h4{color:#fff}
.news .news-c .news-cl .news-con ul::after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.news .news-c .news-cr{float:right;width:383px;height:510px;background:rgba(255,255,255,.7);padding:34px 33px 0 32px;box-sizing:border-box}
.news .news-c .news-cr h3{position:relative;margin-bottom:16px}
.news .news-c .news-cr h3 i{font-size:12px;font-weight:400;line-height:85%;color:#999;display:block;text-transform:uppercase;margin-bottom:5px}
.news .news-c .news-cr h3 b{font-size:20px;font-weight:700;line-height:20px;color:#333;display:block}
.news .news-c .news-cr h3 em{position:absolute;right:0;bottom:2px;font-size:12px;font-weight:400;line-height:85%;color:#666}
.news .news-c .news-cr h3 em:hover{color:#0061ae}
.news .news-c .news-cr h3:hover b{color:#0061ae}
.news .news-c .news-cr .pic{display:block;line-height:0;overflow:hidden}
.news .news-c .news-cr .pic img{display:block;width:320px;height:106px;transition:1s}
.news .news-c .news-cr .list{margin-top:20px;height:198px;overflow:hidden}
.news .news-c .news-cr .list ul li{margin-bottom:22px}
.news .news-c .news-cr .list ul li h4{font-size:14px;font-weight:400;line-height:20px;color:#333;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:25px;background-image:url(/images/news-ic1.png);background-repeat:no-repeat;background-position:left center;background-size:auto auto;margin-bottom:8px}
.news .news-c .news-cr .list ul li p{font-size:14px;font-weight:400;color:#666;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:20px;height:60px;padding-left:25px}
.news .news-c .news-cr .list ul li:hover h4{color:#0061ae}
.news .news-c .news-cr .zx a{display:block;width:188px;height:50px;background:#f67403;border-radius:25px;font-size:20px;font-weight:400;line-height:50px;color:#fff;text-align:center;transition:.35s;margin:26px auto 0}
.news .news-c .news-cr .zx a:hover{background:#0061ae}
.news .news-c::after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.about{background-image:url(/images/abt-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto auto;height:949px;padding-top:172px;box-sizing:border-box;margin-top: -60px;}
.about h2{text-align:center}
.about .desc{text-align:center}
.about .desc b{display:inline-block;font-size:38px;font-weight:700;line-height:38px;color:#0061ae;margin-top:60px;font-family:impact;background-image:url(/images/abt-line.png);background-repeat:no-repeat;background-position:center center;background-size:auto auto;padding:0 68px;margin-bottom:27px}
.about .desc p{font-size:16px;font-weight:400;line-height:28px;color:#333;display:block}
.about .about-c{margin-top:47px;background:rgba(255,255,255,.7);padding:34px 75px;position:relative}
.about .about-c i.prev{position:absolute;left:22px;top:111px;cursor:pointer}
.about .about-c i.next{position:absolute;right:22px;top:111px;cursor:pointer}
.about .about-c .tempWrap{width:1050px!important}
.about .about-c ul li{display:block;line-height:0;overflow:hidden;float:left;margin-right:19px;position:relative}
.about .about-c ul li img{display:block;width:248px;height:186px;transition:.5s}
.about .about-c ul li h4{position:absolute;left:0;bottom:-40px;width:100%;font-size:15px;font-weight:400;line-height:40px;color:#fff;background:rgba(0,97,174,.8);text-align:center;padding:0 10px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:.5s}
.about .about-c ul li:nth-of-type(even) h4{background:rgba(133,194,39,.8)}
.about .about-c ul li:hover h4{bottom:0}
.about .about-c ul li:hover img{transform:scale(1.05)}
.about .about-c ul li:last-of-type{margin-right:0}
.about .about-c ul::after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.about .more a{display:block;width:188px;height:50px;background:#f67403;border-radius:25px;font-size:20px;font-weight:400;line-height:50px;color:#fff;text-align:center;transition:.35s;margin:40px auto 0}
.about .more a:hover{background:#0061ae}
