.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!important;}
.banner .hd li{width:13px;height:13px;background:#fff;display:inline-block;margin:0 10px;border-radius:13px}
.banner .hd li.on{background:#41628d;width:39px}
.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%}
.scroll{border-bottom:1px solid #e5e5e5}
.scroll ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;height:160px;align-items:center}
.scroll ul li em{display:block;font-size:18px;font-weight:400;line-height:18px;color:#666}
.scroll ul li b{font-size:60px;font-weight:700;line-height:85%;color:#333;margin-top:12px;display:block}
.scroll ul li b span{display:inline-block;font-size:16px;font-weight:400;line-height:24px;color:#333;border:.05rem solid #333;border-radius:4px;padding:0 3px;vertical-align:bottom;margin-left:10px}
.bk-title{text-align:center}
.bk-title b{font-size:46px;font-weight:700;line-height:46px;color:#333}
.bk-title span{display:block;font-size:20px;font-weight:400;line-height:20px;color:#333;margin-top:8px}
.bk-title::after{content:"";display:block;width:24px;height:3px;background:#41628d;margin:18px auto 0}
.guide{padding:4rem 0}
.guide .lefts{float:left;width:calc(100% - 700px);position:relative;height:374px}
.guide .lefts h2{font-size:0;background-image:url(/images/yz-ic1.png);background-repeat:no-repeat;background-position:right top;background-size:auto auto;padding-right:75px;display:inline-block;height:97px;padding-top:18px;box-sizing:border-box}
.guide .lefts h2 img{display:inline-block;width:154px;height:66px;margin-right:10px}
.guide .lefts h2 b{display:inline-block;font-size:36px;font-weight:700;line-height:36px;color:#333;text-align:right}
.guide .lefts h2 b span{display:block;font-size:12px;font-weight:400;line-height:85%;color:#333;text-transform:uppercase;margin-top:5px}
.guide .lefts p{font-size:16px;font-weight:400;line-height:32px;color:#666;display:block;margin-top:18px;text-align:justify}
.guide .lefts a{display:block;width:178px;height:46px;background:#c00 url(/images/yz-more.png);background-repeat:no-repeat;background-position:right 36px center;background-size:auto auto;border-radius:23px;font-size:18px;font-weight:400;line-height:46px;color:#fff;text-indent:40px;position:absolute;left:0;bottom:10px;transition:.35s}
.guide .lefts a:hover{bottom:0}
.guide .rights{float:right;width:631px;position:relative;cursor: pointer;}
.guide .rights::before{content:"";display:block;width:317px;height:219px;position:absolute;right:-8px;top:-8px;border-top:3px solid #41628d;border-right:3px solid #41628d}
.guide .rights::after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-position:center center;background-size:auto auto;z-index:2}
.guide .rights img{width:631px;height:374px;position:relative;z-index:1;}
.guide::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.product{background:#f5f5f5;padding-top:100px;padding-bottom:80px}
.product .product-t{margin-top:40px}
.product .product-t ul li{float:left;width:20%;text-align:center;border:1px solid #d2d2d2;border-left:none;box-sizing:border-box}
.product .product-t ul li a{display:block;font-size:20px;font-weight:400;line-height:60px;color:#333}
.product .product-t ul li:first-of-type{border-left:1px solid #d2d2d2}
.product .product-t ul li.cur,.product .product-t ul li:hover{background:#41628d;border-color:#41628d}
.product .product-t ul li.cur a,.product .product-t ul li:hover a{color:#fff;font-weight:700}
.product .product-t ul::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.product .product-b{margin-top:25px}
.product .product-b h2{border-bottom:1px solid #e5e5e5;text-align:left}
.product .product-b h2 b{font-size:24px;}
.product .product-b h2 span{font-size:14px;float:right;}
.product .product-b ul li{float:left;width:32%;margin-right:2%;;margin-top:10px;margin-bottom:20px}
.product .product-b ul li em{display:block;line-height:0;overflow:hidden}
.product .product-b ul li em img{display:block;width:100%;transition:1s}
.product .product-b ul li h4{font-size:18px;font-weight:700;line-height:72px;color:#333;display:block;background:#fff;padding-left:30px;padding-right: 100px;position: relative;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.product .product-b ul li h4 span{font-size:16px;font-weight:400;line-height:72px;color:#c00;background-image:url(/images/pro-more.png);background-repeat:no-repeat;background-position:right center;background-size:auto auto;padding-right:24px;position: absolute;right: 20px;}
.product .product-b ul li:hover img{transform:scale(1.1)}
.product .product-b ul li:hover h4{color:#c00}
.product .product-b ul li:nth-of-type(3n){margin-right:0}
.product .product-b ul::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.ys{background:#f5f5f5 url(/images/ys-bg.jpg);background-repeat:no-repeat;background-position:center 134px;background-size:auto auto;position:relative;height:887px;margin-bottom:98px}
.ys .ys-t{float:left;width:525px;margin-top:39px;padding-top:88px}
.ys .ys-t ul li{font-size:0;margin-bottom:60px}
.ys .ys-t ul li em{width:66px;height:66px;border:1px solid #fff;border-radius:50%;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:20px}
.ys .ys-t ul li em img{display:block;width:66px;height:66px;position:relative;top:0}
.ys .ys-t ul li b{display:inline-block;font-size:26px;font-weight:700;line-height:26px;color:#fff;vertical-align:middle}
.ys .ys-t ul li b span{display:block;font-size:18px;font-weight:400;line-height:18px;color:#fff;margin-top:14px}
.ys .ys-t ul li.cur em{background:#fff}
.ys .ys-t ul li.cur em img{top:-66px}
.ys .ys-b{float:right;margin-top:39px;margin-right:-260px;width:1135px}
.ys .ys-b .prev{position:absolute;right:50%;bottom:0;z-index:2;margin-right:-700px;cursor:pointer}
.ys .ys-b .next{position:absolute;right:50%;bottom:-98px;z-index:1;margin-right:-700px;cursor:pointer}
.ys .ys-b dl dt{width:1135px}
.ys .ys-b dl dt img{display:block;width:1135px;height:753px}
.ys .ys-b dl dd{height:195px;background:#fff;position:absolute;left:50%;bottom:-98px;margin-left:-700px;width:1400px;padding:36px 206px 0 120px;box-sizing:border-box;box-shadow:0 18px 30px 0 rgba(51,51,51,.04)}
.ys .ys-b dl dd em{float:left;display:block;font-size:38px;font-weight:700;line-height:46px;color:#333;width:124px;padding-right:30px;box-sizing:border-box;background-image:url(/images/ys-line.png);background-repeat:no-repeat;background-position:right top;background-size:auto auto;height:124px}
.ys .ys-b dl dd p{float:left;width:calc(100% - 124px);padding-left:35px;box-sizing:border-box}
.ys .ys-b dl dd p b{display:block;font-size:24px;font-weight:700;line-height:24px;color:#333;margin-bottom:18px}
.ys .ys-b dl dd p span{display:block;font-size:16px;font-weight:400;line-height:30px;color:#666}
.ys::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.process{padding-top:110px;padding-bottom:110px}
.process .process-c{margin-top:40px}
.process .process-c ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between}
.process .process-c ul li{width:19%;height:386px;border-bottom:2px solid #e7e7e7;text-align:center;padding:48px 28px 0;box-sizing:border-box;position:relative;background-image:url(/images/lc-cbg.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto auto;transition:.5s}
.process .process-c ul li em{width:115px;height:127px;background-image:url(/images/lc-icbg.png);background-repeat:no-repeat;background-position:center top;background-size:auto auto;display:block;margin:0 auto;overflow:hidden}
.process .process-c ul li em img{display:block;width:115px;height:127px;position:relative;top:0}
.process .process-c ul li b{display:block;font-size:22px;font-weight:700;line-height:22px;color:#333;margin-bottom:14px;margin-top:42px}
.process .process-c ul li p{display:block;font-size:16px;font-weight:400;line-height:26px;color:#666}
.process .process-c ul li i{display:block;font-size:24px;font-weight:400;line-height:85%;color:#000;opacity:.22;position:absolute;left:50%;bottom:30px;transform:translateX(-50%)}
.process .process-c ul li.cur,.process .process-c ul li:hover{background-image:url(/images/lc-cbgh.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto auto;border-color:#41628d}
.process .process-c ul li.cur em,.process .process-c ul li:hover em{background-image:url(/images/lc-icbgh.png);background-repeat:no-repeat;background-position:center top;background-size:auto auto}
.process .process-c ul li.cur em img,.process .process-c ul li:hover em img{top:-127px}
.process .process-c ul li.cur b,.process .process-c ul li.cur p,.process .process-c ul li:hover b,.process .process-c ul li:hover p{color:#fff}
.process .process-c ul li.cur i,.process .process-c ul li:hover i{color:#fff}
.process .tel{text-align:center;margin-top:46px}
.process .tel img{display:inline-block;vertical-align:bottom}
.process .tel i{display:inline-block;font-size:16px;font-weight:400;line-height:16px;color:#333}
.process .tel b{display:inline-block;font-size:36px;font-weight:700;line-height:85%;color:#333}
.process .zx a{display:block;width:210px;height:56px;background:#c00;text-align:center;font-size:20px;font-weight:400;line-height:56px;color:#fff;border-radius:28px;margin:18px auto 0;position:relative;top:0;transition:.35s}
.process .zx a:hover{top:10px}
.case{background:#f5f5f5;padding-top:110px;box-shadow:0 18px 18px 0 rgba(0,0,0,.03)}
.case .case-t ul{font-size:0;margin-top:44px;position:relative;text-align:center}
.case .case-t ul::before{content:"";display:block;width:100%;height:0;border-top:1px dotted #999;position:absolute;left:0;top:40px}
.case .case-t ul .more,.case .case-t ul li{display:inline-block;text-align:center;width:150px}
.case .case-t ul .more em,.case .case-t ul li em{display:block;line-height:0;overflow:hidden;width:26px;margin:0 auto;position:relative;z-index:1}
.case .case-t ul .more em img,.case .case-t ul li em img{display:block;width:26px;height:26px;filter:grayscale(100%);opacity:.7}
.case .case-t ul .more em::after,.case .case-t ul li em::after{content:"";display:block;width:7px;height:7px;border:2px solid #999;border-radius:50%;margin:9px auto 0;background:#f5f5f5}
.case .case-t ul .more span,.case .case-t ul li span{display:block;font-size:18px;font-weight:400;line-height:18px;color:#333;margin-top:15px}
.case .case-t ul .more.cur em::after,.case .case-t ul .more:hover em::after,.case .case-t ul li.cur em::after,.case .case-t ul li:hover em::after{border-color:#41628d}
.case .case-t ul .more.cur em img,.case .case-t ul .more:hover em img,.case .case-t ul li.cur em img,.case .case-t ul li:hover em img{filter:grayscale(0);opacity:1}
.case .case-t ul .more.cur span,.case .case-t ul .more:hover span,.case .case-t ul li.cur span,.case .case-t ul li:hover span{color:#41628d;font-weight:700}
.case .case-b{margin-top:60px;position:relative;width:1000px;margin:60px auto 0}
.case .case-b .tempWrap{margin-left:-1075px}
.case .case-b .list dl{float:left;margin:0 25px!important}
.case .case-b .list dl dt{display:block;line-height:0;overflow:hidden}
.case .case-b .list dl dt img{display:block;width:1000px;height:531px;transition:1s}
.case .case-b .list dl dd{background:#fff;height:144px;box-sizing:border-box;padding:28px 190px 0 45px;position:relative}
.case .case-b .list dl dd h4{display:block;font-size:24px;font-weight:700;line-height:26px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case .case-b .list dl dd p{display:block;font-size:16px;font-weight:400;color:#8c8c8c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:30px;height:60px;margin-top:10px}
.case .case-b .list dl dd em{position:absolute;right:0;top:0;width:118px;height:72px;background:#c00;text-align:center;font-size:12px;font-weight:400;line-height:72px;color:#fff;text-transform:uppercase}
.case .case-b .list dl:hover dt img{transform:scale(1.05)}
.case .case-b .list::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.case .case-b .qh{font-size:0;position:absolute;right:0;bottom:0;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start;z-index:1;width:118px;height:72px;justify-content:center;align-items:center;background:#fff}
.case .case-b .qh::after{content:"";display:block;width:1px;height:100%;background:#ccc;opacity:.5;position:absolute;left:50%;top:0}
.case .case-b .qh i{display:inline-block;cursor:pointer}
.case .case-b .qh i:last-of-type{margin-left:48px}
.news{padding-top:110px;padding-bottom:100px}
.news .news-l{margin-top:40px;float:left;width:744px}
.news .news-l h3{border-top:2px solid #333;height:70px}
.news .news-l h3 a{font-size:24px;font-weight:700;line-height:70px;color:#333}
.news .news-l h3 em{font-size:16px;text-transform:uppercase;float:right;font-weight:400}
.news .news-l h3 em:hover{color:#41628d}
.news .news-l .list dl{float:left;width:362px}
.news .news-l .list dl dt{width:362px;display:block;line-height:0;overflow:hidden}
.news .news-l .list dl dt img{display:block;width:100%;height:240px;transition:1s}
.news .news-l .list dl dt:hover img{transform:scale(1.08)}
.news .news-l .list dl dd h4{display:block;font-size:18px;font-weight:400;line-height:20px;color:#333;margin-top:24px;margin-bottom:22px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news .news-l .list dl dd h4:hover{color:#41628d}
.news .news-l .list dl dd p{display:block;font-size:16px;font-weight:400;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:24px;height:72px}
.news .news-l .list dl:nth-of-type(even){float:right}
.news .news-l .list::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.news .news-l ul{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;margin-top:40px;padding:10px 0}
.news .news-l ul li a{display:block;font-size:18px;font-weight:400;line-height:48px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news .news-l ul li a::before{content:">";margin-right:15px}
.news .news-l ul li a:hover{color:#41628d}
.news .news-r{margin-top:40px;float:right;width:570px}
.news .news-r h3{background:#41628d;padding-left:48px;padding-right:26px}
.news .news-r h3 a{font-size:24px;font-weight:700;line-height:74px;color:#fff;display:block}
.news .news-r h3 em{float:right;font-size:16px;text-transform:uppercase;font-weight:400}
.news .news-r .list{height:614px;background:#f5f5f5;padding:0 45px}
.news .news-r ul li{border-bottom:1px dashed #d2d2d2;padding:35px 0}
.news .news-r ul li h4{display:block;font-size:18px;font-weight:400;line-height:20px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:20px}
.news .news-r ul li p{display:block;font-size:16px;font-weight:400;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:30px;height:90px}
.news .news-r ul li:last-of-type{border-bottom:0}
.news .news-r ul li:hover h4{color:#41628d}
.news::after{line-height:0;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;padding-top:108px}
.about .bk-title b{color:#fff}
.about .desc{font-size:16px;font-weight:400;line-height:30px;color:#fff;opacity:.9;text-align:center;padding:0 25px;margin-top:30px;margin-bottom:62px}
.about .more a{display:block;width:182px;height:48px;background:#c00;text-align:center;font-size:20px;font-weight:400;line-height:48px;color:#fff;border-radius:24px;margin:0 auto 0;position:relative;top:0;transition:.35s}
.about .more a:hover{top:10px}
.about .about-b{background:#fff;margin-top:92px;padding:50px 94px 100px}
.about .about-tit{margin-bottom:23px;position:relative}
.about .about-tit ul li{float:left;margin-right:54px;position:relative;padding-bottom:17px}
.about .about-tit ul li img{display:inline-block;vertical-align:middle;margin-right:10px;filter:grayscale(100%) contrast(2)}
.about .about-tit ul li span{display:inline-block;font-size:24px;font-weight:400;line-height:24px;color:#333;vertical-align:middle}
.about .about-tit ul li::after{content:"";display:block;width:0;height:2px;background:#41628d;position:absolute;left:0;bottom:0}
.about .about-tit ul li.cur::after{width:100%}
.about .about-tit ul li.cur img{filter:grayscale(0) contrast(1)}
.about .about-tit ul::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.about .about-con .list{position:relative}
.about .about-con .list .prev1{position:absolute;right:40px;top:-67px;cursor:pointer}
.about .about-con .list .next1{position:absolute;right:0;top:-67px;cursor:pointer}
.about .about-con .tempWrap{width:100%!important}
.about .about-con ul li{display:block;line-height:0;overflow:hidden;width:23.8%;margin-right:1.6%;float:left}
.about .about-con ul li img{display:block;width:100%;transition:1s}
.about .about-con ul li:last-of-type{margin-right:0}
.about .about-con ul li:hover img{transform:scale(1.1)}
.about .about-con .list:nth-of-type(2) ul li{background: #999;}
.about .about-con .list:nth-of-type(2) ul li img{opacity: 0.95;}
.about .about-con ul::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.link{height:100px;background:#191919}
.link b{font-size:18px;font-weight:700;line-height:100px;color:rgba(255,255,255,.3);background-image:url(/images/f-ic1.png);background-repeat:no-repeat;background-position:left center;background-size:auto auto;padding-left:40px;padding-right:32px;float:left}
.link p{float:right;width:calc(100% - 240px);overflow:hidden;font-size:0;height:100px}
.link p a{display:inline-block;font-size:16px;font-weight:400;line-height:100px;color:rgba(255,255,255,.3);margin-right:64px}
.link p a:last-of-type{margin-right:0}
.link p a:hover{color:#41628d}

@media screen and (max-width:1400px){
	.ys .ys-t{width:425px}
	.ys .ys-t ul li b span{font-size:16px;line-height:16px}
	.ys .ys-b{width:1035px}
	.ys .ys-b .prev{margin-right:-600px}
	.ys .ys-b .next{margin-right:-600px}
	.ys .ys-b dl dd{width:1200px;margin-left:-600px;padding-right:110px;padding-left:80px}
	.process .process-c ul li b{font-size:20px}
	.case .case-t ul .more,.case .case-t ul li{width:132px}
	.news .news-r{width:410px}
	.about .about-b{padding:50px 70px 100px}
}