@charset "utf-8";
/* CSS Document */
.flexslider{position:relative;height:640px;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{height:640px; background-position:center !important;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;cursor:pointer; display:none;}
.flex-control-nav .flex-active{background-position:0 0;}

.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;display:none;}
.flex-direction-nav li a.flex-next{right:40px;display:none;}


@media screen and (min-width: 1900px) {
.slides li{  background-size:100% 640px !important;}
}
.wrap{ width:100%; position:absolute; top:0;left:0;z-index:20;}

.header {width:1000px; height:207px; margin:0 auto; position:relative; top:30px; }

/*header*/
.xxgkpt-header .container {position: relative;}
.header-toolbar{position: absolute; top: 15px; right: 0;}
.header-toolbar a{float: left; margin-left: 10px; color: #fff; font-size: 1.125em; padding: .4em 1em; background: rgba(0,0,0,.5); border-radius: 5px;}
.header-toolbar span {float: left; margin-left: 10px; color: #fff; font-size: 1.125em; padding: .4em 1em;border: 1px solid #18a32c;border-radius: 20px;}
.header-logo{position:absolute; top: 47px; left: 20px;}
/*.header-toolbar a.green{background: #18a32c;}
.header-toolbar a.red{background: #ff0000;}*/