* { margin: 0; padding: 0; text-decoration: none;}ul { list-style-type: none;}li,lo{ list-style: none;}

@keyframes mm1{from {top:187px}to {top:160px;}}
@-moz-keyframes mm1{from {top:187px}to {top:160px;}}
@-webkit-keyframes mm1{from {top:187px}to {top:160px;}}
@keyframes mm2{from {top:112px}to {top:139px;}}
@-moz-keyframes mm2{from {top:112px}to {top:139px;}}
@-webkit-keyframes mm2{from {top:112px}to {top:139px;}}

.delay-1 {-webkit-animation-delay: 2.5s;animation-delay: 2.5s}
.delay-2 {-webkit-animation-delay: 1.5s;animation-delay: 1.5s}
.delay-3 {-webkit-animation-delay: 1.5s;animation-delay: 1.5s}
.delay-4 {-webkit-animation-delay: 2.5s;animation-delay: 2.5s}
.delay-5 {-webkit-animation-delay: 3.5s;animation-delay: 3.5s}
.delay-6 {-webkit-animation-delay: 4.5s;animation-delay: 4.5s}
.br10{border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;}
.br45{border-radius:45px;-webkit-border-radius: 45px;-moz-border-radius: 45px;-ms-border-radius: 45px;-o-border-radius: 45px;}
.br5{border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;}
.bs10{box-shadow: 0px 0px 10px 0px rgb(230 230 230 / 83%);-webkit-box-shadow: 0px 0px 10px 0px rgb(230 230 230 / 83%);-ms-box-shadow: 0px 0px 10px 0px rgb(230 230 230 / 83%);-moz-box-shadow: 0px 0px 10px 0px rgb(230 230 230 / 83%);-o-box-shadow: 0px 0px 10px 0px rgb(230 230 230 / 83%);}
.active .flipInY{-webkit-backface-visibility: visible!important;backface-visibility: visible!important;-webkit-animation-name: flipInY;animation-name: flipInY}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both}

