/*将轮播器头部外边距设置50像素*/
.bannar{
	margin: 0 auto; position: relative;  height: auto;
}
.swiper-container {
    width: 100%;
	height: 100%;
}  
.swiper-container img{
	width: 100%; height: 100%;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #ffffff!important;
}
.owl-mag{
	height: 160px;
}
.owl_h3{
	width: 100%;
	position: absolute;
	top:20%;
	left:50%;
	font-size:.35rem;
	color:#fff;
	font-weight: bold;
	font-family: '黑体';
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	text-align: center;
}

.owl_p{
	position: absolute;
	top:40%;
	left:20%;
	font-size:.1rem;
	color:#fff;
}

.owl_btn{
	display: block;
	width: 2rem; height: .45rem; 
	border-radius: .25rem;
	border: 1px solid #fff;
	text-align: center; 
	line-height: .45rem;
	position: absolute;
	top:57%;
	left:55%;
	font-size:.1rem;
	color:#fff;
}

.owl_btn:hover{
	color:#fff;
	border-color: #fff;
	
}

/* 内容one */

.owl_content{
	margin: 0 auto; padding: 0;
	overflow: hidden;
}

.owl-title{
	background: #333333;
	color:#fff;
	font-size:16px;
	width:220px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 20px;
}
.owl-title span{
	color:#606060;
}

.owl_text{
	font-size:14px;
	color:#333;
	line-height: 25px;
	text-indent: 2em;
	
}

.owl_more{
	padding: 10px 25px;
	font-size:12px;
	color:#333;
	display: block;
	position: relative;
	float: right;
	cursor: pointer;
}
.owl_r_img{
	display: none;padding: 0!important;
}
.owl_r_img{
	top:0;
	right: 0;
	z-index: 5;
}
.owl_r_img img{
	box-shadow: 0 8px 16px #606060;
}


.owl_down{
	background: #eef9ff;
	height: 120px;
	
}

.owl_ul{
	margin: 0 auto;
	padding: 0;
    height: 103px;
}

.owl_ul li{
	width: 32.33%;
	position: relative;
	display: inline-block;
}
.owl_ul li::before{
	content: "";
	position: absolute;
	top:0;
	left: 0;
	width: 1px;
	height: 90px;
	background: #cadfef;
	display: block;
}
.owl_li_img{
	width: 37px;
	height: 37px;
	margin: 13px auto 20px auto;
}
.owl_li_p{
	text-align: center;
	width: 100%;
	color:#333;
	font-size:.14rem;
	font-weight: bold;
}


	.owl_product{
		display: none;
	}
	.show_pro_hid{
		display: none;
	}
	
	.owl_product_min{
		margin: 0 auto; display: block;
	}

	.owl_h{
		margin: 20px auto; text-align: center; color:#333; font-size:16px;
		line-height: .3rem;
	}
	.owl_min_sw{
		width: 100%;
		height: 4rem;
	}
	.owl_min_d{
		width: 33.33%;float: left; height: 4rem;
	}
	.owl_wen_p01{
		font-size: .5rem;
	}
	.owl_min_d p{
		text-align: center;
		line-height: 25px;
		font-size: 12px;
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		word-break: break-all;
	}

	.owl_more2{
		padding: 10px 25px;
		font-size:.16rem;
		color:#333;
		display: block;
		position: relative;
		cursor: pointer;
	}

	.thereT{
		display: none;
	}
	.thereS{
		display: block;
	}
	.owl_x_p{
		height: 6rem; background: #333;
	}
	.owlpro{
		margin-top:20px!important;
	}

	.gallery-top {
		height: 80%;
		width: 100%;
	  }
	  .gallery-thumbs {
		height: 20%;
		box-sizing: border-box;
		padding: 10px 0;
	  }
	  .gallery-thumbs .swiper-slide {
		height: 100%;
		opacity: 0.2;
	  }
	  .gallery-thumbs .swiper-slide-active {
		opacity: 1;
	  }
	  

	  .owl_downs{
		margin: 40px auto 0 auto;
		position: relative;
		background: #eef9ff;
		padding-bottom: 40px;
	  }
	  .owl_magd_ul{
		width: 100%;
		padding: 0;
		margin: 0 auto;
	}
	.owl_magd_ul li{
		border-bottom: 1px solid #cdcdcd;
		display: inline-block;
		width: 100%;
	}

	.owl_magd_p0{
		padding: 0px 0 0px 10px;
		font-size: 14px;
		color:#353535;
	}
	.owl_magd_p2{
		padding: 0px 0 0px 10px;
		font-size: 14px;
		color: #909090;
	}
	.owl_magd_data{
		width: 60px;
		height: 60px;
		background: #0272c4;
		color:#fff;
		display: inline-block;
		margin: 10px 0;
	}

	.owl_day{
		text-align: center;
		width: 100%;
		font-size: 20px;
		line-height: 40px;
		height: 40px;
		font-weight: bold;
		font-family: '黑体';
		margin: 0 0!important;
	}
	.owl_year{
		margin: 0 0!important;
		text-align: center;
		width: 100%;
		font-family: '黑体';
		line-height: 20px;
		font-size: 14px;
	}

	.owl_magd_rs{
		display: inline-block; cursor: pointer;
	}
	.owl_magd_rs:hover{
		color: #026db5;
	}

	.owl_foot_X{
		margin: 0 auto;
		background: #262626;
	}
	.owl_foot_down{
		height: 39px;
		background: #2e2e2e;
		line-height: 39px;
		text-align: center;
		color:#fff;
		font-size: .1rem;
	}
        .owl_foot_down .container {
        
        font-size: .2rem;
        }
	.owl_foot_upx{
		height:100px ;
	}
	.owl_x_left{
		width: 50%;
	}
	.owl_foot_msx{
		font-size: .18rem;
		text-align: left;
		padding-top: 20px;
		padding-left: 40px;
		padding-bottom: 0!important;
		
	}
	.owl_foot_ms0x{
		font-size: 18px !important;
		color:#fff;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;

	}
	.owl_foot_dx{
		width: 2rem;
		height: 2rem;
		margin-top:25px;
		margin-left: 35px;
	}
	
	.owl_foot_X p{
		font-size:16px; margin: 0 0!important; padding-left: 20px;
		display: inline-block;
	}

	.owl_pading_none{
		padding: 0 !important;
	}
	.owl_pading_none p{
		padding: 0 10px;
	}
	.padBottom{
		padding-bottom: 20px;
	}
	
	.owlNONE{
		display: none;
	}
	
	
	
	
	
	
	
	
	
	
	
	
