@charset "utf-8";
/*公共样式*/
.home_main{margin: 70px auto;}
.home_title{text-align: center;margin-bottom: 40px;}
.home_title span{display: block;font-size: 34px;font-weight: bold;}
.home_title em{display: block;font-size: 15px;color: #5f5d5e;margin-top: 18px;}

/*产品*/
.home_pro{width: 100%;}
.home_pro dl{text-align: center;}
.home_pro dl dt{display: inline-block;height: 40px;line-height: 40px;background-color: #f4f4f4;border: 1px solid #f1efef;margin: 0 2px;border-radius: 6px;padding: 0 15px;}
.home_pro dl dt a{display: block;color: 666;}
.home_pro ul{margin-top: 24px;}
.home_pro ul li{float: left;width: 23%;margin-right: 2%;margin-top: 15px;position: relative;overflow: hidden;}
.home_pro ul li i{display: block;width: 100%;height: 205px;overflow: hidden;border-radius: 4px;border: 1px solid #eee;box-sizing: border-box;}
.home_pro ul li i img{display: block;width: 100%;height: 100%;transition: 0.5s;}
.home_pro ul li h4{width: 100%;height: 55px;line-height: 55px;padding: 0 20px 0 20px;box-sizing: border-box;position: relative;}
.home_pro ul li h4:before{content: "";position: absolute;top: 19px;left: 5px;height: 17px;width: 3px;background: #666;}
.home_pro ul li h4:after{content: "";position: absolute;top: 20px;right: 10px;height: 18px;width: 18px;background: url(../images/cpico.png) no-repeat;}
.home_pro dl dt:hover{background-color: #d71e1e;border: 1px solid #d71e1e;}
.home_pro dl dt:hover a{color: #fff;}
.home_pro ul li:hover i img{transform: scale(1.05);}
.home_pro ul li:hover h4{color: #d71e1e;}
.home_pro ul li:hover h4:before{background: #d71e1e;}
.home_pro ul li:hover h4:after{background: url(../images/cpicoh.png) no-repeat;}

/*实力*/
.home_stre{padding-top: 70px;box-sizing: border-box;background: url(../images/ys_bg.jpg) no-repeat center bottom;}
.home_stre .home_title,.home_stre .home_title em{color: #fff;}
.home_stre dl{float: left;width: 25%;height: 500px;position: relative;padding: 68px 40px 0;box-sizing: border-box;}
.home_stre dl:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 0;transition: all 0.3s;background: url(../images/ys_dd.jpg) no-repeat center;}
.home_stre dl dt{width: 220px;height: 138px;position: relative;}
.home_stre dl dt em{display: block;width: 100%;height: 100%;opacity: 0;border-radius: 20px;position: relative;z-index: 10;overflow: hidden;}
.home_stre dl dt em img{display: block;width: 100%;height: 100%;transition: 0.5s;}
.home_stre dl dt span{display: block;position: absolute;left: 0;top: 0;width: 100%;font-size: 20px;color: #fff;text-align: center;}
.home_stre dl dt span img{display: block;width: 54px;height: 54px;margin: 0 auto 64px;}
.home_stre dl dt span:after{content: "";position: absolute;left: calc(50% - 11.5px);width: 23px;height: 23px;top: 90px;background: url(../images/ys_yuan.png) no-repeat center;}
.home_stre dl dd h4{display: block;font-size: 24px;line-height: 38px;font-weight: bold;text-align: center;color: #fff;padding-top: 32px;position: relative;z-index: 10;}
.home_stre dl dd p{display: none;color: #fff;padding-top: 20px;text-align: center;}
.home_stre dl.cur:after{height: 100%;}
.home_stre dl.cur dt em{opacity: 1;}
.home_stre dl.cur dt span{display: none;}
.home_stre dl.cur dd p{display: block;position: relative;z-index: 20;}
.home_stre dl dt em:hover img{transform: scale(1.05);}

/*关于*/
.home_about{width: 100%;}
.home_about dl dt{width: 590px;height: 256px;float: right;}
.home_about dl dt img{display: block;width: 100%;height: 100%;}
.home_about dl dd{width: 570px;}
.home_about dl dd h2{font-size: 16px;}
.home_about dl dd h2 b{display: block;font-size: 34px;font-weight: bold;margin-bottom: 20px;}
.home_about dl dd p{color: #666;margin-top: 30px;}
.home_about dl dd a{display: block;width: 140px;height: 42px;line-height: 42px;text-transform: uppercase;background: #d71e1e;color: #fff;text-align: center;margin-top: 40px;}
.home_about dl dd a img{display: inline-block;margin-left: 10px;width: 22px;height: 5px;vertical-align: 4px;}
.home_about dl dd a:hover{background: #0766b6;}
.home_about ul{margin-top: 45px;}
.home_about ul li{float: left;width: 23.5%;margin-right: 1.5%;}
.home_about ul li:last-child{margin-right: 0;}
.home_about ul li i{display: block;width: 100%;height: 220px;overflow: hidden;}
.home_about ul li i img{display: block;width: 100%;height: 100%;transition: .6s;}
.home_about ul li span{display: block;line-height: 55px;font-size: 16px;text-align: center;border-bottom: 1px solid #e5e5e5;font-weight: bold;}
.home_about ul li:hover i img{transform: scale(1.05);}
.home_about ul li:hover span{color: #d71e1e;}

/*新闻*/
.home_news{width: 100%;background: #f5f5f5;padding: 70px 0;}
.home_news .newsL{width: 560px;}
.home_news .newsL h3{font-size: 24px;margin-bottom: 20px;padding-left: 50px;line-height: 36px;background: url(../images/n_l.png) no-repeat;}
.home_news .newsR h3{border-bottom: 1px solid #d9d9d9;padding-bottom: 20px;}
.home_news .newsL h3 a{color: #888;float: right;font-size: 14px;text-transform: uppercase;}
.home_news .newsL dl{border-bottom: 1px dashed #d9d9d9;}
.home_news .newsL dl dt{width: 100%;height: 230px;overflow: hidden;}
.home_news .newsL dl dt img{display: block;width: 100%;height: 100%;object-fit: cover;transition: .6s;}
.home_news .newsL dl dd{padding-top: 20px;padding-bottom: 20px;}
.home_news .newsL dl dd h4{font-size: 17px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 6px;}
.home_news .newsL dl dd p{color: #888;}
.home_news .newsL ul{margin-top: 20px;}
.home_news .newsL ul li{margin-bottom: 10px;position: relative;padding-left: 20px;}
.home_news .newsL ul li:last-child{margin-bottom: 0;}
.home_news .newsL ul li:before{content:"";position: absolute;left: 0;top: 8px;width: 6px;height: 6px;border-radius: 6px;border: 2px solid #d71e1e;}
.home_news .newsL ul li em{color: #888;float: right;}
.home_news .newsR ul{margin-bottom: 35px;}
.home_news .newsR dl{background: #fff;margin-top: 20px;height: 150px;border: none;}
.home_news .newsR dl dt{float: right;width: 200px;height: 100%;}
.home_news .newsR dl dd{width: 360px;padding: 35px 30px;box-sizing: border-box;}
.home_news .newsL h3 a:hover{color: #d71e1e;}
.home_news .newsL dl:hover dt img{transform: scale(1.05);}
.home_news .newsL dl:hover dd h4{color: #d71e1e;}
.home_news .newsL ul li:hover a{color: #d71e1e;}