@charset "utf-8";
/*公共样式*/
.home_main{margin: 70px auto;}
.home_title{text-align: center;z-index: 99999;position: relative;margin-bottom: 40px;}
.home_title span{display: block;font-size: 36px;font-weight: bold;margin-bottom: 20px;}
.home_title i{height: 20px;line-height: 20px;margin: 0 auto;text-transform: uppercase;font-size: 16px;color: #cccccc;position: relative;padding: 0 20px;}
.home_title i:before,.home_title i:after{content: "";width: 330px;height: 1px;background: #dcdcdc;position: absolute;top: 10px;}
.home_title i:before{left: -330px;}
.home_title i:after{right: -330px;}
.home_title em{display: block;font-size: 16px;margin-top: 5px;}

/*产品*/
.home_pro .proN{border-bottom: 1px solid #ececec;margin-top: 45px;height: 44px;margin-bottom: 50px;}
.home_pro .proN ul li a{float: left;width: 12.5%;font-size: 15px;line-height: 20px;text-align: center;background: url(../images/pro1.png) no-repeat center bottom;padding-bottom: 32px;}
.home_pro .proC ul li{float: left;width: 23%;margin-bottom: 30px;margin-left: 2%;border: 1px solid #d4d4d4;text-align: center;box-sizing: border-box;}
.home_pro .proC ul li:nth-child(4n-3){margin-left: 0;}
.home_pro .proC ul:last-child li{margin-bottom: 10px;}
.home_pro .proC ul li .img{height: 200px;overflow: hidden;}
.home_pro .proC ul li .img img{display: block;width: 100%;height: 100%;object-fit: cover;transition:all .6s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.home_pro .proC ul li .txt{width: 100%;height: 60px;line-height: 60px;transition:all .3s ease;padding: 0 15px;box-sizing: border-box;}
.home_pro .proC ul li .txt p{font-size: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;text-align: left;float: left;}
.home_pro .proC ul li .txt i{display: block;float: right;font-size: 16px;color: #999;}
.home_pro .proN ul li.cur a,.home_pro .proN ul li a:hover{color: #03418c;font-weight: bold;background: url(../images/pro2.png) no-repeat center bottom;}
.home_pro .proC ul li:hover{box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);}
.home_pro .proC ul li:hover .img img{transform: scale(1.05)}
.home_pro .proC ul li:hover .txt{border-color: #333;background: #03418c;}
.home_pro .proC ul li:hover .txt p,.home_pro .proC ul li:hover .txt i{color: #fff;}

/*优势*/
.home_adva{padding: 70px 0;padding-bottom: 90px;background: #f4f4f4;}
.home_adva .advaC ul li{float: left;width: 210px;margin-right: 1px;overflow: hidden;padding-top: 40px;transition: all 0.5s;position: relative;}
.home_adva .advaC ul li:before,.home_adva .advaC ul li:after{content: "";display: block;height: 2px;position: absolute;left: 0;top: 0px;transition: all 0.5s;}
.home_adva .advaC ul li:before{width: 100%;background: #cfd6df;z-index: 1;}
.home_adva .advaC ul li:after{cwidth: 0;background: #03418c;z-index: 2;}
.home_adva .advaC ul li.on{width: 566px;}
.home_adva .advaC ul li.on:after{width: 100%;}
.home_adva .advaC ul li h4{font-size: 24px;color: #333;height: 46px;line-height: 46px;}
.home_adva .advaC ul li p{font-size: 15px;width: 80%;height: 84px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;padding-top: 5px;margin-bottom: 30px;}
.home_adva .advaC ul li span{text-align: center;height: 355px;width: 100%;display: block;}
.home_adva .advaC ul li:first-child span{background: url(../images/ys_img1.jpg) no-repeat center top;}
.home_adva .advaC ul li:nth-child(2) span{background: url(../images/ys_img2.jpg) no-repeat center top;}
.home_adva .advaC ul li:nth-child(3) span{background: url(../images/ys_img3.jpg) no-repeat center top;}
.home_adva .advaC ul li:nth-child(4) span{background: url(../images/ys_img4.jpg) no-repeat center top;}

/*案例*/
.home_plant{position: relative;}
.home_plant .tit{width: 100%;height: 50px;line-height: 50px;position: absolute;bottom: 0;left: 0;z-index: 5;padding: 0 30px;box-sizing: border-box;}
.home_plant .tit i{display: block;float: left;font-size: 16px;color: #fff;}
.home_plant .tit em{width: 28px;height: 6px;display: block;float: left;line-height: 0;padding: 20px 0 0 15px;transition: transform .6s;}
.home_plant .tit em img{display: block;width: 100%;height: 100%;}
.home_plant .plantL{width: 600px;height: 590px;overflow: hidden;position: relative;}
.home_plant .plantL:after{content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;background: url(../images/cp_k.png) no-repeat left bottom;}
.home_plant .plantL img{display: block;width: 100%;height: 100%;object-fit: cover;transition: .6s;}
.home_plant .plantL .tit{height: 60px;line-height: 60px;}
.home_plant .plantL .tit em{padding-top: 25px;}
.home_plant .plantR{background: #fff;width: 830px;height: 504px;position: absolute;top: calc(50% - 252px);right: 0;z-index: 1000;}
.home_plant .plantR ul li{width: 395px;height: 222px;margin: 20px 0 0 20px;float: left;position: relative;overflow: hidden;}
.home_plant .plantR ul li a{display: block;width: 100%;height: 100%;}
.home_plant .plantR ul li a:after{content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;background: url(../images/cp_k.png) no-repeat left bottom;}
.home_plant .plantR ul li a:before{content: '';position: absolute;left: -100%;top: 0;width:100%;height: 100%;transform: skewx(-25deg);background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));}
.home_plant .plantR ul li img{display: block;width: 100%;height: 100%;object-fit: cover;}
.home_plant .plantL:hover img{transform: scale(1.04);}
.home_plant .plantL:hover .tit em{transform: translate(4px,0);}
.home_plant .plantR ul li a:hover:before{left: 100%;transition: 1s;}
.home_plant .plantR ul li a:hover .tit em{transform: translate(4px,0);}

/*关于*/
.home_about{width: 100%;background: #f1f1f1;position: relative;height: 650px;overflow: hidden;}
.home_about .aboutL{padding-top: 90px;}
.home_about .aboutL .txt{width: 530px;}
.home_about .aboutL .txt h5{font-size: 30px;color: #333;font-weight: bold;padding-bottom: 15px;background: url(../images/ys_line.png) no-repeat 0 bottom;}
.home_about .aboutL .txt h5 i{display: block;font-size: 22px;margin: 18px 0;}
.home_about .aboutL .txt p{color: #666;margin-top: 25px;}
.home_about .aboutL ul{width: 810px;margin-top: 55px;position: relative;z-index: 10;}
.home_about .aboutL ul li{width: 33.33%;float: left;height: 4.3rem;font-size: 1.5rem;line-height: 1.5rem;padding: 1.5rem 0 0;text-align: center;background: #fff;}
.home_about .aboutL ul li i{display: block;font-size: 0.6rem;color: rgba(51,51,51,0.5);text-transform: uppercase;margin-top: 2px;}
.home_about .aboutR{position: absolute;top: 0;right: 0;}
.home_about .aboutR .img{width: 960px;height: 100%;overflow: hidden;display: none;}
.home_about .aboutR .img:first-child{display: block;}
.home_about .aboutR .img img{display: block;width: 100%;height: 100%;object-fit: cover;transition: 0.6s;}
.home_about .aboutL ul li:hover,.home_about .aboutL ul li.on{background: #03418c;color: #fff;font-weight: bold;}
.home_about .aboutL ul li:hover i,.home_about .aboutL ul li.on i{color: rgba(255,255,255,0.5);}
.home_about .aboutR .img:hover img{transform: scale(1.05);}

/*新闻资讯*/
.home_news{position: relative;}
.home_news .newT{font-size: 18px;height: 50px;line-height: 50px;border-bottom: 1px solid #cdcdcd;margin-bottom: 25px;}
.home_news .newT span{float: left;background: url(../images/new_ico1.png) no-repeat  0 14px;padding-left: 32px;}
.home_news .newsR .newT span{background: url(../images/new_ico2.png) no-repeat  0 14px;}
.home_news .newT span a{display: block;color: #333;}
.home_news .newT .new_more{display: block;color: #666;font-size: 14px;}
.home_news ul li{height: 35px;line-height: 35px;padding-left: 12px;background: url(../images/ico04.png) no-repeat 0 16px;}
.home_news ul li span{float: right;color: #999;}
.home_news ul li a{display: block;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #666;}
.home_news .newsL{width: 45%;}
.home_news .newsL dl dt{width: 100%;height: 282px;overflow: hidden;}
.home_news .newsL dl dt img{width: 100%;height: 100%;object-fit: cover;}
.home_news .newsL dl dd{padding: 18px 0;border-bottom: 1px solid #d9d9d9;margin-bottom: 10px;}
.home_news .newsL dl dd h3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 16px;margin-bottom: 8px;font-weight: bold;color: #333;}
.home_news .newsL dl dd p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #666;}
.home_news .newsR{width: 50%;}
.home_news .newsR .newsR_c{height: 310px;margin-bottom:35px;}
.home_news .newsR .newsR_c dl{margin-bottom: 20px;border-bottom: 1px solid #d9d9d9;padding-bottom: 40px;}
.home_news .newsR .newsR_c dl dt{font-size: 16px;margin-bottom: 15px;font-weight: bold;}
.home_news .newsR .newsR_c dl dt a{color: #333;}
.home_news .newsR .newsR_c dl dd{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.home_news .newsR .newsR_more{height: 130px;background: #03418c;}
.home_news .newsR .newsR_more img{width: 76.66%;height: 100%;display: block;float: left;}
.home_news .newsR .newsR_more a{display: block;width: 23.34%;float: left;font-size: 18px;text-align: center;background: url(../images/ico05.png) no-repeat center 70px;color: #fff;padding: 38px 0;}
.home_news .newT .new_more:hover,.home_news .newsL dl dd h3:hover,.home_news .newsR dl dt a:hover,.home_news ul li a:hover{color: #03418c;}