@charset "utf-8";
.header{width:100%; background-color:#fff; position:fixed; top:0; left:0; z-index:99999;     text-transform: uppercase;}
.header .top{width:100%; padding:0 5%; background-color:#2b2b2b; text-align:right; font-size:14px; color:#fff; line-height:36px; position:relative; z-index:99999;}
.header .top i{font-size:14px; padding:0 10px;}
.header .top a{color:#fff;}
.header .y_y{float:right; margin-left:10px;}
.header .search{float:right; position:relative;}
.header .s_ch{width:260px; padding:5px 20px 10px; background-color:#4b4b4b; position:absolute; right:-20px; display:none;}
.header .s_ch input.w_z{width:85%; height:36px; border-radius:0; border-bottom:1px solid #d7d7d7; font-size:14px; line-height:36px; color:#fff; float:left; -webkit-appearance:none;}
.header .s_ch button.s_c{width:15%; height:36px; border-bottom:1px solid #d7d7d7; font-size:16px; line-height:36px; text-align:center; float:right; -webkit-appearance:none;}
.header .logo{/*width:256px;*/width:390px; margin:5px 0 5px 5%; float:left;}
.header .logo img{width:100%; height:auto; display:block;}
.header .an{position:absolute; top:56px; right:2%; height:18px; width:30px; display:none;}
.header .an i{display:block; font-size:14px; color:#555; line-height:18px; position:absolute; /*left:-36px;*/left:-50px;}
.header .an span{width:30px; height:2px; background-color:#777; display:block; position:absolute;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
.header .nav{float:right; margin-right:5%; margin-top:25px;}
.header .nav ul li{font-size:14px; margin-left:50px; padding-bottom:10px; text-align:center; float:left; display:block; position:relative;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.header .nav ul li a{line-height:20px; display:block;}
.header .nav ul li span{font-size:12px; color:#777; display:block;}
.header .nav ul li:hover a{color:#ee7800;}
.header .nav ul li:hover span{color:#ee7800;}
.header .nav ul li.on a{color:#ee7800;}
.header .nav ul li.on span{color:#ee7800;}
.header .nav .e_j{width:150px; padding:10px; background-color:#fff; box-shadow:0 0 5px #aaa; position:absolute; top:50px; left:50%; margin-left:-75px; display:none;}
.header .nav .e_j a{display:block; font-size:14px; line-height:36px; text-align:left; text-indent:30px; background:url(../images/xl.png) no-repeat left center; background-size:20px 20px; border-bottom:1px solid #e7e7e7;}
.header .nav .e_j a:last-child{border-bottom:0;}
.header .nav ul li:hover .e_j{display:block;}
.header .nav ul li:hover .e_j a{color:#555;}
.header .nav ul li:hover .e_j a:hover{color:#ee7800;}
@media only screen and (max-width:1440px){
.header .top{padding:0 2%;}
.header .logo{margin:15px 0 15px 2%;}
.header .nav{margin-right:2%;}
.header .nav ul li{margin-left:30px;}
}
@media only screen and (max-width:1200px){
.header{position:relative;}
.header .logo{width:auto; float:left; margin:10px 0 10px 2%;}
.header .logo img{width:auto; height:40px;}
.header .an{display:block;}
.header .nav{width:100%; height:0; padding:0 5%; position:fixed; background-color:#f7f7f7; top:0; right:0; margin:0; margin-top:96px; overflow:auto; overflow:hidden; z-index:999999;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.header .nav.on{height:100%; padding:2% 5% 3%;}
.header .nav ul li{width:100%; border-bottom:1px solid #a7a7a7; padding:5px 0; font-size:14px; margin:0;}
.header .nav ul li a{color:#555;}
.header .nav ul li:hover .e_j{display:none;}
}

.gallery-top{width:100%; height:100vh; position:relative;}
.gallery-top .swiper-slide .wz{width:90%; padding:15px 0 15px 30px; background:url(../images/b_w.png) repeat-y; position:absolute; left:5%; top:50%; transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);}
.gallery-top .swiper-slide .wz.ct{text-align:center; background:url(../images/b_w_a.png) repeat-y center;}
.gallery-top .swiper-slide .wz h3{font-size:32px; line-height:50px; margin:0;}
.gallery-top .swiper-slide .wz p{font-size:18px; text-transform:uppercase; line-height:36px; margin:0;}
.gallery-top .swiper-button-next{width:50px; height:50px; border-radius:50%; background:rgba(255,255,255,.6); font-size:16px; text-align:center; line-height:52px;}
.gallery-top .swiper-button-next:hover{background:#fff;}
.gallery-top .swiper-button-prev{width:50px; height:50px; border-radius:50%; background:rgba(255,255,255,.6); font-size:16px; text-align:center; line-height:52px;}
.gallery-top .swiper-button-prev:hover{background:#fff;}
@media only screen and (max-width:1440px){
.gallery-top .swiper-slide .wz{width:80%; left:10%;}
.gallery-top .swiper-slide .wz h3{font-size:20px; line-height:30px;}
.gallery-top .swiper-slide .wz p{font-size:12px; line-height:22px;}
}
@media only screen and (max-width:1200px){
.gallery-top{height:70vh;}
.gallery-top .swiper-pagination{display:block;}
.gallery-top .swiper-button-next{display:none;}
.gallery-top .swiper-button-prev{display:none;}
}
@media only screen and (max-width:992px){
.gallery-top{height:20rem;}
.gallery-top .swiper-slide .wz{width:90%; padding:10px 0 10px 10px; left:5%;}
.gallery-top .swiper-slide .wz h3{font-size:16px; line-height:26px;}
.gallery-top .swiper-slide .wz p{font-size:12px; line-height:22px;}
}

.sy_xw{position:fixed; bottom:46px; left:50%; z-index:9999;
transform:translate(-50%,0);
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);}
.sq_an{width:100px; height:36px; background-color:#ee7800; margin:0 auto; font-size:14px; line-height:36px; color:#fff; text-align:center; cursor:pointer;}
.news{width:100%; margin:0 auto; padding:10px 20px; background-color:rgba(255,255,255,.9);}
.news h3{font-size:18px; line-height:36px; margin:0 0 5px 0; padding-bottom:2px; border-bottom:2px solid #ee7800;}
.news h3 i{font-size:12px; color:#777; padding-left:10px;}
.news span{color:#777; float:right; margin-left:15px;}
.news ul li{width:100%; line-height:28px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news .t_w{position:relative; margin-top:8px; text-transform:uppercase}
.news .w_z{position:absolute; width:100%; background-color:rgba(0,0,0,.5); padding:0 5%; left:0; bottom:0; text-align:center; font-size:12px; color:#fff; line-height:26px;}
.news img{width:100%; height:auto; display:block;}
@media only screen and (max-width:1440px){
.container{width:800px;}
.news ul li:last-child{display:none;}
}
@media only screen and (max-width:1200px){
.container{width:auto;}
.sq_an{display:none;}
.sy_xw{position:relative; margin:10px auto 20px; bottom:auto; left:auto;
transform:none;
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
-o-transform:none;}
.news{display:block !important;}
.news ul li:last-child{display:block;}
.news .w_z{line-height:22px;}
.news .w_z i{display:none;}
}

.footer{width:100%; padding:10px 5%; position:fixed; bottom:0; left:0; z-index:9999; background-color:#222; font-size:12px; line-height:26px; color:#aaa;}
.footer .x_x{float:left;}
.footer .h_d{float:right;}
.footer .h_d a{float:left; margin-left:10px; color:#aaa;}
.footer .h_d a:hover{color:#fff;}
.footer .h_d img{width:26px; height:auto; display:block;}
.footer .h_d span{float:left; margin-left:10px;}
@media only screen and (max-width:1440px){
.footer{padding:10px 2%;}
}
@media only screen and (max-width:1200px){
.footer{position:relative;}
}
@media only screen and (max-width:992px){
.footer .x_x{width:100%; float:none; text-align:center; margin-bottom:5px;}
.footer .h_d{width:100%; float:none; text-align:center;}
.footer .h_d a{float:none; display:inline-block; margin:0 5px;}
.footer .h_d a.m_z{display:none;}
.footer .h_d span{display:none;}
}