.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: 50px;height:3px;background: #cc0000;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;background:#f5f5f5;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:rgba(0,0,0,.3) url(../images/yz-bo.png); */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: 16.6%;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: #cc0000;border-color: #cc0000;}

.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 ul li{float:left;width:32%;margin-right:2%;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: #cc0000;}

.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: 37px;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: #870001;}

.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%;transition:1s;height: 251px;}

.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 dashed #d2d2d2;/* border-bottom: 1px dashed #d2d2d2; */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;float: left;margin-right: 48px;border-bottom: 1px dashed #d2d2d2;width: 43%;}
.news .news-l ul li span{
    float: right;
    line-height: 48px;
}
.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: #c00;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: 650px;background:#f5f5f5;padding: 20px 45px 0px;}

.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: 56px;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}

}