/* 首页内容开始 */
/* 定位 */

.dw-zong{
	position: absolute;
	width:60%;
	z-index:10;
	right: 0%;
	top:92%;
}
.cp-nav{
	background: url(../images/banner_13.png) no-repeat top 50% right;
	background-size:  100%  auto ;
	padding: 2% 0;
	width: 100%;
	float: right;
	padding-right: 3%;
}
.cp-nav ul{
	display: flex;
	flex-wrap: wrap;
	align-items: space-around;
	
}
.cp-nav ul li{
	margin: 0 4%;
	line-height: 3.125rem;
	text-align: left;
}
.cp-nav ul li a{
	color: rgba(255,255,255,0.8);
}

/* 产品展示 */
.al-bg{
	background: url(../images/cp-bg.jpg) no-repeat  bottom center #fff;
	padding: 4% 0 5%;
}
.cp-shang{
	display: flex;
	justify-content: space-between;
	margin-bottom: 5%;

}
.al-shang p{
	padding-bottom: 2%;
	
}
.al-shang{
	color: #555;
	width: 50%;
}
.cp-anniu{
	margin-top: 5%;
	width: 15%;
}
.cp-anniu img{
	padding-left: 10px;
	vertical-align: middle;
}
.al-bg .owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	padding-top: 20px;
}
/* productsroll Start */
.productsroll1{
	width: 100%;
	position: relative;
}
.control-box {
	width: 90%;;
}
.control-box .owl-prev{
	display: none;
	width: 5.375rem;
	height: 5.375rem;
	float: left;
	background: url(../images/left_02.png) no-repeat top center;
}
.control-box .owl-next{
	background: url(../images/right_02.png) no-repeat top center;
	width: 5.375rem;
	height: 5.375rem;
}
.control-box .owl-controls{
	position: absolute;
	top: 38%;
	right: 4%;
	z-index: 1;
	display: block!important;
	
}
.control-box .owl-pagination{
	display: none;
}
.control-box .owl-number{
	display: none;
}
.box2:hover{
	margin-top: -20px;
	
}
/* .prev {
  left: 0;
}
.next {
  left: 5rem;
} */
.bigbox {
  overflow: hidden;
  width: 100%;
}
#switcher {
  left: 0px;
}
.content_1.content_2 {
  width: 100%;
  float: left;
}
.box2 {
  transition:all .7s ease 0s;
  height: auto;
  float: left;
  position: relative;
  margin: 0 5px;
}
.cp-tp{
	width: 100%;
	height: 100%;
	overflow: hidden;
	
}
.cp-tp img{
	width: 100%;
}
.cp-xbts{
	position: absolute;
	bottom: 5%;
	right: 5%;
	z-index: 2;
	font-weight: bold;
	color: #fff;
}
.cp-xbts label{
	font-size: 1.2rem;
}
.box2:hover{
	box-sizing: border-box;
	border: 1px solid #ae1e1e;
}
.box2:hover .cp-tp img{
	transform: scale(1.05);
transition: all 0.6s;	
}




/* 三大系列滚动 */
.ryzz{
	padding: 6% 0 10%;
	position: relative;
	background: url(../images/fzlc-bg_14.jpg) no-repeat top center;
}
.xl-shang{
	padding-left: 10%;
}

.xl-xia{
	position: absolute;
	box-sizing: border-box;
	padding: 0 10% 5%;
	top:20%;
	width: 100%;
	overflow: hidden;
	z-index: 1;
}

.box a{
	display: block;
}
.box .owl-carousel{
	height:auto;
	width: 100%;
	position: relative;
}

.box .owl-carousel  li .box-zong {
	width:100%;
	position: relative;
	height: inherit;
	padding-bottom: 5%;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	justify-content: space-between;
}
.box .owl-carousel .owl-buttons .owl-number{
	display: none;	
}
.xl-img {
	width: 40%;
}
.box .owl-carousel .owl-buttons{
	position: absolute;
	left: 0;
	bottom: 8%;
	display: flex;
	justify-content: flex-start;
	
}
.box .owl-carousel .owl-buttons .owl-prev{
	display: block;
	width: 0.625rem;
	height: 14px;
	background: url(../images/fzlc-tu_21.png) no-repeat top center;
	margin-right: 3rem;
}

.box .owl-carousel .owl-buttons .owl-next{
	display: block;
	width: 0.625rem;
	height: 14px;
	background: url(../images/fzlc-tu_23.png) no-repeat top center;
}


