@charset "utf-8";
/*公共样式*/
.home_main{margin: 70px auto;}
.home_title{margin-bottom: 40px;text-align: center;}
.home_title span{font-size: 38px;}
.home_title p{font-size: 15px;padding-top: 8px;text-transform: uppercase;}

/*关于*/
.home_about{width: 100%;}
.home_about .aboutL{width: 550px;height: 330px;}
.home_about .aboutL img{display: block;width: 100%;height: 100%;}
.home_about .aboutR{width: 650px;height: 330px;background: #f5f5f5;padding: 45px 30px;box-sizing: border-box;}
.home_about .aboutR h2{font-size: 20px;font-weight: bold;color: #20519e;}
.home_about .aboutR p{color: #666;margin-top: 15px;}
.home_about .aboutR a{display: block;width: 150px;height: 35px;line-height: 35px;border-radius: 35px;margin-top: 25px;text-align: center;border: 1px solid #20519e;color: #20519e;transition: .5s;}
.home_about .aboutR a:hover{background: #20519e;color: #fff;}

/*产品*/
.home_pro{width: 100%;}
.home_pro .proC{position: relative;}
.home_pro .proC dl{width: 22.6%;float: left;margin-left: 14px;margin-right: 14px;border: 1px solid #D2D2D2;border-radius: 10px;overflow: hidden;position: relative;}
.home_pro .proC dl dt{height: 270px;overflow: hidden;padding: 30px 0;box-sizing: border-box;}
.home_pro .proC dl dt img{display: block;width: 100%;height: 100%;transition: all 0.5s;}
.home_pro .proC dl dd{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0,.7);text-align: center;transform: rotateX(90deg);color: #fff;transition: all linear .3s;padding: 70px 20px;box-sizing: border-box;}
.home_pro .proC dl dd h2{font-size: 24px;font-weight: 500;}
.home_pro .proC dl dd h2::after{display: block;content: "";margin: auto;width: 20px;height: 2px;background-color: #fff;margin-top: 12px;}
.home_pro .proC dl dd p{margin-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.home_pro .proC dl dd a{display: block;width: 120px;height: 35px;line-height: 35px;color: #333;background-color: #fff;border-radius: 4px;margin: 20px auto;}
.home_pro .proC .prev,.home_pro .proC .next{display: block;cursor: pointer;position: absolute;top: calc(50% - 10px);width: 35px;height: 35px;text-align: center;font-size: 40px;font-family: "SimSun";}
.home_pro .proC .prev{left: -50px;}
.home_pro .proC .next{right: -50px;}
.home_pro .proC .prev:hover,.home_pro .proC .next:hover{color: #20519e;}
.home_pro .proC dl dt:hover img{transform: scale(1.05);}
.home_pro .proC dl:hover dd{transform: rotateX(0deg);}
.home_pro .proC dl dd a:hover{color: #fff;background-color: #20519e;}