@charset "utf-8";
.banner { position:relative; left:50%; width:1920px; margin-left:-960px; background:#fff; text-align:center; z-index:3; }
.banner .bd li { height:497px; }
.banner .hd { position:absolute; bottom:5%; width:100%; height:14px; z-index:1; }
.banner .hd ul { width:1920px; margin:0 auto; text-align:center; }
.banner .hd ul li { display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:0 2px; background:#fff; line-height:999px; overflow:hidden; cursor:pointer; }
.banner .hd ul .on { background:#cb150b; }
.container img { vertical-align:top; }

.swiper-button-prev{background: url(prev.png) no-repeat !important;width: 71px !important;height: 74px !important}
.swiper-button-next{background: url(next.png) no-repeat !important;width: 71px !important;height: 74px !important}

.swiper-pagination-bullet{ background:#fff!important; width:15px!important; height:15px!important;}
.swiper-pagination-bullet-active{ background:#da251d!important;}


/*.swiper-pagination-bullet { background:#fff; width:8px; height:8px; }
.swiper-pagination-bullet-active { background:#3353cc; }
.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:12px !important; }
.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 2px; overflow:hidden; }
*/

.swiper-slide{position: relative;}
.intro{position: absolute;left: 0;right: 0;top:160px;color: #fff;z-index: 9999;}
.intro h4{font-size: 20px;color: #fff;font-weight: bold;background:url(bg-03.jpg) no-repeat left bottom;font-family: "微软雅黑";padding-bottom: 15px;margin-bottom: 14px;}
.dl-intro {width: 436px;font-family: "微软雅黑";}
.dl-intro dt a{font-size: 36px;color: #db1117;font-weight: bold;display: block;margin-bottom: 14px;}
.dl-intro .t{font-size: 16px;margin-bottom: 14px;}
.dl-intro .s{line-height: 22px;margin-bottom: 18px;}
.dl-intro .m a{height: 38px;line-height: 38px;width: 96px;text-align: center;color: #fff; border:1px solid #db1117; text-transform:uppercase; color:#db1117; display: inline-block;}
.xs-block dt a {font-size: 16px;color: #fff;font-weight: normal;display: block;margin-bottom: 10px;font-family: "微软雅黑";}

.con-01{padding:50px 0 60px;}
.con-01 .hd{ text-align:center; padding:30px 0  10px 0; padding: 10px 0 30px 0;}
.con-01 .hd h1{ font-size:40px; line-height: 40px; font-family: "微软雅黑"; margin: 0;}
.con-01 .hd h4{height: 30px;line-height: 30px;}
.con-01 .play-pic img{}
.con-01 .play-pic h4{font-size:36px; color:#db1117;}
.con-01 .thumbnail{ border:none!important;}
.con-01 .btn-default{ width:100px!important; border:1px solid #da251d!important; border-radius: 0!important; text-transform: uppercase;}
.con-01 .btn-default:hover{ background:#da251d; color:#fff; -moz-box-shadow: 0px 5px 6px #e7d0cf;box-shadow: 0px 5px 6px #e7d0cf;}

.con-02 {position:relative;}
.intro-on{position: absolute;left:0;right:0;top:230px;color:#fff;z-index: 9999;}
.intro-on h4{font-size:36px;color: #333;font-weight: bold;font-family: "微软雅黑";padding-bottom: 15px;margin-bottom: 14px; display:inline-block; border-bottom: 4px solid #cf092b;}
.dl-intro-on {width: 520px;font-family: "微软雅黑";}
@media (max-width: 992px){
.carousel-inner .dl-intro-on{ width:98%; margin: 0 auto;}
.con-01 .hd{ padding:20px 0  10px 0; }
.con-01 .hd h1{ font-size:40px; font-weight: normal;  line-height: 40px; }
.con-01 .hd h5{ text-transform: uppercase;}
.con-01 .thumbnail{ padding:0 10px!important;}
.con-01 .thumbnail .caption{ padding:0!important;}
.con-01 .thumbnail .text{ float:left; width:48%; margin-left:2%;}
.con-01 .thumbnail .pic{ float:left; width:50%;}
.con-01 .play-pic h4{font-size:30px; color:#db1117; font-weight: bold; margin:0;}
.fot-common-01 a{ display:block; margin: 0 10px; font-size:16px; background:#ececec; border-bottom: 1px solid #c6c6c6; line-height: 2; text-align: center; color:#636363;}

}

.dl-intro-on dt a{font-size: 20px;color: #fff;font-weight: normal;display: block;margin-bottom: 14px; display:none;}
.dl-intro-on .s{line-height: 24px;margin-bottom: 18px; font-size: 14px; color:#444;}
.dl-intro-on .m a{background:none; border:1px solid #db1117; height: 38px;line-height: 38px;width: 100px;text-align: center;color: #444;display: inline-block;}

.swiper-pagination-bullet{background:#fff;width: 20px;height: 20px;opacity: 1;}
.swiper-pagination-bullet-active{background: #e04841;}

#carousel-example-generic{ background:#ececec; padding:10px 0;}
#carousel-example-generic .caption{ width:95%; margin: 0 auto; word-break:normal;}
#carousel-example-generic .intro-on{ width:100%!important;}

@media (max-width: 992px){
#carousel-example-generic .text{padding: 0 15px 10px; background:#fff;}
#carousel-example-generic .text h4{ font-size:30px; color:#e50000; font-weight: bold; margin: 0; padding:20px 0 10px;}


}


.con-03 {font-family:"微软雅黑";margin-bottom:80px;}
.con-03 .hd{line-height: 30px;margin: 56px auto; text-align: center; }
.con-03 .hd h4{background:url(icon-02.jpg) no-repeat 84px center;height: 30px;line-height: 30px;}
.con-03 .bd .topNew{ width:100%; margin: 0 auto; overflow: hidden; position:relative; margin-bottom: 20px;}
.con-03 .bd .topNew img{ max-width: none; width:400px; height:auto;}
.con-03 .bd .topNew p{ float:left;width:400px; position: absolute; left:0; top:20px; z-index:99;}
.con-03 .bd .topNew dl{ position:relative; float:left; width:790px; margin-left:360px; background:#ececec; padding:88px 120px 72px 90px;}
.con-03 .bd .topNew dl dt a{ display:inline-block; line-height: 70px; font-size:18px; font-weight: normal; color:#444;}
.con-03 .bd .topNew dl .d{  line-height: 30px;}
.con-03 .bd .topNew dl .p-d{ position: absolute; top:80px; right:30px;}
.con-03 .bd .topNew dl .p-d em{ font-size:24px; color:#000; display:block; line-height: 24px;}
.con-03 .bd .topNew dl .p-d span{font-size:14px; display:block; text-align: right;}
.con-03 .bd .topNew dl dd{ line-height: 30px; color:#999; font-size:14px;}


.con-03 .bdm .topNew dl{  padding: 0 10px 10px; margin: 0 auto;}
.con-03 .bdm dl dt{ padding:10px 0;}
.con-03 .bdm dl a{ color:#1c1c1c; font-size:20px; font-weight: bold;}
.con-03 .bdm dl dd{ line-height: 30px; font-size:14px;}


.news-item{text-align: center; margin-bottom:20px;}
.news-item  .d{ float:left; width:94px; height:84px; padding:10px 10px; background:#ececec; margin-bottom: 0; text-align: right;}
.news-item  .d em{ display:block; text-align: right; line-height: 40px; font-size:24px; font-weight: 400;}
.news-item dl{ float:left; width:450px; padding-left:20px; text-align: left; padding:20px 57px 20px 27px;}
.news-item dt a{ display:inline-block; font-size: 18px;color: #828282; font-weight:normal; line-height: 40px;}
.news-item dd{font-size: 14px;color: #828282;line-height: 26px;}
.news-item:hover .d{ background:#cf092b; color:#fff;}
.news-item:hover dl{ background:#1f2021; color:#fff;}
.news-item:hover dl dt a{ color:#fff;}
.news-item:hover dl dd{ color:#fff;}

.news-itemm{ padding:20px 0; border-top:1px solid #eee;}
.news-itemm dl{ width:98%; margin: 0 auto;}
.news-itemm dl .d{ line-height: 30px; font-size:14px;}
.news-itemm dl dd{ line-height: 24px;}

@media (max-width: 992px){
.con-03 .hd{ padding:20px 0  10px 0; }
.con-03 .hd h1{ font-size:40px; font-weight: normal;  line-height: 40px; }
.con-03 .hd h5{ text-transform: uppercase;}
.news-itemm dl{  padding: 0 10px; margin: 0 auto; width:100%;}

}


.con-04{background: url(bg-04.jpg) no-repeat center top;font-family: "微软雅黑";background-size:cover;padding-bottom: 70px;}
.con-04 .row{margin:140px 0 0;}
.colplay {text-align: center;}
.colplay a.imgwrap{}
.colplay img{transition:all 0.5s linear;-ms-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-webkit-transition:all 0.5s linear;}
.colplay img:hover{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}
.colplay p{text-align: center;height: 108px;line-height: 108px;}
.colplay p a{color: #fff;font-size: 16px;transition:none;}
.colplay p a:hover{color:#e04841;}
.con-04 .more{text-align: center;}
.con-04 .more a{display: inline-block;width: 158px;height: 44px;line-height: 44px;text-align: center;background: #e04841;font-size: 14px;color: #fff;border-radius:20px}

.con-05{position: relative;text-align: center;background: url(pic-05.jpg) no-repeat center top;height:118px;}
.con-05 img{width: 100%;}
.con-05 .cooperation{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background:url(cooperation02.jpg) no-repeat center top;}
.con-05 .cooperation h3{font-size: 48px;font-family: Impact;margin:60px 0 0 !important;}
.con-05 .cooperation span{font-size: 36px;font-family: Microsoft Yahei;display: block;}
.con-05 .cooperation:hover{/*animation:skewto 1.5s linear forwards;-moz-animation:skewto 1.5s linear forwards;-webkit-animation:skewto 1.5s linear forwards;-ms-animation:skewto 1.5s linear forwards;*/background: none;}
.con-05 .cooperation:hover h3{
	/*animation:skewno 1.5s linear forwards;
	-moz-animation:skewno 1.5s linear forwards;
	-ms-animation:skewno 1.5s linear forwards;
	-webkit-animation:skewno 1.5s linear forwards;*/
}


@media (max-width: 768px){
	.con-03{margin-bottom: 30px;}
	.con-03 .hd{margin: 0 auto 20px;}
}

@keyframes skewto {
	0%{
		transform:skewX(0) translateX(0%);
		transform-origin:center 0;
		width: 100%;
	}
	25%{
		transform-origin:center 0;
		transform:skewX(10deg) translateX(6%);
		width: 90%;
	}
	50%{
		transform-origin:center 0;
		transform:skewX(20deg) translateX(12%);
		width: 80%;
	}
	75%{
		transform-origin:center 0;
		transform:skewX(30deg) translateX(16%);
		width: 70%;
	}
	100%{
		transform-origin:center 0;
		transform:skewX(45deg) translateX(25%);
		width: 60%;
	}
}
@-webkit-keyframes skewto {
	0%{
		-webkit-transform:skewX(0) translateX(0%);
		-webkit-transform-origin:center 0;
		width: 100%;
	}
	25%{
		-webkit-transform-origin:center 0;
		-webkit-transform:skewX(10deg) translateX(6%);
		width: 90%;
	}
	50%{
		-webkit-transform-origin:center 0;
		-webkit-transform:skewX(20deg) translateX(12%);
		width: 80%;
	}
	75%{
		-webkit-transform-origin:center 0;
		-webkit-transform:skewX(30deg) translateX(16%);
		width: 70%;
	}
	100%{
		-webkit-transform-origin:center 0;
		-webkit-transform:skewX(45deg) translateX(25%);
		width: 60%;
	}
}
@-moz-keyframes skewto {
	0%{
		-moz-transform:skewX(0) translateX(0%);
		-moz-transform-origin:center 0;
		width: 100%;
	}
	25%{
		-moz-transform-origin:center 0;
		-moz-transform:skewX(10deg) translateX(6%);
		width: 90%;
	}
	50%{
		-moz-transform-origin:center 0;
		-moz-transform:skewX(20deg) translateX(12%);
		width: 80%;
	}
	75%{
		-moz-transform-origin:center 0;
		-moz-transform:skewX(30deg) translateX(16%);
		width: 70%;
	}
	100%{
		-moz-transform-origin:center 0;
		-moz-transform:skewX(45deg) translateX(24%);
		width: 60%;
	}
}
@-ms-keyframes skewto {
	0%{
		-ms-transform:skewX(0) translateX(0%);
		-ms-transform-origin:center 0;
		width: 100%;
	}
	25%{
		-ms-transform-origin:center 0;
		-ms-transform:skewX(10deg) translateX(6%);
		width: 90%;
	}
	50%{
		-ms-transform-origin:center 0;
		-ms-transform:skewX(20deg) translateX(12%);
		width: 80%;
	}
	75%{
		-ms-transform-origin:center 0;
		-ms-transform:skewX(30deg) translateX(16%);
		width: 70%;
	}
	100%{
		-ms-transform-origin:center 0;
		-ms-transform:skewX(45deg) translateX(24%);
		width: 60%;
	}
}
@keyframes skewno {
	0%{
		transform:skewX(0);
		transform-origin:center 0;
	}
	25%{
		transform-origin:center 0;
		transform:skewX(-10deg);
	}
	50%{
		transform-origin:center 0;
		transform:skewX(-20deg);
	}
	75%{
		transform-origin:center 0;
		transform:skewX(-30deg);
	}
	100%{
		transform-origin:center 0;
		transform:skewX(-45deg);
	}
}
@-webkit-keyframes skewno {
	0%{
		-webkit-transform:skewX(0);
		-webkit-transform-origin:center 0;
	}
	25%{
		-webkit-transform-origin:center 0;
		-webkit-transform:skewX(-10deg);
	}
	50%{
		-webkit-transform-origin:center 0;
		-webkit-transform:skewX(-20deg);
	}
	75%{
		-webkit-transform-origin:center 0;
		-webkit-transform:skewX(-30deg);
	}
	100%{
		-webkit-transform-origin:center 0;
		-webkit-transform:skewX(-45deg);
	}
}
@-ms-keyframes skewno {
	0%{
		-ms-transform:skewX(0);
		-ms-transform-origin:center 0;
	}
	25%{
		-ms-transform-origin:center 0;
		-ms-transform:skewX(-10deg);
	}
	50%{
		-ms-transform-origin:center 0;
		-ms-transform:skewX(-20deg);
	}
	75%{
		-ms-transform-origin:center 0;
		-ms-transform:skewX(-30deg);
	}
	100%{
		-ms-transform-origin:center 0;
		-ms-transform:skewX(-45deg);
	}
}
@-moz-keyframes skewno {
	0%{
		-moz-transform:skewX(0);
		-moz-transform-origin:center 0;
	}
	25%{
		-moz-transform-origin:center 0;
		-moz-transform:skewX(-10deg);
	}
	50%{
		-moz-transform-origin:center 0;
		-moz-transform:skewX(-20deg);
	}
	75%{
		-moz-transform-origin:center 0;
		-moz-transform:skewX(-30deg);
	}
	100%{
		-moz-transform-origin:center 0;
		-moz-transform:skewX(-45deg);
	}
}