.box .owl-pagination{
	position: absolute;
	right: 0;
	bottom: -2VH;
	z-index: 3;
	display: none;
}
.box  .owl-page{
	width: 25px;
	margin: 0 5px;
	height: 5px;
	float: left;
	background-color: #d7d7d7;
	margin-top: 10px;
}
.box .owl-page.active{
	background-color: #202020;
}


.xl-text{
	width: 50%;
	margin-bottom: 20%;
}
.fz-nf{
	position: absolute;
	bottom: -6%;
	z-index: 2;
	right: 25%;
	
}
.fz-nf span{
	color: #ae1f1f;
	font-size: 11.5rem;
	font-weight: bold;
	font-family: "arial";
}
/* 关于我们 */
.about{
	width: 100%;
	padding: 8% 0 8%;
	background: url(../images/ab-bg_28.jpg) no-repeat top center;
	color: #fff;
	background-size: 110% 110%;
	box-sizing: border-box;
	background-position: 50% 50%;
	transition:all .5s;
	-webkit-animation: bjmove 16s ease-in-out infinite alternate;
	-o-animation: bjmove 16s ease-in-out infinite alternate;
	animation: bjmove 16s ease-in-out infinite alternate;
	display: flex;
	justify-content: space-between;
	position: relative;
	
}


.ab-youtu,.ab-youtu2{
	position: absolute;
	left: 10%;
	width: 80%;
	z-index: 1;
}
.ab-youtu{
	top: 10%;
}
.ab-youtu2{
	bottom: 10%;
}
.ab-zuo{
	box-sizing: border-box;
	width: 50%;
	padding:4% 13% 4%4%;
	background: url(../images/ab-xbg_32.jpg) no-repeat top center;
}
.ab-bt p{
	padding-bottom: 2%;
}
.ab-bt{
	font-size: 1.75rem;
	letter-spacing: 0.3125rem;
}

