@charset "utf-8";
.header{width:100%; background-color:#fff; position:fixed; top:0; left:0; z-index:99999;}
.header .top{ text-align:right; font-size:12px; color:#fff; line-height:36px; float:right; width:50%}
.header .top i{font-size:14px; }
.header .top a{color:#585858;padding:0 8px; font-size:14px}
.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:18%; margin:15px 0 1px 0; float:left;}
.header .logo img{width:100%; height:auto; display:block;}
.header .an{position:absolute; top:46px; 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;}
.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; background:#404040; height:35px; line-height:35px; width:80%}
.header .nav ul li{font-size:16px; font-weight:bold; padding:0px 20px;  text-align:center; float:left; display:block; position:relative;
}
.header .nav ul li a{line-height:35px; display:block; color:#FFF}
.header .nav ul li span{font-size:10px; color:#777; display:block; text-transform:uppercase}
.header .nav ul li:hover{color:#fff; background:#d90801}
.header  .on{color:#fff; background:#d90801}
.header .nav ul li:hover span{color:#fff;}
.header .nav ul li.on a{color:#fff;}
.header .nav ul li.on span{color:#fff;}
.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: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:#d90a00;}
@media only screen and (max-width:1440px){
.header .top{padding:0 2%;}
.header .logo{margin:15px 0 1px 0;}
.header .nav{float:right; background:#404040; height:35px; line-height:35px; width:75%}
}
@media only screen and (max-width:1280px){
.header .top{padding:0 2%;}
.header .logo{margin:15px 0 1px 0;}
.header .nav{float:right; background:#404040; height:35px; line-height:35px; width:75%}
.header .nav ul li{font-size:16px; font-weight:bold; padding:0px 15px;  text-align:center; float:left; display:block; position:relative;
}
}
@media only screen and (max-width:1024px){
.header .top{padding:0 2%;}
.header .logo{margin:15px 0 1px 0;}
.header .nav{float:right; background:#404040; height:35px; line-height:35px; width:75%}
.header .nav ul li{font-size:14px; font-weight:bold; padding:0px 10px;  text-align:center; float:left; display:block; position:relative;
}
}


.head_h{ height:34px}

.gallery-top{width:100%; height:85vh; 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;}
}



.footer{width:100%; padding:15px 5%;  z-index:9999; border-top:#ccc 1px solid; font-size:14px; line-height:26px; color:#7f7f7f;}
.footer .x_x{float:left; font-family:Arial, Helvetica, sans-serif}
.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;}
}