@font-face {font-family:"novecento"; src:url("../font/novecento_widebook.eot");}
@font-face {font-family:"novecento"; src:url("../font/novecento_widebook.ttf");}
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; border:0 none; outline:0; color:inherit;}
html, body {width:100%; height:100%;}
body {margin:0 auto; font:12px/1 "Microsoft Yahei", "微软雅黑", sans-serif; vertical-align:baseline; overflow-y:scroll;}
h1 {font-weight:bold; font-size:18px; line-height:18px; color:#474545;}
h3 {font-weight:normal; font-size:12px; color:#746969;}
h2, h4, h5, h6 {font-weight:normal; font-size:100%;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
a {text-decoration:none;}
p {line-height:22px; text-align:justify;}
a img, iframe {border:none;}
a:link {color:inherit;}
:focus {outline:0;}
/*img{ vertical-align:top;}*/
ol, ul {list-style:none;}
input, textarea, select, button {font-weight:inherit; font-size:inherit; *font-size:100%; font-family:inherit;}
/* == clearfix == */
.clearfix:after {display:block; height:0; clear:both; content:"\200B";}
.clearfix {*zoom:1;}/*IE/7/6*/

/* == 以上 reset Css == */


/**************** 全局公用样式 ****************/
body {width: 100%; +overflow:hidden;}
.g-wrap {position:relative; margin:0 auto; max-width:1130px; height:100%; overflow:hidden;}
.navbar{display: none;}
#header {position:relative; z-index:5; height:79px; background-color:#fff;}

#logo {position:absolute; top:2px; left:1px; width:165px; height:65px; background:url(../images/logo_img.png) no-repeat 0 0;}
#nav {position:absolute; top:0; right:0; z-index:4; height:100%; background-color:#fff; overflow:hidden;}
#nav li {float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;}
#nav .n1 {width:58px;}
#nav .n2, #nav .n3, #nav .n4, #nav .n5 {width:140px;}
#nav li a {position:relative; z-index:2; display:block; width:100%; height:100%; font-size:14px; line-height:79px; text-align:center; color:#666; -webkit-transition:color 200ms; transition:color 200ms;}
#nav li a.on {color:#fff;}
#nav li a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
#nav li a .bkg {top:100%; z-index:1; background-color:#009de8; -webkit-transition:top 200ms; transition:top 200ms;}
#nav li a.on .bkg,
#nav li a:hover .bkg {top:0;}

#shop {position:absolute; bottom:0; right:1px; z-index:5; width:78px; height:100%; background:#fff; border-left:1px solid #e5e5e5; display: none;}
#shop {width:85px;}
#shop .btn-reg {position:absolute;top:0; left:5px; padding:0 10px; width:auto; height:100%; font-size:14px; line-height:76px; color:#666369; background-color:#fff; -webkit-transition:color 300ms; transition:color 300ms;}
#shop .btn-reg:hover {color:#49c4ff;}
#shop .btn-login {position:absolute;top:0; right:-10px; padding:0 10px; width:auto; height:100%; font-size:14px; line-height:76px; color:#666369; background-color:#fff; -webkit-transition:color 300ms; transition:color 300ms;}
#shop .btn-login:hover {color:#49c4ff;}

#content {position:relative; overflow:hidden;}
#subNav {position:absolute; top:0; left:0px; z-index:4; width:100%; height:61px; overflow:hidden;}
#subNav .g-wrap {overflow:visible;}
#subNav .g-wrap .item {position:absolute; top:-100%; width:100%; height:100%; background-color:#4c4a4f; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;}
#subNav .g-wrap .about {left:570px; padding:0 80px; /*width:835px;*/}
#subNav .g-wrap .on {top:0;}
#subNav .g-wrap .item a {float:left; padding:0 16px; font-size:14px; line-height:61px; color:#d2ced5;-webkit-transition:color 300ms; transition:color 300ms;}
#subNav .g-wrap .item a:hover {color:#49c4ff;}
#subNav .g-wrap .item #on {color: #49c4ff;}

#footer{width: 100%;border-bottom: 1px solid #f2f2f2;background: #fff;}
#reference{width: 100%;border-bottom: 1px solid #f2f2f2;border-top: 1px solid #f2f2f2;padding:24px 0 14px;}
#reference .g-wrap *{float: left;line-height: 37px;}
#reference .g-wrap a {margin-left: 20px;padding: 0 40px 0 52px;background: no-repeat 0 0;}
#reference .g-wrap .a1 {background-image: url(../images/footer_icon1.png);}
#reference .g-wrap .a2 {background-image: url(../images/footer_icon2.png);}
#reference .g-wrap .a3 {background-image: url(../images/footer_icon3.png);}
#reference .g-wrap .a4 {background-image: url(../images/footer_icon4.png);}
#reference .g-wrap .a5 {background-image: url(../images/footer_icon5.png);}
#copyright{text-align: center;line-height: 20px;padding:10px 0;}
.phone_foot{display: none;}
#back-to-top{width: 43px;height: 87px;position:fixed;right: 150px;bottom: 80px;z-index: 10;}

.contact_right_list_new{position: fixed;right: -128px;top: 166px;width: 157px;z-index:2}
.contact_right_list_new .contact_btn{position: absolute;left: 0;top: 0;width: 29px;height: 115px;background:url("../images/off.png") left top no-repeat;cursor: pointer;}
.contact_right_list_new .contact_btn.on{background:url("../images/on.png") left top no-repeat;}
.contact_right_list_new dl{width: 128px;background: #fff;position: absolute;right: 0;top: 0;}
.contact_right_list_new dl dt{width: 100%;height: 40px;float:left;color: #1973b4;font-size: 16px;text-align: center;border-bottom: 1px dashed #e0e0e0;font-weight: normal;}
.contact_right_list_new dl dt a{display: block;width: 100%;height: 100%;color: #17a943;}
.contact_right_list_new dl dt a img{display:inline-block;margin-right: 5px;}
.contact_right_list_new dl dd{width: 128px;height: 148px;float:left;text-align: center;font-size: 14px;color: #333;}
.contact_right_list_new dl dd img{display: block;width: 106px;height: 106px;margin: 11px auto 5px;}
.contact_right_list_new dl dt:nth-child(2){height: 48px;font-size: 15px;padding-top: 2px;}
.navbar-right{display: none;}
/*客服*/
.service_main{position: fixed;right: 16px;top: 106px;width: 143px;height: 355px;background: url(../images/service_main.png);z-index: 2;padding-top:94px;}
.service_main a{display: block;width: 105px;margin:0 auto;font-size: 14px;text-align: center;color: #273c7f;}
.service_main .service_icon1{height:72px;background: url(../images/service_icon1.png) no-repeat center 8px;padding-top: 48px;}
.service_main .service_icon2{height:67px;background: url(../images/service_icon2.png) no-repeat center 10px;padding-top: 43px;}
.service_main .service_icon3{height:66px;background: url(../images/service_icon3.png) no-repeat center 8px;padding-top: 43px;}
.service_main .service_icon4{height:56px;background: url(../images/service_icon4.png) no-repeat center 7px;padding-top: 35px;}


/* 小屏幕（平板，小于等于 768px） */
@media screen and (max-width: 768px) {
    
    .navbar{display: block;}
    #header{display: none;}
    .navbar-brand img{width: 100px;margin-left: 10px;}
    .dropdown-menu li a{text-align: center}
    #reference .g-wrap p{
        width: 100%;
        padding-left: 20px;
    }
    #reference .g-wrap a{
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .phone_foot{display:block;width: 100%;height: 55px;background:rgba(0,0,0,.75);position: fixed;left: 0;bottom:0;z-index:1;}
    .phone_foot a{display: block;width: 25%;height: 55px;padding-top: 35px;font-size: 12px;color: #fff;text-align: center;float: left;}
    .phone_foot a:nth-child(1){background:url(../images/phone_foot_ico1.png) no-repeat center 6px;background-size: 25px auto;}
    .phone_foot a:nth-child(2){background:url(../images/phone_foot_ico2.png) no-repeat center 6px;background-size: 25px auto;}
    .phone_foot a:nth-child(3){background:url(../images/phone_foot_ico3.png) no-repeat center 6px;background-size: 25px auto;}
    .phone_foot a:nth-child(4){background:url(../images/phone_foot_ico4.png) no-repeat center 6px;background-size: 25px auto;}
    .service_main{display: none;}
}