.ab-content{
	line-height: 1.8rem;
	color: rgba(255,255,255,0.8);
	margin: 5% 0;
}
.ab-anniu a{
	color: #fff;
}
.ab-youtu1{
	display: none;
}
/* 厂房 */
.cf-zong{
	background: url(../images/cf-bg_36.jpg) no-repeat bottom center;
}
.cf-box{
	padding:8% 5%;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
}
.cf-youshang ul{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.cf-zuo{
}
.cf-zuoshang img{
	opacity: 0;
}
.cf-zuoshang2{
	display: none;
}
.cf-zuoshang {
	background: url(../images/cf-tu_31.jpg) no-repeat top center;
	background-size: 110% 110%;
	box-sizing: border-box;
	background-position: 50% 50%;
	transition:all .5s;
	-webkit-animation: bjmove 3s ease-in-out infinite alternate;
	-o-animation: bjmove 3s ease-in-out infinite alternate;
	animation: bjmove 3s ease-in-out infinite alternate;
	
}
.cf-zi{
	position: absolute;
	top: 20%;
	left: 9%;
	z-index: 999;
	color: #fff;
	font-weight: bold;
	font-size: 25px;
}


.cf-zi p{
	font-size: 48px;
	font-family: "arial";
	text-transform: uppercase;
}
.cf-zi p img{
	margin-top:30%;
}
.cf-youxia ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.cf-youxia ul li:first-child{
	
	width: 70%;
}
.cf-youxia ul li:last-child{
	width: 30%;
	text-align: center;
}
/* 优势 */
.ys-zong{
	display: flex;
	width: 100%;
	justify-content: flex-start;
}
.ys-shang{
	background: #efefef;
	text-align: center;
	width: 100%;
	padding: 3% 0;
}
.ys-text{
	background: url(../images/ys-di_47.jpg) no-repeat top center;
	background-size: cover;
color: #fff;	
}
.ys-wenzi{
	width: 75%;
	padding:10% 10%;
}
.ys-wenzi span{
	font-size: 57px;
	text-transform: uppercase;
	font-family: "times new roman";
	color: rgba(255,255,255,0.5);
}
.ys-wenzi p span{
	font-size: 28px;
	color: #fff ;
	border-bottom: 5px solid #ca0000;
	
}
.ys-wenzi p{
	font-size: 28px;
	padding-bottom: 40px;
}
.ys-img1 img{
	opacity: 0;
}
.ys-img1{
	background: url(../images/ys-tu1_46.jpg) no-repeat top center;
	background-size: 110% 110%;
	box-sizing: border-box;
	background-position: 50% 50%;
	transition:all .5s;
	-webkit-animation: bjmove 8s ease-in-out infinite alternate;
	-o-animation: bjmove 8s ease-in-out infinite alternate;
	animation: bjmove 8s ease-in-out infinite alternate;
}
.ys-img2 img{
	opacity: 0;
}
.ys-img2{
	background: url(../images/ys-tu2_46.jpg) no-repeat top center;
	background-size: 110% 110%;
	box-sizing: border-box;
	background-position: 50% 50%;
	transition:all .5s;
	-webkit-animation: bjmove 8s ease-in-out infinite alternate;
	-o-animation: bjmove 8s ease-in-out infinite alternate;
	animation: bjmove 8s ease-in-out infinite alternate;
}
.ys-img3 img{
	opacity: 0;
}
.ys-img3{
	background: url(../images/ys-tu3_46.jpg) no-repeat top center;
	background-size: 110% 110%;
	box-sizing: border-box;
	background-position: 50% 50%;
	transition:all .5s;
	-webkit-animation: bjmove 8s ease-in-out infinite alternate;
	-o-animation: bjmove 8s ease-in-out infinite alternate;
	animation: bjmove 8s ease-in-out infinite alternate;
}
.ys-img4 img{
	opacity: 0;
}
.ys-img4{
	background: url(../images/ys-tu4_46.jpg) no-repeat top center;
	background-size: 110% 110%;
	box-sizing: border-box;
	background-position: 50% 50%;
	transition:all .5s;
	-webkit-animation: bjmove 8s ease-in-out infinite alternate;
	-o-animation: bjmove 8s ease-in-out infinite alternate;
	animation: bjmove 8s ease-in-out infinite alternate;
}
.ys-zong .owl-pagination{
}
.ys-xia{
	position: relative;
}
.ys-xia .owl-pagination{
	position: absolute;
	z-index: 3;
	display: flex;
	box-sizing: border-box;
	width: 80%;
	bottom: 15%;
	padding-left: 10%;
}
.ys-xia .owl-pagination .owl-page{
	background-color: #fff;
	width: 20%;
	height: 2px;
}
.ys-xia .owl-page.active {
    background-color: red;
}
.ys-xia .owl-buttons .owl-number{
	
}
.ys-xia .owl-buttons{
	position: absolute;
	z-index: 3;
	bottom: 10%;
	right:20%;
	color: #fff;
}
.ys-xia .owl-buttons .owl-prev{
	width:4rem;
	margin-right: 5%;
	height:4rem;
	background: url(../images/ys-icon_50.png) no-repeat top center;
}
.ys-xia .owl-buttons{
	display: flex;
	justify-content: center
}
.ys-xia .owl-buttons .owl-next{
	width:4rem;
	height:4rem;
	background: url(../images/ys-icon_52.png) no-repeat top center;
}

.ys-xia .owl-buttons .owl-number {
	display: none!important;

}
.ys-zi{
	display: block;
	font-size: 15px!important;
	width: 70%;
}
.ys-shuzi{
	position: absolute;
	bottom: 10%;
	left: 5%;
	line-height: 5rem;
	font-size: 50px;
	color: #ae1e1e;
	
	font-family: "Times new roman";
}
.ys-shuzi p{
		font-size: 108px;
		font-family: "Times new roman";
	
}
/* 新闻中心 */
.xw-zhongxin{
	padding:5% 0 5%;
}
.xw-shang{
	align-items: center;
	background: #efefef;
	padding: 1% 2%;
	display: flex;
	justify-content: space-between;
	
}
.xw-bt{
	font-size: 1.75rem;
}
.xw-nav{
	width: 30%;
}
.xw-nav ul  li{
	margin: 0 1%;
}
.xw-nav ul {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.xw-xia{
	display: flex;
	width:100%;
	justify-content: flex-start;
	align-items: flex-start;
}
.xw-img{
	width: 100%;
}
.xw-img img{
	width: 100%;
}
.xw-zuo{
	width: 50%;
}
.xw-zhong .xw-onetiao ul li{
	width: 50%;
}
.xw-zhong .xw-onetiao ul{
	display: flex;
	justify-content: space-between;
	align-content: center;
}
.xw-onetiao{
	
	padding: 0 1%;
	width: 100%;
	box-sizing: border-box;
}
.xw-zhong,.xw-you
{
	width: 50%;
}
.xw-rtbt {
	margin-top: 1%;
}
.xw-rtbt a{
			display: block;
			white-space:nowrap;
			overflow: hidden;
			text-overflow:ellipsis;
	font-size: 1.5625rem;
	color: #000;
	
}
.xw-shijian{
	font-size: 1.375rem;
	font-family: "arial";
	margin-bottom: 2%;
}
.xw-anniu{
	margin-top: 1.875rem;
}
/*footer开始====================================================================================*/
#copyright{
	background-color: #151515;
	padding: 3% 0 1%;
	position: relative;
	color: #6b6b6b;
}
.f-logo{
	position: absolute;
	right: 0%;
	width: 15%;
	height: auto;
top: 5%;
z-index: 1;
}
.f-bt{
	font-size: 1.75rem;
	color:#fff;
}
.f-bt:after{
	content: "";
	display: block;
	background-color: #fff;
	margin: 5% 0;
	width: 1.25rem;
	height: 0.3125rem;
}
.f-zong{
	box-sizing: border-box;
	padding-right: 10%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.f-zuo{
	width: 50%;
}
.f-zhong{
	width: 40%;
}

.f-nav>ul{
display: flex;
justify-content: flex-start;

flex-wrap: wrap;
align-items: center;
}
.f-nav>ul>li{
	width: 16.66%;
	line-height: 2.125rem;
}
.f-lxfs ul li{
	float: left;
	line-height: 2.5rem;
	width: 50%;
	
	
}
.f-lxfs ul li:last-child{
	width: 100%;
}
.f-zuixia{
	padding: 1% 0;
	display: flex;
	justify-content: space-between;
	margin-top: 5VH;
	border-top: 1px solid #555;
}
	

@media (min-width: 1280px){
	
	
}
@media (min-width: 980px) and (max-width: 1279px){
	.cp-nav {
	    padding: 2% 1%;
		}
		.al-shang {
		    width: 62%;
			}
	.cp-nav ul li {
	    margin: 0 3%;
		    line-height: 2.125rem;
		}
		
		.control-box .owl-controls {
		    right: 2%;
		}
		
	.fz-nf span {
	    font-size: 9.5rem;
		}
		.xl-text {
			display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 3;
						overflow: hidden;
		}
		.fz-nf {
		    bottom: -15%;
		}
		.ab-zuo {
		    padding: 4% 10% 4%4%;
			}
		.ys-wenzi span {
			    font-size: 44px;
		}
		.ys-wenzi p {
		    padding-bottom: 13px;
		}
		.ys-zi {
		    width: 91%;
		}
	.f-nav>ul>li {
	    width: 20.66%;
		}	
	
}

/* 手机导航部分 */
@media (max-width: 979px) {
	
	.slide .right {
	    left: 86%!important;
	}
	/* header */
	#m_header{
	  display: block;
	  position: fixed;
	  z-index:99;
	  background: transparent;
	  width:100%;
	  padding: 0 5%;
	  background: #fff;
	  height: 5rem;
	  padding-top: 1rem;
	  box-sizing: border-box;
	  padding-bottom: 1rem;
	}
	#header{
	  display: none;
	}
	#m_header.white .index-header .logo > span:first-child{
	  display: block;
	}
	#m_header.white .index-header .logo > span:last-child{
	  display: none;
	}
	#m_header.black .index-header .logo > span:first-child{
	  display: none;
	}
	#m_header.black .index-header .logo > span:last-child{
	  display: block;
	}
	#m_header.white{
		box-sizing: border-box;
	  background: transparent;
	}
	#m_header.black{
		box-sizing: border-box;
	  background: #fff;
	  position: fixed!important;
	  border-bottom:1px solid #cdcdcd;
	}
	.index-header {
	  width: auto;
	  margin: auto;
	  background: transparent;
	  display: block;
	  align-items: center;
	  justify-content: center;
	  border-radius: unset;
	  padding: 0;
	}
	.logo {
	  width: 40%;
	padding: 0;
		
	}
	.header-icon {
	    width: 14%;
		height: 4rem;
			
		}
	.logo img {
	max-height: 7rem;
		}
		.nav-pc{
			
		}
	.index-search-icon{
	  float: right;
	  line-height: 4.5rem;
	  position: relative;
	  margin-right: 2rem;
	}
	.index-search-icon:before{
	  content:'';
	  position: absolute;
	  background: rgba(0,0,0,0.2);
	  width: 0.1rem;
	  height: 1.5rem;
	  top:1.5rem;
	  left:-1.5rem;
	}
	.index-search-icon:after{
	  content:'';
	  position: absolute;
	  background: rgba(0,0,0,0.2);
	  width: 0.1rem;
	  height: 1.5rem;
	  top:1.5rem;
	  right:-1.5rem;
	}
	.index-search-icon img{
	  height: 1.5rem;
	  width: auto;
	  object-fit: cover;
	}
	#m_header .index-search{
	}
	#m_header .is-con {
	  justify-content: flex-start;
	  background: #fff;
	}
	.is-ctext {
	  width: 80%;
	}
	.is-ctext input{
	  width: 100%;
	}
	.index-lang {
	  display: none;
	}
	.index-lang-m {
	  float: right;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  height: 1.5rem;
	  border: 0.1rem solid #1d2088;
	  border-radius: 2rem;
	  font-size: 1rem;
	  margin-left: 1VW;
	  margin-top: 1.5rem;
	}
	.il-list-m {
	  background: #1d2088;
	  color: #fff;
	  height: 1.6rem;
	  width: 1.5rem;
	  line-height: 1.5rem;
	}
	.il-list-m-active {
	  color: #1d2088;
	  background: #fff;
	}
	.index-lang-m a:nth-child(1) .il-list-m {
	  padding-right: 0.5rem;
	  padding-left: 0.5rem;
	  border-top-left-radius: 2rem;
	  border-bottom-left-radius: 2rem;
	  text-align: right;
	}
	.index-lang-m a:nth-child(2) .il-list-m {
	  padding-left: 0.5rem;
	  padding-right: 0.5rem;
	  border-top-right-radius: 2rem;
	  border-bottom-right-radius: 2rem;
	  text-align: left;
	}
	.index-menu-text{
	  float: right;
	  color:rgba(0,0,0,0.5);
	  font-size: 1.2rem;
	  text-transform: uppercase;
	  line-height: 4.5rem;
	}
	.nav-pc{
	  float:right;
	  width:4rem;
	  line-height: 2rem;
	}
	.hamburger {
	  float: right;
	  display: block;
	}
	
	#m_header.white .hamburger-inner, #m_header.white .hamburger-inner::before, #m_header.white .hamburger-inner::after {
	  background-color: #fff;
	}
	#m_header.black .hamburger-inner, #m_header.black .hamburger-inner::before, #m_header.black .hamburger-inner::after {
	  background-color: #c11616!important;
	}
	#m_header.white .hamburger--emphatic-r.is-active .hamburger-inner {
	  background-color: transparent;
		}
		
	.hamburger-inner::before {
	  top: -7px;
	}
	.hamburger--emphatic-r .hamburger-inner::after{
	  top:7px;
	}
	.hamburger-inner::after {
	  bottom: -7px;
	}
	.mobile_nav{
	  display: none;
	  width: 100%;
	  text-align: center;
	  position: absolute;
	  top: 4.5rem;
	  left: 0;
	  background: #fff;
		height:auto;
	}
	.mobile_nav>ul>li{
		line-height: 5VH;
		border-bottom: 1px dashed #d7d7d7;
	}
	.mobile_nav>ul>li:first-child{
		border-top: 1px solid #D7d7d7;
	}
	
	.nav-pc li {
	  display: block;
		line-height: 250%;
	}
	
	
	
	.cp-nav ul li {
	    margin: 0 3%;
	    line-height: 2.125rem;
		}
	.al-shang {
	    width: 67%;
		}
		
	.fz-nf span {
	    color: #ae1f1f;
	    font-size: 7.5rem;
		}
	.xl-text {
		
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 4;
					overflow: hidden;
	    margin-bottom: 12%;
	}
	.ab-zuo {
	    padding: 4% 8% 4% 4%;
		}
	.ys-wenzi span {
	    font-size: 44px;
		}
		.ys-zi {
		    display: block;
		    width: 100%;
			}
		.f-nav>ul>li {
		    width: 24%;
			}
	
}

