@charset "utf-8";

	
/* flexslider */
.banner { z-index: 1; position: relative; margin:0 auto}
.flexslider{position:relative;height:900px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{color:#fff;width:100%;}
.slides li .slibg{ position:absolute; z-index:-1;top:0; right:0; left:0; height:100%; width:100%; overflow:hidden; text-align:center; background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center 0;  margin:0 auto}
.slides li .slibg img{ height:100%; text-align:center; max-width:2160px;}

.flex-control-nav{position:absolute; bottom:35px; padding:8px 0 12px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:10px;height:10px;*display:inline;zoom:1; margin:0 3px}
.flex-control-nav a{display:inline-block;width:10px;height:10px;overflow:hidden;background:url(../images/dt1.png)  center center no-repeat;cursor:pointer; text-indent:-9999em}
.flex-control-nav .flex-active{background:url(../images/dt2.png)  center center no-repeat;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background: url(../images/arrow5.png) center center no-repeat; border-radius:50px}
.flex-direction-nav li a.flex-next{right:40px;background: url(../images/arrow6.png) center center no-repeat;border-radius:50px}


.index_wmore{ background:#fff; padding:12px 24px; margin:0 12px; font-size:18px; border-radius:5px;  display:inline-block}
.index_rmore{ background:#fbc217;  padding:12px 24px; margin:0 12px; font-size:18px; border-radius:5px; display:inline-block}
.banner .h6{ background:url(../images/pbanner_d.png) no-repeat center bottom; width:100px; height:35px; position:absolute; left:50%; bottom:0px; margin-left:-50px; z-index:9; display:block;}

.slides li .a1{font-family:'微软雅黑'; letter-spacing:10px}

.slides li .a1{ font-size:90px; font-weight:bold; margin-bottom:18px;text-shadow: 3px 3px 3px rgba(60, 58, 59, .7);}
.slides li .a2{ font-size:80px; font-family:Arial, Helvetica, sans-serif;  text-transform:uppercase; margin-bottom:24px; font-weight:bold;text-shadow: 3px 3px 3px rgba(60, 58, 59, .7);}
.slides li .a3{ font-size:30px;  padding-bottom:24px;text-shadow: 2px 2px 2px rgba(60, 58, 59, .7);}
.slides li .a4{  font-size:24px; padding-bottom:24px;text-shadow: 1px 1px 1px rgba(60, 58, 59, .7);}



@media screen and (max-width:639px) {
.flexslider{height:auto;}
.slides li{height:auto; padding:100px 0 ;}		

.slides li .a1{ font-size:30px;margin-bottom:12px; letter-spacing:1px}
.slides li .a2{ font-size:24px; text-transform:uppercase; margin-bottom:6px;}
.slides li .a3{ font-size:16px;  padding-bottom:6px}
.slides li .a4{  font-size:12px; padding-bottom:12px}
.index_wmore{  padding:6px 12px; margin:0 3px; font-size:12px;}
.index_rmore{ padding:6px 12px; margin:0 3px; font-size:12px;}
.flex-control-nav{bottom:15px;}
.flex-direction-nav{ display:none}
}
@media screen and (min-width:640px) and (max-width: 779px) {
.flexslider{height:auto;}
.slides li{height:auto; padding:125px 0 ;}	

.slides li .a1{ font-size:24px;margin-bottom:12px; letter-spacing:1px}
.slides li .a2{ font-size:18px; text-transform:uppercase; margin-bottom:6px;}
.slides li .a3{ font-size:14px;  padding-bottom:6px}
.slides li .a4{  font-size:12px; padding-bottom:12px}



.index_wmore{  padding:6px 12px; margin:0 3px; font-size:12px; }
.index_rmore{ padding:6px 12px; margin:0 3px; font-size:12px;}

.flex-control-nav{bottom:15px;}
.flex-direction-nav li a.flex-prev{left:12px;}
.flex-direction-nav li a.flex-next{right:12px;}

}
@media screen and (min-width:780px) and (max-width: 1079px) {
.flexslider{height:auto;}
.slides li{height:auto; padding:150px 0 ;}	

.slides li .a1{ font-size:54px;margin-bottom:12px}
.slides li .a2{ font-size:48px; text-transform:uppercase; margin-bottom:6px;}
.slides li .a3{ font-size:16px;  padding-bottom:6px}
.slides li .a4{  font-size:14px; padding-bottom:12px}


.index_wmore{  padding:9px 15px; margin:0 6px; font-size:14px; }
.index_rmore{ padding:9px 15px; margin:0 6px; font-size:14px;}

.flex-direction-nav li a.flex-prev{left:12px;}
.flex-direction-nav li a.flex-next{right:12px;}
}
@media screen and (min-width:1080px) {
.flexslider{height:auto;}
.slides li{height:auto; padding:175px 0 ;}	
	
.slides li .a1{ font-size:66px;margin-bottom:15px}
.slides li .a2{ font-size:60px; text-transform:uppercase; margin-bottom:12px;}
.slides li .a3{ font-size:18px;  padding-bottom:12px}
.slides li .a4{  font-size:16px; padding-bottom:24px}

.index_wmore{  padding:9px 15px; margin:0 6px; font-size:14px; }
.index_rmore{ padding:9px 15px; margin:0 6px; font-size:14px;}

.flex-direction-nav li a.flex-prev{left:24px;}
.flex-direction-nav li a.flex-next{right:24px;}
}
@media screen and (min-width:1200px) {
.flexslider{height:auto;}
.slides li{height:auto; padding:200px 0 ;}	


.slides li .a1{ font-size:72px;margin-bottom:18px}
.slides li .a2{ font-size:66px; text-transform:uppercase; margin-bottom:24px;}
.slides li .a3{ font-size:18px;  padding-bottom:24px}
.slides li .a4{  font-size:16px; padding-bottom:24px}



.index_wmore{  padding:9px 18px; margin:0 12px; font-size:14px; }
.index_rmore{ padding:9px 18px; margin:0 12px; font-size:14px;}
.flex-control-nav{bottom:24px;}
.flex-direction-nav li a.flex-prev{left:32px;}
.flex-direction-nav li a.flex-next{right:32px;}
}
@media screen and (min-width:1400px) {
.flexslider{height:auto;}
.slides li{height:auto; padding:225px 0 ;}	



.slides li .a1{ font-size:80px;margin-bottom:18px}
.slides li .a2{ font-size:72px; text-transform:uppercase; margin-bottom:24px;}
.slides li .a3{ font-size:24px;  padding-bottom:24px}
.slides li .a4{  font-size:18px; padding-bottom:24px}


.index_wmore{  padding:12px 24px; margin:0 12px; font-size:18px; }
.index_rmore{ padding:12px 24px; margin:0 12px; font-size:18px;}
.flex-direction-nav li a.flex-prev{left:40px;}
.flex-direction-nav li a.flex-next{right:40px;}
}

@media screen and (min-width:1690px) {
.flexslider{height:auto;}
.slides li{height:auto; padding:250px 0 ;}	


}


@media screen and (min-width:1920px) {
.banner{ width:100%; max-width:2160px }


}



}