@media (min-width:1200px) {
/* flexslider */

.shubiao{
	width: 70px;
	height: 74px;
	position: absolute;
	bottom: 30px;
	left: calc(50% - 35px);
	z-index: 9999;
	animation:  icon 1.1s linear infinite;
}
.flexslider{position:relative;height: auto;width:100%; float:left;}
.flexslider .slides{position:relative;z-index:1;}
.flexslider .slides li{height: 49vw; position:relative; background-position: center; background-repeat: no-repeat; background-size: cover;}
.flexslider .slides li a{ height:100%; width:100%; float:left;}

.flexslider .flex-control-nav{position:absolute;bottom:1.0rem;z-index:2;width:100%;text-align:center; display: none;}
.flexslider .flex-control-nav li{display:inline-block;width:8px;height:8px;margin:0 10px;*display:inline;zoom:1;}
.flexslider .flex-control-nav a{display:inline-block;width:8px;height:8px;line-height:50px;overflow:hidden; border:1px solid #FFF;cursor:pointer;border-radius:50%}
.flexslider .flex-control-nav .flex-active{background:rgba(255,255,255,1);}
.flexslider .flex-direction-nav{position:absolute;z-index:3;width:100%;top: calc(50% - 62px);}
.flexslider .flex-direction-nav li a{display:block;width:52px;height:52px;overflow:hidden;cursor:pointer;position:absolute;}
.flexslider .flex-direction-nav li a.flex-prev{left:80px; background-image: url(../img/zj.png); background-position: center; background-repeat: no-repeat;}
.flexslider .flex-direction-nav li a.flex-prev:hover{left:80px; background-image: url(../img/yj001.png); background-position: center; background-repeat: no-repeat; -webkit-transform: rotate(180deg)}
.flexslider .flex-direction-nav li a.flex-next{right:80px;background-image: url(../img/zj.png); background-position: center; background-repeat: no-repeat;-webkit-transform: rotate(180deg) }
.flexslider .flex-direction-nav li a.flex-next:hover{right:80px;background-image: url(../img/yj001.png); background-position: center; background-repeat: no-repeat;-webkit-transform: rotate(360deg) }


.flexslider2{width:100%; float:left; background-color: #f2f2f2; padding: 55px 0px;position:relative; margin-top: 60px;}
.flexslider2 .slides{position:relative;z-index:1;}
.flexslider2 .slides li{height: auto; width: 100%; }
.flexslider2 .slides li .con{
	width: 100%;
	display: flex;
}
.flexslider2 .slides li .pic{
	width: 25%;
}
.flexslider2 .slides li .pic img{
	width: 100%;
	height: auto;
}
.flexslider2 .flex-control-nav{position:absolute;bottom:1.0rem;z-index:2;width:100%;text-align:center; display: none;}
.flexslider2 .flex-control-nav li{display:inline-block;width:40px;height:2px;margin:0 10px;*display:inline;zoom:1;}
.flexslider2 .flex-control-nav a{display:inline-block;width:40px;height:2px;line-height:50px;overflow:hidden; background: #fff;cursor:pointer;border-radius:8px}
.flexslider2 .flex-control-nav .flex-active{background: #db5a5a;}
.flexslider2 .flex-direction-nav{position:absolute;z-index:3;width:100%;top: calc(50% - 24px);}
.flexslider2 .flex-direction-nav li a{display:block;width:48px;height:48px;overflow:hidden;cursor:pointer;position:absolute;}
.flexslider2 .flex-direction-nav li a.flex-prev{left:-60px; background-image: url(../img/zj01.png); background-position: center; background-repeat: no-repeat;}
.flexslider2 .flex-direction-nav li a.flex-next{right:-60px;background-image: url(../img/zj01.png); background-position: center; background-repeat: no-repeat;-webkit-transform: rotate(180deg) }


.flexslider3{position:relative;height: auto;width:100%; float:left; margin-top: 40px; }
.flexslider3 .slides{position:relative;z-index:1;}
.flexslider3 .slides li{
	height: auto; 
	width: 100%;
}
.flexslider3 .slides li .pic{
	width: 100%;
	height: 31.25vw;
	z-index: 1;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.flexslider3 .slides li .tex{
	width: calc(100% - 120px);
	float: left;
	margin-left: 60px;
	margin-right: 60px;
	margin-top: -30px;
	background: #ffffff;
	box-shadow: 0px 4px 23px 0px rgba(0,0,0,0.10); 
	padding: 40px 70px;
	font-size: 14px;
	line-height: 28px;
	color: #666666;
}


.flexslider3 .flex-control-nav{position:absolute;bottom:1.0rem;z-index:2;width:100%;text-align:center; display: none;}
.flexslider3 .flex-control-nav li{display:inline-block;width:40px;height:2px;margin:0 10px;*display:inline;zoom:1;}
.flexslider3 .flex-control-nav a{display:inline-block;width:40px;height:2px;line-height:50px;overflow:hidden; background: #fff;cursor:pointer;border-radius:8px}
.flexslider3 .flex-control-nav .flex-active{background: #db5a5a;}
.flexslider3 .flex-direction-nav{position:absolute;z-index:3;width:100%;top: calc(40% - 30px);}
.flexslider3 .flex-direction-nav li a{display:block;width:60px;height:60px;overflow:hidden;cursor:pointer;position:absolute;}
.flexslider3 .flex-direction-nav li a.flex-prev{left:80px; background-image: url(../img/zj001.png); background-position: center; background-repeat: no-repeat;}
.flexslider3 .flex-direction-nav li a.flex-prev:hover{
	background-image: url(../img/yj001.png); background-position: center; background-repeat: no-repeat;-webkit-transform: rotate(180deg)
}
.flexslider3 .flex-direction-nav li a.flex-next{right:80px;background-image: url(../img/zj001.png); background-position: center; background-repeat: no-repeat;-webkit-transform: rotate(180deg) }
.flexslider3 .flex-direction-nav li a.flex-next:hover{
	background-image: url(../img/yj001.png); background-position: center; background-repeat: no-repeat;-webkit-transform: rotate(360deg)
}


.flexslider4{position:relative;height: auto;width:100%; float:left; display: none;}
.flexslider4 .slides{position:relative;z-index:1;}
.flexslider4 .slides li{height: auto; position:relative;}
.flexslider4 .slides li img{ height: auto; width:100%; display: block;}

.flexslider4 .flex-control-nav{position:absolute;bottom:1.0rem;z-index:2;width:100%;text-align:center; display: none;}
.flexslider4 .flex-control-nav li{display:inline-block;width:8px;height:8px;margin:0 10px;*display:inline;zoom:1;}
.flexslider4 .flex-control-nav a{display:inline-block;width:8px;height:8px;line-height:50px;overflow:hidden; border:1px solid #FFF;cursor:pointer;border-radius:50%}
.flexslider4 .flex-control-nav .flex-active{background:rgba(255,255,255,1);}
.flexslider4 .flex-direction-nav{position:absolute;z-index:3;width:100%;top: calc(50% - 62px);}
.flexslider4 .flex-direction-nav li a{display:block;width:52px;height:52px;overflow:hidden;cursor:pointer;position:absolute;}
.flexslider4 .flex-direction-nav li a.flex-prev{left:0px; background-image: url(../img/zj.png); background-position: center; background-repeat: no-repeat;}
.flexslider4 .flex-direction-nav li a.flex-prev:hover{left:0px; background-image: url(../img/zj.png); background-position: center; background-repeat: no-repeat;}
.flexslider4 .flex-direction-nav li a.flex-next{right:0px;background-image: url(../img/zj.png); background-position: center; background-repeat: no-repeat;-webkit-transform: rotate(180deg) }
.flexslider4 .flex-direction-nav li a.flex-next:hover{right:0px;background-image: url(../img/zj.png); background-position: center; background-repeat: no-repeat;-webkit-transform: rotate(180deg) }


}



@media (max-width:1199px) {
/* flexslider */

.shubiao{
	width: 70px;
	height: 74px;
	position: absolute;
	bottom: 30px;
	left: calc(50% - 35px);
	z-index: 9999;
	animation:  icon 1.1s linear infinite;
	display: none;
}
.flexslider{position:relative;height: auto;width:100%; float:left; margin-top: 4.0rem;}
.flexslider .slides{position:relative;z-index:1;}
.flexslider .slides li{height: 52vw; position:relative; background-position: center; background-repeat: no-repeat; background-size: cover;}
.flexslider .slides li a{ height:100%; width:100%; float:left;}

.flexslider .flex-control-nav{position:absolute;bottom:1.0rem;z-index:2;width:100%;text-align:center; display: none;}
.flexslider .flex-control-nav li{display:inline-block;width:8px;height:8px;margin:0 10px;*display:inline;zoom:1;}
.flexslider .flex-control-nav a{display:inline-block;width:8px;height:8px;line-height:50px;overflow:hidden; border:1px solid #FFF;cursor:pointer;border-radius:50%}
.flexslider .flex-control-nav .flex-active{background:rgba(255,255,255,1);}
.flexslider .flex-direction-nav{position:absolute;z-index:3;width:100%;top: calc(50% - 1.0rem);}
.flexslider .flex-direction-nav li a{display:block;width:2.0rem;height:2.0rem;overflow:hidden;cursor:pointer;position:absolute;}
.flexslider .flex-direction-nav li a.flex-prev{left:1.0rem; background-image: url(../img/zj.png); background-position: center; background-repeat: no-repeat; background-size: contain;}
.flexslider .flex-direction-nav li a.flex-prev:hover{left:1.0rem; background-image: url(../img/zj.png); background-position: center; background-repeat: no-repeat; background-size: contain;}
.flexslider .flex-direction-nav li a.flex-next{right:1.0rem;background-image: url(../img/zj.png); background-position: center; background-repeat: no-repeat;-webkit-transform: rotate(180deg); background-size: contain;}
.flexslider .flex-direction-nav li a.flex-next:hover{right:1.0rem;background-image: url(../img/zj.png); background-position: center; background-repeat: no-repeat;-webkit-transform: rotate(180deg);background-size: contain;}


.flexslider2{width:100%; float:left; background-color: #f2f2f2; padding: 1.0rem 0px;position:relative; margin-top: 2.0rem;}
.flexslider2 .slides{position:relative;z-index:1;}
.flexslider2 .slides li{height: auto; width: 100%; }
.flexslider2 .slides li .con{
	width: 100%;
	display: flex;
}
.flexslider2 .slides li .pic{
	width: 25%;
}
.flexslider2 .slides li .pic img{
	width: 100%;
	height: auto;
}
.flexslider2 .flex-control-nav{position:absolute;bottom:1.0rem;z-index:2;width:100%;text-align:center; display: none;}
.flexslider2 .flex-control-nav li{display:inline-block;width:40px;height:2px;margin:0 10px;*display:inline;zoom:1;}
.flexslider2 .flex-control-nav a{display:inline-block;width:40px;height:2px;line-height:50px;overflow:hidden; background: #fff;cursor:pointer;border-radius:8px}
.flexslider2 .flex-control-nav .flex-active{background: #db5a5a;}
.flexslider2 .flex-direction-nav{position:absolute;z-index:3;width:100%;top: calc(50% - 1.0rem);}
.flexslider2 .flex-direction-nav li a{display:block;width:2.0rem;height:2.0rem;overflow:hidden;cursor:pointer;position:absolute;}
.flexslider2 .flex-direction-nav li a.flex-prev{left:0px; background-image: url(../img/zj01.png); background-position: center; background-repeat: no-repeat;background-size: contain;} 
.flexslider2 .flex-direction-nav li a.flex-next{right:0px;background-image: url(../img/zj01.png); background-position: center; background-repeat: no-repeat;-webkit-transform: rotate(180deg); background-size: contain;}


.flexslider3{position:relative;height: auto;width:100%; float:left; margin-top: 40px; }
.flexslider3 .slides{position:relative;z-index:1;}
.flexslider3 .slides li{
	height: auto; 
	width: 100%;
}
.flexslider3 .slides li .pic{
	width: 100%;
	height: 31.25vw;
	z-index: 1;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.flexslider3 .slides li .tex{
	width: calc(100% - 1.0rem);
	float: left;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	margin-top: -1.0rem;
	background: #ffffff;
	box-shadow: 0px 4px 23px 0px rgba(0,0,0,0.10); 
	padding: 1.0rem;
	font-size: 0.8rem;
	line-height: 1.5rem;
	color: #666666;
}


.flexslider3 .flex-control-nav{position:absolute;bottom:1.0rem;z-index:2;width:100%;text-align:center; display: none;}
.flexslider3 .flex-control-nav li{display:inline-block;width:40px;height:2px;margin:0 10px;*display:inline;zoom:1;}
.flexslider3 .flex-control-nav a{display:inline-block;width:40px;height:2px;line-height:50px;overflow:hidden; background: #fff;cursor:pointer;border-radius:8px}
.flexslider3 .flex-control-nav .flex-active{background: #db5a5a;}
.flexslider3 .flex-direction-nav{position:absolute;z-index:3;width:100%;top: calc(12% - 1.0rem);}
.flexslider3 .flex-direction-nav li a{display:block;width:2.0rem;height:2.0rem;overflow:hidden;cursor:pointer;position:absolute;}
.flexslider3 .flex-direction-nav li a.flex-prev{left:1.0rem; background-image: url(../img/zj001.png); background-position: center; background-repeat: no-repeat; background-size: contain;}
.flexslider3 .flex-direction-nav li a.flex-prev:hover{
	background-image: url(../img/yj001.png); background-position: center; background-repeat: no-repeat;-webkit-transform: rotate(180deg);background-size: contain;
}
.flexslider3 .flex-direction-nav li a.flex-next{right:1.0rem;background-image: url(../img/zj001.png); background-position: center; background-repeat: no-repeat;-webkit-transform: rotate(180deg);background-size: contain;}
.flexslider3 .flex-direction-nav li a.flex-next:hover{
	background-image: url(../img/yj001.png); background-position: center; background-repeat: no-repeat;-webkit-transform: rotate(360deg);background-size: contain;}
	
.flexslider4{position:relative;height: auto;width:100%; float:left; margin-top: 1.5rem;}
.flexslider4 .slides{position:relative;z-index:1;}
.flexslider4 .slides li{height: auto; position:relative;}
.flexslider4 .slides li img{ height: auto; width:100%; display: block;}

.flexslider4 .flex-control-nav{position:absolute;bottom:1.0rem;z-index:2;width:100%;text-align:center; display: none;}
.flexslider4 .flex-control-nav li{display:inline-block;width:8px;height:8px;margin:0 10px;*display:inline;zoom:1;}
.flexslider4 .flex-control-nav a{display:inline-block;width:8px;height:8px;line-height:50px;overflow:hidden; border:1px solid #FFF;cursor:pointer;border-radius:50%}
.flexslider4 .flex-control-nav .flex-active{background:rgba(255,255,255,1);}
.flexslider4 .flex-direction-nav{position:absolute;z-index:3;width:100%;top: calc(50% - 1.0rem);}
.flexslider4 .flex-direction-nav li a{display:block;width:2.0rem;height:2.0rem;overflow:hidden;cursor:pointer;position:absolute;}
.flexslider4 .flex-direction-nav li a.flex-prev{left:1rem; background-image: url(../img/zj.png); background-position: center; background-repeat: no-repeat; background-size: contain;}
.flexslider4 .flex-direction-nav li a.flex-prev:hover{left:1rem; background-image: url(../img/zj.png); background-position: center; background-repeat: no-repeat; background-size: contain;}
.flexslider4 .flex-direction-nav li a.flex-next{right:1rem;background-image: url(../img/zj.png); background-position: center; background-repeat: no-repeat;-webkit-transform: rotate(180deg); background-size: contain;}
.flexslider4 .flex-direction-nav li a.flex-next:hover{right:1rem;background-image: url(../img/zj.png); background-position: center; background-repeat: no-repeat;-webkit-transform: rotate(180deg); background-size: contain;}	
	
	
	

}