html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
margin: 0;
padding: 0;
}
ul{
list-style: none;
}
a{
color: #333;
text-decoration: none;
}
i{
font-style: normal;
}
.none{
display: none !important;
}
.show{
display: block !important;
}
input{
outline: none;
border: none;
}
h1, h2, h3, h4, h5, h6 {
text-decoration: none;
font-weight: normal;
font-size: 100%;
}
s, i, em {
font-style: normal;
text-decoration: none;
}
section{
overflow: hidden;
}
@font-face{
font-family: 'my_font';
src:url('../font/DINENGSCHRIFT-ALTERNATE.OTF') format('truetype')
}
.send03,.send06,.send07_con{
font-family: my_font;
}
.x-header{
display:none;
}
/* æ ·å¼å¼€å§‹ */
.send01{
height: 800px;
background: url(../img/banner_bg.jpg?06) no-repeat bottom;
background-size: cover;
position: relative;
}
.send01 div{
display: flex;
width: 1100px;
align-items: center;
justify-content: center;
background-color: #fff;
height: 76px;
margin: 0 auto;
padding: 0 50px;
margin-top: 50px;
}
.send01 div ul{
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
}
.send01 div ul li{
text-align: center;
}
.send01 div ul li:hover a{
color: #333333;
border-color: #fcc73d;
}
.send01 div ul li a{
font-size: 16px;
color: #999999;
border-bottom: 3px solid #fff;
padding-bottom: 19px;
}
.send01 div img{
margin: 0 200px;
}
.send01 .btn{
position: absolute;
left: 0;
right: 0;
bottom: 74px;
margin: 0 auto;
background-color: #fff;
width: 163px;
height: 41px;
border-radius: 41px;
text-align: center;
line-height: 41px;
font-size: 18px;
font-weight: 600;
color: #d7242a;
}
.title_img{
display: block;
margin: 85px auto 57px auto;
}
.send02 ul{
width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.send02 ul li{
margin-bottom: 45px;
}
.send02 ul li img:hover{
box-shadow: 0px 5px 10px #888888;
transform: translate3d(0,-6px,0);
}
.send02 ul li a img{
border-radius: 20px;
transition: all 0.3s linear 0s
}
.send02 .send_btn{
display: block;
width: 343px;
height: 59px;
background-color: #d7242a;
border-radius: 59px;
text-align: center;
line-height: 59px;
color: #fff;
font-size: 24px;
margin: 25px auto 107px auto;
}
.send03{
height: 780px;
background-color: #f3f2f2;
position: relative;
}
.send03_bg{
position: absolute;
bottom: 0;
left: -160px;
}
.send03 ul{
position: absolute;
left: 0;
right: 0;
bottom: 170px;
margin: 0 auto;
width: 966px;
display: flex;
flex-wrap: wrap;
}
.send03 ul li{
width: 45%;
display: flex;
align-items: flex-start;
cursor: pointer;
}
.send03 ul li:hover{
color: #d7242a
}
.send03 ul li:nth-child(1),.send03 ul li:nth-child(2){
border-bottom: 1px solid #eeeeee;
padding-bottom: 53px;
}
.send03 ul li:nth-child(1),.send03 ul li:nth-child(3){
border-right: 1px solid #eeeeee;
}
.send03 ul li:nth-child(4),.send03 ul li:nth-child(3){
padding-top: 53px;
}
.send03 ul li:nth-child(even){
padding-left: 87px;
}
.send03 ul li p{
font-size: 18px;
width: 215px;
}
.send03 ul li h1{
font-size: 30px;
letter-spacing: 0px;
margin-right: 64px;
}
.send04 {
background-color: #eeeeee;
}
.send04 ul{
width: 100%;
display: flex;
margin-bottom: 116px;
}
.send04 ul li{
position: relative;
}
.send05_con{
position: relative;
height: 418px;
background: url(../img/video_bg01.png) no-repeat;
background-size: cover;
}
.video_img{
display: block;
position: absolute;
width: 25%;
height: 76%;
top: 0;
bottom: 0;
margin: auto;
left: 359px;
}
.video_btn{
width: 348px;
height: 50px;
position: absolute;
bottom: 56px;
left: 902px;
}
.send06 dl{
width: 714px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 134px;
}
.send06 dd{
width: 143px;
height: 213px;
background-color: #d7242a;
border-radius: 71px;
color: #fff;
cursor: pointer;
transition: all .5s linear;
margin-bottom: 17px;
}
.send06 ul{
margin-top: 23px;
}
.send06 ul li{
text-align: center;
font-size: 18px;
}
.send06 ul li:nth-child(1){
font-size: 36px;
display: block;
margin-bottom: 13px;
}
.send06 ul li h1{
display: inline-block;
font-size: 22px;
margin-bottom: 13px;
}
.send07_con{
position: relative;
}
.send07_logo01{
width: 100%;
position: absolute;
bottom: -143px;
left: 0px;
z-index: 9;
}
.send07{
height: 650px;
display: flex;
align-items: center;
background: url(../img/send07_bg01.jpg) no-repeat;
background-size: cover;
}
.send07 ul{
width: 523px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-left: 360px;
margin-top: 25px;
}
.send07 ul li{
width: 131px;
height: 127px;
background-color: #fff;
margin-bottom: 21px;
padding-left: 29px;
padding-top: 23px
}
.send07 ul li span{
display: inline-block;
font-size: 24px;
border-bottom: 3px solid #d7242a;
padding-bottom: 8px;
}
.send07 ul li h1{
margin-top: 18px;
font-size: 24px;
}
.send07 ul li p{
color: #999999;
font-size: 24px;
}
.send08{
height: 873px;
position: relative;
}
.send08 ul{
width: 1200px;
margin: 0 auto;
display: flex;
}
.send08 ul li{
height: 404px;
}
.send08 ul li:nth-child(1){
flex: 1;
background-color: #d7242a;
}
.send08 ul li:nth-child(1) div{
margin-left: 288px;
}
.send08 ul li:nth-child(2){
flex: 1;
background:url(../img/send08_bg.fw.png) no-repeat;
background-size: 100%;
}
.send08 ul li:nth-child(1) h1{
font-size: 30px;
color: #fff;
margin: 82px 0 21px 0;
}
.send08 ul li:nth-child(1) p{
font-size: 18px;
color: #fff;
line-height: 30px;
width: 288px;
}
.send08 ul li:nth-child(2) p{
margin:81px 0 0 42px;
width: 525px;
font-size: 14px;
line-height: 24px;;
}
.send08 ul li p span{
font-weight: 600;
}
.send08 .teacher{
position: absolute;
top: -3px;
left: 265px;
}
.send08 a{
display: block;
width: 229px;
height: 45px;
background-color: #ffffff;
border-radius: 45px;
color: #d7242a;
text-align: center;
line-height: 45px;;
font-size: 18px;
margin-top: 47px;
}
.send09{
background-color: #f3f2f2;
height: 688px;
}
.send09 .con{
width: 1200px;
height: 100%;
display: flex;
margin: 0 auto;
}
.send09 .con div{
width: 480px;
display: flex;
justify-content: center;
align-items: flex-end;
height: 100%;
background: url(../img/from_bg02.fw.png) no-repeat;
background-size: 100%;
background-color: #d7242a;
}
.send09 .con span{
margin-top: 90px;
margin-right: 167px;
}
.send09 .con div ul{
height: 227px;
margin-bottom:81px;
}
.send09 .con div ul li{
display: flex;
align-items: center;
width: 283px;
border-bottom: 1px solid #fff;
margin-bottom: 37px;
padding-bottom: 18px;
}
.send09 .con div ul li i{
font-size: 31px;
color: #fff;
}
.send09 .con input{
background:none;
font-size: 24px;
color: #fff;
margin-left: 10px;
}
.send09 .con input::placeholder{
color: #E46060;
font-size: 18px;
}
.send09 .con div ul li a{
font-size: 24px;
width: 100%;
color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
}
.send09 .con div ul li a i{
font-size: 16px;
}
.send10 ul{
display: flex;
width: 1200px;
margin: 0 auto;
justify-content: space-between;
margin-bottom: 126px;
}
.send10 ul li img{
transition: all 0.3s linear 0s;
border-radius: 15px;
}
.send10 ul li a{
display: inline-block;
}
.send10 ul li img{
display: inline-block;
width: 100%;
}
.send10 ul li:hover img{
box-shadow: 0px 5px 10px #888888;
transform: translate3d(0,-6px,0);
}
.video_div{
display: none;
}
.my_layer .layui-layer-content{
background-color: rgba(0,0,0);
}
/* æ ·å¼ç»“æŸ */
/* 效果动画 */
.scroll-content{
animation:totop 2s forwards;
-webkit-animation:totop 2s forwards;
-o-animation:totop 2s forwards;
-moz-animation:totop 2s forwards;
-ms-animation:totop 2s forwards;
transform:translateY(-20px);
-webkit-transform:translateY(-20px);
-o-transform:translateY(-20px);
-ms-transform:translateY(-20px);
-moz-transform:translateY(-20px);
}
@keyframes totop{
0%{transform:translateY(-20px);opacity:0}
100%{transform:translateY(0);opacity:1}
}
@-moz-keyframes totop{
0%{-moz-transform:translateY(-20px);opacity:0}
100%{-moz-transform:translateY(0);opacity:1}
}
@-webkit-keyframes totop{
0%{-webkit-transform:translateY(-20px);opacity:0}
100%{-webkit-transform:translateY(0);opacity:1}
}
@-ms-keyframes totop{
0%{-ms-transform:translateY(-20px);opacity:0}
100%{-ms-transform:translateY(0);opacity:1}
}
@-o-keyframes totop{
0%{-o-transform:translateY(-20px);opacity:0}
100%{-o-transform:translateY(0);opacity:1}
}
.animated{
animation-duration: 2s;
}