﻿@charset "utf-8";
/*!
 * http://www.ibw.cn
 * Edited by AlexAli
 * Copyright (c) 2019 ibw
 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }body, button, input, select, textarea { font: 12px/1.5 Microsoft YaHei, Arial, sans-serif; }h1, h2, h3, h4, h5, h6 { font-size: 100%; }address, cite, dfn, em, var { font-style: normal; }ul, ol { list-style: none; }a { text-decoration: none; }legend { color: #000; }fieldset, img { border: 0; vertical-align: top; }section, article, aside, header, footer, nav, dialog, figure { display: block; }figure { margin: 0; }button, input, select, textarea { font-size: 100%;border:0;background:none;outline:none; }.clear { display: block; height: 0; overflow: hidden; clear: both }.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }.clearfix { *zoom:1;}a:link, a:visited { text-decoration: none; }a:hover, a:active { text-decoration: none; }a { blr:expression_r(this.onFocus=this.blur());}a { outline: none; transition-duration: 0.3s, 0.3s; transition-property: background-color, color; transition-timing-function: ease, ease;}.hidden { display: none; }.invisible { visibility: hidden; }.noBg { background: none !important; }.noBd { border: none !important; }.noMr{margin-right:0 !important; float:right !important;}.i{text-align: justify; text-justify: inter-ideograph;}
/*table { border-collapse: collapse; border-spacing: 0 }*/

