/* 
* @Title:  公用样式
* @Author: 苏清炎
* @Date:   2017-2-28 9:00:00
* @Last Modified time:
*/
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, input, select {
    margin:0;
    padding:0;
    font-family:sans-serif;
    font-weight:inherit;
    font-style:inherit;
    font-size:inherit;
    text-align:inherit;
    vertical-align:baseline;
    color:inherit;
    border:0;
    outline:0;
}
html, body {width:100%;/* height:100%;*/ -webkit-user-select:none;}
body>iframe { display: none; }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%; }
html, button, input, select, textarea { font-family: "Microsoft YaHei","Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; }
:focus {outline:0;}
table {
    border-collapse:separate;
    border-spacing:0;
}
caption, th, td {
    text-align:left;
    font-weight:normal;
}
a {text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none;}
a img, iframe {border:none;}
img {vertical-align:top; max-width:100%;display:block;}
p {text-align:justify;}
ol, ul {list-style:none;}
input, textarea, select, button {
    font-size:100%;
    font-family:inherit;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-touch-callout:none;
}
body{max-width:750px;margin:0 auto;}
.pg4{padding:0 4%;height:100%;}
.mg2{margin:0 4%;}
.np{padding:0 !important;}
.ng{margin:0 !important;}
.clearfix:after {display:block; height:0; clear:both; content:"\200B";}
.clearfix {*zoom:1;}/*IE/7/6*/ 
/* == 以上 reset Css == */
 
 /*header*/
.header{width:100%;height:3.6rem;background:url(../img/public/header-bk.jpg) no-repeat center;position:fixed;top:0;left:0;z-index:99;transition:all .3s;}
.header .h-subnav{width:2rem;height:3.6rem;/*background:url(../img/public/h-line.png) no-repeat left;*/position:absolute;top:0;right:4%;}
.header .h-subnav a{display:block;width:100%;height:100%;position:relative;}
.header .h-subnav a span{position: absolute;left: 0.6rem;width: 1.4rem;height:5px;background-color: #00995a;border-radius:5px;-webkit-transition: -webkit-transform 300ms, top 300ms;}
.header .h-subnav .top {width: 1.4rem;height: 5px;top:1.2rem; -webkit-animation:menuBtn-off-top-anim 400ms forwards;}
.header .h-subnav .mid {width: 1.4rem;height: 5px;top:1.7rem;-webkit-opacity:0; -webkit-animation:menuBtn-off-mid-anim 400ms forwards;}
.header .h-subnav .bot {width: 1.4rem;height: 5px;top:2.2rem; -webkit-animation:menuBtn-off-bot-anim 400ms forwards;}
.header .h-logo{display:block;width:6rem;height:3.6rem;float:left;background:url(../img/public/h-logo.png) no-repeat center;background-size:100%;}

@-webkit-keyframes menuBtn-on-top-anim {
    50% {top:1.7rem;-webkit-transform:rotate(0deg);}
    100% {-webkit-transform:rotate(45deg); top:1.7rem;}
}
@-webkit-keyframes menuBtn-on-mid-anim {
    100% {-webkit-opacity:0;}
}
@-webkit-keyframes menuBtn-on-bot-anim {
    50% {top:1.7rem;-webkit-transform:rotate(0deg);}
    100% {-webkit-transform:rotate(-45deg); top:1.7rem;}
}
@-webkit-keyframes menuBtn-off-top-anim {
    50% {top:1.7rem;-webkit-transform:rotate(0deg);}
    100% {top:1.2rem;-webkit-transform:rotate(0deg);}
}
@-webkit-keyframes menuBtn-off-mid-anim {
    100% {-webkit-opacity:1;}
}
@-webkit-keyframes menuBtn-off-bot-anim {
    50% {top:1.7rem;-webkit-transform:rotate(0deg);}
    100% {top:2.2rem;-webkit-transform:rotate(0deg);}
}


#content .h-function{width:7.5rem;height:2.6rem;padding-left:0.5rem;position:absolute;top:0rem;right:0;background:#383838;z-index:99;}
#content .h-function a{display:block;float:left;}
#content .h-function .Group-net{width:4rem;height:2.6rem;background:url(../img/public/Group-net.png) no-repeat left center;background-size:100%;}
#content .h-function .search-btn{width:1rem;height:2.6rem;margin-left:0.4rem;background:url(../img/public/search-btn.png) no-repeat left center;background-size:100%;}
#content .function{position:absolute;top:0;left:0;width:100%;background:#f3f2f1;display:none;padding:4rem 0 1.5rem;z-index:98;}
#content .function .pg4{text-align:center;}
#content .function ul{display:inline-block;}
#content .function li{float:left;width:100%;padding-bottom:0.5rem;}
#content .function li:last-child{padding-bottom:0rem;}
#content .function li a{width:100%;line-height:1rem;display:block;font-size:0.65rem;color:#868585;text-align:center;}

#content .search-input{width:7.5rem;height:2.6rem;line-height:2.6rem;display:none;overflow:hidden;padding-left:0.5rem;position:absolute;top:2.6rem;right:0;background:#fff;z-index:99;}
#content .search-input input{height:2.6rem;line-height:2.6rem;width:100%;font-size:0.7rem;color:#333;display:block;}


/*footer*/
.footer{width:100%;overflow:hidden;transition:all .3s;position:relative;top:0;left:0;z-index:9;}
.footer .bottom{width:100%;min-height:3rem;background:url(../img/public/footer-bk.jpg) no-repeat center;background-size:cover;}
.footer .bottom .mg{width:15rem;margin:0 auto;overflow:hidden;}
.footer .bottom .foot-btn{overflow:hidden;float:left;height:1rem;margin-top:1rem;}
.footer .bottom li{width:1rem;height:1rem;float:left;}
.footer .bottom span{display:block;padding-top:0.22rem;height:1rem;font-size:0.5rem;line-height:1;color:#a2a2a2;float:left;overflow:hidden;}
.footer .bottom .video-btn{line-height:2rem;background:url(../img/public/video.png) no-repeat right center;background-size:100%;}
.footer .bottom .wx-btn{background:url(../img/public/weixin.png) no-repeat right center;background-size:100%;margin-left:0.2rem;}
.footer .bottom .fl{float:left;margin:0.8rem 0 0 0.2rem;}
.footer .bottom p{font-size:0.5rem;color:#a2a2a2;}
.footer .footer-mes{height:0rem;overflow:hidden;transition:all .3s;}
.footer .footer-mes li{height:0rem;overflow:hidden;transition:all .3s;}
.footer .footer-mes li.on{height:auto;}

/*content*/
#content{position:relative;left:0;top:0;z-index:9;margin-top:3.6rem;overflow:hidden;padding-bottom:4%;background:#fff;transition:all .3s;}

/*menu*/
.menu {position:fixed; top:0; right:0; z-index:1;width:46%;height:100%;background:url(../img/public/menu-bk.jpg) no-repeat;background-size:cover; -webkit-opacity:0; overflow:hidden;transition:all 0.4s;}
.menu .menu-text{padding:3.6rem 0 0 1.2rem;margin-left:-2rem;transition:all .3s;}
.menu .menu-text .li_h{margin-bottom:0.5rem;}
.menu .menu-text .li_h:first-child .menu-nav{background:none;}
.menu .menu-text .li_h .menu-nav{font-size:0.85rem;color:#545454;display:block;background:url(../img/public/menu-nav-upbk.png) no-repeat 90% center;background-size:10%;}
.menu .menu-text .li_h .on-nav{color:#a09d9d;font-weight:900;background:url(../img/public/menu-nav-downbk.png) no-repeat 90% center;background-size:10%;}
.menu .menu-text .li_h ul{display:none;padding-top:0.4rem;}
.menu .menu-text .li_h li>a{font-size:0.75rem;line-height:1.2rem;color:#a09d9d;}

/*展开菜单*/
body.menu-on{background:#eee;}
body.menu-on .header,body.menu-on .footer,
body.menu-on #content {-webkit-transform:translateX(-46%);}
body.menu-on .menu {z-index:8; -webkit-opacity:1;}
body.menu-on .menu .menu-text {margin-left:0rem;}

body.menu-on .header .h-subnav .top {-webkit-animation:menuBtn-on-top-anim 400ms forwards;}
body.menu-on .header .h-subnav .mid {-webkit-animation:menuBtn-on-mid-anim 400ms forwards;}
body.menu-on .header .h-subnav .bot {-webkit-animation:menuBtn-on-bot-anim 400ms forwards;}

/*fonts*/
@font-face{font-family: 'DINCond-Medium';
    src: url('../fonts/DINCond-Medium.otf')format('opentype');
    src: url('../fonts/DINCond-Medium.svg#Regular')format('svg');
    src: url('../fonts/DINCond-Medium.ttf')format('truetype');
    src: url('../fonts/DINCond-Medium.woff')format('woff');
    font-weight: normal;font-style: normal; 
}