@media only screen and (min-width: 768px) {
	

.owl_text{
	font-size:.18rem;
	color:#333;
	line-height: 25px;
	text-indent: 2em;
	
}

	.owl_pading_none p{
		padding: 0 10px;
	}
	.owl-fade-out {
		z-index: 10;
		-webkit-animation: fadeOut .7s both ease;
		-moz-animation: fadeOut .7s both ease;
		animation: fadeOut .7s both ease;
	  }
	.owl-fade-in {
		-webkit-animation: fadeIn .7s both ease;
		-moz-animation: fadeIn .7s both ease;
		animation: fadeIn .7s both ease;
	  }
	@-webkit-keyframes fadeIn {
		0% { opacity:0; }
		100% { opacity:1; }
	  }
	  @-moz-keyframes fadeIn {
		0% { opacity:0; }
		100% { opacity:1; }
	  }
	  @keyframes fadeIn {
		0% { opacity:0; }
		100% { opacity:1; }
	  }
	  @-webkit-keyframes fadeOut {
		0% { opacity:1; }
		100% { opacity:0; }
	  }
	  @-moz-keyframes fadeOut {
		0% { opacity:1; }
		100% { opacity:0; }
	  }
	  @keyframes fadeOut {
		0% { opacity:1; }
		100% { opacity:0; }
	  }
	
	.sou-icon{
		display: block;
		position: absolute;
		top:50%;
		right:5px;
		width: 20px;
		height: 20px;
		background :url(../img/sou.png) no-repeat center center;
		background-size:100% 100%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	.swiper-container {
		width: 100%;
		height: 100%;
	} 
	.swiper-pagination-bullet-active {
		opacity: 1;
		background: #ffffff!important;
	} 

	.owl-mag{
		/*height: 603px;*/
		height: 100%;
	}
	.owl_h3{
		position: absolute;
		top:173px;
		left:64%;
		font-size:48px;
		color:#fff;
		font-weight: bold;
		font-family: '黑体';
	}
	.owl_p{
		position: absolute;
		top:255px;
		left:48%;
		font-size:16px;
		color:#fff;
	}
	.owl_more{
		padding: 0px 45px 10px 25px;
		font-size:14px;
		color:#333;
		display: block;
		position: relative;
		float: right;
		cursor: pointer;
	}
	.owl_li_p{
	text-align: center;
	width: 100%;
	color:#333;
	font-size:16px;
	font-family: "微软雅黑";
	cursor: pointer;
}
	.owl_btn{
		display: block;
		width: 169px; height: 42px; 
		border-radius: .25rem;
		border: 1px solid #fff;
		text-align: center; 
		line-height: 42px;
		position: absolute;
		top:344px;
		left:55%;
		font-size:16px;
		color:#fff;
	}
	.owl_down{
		background: #eef9ff;
		height: 120px;
		
	}
	.owl_ul{
		margin: 0 auto;
		padding: 0;
		height: 153px;
	}
	.owl_ul li::before{
		content: "";
		position: absolute;
		top:0;
		left: 0;
		width: 1px;
		height: 120px;
		background: #cadfef;
		display: block;
	}

	/* 内容two */
	.owl_product{
		height: 795px;
		background: url('../img/imgbg.png') no-repeat center center;
		background-size: 100% 100%;
		margin-top: 0px;
		display: block;
	}


	.owl_pro_left{
		width: 39%;
		background: rgba(0, 0, 0, 0.8);
		height: 100%;
		float: left;
	}
	.owl_pro_right{
		width: 61%;
		background: rgba(255, 255, 255, 0.8);
		height:100%; overflow: hidden;
		float: left;
	}
	.owl_abs{
		top:82px; right:60px; background: #5c5c5c!important;
	}

    .owl_pro_ul{
		width: 284px;
		margin: 40px auto;
		position: absolute;
		top:182px;
		right: 0;
		padding: 0;
	}
    .owl_pro_ul li{
		height: 98px;
		text-align: left;
		color: #fff;
		font-size: 18px;
		line-height: 98px;
		
	}

	.owl_pro_t{
		border-bottom: 1px solid #fff;
		width: 150px;cursor: pointer;margin: 0!important;
	}
	.owl_activ{
		width: 100%;
		color:#026db5;
	}
	.owl_pro_t:hover{
		width: 100%;
		color:#026db5;
	}

	.owl_m_act{
		padding: 0 22px 0 0!important;
	}
	.owl_m_act:hover{
		color:#026db5 !important;
	}

	.owl_pro_ulR{
		margin: 0px auto;
		padding: 0 20px;
	}
	.owl_pro_ulR li{
		height: 228px;
		margin-top: 30px;
	}
	.owl_pro_ulR li p{
		text-align: center;
		line-height: 35px;
	}
	.owl_pro_imgs{
		 margin: 40px auto 0 auto;
		width: 100%;
 		/*height: 138px;*/
 		overflow: hidden;
 		transition: all 0.5s ease-in;
		-webkit-transition: all 0.5s ease-in;
		-moz-transition: all 0.5s ease-in;
		-ms-transition: all 0.5s ease-in;
	}
	.owl_pro_imgs img{
		width: 100%; 
		height: 100%;
		border: none;
	}
	.owl_pro_imgs:hover{
		transform: scale(1.05);
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-ms-transform: scale(1.05);
	}
	.owl_pro_ulR p{
		text-align: center;
		font-size:.18rem; 
		color:#333;
		line-height: 60px;
		height: 60px;
	}

	.show_pro_hid{
		display: none;
	}

	.show_pro_hid2{
		display: block;
	}
	
	.owl_product_min{
		display: none;
	}

	/* 第三块 */
	.owl_seper{
		margin: 30px auto 0 auto;
	}
	.owl_seper .container{
	    height: 100%;
	}
	.mgnone{
		margin: 0 0 0 10%!important;
	}
	.owlpro{
		position: absolute;
		top:20px;
		left:-105px;
	}
	.owl_sepr_ul{
		margin: 0 auto; padding: 0; 
		display: inline-block;
	}
	.owl_sepr_li{
		margin: 10px 0;
		width: 128px;
		height: 80px;
		cursor: pointer;
		position: relative;
	}
	
	.mgLEFT{
		padding:0!important;float: right;
	}
	.owl_seper .col-xs-3,.owl_seper .col-xs-7,.owl_seper .col-xs-2{
		padding: 0 !important; margin-top: 45px;
	}

	.owl_more2{
		padding: 10px 25px;
		font-size:.16rem;
		color:#333;
		display: block;
		position: relative;
		float: left;
	}
	.owl_padnone{
		padding: 10px 0px 10px 10px!important;
	}
	.abopact{
		background: #fff;
		opacity: .7;
	}
	.owl_height{
		height: 574px;
	}
	.owl_height img{
		width: 100%;
		height: 100%;
	}
	.owl_pos{
		position: absolute;top:60px;
		right:-72px;
	}
	.owl_wen{
		width: 45%;
		height: 240px;
		position: absolute;
		top:158px;
		left:0;
		background: rgba(26, 129,196, 0.9);
		z-index: 200;
	}
	.owl-title{
		background: #333333;
		color:#fff;
		font-size:16px;
		height: 63px;
		line-height: 63px;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.owl-title span{
		color:#606060;
		font-size:16px;
		line-height: 63px;
	}

.owl_text{
	font-size:16px;
	color:#333;
	line-height: 36px;
	text-indent: 2em;
	
}
	.owl_wen_p01{
		font-size:.3rem;
		padding: 60px 0 20px 0;
		margin: 0 auto;
		color:#ffffff;
		width: 100%;
		text-align: center;
	}
	.owl_wen_p02{
		font-size:.15rem;
		padding: 0 50px;
		line-height: 30px;
		width: 100%;
		text-align: left;
		color:#ffffff;
	}
	.owlhides{
		display: none;
	}
	.owl_dows{
		margin: 80px auto 0 auto;
		position: relative;
		background:#eef9ff;
		height: 540px;
	}
	.owl_dows_left{
		height: 80px;
		width: 50%;
		background: #333333;
		position: absolute;
		top:-40px;
		left: 0;
		line-height: 80px;
		color:#898989;
		font-size:14px;
		text-align: center;
	}
	.owl_dows_a{
		margin-right:140px;
	}
	.owl_dows_left a{
		display:block;
		float: right;
		padding-right: 18px;
		color:#898989;
		cursor: pointer;
	}
	.owl_active{
		color:#ffffff!important;
		cursor: default!important;
	}

	.owl_dows_R{
		height: 80px;
		width: 50%;
		background: #f3f3f3;
		position: absolute;
		top:0px;
		right: 0;
		line-height: 80px;
		color:#898989;
		font-size:.2rem;
		text-align: center;
	}
	.owl_dows_mg{
		text-align: center;
		position: relative;
		cursor: pointer;
		float: right;
		margin-right: 40%;
	}
	.owl_more2{
		padding: 10px 18px;
		font-size:.16rem;
		color:#333;
		display: block;
		position: absolute;
		top:-40px;left:10px;
	}
	.icona3{
		display: block;
		width: 20px; height: 20px;
		border-radius: 50%;
		background: url('../img/rule.png') no-repeat center center;
		background-size: 100% 100%;
		position: absolute;
		  top:50%;
		  right: -25px;
		  transform: translateY(-50%);
		  -webkit-transform: translateY(-50%);
		  -ms-transform: translateY(-50%);
	}
	.owl_magd{
		padding: 130px 0 0 0;
	}
	.owl_magdimg{
		width: 100%;
		height: 365px;
		position: relative;
	}
	.owl_magdimg img{
		height: 100%;
	}
	.owl_img_tan{
		width: 100%;
		height: 40px;
		background: rgba(0, 0, 0, 0.8);
		color:#fff;
		line-height: 40px;
		text-align: center;
		font-size: 16px;
		position: absolute;
		bottom: 0;
		left:0;
		z-index: 3;
	}
	.owl_img_tan_hf{
		height: 100%;
		line-height: 326px;
	}

	.owl_magd_ul{
		width: 100%;
		padding: 0;
		margin: 0 auto;
	}
	.owl_magd_ul li{
		border-bottom: 1px solid #cdcdcd;
		height: 120px;
		display: inline-block;
		width: 100%;
	}

	.owl_magd_p0{
		padding: 25px 0 2px 17px;
		font-size: 16px;
		color:#353535;
	}
	.owl_magd_p2{
		padding: 0px 0 2px 17px;
		font-size: 12px;
		color: #909090;
	}
	.owl_magd_data{
		width: 75px;
		height: 75px;
		background: #0272c4;
		margin-top: 20px;
		color:#fff;
		display: inline-block;
	}

	.owl_day{
		text-align: center;
		width: 100%;
		font-size: 32px;
		line-height: 56px;
		height: 40px;
		font-weight: bold;
		font-family: '黑体';
		margin: 0 0!important;
	}
	.owl_year{
		margin: 0 0!important;
		text-align: center;
		width: 100%;
		font-family: '黑体';
		line-height: 30px;
		font-size: 12px;
	}

	.owl_magd_rs{
		display: inline-block;
	}

	/*footer*/
	.owl_foot{
		margin: 0 auto;
		/*height: 339px;*/
		background: #262626;
	}
	.owl_foot_down{
		height: 39px;
		background: #2e2e2e;
		line-height: 39px;
		text-align: center;
		color:#fff;
	}
	.owl_foot_up{
		/* height:300px ;
		background: red; */
	}
	.owl_foot_xs{
		width: 13.5%; float: left;
	}
	.owl_foot_h{
		font-size: 16px;
		color:#fff;
		margin-top:40px!important;
		text-align: left;
	}
	.owl_foot_ul{
		margin: 5px auto;
		padding: 0;
	}
	.owl_foot_ul li{
		padding: 5px 0 0 0;
		text-align: left;
		font-size:14px;

	}
    .owl_foot_ul li a{
		padding: 5px 0 0 0;
		text-align: left;
		font-size:14px;
        color:#fff;
	}
	.owl_foot_ms{
		font-size: .18rem;
		margin-top:40px!important;
		text-align: left;
	}
	.owl_foot_ms0{
		font-size: 24px;
		color:#fff;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	.owl_foot_d{
		width: 145px;height: 145px;
		margin-top:5px;
	}
	.owl_foot_icon{
		margin: 40px auto 5px auto;
		padding: 0;
		 width:100%;
		 float: left;
	}
	.owl_foot_icon li{
		margin-right: 10px;
		width: 30px;
		height: 30px;
		float: left;
	}
	.thereT{
		display: block;
	}

	.thereS{
		display: none;
	}


	.owl_r_img{
		top:110px;
		right: 0;
		z-index: 5;
		display: block;
		height: 300px;
	}
	.owl_r_img img{
		height: 100%;
		box-shadow: 0 4px 8px #606060;
		padding: 0 !important;
	}
	.owl_ul li{
		width: 234px;
		position: relative;
		display: inline-block;
	}
	.owl_down{
		background: #eef8ff;
		height:216px;
		
	}
	.owl_ul{
		margin: 0 auto;
		padding: 0;
		height: 153px;
	}
	.owl_ul li::before{
		content: "";
		position: absolute;
		top:0;
		left: 0;
		width: 1px;
		height: 131px;
		background: #cadfef;
		display: block;
	}
	.owl_ul li .owl_li_p:hover{
		color:#0272c4!important;
	}
	.owl_li_img{
		width: 72px;
		height: 72px;
		margin: 33px auto 20px auto;
	}
	.show_pro_hid{
		display: block;
	}
	.show_pro_hid2{
		display: none;
	}
	.owlNONE{
		display: none;
	}

}


/* 中等屏幕（桌面显示器，大于等于 992px） */
 @media (min-width: 992px) { 
	.owlNONE{
		display: block;
	}
 }  

 /*大屏幕（大桌面显示器，大于等于 1200px）*/ 
@media (min-width:768px )and (min-width: 1400px) { 
	
	.owl_pro_ul{
		width: 380px;
	}
	.owl_abs{
		top:82px; right:160px; background: #5c5c5c!important;
	}
	.owl_seper .container{
		width: 1200px;
		margin: 0 auto;
	}
	.owl_r_img{
		top:110px;
		right: 0;
		z-index: 5;
		display: block;
		width:450px;
		height:300px;
		/* height: 635px; */
	}
	.owl_r_img img{
		height: 100%;
		box-shadow: 0 4px 8px #606060;
		padding: 0 !important;
	}
	.owl_ul li{
		width: 234px;
		position: relative;
		display: inline-block;
	}
	.owl_down{
		background: #eef8ff;
		height:216px;
		
	}
	.owl_ul{
		margin: 0 auto;
		padding: 0;
		height: 153px;
	}
	.owl_ul li::before{
		content: "";
		position: absolute;
		top:0;
		left: 0;
		width: 1px;
		height: 131px;
		background: #cadfef;
		display: block;
	}
	.owl_li_img{
		width: 72px;
		height: 72px;
		margin: 33px auto 20px auto;
	}
	.show_pro_hid{
		display: block;
	}
	.show_pro_hid2{
		display: none;
	}
	
	.owl_wen{
		width: 732px;
		height: 264px;
		position: absolute;
		top:158px;
		left:0;
		background: rgba(26, 129,196, 0.9);
		z-index: 200;
	}
	
	.owl_wen_p01{
		font-size: .3rem;
	}
	
	.owl_mgleft{
		margin-left: 12%!important;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
 }