﻿@charset "utf-8";
/* CSS Document */

.banner{height:820px; overflow:hidden}
.bannerbg{ height:100%;}
.bannerbg .w1400{ height:100%;}
.banl{ display: inline-block; width:auto; height:100%;}
.banl .banlf{/*transform: rotate(350deg);*/}
.banl .banlf span{ font-size:70px; font-weight: bolder;}
.banl .banlf2{color:#fff; font-size:28px; font-weight:bold;}
.banl .banla{}
.banl .banla a{ display:block; width:140px; height:40px; line-height:40px; color:#fff; text-align:center; background-color:#af0500;}
@media only screen and (min-width: 901px) {
.banl .banla a{ margin-right:15px;margin-left: auto;}
.banl .banlf{ margin-top:100px;}
}
.banl .banla a:hover{ background-color:#FF8C8F;}

.index2{background:url(../images/index2bg.jpg) center center no-repeat; background-size: cover; height:680px;}
.ind2{padding:120px; text-align:center;}
.ind2 a{ display:block;  margin:auto; color:#e62129; border:2px solid #e62129; width:280px; font-size:16px; line-height:40px;}
.ind2 a:hover{background-color:#e62129; color:#fff}

.index3{ background:url(../images/index3bg.jpg) center center no-repeat; background-size: cover; background-attachment: fixed; padding:100px 0;}
.ind3{text-align:center; /*background:url(../images/ind3mbg.png) left center no-repeat;*/ padding:0 60px;}
.ind3vd{/* margin-left:400px*/}
.ind3vd h2{font-size:60px; line-height:88px; color:#fff;}
@media only screen and (max-width: 685px){
.ind3vd h2{font-size:30px; line-height:36px;}
}

.ind3vd video{/*margin-bottom:100px;*/}

.index4{ background:url(../images/index4bg.jpg) right center no-repeat; background-size: cover; padding:100px 0;}
.ind4{}
.ind4l{width:450px;}
.ind4l a{display:block; float:right}
.ind4l a img{width:auto;}


/*轮播图*/
.lunbotu {
  width: 100%;
  overflow: hidden;
  position: relative;
  /*max-height:800px;*/
}

.lunbotu .swiper-slide>a {
  display: block;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: none;
}

.lunbotu .swiper-slide .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.lunbotu .swiper-slide .bgbox {
  width: 100%;
  /*max-height:750px;*/
  overflow:hidden;
}

.lunbotu .swiper-slide .bgbox img {
  width: 100%;
}

.lunbotu .swiper-slide .bgbox .aimg2 {
  display: none;
}
.swiper-button-next, .swiper-button-prev{
padding:0 80px;
top:0!important;
margin-top:0!important;
height:100%!important;
}


.index6{ background:url(../images/index6.jpg) center center no-repeat; background-size:cover;}
.ind6{
padding:150px 0 100px;
height:100%;
background-image: url(../images/alpha.png);
background-size: auto;
background-repeat: repeat;
background-position: center center;
	}
.ind6l{float:left; width:40%;}
.ind6llogo{color:#FFFFFF; font-size:75px; font-weight:bold;}
.ind6llogo img{width:auto; display:inline;}
.ind6lp{padding:30px 0; color:#FFFFFF;}
.ind6l .banla a{ display:block; width:140px; height:40px; line-height:40px; color:#fff; text-align:center; background-color:#af0500;}
.ind6l .banla a:hover{ background-color:#FF8C8F;}
.ind6r{float:right; width:50%;}
.ind6r a{ display:block; float:left; margin:30px;}
.ind6r a img{ width:auto; display:inline;}


.index7{}
.ind7{ background-color:#af0500; padding:100px;}
.ind7 ul li{ float:left; width:33%; padding:350px 0 150px; overflow:hidden;}
.ind7 ul li a{display:block; background:rgba(255,255,255,0.8); float:right; padding:30px 20px 20px 40px;}
.ind7 ul li:hover a{background:#fff;}
.ind7 ul li a .ind7l{ float:left; margin-right:20px; /*width:150px;*/}
.ind7 ul li a .ind7l p{ color:#af0500; font-size:1.8em; font-weight:bolder; line-height:45px;}
.ind7 ul li a .ind7l span{ color:#666; font-size:1em; font-weight:bolder;}
.ind7 ul li a .ind7r{ float:right; border:3px solid #af0500; width:70px; height:70px; line-height:70px; margin-top:20px; text-align:center; font-size:30px; color:#333;}
.ind7 ul li:nth-child(2) a{ background:rgba(175,5,0,0.8);}
.ind7 ul li:hover:nth-child(2) a{ background-color:#af0500;}
.ind7 ul li:nth-child(2) a .ind7l p{ color:#fff;}
.ind7 ul li:nth-child(2) a .ind7l .upp{ color:#fff;}
.ind7 ul li:nth-child(2) a .ind7r{ border-color:#fff; color:#fff!important;}

@media only screen and (max-width: 685px){
.ind7 ul li a{ padding:10px 20px;}
.ind7 ul li a .ind7r{ width:50px; height:50px; line-height:50px;    margin-top: 0px;}
    .ind7 ul li {width: 50% !important;}
	.ind8l{ display:none!important;}
	.ind8r{ padding-bottom:0!important;}
}
@media only screen and (max-width: 1040px) {
    .ind7 {
        padding: 10px 2% !important;
    }
}
.index8{background-color:#DBDBDB; padding-bottom:50px;}
.ind8{}
.ind8 a{ display:block;  margin-top:20px; color:#e62129; border:2px solid #e62129; font-size:16px; line-height:40px; float:right; /*text-align:center;*/ padding:0 20px;}
.ind8 a:hover{background-color:#af0500; color:#fff}
.ind8l{float:left; width:28%; text-align:right;}
.ind8lp{color:#fff; font-size:3em; line-height:90px; font-weight:bolder; margin-top:-186px; margin-bottom:80px; width:300px; float:right;}
.ind8ls{ font-size:16px; color:#888; display:block;}
.ind8r{float:right; width:32%; text-align:left;}
.ind8rp{ /*padding:20px; background:#eee;*/ width:auto; float:left; margin-top:-210px;}
.ind8rp img{width:auto;}
.ind8rk{width:60%; height:550px; border:3px solid #af0500; float:left; margin-left:60px; margin-top:-600px;}
.ind8rp ul{ border:#eee solid 20px;}
.ind8rp ul li{ width:100%; padding:310px 0 150px; overflow:hidden;}
.ind8rp ul li a{display:block;  background:rgba(175,5,0,0.8); float:right; padding:30px 20px 20px 40px;}
.ind8rp ul li:hover a{background-color:#af0500;}
.ind8rp ul li a .ind7l{ float:left; margin-right:20px; /*width:150px;*/}
.ind8rp ul li a .ind7l p{ color:#fff; font-size:1.8em; font-weight:bolder; line-height:45px;}
.ind8rp ul li a .ind7l span{ color:#fff; font-size:1em; font-weight:bolder;}
.ind8rp ul li a .ind7r{ float:right; border:3px solid #fff; width:70px; height:70px; line-height:70px; margin-top:20px; text-align:center; font-size:30px; color:#fff;}


.index9{background-color:#DBDBDB; padding-bottom:50px;}
.ind9{}
.ind9 h1{text-align:center; font-size:50px; font-weight:bolder; color:#555; margin-bottom:30px;}
.ind9 ul li{ width:30%; margin-right:5%; float:left;}
.ind9 ul li a{ background:#af0500; color:#fff; display:block; height:700px;}
.ind9 ul li a:hover{background:#b20;}
.ind9 ul li:nth-child(3) {margin-right:0px;}
.ind9 ul li .ind9lp{ height:480px;}
.ind9 ul li p{ padding:30px 30px 0px; font-size:1.8em; margin-bottom:10px;
text-overflow:ellipsis;
overflow: hidden;
white-space: pre-line;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
.ind9 ul li span{ padding:0px 30px; font-size:16px;
text-overflow:ellipsis;
overflow: hidden;
white-space: pre-line;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
line-height:25px;
height:75px;
}
.ind9 ul li span p{ font-size:1em; padding:0px;}

.index10{background-color:#DBDBDB; padding-bottom:50px;}
.ind10{ padding:0 100px;}
.ind10 h1{text-align:center; font-size:50px; font-weight:bolder; color:#555; margin-bottom:30px;}
.ind10 ul{}
.ind10 ul li{ float:left; width:25%; text-align:center;}
.ind10 ul li a{width:96%; padding:2%; display:block; color:#333}
.ind10 ul li a .ind10p{ margin-bottom:10px;}
.ind10 ul li a .ind10p img{object-fit: contain; object-position: center center; width:100%; height:100%;}
.ind10 ul li a p{font-size:16px; font-weight:bolder;}
.ind10 .cle{margin-bottom:50px;}
.ind10a a{ display:block; width:30%; height:40px; line-height:40px; color:#fff; text-align:center; background-color:#af0500; margin:20px auto; min-width:120px;}
.ind10a a:hover{ background-color:#FF8C8F;}
.ind10b a{ display:block; color:#e62129; border:2px solid #e62129; font-size:16px; line-height:40px; text-align:center; padding:0 20px; width:300px; margin:20px auto;}
.ind10b a:hover{background-color:#e62129; color:#fff}


.vk1{/*height:90vh; overflow:hidden;*/}
.vk2{/*height:120vh; margin-top:-15vh;*/}
@media only screen and (max-width: 640px){
.vk1{/*height:55vh; overflow:hidden;*/}
.vk2{/*height:auto; margin-top:-10vh*/}
}



