body{font-size:14px;color:#666;}
img{vertical-align:top;border:0;}
body,h1,p,h1,h2,ul{margin:0;padding:0;}
ol,ul,li{list-style:none;}
a{color:#666;text-decoration:none;}
a:hover{color:#3172FF;}
a:hover,a:active,a:focus{text-decoration:none;}
.container{margin:0 auto;}
.header{float:left;width:100%;height:70px;background:#fff;box-shadow:0px 4px 20px 2px rgba(40, 112, 220, 0.08);}
.header .logo{position:absolute;left:50%;top:5px;width:220px;height:60px;background:url(../images/logo.png) no-repeat;margin-left:-110px;}
.header .logo a{display:block;width:100%;height:100%;text-indent:-9999em;}
.banner{float:left;width:100%;height:100%;overflow:hidden;position:relative;background:#000;}
.slides li{float:left;width:100%;height:100%;}
.slides li a{display:block;width:100%;height:100%;text-indent:-9999px;}
.slides li img{width:100%;height:100%;display:block;}
.flex-control-nav{position:absolute;left:calc(50% - 30px);bottom:0;padding:5px;border-radius:10px;background:rgba(0,0,0,.5);z-index:2;}
.flex-control-nav li{float:left;width:6px;height:6px;line-height:28px;margin:0 5px;}
.flex-control-nav li a{display:block;height:6px;overflow:hidden;background:#fff;cursor:pointer;border-radius:50%;}
.flex-control-nav .flex-active{background:#f0045b;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%;margin-top:-20px;}
.flex-direction-nav li a{display:block;width:40px;height:40px;overflow:hidden;position:absolute;cursor:pointer;background:url(../images/icon_arrow.png) no-repeat;text-indent:-999em;}
.banner .flex-prev{left:0;background-position:0 0;}
.banner .flex-next {right:0;background-position:-41px 0;}
.banner .flex-next:hover{background-position:-41px -41px;}
.banner .flex-prev:hover{background-position:0 -41px;}
.back,.back1{float:left;width:100%;padding:50px 0;}
.back1{background:#f9f9f9;}
.fw{float:left;width:100%;margin:10px 0;}
.fw li{float:left;margin:10px 20px 10px 0;}
.fw li .pic{float:left;width:100%;overflow:hidden;position:relative;}
.fw li .pic img{float:left;width:100%;height:100%;transition:all 0.6s;}
.fw li .pic a:hover img{transform:scale(1.1);}
.fw li .pic span{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;z-index:2;}
.fw li .pic a:hover span{opacity:0.3;}
.fw li h1{float:left;width:100%;height:30px;line-height:30px;font-size:14px;color:#333;margin:5px 0;}
.fw li p{float:left;width:100%;line-height:24px;font-size:13px;color:#999;}
.copyright{float:left;width:100%;background:#f9f9f9;border-top:1px #ececec solid;padding:20px 0;color:#888;}
.copyright .bt{float:left;width:100%;height:24px;line-height:24px;}
.copyright .bt a,.copyright .bt span{margin:0 8px;color:#888;}
.copyright .bt a:hover{color:#333;}
.title{float:left;width:100%;}
.title h1{float:left;font-size:15px;height:30px;line-height:30px;color:#fff;background:linear-gradient(to right,#1f7ecc,#04E1FE);padding:0 10px;position:relative;}
.title h1:after{content:"";display:inline-block;position:absolute;top:0;right:-15px;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:15px solid #04E1FE;z-index:10;}
.link{float:left;width:100%;}
.link li{float:left;height:24px;line-height:24px;margin:8px 20px 8px 0;}
@media screen and (max-width:767px){
	.container{width:calc(100% - 30px);}
	.fw li{width:100%;}
	.fw li:nth-of-type(n){margin-right:0;}
}
@media screen and (min-width:768px){
	.container{width:calc(100% - 30px);}
	.fw li{width:calc(50% - 10px);}
	.fw li:nth-of-type(2n){margin-right:0;}
}
@media screen and (min-width:1366px){
	.container{width:1280px;}
	.fw li{width:calc(25% - 15px);}
	.fw li:nth-of-type(2n){margin-right:20px;}
	.fw li:nth-of-type(4n){margin-right:0;}
}