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

.slides li .nl{
	width: 50%;
	float: left;
	height: 504px;
	margin-top: 3.1vw;
}
.slides li .nl .pic{
	height: 402px;
}
.slides li .nl .pic img{
	width: 100%;
	height: 100%;
	display: block;
}
.slides li .nl .tex{
	height: 102px;
	background-color: #f3f3f3;
}
.slides li .nl .tex dl{
	display: flex;
}
.slides li .nl .tex dl dt{
	width: 102px;
	height: 72px;
	line-height: 20px;
	background-color: #0070e0;
	color: #FFFFFF;
	text-align: center;
	padding-top: 30px;
}
.slides li .nl .tex dl dt b{
	font-size: 40px;
}
.slides li .nl .tex dl dd{
	width: auto;
	font-size: 18px;
	margin-left: 24px;
	line-height: 102px;
}
.slides li .nr01{
	width: calc(25% - 80px);
	float: left;
	height: 504px;
	background: #f39800;
	padding: 0px 40px;
	font-size: 14px;
	line-height: 24px;
	color: #FFFFFF;
	margin-top: 3.1vw;
}
.slides li .nr01 h1{
	font-size: 18px;
	line-height: 30px;
	margin-top: 40px;
	font-weight: normal;
}
.slides li .nr01 h2{
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
	margin-top: 40px;
}
.slides li .nr01 p{
	margin-top: 40px;
}
.slides li .nr01 p a{
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 14px;
	padding: 10px 40px;
}
.slides li .nr02{
	width: calc(25% - 80px);
	float: left;
	height: 504px;
	background: #0070e0;
	padding: 0px 40px;
	font-size: 14px;
	line-height: 24px;
	color: #FFFFFF;
	margin-top: 3.1vw;
}
.slides li .nr02 h1{
	font-size: 18px;
	line-height: 30px;
	margin-top: 40px;
	font-weight: normal;
}
.slides li .nr02 h2{
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
	margin-top: 40px;
}
.slides li .nr02 p{
	margin-top: 40px;
}
.slides li .nr02 p a{
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 14px;
	padding: 10px 40px;
}

.slides li .fanan{
	width: 100%;
	float: left;
	margin-top: 40px;
	margin-bottom: 80px;
}
.slides li .fanan dl dt{
	text-align: center;
}
.slides li .fanan dl dt img{
	width: 100%;
	height: auto;
	display: block;
}
.slides li .fanan dl dd{
	margin-top: 40px;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
	display: flex;
	justify-content: center;
}
.slides li .fanan dl dd div{
	 width: 61%;
	 text-align: center;
}

.flex-control-nav{position:absolute;bottom:1.0rem;z-index:2;width:100%;text-align:center; }
.flex-control-nav li{display:inline-block;width:8px;height:8px;margin:0 10px;*display:inline;zoom:1;}
.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%}
.flex-control-nav .flex-active{background:rgba(255,255,255,1);}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top: calc(50% - 22px);}
.flex-direction-nav li a{display:block;width:44px;height:44px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:0px; }
.flex-direction-nav li a.flex-next{right:0px;}

}


@media (max-width:1199px) {
/* flexslider */
.flexslider{position:relative;height: auto;width:100%; float:left;}
.slides{position:relative;z-index:1;}
.slides li{height: 52vw; position:relative; background-position: center; background-repeat: no-repeat; background-size: cover;}

.slides li .nl{
	width: 100%;
	float: left;
	height: auto;
	margin-top: 3.1vw;
}
.slides li .nl .pic{
	height: auto;
}
.slides li .nl .pic img{
	width: 100%;
	height: auto;
	display: block;
}
.slides li .nl .tex{
	height:5.0rem;
	background-color: #f3f3f3;
}
.slides li .nl .tex dl{
	display: flex;
}
.slides li .nl .tex dl dt{
	width: 5.0rem;
	line-height: 1.5rem;
	background-color: #0070e0;
	color: #FFFFFF;
	text-align: center;
	padding-top: 1.0rem;
}
.slides li .nl .tex dl dt b{
	font-size: 1.2rem;
}
.slides li .nl .tex dl dd{
	width: auto;
	font-size: 0.8rem;
	margin-left: 1.0rem;
	line-height: 5.0rem;
}
.slides li .nr01{
	width: calc(50% - 2.0rem);
	float: left;
	height: 23rem;
	background: #f39800;
	padding: 0px 1.0rem;
	font-size: 0.8rem;
	line-height: 1.5rem;
	color: #FFFFFF;
	margin-top: 3.1vw;
}
.slides li .nr01 h1{
	font-size: 1.0rem;
	line-height: 1.5rem;
	margin-top: 1.0rem;
	font-weight: normal;
}
.slides li .nr01 h2{
	font-size: 0.8rem;
	line-height: 1.5rem;
	font-weight: normal;
	margin-top: 1.0rem;
}
.slides li .nr01 p{
	margin-top: 1.0rem;
}
.slides li .nr01 p a{
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 0.8rem;
	padding: 0.5rem 1.0rem;
}
.slides li .nr02{
	width: calc(50% - 2.0rem);
	float: left;
	height: 23rem;
	background: #0070e0;
	padding: 0px 1.0rem;
	font-size: 0.8rem;
	line-height: 1.5rem;
	color: #FFFFFF;
	margin-top: 3.1vw;
}
.slides li .nr02 h1{
	font-size: 1.0rem;
	line-height: 1.5rem;
	margin-top: 1.0rem;
	font-weight: normal;
}
.slides li .nr02 h2{
	font-size: 0.8rem;
	line-height: 1.5rem;
	font-weight: normal;
	margin-top: 1.0rem;
}
.slides li .nr02 p{
	margin-top: 1.0rem;
}
.slides li .nr02 p a{
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 0.8rem;
	padding: 0.5rem 1.0rem;
}

.slides li .fanan{
	width: 100%;
	float: left;
	margin-top: 1.0rem;
	margin-bottom: 2.0rem;
}
.slides li .fanan dl dt{
	text-align: center;
}
.slides li .fanan dl dt img{
	width: 100%;
	height: auto;
	display: block;
}
.slides li .fanan dl dd{
	margin-top: 1.0rem;
	font-size: 0.8rem;
	line-height: 1.5rem;
	color: #666666;
	display: flex;
	justify-content: center;
}
.slides li .fanan dl dd div{
	 width: 80%;
	 text-align: center;
}

.flex-control-nav{position:absolute;bottom:1.0rem;z-index:2;width:100%;text-align:center; display: none;}
.flex-control-nav li{display:inline-block;width:8px;height:8px;margin:0 10px;*display:inline;zoom:1;}
.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%}
.flex-control-nav .flex-active{background:rgba(255,255,255,1);}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top: 50%;}
.flex-direction-nav li a{display:block;width:44px;height:44px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:0px; }
.flex-direction-nav li a.flex-next{right:0px;}

}