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

.w1200{
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

html{
	font-size: 16px;
}



.index{width:100%;overflow:hidden;}
.index .swiper-container{width:100%;height:100%;overflow:hidden}
.index .swiper-container .swiper-slide{width:100%;height:100%;overflow:hidden}
.index .swiper-container .swiper-slide img{display:block;
	
	transform: scale(1.1);
	-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
	
	vertical-align:middle;
	transition: all 5s;
-moz-transition: all 5s;
-ms-transition: all 5s;
-webkit-transition: all 5s;
-o-transition: all 5s;
}

.index .swiper-slide-active img{
	transform: scale(1)!important;
	-moz-transform: scale(1)!important;
-ms-transform: scale(1)!important;
-webkit-transform: scale(1)!important;
-o-transform: scale(1)!important;
	
	
}

.index .swiper-button-prev{
	background: url(../images/bannerl.png) no-repeat;
	width: 60px;
	height: 60px;
	left: 0%;
	opacity: 0;
	transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
}

.index:hover .swiper-button-prev,.index:hover .swiper-button-next{
	opacity: 1;
}

.index .swiper-button-next{
	background: url(../images/bannerr.png) no-repeat;
	width: 60px;
	height: 60px;
	right: 0%;
	opacity: 0;
	transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
}

@media (min-width:992px){
	.index img{
		display: block;
		max-width: 100%;
		height: auto
	}
}












.ixBox {
    clear: both;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.h_205 {
    clear: both;
    padding-top: 6%;
}

.ixBox .bg {
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
 z-index:-1;
 background-position:center center;
 background-size:cover
}
.ixBox .bgC {
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
 z-index:-1;
 background-position:center center;
 background-size:cover;
	background: url(../images/bg1.jpg) no-repeat;
}
.ixBoxC {
 clear:both;
 padding:0 6.25%
}
.index1L {
 width:36.9047%;
	float: left;
}
.index1L1 {
 height:55px;
 line-height:55px;
 font-size:30px;
 color:#333;
 overflow:hidden
}
.index1L2 {
 color:#666;
 height:45px;
 line-height:45px;
 font-size:18px;
 overflow:hidden
}
.index1LTBox {
 position:relative;
 padding-bottom:20px;
 margin-bottom: 0
}

@media (min-width:1500px){
	.index1LTBox:before {
 display:block;
 content:"";
 width:40px;
 height:2px;
 background:#d4d4d4;
 position:absolute;
 bottom:0;
 left:0
}
	.index1LTBox{
		margin-bottom:10.3174%
	}
}

.index1L3 {
 
 line-height:28px;
 font-size:14px;
 color:#333;
 margin-bottom:50px
}
.index1L4 {
 overflow:visible!important
}
.index1L4 a {
 text-align:center;
 display:block;
 width:150px;
 height:40px;
 line-height:40px;
 border-radius:40px;
 color:#fff;
 font-size:14px;
 background:#111;
 position:relative
}
.index1L4 a:hover{
	background: #e62129;
}
.index1L4 a span {
 display:inline-block;
 height:40px;

}
.index1R {
 width:60.119%;
	float: right;
}
.index1RList {
 margin:0 -1.6346%
}
.index1RList dd {
 float:left;
 width:33.3333%
}
.index1RList dd a {
 position:relative;
 display:block;
 border-radius:20px;
 overflow:hidden;
 margin:0 4.885%;
 transition-duration:.3s;
 position:relative;
 top:0
}
.index1RList dd a:hover {
 top:-20px;
 box-shadow:-3px 5px 15px rgba(0,0,0,.2)
}
.index1RList dd a:after {
 content:"";
 display:block;
 width:100%;
 padding-top:161.6031%
}
.index1RText {
 padding-left:15px;
 position:absolute;
 bottom:38px;
 left:0;
 height:auto;
 opacity:1;
 transition:all .3s
}
.index1RList dd a:hover .index1RText {
 opacity:0
}
.index1RText1 {
 height:45px;
 line-height:45px;
 color:#fff;
 font-size:24px;
 overflow:hidden;
 transition:all .3s;
 transform:translateY(0)
}
.index1RList dd a:hover .index1RText1 {
 transform:translateY(100%)
}
.index1RText2 {
 height:35px;
 line-height:35px;
 color:#fff;
 font-size:14px;
 overflow:hidden;
 transition:all .3s;
 transform:translateY(0)
}
.index1RList dd a:hover .index1RText2 {
 transform:translateY(100%)
}
.index1RCenter {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 overflow:hidden;
 height:100%;
 border-radius:20px;
 opacity:0;
 transition:all .5s
}
.index1RList dd a:hover .index1RCenter {
 opacity:1
}
.index1RCenter:before {
 content:"";
 display:block;
 width:100%;
 height:100%;
 background:linear-gradient(to right,#e62129,#ffa2a6);
 position:absolute;
 top:0;
 left:0;
 opacity:.8
}
.index1RCenter1 {
 text-align:center;
 height:50px;
 line-height:50px;
 font-size:24px;
 color:#fff;
 overflow:hidden;
 padding:0 10px;
 transition:all .3s;
 transform:translateY(100%)
}
.index1RList dd a:hover .index1RCenter1 {
 transform:translateY(0)
}
.index1RCenter2 {
 text-align:center;
 height:34px;
 line-height:34px;
 font-size:14px;
 color:#fff;
 overflow:hidden;
 margin-bottom:35px;
 padding:0 10px;
 transition:all .3s;
 transform:translateY(100%)
}
.index1RList dd a:hover .index1RCenter2 {
 transform:translateY(0)
}
.index1RCenter3 {
 text-align:center;
 display:inline-block;
 width:150px;
 height:40px;
 line-height:40px;
 font-size:14px;
 color:#e62129;
 background:#fff;
 text-align:center;
 border-radius:40px;
 transition:all .3s;
 transform:translateY(100%)
}
.index1RList dd a:hover .index1RCenter3 {
 transform:translateY(0)
}
.index1RCenterBox {
 position:absolute;
 width:100%;
 top:50%;
 margin-top:-80px;
 text-align:center
}
.index1LNumList {
 margin-bottom:3vw;
 overflow:hidden;
 width:115%
}
.index1LNumList dd {
 position:relative;
 width:33.3333%;
 float:left
}
.index1LNumList dd .divC {
 display:inline-block
}
.index1NumT1 {
 height:35px;
 line-height:35px;
 font-size:16px;
 color:#2f62ab;
 text-align:center
}
.index1NumT1 span {
 font-size:30px
}
.index1NumT2 {
 font-size:14px;
 color:#9d9d9b;
 height:40px;
 overflow:hidden;
 text-align:center;
 line-height:40px
}










.pro{
	padding: 5% 0;
	background: url(../images/pro1.jpg) no-repeat;
	background-attachment: fixed;
}

.prow{
	padding: 0 6%;
}

.prozi{
	text-align: center;
	margin-bottom: 80px;
}

.prozi h2{
	font-size: 30px;
	color: #000;
}


.proimg{
	overflow: hidden;
	border: 1px solid #ccc;
	background: #fff;
}

.proimg img{
	transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.proimg:hover img{
	transform:scale(1.05);
	-moz-transform:scale(1.05);
-ms-transform:scale(1.05);
-webkit-transform:scale(1.05);
-o-transform:scale(1.05);
}

.pro p{
	font-size: 14px;
	padding: 15px 0;
	color: #333;
	text-align: center;
	margin-bottom: 0;
	background: #fff;
}

.procon{
	position: relative;
	padding-bottom: 5rem;
}

.procon .swiper-button-prev{
	bottom: 0px!important;
	background: url(../images/bannerl.png) no-repeat;
	background-size: 50px 50px;
	width: 50px;
	height: 50px;
	left: 50%;
	margin-left: -60px;
	top: auto;
}


.procon .swiper-button-next{
	bottom: 0px!important;
	background: url(../images/bannerr.png) no-repeat;
	background-size: 50px 50px;
	width: 50px;
	height: 50px;
	right: 50%;
	margin-right: -60px;
	top: auto;
}

.procon .proimg:hover p{
	color: #e62129;
}










.alzi{
	text-align: center;
	padding-top: 5%;
	margin-bottom: 80px;
}

.alzi h2{
	font-size: 30px;
	color: #000;
}

.al ul li{
	float: left;
	width: 33.33333333%;
	
	padding: 2px;
	position: relative;
}

.al img{
	transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.al ul li:hover img{
	transform: scale(0.95);
	-moz-transform: scale(0.95);
-ms-transform: scale(0.95);
-webkit-transform: scale(0.95);
-o-transform: scale(0.95);
}

.al p{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
	margin-bottom: 0;
	text-align: center;
	background: rgba(230,33,41,.7);
	color: #fff;
	padding: 8px 30px;
	border-radius: 15px;
	opacity: 0;
	transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
	margin-top: 30px;
	font-size: 15px;
}

.al ul li:hover p{
	opacity: 1;
	margin-top: 0;
}

.ala{
	text-align: center;
}

.ala a{
	margin: 50px auto 0;
	text-align: center;
display: block;
width: 150px;
height: 40px;
line-height: 40px;
border-radius: 40px;
color: #fff;
font-size: 14px;
background: #111;
position: relative;
}

.ala a:hover{
	background: #e62129;
}















.news{
	padding: 5% 0;
}

.newsw{
	padding: 0 6%;
}

.newszi{
	text-align: center;
	margin-bottom: 80px;
}

.newszi h2{
	font-size: 30px;
	color: #000;
}

.newscon ul li{
	float: left;
	width: 30%;
	transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.newscon ul li:nth-child(2){
	margin: 0 5%;
}

.newscon h3{
	font-size: 14px;
	color: #666;
	margin-bottom: 10px;
}

.newscon h4{
	font-size: 18px;
	color: #e62129;
}

.newsimg{
	overflow: hidden;
	margin: 30px 0 20px;

}

.newscon p{
	font-size: 14px;
	color: #333;
	line-height: 28px;
}

.newscon ul li:hover{
	transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-webkit-transform: translateY(-20px);
-o-transform: translateY(-20px);
}