@media (min-width: 768px) and (max-width: 979px){
	
	.dw-zong {
		width: 95%;
	}
	.al-bg{
		padding: 10% 0 5%;
	}
	.cp-nav ul li {
	    margin: 0 3%;
		}
		.cp-nav {
			box-sizing: border-box;
		    padding: 2% 2%;
			}
		.box2 {
		    width: 70%;
			}
			.cp-shang {
				flex-wrap: wrap;
			}
			.al-shang {
				width: 100%;
			}
			.cp-anniu{
				width: 100%;
			}
			.control-box {
			    margin: 0 auto;
			}
			
		.box .owl-carousel li .box-zong {
		    justify-content: flex-end;
		    flex-wrap: wrap;
		}
	.fz-bg{
		padding-top: 10%;
	}
		.xl-text {
		    width: 100%;
			margin-bottom: 0%;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
			overflow: hidden;
			
			}
			.xl-xia {
			    top: 29%;
				}
				.fz-nf {
				    bottom: 7%;
				    right: 42%;
				}
				.fz-nf span {
				    font-size: 5.5rem;
				}
				.ryzz {
				    padding: 6% 0 23%;
					}
	.ab-zuo {
	    width: 55%;
		}
		.ab-content{
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
			overflow: hidden;
		}
		.ab-zuo {
		    padding: 4% 5% 4% 4%;
		}
		
		
		
		
		.cf-zi p {
		    font-size: 30px;
			}
		.cf-zi p img {
		    margin-top: 12%;
		}
		.ys-wenzi span {
		    font-size: 33px;
		}
		.ys-shuzi p{
			font-size: 73px;
			padding-bottom: 11px;
			
		}
		.ys-shuzi {
		    line-height: 3rem;
		    font-size: 37px;
			}
		.ys-zi{
			margin:0 0% 20%;
		}
		.xw-rtbt a {
		    font-size: 1.2625rem;
			}
		
		.xw-rtnr a{
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
			overflow: hidden;
		}
		.f-nav>ul>li {
		    width: 25%;
		}
		.f-lxfs ul li {
		    width: 100%;
			}
			.f-zhong {
			    width: 45%;
			}
		

	
}
	.ny-xqzong{
		display: none;
	}