/* 项目主体部分设置 */
body { background: #fff; color:#333;}
.fl{float: left !important;}
.fr{float: right !important;}
a { color:#333;text-decoration:none;transition: all 0.5s ease 0s;}
a:hover { color: #1b9e50; }
.hide {display: none;}

.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden; transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99)}
.g-in { /*width:1600px;*/ width:94%; margin:0 auto;}
/*@media screen and (min-width:1921px) and (max-width:3840px){
.g-in { width:83%; }
}
.g-in:after{content:'\20';display:block;height:0;clear:both}
.g-in{*zoom:1}

@media screen and (max-width: 1640px){
	.g-in{width: 98%;}
}
@media screen and (max-width: 1024px){
	.g-in{width: 98%}
}*/

.header{}
.h-t{position: absolute; left: 0; top: 0; width: 100%;box-sizing: border-box; z-index:999;}
.h-t.flex-h{background: #4d5057;position: fixed;left: 0;top: 0;z-index: 9999;}
.header .h-t .g-in{position: relative;}
.header .h-t .logo{float: left;}
.header .h-t .h-nav{float: right;}
.header .h-t .h-nav ul li{float: left;width: 135px;text-align: center;height: 90px;line-height: 90px;position: relative;}
.header .h-t .h-nav ul li .a{display: block;font-size: 20px;color: #fff}
/*.header .h-t .h-nav ul li:nth-child(4n) .subNav{ width:300px; margin-left:-80px;}
.header .h-t .h-nav ul li:nth-child(5n) .subNav{ width:235px; margin-left:-50px;}*/
.header .h-t .h-nav ul li.current .a,.header .h-t .h-nav ul li:hover .a{color: #fff;}
.header .h-t .subNav{position: absolute;z-index: 9;top: 90px;left: 0;width: 100%;display: none}
.header .h-t .subNav dl dt{height: 40px;line-height: 40px;}
.header .h-t .subNav dl dt a{font-size: 16px;display: block;color: #fff;background: #1b9e50;}
.header .h-t .subNav dl dt:hover a{color: #ffda00}
.header .h-t .search-o{float: right;width: 22px;height: 22px;background: url(../images/search.png) no-repeat;background-size: contain;margin-top: 34px;cursor: pointer;margin-left: 15px}
.header .h-t .search-form{position: absolute;right: 0;top: 90px;z-index: 9;background: #fff;display: none}
.header .h-t .search-form .inp{width: 220px;box-sizing: border-box;padding: 0 25px 0 10px;background: #f5f5f5;height: 40px;line-height: 40px;font-size: 16px;color: #333}
.header .h-t .search-form .btn{width: 22px;height: 22px;background: url(../images/search.png) no-repeat;position: absolute;right: 10px;top: 50%;margin-top: -11px;cursor: pointer;}
.header .h-t .qy_list{background: #1b9e50;position: absolute;top: 90px;width: 600px;right: 0;line-height: 40px;right: 0;height: unset;right: 0;display: none;z-index: 9;left: 50%;margin-left: -300px;}
.header .h-t .qy_list a{font-size: 18px;color: #fff;background: #1b9e50;display: block;float: left;width: 120px;height: 40px;line-height: 40px;}
.header .h-t .qy_list a:hover{color: #ffda00}
.header .h-t .qy_list a:nth-child(4n){margin-right: 0}

.u-menu { position:absolute; right:25px; top:50%; margin-top: -21px; display:block; width:50px; height:42px; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index: 99;display: none;cursor: pointer;}
.u-menu div { position:absolute; left:13px; top:20px; width:25px; height:25px; transform:translateZ(0px) rotate(0deg); transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; }
.u-menu div i { position:absolute; left:0; top:0; display:block; width:25px; height:3px; background:#fff; }
.u-menu .u-menu-top i {transform:translate3d(0px,-8px,0px);-webkit-transform:translate3d(0px,-8px,0px);}
.u-menu .u-menu-middle i {transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}
.u-menu .u-menu-bottom i {transform:translate3d(0px,8px,0px);-webkit-transform:translate3d(0px,8px,0px);}

body.z-open .m-nav {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
body.z-open .wrapper {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
body.z-open .u-menu {transform:translateZ(0px) rotate(90deg);-webkit-transform:translateZ(0px) rotate(90deg);}
body.z-open .u-menu  div {transform:translateZ(0px) rotate(45deg);transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;-webkit-transform:translateZ(0px) rotate(45deg);-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;}
body.z-open .u-menu  div i {transition:transform 0.2s ease 0s;transform:translate3d(0px,11px,0px);-webkit-transition:-webkit-transform 0.2s ease 0s;-webkit-transform:translate3d(0px,11px,0px); }
body.z-open .u-menu .u-menu-bottom {transform:translateZ(0px) rotate(-45deg);-webkit-transform:translateZ(0px) rotate(-45deg);}
body.z-open .u-menu .u-menu-middle { display:none; }

.u-mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:999; }

.m-nav { width:200px; height:100%; right:-200px; top:0; background:#fff; position:fixed; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:100; }
.m-nav h2 { margin:0 0 10px; padding:10px 0; border-bottom:1px solid #ddd; font-weight:bold; font-size:16px; line-height:30px; text-align:center; }
.m-nav li { position:relative; padding:12px 12px 12px 22px; border-bottom:1px solid #eee; font-size:14px; line-height:24px; }
.m-nav li a { display:block; }
.m-nav li a:hover,.m-nav .current a { color:#1b9e50; }
.m-nav .current:after { position:absolute; top:50%; left:0; width:5px; height:14px; margin-top:-7px; border-left:2px solid #1b9e50; content:"" }

.m-nav::-webkit-scrollbar-thumb{min-height:20px;border-radius:3px;background-color:transparent;height: 30px;width: 5px;position: relative;left: -1px}
.m-nav::-webkit-scrollbar-track{background:transparent;width: 3px}
.m-nav.show::-webkit-scrollbar-thumb{background-color: #666}
.m-nav.show::-webkit-scrollbar-track{background-color: #eee}
.m-nav::-webkit-scrollbar-corner{background:transparent}
.m-nav::-webkit-scrollbar{width:3px;height:3px;}


@media screen and (max-width: 1640px){
	.header .h-t .h-nav ul li{width: 1.25rem;line-height: .9rem;height: .9rem}
	.header .h-t .h-nav ul li .a{font-size: .19rem}
	.header .h-t .subNav dl dt a{font-size: .16rem}
	.header .h-t .logo img{width: 3.6rem;height: auto;}
	.header .h-t .search-o{margin-top: .34rem}
	.header .h-t .search-form{top: .9rem}
	.header .h-t .subNav{top: .9rem}
	.header .h-t .qy_list{top: .9rem;width: 6rem;margin-left: -3rem}
	.header .h-t .qy_list a{width: 1.2rem;font-size: .18rem;}
}

@media screen and (max-width: 1024px){
	.header .h-t .logo img{width: 260px;height: auto;}
	.header .h-t .search-o{position: absolute;top: 50%;margin-top: -11px;right: 0}
	.header .h-t .h-nav{display: none}
	.u-menu{display: block;}
	.header .h-t .search-form{top: 1.8rem}
}
@media screen and (max-width: 750px){
	.header .h-t .logo img{width: 240px;height: auto;}
	.header .h-t .search-form{top: 2.7rem}
	
}

.footer{}
.footer .f-t{background: #4d5057}
.footer .f-t .f-tl{float: left;padding: 63px 0 43px}
.footer .f-t .f-tl ul{float: left;margin-right: 130px}
.footer .f-t .f-tl ul li{margin-bottom: 15px;}
.footer .f-t .f-tl ul li:last-child{margin-bottom: 0}
.footer .f-t .f-tl ul li a{font-size: 16px;color: rgba(255,255,255,.5);}
.footer .f-t .f-tl ul li a:hover{color: #fff}
.footer .f-t .f-tr{float: right;padding: 50px 0 26px}
.footer .f-t .f-tr .contact{float: left;}
.footer .f-t .f-tr .contact .flogo img{ width: 100%;height: auto; }
@media screen and (max-width: 750px){
.footer .f-t .f-tr .contact .flogo img{ width: auto;height: auto; }
}
.footer .f-t .f-tr .contact .cont{font-size: 14px;color: rgba(255,255,255,.6);margin-top: 10px}
.footer .f-t .f-tr .code{float: right;margin-left: 25px}
.footer .f-t .f-tr .code p{font-size: 12px;color: rgba(255,255,255,.5);margin-top: 6px;text-align: center;}

.footer .f-b{background: #313439}
.footer .f-b .copyright{float: left;line-height: 52px;font-size: 12px;color: rgba(255,255,255,.4);}
.footer .f-b .copyright a{color: rgba(255,255,255,.4);font-size: 12px}
.footer .f-b .copyright a:hover{color: #fff}
.footer .f-b .share{float: right;}
.footer .f-b .bshare-custom{line-height: 52px!important}

@media screen and (max-width: 1640px){
	.footer .f-t .f-tl{padding: .43rem 0}
	.footer .f-t .f-tl ul{margin-right: .3rem}
	.footer .f-t .f-tl ul li a{font-size: .16rem}
	.footer .f-t .f-tr{padding: .5rem 0 .26rem}
	.footer .f-b .copyright{line-height: .52rem}
	.footer .f-b .bshare-custom{line-height: .52rem!important}
}
@media screen and (max-width: 1024px){
	.footer .f-t .f-tl{display: none}
	.footer .f-t .f-tr{float: unset;width: 100%}
	.footer .f-b .copyright{width: 100%;text-align: center;line-height: 1rem}
	.footer .f-b .share{display: none}
}
@media screen and (max-width: 750px){
	.footer .f-t .f-tr .contact{width: 100%;}
	.footer .f-t .f-tr .contact .flogo{width: 80%}
	.footer .f-t .f-tr .contact .cont{font-size: 14px}
	.footer .f-t .f-tr .code{margin-left: 0;text-align: center;width: 5rem; display:none;}
	.footer .f-t .f-tr .code img{width: 100%;height: auto;}
}

.ovfHiden{overflow: hidden!important;height: 100%!important;}

.pc-nav{position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background:rgba(0,0,0,.9);background-size:cover;transition:transform .3s .2s;transform:scaleY(0);transform-origin:bottom center;-ms-transform-origin:bottom center;-ms-transform:scaleY(0)}
.pc-nav .logo{position:absolute;top:15px;left:1.25rem;width:15pc;height:49px; display:none;}
.pc-nav .logo img{max-width:100%}
.pc-nav .mobile-block{margin-top: 80px}
.pc-nav .close{position:absolute;top:25px;z-index:6;width:30px;height:30px}
.pc-nav .close{right:1.25rem; top:3rem; background:url(../images/colse.png) no-repeat center;background-size:18px auto;cursor:pointer;transition:all .3s ease-in-out}
.pc-nav .index-nav{position:relative;z-index:3;display:-ms-flexbox;display:flex;opacity:0;transform:translate(0,80px);-ms-flex-flow:row nowrap;flex-flow:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;-ms-transform:translate(0,80px)}
.pc-nav .index-nav .li{padding-right:.5rem;width:16.6%}
.pc-nav .index-nav .dt{position:relative;margin-bottom:1.5rem;padding-bottom:15px;color:#fff}
.pc-nav .index-nav .dt:before{position:absolute;bottom:0;left:2px;width:.75rem;height:2px;background:#fff;content:""}
.pc-nav .index-nav .dd{display:block;margin-bottom:.5rem;color:#fff;opacity:.75;transition:all .3s ease-in-out;font-size: .5rem}
.pc-nav .index-nav .dd:hover{opacity:1}
.pc-nav .sub-menu{position:relative;z-index:2}
.pc-nav .sub-menu ul{overflow-x:hidden;overflow-y:auto;width:100%;height:calc(100vh - 10pc)}
.pc-nav .sub-menu li{border-bottom:1px solid hsla(0,0%,100%,.2);font-size:1pc}
.pc-nav .sub-menu .tit{box-sizing:border-box;margin-bottom:0;color:#fff;font-size:1pc}
.pc-nav .sub-menu .tit,.pc-nav .sub-menu .titx{position:relative;display:block;padding:0 3%;width:100%;line-height:60px}
.pc-nav .sub-menu .titx{border-bottom:1px solid hsla(0,0%,100%,.2);color:#000}
.pc-nav .sub-menu .sub-tit:after{position:absolute;top:50%;right:3%;display:block;width:26px;height:26px;content:'';transform:translate(0,-50%);-ms-transform:translate(0,-50%)}
.pc-nav .sub-menu .sub-tit.on{border-bottom:1px solid hsla(0,0%,100%,.2)}
.pc-nav .sub-menu .sub-tit.on:after{background:url(../images/z_img11_1.png) no-repeat center;background-size:20px auto}
.pc-nav .sub-menu .sec-list{display:none;padding:10px 4%;line-height:40px}
.pc-nav .sub-menu .sec-list p{background:url(../images/ico_04.png) no-repeat left center;background-size:3px auto;font-size:14px}
.pc-nav .sub-menu .sec-list a{display:block;color:#fff;font-size:14px}
.pc-nav .sub-menu .third{padding-left: 15px}
.pc-nav.active{transition:transform .3s;transform:scaleY(1);transform-origin:top center;-ms-transform-origin:top center;-ms-transform:scaleY(1)}
.pc-nav.active .cent-form{transition:all .5s .3s}
.pc-nav.active .cent-form,.pc-nav.active .index-nav{opacity:1;transform:translate(0,0);-ms-transform:translate(0,0)}
.pc-nav.active .index-nav{transition:all .5s .6s}

.mobile-block::-moz-selection{background:red;color:#fff}
.mobile-block::selection{background:red;color:#fff}
.mobile-block::-webkit-scrollbar{width:10px}
.mobile-block::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}
.mobile-block::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:window-inactive{background-image:linear-gradient(0,#d77515,#d71518);background-image:linear-gradient(to top,#d77515,#d71518)}
.mobile-block::-webkit-scrollbar-thumb:vertical:hover{background-image:linear-gradient(0,#d77515,#d71518);background-image:linear-gradient(to top,#d77515,#d71518)}
