.img1{height: 450px;background: url(../images/sem32p2/p1.jpg) no-repeat center;color: #fff;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;padding-bottom: 150px;}
.img1>img{transition: all 1.5s;position: relative;}
.img1>img.m1{margin-bottom: 25px;}
.img1 .a1{margin-top: 45px;transition: all 1.5s;margin-bottom: 25px;}
.img1 .a1 a{margin: 0 20px;}
.img1.on >img.m1{top: 0;}
.img1.on >img.m2{bottom: 0;}

.d0{margin: -189px auto 0;background-color: #fff;border-radius: 27px 27px 0 0;width: 1125px;padding-top: 35px;}
.d0 ul{display: flex;justify-content: space-between;width: 1050px;flex-wrap: wrap;margin: 0 auto;}
.d0 li{margin: 10px auto;width: 506px;height: 196px;position: relative;overflow: hidden;}
.d0 li img{display: block;transition: all .5s;}
.d0 .button4{width: 590px;}
.d0 li .tt{position: absolute;left: 24px;top: 73px;color: #fff;font-size: 16px;width: 210px;}
.d0 li .tt h2{font-size: 26px;line-height: 1.2;}
.d0 li .tt span{display: block;width: 171px;height: 2px;background-color: #fff;}
.d0 li .tt p{line-height: 2;}
.d0 li:nth-child(4) .tt{top: 50px;width:230px;}
.d0 li:nth-child(4) .tt .p1{line-height: 22px;padding-top: 8px;}
.d0 li img.m0{}
.d0 li img.m1{position: absolute;left: 0;top: 0;opacity: 0;}
.d0 li section{display: flex;position: absolute;top: 0;bottom: 0;left: 100%;width: 225px;align-items: center;transition: all .5s;}
.d0 li:hover img.m0{opacity: 0;}
.d0 li:hover img.m1{display: block;opacity: 1;}
.d0 li:hover section{left: 25px;}

.d1{margin-top: 20px;padding-bottom: 10px;}
.d1 .info1{color: #666;margin-top: 10px;}
.d1 ul{display: flex;width: 900px;margin: 35px auto 10px;justify-content: space-between;}
.d1 li{width: 276px;height: 161px;color: #fff;transition: all .5s;}
.d1 li:hover{transform: translateY(-10px);}
.d1 li:nth-child(1){background-image: url(../images/sem32p2/d1-1.jpg);}
.d1 li:nth-child(2){background-image: url(../images/sem32p2/d1-2.jpg);}
.d1 li:nth-child(3){background-image: url(../images/sem32p2/d1-3.jpg);}
.d1 li h3{font-size: 20px;margin: 35px 0 0 28px;}
.d1 li p{font-size: 16px;line-height: 20px;margin: 5px 0 0 28px;}

.d2{padding-bottom: 10px;}
.d2 ul{display: flex;justify-content: space-between;width: 950px;margin: 80px auto 5px;}
.d2 li{transition: all .5s;}
.d2 li.on{margin-top: -35px;}
.d2 li:hover{transform: translateY(-10px);}

.d31{position: relative;width: 993px;height:139px;margin: 30px auto 0;border-width: 1px;border-radius: 9px;border-style: solid;}
.d31 span{display: flex;position: absolute;flex-direction: column;align-items: center;justify-content: center;width: 29px;height: 94px;top: 0;left: 22px;font-size: 18px;padding: 0 10px;border-radius: 0 0 24px 24px;}
.d31 span b{line-height: 22px;font-weight: 500;color: #fff;text-align: center;}
.d31 ul{display: block;width: 852px;float: left;margin: 32px 0 0 94px;}
.d31 ul li{width: 213px;float: left;}
.d31 ul li em{display: flex;width: 74px;height: 74px;border:1px solid #e4e4e4;border-radius: 8px;float: left;margin-right: 12px;justify-content: center;align-items: center;overflow: hidden;}
.d31 ul li h2{font-size: 19px;line-height: 1;font-weight: 500;white-space: nowrap;}
.d31 ul li p{font-size: 15px;color: #666;padding: 5px 0;}
.d31 ul li i{font-style: normal;line-height: 20px;display: inline-block;padding: 0 8px;border-radius: 3px;}
.d31 ul li i.i1{background-color: #feece9;color: #f83e23;}
.d31 ul li i.i2{background-color: #ebf4ff;color: #4098fd;}
.d31.c1{border-color: #fe3d7d;}
.d31.c1 span{background: linear-gradient(to bottom,#fe3d7d,#ff79b3);}
.d31.c2{border-color: #ff8719;}
.d31.c2 span{background: linear-gradient(to bottom,#ff8719,#ffa637);}
.d31.c3{border-color: #3e96fd;}
.d31.c3 span{background: linear-gradient(to bottom,#3e96fd,#5eb7ff);}
.d31.c4{border-color: #7e78fc;}
.d31.c4 span{background: linear-gradient(to bottom,#7e78fc,#b394fe);}
.d31.c5{border-color: #03b7ca;}
.d31.c5 span{background: linear-gradient(to bottom,#03b7ca,#24c9c3);height: 106px;}
.d31.c6{border-color: #f83f23;}
.d31.c6 span{background: linear-gradient(to bottom,#f83f23,#fe705b);height: 106px;}
.d31.c7{border-color: #3f98fe;}
.d31.c7 span{background: linear-gradient(to bottom,#3f98fe,#55b4ff);height: 106px;}

.d41{width: 950px;height: 155px;margin: 20px auto 0;}
.d41>i{display: block;width: 128px;height: 155px;float: left;background-repeat: no-repeat;background-position: center;}
.d41>i>em{position: relative;font-size: 20px;color: #fff;display: block;padding: 14px 0 12px;line-height: 1;text-align: center;}
.d41>i>em:after{display: block;content: '';position: absolute;width: 35px;height: 1px;background-color: #fff;left: 50%;margin-left: -17px;bottom: 0;}
.d41>i.s1{background-image: url(../images/sem32p2/d41-1.jpg);}
.d41>i.s2{background-image: url(../images/sem32p2/d41-2.jpg);}
.d41>i.s3{background-image: url(../images/sem32p2/d41-3.jpg);}
.d41>i.s4{background-image: url(../images/sem32p2/d41-4.jpg);}
.d41>i.s5{background-image: url(../images/sem32p2/d41-5.jpg);}
.d41>i.s6{background-image: url(../images/sem32p2/d41-6.jpg);}
.d41>i.s7{background-image: url(../images/sem32p2/d41-7.jpg);}
.d41>i.s8{background-image: url(../images/sem32p2/d41-8.jpg);}
.d41>ul{display: flex;width: 756px;float: left;margin-left: 17px;justify-content: space-between;}
.d41>ul li{width: 175px;height: 152px;border: 1px solid #e2e8ea;border-radius: 10px;overflow: hidden;}
.d41 li>i{display: flex;height: 90px;justify-content: center;align-items: center;border-bottom: 1px solid #e2e8ea;overflow: hidden;}
.d41 li>span{display: flex;height: 60px;justify-content: space-between;padding: 0 14px;align-items: center;}
.d41 li>span b{font-size: 20px;font-weight: 500;}
.d41 li>span em{font-size: 15px;font-style: normal;color: #4098fd;line-height: 21px;padding: 0 7px;background-color: #ebf4ff;border-radius: 4px;}
.d41>a{display: block;float: right;width: 36px;height: 153px;background-repeat: no-repeat;background-position: center;opacity: .5;transition: all .5s;margin-top: 1px;}
.d41>a:hover{opacity: 1;}
.d41>a.a1{background: url(../images/sem32p2/d41-1m.png);}
.d41>a.a2{background: url(../images/sem32p2/d41-2m.png);}
.d41>a.a3{background: url(../images/sem32p2/d41-3m.png);}
.d41>a.a4{background: url(../images/sem32p2/d41-4m.png);}
.d41>a.a5{background: url(../images/sem32p2/d41-5m.png);}
.d41>a.a6{background: url(../images/sem32p2/d41-6m.png);}
.d41>a.a7{background: url(../images/sem32p2/d41-7m.png);}
.d41>a.a8{background: url(../images/sem32p2/d41-8m.png);}