/* CSS Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button{margin: 0;padding: 0;border: 0;}
html{-webkit-text-size-adjust:none; }
body{font-size:12px;overflow-x:hidden;margin:0; padding:0;}
body sup {display: inline-block!important;vertical-align: top;}
table{border-collapse:collapse; border-spacing:0;}
ol, ul, li{ list-style:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#1a1a1a;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a:hover{text-decoration:none;color:#000;} 
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
* {font-family:Microsoft Yahei,PingFang SC,Verdana,Helvetica Neue,Arial,Hiragino Sans GB,Microsoft Sans Serif;font-style:normal;}
input,select,textarea {-webkit-appearance: none;border-radius: 0;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none; font-size:14px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#999;font-size:14px;}
input::-moz-input-placeholder,textarea::-moz-input-placeholder{color: #999;font-size:14px;}
input::-ms-input-placeholder,textarea::-ms-input-placeholder {color: #999;font-size:14px;}
img {max-width: 100%;max-height:100%;}
.left{ float:left;}
.right{ float:right;}
.clear { clear:both;}
.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.alpha0{filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}
.no-touch { height:100%;}
.no-touch body{ overflow:hidden;height:100%;}
.pcshow { display:block;}
.mbshow { display:none !important;}
.relative {position: relative;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.zc-content {width: 94%;margin: auto;position: relative;height: 100%;overflow: hidden;}

/* header */
header {position: fixed;left: 0;top:0;width: 100%;z-index: 99; }
header *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.zc-header {position: relative;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.zc-logo {display: block;width: 156px;height:30px;position: absolute;left: 0; top:50%;margin-top: -15px;z-index: 10; text-align: center;background: url("../images/logo_h.png") center no-repeat;background-size: 100%;}
.zc-header .left,.zc-header .right  {height:100px;}
.zc-header .right {width: 100%;text-align: right;}
.zc-nav {text-align: right;position: absolute;top:0;right: 5%;width: 90%;font-size: 0; z-index:4;}
.zc-nav *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.zc-nav li {display: inline-block;position: relative;padding:40px 0;height:90%;}
.zc-nav a{font-size: 16px;color: #000; margin-left:60px; position: relative;}
.zc-nav a:hover,.zc-nav a.cur{color:#3876df;}
.zc-nav a::after { content: '';height: 3px;width: 0;display: block;background: #3876df;position: absolute;left: 50%;bottom:-42px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.zc-nav a::before{content: '';height:0;width:0;position: absolute;left: 50%;bottom:-40px;margin-left: -6px; border-width: 6px;border-style: solid;border-color: transparent #3876df transparent transparent;transform: rotate(90deg);display: none;}
.zc-search {width: 30px;height: 30px; position: absolute;top:50%;margin-top: -15px; right: 0;z-index:6;text-align: center;}
.zc-search a{position: relative; display: block;width: 30px;height: 30px;}
.zc-search a::before {content: '\e614';font-family: 'font_family';font-size: 17px;line-height: 30px; color: #000;display: block;}

.zc-header .zc-content {overflow: visible;}
.zc-nav li ul {display: none; position: absolute;width:90%;top:100px;left:50%;margin-left: -30px; z-index: 3;text-align: center;background: rgba(56,118,223,.8);padding: 5% 10%;}
.zc-nav li ul::before {content: '';display: block;position: absolute;top:-20px;left: 50%;margin-left: -10px;transform: rotate(90deg);border-width:10px;border-style: solid;border-color: transparent #3876df transparent transparent;opacity: .8;}
.zc-nav li ul a{display: block;font-size: 14px;color: #fff; margin-left:0px;padding: 10px 0;border-bottom: 1px solid rgba(255,255,255,.5);opacity: .8;}
.zc-nav li ul a:hover {border-bottom: 1px solid #fff;opacity: 1;color: #fff!important;}
.zc-nav li ul a::after,.zc-nav li ul a::before  {display: none!important;}
.zc-nav li ul a:last-child {border: none;}
header.header-fixed .zc-nav li ul {top:60px;background: rgba(56,118,223,.8);}
header.header-fixed .zc-nav li ul::before {opacity: .8;border-width:6px;margin-left: -6px;top:-12px;}
header.header-fixed .zc-nav li ul a{font-size: 12px;margin-left:0px;color: #fff!important;padding:7px 0;opacity: .7;}
header.header-fixed .zc-nav li ul a:hover {opacity: 1;color: #fff!important;}

header.header-fixed,header.index.header-fixed {background: #fff;border-bottom:none;box-shadow: 1px 1px 4px #CCC;}
header.header-fixed .zc-header .zc-logo { background: url("../images/logo_h.png") left no-repeat;background-size: 80%;}
header.header-fixed .zc-nav a,header.index.header-fixed .zc-nav a {color: #000;}
header.header-fixed .zc-search a::before,header.index.header-fixed .zc-search a::before {color: #333;}
header.header-fixed .zc-header .left,header.header-fixed .zc-header .right  {height:50px;}
header.header-fixed .zc-nav {margin-top: -10px;}
header.header-fixed .zc-nav li {padding:24px 0;}
header.header-fixed .zc-nav a{margin-left:40px;}
header.header-fixed .zc-nav a:hover,header.index.header-fixed .zc-nav a:hover,header.header-fixed .zc-nav a.cur {color: #3876df;}
header.header-fixed .zc-nav a::before,header.index.header-fixed .zc-nav a::before{bottom: -12px;border-color: transparent #3876df transparent transparent;}
header.header-fixed .zc-nav a::after,header.index.header-fixed .zc-nav a::after{background: #3876df;bottom: -14px;}

header.index  {border-bottom: 1px solid rgba(255,255,255,.1);}
header.index .zc-logo {background: url("../images/logo.png") center no-repeat;background-size: 100%;}
header.index .zc-nav a{color: #fff;}
header.index .zc-search a::before {color: #fff;}
header.index .zc-nav a::after { background: #fff;}
header.index .zc-nav a::before{border-color: transparent #fff transparent transparent;}


/* footer */
footer { overflow: hidden; position: relative;background: #2c2c2c;}
.zc-footer {overflow: hidden;padding: 50px 0 30px 0;}
.zc-footer .zc-content {width:84%;margin: auto;}
.zc-footer-top {border-bottom: 1px solid #3d3d3d;padding-bottom:25px;overflow: hidden;position: relative;}
.footer-logo {position: absolute; right: 0;bottom: 25px; display: block;width: 125px;height:24px;background: url("../images/logo_b.png") center no-repeat;background-size: 100%;}
.footer-nav {padding: 30px 0 0px 0;overflow: hidden;color:#828282;}
.footer-nav a{color:#828282; font-size: 16px;}
.footer-nav a:hover {color:#fff;}
.footer-nav span {padding: 0 10px;}
.zc-footer-bottom {padding: 30px 0 30px 0;overflow: hidden;position: relative;}
.zc-footer-bottom * {color: #4b4b4b; text-transform: uppercase;}
.zc-footer-bottom a:hover {color: #fff;}
.footer-add {color:#6a6a6a;font-size: 16px;line-height: 28px; overflow: hidden;text-transform: inherit;}
.footer-add strong {color:#6a6a6a;display: block;font-size: 16px;padding-bottom:10px;}
.footer-add * {color:#6a6a6a;}

/* mobile nav */
.zc-mnav{position: relative;z-index: 999; display: none;}
.zc-mheader {height:50px;position:fixed;left:0;top: 0;z-index: 93;width: 100%;background: #fff; overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.zc-mheader ul {height:50px;position: relative;padding:0 3%;}
.zc-mlogo { left:10px;top:50%;position: absolute;z-index: 94;display: block;width: 100px;height:30px;margin-top: -15px; background: url("../images/logo_h.png") left center no-repeat;background-size: 100%;}
.zc-msearch  {display: block;width: 40px;height: 40px;margin: auto;}
.zc-msearch .search {display: block;width: 40px;height: 40px;margin:30px auto auto;text-align: center;line-height: 40px;}
.zc-msearch .search:before {content: '\e614';font-family: 'font_family';font-size: 17px;line-height: 30px;color: #999;display: block;}

.cd-nav{ }
.cd-nav li{width:80%;margin: auto; overflow:hidden;position: relative;}
.cd-nav a{ border-bottom:#313131 1px solid;position: relative; display: block;width:90%;text-align: center; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:16px; color:#939393;padding:5% 0; margin:0px auto;text-transform:uppercase;}
.cd-nav a:hover{color:#fff;}
 
.menu-toggle {display: block;width:50px;height:50px; position:absolute;right:0px;top:0px;z-index: 99;}
.cd-nav-trigger {width: 100%;height: 100%;display: block;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#000000;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#000000;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.12s;-webkit-transform:translateX(-70px);-moz-transform:translateX(-70px);-ms-transform:translateX(-70px);-o-transform:translateX(-70px);transform:translateX(-70px);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px);}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:24px;height:3px;background:#000000;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);-moz-transform:translateY(-70px) translateX(-70px) rotate(45deg);-ms-transform:translateY(-70px) translateX(-70px) rotate(45deg);-o-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}

.cd-nav-container{background-color:#1a1a1a;position: fixed; z-index:91; top:0px; right: 0; width: 100%; height: 100%;overflow-y: auto; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s; transition: transform 0.4s 0s, box-shadow 0s 0.4s;}
.cd-nav-container.is-visible{-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);-webkit-overflow-scrolling: touch;}
.cd-overlay{position: fixed; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s; z-index:19;}
.cd-overlay.is-visible{opacity: 1; visibility: visible; -webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s;}

#browser_ie {BACKGROUND-COLOR: #f6f6b4; DISPLAY: none; HEIGHT:auto;overflow: hidden; COLOR: #000; FONT-SIZE: 15px;text-align: center;position: absolute;left: 0;top: 0;width: 100%;z-index: 9999;}
#browser_ie .brower_info {MARGIN: 0px auto; WIDTH: 800px;padding: 1% 0;overflow: hidden;position:relative;text-align: center;}
#browser_ie .brower_info .notice_info {POSITION: relative;overflow: hidden;}
#browser_ie .brower_info .notice_info P { text-align: center; LINE-HEIGHT: 25px;overflow: hidden;DISPLAY: inline-block}
#browser_ie .browser_list {POSITION: relative;text-align: center;}
#browser_ie .browser_list IMG {WIDTH: 40px; HEIGHT: 40px}
#browser_ie .browser_list SPAN {TEXT-ALIGN: center;padding:1%;DISPLAY: inline-block;vertical-align: top;}
.close { border:#CCC 1px  solid;z-index: 9999;height:30px; line-height:30px; text-align:center; padding:0 10px; position:absolute; right:0px; display:block; top:30px;}

.galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 100000; background-color: rgba(0,0,0,.7);  overflow: hidden; display: none; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.galleryOverlay.visible { opacity: 1; }
.gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; }
.gallerySlider .placeholder { background: url(../images/preloader.gif) no-repeat center center; height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block; }
.gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.prevArrow, .nextArrow { border: none; text-decoration: none; /*background: url(../images/arrows.png) no-repeat;*/ opacity: 0.5; cursor: pointer; position: absolute; width:50%;height:100%; top:0; margin-top:0px; }
.prevArrow:hover, .nextArrow:hover { opacity: 1; }
.prevArrow { background-position: left top; left:0; }
.nextArrow { background-position: right top; right:0; }
.pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #fff; font-size: 18px; }
.closed {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;background: url(../images/close.png) no-repeat; transition-duration: 0.5s;}
.closed:hover {opacity: 0.5;}


.kf{transition:.8s;z-index:999999;background-color:transparent;position:fixed;top: 90%;right:0;width:50px;border-radius:5px;}
.kf span{z-index:1000001;transition:.5s;cursor:pointer;position:relative;display:block;width:50px;height:50px;border-radius:5px 0 0 5px;margin-bottom:3px;background-color:#a7afb9}
.kf span:hover{background-color:#11298B}
.kf .back_top{border:none;background:#a7afb9 url(../images/kf-top.png)no-repeat center top 13px}
.kf span a{transition:.5s;display:block;color:#fff;line-height:24px;font-size:14px;text-align:center;padding-top:22px}
.kf span div i{display:block;position:absolute;width:15px;height:200px;right:-15px;top:0}
.kf a{display:block;height:68px;position:absolute;top:0;right:0;width:100%}
.nav_center div,.index_nav_center div,.shou,.zhan{-webkit-box-shadow:0 2px 18px rgba(0,0,0,0.25);box-shadow:0 2px 18px rgba(0,0,0,0.25)}

.nav_center div,.index_nav_center div,.shou,.zhan{-webkit-box-shadow:0 2px 18px rgba(0,0,0,0.25);box-shadow:0 2px 18px rgba(0,0,0,0.25)}


/*font*/
@font-face {
  font-family: 'font_family'; 
  src: url('//at.alicdn.com/t/font_1519658_pv4e16um47.eot');
  src: url('//at.alicdn.com/t/font_1519658_pv4e16um47.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1519658_pv4e16um47.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1519658_pv4e16um47.woff') format('woff'),
  url('//at.alicdn.com/t/font_1519658_pv4e16um47.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1519658_pv4e16um47.svg#font_family') format('svg');
}