@charset "UTF-8";
/*reset*/
/*pc*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin:0;padding:0;}
body{
    background-color: #fff;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
body, button, input, select, textarea { font-size: 14px; font-family:microsoft yahei;color: #000; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; font-weight: normal; }
address,em{ font-style: normal ;}
ul, ol { list-style: none; }
fieldset, img { border: none; }
:focus { outline: 0 ;}
input { padding-top: 0; padding-bottom: 0; border: 0 none; outline-style: none; }
select, input, textarea { font-size: 12px; margin: 0; }
textarea { resize: none; }
table { border-collapse: collapse; }
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.clearfix { zoom: 1; }
p{font-size:14px;font-family:microsoft yahei;}
span{font-family:microsoft yahei;}
a{text-decoration: none;color:#fff;}
a:hover {text-decoration: none;color:#fff;}
.ie-noscript-warning{color:#ff2832;}
.fll{float: left;}
.flr{float: right;}
.abs{position: absolute;}
.rel{position:relative;}
/*mobile*/
/* 禁用iPhone中Safari的字号自动调整 */
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
/* 去除iPhone中默认的input样式 */
input[type="submit"], input[type="reset"], input[type="button"], input { -webkit-appearance: none;resize: none;}
/* 取消链接高亮  */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* 图片自适应 */
img {
    display: inline-block;
    vertical-align: middle;
    border: none;
    width: 100%;
    -ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/
}

