@charset "utf-8";
/* CSS Document */
html{ overflow-x:hidden; overflow-y:auto;}
*{ padding:0; margin:0;}


body{ overflow:hidden;}
.center{ text-align:center;}
.clearfix{ clear:both}

.pz_top{ float:left; width:100%; position:absolute; z-index:999;background-color: #000}
.pz_banner{ float:left; width:100%; position:relative;}
.pz_main{ float:left; width:100%; }
.pz_down{ float:left; width:100%; background:url(../images/footer.jpg);}





/*footer*/
.footer_head{ width:100%; float:left; padding:50px 0 40px 0; border-bottom:solid 1px #4c4c4c;}
.footer_head .logo{ float:left; width:304px;}
.footer_head ul{ float:right; margin-top:26px;}
.footer_head ul li{ float:left;}
.footer_head ul li a{ display:block; float:left; font-size:16px; color:#888; line-height:42px;}
.footer_head ul li a:hover{ color:white;}
.footer_head ul span{ display:block; float:left; height:42px; width:99px; background:url(../images/footer2.jpg) no-repeat center center;}
.footer_head ul span:last-child{ display:none;}
@media screen and (max-width: 1529px) {
.footer_head ul span{ width:59px;}
}
@media screen and (max-width: 1199px) {
.footer_head ul span{ width:39px;}
}
@media screen and (max-width: 991px) {
.footer_head{ padding:30px 0 20px 0;}
.footer_head .logo{ width:204px;}
.footer_head ul{ margin-top:16px;}
.footer_head ul li a{ font-size:14px; line-height:36px;}
.footer_head ul span{ width:29px; height:36px;}
}
@media screen and (max-width: 767px) {
.footer_head{ padding:10px 10px 8px 10px;}
.footer_head .logo{ display:none;}
.footer_head ul{ margin-top:0; width:100%; text-align:center;}
.footer_head ul li{ float:none; display:inline-block; vertical-align:top;}
.footer_head ul li a{ line-height:30px; font-size:13px;}
.footer_head ul span{ float:none; display:inline-block; vertical-align:top; width:20px; height:30px; background-size:1px 10px;}
.top .logo img{ height:30px;}
}

.footer_body{ width:100%; float:left; padding:30px 0; border-bottom:solid 1px #4c4c4c;}
.footer_body ul{ width:100%; float:left;}
.footer_body ul li{ width:25%; float:left; padding-left:73px; position:relative;}
.footer_body ul li .ico{ width:60px; height:72px; position:absolute; left:0; top:0; line-height:0;}
.footer_body ul li h6{ width:100%; float:left; font-size:14px; color:white; line-height:32px;}
.footer_body ul li h4{ width:100%; float:left; font-size:26px; color:white; line-height:40px; font-weight:bold; font-family:Arial;}
.footer_body ul li h5{ width:100%; float:left; font-size:16px; color:white; line-height:40px;}
.footer_body ul li .btn{ width:100%; float:left; margin-top:6px;}
.footer_body ul li .btn a{ display:block; float:left; width:25px; height:25px; margin-right:14px; background-position:center center; background-size:contain; background-repeat:no-repeat; position:relative;}
.footer_body ul li .btn a .ewm{ z-index: 99; position:absolute; left:50%; top:-126px; width:116px; height:123px; padding:10px 10px 17px 10px; background:url(../images/ewm_bg.png) no-repeat center center; background-size:contain; margin-left:-58px; display:none;}
.footer_body ul li .btn a .ewm img{ width:100%; float:left;}
.footer_body ul li .btn a:hover .ewm{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}
.footer_body ul li .btn a.a1{ background-image:url(../images/footer7.png);}
.footer_body ul li .btn a.a2{ background-image:url(../images/footer8.png);}
.footer_body ul li .btn a.a3{ background-image:url(../images/footer9.png);}
.footer_body ul li .btn a.a4{ background-image:url(../images/footer10.png);}
.footer_body ul li .btn a.a1:hover{ background-image:url(../images/footer7_h.png);}
.footer_body ul li .btn a.a2:hover{ background-image:url(../images/footer8_h.png);}
.footer_body ul li .btn a.a3:hover{ background-image:url(../images/footer9_h.png);}
.footer_body ul li .btn a.a4:hover{ background-image:url(../images/footer10_h.png);}
.footer_body ul li.l1{ width:30%;}
.footer_body ul li.l2{ width:20%;}
@media screen and (max-width: 1199px) {
.footer_body ul li{ width:50% !important; margin-top:20px;}
.footer_body{ padding:28px 0 49px 0;}
}
@media screen and (max-width: 991px) {
.footer_body ul li{ padding-left:63px;}
.footer_body ul li .ico{ width:50px; height:62px;}
.footer_body ul li h6{ font-size:12px; line-height:26px;}
.footer_body ul li h4{ font-size:20px; line-height:30px;}
.footer_body ul li h5{ font-size:14px; line-height:30px;}
.footer_body ul li .btn{ margin-top:2px;}
.footer_body ul li .btn a{ width:23px; height:23px; margin-right:10px;}
}
@media screen and (max-width: 767px) {
.footer_body{ padding:18px 10px 19px 10px;}
.footer_body ul li{ width:100% !important; padding-left:43px;  margin-top:6px;}
.footer_body ul li .ico{ width:30px; height:52px;}
.footer_body ul li h6{ line-height:22px;}
.footer_body ul li h4{ font-size:16px; line-height:24px;}
.footer_body ul li h5{ font-size:12px; line-height:20px; word-break:break-all;}
.footer_body ul li .btn{ margin-top:2px;}
.footer_body ul li .btn a{ width:21px; height:21px; margin-right:6px;}
}

.footer_down{width:100%; float:left; padding:22px 0 23px 115px; position:relative;}
.footer_down dt{ display:block; position:absolute; left:0; top:22px; font-size:14px; color:white; line-height:30px;}
.footer_down dt img{ vertical-align:middle; margin:-3px 11px 0 0; width:24px;}
.footer_down .dd{ width:100%; float:left; overflow:hidden;}
.footer_down .dd a{ display:block; float:left; position:relative; font-size:14px; color:#888; line-height:30px; margin-right:22px; position:relative;}
.footer_down .dd a:hover{ color:white;}
.footer_down .dd a span{ display:block; position:absolute; height:30px; top:0; left:-13px; font-size:14px; color:#888; line-height:30px;}
@media screen and (max-width: 991px) {
.footer_down{ padding:12px 0 13px 95px;}
.footer_down dt{ top:12px; font-size:12px; line-height:24px;}
.footer_down dt img{ margin:-3px 6px 0 0; width:20px;}
.footer_down .dd a{ font-size:12px; line-height:24px; margin-right:12px;}
.footer_down .dd a span{ height:24px; top:0; left:-7px; font-size:12px; line-height:24px;}
}
@media screen and (max-width: 767px) {
.footer_down{ padding:12px 10px 13px 10px; position:relative;}
.footer_down dt{ position:relative; width:100%; left:auto; top:auto; float:left;}
.footer_down dt:before{ content:''; width:20px; height:100%; position:absolute; right:0; top:0; background:url(../images/top_6.png) no-repeat center center; background-size:8px auto;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.footer_down dt span{ display:none;}
.footer_down .dd{ display:none; position:absolute; left:0; bottom:100%; background:#1a1a1a; max-height:160px; overflow-y:auto;
-moz-border-top-left-radius:8px; 
-webkit-border-top-left-radius:8px; 
-khtml-border-top-left-radius:8px;
border-top-left-radius:8px;
-moz-border-top-right-radius:8px; 
-webkit-border-top-right-radius:8px; 
-khtml-border-top-right-radius:8px;
border-top-right-radius:8px;}
.footer_down .dd a{ display:block; width:100%; text-align:center; line-height:30px; border-bottom:solid 1px #242424;}
.footer_down .dd a span{ display:none;}
}
.footer_down dt.on:before{ transform:rotate(-90deg);}
.bottompro{ background:#1a1a1a; padding:13px 0;} */
.bottompro .p{ float:left; font-size:12px; color:#aaa; line-height:24px;}
.bottompro .link{ float:right; font-size:12px; color:#aaa; line-height:24px;}
.bottompro .link a{ color:#aaa;}
.bottompro .link a:hover{ color:#fff;}
.bottompro .link span{ margin:0 13px;}
@media screen and (max-width: 991px) {
.bottompro{ padding:9px 0;}
.bottompro .p{ width:100%; text-align:center; line-height:22px;}
.bottompro .link{ width:100%; text-align:center; line-height:22px;}
}
@media screen and (max-width: 767px) {
.bottompro{ padding:9px 10px;}
.bottompro .link span{ margin:0 9px;}
}