@charset "utf-8";
/* CSS Document */
html,body {color:#333;margin:0;height:100%;font-family:"Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:normal;}
*, *:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a {text-decoration:none;color:#000;}
a,label,button,input,select {-webkit-tap-highlight-color:rgba(0,0,0,0);}
img {border:0;}
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,p,blockquote,pre,button,fieldset,form,input,legend,textarea,th,td {margin:0;padding:0;}
a {text-decoration:none;}
button {outline:0;}
button,input,optgroup,select,textarea {margin:0;font:inherit;color:inherit;outline:none;}
li {list-style:none;}
.clear{ clear:both;}
.pt50{ margin-top:50px;}
.h50{ height:50px;}
body{font-family: "PingFangSC-Regular", "Microsoft Yahei","sans-serif", "Verdana", "SimSun", "Hiragino Sans GB" !important;overflow-x: hidden;}
/*@font-face {
font-family: heijianti;
src: url('../fonts/heijianti.ttf') format('truetype'),
url('../fonts/heijianti.woff') format('woff'),
url('../fonts/heijianti.eot') format('embedded-opentype'),
url('../fonts/heijianti.otf') format('opentype'),
url('../fonts/heijianti.svg') format('svg');
}
@font-face {
font-family: zhongheijianti;
src: url('../fonts/zhongheijianti.ttf') format('truetype'),
url('../fonts/zhongheijianti.woff') format('woff'),
url('../fonts/zhongheijianti.eot') format('embedded-opentype'),
url('../fonts/zhongheijianti.otf') format('opentype'),
url('../fonts/zhongheijianti.svg') format('svg');
}
.heijianti{font-family: "heijianti" !important;}
.zhongheijianti{font-family: "zhongheijianti" !important;}*/
/*header*/
.moblie_head{display:block;height:50px;background:#021E43;position:fixed;top:0px;left:0px;width:100%;z-index:9999;}
.moblie_head .logo{padding-top:15px; text-align: center; height: 50px;}
.moblie_head .logo img{ width: 35%; }
.hamburger {display: block; position: absolute; left:4%; top:15px}
.hamburger.active .bar:nth-child(2) {opacity:0;}
.hamburger.active .bar:nth-child(1) {-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg);}
.hamburger.active .bar:nth-child(3) {-webkit-transform:translateY(-5px) rotate(-45deg);transform:translateY(-5px) rotate(-45deg);}
.bar {display: block;width: 25px;height: 1.5px;margin: 5px auto;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background-color: #fff;}
/* nav */
.nav{background: #021E43;left: -1000px;position: fixed;top: 50px;display: block;height: 100%;width:100%;z-index: 90002;transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;position: fixed;overflow: auto;}
.nav.open {left: 0;}
.nav a{display: block;overflow: hidden;padding-left: 20px;line-height: 50px;max-height: 50px;color: #fff;transition: all .3s;}
.nav-item{position: relative; border-bottom: 1px solid rgba(255,255,255,0.05)}
.nav-item.nav-show{border-bottom: none;}
.nav-item ul{display: none;background: rgba(0,0,0,.1); padding-left: 20px;}
.nav-item ul li a{ color: rgba(255,255,255,0.7); font-size: 14px; }
.nav-item.nav-show ul{display: block;}
.nav-item>a:before{content: "";position: absolute;left: 0px;width: 2px;height: 46px;background: #0f76c1;opacity:0;transition: all .3s;}
.nav .nav-icon{font-size: 20px;position: absolute;margin-left:-1px;}
.nav-more{float:right;margin-right: 20px;font-size: 12px;transition: transform .3s;}
.nav-more::after{content: "\e621";}
.nav-show .nav-more{transform:rotate(90deg);}
.nav-show,.nav-item>a:hover{color: #FFF;background:rgba(0,0,0,.05);}
.nav-show>a:before{opacity:1;}
/*footer*/
.footer{ width:100%; background:#021e43; padding-top: 20px;}
.footer .contact {width: 100%; text-align: center;}
.footer .contact .footlogo { width: 100%; }
.footer .contact .footlogo img{ width: 30%; }
.footer .contact .text { font-size: 14px;color: #fff; padding-top:20px; padding-bottom: 5px;}
.footer .contact .text a{ color: #fff; }
.footer .shop{ width: 100%; padding-left: 4%; padding-right: 4%; color: #fff; padding-top: 20px; }
.footer .shop dt{ font-size: 16px; text-align: center;}
.footer .shop ul{display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;width:100%; padding-top: 10px;}
.footer .shop ul li {width:25%;float:left;display:flex;flex-direction:column;margin-bottom:10px; text-align: center;}
.footer .shop ul li a{ color:rgba(255,255,255,0.7); font-size: 14px; }
.footer .wx {display:table;margin:0 auto; margin-top: 20px; position: relative;}
.footer .wx li{ text-align:center;float:left;*float:none;*display:inline;*zoom:1;margin-right:20px; margin-left:20px;height:40px;width:auto;}
.footer .wx li img{ width:30px; height: 30px; }
.wx_qrcode {width:240px;background:#F9F9FA;box-shadow:0 2px 14px 0 rgba(0,0,0,0.2);border-radius:4px;position:absolute;bottom:50px;left:50%; margin-left: -120px; overflow:hidden;cursor:pointer;}
.wx_qrcode img{ width: 100%; height: auto; margin:0; }
.wxMenuClose {width:20px !important;height:20px !important;position:absolute;top:20px;right:14px;margin:0 !important;}
.footer-wechat {width:100% !important; height: auto !important;}
.footer-wechat-code {width:100%;display:flex;justify-content:center;}
.footer-wechat-code >img {width:220px !important;height:220px !important; }
.footer .info-text {font-size: 12px; color: #d9d9d9; text-align: center; padding-top: 20px; padding-bottom: 30px; border-top: 1px solid rgba(255,255,255,0.1); margin-top: 20px; text-align: center; line-height: 24px;}
.footer .info-text a{ color: #d9d9d9; }
/*鍒嗛〉*/
.pages{ width:100%;text-align:center; margin:5px auto; height:50px; line-height:50px; margin-bottom:40px;}
.pages ul{ display:table;margin:10px auto; }
.pages ul li{background:#e6e6e6;text-align:center;float:left;*float:none;*display:inline;*zoom:1;margin-right:15px;cursor:pointer;height:40px;width:auto; line-height:40px; width:40px;}
.pages ul li.active{background:#0F76C1;text-align:center;float:left;*float:none;*display:inline;*zoom:1;margin-right:15px;cursor:pointer;height:40px;width:auto; line-height:40px; width:40px;color:#fff;}
.pages ul li.disabled{background:#e6e6e6;text-align:center;float:left;*float:none;*display:inline;*zoom:1;margin-right:15px;cursor:pointer;height:40px;width:auto; line-height:40px; width:40px;}
.pages ul li a.on{ background:#021e43; height:40px;width:auto; line-height:40px; color:#fff; text-align:center; display:block;}
.pages ul li a{ color:#232323; display:block}
/*杩斿洖澶撮儴*/
.cd-top {display:inline-block;height:70px;width:70px;position:fixed;bottom:250px; left:50%; margin-left:580px; overflow:hidden;text-indent:100%;white-space:nowrap;background:url(../images/ic_top.png) no-repeat center 50%;visibility:hidden;opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s; background-size: 100% 100%;}
.cd-top.cd-is-visible {visibility:visible;opacity:1;}
.cd-top:hover{background:url(../images/ic_top_hover.png) no-repeat center 50%;height:70px;width:70px;background-size: 100% 100%;}