.pct50{width: 50%!important;}
.pct25{width: 25%!important;}
.theEmpty{text-indent:20px;color:#777;padding-top:14px;}


/*-----------------------------------------------------------------------------------------------------*/
/*headerCurrent*/
.headerCurrent{width: 100%;height: 100px;background-color: #ffffff;}
.headerCurrent .content{width: 1200px;height: 100%;margin:0 auto;}
.headerCurrent h1{float: left;}
.headerCurrent h1 a{display:block;width: 308px;height: 84px;background: url(../images/logo1.png) 0 0 no-repeat;text-indent: -9999px;}
.headerCurrent .contact{float: right;height: 26px;margin-top: 54px;}
.headerCurrent .contact ul li{display:inline-block;}
.headerCurrent .contact ul li a{display:block;width: 26px;height: 26px;margin-left: 10px;position: relative;}
.headerCurrent .contact ul li a span{position: absolute;z-index: 9999;display:none;left:50%;top:37px;cursor: default;}
.headerCurrent .contact ul li a.mobile span{width: 102px;height: 46px;margin-left: -50px;background: url(../images/mobileNum.png) 0 0 no-repeat;}
.headerCurrent .contact ul li a.wechat span{width: 164px;height: 103px;margin-left: -82px;background: url(../images/wx.png) 0 0 no-repeat;}
.headerCurrent .contact ul li a.official span{width: 164px;height: 103px;margin-left: -147px;background: url(../images/gzh.png) 0 0 no-repeat;top:36px;}
.headerCurrent .contact ul li a.service span{width: 121px;height: 90px;margin-left: -60px;background: url(../images/phoneNum.png) 0 0 no-repeat;display:none;}
.headerCurrent .contact ul li a.service form{position: absolute;width: 119px;height: 44px;left:50%;margin-left: -60px;background-color: #fff;top:82px;z-index: 10000;border-left: 1px solid #333;border-right: 1px solid #333;display:none;}
.headerCurrent .contact ul li a.service form .submit{height: 21px;display:block;width: 100%;cursor:pointer;background-color: #333;color:#fff;}
.headerCurrent .contact ul li a.service form .type{width: 104px;padding-left: 5px;height: 18px;border: 1px solid #333;margin:0 5px 4px;}
.headerCurrent .nav{float: right;height: 18px;height: 26px;margin-top: 54px;}
.headerCurrent .nav ul li{display:inline-block;border-left: 1px solid #333333;position: relative;}
.headerCurrent .nav ul li:first-child{border: 0 none;}
.headerCurrent .nav ul li a{display:block;height: 18px;padding:0 22px;font-size: 16px;color:#333333;line-height: 18px;text-align: center;
-webkit-transition: color .5s ease;
   -moz-transition: color .5s ease;
    -ms-transition: color .5s ease;
     -o-transition: color .5s ease;
        transition: color .5s ease;
}
.headerCurrent .nav ul li a:hover,.headerCurrent .nav ul li a.current{color:#a72037;}
.headerCurrent .nav ul li i{position: absolute;width: 0;height: 0;border-width: 8px;border-style: dashed dashed solid dashed;border-color:transparent transparent #a72037 transparent;left:50%;margin-left: -8px;bottom:-12px;display:none;}
.headerCurrent .nav ul li i.current{display:block;}

@media only screen and (max-width:1300px){
    .headerCurrent .content{width: 1100px;}
}
@media only screen and (max-width:1200px){
    .headerCurrent h1{margin-left: 30px;}
    .headerCurrent .content{width: 100%;}
    .headerCurrent .contact{display:none;}
    .headerCurrent .nav{margin-right: 30px;}
}
@media only screen and (max-width:1000px){
    .headerCurrent .nav ul li a{padding:0 15px;}
}
@media only screen and (max-width:900px){
    .headerCurrent .nav{margin-right: 20px;}
}
@media only screen and (max-width:850px){
    .headerCurrent{display:none;}
}


/*header*/
.header{width: 100%;height: 65px;background: url(../images/headerBg.png) 0 0 repeat;position:fixed;left:0;top:0;z-index: 10000;display:none;}
.header .content{width: 1200px;height: 100%;margin:0 auto;}
.header h1{float: left;}
.header h1 a{display:block;width: 308px;height: 65px;background: url(../images/logo.png) left bottom no-repeat;text-indent: -9999px;}
.header .contact{float: right;height: 26px;margin-top: 23px;}
.header .contact ul li{display:inline-block;}
.header .contact ul li a{display:block;width: 26px;height: 26px;margin-left: 10px;position: relative;}
.header .contact ul li a span{position: absolute;z-index: 9999;display:none;left:50%;top:32px;cursor: default;}
.header .contact ul li a.mobile span{width: 101px;height: 44px;margin-left: -50px;background: url(../images/mobileNum.png) 0 0 no-repeat;}
.header .contact ul li a.wechat span{width: 164px;height: 103px;margin-left: -82px;background: url(../images/wx.png) 0 0 no-repeat;}
.header .contact ul li a.official span{width: 164px;height: 103px;margin-left: -82px;background: url(../images/gzh.png) 0 0 no-repeat;}
.header .contact ul li a.service span{width: 121px;height: 90px;margin-left: -60px;background: url(../images/phoneNum.png) 0 0 no-repeat;display:none;}
.header .contact ul li a.service form{position: absolute;width: 119px;height: 44px;left:50%;margin-left: -60px;background-color: #fff;top:76px;z-index: 10000;border-left: 1px solid #333;border-right: 1px solid #333;display:none;}
.header .contact ul li a.service form .submit{height: 21px;display:block;width: 100%;cursor:pointer;background-color: #333;color:#fff;}
.header .contact ul li a.service form .type{width: 104px;padding-left: 5px;height: 18px;border: 1px solid #333;margin:0 5px 4px;}
.header .nav{float: right;height: 18px;height: 26px;margin-top: 26px;}
.header .nav ul li{display:inline-block;border-left: 1px solid #dcdddd;position: relative;}
.header .nav ul li:first-child{border: 0 none;}
.header .nav ul li a{display:block;height: 18px;padding:0 22px;font-size: 16px;color:#dcdddd;line-height: 18px;text-align: center;
-webkit-transition: color .5s ease;
   -moz-transition: color .5s ease;
    -ms-transition: color .5s ease;
     -o-transition: color .5s ease;
        transition: color .5s ease;
}
.header .nav ul li a:hover,.header .nav ul li a.current{color:#a72037;}
.header .nav ul li i{position: absolute;width: 0;height: 0;border-width: 8px;border-style: dashed dashed solid dashed;border-color:transparent transparent #a72037 transparent;left:50%;margin-left: -8px;bottom:-12px;display:none;}
.header .nav ul li i.current{display:block;}
.header a#button{display:none;}

@media only screen and (max-width:1300px){
    .header .content{width: 1100px;}
}
@media only screen and (max-width:1200px){
    .header h1{margin-left: 30px;}
    .header .content{width: 100%;}
    .header .contact{display:none;}
    .header .nav{margin-right: 30px;}
}
@media only screen and (max-width:1000px){
    .header .nav ul li a{padding:0 15px;}
}
@media only screen and (max-width:900px){
    .header .nav{margin-right: 20px;}
}
@media only screen and (max-width:850px){
    .header{display:block!important;position:fixed!important;top:0!important;height: 50px!important;}
    .header h1{margin-left: 0;}
    .header h1 a{width: 222px;height: 50px;background: none;position: relative;}
    .header h1 a:before{position: absolute;content:'';width: 222px;height: 50px;left:0;top:0;background: url(../images/sslogo.png) 0 0 no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -ms-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }

    .header .nav{display:none;}
    .header a#button{display:block;float: right;width: 60px;height: 50px;position: relative;}
    .header a#button:before{position: absolute;content: '';width: 40px;height: 40px;background: url(../images/a-button.png) center center no-repeat;
        left:50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -ms-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
}



/*footer*/
.footer{width: 100%;background: url(../images/headerBg.png) 0 0 repeat;padding:35px 0;}
.footer .content{width: 800px;height: auto;margin:0 auto;color:#898989;}
.footer .content p{font-size: 14px;line-height: 32px;text-align: center;}
.footer .content p a{color:#898989;}
.footer .nav{height: 60px;border:1px solid #898989;text-align: center;}
.footer .nav a,.footer .nav span{display:inline-block;color:#898989;}
.footer .nav .top h2{display:inline-block;}
.footer .nav .top a{font-size: 16px;line-height: 32px;}
.footer .nav .top span{font-size: 16px;padding:0 3px;}
.footer .nav .bottom a{font-size: 14px;line-height: 24px;cursor:default;}
.footer .nav .bottom span{font-size: 14px;padding:0 5px;}
.footer .ss-content{display:none;}

@media only screen and (max-width:1200px){
    .footer{width: 100%;background-color: #000;padding:20px 0;}
    .footer .content{display:none;}
    .footer .ss-content{display:block;}
    .footer .contact ul{text-align: center;}
    .footer .contact ul li{display:inline-block;}
    .footer .contact ul li a{display:inline-block;width: 47px;height: 47px;margin:0 11px;}
    .footer .contact ul li a.service{background: url(../images/c1111.png) 0 0 no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -ms-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
    .footer .contact ul li a.qq{background: url(../images/c2222.png) 0 0 no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -ms-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
    .footer .contact ul li a.wechat{background: url(../images/c3333.png) 0 0 no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -ms-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
    .footer .contact ul li a.mobile{background: url(../images/c4444.png) 0 0 no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -ms-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
    .footer .contact ul li a.official{background: url(../images/c5555.png) 0 0 no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -ms-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
    .footer .ss-content p{font-size: 17px;color:#898989;text-align: center;line-height: 30px;padding-top: 10px;}
    .footer .ss-content p a{color:#898989;}
    .footer .ss-content .form{ width: 200px;margin: 50px auto 0;background: url() 0 0 no-repeat;}
    .footer .ss-content .form p{color:#000;font-size: 16px;line-height: 24px;padding:0;text-align: center;}
    .footer .ss-content .form input.num{display: block;width: 198px;border: 1px solid #000;font-size: 16px;height: 36px;line-height: 36px;text-indent: 10px;margin:10px auto 0;}
    .footer .ss-content .form input.submit{display: block;width: 200px;font-size: 16px;height: 36;line-height: 36px;margin-top: 10px;text-align: center;background: #000;color:#fff;}
    
    .footer .contact ul li .popup{width: 250px;height: 240px;background-color: #fff;position:fixed;left: 50%;top:50%;margin-left: -125px;margin-top: -120px;z-index: 10003;display:none;}
    .footer .contact ul li .popup .close{position: absolute;width: 20px;height: 20px;background: url(../images/blackclose.png) 0 0 no-repeat;right:5px;top:5px;z-index: 10004;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -ms-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
    .footer .contact ul li .popup .cnt{width: 250px;height: 120px;margin-top: 50px;display: none;position: relative;}
    .footer .contact ul li .popup .show{display: block;}
    .footer .contact ul li .popup .cnt img{width:120px;border:0 none;}
    .footer .contact ul li .popup .cnt span.arrow-right{position: absolute;right:0;top:50%;margin-top: -25px;}
    .footer .contact ul li .popup .cnt span.arrow-left{position: absolute;right:auto;left: 0;top:50%;margin-top: -25px;}
    .footer .contact ul li .popup .cnt span img{width: 50px;height: 50px;}
	
	



}
@media only screen and (max-width:500px){
    .footer{padding:10px 0;}
    .footer .ss-content p{padding:5px 20px 0;font-size: 14px;line-height: 18px;}
    .footer .contact ul li a{width: 40px;height: 40px;}
}
@media only screen and (max-width:400px){
    .footer .contact ul li a{margin:0 6px;}
}



/*#shade*/
#shade{width: 100%;height: 100%;z-index: 10002;background-color: #000;opacity: 0.4;filter:alpha(opacity=40);position:fixed;left:0;top:0;display:none;}



/*fixedBar*/
.fixedBar{position:fixed;height: 150px;width: 44px;bottom:20%;right:2%;z-index:11000;display:none;}
.fixedBar ul li a{display:block;width: 44px;height: 44px;margin-bottom: 6px;z-index: 2;
-webkit-transition: all .8s ease;
   -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
     -o-transition: all .8s ease;
        transition: all .8s ease;
}
.fixedBar ul li a:hover{
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
     -o-transform: rotateY(360deg);
        transform: rotateY(360deg);
}
@media only screen and (max-width:850px){
    .fixedBar{display:none!important;}
}

/*rightsideNav*/
#rightsideNav{display:none;}

@media only screen and (max-width:850px){
    html,body{height: 100%;}

    #rightsideNav{display:block;background-color: #323232;position:fixed; top:0; right:-195px;height:100%; padding-bottom: 500px;width:195px; z-index:10001;overflow-x: hidden;
    -webkit-transition:all 300ms ease-in-out;
       -moz-transition:all 300ms ease-in-out;
        -ms-transition:all 300ms ease-in-out;
         -o-transition:all 300ms ease-in-out;
            transition:all 300ms ease-in-out;
    }
    #rightsideNav .inside{
        overflow-y: scroll!important;height: 100%;padding-top: 50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }
    #rightsideNav.open{
        -webkit-transform: translate3d(-195px, 0, 0);
        -moz-transform: translate3d(-195px, 0, 0);
        -ms-transform: translate3d(-195px, 0, 0);
        -o-transform: translate3d(-195px, 0, 0);
        transform: translate3d(-195px, 0, 0);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        -moz-perspective: 1000;
        -ms-perspective: 1000;
        -o-perspective: 1000;
        perspective: 1000;
    }
    #bigBox{
        margin-top: 50px;
    }
    .header,#bigBox,a#button,.header h1{
        -webkit-transition:all 300ms ease-in-out;
           -moz-transition:all 300ms ease-in-out;
            -ms-transition:all 300ms ease-in-out;
             -o-transition:all 300ms ease-in-out;
                transition:all 300ms ease-in-out;
    }
    .header h1.open{
        display:none;
    }
    a#button.open{
        width: 120px;
        height: 50px;
    }
    a#button.open:before{width: 115px;height: 26px;
        background: url(../images/fhzh2x.png) center center no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -ms-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
    .header.open,#bigBox.open{
        -webkit-transform: translate3d(-195px, 0, 0);
        -moz-transform: translate3d(-195px, 0, 0);
        -ms-transform: translate3d(-195px, 0, 0);
        -o-transform: translate3d(-195px, 0, 0);
        transform: translate3d(-195px, 0, 0);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        -moz-perspective: 1000;
        -ms-perspective: 1000;
        -o-perspective: 1000;
        perspective: 1000;
    }

    #rightsideNav .close{height: 50px;width: 195px;text-align: right;position: absolute;left:0;top:0;z-index: 10002;background-color: #323232;}
    #rightsideNav .close a{display:inline-block;width: 56px;height: 50px;position: relative;}
    #rightsideNav .close a:before{position: absolute;content:'';width: 23px;height: 23px;background: url(../images/close.png) 0 0 no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -ms-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        left:50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

    #rightsideNav .nav ul li a{display:block;width: 180px;height: 45px;line-height: 45px;font-size: 14px;padding-left: 15px;color:#c9caca;}
    #rightsideNav .nav ul li a.current{background-color: #a72037;}
    #rightsideNav .info{margin-top: 20px;margin-bottom: 20px;}
    #rightsideNav .info ul li{padding:3px 5px;margin:0 15px 5px;border: 1px solid #898989;height:auto;text-align: center;font-size: 12px;color:#898989;}
    #rightsideNav .info ul li.copy{color:#c9caca;border: 1px solid #c9caca;margin-bottom: 15px;font-size: 14px;cursor:pointer;}
}

/*1223*/
#navShade{
    width: 100%;height: 100%;z-index: 10002;background-color: #000;opacity: 0.4;filter:alpha(opacity=40);position:absolute;left:0;top:0px;display:none;
}