.swiper-slide{position: relative;overflow: hidden;}
.swiper-slide .divBox h2{transition: all 0.9s ease-in-out 0.3s;-webkit-transition: all 0.9s ease-in-out 0.3s;-moz-transition: all 0.9s ease-in-out 0.3s;-o-transition: all 0.9s ease-in-out 0.3s;}
.swiper-slide .divBox p{transition: all 0.9s ease-in-out 0.6s;-webkit-transition: all 0.9s ease-in-out 0.6s;-moz-transition: all 0.9s ease-in-out 0.6s;-o-transition: all 0.9s ease-in-out 0.6s;}
.swiper-slide .divBox{position: absolute;top: 47%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);text-align: right;z-index: 999;}
.swiper-slide .divBox h2{font-size: 40px;color: #fff;width: 44px;line-height: 50px;float: right; margin-bottom: 10px;transform: translateX(-300px);-webkit-transform: translateX(-300px);-moz-transform: translateX(-300px);-o-transform: translateX(-300px);opacity: 0;}
.swiper-slide .divBox p{color: #FFFFFF;font-size: 18px;transform: translateX(-300px);-webkit-transform: translateX(-300px);-moz-transform: translateX(-300px);-o-transform: translateX(-300px);opacity: 0;}
.indexBanner .swiper-slide a img:last-child{display: none;}
.swiper-slide-active .divBox h2, .swiper-slide-active .divBox p{transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);opacity: 1;}



.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{width: 1200px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);}
.swiper-pagination{text-align: right;}
.newss .swiper-pagination-bullet{background: #fff;opacity: 1;}
.newss .swiper-pagination-bullet-active{background: #C7000A;}
.swiper-slide a img{display: block;width: 100%;}

.section{background: #F2F2F2;padding-top: 75px;}
.section .divBox{position: relative;}
.section .divBox .indexBox{float: left;position: absolute;left: 0;top: -45px;animation: moveLeft 0.9s ease-in-out;-webkit-animation: moveLeft 0.9s ease-in-out;-moz-animation: moveLeft 0.9s ease-in-out;-o-animation: moveLeft 0.9s ease-in-out;width: 100%;}
@keyframes moveLeft{
	from{transform: translateX(-755px);-webkit-transform: translateX(-755px);-moz-transform: translateX(-755px);-o-transform: translateX(-755px);opacity: 0;}
	to{transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);opacity: 1;}
}
.section .divBox .xqf{float: right;box-shadow: 0 0 2px 2px #E0E0E0;position: relative; -webkit-box-shadow: 0 0 2px 2px #E0E0E0;-moz-box-shadow: 0 0 2px 2px #E0E0E0;-o-box-shadow: 0 0 2px 2px #E0E0E0;height: 227px;width: 368px; overflow: hidden;}
.section .divBox .xqf img{height: 100%;}
.xqf p{position: absolute;top: 0;left: 0;padding: 10px;opacity: 0;color: #666;}
.xqf p span{font-size: 16px;display: block;text-align: center;}
.xqf:hover img{opacity: 0.3;}
.xqf:hover p{opacity: 1;animation: scroP 40s infinite linear 0.3s;-webkit-animation: scroP 40s infinite linear 0.3s;-moz-animation: scroP 40s infinite linear 0.3s;-o-animation: scroP 40s infinite linear 0.3s; }
@keyframes scroP{
	from{top: 0;}
	to{top: -1317px;}
}
.indexTitle{width: 100%;}
.indexTitle li{width: 200px;text-align: center;float: left;background: #fff;cursor: pointer;position: relative;z-index: 1;}
.indexTitle li p a{font-size: 20px;height: 45px;line-height: 45px;color: #333;}
.indexTitle li.active, .news .newsTitle h2 a{background: url(../img/ico-gradient.png) no-repeat center; background: linear-gradient(to right, #CB1705, #E45618);}
.indexTitle li.active p a{color: #fff;}
.indexTitle>div{padding: 24px 42px 44px;width: calc(100% - 368px);background: #fff;position: absolute;top: 45px;left: 0;z-index: 0;
				box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-shadow: 0 0 2px 2px #E0E0E0;-webkit-box-shadow: 0 0 2px 2px #E0E0E0;-moz-box-shadow: 0 0 2px 2px #E0E0E0;-o-box-shadow: 0 0 2px 2px #E0E0E0;}
.indexTitle>div.hide{display: none;}
.indexTitle>div a{color: #666;float: right;}
.indexTitle>div>a{float: left;width: 126px;max-height: 152px;overflow: hidden;}
.indexTitle>div>a img{width: 100%;}
.indexTitle>div>a:hover img{width: 100%;transform: scale(1.1);}
.indexTitle div div{float: right;width: 74%;}
.indexTitle div div h2{font-size: 18px;font-weight: normal; color: #666;margin-bottom: 10px;}
.indexTitle div p{float:left;}
.indexTitle div div p{margin-bottom: 10px;height: 91px;overflow: hidden;}
.news{margin-top: 30px;padding-bottom: 30px;}
/*.news .newsTitle{padding-bottom: 24px;}*/
.news .newsTitle h2 a{float: left;font-size: 20px;font-weight: normal;text-align: center; width: 200px;height: 45px;line-height: 45px;color: #fff;}
.more{color: #999;}
.indexTitle>div:hover div a{color: #D71923;}
.news .newsTitle .more{float: right;}
.newsList{background: url(../img/index_03.jpg) no-repeat top right;height: 266px;overflow: hidden;}
.newsList>a{display: block;width: 444px;height: 207px;position: absolute;right: 0;}
.newsss{width: calc(100% - 368px);margin-left: 0;height: 205px;animation: moveRight 0.9s ease-in-out;}
@keyframes moveRight{
	from{transform: translateX(756px);-webkit-transform: translateX(756px);-moz-transform: translateX(756px);-o-transform: translateX(756px);opacity: 0;}
	to{transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);opacity: 1;}
}
.newsss .swiper-slide{padding: 30px 42px 30px 170px;box-sizing: border-box;-webkit-box-sizing: border-box;background: #fff;}
.newsss .swiper-slide span{font-size: 18px;color: #b1b1b1;}
.newsss .swiper-slide h3{margin: 10px 0 15px;}
.newsss .swiper-slide h3 a{font-size: 18px;font-weight: normal;color: #C7000A;height: 67px;overflow: hidden;}
.newsss .swiper-slide p{line-height: 22px;}
.newsss .swiper-slide p a{color: #666666;}
.newsss .swiper-slide>a{float: right;color: #666666;}
.newsss .swiper-slide>a:hover{color: #C7000A;}
.newsList{position: relative;}
.newsList .swiper-pagination{width: 120px;top: 0; height: 100%;background: #E8E8E8;padding-top: 10px;
							box-sizing: border-box;-webkit-box-sizing: border-box;text-align: center;}
.newsList .swiper-pagination-bullet{font-size: 18px;margin-bottom: 10px; font-weight: bold; color: #666666;width: 100%;opacity: 1; height: 30px;line-height: 30px;background: #E8E8E8;border-radius: inherit;}
.newsList .swiper-pagination-bullet-active, .newsList .swiper-pagination-bullet:hover{color: #C7000A;font-size: 24px;}
.newsList .swiper-pagination-bullet-active{transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.newsList .more{position: absolute;width: 120px;height: 30px;text-align: center;line-height: 30px;left: 0;bottom:60px; display: block;z-index: 99;}
.swiper-button-next{width: 45px;height: 45px;background: #C7000A url(../img/ico-bottom.png) no-repeat center center;left: 54%;top: 76%;}
.swiper-button-prev{display: none;}
.newsList .more:hover, .news .newsTitle .more:hover{color: #D71923;}

.bottom{background:rgba(0, 0, 0, 0) url("/templets/xqtz/img/ico-search.png") no-repeat center;border:medium none;width:30px !important;margin-right:0px !important;}

.ri{position: fixed;max-width: 95%;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
.ri img{max-width: 100%;}