@media (max-width:767px){
	.ny-xqzong{
		display: block;
	}
	#preview{
		display: none;
	}
	.xl-shang img{
		width: 50%;
		
	}
	.ab-bt img{
		width:70%;
	}
	.al-shang img{
		width: 50%;
	}
.ys-shang img{
	width: 50%!important;
}
	.sl0-banner-bg video {
	    position: absolute;
		width: 100%;
		left: 0;
		top: 0%;
		height: 100%;
		}
		
	.wap-box{
		display: block!important;
		opacity: 0;
	}
	.banner-box{
		display: none!important;
	}
	.banner a{
		max-height: 100%;
	}
	.sl0-banner-bg{
		position: relative;
		width:100%;
		height:100%;
		overflow: hidden;
	background: url(../images/wap-0.jpg) no-repeat center;
	background-size: cover;

}
	.sl11-banner-bg{
		position: relative;
		width:100%;
		height:100%;
		overflow: hidden;
		background: url(../images/wap-01.jpg) no-repeat center;
		background-size: cover;
		transition:all .5s;
		transform: scale(1);
		transition: transform 2s ease-in-out;
		animation: sl4bgsf 8s linear infinite;
		animation-delay:2s;

}

	.sl1-banner-bg{
		position: relative;
		width:100%;
		height:100%;
		overflow: hidden;
		background: url(../images/wap-1.jpg) no-repeat center;
		background-size: cover;
		transition:all .5s;
		transform: scale(1);
		transition: transform 2s ease-in-out;
		animation: sl4bgsf 8s linear infinite;
		animation-delay:2s;

}
.banner-consjs{
	position: absolute;
	top: 10%;
	z-index: 2;
	
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
}
.banner-con2{
 display: none;
}
.sl2-banner-bg{
	position: relative;
	width:100%;
	height:100%;
	overflow: hidden;
	background: url(../images/wap-2.jpg) no-repeat center;
	background-size: cover;
	transition:all .5s;
	transform: scale(1);
	transition: transform 2s ease-in-out;
	animation: sl4bgsf 8s linear infinite;
	animation-delay:2s;
}
.banner-con3{
	
	flex-wrap: wrap;
}
.sl3-banner-bg{
	position: relative;
	width:100%;
	height:100%;
	overflow: hidden;
	background: url(../images/wap-3.jpg) no-repeat center;
	background-size: cover;
	transition:all .5s;
	transform: scale(1);
	transition: transform 2s ease-in-out;
	animation: sl4bgsf 8s linear infinite;
	animation-delay:2s;
}

	.dw-zong {
		width: 98%;
		top: 100%;
	}
	.al-bg{
		padding: 17% 0 20%;
	}
	.cp-nav ul li {
	    margin: 0 2%;
		}
		.cp-nav {
			box-sizing: border-box;
		    padding: 2% 2%;
			}
		.box2 {
		    width: 70%;
			}
			.cp-shang {
				flex-wrap: wrap;
			}
			.al-shang {
				width: 100%;
			}
			.cp-anniu{
				width: 100%;
			}
			.control-box {
			    margin: 0 auto;
			}
			.control-box .box2{
				width: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			.cp-tp {
			    width:80%;
				}
				.cp-xbts {
				    right: 44%;
					}
	
		.box .owl-carousel li .box-zong {
		    justify-content: flex-end;
		    flex-wrap: wrap;
		}
		.control-box .owl-controls {
		    position: absolute;
		    top: 105%;
			width: 100%;
		    z-index: 2;
			left: 0;
		    display: block!important;
		}
		
		.control-box .owl-next {
			display: none;
		}
		.control-box .owl-pagination{
			margin: 0 auto;
			display: flex;
			justify-content: center;
			align-items: center;
		
		}
		.control-box .owl-pagination .owl-page{
			width: 32px;
			height: 5px;
			background: #ae1f1f;
			margin: 0 2%;
		}
		.control-box .owl-pagination .owl-page.active{
			width: 32px;
			height: 5px;
			background-color: #000;
		}
		
		
		.control-box .owl-pagination .owl-numbers{
			display: none;
		}
		
		
		.fz-bg{
			padding-top: 19%;
		}
		
		
		
		
		.xl-img {
			margin-top: 10%;
		    width: 49%;
		}
		
		.xl-text {
		    width: 100%;
			margin-bottom: 0%;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
			overflow: hidden;
			
			}
			.xl-xia {
			    top: 22%;
				}
				.fz-nf {
				    bottom: 7%;
				    right: 50%;
				}
				.fz-nf span {
				    font-size: 5.5rem!important;
				}
				.ryzz {
				    padding: 6% 0 23%;
					}
				.ryzz .owl-controls{
					display: none!important;
				}
		.about{
			padding: 0;
			background: none;
			flex-wrap: wrap;
		}
				.ab-you{
					position: relative;
					width: 100%;
					background: url(../images/ab-wap.jpg) no-repeat top center;
			background-size: 110% 110%;
			box-sizing: border-box;
			background-position: 50% 50%;
			transition:all .5s;
			-webkit-animation: bjmove 3s ease-in-out infinite alternate;
			-o-animation: bjmove 3s ease-in-out infinite alternate;
			animation: bjmove 3s ease-in-out infinite alternate;
					
				}
				.ab-wenzitu{
					position: absolute;
					top:10%;
					left: 10%;
					height: 90%;
					box-sizing: border-box;
					padding-bottom: 10%;
					display: flex;
					flex-wrap: wrap;
					align-content: space-between;
				}
				.ab-youtu1{
					display: block;
					opacity: 0;
				}
				.ab-youtu,.ab-youtu2{
					position: static;
					
				}
				.ab-youtu2 img{
					width: 80%;
				}
				.ab-youtu img{
					width: 50%;
				}
				


	
		.ab-content{
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
			overflow: hidden;
		}
		.ab-zuo {
			width: 100%;
		    padding:10%;
		}
		
		
		.cf-box {
		    flex-wrap: wrap;
		}
		.cf-box {
		    padding: 13% 5%;
			}
		.cf-zuo{
			display: flex;
			justify-content: flex-start;
		}
		.cf-zuoxia{
			display: none;
		}
		.cf-zuoshang2{
			display: block;
			background: url(../images/cf-tu-wap.jpg) no-repeat top center;
			width: 100%;
		}
		.cf-zuoshang {
			display: none;
			
		}
		.cf-zi {
		    top: 13%;
			}
		.cf-zi p {
		    font-size: 30px;
			}
		.cf-zi p img {
		    margin-top: 12%;
		}
		
		
		
		.ys-zong {
		    flex-wrap: wrap;
			}
			.ys-shang {
			    padding: 7% 0;
				}
		.ys-wenzi span {
		    font-size: 33px;
		}
		.ys-shuzi p{
			font-size: 73px;
			padding-bottom: 11px;
			
		}
		.ys-xia .owl-buttons {
		    bottom: 5%;
		    right: 9%;
			}
			
			.ys-xia .owl-pagination {
			    bottom: 9%;
			    padding-left: 23%;
				}
				
		.ys-shuzi {
			    bottom: 3%;
			    left: 9%;
		    line-height: 3rem;
		    font-size: 37px;
			}
		.ys-zi{
			margin:0 0% 20%;
		}
		
		
		.xw-zhongxin {
		    padding: 10% 0;
		}
		
		.xw-xia{
			flex-wrap: wrap;
			
		}
		.xw-nav {
		    width: 54%;
		}
		.xw-zuo{
			width: 100%;
		}
		.xw-zhong,.xw-you
			
	{
		margin-top: 2%;
			width: 100%;
		}
		.xw-rtbt a {
		    font-size: 1.2625rem;
			}
		
		.xw-rtnr a{
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			overflow: hidden;
		}
		
		.f-logo {
    width: 33%;
	}
		.f-nav>ul>li {
		    width: 16%;
		}
		#copyright {
		    padding: 7% 0 1%;
			}
			.f-zong {
			    flex-wrap: wrap;
				}
				.f-zuo {
				    width: 100%;
				}
				.f-zhong {
					margin-top: 5%;
				    width: 100%;
				}
				.f-zuixia {
				    flex-wrap: wrap;
					}
				
	
}
@media (min-width:640px)and (max-width:767px){
	
}
@media  (min-width: 480px) and (max-width:639px){
	.dingwei{
		display: none;
	}
	.cp-tp{
		width: 100%;
	}
	.ryzz {
	    padding: 15% 0 30%;
	}
	
	.xl-xia {
	    top: 34%;
	}
		.fz-nf span {
		    font-size:3.7rem!important;
		}
	.ys-shuzi p {
	    font-size: 60px;
		}
		.ys-shuzi{
			line-height: 2rem;
		}
		.ys-xia .owl-pagination {
		    width: 73%
			}
	.xw-rtnr a{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}
	.f-nav>ul>li {
	    width: 20%;
	}
	.logo {
    width: 30%;
		
	}

	
	
}
@media  (min-width: 320px) and (max-width:479px){
	.banner-consjs {
	    top: 20%;
	    width: 75%;
		left: 5%;
		}
		.banner .owl-buttons div {
		    bottom: 4%;
			}
	.dingwei{
		display: none;
	}
	.al-shang{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}
	
	.cp-tp{
		width: 100%;
	}
	.ryzz {
	    padding: 15% 0 30%;
	}
	
	.xl-xia {
	    top: 34%;
	}
	.ab-bt {
    font-size: 1.2rem;}
	.ab-zuo{
		padding: 15% 10%;
	}
	.cf-zi p {
	    font-size: 25px;
	}
	
	.cf-zi p img {
		display: none;
	}
	
	.cf-youxia ul {
	    flex-wrap: wrap;
	}
	
	.cf-youxia ul li:first-child {
		width: 100%;
	}
	
	.cf-youxia ul li:last-child {
	    width: 100%;
		margin-top: 10%;
		text-align: left;
	}
	
		.fz-nf span {
		    font-size:2.7rem!important;
		}
		
		.ys-shang img{
			width: 80% ;
		}

		.ys-shuzi{
			display: none;
		}
		.ys-xia .owl-pagination {
		    width:90%;
			left:10%;
			padding-left: 0%;
			}
			
			
		.ys-xia	.owl-buttons{
			display: none;
		}
		
		.ys-wenzi {
		    width: 100%;
			box-sizing: border-box;
			}
			
		.xw-shang {
		    padding: 6% 2%;
		    justify-content: center;
		}
		.xw-nav{
			display: none;
		}
	.xw-rtnr a{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}
	
	.f-zuo{
		display: none;
	}
	.f-banquan{
		display: none;
	}	
	.f-lxfs ul li {
	    width: 100%;
	}
	.logo {
	width: 36%;
		
	}
	.f-logo {
	    width: 54%;
	}
	#copyright {
	    padding: 30% 0 1%;
	}
}
@media (max-width: 319px){
	
	.banner-consjs {
	    top: 20%;
	    width: 75%;
		left: 5%;
		}
		
		.banner .owl-buttons div {
		    bottom: 4%;
			}
			
	.dingwei{
		display: none;
	}
	
	.al-shang{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}
	
	.cp-tp{
		width: 100%;
	}
	.ryzz {
	    padding: 15% 0 30%;
	}
	
	.xl-xia {
	    top: 34%;
	}
	.ab-bt {
	font-size: 1.2rem;
	}
	
	.ab-zuo{
		padding: 15% 10%;
	}
	.cf-zi p {
	    font-size: 25px;
	}
	
	.cf-zi p img {
		display: none!important;
	}
	
	.cf-youxia ul {
	    flex-wrap: wrap;
	}
	
	.cf-youxia ul li:first-child {
		width: 100%;
	}
	
	.cf-youxia ul li:last-child {
	    width: 100%;
		margin-top: 10%;
		text-align: left;
	}
	
		.fz-nf span {
		    font-size:2.7rem!important;
		}
		
		.ys-shang img{
			width: 80% ;
		}
	
		.ys-shuzi{
			display: none;
		}
		.ys-xia .owl-pagination {
		    width: 100%;
			left:10%;
			padding-left: 0%;
			}
			
			
		.ys-xia	.owl-buttons{
			display: none;
		}
		
		.ys-wenzi {
		    width: 100%;
			box-sizing: border-box;
			}
			
		.xw-shang {
		    padding: 6% 2%;
		    justify-content: center;
		}
		.xw-nav{
			display: none;
		}
	.xw-rtnr a{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}
	
	.f-zuo{
		display: none;
	}
	.f-banquan{
		display: none;
	}	
	.f-lxfs ul li {
	    width: 100%;
	}
	.logo {
	width: 30%;
		
	}
	.f-logo {
	    width: 54%;
	}
	#copyright {
	    padding: 10% 0 1%;
	}
	.cf-zi{
		font-size: 22px;
		line-height: 1.875rem;
	}

}