@-webkit-keyframes flipInY {0% {-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);transform: perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0}40% {-webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);transform: perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in}60% {-webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);transform: perspective(400px) rotate3d(0,1,0,10deg);opacity: 1}80% {-webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);transform: perspective(400px) rotate3d(0,1,0,-5deg)}100% {-webkit-transform: perspective(400px);transform: perspective(400px);opacity: 1}}
@keyframes flipInY {0% {-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);transform: perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0}40% {-webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);transform: perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in}60% {-webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);transform: perspective(400px) rotate3d(0,1,0,10deg);opacity: 1}80% {-webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);transform: perspective(400px) rotate3d(0,1,0,-5deg)}100% {-webkit-transform: perspective(400px);transform: perspective(400px);opacity: 1}}
@-webkit-keyframes slideInLeft {0% {-webkit-transform: translateX(-435px);transform: translateX(-435px);visibility: visible}100% {-webkit-transform: translateX(0);transform: translateX(0)}}
@keyframes slideInLeft {0% {-webkit-transform: translateX(-435px);transform: translateX(-435px);	visibility: visible}100% {-webkit-transform: translateX(0);transform: translateX(0)}}
.active .slideInLeft {-webkit-animation-name: slideInLeft;animation-name: slideInLeft}
@-webkit-keyframes slideInRight {0% {-webkit-transform: translateX(606px);transform: translateX(606px);visibility: visible}100% {-webkit-transform: translateX(0);transform: translateX(0)}}
@keyframes slideInRight {0% {-webkit-transform: translateX(606px);transform: translateX(606px);visibility: visible}100% {-webkit-transform: translateX(0);transform: translateX(0)}}
.active .slideInRight {-webkit-animation-name: slideInRight;animation-name: slideInRight}
@-webkit-keyframes rollIn {0% {opacity: 0;-webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100% {opacity: 1;-webkit-transform: none;transform: none}}
@keyframes rollIn {0% {opacity: 0;-webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100% {opacity: 1;-webkit-transform: none;transform: none}}
.active .rollIn {-webkit-animation-name: rollIn;animation-name: rollIn}
.next_page{ position: fixed; width: 120px; height: 50px; left: 47.5%; bottom: 15px; z-index: 999; animation: start 1.5s infinite ease-in-out;} 
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 1%;
    padding-right: 1%;
}
 .container {position: relative;width: 20px;height: 20px;padding-left: 0px !important;padding-right: 0px !important;margin:0px auto;}
.chevron {position: absolute;width: 20px;height: 7px;opacity: 0;transform: scale3d(0.5, 0.5, 0.5);animation: move 3s ease-out infinite;}.chevron:first-child {animation: move 3s ease-out 1s infinite;}.chevron:nth-child(2) {animation: move 3s ease-out 2s infinite;}.chevron:before,.chevron:after {content: ' ';position: absolute;top: 0;height: 100%;width: 51%;background: #fff;}.chevron:before {left: 0;transform: skew(0deg, 30deg);}.chevron:after {right: 0;width: 50%;transform: skew(0deg, -30deg);}@keyframes move {25% {opacity: 1;}33% {opacity: 1;transform: translateY(30px);}67% {opacity: 1;transform: translateY(40px);}100% {opacity: 0;transform: translateY(55px) scale3d(0.5, 0.5, 0.5);}}
.top { position: fixed; left: 0; right: 0; top: 0; z-index: 999; height: auto; background-color: rgb(72 72 72 / 35%);}
		.menu { width: 90%; margin: 0 auto; overflow: hidden;}
		.logo { float: left; margin-top: 9px;}
		.logo a { display: inline-block; width: auto; height: auto; }
		.logo img{ height:50px; width: auto;}
		.nav { float: right; }
		.nav li { display: inline-block; margin-left: 1rem;}
		.nav a { display: inline-block; height:45px; line-height: 45px; font-size: 18px; color: #fff; text-decoration: none; padding: 0px 10px; margin: 10px 0px; font-size: 1rem; display: inline-block;}
		.nav a:hover,.nav .on a{ color: #fff; background-color: #cc0000; border-radius: 5px;}
.section { text-align: center; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; overflow: hidden;}
 	 	#section0 { background-image: url(../images/gb1.jpg);}
		 #section1 { background-image: url(../images/bg2.jpg);} 
		#section4 { background-image: url(../images/bg4.jpg);} 
		 
		#fp-nav ul li a span, .fp-slidesNav ul li a span { background-color: #fff;}
		
		/* 第一屏 */
		.car_bg{ position: absolute; left: 500px; bottom: 0px; width: auto; opacity: 0; transition: all 0.8s;margin-left:-102px; z-index:2;}
		.car_bg img{width: 1000px;}
		.fonts{ position: absolute;top: 220px; right: 9%; width: 32%;}
		.font_1{ margin: 0px  200px 0px 0px; }
		.font_2{  margin: 30px -40px 0px 30px;}
		.font_3{  margin: 30px -40px 0px 330px;} 
		.font_1,.font_2,.font_3{display:inline-block; opacity: 0; transition: all 1s;z-index:2; }
		.active .car_bg{ left: 15%; opacity: 1; transition-delay: 0s;}
		.active .font_1{ opacity: 1; transition-delay: 0.5s; margin-right:0px;}
		.active .font_2{ opacity: 1; transition-delay:0.6s; margin-right:0px;}
		.active .font_3{ opacity: 1; transition-delay: 0.7s; margin-right:0px;}
		/* 第二屏 */
		.t_car{ position: absolute; left: 0px; bottom: 0px; width: auto; opacity: 0; transition: all 0.8s;margin-left:-102px; z-index:2;}
		.t_car img{width: 960px;}
		.active .t_car{ left: 10%; opacity: 1; transition-delay: 0s;}
		.t_font{ position: absolute;top: 160px; right: 15%; width:530px;}
		.t_font .fa,.t_font .fb,.t_font .fc{display:inline-block; opacity: 0; transition: all 1s;z-index:2; width: 100%; }
		.t_font .fa{margin: 0px  0px 0px -30px; float: left; text-align: left;}
		.t_font .fb{margin: 5px  0px 0px 85px; float: left; text-align: left;}
		.t_font .fc{margin: 30px  -40px 0px 0px; float: right; text-align: right;}
		.t_font_box{ background-color:rgb(255 255 255 / 40%); width: 500px; height: auto; position: absolute;right: 11%;z-index: 8; top: 650px; transition: all 0.8s; opacity: 0;}
		.t_font_box .tbf_a,.t_font_box .tbf_b{ padding: 5%; width:40%; float: left; display: inline-block; font-size: 18px; line-height: 40px; text-align: left; color: #333;}
		
		
		.active .t_font .fa{opacity: 1; transition-delay: 0.5s; margin-left:0px;}
		.active .t_font .fb{opacity: 1; transition-delay: 0.8s; margin-left:185px;}
		.active .t_font .fc{opacity: 1; transition-delay: 1s; margin-right:0px;}
		.active .t_font_box{opacity: 1; transition-delay: 0.5s;top: 450px;transition-duration: 1s;-moz-transition-duration: 1s;  -webkit-transition-duration: 1s;-o-transition-duration: 1s; }
		
	 
		/* 第三屏 */
		.p_bgBox{height: 100%;width: 100%;background-position: center;background-size: auto; position: absolute;z-index: 20; background-image: url(../images/hs_bg.png);opacity:0.6; top: 0; left: 0;}
		.w_sfbox video{position: absolute;width: 100%;height:auto;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.font_txt_s{position: absolute;width: 100%;height:auto;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); z-index: 39;}
	 .font_txt_s .tt,  .font_txt_s .sth_nave{ width: 100%; height: auto; color: #fff;} 
	 .font_txt_s .tt h3{ font-size: 42px; line-height:50px; color: #fff;display: inline-block; width: 100%;height: 50px;letter-spacing: 3px; margin-top: -90px;opacity:0.2; transition: all 0.8s; margin-bottom: 20px;}
	 .font_txt_s .tt p{ font-size:24px; margin:15px 0px; display: inline-block; width: 100%;letter-spacing:3px;margin-top: 40px;opacity:0.2; transition: all 0.8s;}
	  .font_txt_s .sth_nave{ text-align: center;}
	 .font_txt_s .sth_nave a{ display: inline-block; margin: 20px 10px; font-size: 18px; color: #fff; border: 1px solid #fff; padding: 10px 30px; border-radius: 45px;-webkit-border-radius: 45px;-moz-border-radius: 45px;-ms-border-radius: 45px;}
	.font_txt_s .sth_nave a:hover{background-color: #FFFFFF; color: #000; }  
	.active .font_txt_s .tt h3{opacity: 1; transition-delay: 0.5s; margin-top:0px;}
	.active .font_txt_s .tt p{opacity: 1; transition-delay: 0.5s; margin-top:0px;} 
/* 第四屏 */ 
.fbg_bgBox{height: 100%;width: 100%;  position: absolute;z-index: 20; background-color: rgb(0 0 0 / 34%); top: 0; left: 0;}
.fleft_bg{background-image: url(../images/qc3_01.jpg); position: absolute; left: 0px; bottom: 0px; height: 100%; width: 49%; background-size:cover; background-position: bottom; }
.flright_bg{ position: absolute; right: 0px; bottom: 0px; height: 100%; width: 51%;  }
.flright_bg .fl_rtop{ position:relative; height: 50%; width: 100%;background-image: url(../images/qc3_02.jpg);background-size:cover; background-position: bottom;}
.flright_bg .fl_bottom{ position:relative; height: 50%; width: 100%;background-image: url(../images/qc3_03.jpg);background-size:cover; background-position: bottom;}
/* 新闻列表 */
.newsBox {

     background-image: linear-gradient(to top,#ffffff 0%,#ffffff 100%);

    width: 80%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 0px;
}
.col-lg-3 {
    width: 31.3333%;    float: left;
    display: inline-block;
}.thumbnail {
    display: block;
    padding: 4px; border-radius:10px 10px 4px 4px; 
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff; 
    -webkit-transition: 0.15s ease-in-out;
    -o-transition: 0.15s ease-in-out;
	    transition: 0.15s ease-in-out;
	    box-shadow: 0 2px 6px 2px rgba(0,0,0,.06); 
}
.caption {
    padding: 26px 30px;
    text-align: center;
    padding: 9px;
    color: #595959;
}
.deta {
    font-size: 30px;
    color: #e94f1b;
}
.pic {
    width: 100%;
    border-radius:10px; 
  margin-left: auto;
    margin-right: auto;
  display: block;
    max-width: 100%;
    height: auto;
} .caption .title {
    line-height: 25px; height: 50px; overflow: hidden; display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-boottom: 10px;
    color: #333;
}

.p_OccupyBox {
    margin: 0;
    width: 100%;
    height: auto;
    padding: 0;
    border: none;
    overflow: hidden;
    text-align: center;
}

.p_OccupyBox a,.p_OccupyBox font,.p_OccupyBox span{ display: inline-table;
    position: relative;
    left: 0;
    top: 0; 
    height: 30px; line-height:30px; font-size:14px; display: inline-block;
    margin: 0 5px 0 18px;
    text-align: center;
    padding: 0 15px;
    border-radius: 6px;
    border: 1px solid #d9d9d9;
    background: #fff;
    color: #595959;}

 

.p_OccupyBox .active,.p_OccupyBox span {
    text-decoration: none;
    background-color: #cc0000;
    color: #fff;
    border-color: #cc0000;
}
.p_OccupyBox .pre1 {  
    color: rgba(255,255,255,1)!important;
    background-color: #c8c8c8!important;
    cursor: not-allowed!important;
    border: none!important;
}

 

@media only screen and (max-width:1800px) {
	.fonts{  width: 37%;}
	.car_bg img{width: 980px;}  	
		.t_font {top: 150px;right: 6%;  }	
		 .t_font_box{ right: 5%;}
	} 
	 @media only screen and (max-width:1680px) {
	.fonts{  width: 38%;top: 250px;right: 10%;}
	.car_bg img{width: 910px;}  	
	.t_car img{width: 910px;}	
	.t_font {top: 170px;right: 6%;  }
	.t_font_box{ right: 5%;}
	.t_font_box .tbf_a,.t_font_box .tbf_b{font-size: 16px;}
 .w_sfbox video{ width: auto; height: 100%;}
		  
	 }	
	@media only screen and (max-width:1600px) {
			 		 
	}	
	@media only screen and (max-width:1441px) {
		.car_bg{ left: 8%;}
		
		.fonts{ width: 38%;top: 200px; right: 16%;width: 480px;}
		.font_2{  margin: 30px 0px 0px 10px;}
		.font_3{  margin: 30px 0px 0px 290px;}
		.car_bg img{width: 750px;} 	 
		.font_1 img{ width: 280px;}
		.font_2 img{ width: 232px;}
		.font_3 img{  width: 237px;}
		.t_car img {   width: 780px;}
		.t_font .fa img{ width: 286px;}
		.t_font .fb{margin-left: 150px;}	
		.t_font .fb img{width: 140px;}
		.t_font .fc img{ width: 295px;}
		.active .t_font_box{ width: 440px;top: 390px;}
		.t_font_box .tbf_a, .t_font_box .tbf_b{ line-height: 35px;}
		 .t_font{ top:140px}
		 .active .font_txt_s .tt p{ font-size: 16px;}
		 .font_txt_s .sth_nave a{ font-size: 16px; padding: 9px 20px;}
			 
}	
	@media only screen and (max-width:1400px) {
			 
			 
	}	
	@media only screen and (max-width:1368px) {
		.car_bg{ left: 8%;}
		.fonts{ width: 31%;top: 200px;right: 16%; }
		.font_2{  margin: 20px 0px 0px 10px;}
		.font_3{  margin: 20px 0px 0px 240px;}
		.car_bg img{width: 710px;} 	 
		.font_1 img{ width: 240px;}
		.font_2 img{ width: 192px;}
		.font_3 img{  width: 197px;}
		 .t_car img {   width: 710px;}
		 .t_font .fa img{ width: 236px;}
		 .t_font .fb{margin-left: 150px;}	
		 .t_font .fb img{width: 140px;}
		 .t_font .fc img{ width: 245px;}
		 .active .t_font_box{ width: 405px;top: 353px;}
		 .t_font_box .tbf_a, .t_font_box .tbf_b{ line-height: 30px;  font-size: 14px;}
		  .t_font{ top:140px;width: 400px;right: 11%;}
		  .active .font_txt_s .tt p{ font-size: 14px;}
		  .font_txt_s .sth_nave a{ font-size: 16px; padding: 5px 20px;right: 11%;}
			 
	}	
	@media only screen and (max-width:1280px) {
	}	 
	.top_pci{ width: 100%; display: inline-block; margin: 50px 0px; text-align: center; font-size: 38px; font-weight: bold; }
	.top_pci font{ color: #cc0000;}
.banner_show{ height:700px;overflow: hidden;width: 100%;}
		.banner_show .swiper-wrapper a,.banner_show .swiper-wrapper .listimg{ background-size:100% center; background-repeat:no-repeat;background-position: right bottom;  display: inline-block; width: 100%; height: 700px; background-size: cover;}
		.banner_show img{ height: 700px;}
		.bottom-nav {
			width: 100%;
			text-align: center;
			position:relative;
			bottom: 30px;
			z-index: 10;
		}
		.bottom-nav .swiper-pagination{ width: 100%;	position:relative;}
		.bottom-nav .swiper-pagination-bullet{ width: 50px; height: 10px; border-radius: 5px; margin: 0px 10px;}
		.bottom-nav .swiper-pagination-bullet-active{ background-color: #CC0000;}
		.banner_show .swiper-button-next, .banner_show .swiper-button-prev,.banner_show .swiper-button-prev, .banner_show .swiper-button-next { top: 37%;}
		
		.listimg h3{}
		.app-btn {
			background-image: linear-gradient(158deg, #35e2fc 0%, #0da3fb 100%);
			border-radius: 30px;
			background-size: 200% auto;
			border-style: none;
			color: #fff;
			font-weight: 700;
			padding: 14px 40px;
			transition: 0.5s;
			text-transform: uppercase;
			z-index: 1;
			overflow: hidden;
			display: inline-block;
			-webkit-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
			font-size: 14px;
		}
		.app-btn:hover{
		color: #fff;
		background-position: right center;
		}
		.hero-text-img {
		    padding-top: 150px;
		}
		.hero-text-img img {
		  width: 406px;
		}
		@media only screen and (max-width:768px) { 
		.hero-text-img{padding-top: 58px; }
		}
		@media only screen and (max-width:480px) { 
		.hero-text-img{
		display: inline-block;
		padding-top: 112px;
		}
		.hero-text-img img {width: 100%;}
		}
		@media only screen and (max-width:414px) { 
		.hero-text-img{padding-top: 110px; }
		}
		@media only screen and (max-width:375px) { 
		.hero-text-img{padding-top: 128px; }
		}
		@media only screen and (max-width:360px) { 
		.hero-text-img{padding-top: 116px; }
		}
		@media only screen and (max-width:320px) { 
		.hero-text-img{padding-top: 171px; }
		}
 /* foot*/
 
 .footer {
     margin-top: 45px; width: 100%;
 }
 .container-global{
 	width:100%; display: inline-block;
 	margin:0 auto;	  
 }
 .footer .share{
	float:right;
	height:35px;
	line-height:35px;
	background:url(../images/share.png) right center no-repeat;
	padding-right:28px;
	font-size:16px;
	margin-right:40px;
	cursor:pointer;
	position:relative;
	z-index:2;
}
.footer .share .share-layer{
	position:absolute;
	top:-185px;
	left:-119px;
	width:352px;
	height:189px;
	background:url(../images/sharebg.png) no-repeat;
	cursor:default;
	display:none;
}
.footer .share .share-layer .weibo{
	display:inline-block;
	width:173px;
	height:175px;
	background:url(../images/sina.png) center center no-repeat;	
	float:left;
}
.footer .share .share-layer .line{
	width:1px;
	height:118px;
	background:#b9b9b9;
	display:inline-block;	
	float:left;
	margin-top:29px;
}
.footer .share .share-layer .qr{
	float:left;	
	margin:27px 0 0 23px;
}
.footer .totop{
	float:right;
	cursor:pointer;
	height:35px;
	line-height:35px;
	background:url(../images/totop.png) right center no-repeat;
	padding-right:56px;
	font-size:16px;
}
.footer .content{
	background:#222222;	
	padding-top:82px;
	background-size:cover;
}
.footer .content .item{
	display:inline-block;
	margin-right:3%;
	width:7%;
	float:left;
}
.footer .content .item.col-4{
	width:40%;
}
.footer .content .item.col-4 .col{
	width:17.5%;	
	margin-right:3%;
}
.footer .content .item.col-4 .col:nth-child(5){
	margin:0;	
}
.footer .content .item:last-child{
	margin:0;	
}
.footer .content .item .title{
	color:#d0d0d0;
	font-size:16px;
	border-bottom:1px solid #494949;
	padding:0 0 14px 3px;
	margin-bottom:25px;
}
.footer .content .item .col{
	display:inline-block;
	vertical-align:top;
	width:100%;
	float:left;
}
.footer .content .item .col .sec-title{
	color:#d0d0d0;
	font-size:15px;	
	margin-left:3px;
	margin-bottom:10px;
} 
.footer .content .item .col a{
	display:block;
	color:#6f6f6f;
	margin-bottom:10px;
	font-size:15px;	
	margin-left:3px;
}
.footer .content .item a.alltype{
	display:inline-block;
	padding-right:12px;
	color:#c1c1c1;
	background:url(../images/arrow-right2.png) right center no-repeat;
}
.footer .content .share-box{
	text-align:center;
	margin:21px 0;
}
.footer .content .share-box .title{
	display:inline-block;
	color: #6f6f6f;	
	font-size:15px;
	vertical-align:middle;
}
.footer .content .share-box .weixin{
	display:inline-block;
	width:19px;
	height:19px;
	background:url(../images/weixin.jpg) no-repeat;
	vertical-align:middle;
	position:relative;
}
.footer .content .share-box .weixin .qr-box{
	position:absolute;
	width:344px;
	height:222px;
	background:url(../images/qrbg.png) no-repeat;
	top:-230px;
	left:-149px;
	padding:0 15px;
	display:none;
}
.footer .content .share-box .weixin .qr-box>div{
	margin-top:28px;
}
.footer .content .share-box .weixin .qr-box .text{
	color:#000;
	font-size:13px;
	margin-top:8px;
	text-align:center;
}
.footer .content .share-box .weibo{
	display:inline-block;
	width:19px;
	height:19px;
	background:url(../images/weibo.jpg) no-repeat;	
	vertical-align:middle;
	margin-right:12px;
}
.footer .content .group{
	text-align:center;
	padding:33px 0 5px 0;
	/*border-top:1px solid #444444;*/	
	background: #121212;
}
.footer .content .group a{
	color:#a4a4a4; font-size: 14px;
	display:inline-block;
	height:16px;
	line-height:16px;
	border-right:2px solid #676767;
	padding:0 15px 0 13px;
}.mobile {
    display: none;
}
.footer .content .group a.last{
	border-right:none;	
}
.footer .content .copy{
	text-align:center; font-size: 14px; line-height: 30px;
	color:#a4a4a4;
	padding-bottom:33px;
	margin:0;
	background: #121212;
}
@media (max-width:1280px){
	.footer .content .item.col-4{
		width:34%;
	}
	.footer .content .item{
		margin-right:3%;
		width:8%;
	}
	.footer .content .item .title{
		font-size:14px;	
	}
	.footer .content .item .col .sec-title{
		font-size:14px;	
	}
	.footer .content .item .col a{
		font-size:14px;	
	}
	
}
@media (min-width:992px){
	.footer .content .item .col a:hover{
		color:#c2c2c2;	
	}
#foteritem{
 		width:11%!important;  
 		margin-left: 13%;  
 	}
	#fotercol{
		width:100%!important; 
	}
	.footer .content .item .title{
		font-weight: bold;
	    color: #ffffff;
	    font-size: 18px;
	    border-bottom:0px;  
	}
}


/* 详细页面 */

.infoshow{ width:80%; margin:3% 10%; display: inline-block;}
.infoshow h1{ width: 100%; display:inline-block; padding: 10px 0px;text-align: center; font-size: 24px;;}
.infoshow .tg{ text-align: center; width: 100%; display: inline-block; padding: 10px 0px; margin: 10px 0px; }
.infoshow  a{ display: inline-block;}
.infoshow .show{width: 100%; display:inline-block; padding: 10px 0px; margin: 30px 0px; line-height: 200%;}
.in_yingxiao,.in_yingxiao font,.in_yingxiao a {float: left;display: block;font-size: 16px;color: #222;}
.in_yingxiao {width: 100%;margin: auto;max-resolution: 30px;px 0 20px 0: ;overflow: hidden;padding: 20px 0px;}
.in_yingxiao .yingxiao_left {float: left;}
.in_yingxiao .yingxiao_left,.in_yingxiao .yingxiao_right {padding:10px 0px;display: inline-block;background-color: transparent;width: 43%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin: 0px 1%; border-bottom: 1px  solid #F5F5F5;}
.in_yingxiao .yingxiao_right {float: right;}
 
/* 专题页面 */
.ban_font{ position: relative; float: left; margin: 10% 0px 0px 10%;}
.ban_font h3,.ban_font h4,.ban_font p{ display:inline-block; width: 100%; color: #fff;}
.ban_font h3{ font-size: 38px; margin: 10px 0px; letter-spacing: 3px;}
.ban_font h4{ font-size: 32px; margin: 10px 0px;letter-spacing: 3px;}
.banner_show .listimg .ban_font p a{ display: inline-block; padding: 10px 30px; margin: 30px 0px 0px 0px; font-size: 18px; border:1px solid #fff; color: #fff; width: auto; height: auto;transition: all 1s;}
.banner_show .listimg .ban_font p a:hover{ background-color: #ff0000; border: 1px solid #ff0000; }
.box{ width: 100%; display: inline-block;}
.pz_title{ width:90%; display: inline-block; margin: 3% 5% 1% 5%;}
.pz_title h3{ font-size: 38px; margin: 10px 0px;}
.pz_cs{width:90%; display: inline-block; margin: 1% 5%;}
.pz_csl{ width: 57%; float: left; display: inline-block;}
.pz_csr{ width: 42%; float: right; display: inline-block;}
.pz_csr img{ width: 100%; height: auto;}
.cs_lista,.cs_listb{ width: 100% ;display:inline-block;}
.cs_lista dl{ width: 29.333%; margin: 1% 4% 1% 0px; float: left; display: inline-block;} 
.cs_lista dl dt{ font-size: 28px; font-weight: bold; margin: 0px 0px 10px 0px; display: inline-block; width: 100%;}
.cs_lista dl dd{display: inline-block;font-size: 16px; line-height: 30px; }
.cs_listb{ width: auto; display: inline-block; padding: 20px 40px; background-color: #f4f4f4; font-size: 20px; margin: 100px 0px 0px 0px;}
.ht{ height: auto; text-align: center; width: 100%; font-size: 38px; font-weight: bold; margin-top: 4%;}
.ht font{  width: atuo; font-size: 38px; font-weight: bold; margin-bottom: 4%; padding: 0px 0px 20px 0px ; border-bottom: 1px solid #000;}

.e05ys{ width: 40%; margin: 5% 30%; display: flex; justify-content:space-between}
.e05ys dl{ width: 80px; margin: 0px 1%;  display:flex; text-align: center; flex-wrap:wrap; }
.e05ys dl dt,.e05ys dl dd{ width: 80px; text-align: center; display:inline-block; align-items: center;}
.e05ys dl dt{  font-size: 22px; margin-top: 30px;}
.e05ys dl dd{ border-radius: 50%; height: 80px; }
.e05ys dl.y1 dd{ background-color: #9d2c2c;}
.e05ys dl.y2 dd{ background-color: #d8d7d9;}
.e05ys dl.y3 dd{ background-color: #e4824e;}
.e05ys dl.y4 dd{ background-color: #004297;}
.ys_gg{ width: 100%; display: inline-block;; margin: 30px 0px 0px 0px;}
.ys_gg img{ width: 100%;}

#footer_bar {
	background: #f5f5f5;
}

.footer-copyright span {
	background: #232323;
	color: #717171;
}

.footerlist {
	position: relative;
	width: 215px;
	height: 215px;
	margin: 0 auto;
	text-align: center;
	cursor: pointer;
	border: 2px solid #ededed;
	-webkit-transform: rotate(140deg);
	-ms-transform: rotate(140deg);
	transform: rotate(140deg);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
}

.footerlist a,
.footerlist a:hover {
	color: #fff;
}

.footerlist::before,
.footerlist::after {
	box-sizing: border-box;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
}

.footerlist::before {
	border: 2px solid #ededed transparent;
}


/*.circle_con{ -webkit-transform: rotate(-150deg); -ms-transform: rotate(-150deg); transform: rotate(-150deg); }*/

.circle_con {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2
}



/*--.footerlist-wc{ width: 970px; left: 50%; margin-left: -485px; bottom: 5%;}--*/

.zx_onepage .footerlist.fl {
	display: inline-block;
	float: none!important;
}

.zx_onepage .footerlist-wc {
	width: 80%;
	margin: 0 10%; display: inline-block;
	padding: 70px 0;
}

.zx_onepage .footerlist-wc .list_con {
	width: 25%;
	float: left;
	position: relative;
	cursor: pointer;
}

.footerlist {
	position: relative;
	width: 215px;
	height: 215px;
	margin: 0 auto;
	text-align: center;
	cursor: pointer;
	border: 2px solid #ededed;
	-webkit-transform: rotate(140deg);
	-ms-transform: rotate(140deg);
	transform: rotate(140deg);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
}

.footerlist a,
.footerlist a:hover {
	color: #fff;
}

.footerlist::before,
.footerlist::after {
	box-sizing: border-box;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
}

.footerlist::before {
	border: 2px solid #ededed transparent;
}


/*.circle_con{ -webkit-transform: rotate(-150deg); -ms-transform: rotate(-150deg); transform: rotate(-150deg); }*/

.circle_con {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2
}


/*-.circle_con a{ display: flex; justify-content: center;  align-items: center;  flex-wrap: wrap;}-*/

.footerlist::before,
.footerlist::after {
	top: 0;
	left: 0;
}

.footerlist::before {
	border: 2px solid transparent;
}

.footerlist:hover::before {
	border-top-color: #d7191b;
	border-right-color: #d7191b;
	border-bottom-color: #d7191b;
	background: #fdfdfd;
	-webkit-transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
	transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}

.circle_con:hover+.footerlist::before {
	border-top-color: #d7191b;
	border-right-color: #d7191b;
	border-bottom-color: #d7191b;
	background: #fdfdfd;
	-webkit-transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
	transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}

.footerlist::after {
	border: 0 solid transparent;
}

.circle_con:hover+.footerlist::after {
	border-top: 2px solid #d7191b;
	border-left-width: 2px;
	border-right-width: 2px;
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	-webkit-transition: -webkit-transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
	transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
}

.footerlist:hover::after {
	border-top: 2px solid #d7191b;
	border-left-width: 2px;
	border-right-width: 2px;
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	-webkit-transition: -webkit-transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
	transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
}

.footerlist {
	border-radius: 100%;
	box-shadow: none;
}

.footerlist::before,
.footerlist::after {
	border-radius: 100%;
}


.list_con .footerlist-img {
	width: 100px;
	height: 55px;
	margin: 40px auto 20px;
}
.list_con .footerlist-img{ text-align: center;}
.list_con .footerlist-img i { 
	font-size: 60px; line-height: 30px;
}

.list_con :hover .footerlist-img i {
		color: #d7191b;
}

.list_con:hover .footerlist-wz {
	color: #d7191b;
}

.list_con:hover .footerlist-wz p.footerlist-text {
	color: #666666;
}

 
.list_con:hover .footerlist-wz {
	color: #d7191b;
}

.list_con2:hover .footerlist-wz p.footerlist-text {
	color: #666666;
}

 

.list_con3:hover .footerlist-wz {
	color: #d7191b;
}

.list_con3:hover .footerlist-wz p.footerlist-text {
	color: #666666;
}

 
.list_con4:hover .footerlist-wz {
	color: #d7191b;
}

.list_con4:hover .footerlist-wz p.footerlist-text {
	color: #666666;
}

 
.list_con5:hover .footerlist-wz {
	color: #d7191b;
}

.list_con6:hover .footerlist-wz p.footerlist-text {
	color: #666666;
}

.footerlist6 .footerlist-img {
	background: url(../images/icon-footer6.png) no-repeat center center;
	background-size: contain;
}

.footerlist6:hover .footerlist-img {
	background: url(../images/icon-footer6-1.png) no-repeat center center;
	background-size: contain;
}

.footerlist6:hover .footerlist-wz {
	color: #004595;
}

.footerlist6:hover .footerlist-wz p.footerlist-text {
	color: #666666;
}

.list_con .footerlist-wz {
	font-size: 18px;
	color: #333333;
	font-weight: bolder;
	text-align: center;
}

.list_con .footerlist-wz p.footerlist-text {
	font-size: 14px;
	color: #999;
	font-weight: normal;
	text-align: center;
}


/*.footerlist:nth-child(2){ margin: 0 250px;}
.footerlist:nth-child(3){ margin-right: 126px;}*/

.footerlist:hover {
	/*-transform: scale(1.05, 1.05);border: 2px solid #004595;-*/
}

.footerlist-wc .flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 85%;
	margin: 0 auto;
}

 
 .xcgg_bg{ width: 100%; height: 920px; background-image: url(../images/e06_09.jpg);background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; overflow: hidden;}
.xxgg_title{ position: relative; float: right; margin: 12% 10% 0px 10%;}
.xxgg_title h3,.xxgg_title h4,.xxgg_title p{ display:inline-block; width: 100%; color: #fff; text-align: right;}
.xxgg_title h3{ font-size: 38px; margin: 10px 0px; letter-spacing: 3px; color: #ff0000;}
.xxgg_title h4{ font-size: 24px; font-weight: normal; margin: 10px 0px;letter-spacing: 3px; line-height: 50px;}
.xxgg_title p{ font-size: 18px; line-height: 40px;;}
.xxgg_title p a{ display: inline-block; padding: 5px 30px; margin: 30px 0px 0px 0px; font-size: 18px; border:1px solid #fff; color: #fff; width: auto; height: auto; transition: all 1s;}
.xxgg_title p a:hover{ background-color: #ff0000; border: 1px solid #ff0000; transition-delay: 0s;}

.xcggcs_bg{ width: 100%; height: auto; background-image: url(../images/e06_12.jpg);background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; overflow: hidden;}

.xcx_ist{ width:90%; margin: 5%; display: inline-block;}
.xcx_ist li{ width:22.5%; margin: 1%; display: inline-block; background-color:rgb(255 255 255 / 85%); min-height: 400px;}
.xcx_ist .xcs_a dt,.xcs_a dd{ width: 96%; margin: 2%; display: inline-block; text-align: center;}
.xcx_ist .xcs_a dt{ padding: 20px 0px; border-bottom:1px solid #b9b9b9; font-size: 28px;;}
.xcx_ist .xcs_a .jg{ padding: 20px 0px; border-bottom:1px solid #b9b9b9; font-size:20px;;}
.xcx_ist .xcs_a .jg font{ font-size: 24px; font-weight: bold;}
.xcs_a .ms{ margin:1% 2%; line-height: 30px; font-size: 15px; height: 180px; overflow-x:auto; }
.xcs_a .yt a,.xcs_a .cs a{ width: 90%; margin:5px 5%; display: inline-block; font-size: 16px; padding: 10px 0px; text-align: center;transition: all 0.6s; }
.xcs_a .yt a i,.xcs_a .cs a i{ float: right; display: inline-block; margin: 3px 15px 0px 0px;}
.xcs_a .yt a{border: 1px solid #333333; color: #333;; }
.xcs_a .cs a{ border: 1px solid #333333; color: #fff; background-color: #333; }
.xcs_a .yt a:hover,.xcs_a .cs a:hover{ border: 1px solid #cc0000;background-color: #cc0000; color: #fff; transition-delay: 0.1s;}
.xcx_ist .xcs_a .cs{ margin-bottom: 30px;}
.qcqccs{ width: 98%; float: left; display: inline-block; margin: 1%;}
 .qcqccs table{border: solid #ccc 1px;}
 .qcqccs td, .qcqccs th {
 border-left: 1px solid #ccc;
 border-top: 1px solid #ccc;
 padding: 10px; text-align: center;}

 .qcqccs table tr:hover {
 background: #fbf8e9;
 -o-transition: all 0.1s ease-in-out;
 -webkit-transition: all 0.1s ease-in-out;
 -moz-transition: all 0.1s ease-in-out;
 -ms-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;
}


.swiper-button-next:after, .swiper-button-prev:after{ color: rgb(255 255 255 / 79%);}
.wapnave,.mdui-drawer{ display: none;}
.colse-post{ position: absolute; bottom:1%; width: 98%; margin:0px 1%; text-align: center;}
.tel,.tel p,.tel p a,.tel p strong{ width: 100%; display: inline-block; text-align: center; float: left;}
.tel{ margin-bottom: 6%;}
.tel p.qgrx{ font-size:1rem;}
.tel p.qgrx strong{ margin-bottom: 10px; display: inline-block;}
.tel p a{ font-size:1rem;  margin:5px 0px; color: #000000;}
.logo_wap{ width: 100%; display: inline-block; text-align: center;}
.logo_wap img{ height: 50px; width: auto;}
@media (max-width:1024px){ 
	.mdui-drawer{ display: inline-block;}
.logo{ margin: 3px 0px;}
.nav{ display: none;}
.wapnave{ display:inline-block; float: right; width: auto; color: #fff; }	
.wapnave button{color: #fff; font-size: 16px;}	
.wapnave button i{ font-size: 24px; margin-right: 5px;}
.next_page{ left: 37.5%;}
#section0{ background-image: url(../images/webbg1.jpg);}
.active .car_bg,.active .t_car   { left: 0%; margin: 0px;}
.car_bg img,.active .t_car img{ width: 100%;}
.fonts{ left: 1%; width: 99%; top: 20%;}
.t_font{ left: 1%; width: 99%; top:10%;}
.active  .font_1, .active .font_2, .active .font_3,.active .t_font .fa,.active .t_font .fb,.active .t_font .fc{ width: 100%; text-align: center; margin:10px 0px;}
#section1{ background-image: url(../images/webbg-2.jpg);}
.active .t_font_box{width: 90%;margin: 10px 5%;left: 0px;    top: 63px;position: relative;display: inline-block;}
.t_font .fa img,.t_font .fc img{ width: 60%;}
.t_font_box {background-color: rgb(255 255 255 / 80%);}
.active .font_txt_s .tt h3{ font-size: 2rem; margin: 0px;}
.active .font_txt_s .tt p{ font-size: 0.8rem; width: 90%; margin: 2% 5%; line-height: 1.2rem;}
.font_txt_s .sth_nave a{ font-size: 1rem;padding: 5px 16px;}
#section3 .font_txt_s .sth_nave a{  margin:5px 0px;}
#section3 .fp-tableCell .font_txt_s .tt p{ margin: 0px;}
.fleft_bg{ width: 100%; height: 48%; top: 0px;}
.flright_bg{ width: 100%; height: 52%;}
#section4{background-image: url(../images/webbg4.jpg);}
body .mdui-drawer {    background-color: rgb(255 255 255 / 90%);}
.btbgfcolor{background-color: #9e9e9e!important;color: #fff!important;}
.menu{ width: 99%;}
.mdui-list li a{ width: 100%; display: flex;flex: 1;}
.mdui-list li i{ margin:10px 10px 0px 0px;}
.banner_show{ height: 290px;}
.banner_show .swiper-button-next, .banner_show .swiper-button-prev, .banner_show .swiper-button-prev, .banner_show .swiper-button-next{ top: 20%;}
.infoshow,.e05ys{ width: 96%; margin: 2%;}
.infoshow .show img{max-width: 100%; width: auto;}
.ban_font h3,.top_pci,.pz_title h3{ font-size: 2rem;}
.ban_font h4{ font-size: 1.8rem;}
.pz_csl,.pz_csr,.cs_listb.newsBox{ width: 100%;}
.cs_listb{font-size: 0.6rem;margin-top: 10px;padding: 5px 10px;;}
.cs_lista dl dt{ font-size: 1.4rem;}
.cs_lista dl dd{ font-size: 0.8rem;}
.xcx_ist li{ width: 98%}
.newsBox{ width: 100%; margin: 0px; padding: 0px;}
.col-lg-3{ width: 98%;}
.e05ys dl dt, .e05ys dl dd{ width: 60px;}
.e05ys dl dd{ height:60px ;}
.e05ys dl dt{ margin-top: 10px; font-size: 1rem;}

}
@media (max-width:320px){ 
	.active .t_font_box{width: 90%;margin: 10px 5%;left: 0px;    top: 113px;position: relative;display: inline-block;}
}