.in_header{
  /*background-image: linear-gradient(to bottom,rgba(0,0,0,0.2), transparent);*/
  position:fixed;
  z-index: 999;
  background-color: transparent;
}
 .in_header .nav_ul li>a{
	color: #fff;
}
 .in_header .logo{
 	background-color: #BC192E;
 }
 .in_header .logo img{
 	margin: 0 35px;
 }
/*banner*/
#fp-nav ul li a span, .fp-slidesNav ul li a span{
  background-color: rgba(255,255,255,0.4);
}
.ban .pwrap{
	position: relative;
	height: 100%;
}
.ban .ban_pc,.ban .ban_mob{
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	background-color: #101010;
	width: 100%;
	height: 100%;
}
.ban .ban_pc{
	display: block;
}
.ban .ban_mob{
	display: none;
}
.ban{
	height:100%;
	position: relative;
}
.scroll{
	position: absolute;
    left: 50%;
    margin-left: -13px;
    bottom: 57px;
    z-index: 100;
    width: 26px;
    animation: 3s ease 0s infinite normal none running;
    animation-name: move1;
}
.scroll img{
	width: 100%;
}
@keyframes move1{
	0% {
	    bottom: 30px;
	}
	50% {
	    bottom: 57px;
	}

	100% {
	    bottom: 30px;
	}
}
@-webkit-keyframes move1{
	0% {
	    bottom: 30px;
	}
	50% {
	    bottom: 57px;
	}

	100% {
	    bottom: 30px;
	}
}
@-webkit-keyframes inRight {
  from {opacity: 0;-webkit-transform: translate3d(100px, 0, 0);transform: translate3d(100px, 0, 0);}
  to {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes inRight {
  from {opacity: 0;-webkit-transform: translate3d(100px, 0, 0);transform: translate3d(100px, 0, 0);}
  to {opacity: 1;-webkit-transform: none;transform: none;}
}
.inRight {-webkit-animation-name: inRight;animation-name: inRight;}
.active .gu_f1,.active .in_tit,.active .wxu_de h4,.active .nw_img{
	-webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.active .gu_f2{
	-webkit-animation-name: inRight;
    animation-name: inRight;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.active .wxu_de p,.active .rmore,.active .flogo{
	-webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.active .gu_num{
	-webkit-animation-name:scaleIn;
    animation-name:scaleIn;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.number{
	font-weight: normal;
}
/*guan*/
.guan .pwrap{
	position: relative;
	z-index: 3;
}
.gu_f1{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 70%;
}
.gu_f2{
	position: absolute;
	right: 0;
	bottom: 0;
	height: 100%;
}
.in_tit{
	font-size: 38px;
	position: relative;
	padding-left: 30px;
	border-bottom: 1px solid #BC192E;
	padding-bottom: 20px;
}
.in_tit:before,.in_tit:after{
	position: absolute;
	content: "";
	width: 16px;
  
  
	height: 16px;
}
.in_tit:before{
	left:0px;
	bottom:22px;
	background-color: #BC192E;
	z-index: 2;
}
.in_tit:after{
	left: 6px;
	bottom: 26px;
	background-color: #E6E6E6;
	z-index: 1;
}
.gu_de{
	font-size: 16px;
	color: #707070;
	line-height: 2;
	margin-top: 30px;
	width: 60%;
	font-weight: 300;
}
.gua_ul{
	width: 65%;
	margin-top: 50px;
}
.gua_ul li{
	float: left;
	width: 29.3333%;
	margin-right: 4%;
	margin-bottom: 30px;
	height: 120px;
}
.gua_ul .gu_num{
	font-size: 40px;
	color: #BC192E;
}
.gua_ul .gu_num span{
	font-size: 24px;
	margin-left: 10px;
}
.gua_ul li p{
	font-size: 16px;
	color: #707070;
	line-height: 2;
	margin-top: 17px;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-weight: 300;
	text-overflow: ellipsis;
}
.cbtn{
	color: #fff;
	width: 180px;
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
	background-color: #BC192E;
	display: block;
	margin-top: 40px;
	text-align: center;
}
.cbtn:hover{
	border:1px solid #BC192E;
	color: #BC192E;
	background-color: #fff;
}
/*wxu*/
.wxu_ul{
	height: 100%;
}
.wxu_ul li{
	float: left;
	width: 25%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.wxu_ul li a{
	display: block;
	width: 100%;
	height: 100%;
}
.wxu_ul li:before{
	position: absolute;
	content: "";
	height: 100%;
	width: 0;
	background-color: rgba(188,25,46,0.77);
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
.wxu_ul li:hover:before{
	width: 100%;
}
.wxu_de{
	position: absolute;
	top: 48%;
	left: 0;
	width: 100%;
	text-align: center;
	color: #fff;
}
.wxu_de h4{
	font-size: 42px;
	font-weight: normal;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
.wxu_de p{
	font-size: 24px;
	font-weight: 300;
	margin-top: 15px;
}
.wxu_ul li:hover .wxu_de h4{
	font-size: 63px;
}
/*zxun*/
.nw_img{
	position: absolute;
	left: 0;
	top: 0;
	width: 55%;
}
.zxun_fl{
	float: left;
	width:53%; 
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	height:420px; 
	margin-left:1px;
}
.zxun_fr{
	float: right;
	width: 42%;
	background-color: #fff;
}
.zn_time{
	font-size: 16px;
	color: #707070;
	margin-bottom: 30px;
	border-bottom: 1px solid #eee;
	padding-bottom: 30px;
	font-weight: 300;
	padding-top: 50px;
}
.zn_tit{
	font-size:24px;
	color: #4E4E4E;
	margin-top: 30px;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	text-overflow: ellipsis;
}
.zn_p{
	font-size: 16px;
	color: #707070;
	margin-top: 30px;
	font-weight: 300;
	line-height: 1.6;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
  height:50px;
}
.sw_xu .sw_ga{
	width: 42%;
	left: auto;
	right: 0;
	position: absolute;
	bottom: 30px;
	z-index: 9;
}
.sw_xu .sw_ga .swiper-pagination-bullet{
	background-color: #999;
	margin:0 7px;
	opacity: .5;
}
.sw_xu .sw_ga .swiper-pagination-bullet-active{
	width: 40px;
	height: 8px;
	background-color: #999;
	opacity: .5;
	border-radius: 8px;
}
.rmore{
	color: #c1c1c1;
	font-size: 36px;
	margin: 0 auto;
	display: block;
	width: 220px;
	text-align: center;
	margin-top: 150px;
	border-bottom: 1px solid #c1c1c1;
	padding-bottom: 10px;
}
.rmore:hover{
	color: #BC192E;
	border-bottom-color:#BC192E; 
}
.icon-bar{
	background-color: #eee;
}
@media(max-width: 1600px){
	.in_tit{
		font-size: 44px;
	}
	.wxu_de h4{
		font-size: 40px;
	}
	.wxu_ul li:hover .wxu_de h4{
		font-size: 58px;
	}
	.wxu_de p{
		font-size: 22px;
	}
	.rmore{
		margin-top: 110px
	}
}
@media(max-width: 1400px){
	.in_tit{
		font-size: 40px;
	}
	.rmore{
		margin-top:100px
	}
	.zxun_fl{
		width: 51%;
	}
}
@media(max-width: 1200px){
	.in_tit{
		font-size: 36px;
	}
	.gua_ul .gu_num{
		font-size: 34px;
	}
	.gua_ul{
		margin-top: 40px;
	}
	.wxu_de h4{
		font-size: 38px;
	}
	.wxu_ul li:hover .wxu_de h4{
		font-size: 55px;
	}
	.wxu_de p{
		font-size: 20px;
	}
	.rmore{
		margin-top:60px;
		font-size: 30px;
	}
}
@media(max-width: 1080px){
	.scroll{
		width:20px;
		bottom: 25px;
		margin-left: -10px;
	}
	.in_tit{
		font-size: 32px;
	}
	.gua_ul .gu_num{
		font-size: 30px;
	}
	.wxu_de h4{
		font-size: 33px;
	}
	.wxu_ul li:hover .wxu_de h4{
		font-size: 43px;
	}
	.wxu_de p{
		font-size: 18px;
	}
	.zn_tit{
		font-size: 22px;
	}
	.zn_time{
		margin-bottom: 20px;
		padding-bottom: 20px;
		padding-top: 40px;
	}
}
@media(max-width:960px){
	#fp-nav.fp-right{
		display: none;
	}
}
@media(max-width: 768px){
	.ban .ban_pc{
		display: none;
	}
	.ban .ban_mob{
		display: block;
	}
	.gu_f2{
		right: -30%;
	}
	.wxu_de h4{
		font-size: 30px;
	}
	.wxu_ul li:hover .wxu_de h4{
		font-size: 30px;
	}
	.wxu_de p{
		font-size: 16px;
	}
	.zxun_fl,.zxun_fr{
		width: 100%;
		float: none;
	}
	.zxun_fl{
		height: 360px;
	}
	.zn_time{
		padding-top: 20px;
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	.zn_tit{
		margin-top: 25px;
	}
	.zn_p{
		margin-top: 20px;
	}
	.sw_xu .sw_ga{
		position: initial;
		margin-top: 20px;
	}
	.in_header .logo img{
		margin: 0 25px;
	}
}
@media(max-width: 640px){
	.scroll{
		width:16px;
		bottom: 15px;
		margin-left: -18px;
	}
	.in_tit{
		font-size: 24px;
	}
	.in_tit:before, .in_tit:after{
		width: 10px;
		height: 10px;
	}
	.gu_de{
		width: 100%;
		font-size: 14px;
		margin-top: 20px;
	}
	.gua_ul{
		width: 100%;
	}
	.guan .pwrap{
		background-color: rgba(255,255,255,0.4);
	}
	.gua_ul .gu_num{
		font-size: 19px;
	}
	.gua_ul .gu_num span{
		font-size: 15px;
	}
	.gua_ul li p{
		font-size: 14px;
		margin-top: 12px;
	}
	.gua_ul li{
		width: 31.33333%;
		margin-right: 2%;
		margin-bottom: 20px;
		height: 100px;
	}
	.cbtn{
		width: 120px;
		height: 35px;
		line-height: 35px;
		margin-top: 10px;
		font-size: 13px;
	}
	.wxu_de h4,.wxu_ul li:hover .wxu_de h4{
		font-size: 20px;
	}
	.wxu_de p{
		font-size: 12px;
	}
	.wxu_ul li{
		width:50%;
		height:50%;
	}
	.wxu_de{
		top: 42%;
	}
	.zxun_fl{
		height: 280px;
	}
	.zn_tit{
		margin-top: 20px;
		font-size: 17px;
	}
	.zn_p{
		font-size: 14px;
	}
	.zn_time{
		font-size: 12px;
	}
	.rmore{
		margin-top:30px;
		font-size: 19px;
	}
	.in_header .logo img{
		margin: 0 15px;
	}
	#fp-nav.fp-right{
		right: 0px;
	}
}
@media(max-width: 414px){
	.in_tit{
		font-size: 20px;
		padding-bottom: 10px;
		padding-left: 15px;
	}
	.wxu_de h4,.wxu_ul li:hover .wxu_de h4{
		font-size: 17px;
	}
	.zxun_fl{
		height: 210px;
	}
	.in_header .logo img{
		margin: 0 10px;
	}
	.gua_ul li{
		height: 72px;
	}
	.wxu_de p{
		margin-top: 7px;
	}
	.zn_p{
		margin-top: 10px;
	}
	.sw_xu .sw_ga{
		margin-top:6px;
	}
	.in_tit:before{
		bottom: 12px;
	}
	.in_tit:after{
		bottom: 16px;
	}
	.gu_de{
		margin-top:13px; 
		line-height: 1.8;
	}
	.gua_ul .gu_num{
		font-size: 17px;
	}
	.gua_ul .gu_num span{
		font-size: 12px;
	}
	.gua_ul li p{
		font-size: 13px;
	}
	.rmore{
		margin-top: 9px;
		font-size: 14px;
		width: 110px;
		padding-bottom: 5px;
	}
	.cbtn {
	    width: 90px;
	    height:28px;
	    line-height: 28px;
	    margin-top: 8px;
	}
	.zn_time {
	    padding-top: 10px;
	    margin-bottom: 7px;
	    padding-bottom:7px;
	}
	.zn_tit{
		font-size: 16px;
		margin-top: 12px;
	}
	.sw_xu .sw_ga .swiper-pagination-bullet{
		margin: 0 3px;
		height:5px;
		width: 5px;
	}
	.sw_xu .sw_ga .swiper-pagination-bullet-active{
		width: 20px;
		height:5px;
	}
}
@media(max-width: 376px){
	
	.zxun_fl{
		height: 180px;
	}
	.gua_ul{
		margin-top: 25px;
	}
	.gua_ul li p{
		line-height: 1.6;
	}
	.gua_ul .gu_num span{
		margin-left: 5px;
	}
	.cbtn{
		font-size: 12px;
	}
}