@charset "utf-8";

body{ background: url(../img/bg_1.png) center 900px / 1920px 1186px no-repeat, url(../img/bg_2.png) center 2000px / 1920px 1040px no-repeat;}


.main{ width: 100%; min-width: 1200px; height: auto; overflow: hidden; position: relative;}

.section{ width: 100%; height: auto;}
.st_main{ width: 1200px; height: auto; margin: 0 auto;}




.st1{ width: 100%; height: 818px; background: url(../img/top_banner.png) center top 26px / auto 792px no-repeat #A21B2C;}



.st2{}
.st2 .st_main{ width: 1160px;}
.st2 .r1{ padding: 70px 0;}
.st2 .r1 p{ font-size: 20px; line-height: 36px; text-align: center;}
.st2 .r2{ padding: 20px 0 50px;}
.st2 .r2 .title{ text-align: center;}
.st2 .r2 .title span{ display: inline-block; padding: 0 20px; border-bottom: 3px solid #E81A34; font-size: 28px; line-height: 200%;}
.st2 .r2 p{ margin-top: 30px; font-size: 20px; line-height: 36px; text-indent: 2em;}


.st3{}
.st3 .title{ text-align: center;}
.st3 .title span{ display: inline-block; border-bottom: 3px solid #E81A34; font-size: 28px; line-height: 200%;}
.st3 .list{ width: 100%; height: auto; margin-top: 40px; position: relative;}
.st3 .list ul{ width: 1240px; height: auto; overflow: hidden; position: relative; left: -20px;}
.st3 .list ul li{ float: left; width: 580px; height: 320px; margin: 0 20px 40px; position: relative; overflow: hidden; box-shadow: 10px 10px 15px #ddd; cursor: pointer;}
.st3 .list ul li img{ display: block; width: 100%; height: 100%;}
.st3 .list ul li .info{ display: none; width: 100%; height: 100%; padding: 24px; position: absolute; top: 0; background-color: rgba(0,0,0,0.6); transition: all .2s ease-out 0s;}
.st3 .list ul li:hover .info{ display: block;}
.st3 .list ul li .info .r1{}
.st3 .list ul li .info .r1 img{ width: 67px; height: 7px;}
.st3 .list ul li .info .r2{ margin-top: 25px; font-size: 28px; line-height: 150%; color: #fff;}
.st3 .list ul li .info .r3{ font-size: 18px; line-height: 200%; color: #fff;}
.st3 .list ul li .info .r4{ margin-top: 25px; font-size: 18px; line-height: 150%; color: #FDCC54;}

.st3layer{ width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 500;}
.st3layer .layer_bg{ width: 100%; height: 100%; position: absolute; top: 0;}
.st3layer .layer_main{ width: 80%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.st3layer .layer_main .tit{ width: 100%; height: 70px; padding: 0 20px; overflow: hidden; background-color: rgba(0,0,0,0.7);}
.st3layer .layer_main .tit span.s1{ float: left; font-size: 28px; line-height: 70px; color: rgba(255,255,255,0.7);}
.st3layer .layer_main .tit span.s2{ float: right; display: inline-block; width: 26px; height: 26px; position: relative; top: 22px; background: url(../img/quxiao_btn.png) center center / 100% 100% no-repeat; transition: all .3s ease-out 0s; cursor: pointer;}
.st3layer .layer_main .tit span.s2:hover{ transform: rotate(360deg);}
.st3layer .layer_main .tit span.s2:active{ transform: scale(1.2);}
.st3layer .layer_main .img{ width: 100%; height: auto;}
.st3layer .layer_main .img img{ display: block; width: 100%; height: auto;}



.st4{ padding-top: 50px;}
.st4 .title{ text-align: center;}
.st4 .title span{ display: inline-block; border-bottom: 3px solid #E81A34; font-size: 28px; line-height: 200%;}
.st4 .list{ width: 100%; height: auto; margin-top: 30px; position: relative;}
.st4 .list .swiper-container{}
.st4 .list .swiper-slide{ width: 1200px; height: 675px;}
.st4 .list .swiper-slide img{ display: block; width: 1200px; height: 675px;}
.st4 .list .swiper-button-prev{ width: 30px; height: 30px; left: auto; right: 81px; top: auto; bottom: 17px; background: url(../img/left_btn.png) center center / 100% 100% no-repeat;}
.st4 .list .swiper-button-next{ width: 30px; height: 30px; left: auto; right: 23px; top: auto; bottom: 17px; background: url(../img/right_btn.png) center center / 100% 100% no-repeat;}


.st5{ padding-top: 50px;}
.st5 .title{ text-align: center;}
.st5 .title span{ display: inline-block; border-bottom: 3px solid #E81A34; font-size: 28px; line-height: 200%;}
.st5 .list{ width: 100%; height: auto; margin-top: 30px; position: relative;}
.st5_iframe{ width: 100%; height: 860px;}


.st6{ padding: 25px 0; background-color: #A21B2C; text-align: center;}
.st6 img{ width: 141px; height: 50px;}