.download_btn, .s_left, .s_right, .sina_ico, .opt_ico, .switch_list span{ background: url(../images/sp_png24.png)/*tpa=http://www.cctegxian.com/images/sp_png24.png*/ no-repeat;}
.wp{ width:1100px; margin:0 auto; position:relative;}
.banner{ width:100%; float:left;}
.banner .content{ position:relative;zoom:1; width:100%; height:572px; float:left;overflow: hidden;}
.bg_colors{ position:absolute; left:0; top:0; width:100%; height:100%; background:#1385ea;}
.bgs_box{ position:absolute; left:0; top:0; width:100%; height:100%;opacity:0;filter:alpha(opacity=0);}
.bg_colors .on{opacity:1;filter:alpha(opacity=100)}
.bg_colors .wp{ height:830px;}
.img_area{ position:absolute; top:0; left:0; margin-left:-60px; margin-top:30px; width:1200px;}
.bgs_box .wp{position:absolute; left:50%; margin-left:-550px; top:50%; margin-top:-286px; height:auto!important; z-index:0!important; }
.bgs_1{ background:url(../images/banner1.jpg) no-repeat center top;}
.s_left, .s_right{width:60px; height:60px; position:absolute; top:50%; margin-top:-30px; cursor:pointer; z-index:10;}
.s_left{ background:url(../images/jt_left.png) no-repeat;left:10px;}
.s_right{ background:url(../images/jt_right.png) no-repeat; right:10px;}
.switch_list{ position:absolute; left:50%; margin-top:17px; height:16px; margin-left:-24px; text-align:center; z-index:10; overflow:hidden;}
.switch_list span{background: url(../images/b_ico.png)no-repeat; float:left; vertical-align:top; width:16px; height:16px;overflow:hidden;  margin:0 12px 0 0; cursor:pointer;}
.switch_list .on{ background:url(../images/b_xzico.png) no-repeat;}
.bgs_2{  background:url(../images/banner2.jpg)no-repeat center top;z-index:0;}
.bgs_2 .s_wz{ background:url(../images/banner2_wz.png) no-repeat; width:885px; height:107px; margin-top:30px;}
.bgs_2 .shadow01{ width:1182px; float:right;}
.bgs_2 .s_img{ background:url(../images/banner2_img.png)no-repeat; width:1182px; height:292px; margin-left:-20px; margin-top:30px;}

.bgs_3{ background:url(../images/banner3.jpg)no-repeat center top; z-index:0;}
.bgs_3 .shadow{ width:646px;float:left; margin-top:40px;}
.bgs_3 .shadow .wz{ width:627px; margin-left:35px;font-size:34px; color:#333333; float:left; font-weight:bold;}
.bgs_5{ background:url(../images/banner5.jpg)no-repeat center top;}
.bgs_4{ background:url(../images/banner4.jpg)no-repeat center top; z-index:0;}
.bgs_4 .shadow{ width:646px;float:left; margin-top:150px;}
.bgs_4 .shadow .wz{ width:627px; margin-left:35px;font-size:34px; color:#D90000; float:left; font-weight:bold; line-height:50px;}
.bgs_4 .shadow01{ width:614px; float:right;}
.bgs_4 .s_img{ background:url(../images/banner4_img.png) no-repeat; width:614px; height:353px; margin-left:-20px; margin-top:-160px;}
.bottom_box{ width:100%; background:url(../images/black.png)repeat; height:50px; float:left; position:absolute; bottom:0;}


.item_img_css3{
	-webkit-animation:img_item .8s ease-out;
	animation:img_item .8s ease-out;
}

@-webkit-keyframes img_item{
	0%{-webkit-transform:translateX(-100px); opacity:0}
	100%{-webkit-transform:translateX(0);  opacity:1}
}
@keyframes img_item{
	0%{transform:translateX(-100px);opacity:0}
	100%{transform:translateX(0); opacity:1}
}

.item_img_css3 .shadow01{
	-webkit-animation:img_item01 .8s ease-out;
	animation:img_item01 .8s ease-out;
}

@-webkit-keyframes img_item01{
	0%{-webkit-transform:translateX(200px); opacity:0}
	100%{-webkit-transform:translateX(0);  opacity:1}
}
@keyframes img_item01{
	0%{transform:translateX(200px);opacity:0}
	100%{transform:translateX(0); opacity:1}
}



@media screen and (max-width: 1280px) {
	.banner .content{height: 472px;}
	.banner .content .bgs_box{background-size: cover;}

	.bgs_3 .shadow{width: 50%;}
	.bgs_3 .shadow .wz{width: 90%;}
	.bgs_3 .shadow .wz img{width: 100%;}

	.bgs_box .wp{width: 100%;height: 100% !important;top: 0;left: 0;margin: 0;}
	.img_area{width: 100%;height: 100%;margin: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
	.bgs_4 .shadow{width: 46%;margin-top: 0;}
	.bgs_4 .shadow01{width: 48%;display: flex;align-items: center;}
	.bgs_4 .s_img{width: 100%;height: 320px;margin: 0;background-size: contain;}

	.bgs_2 .img_area{flex-direction: column;justify-content: center;align-items: center;}
	.bgs_2 .img_area .shadow{height: 30%;width: 100%;padding-top: 3%;box-sizing: border-box;}
	.bgs_2 .s_wz{height: 100%;width: 60%;background-size: contain;margin: 0 auto;}
	.item_img_css3 .shadow01{width: 100%;height: 60%;float: none;margin-top: 3%;}
	.bgs_2 .s_img{width: 70%;height: 100%;background-size: contain;margin: 0 auto;}
}

@media screen and (max-width: 991px) {
	.banner .content{height: 360px;}
}

@media screen and (max-width: 767px) {
	.banner .content{height: 240px;}
	.s_left,
	.s_right{width: 40px;height: 40px;margin-top: -20px;background-size: contain;}
	.bottom_box{height: 36px;}
	.switch_list{margin-top: 10px;margin-left: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
}


/*20191219Ôö¼Ó*/
.index-banner{float: left;width: 100%;}
.index-banner .swiper-slide a{display: block;}
.index-banner .swiper-slide a img{display: block;width: 100%;}
.index-banner .swiper-button-prev{outline: none;width: 60px;height: 60px;left: 3%;margin-top: -30px;background: url(../images/jt_left.png);background-size: 100% 100%;}
.index-banner .swiper-button-next{outline: none;width: 60px;height: 60px;right: 3%;margin-top: -30px;background: url(../images/jt_right.png);background-size: 100% 100%;}
.index-banner .swiper-pagination-bullet{border: 1px solid #fff;outline: none;}


@media screen and (max-width: 991px) {
	.index-banner .swiper-slide a{height: 300px;overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
	.index-banner .swiper-slide a img{width: auto;height: 100%;}
}

@media screen and (max-width: 767px) {
	.index-banner .swiper-slide a{height: 240px;}
	.index-banner .swiper-button-prev{width: 30px;height: 30px;margin-top: -15px;}
	.index-banner .swiper-button-next{width: 30px;height: 30px;margin-top: -15px;}
}