*{
    margin:0;
    padding:0;
    border:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    font-family:"微软雅黑","Microsoft Yahei";
}
body{
    color: #666;
    background-color: #fff;
    line-height: 1.4;
    font-family:"微软雅黑","Microsoft Yahei";
}
table{
    border-collapse:collapse; 
    border-spacing:0; 
}
ul{
    list-style: none;
}
img{
    max-width: 100%;
}
input[type="button"],input[type="submit"],button{
    cursor: pointer;
}
input[type="button"],input[type="submit"],input[type="reset"],button{
    -webkit-appearance: none;
}
a{
    color: #484848;
    text-decoration: none;
}
a:hover{
    color: #d1292f !important;
}
a:hover img{
    opacity: .8;
    filter: alpha(opacity=80);
}
.wp{
    margin:0 auto;
}
li span{overflow: hidden;}
li span img{-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
li span:hover img{-webkit-transform: scale(1.05);
-moz-transform: scale(1.05); 
-ms-transform: scale(1.05); 
-o-transform: scale(1.05); 
transform: scale(1.05);
transform-origin: 50% 50%;}

/*头部*/
.wp_hd{width: 1200px;position: relative;top:0;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}
#header{height:110px;width: 100%;background: url(../images/bg_hd.jpg) no-repeat center top;-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
#header.small{height:50px;}
#header.small .wp_hd{top:-30px;}
#header.small .logo{padding-top: 37px;}
#header.posFixed{position: fixed;z-index: 9;left:0;top:0;}
.logo{float: left;width: 200px;padding-top: 42px;}
.nav{float: left;}
.nav{}
.nav li{float: left;margin-right:45px;font-size: 16px;margin-right: 40px; height:110px; line-height: 110px; position: relative;}
.nav li a{color: #fff; }
.nav li.on a,.nav li a:hover{color: #fff !important;border-bottom: 2px solid #d1292f;}
.nav li:last-child{margin-right: 0;}
.nav li a{color: #fff; cursor: pointer;}

/*二级菜单*/
.nav .subnav {
    position: absolute;
    width: 120px;
    background-color: #2e2e2e;
    box-shadow: 0 13px 42px 11px rgba(0,0,0,.05);
    height: auto;
    z-index: 1;
    top: 110px;
    left: 0;
    overflow: hidden;
    transition: all .36s ease;
    visibility: hidden;
    opacity: 0;
}
#header.small .subnav{top:80px;}
.nav .subnav li {
    width: 100%;
    height:42px !important;
    line-height: 42px !important;
}
.nav .subnav li a {
    height: 42px !important;
    line-height: 42px !important;
    color: #ffffff;
    line-height: 22px;
    display: block;
    text-align: center;
    font-size: 13px
}
.nav li:hover .subnav {
    opacity: 1;
    visibility: visible;
}

.search{float: right;padding-top: 47px;margin-right: 30px;display: none;}
.search .inp{width:161px;height:22px;line-height: 20px \9;padding: 0 10px;border: 1px solid #515151;float: left;background: #9f9f9f;}
.search .btn{float: left;width:22px;height:22px;outline:none;font-size: 0;line-height: 0;background: url(../images/icon_sou.png) no-repeat center center;cursor: pointer;margin-left: 10px;}
#header .tel{padding-top: 30px;float:right;}

/*底部*/
#footer{height:250px;background: url(../images/bg_fd.jpg) no-repeat center top;position: relative;}
.fd_logo{float: left;margin: 0 70px;padding-top: 65px;}
.fd_map{float: left;margin-top: 20px;width: 280px;text-align: center;border-left: 1px solid #fff;border-right: 1px solid #fff;}
.fd_map ul{padding: 20px 0 5px 0;display: inline-block;_display:inline;zoom:1;width: 240px;}
.fd_map li{margin-bottom: 15px;float: left;padding: 0 15px;font-size: 12px;text-align: left;position: relative;}
.fd_map li:after{content:"";position: absolute;right:0px;top:50%;height: 14px;margin-top: -7px;border-right: 1px solid #fff;}
.fd_map li:nth-child(3n):after{display: none;}
.fd_map li a{color:#fff;}
.fd_contact{float: right;padding-top: 32px;}
.fd_contact .qr{float: left;width: 86px;text-align: center;padding-top:5px;font-size: 12px;color: #fff;margin-left: 44px;}

.qr {}
.fd_contact .qr span{display: block;width: 86px;height:86px;padding: 5px;background: #fff;margin-bottom: 18px;position: relative;}
.fd_contact .qr span:after{/*content:"";position: absolute;width: 0;height: 0;bottom:-8px;left:50%;margin-left: -8px;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #fff;*/}
.fd_contact .qr span img{width: 76px;height: 76px;}
.fd_contact .txt{padding-left: 186px;font-size: 12px;}
.fd_contact .txt h4{font-size: 18px;color: #fff;font-weight: normal;margin-bottom: 5px;}
.fd_contact .txt p,.fd_contact .txt p a{font-size: 12px;color: #fff;}
.fd_link{overflow: hidden;text-align: center;padding-top: 20px;color: #fff;font-size: 12px;clear:both;}
.fd_link a{color: #fff;}
.goTop{position: absolute; width: 58px;height:58px;top:-29px;left:50%;margin-left: -29px;background: url(../images/goTop.png) no-repeat left top;cursor: pointer;}
.goTop:hover{background: url(../images/goTop_h.png) no-repeat left top;}

/*客服*/
.kfBox{position: fixed;right:0;top:110px;z-index: 99;}
.kfBox .btnS{display: block;width: 31px;height: 143px;background: url(../images/kf_s.jpg) no-repeat left top;cursor: pointer;}
.kfMain {width:183px;position: absolute;right:64px;top:0;display: none;}
.kfMain .tit{height:115px;background: #131313;text-align: center;}
.kfMain .tit h2{font-size: 22px;color: #93704b;padding-top: 10px;line-height: 1.2;margin-bottom: 15px;}
.kfMain .tit h2 span{display: block;font-size: 12px;font-weight: normal;}
.kfMain .tit a{width: 141px;height: 29px;line-height: 29px;background: #fff;display: inline-block;color: #ab947d;font-size: 18px;}
.kfMain .qr{text-align: center;background: #3b3b3b;padding-top: 15px;color: #93704b;padding-bottom: 8px;}
.kfMain .tel{padding: 15px 0 12px 18px;background: #131313;color: #fff; }
.kfMain .tel h4{font-weight: normal;font-size: 16px;}
.kfMain .tel p{font-size: 18px;}

/*手机版头部*/
#m_hd{/* position: fixed;left:0;top:0; */width: 100%;background: #000;display: none;padding: 10px 0 0 0;z-index: 999;position: relative; margin-top: -22px !important;}
.m_btn{position: absolute;left:15px;top:14px;z-index: 999;display: none;}
.m_btn.ok{position: fixed;}
.m_btn em{position: relative;display: block;
    width: 28px;height: 4px;margin:4px 0;background:#999;
    -o-transition:.4s;
    -ms-transition:.4s;
    -moz-transition:.4s;
    -webkit-transition:.4s;
    transition:.4s;}
.m_btn.ok .em1{
    top:10px;
    transform:rotate(40deg);
    -ms-transform:rotate(40deg);
    -moz-transform:rotate(40deg);
    -webkit-transform:rotate(40deg);
    -o-transform:rotate(40deg);
}
.m_btn.ok .em2{
    opacity: 0;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
}
.m_btn.ok .em3{
    top:-7px;
    transform:rotate(-40deg);
    -ms-transform:rotate(-40deg);
    -moz-transform:rotate(-40deg);
    -webkit-transform:rotate(-40deg);
    -o-transform:rotate(-40deg);
}
.m_logo{width: 100%;text-align: center;height: 35px;}
.m_logo a{display: inline-block;overflow: hidden;}
.m_logo img{display: block;}

.m_nav{
    /* position: fixed; */
    /* left:0; */
    /* top:60px; */
    /* display: none; */
    padding: 5px 0;
    width:100%;
    overflow: hidden;
    z-index: 9998;
    background:#121212;
    }
.m_nav li {
    display: block;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    font-family: "fzlt";
    font-size: 14px;
    font-weight: bold;
    color:#fff;
    width: 33.33%;
    float: left;
    text-align: center;
}
.m_nav li:first-child{display: none;}
.m_nav li a{display: block;color: #fff; cursor: pointer;}

/*二级菜单*/
.m_nav .m_subnav {
    position: fixed;
    width: 80%;
    background-color: #2e2e2e;
    box-shadow: 0 13px 42px 11px rgba(0,0,0,.05);
    height: 100%;
    z-index: 1;
    top: 115px;
    right: 0px;
    overflow: hidden;
    transition: all .36s ease;
    visibility: hidden;
    opacity: 0;
}
.m_nav .m_subnav li:first-child{display: block;}
.m_nav .m_subnav li {
    width: 100%;
    height:42px !important;
    line-height: 42px !important;
}
.m_nav .m_subnav li a {
    height: 42px !important;
    line-height: 42px !important;
    color: #ffffff;
    line-height: 22px;
    display: block;
    text-align: center;
    font-size: 13px
}
.m_nav li:hover .m_subnav {
    opacity: 1;
    visibility: visible;
}

.m_search{margin-top:10px;padding: 0 50px 0 20px !important;display: none;position: relative;overflow: hidden;}
.m_search .inp{width: 100%;height: 30px; line-height: 30px \9;} 
.m_search .btn{position: absolute;right:15px;top:0;width: 30px;height: 30px;}

.loading{background: url(../images/logo.png) no-repeat center center #000;position: fixed;left:0;top:0;width: 100%;height:100%;z-index: 9999;}

#footer.fixFd{position: absolute;left:0; bottom:-255px;width: 100%;z-index: 999;-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
#footer.fixFd.show{bottom:0;}


/*新浮动客服*/
.dock {
    position: fixed;
    right: 0px;
    width: 50px;
    -moz-opacity: 0.7;
    opacity: 0.7;
    z-index: 200;
    font-size: 12px;
}
.dock *{box-sizing: content-box;
    -webkit-box-sizing: content-box;}

.dock.close {
    z-index: 50;
}

.dock ul.icons {
    position: absolute;
    list-style: none;
    right: 0px;
    padding: 0px;
    width: 50px;
    border: 1px solid #333;
    border-right: none;
    background: #111;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.dock.close ul.icons {
    right: -70px;
}

.dock ul.icons li i {
    display: block;
    position: relative;
    width: 50px;
    height: 50px;
    background: url(../images/icons.png) no-repeat;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    z-index: 210;
}

.dock ul.icons li:hover i {
    -moz-opacity: 0.4;
    opacity: 0.4;
}

.dock ul.icons li.up i {
    background-position: -63px -150px;
}

.dock ul.icons li.tel i {
    background-position: -62px -108px;
}

.dock ul.icons li.im i {
    background-position: -63px -20px;
}

.dock ul.icons li.wechat i {
    background-position: -59px -66px;
}

.dock ul.icons li.down i {
    background-position: -63px -190px;
}

.dock ul.icons li p {
    display: block;
    position: absolute;
    top: 50px;
    right: -260px;
    padding: 15px 20px;
    height: 120px;
    color: White;
    line-height: 30px;
    border: 1px solid #333;
    border-right: none;
    background: #111;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .4s ease-in-out .1s;
    -moz-transition: all .4s ease-in-out .1s;
    -ms-transition: all .4s ease-in-out .1s;
    -o-transition: all .4s ease-in-out .1s;
    transition: all .4s ease-in-out .1s;
    overflow: hidden;
    z-index: 201;
}

.dock ul.icons li:hover p {
    right: 50px;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}
.dock ul.icons li.tel{
    padding-top: 0 !important;
    float: none !important;
}
.dock ul.icons li.tel p {
    width: 100px;
}

.dock ul.icons li.im p {
    width: 115px;
}

.dock ul.icons li.im p a {
    display: block;
    margin-top: 12px;
    width: 100px;
    height: 35px;
    line-height: 32px;
    color: #00dfb9;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #00dfb9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.dock ul.icons li.im p a:hover {
    color: White;
    background: #0f8773;
    border: 1px solid #0f8773;
}

.dock ul.icons li.wechat p {
    width: 118px;
}

.dock ul.icons li.wechat p img {
    width: 115px;
    border: 2px solid White;
}

.dock a.switch {
    position: absolute;
    display: block;
    top: 270px;
    right: 11px;
    width: 26px;
    height: 26px;
    background: url(../images/icons.png) no-repeat 0px -640px;
    cursor: pointer;
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    -ms-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s;
    display: none;
}

.dock a.switch.off {
    background-position: -32px -640px;
}

.dock ul.icons li.up,.dock ul.icons li.down{display: none;}