@charset "utf-8";
body{
	font:12px/1.5 微软雅黑,tahoma,arial,\5b8b\4f53;
}
a:hover{
    cursor:pointer;
}

/* hd-main */
.hd-main{height:60px;background:#fff;z-index:15;border-bottom:#b3b3b3 1px solid;box-shadow:0 0 5px #bcbcbc}
.f-icon{background-image:url('../images/frame-icon.png');background-repeat:no-repeat}
.hd-main{padding:0 5px;height:49px;background:#252525;}
.hd-main .has-pulldown{cursor:pointer;position:relative;*z-index:10000}
.hd-main .pulldown{position:absolute;cursor:default;display:none;top:30px;left:0;z-index:99;}
.hd-main .pulldown .arrow{*margin-bottom:-1px;_margin-bottom:0;height:0;width:0;font-size:0;line-height:0;border-width:7px;border-style:solid;border-color:transparent transparent #F6F6F9 transparent;_filter:chroma(color=tomato);_border-color:tomato tomato #F6F6F9 tomato;position:relative;display:block;left:127px;z-index:2}
.hd-main .pulldown .content{background:#fff;color:#333;text-align:left;border-radius:0px 0px 3px 3px;border-width:0 1px 1px 1px;box-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;z-index:1}
.hd-main .pulldown-canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0)}
.hd-main .logo{height:36px;width:175px;float:left;margin-left:2em;background-position:0 0;margin-top:5px;display:inline}
.hd-main .logo img{width:100%;}
.common-product,.online-common-product,.phone-already-log{
    position:relative;
}

.common-product ul,.online-common-product ul,.phone-already-log ul{
    width:100%;
    height:auto !important;
    margin-top:-2px !important;
    display:none;
    float:none !important;
}

.common-product ul li,.online-common-product ul li,.phone-already-log ul li{
    text-align: left;
    padding: 0px 0em;
    text-indent:2em;
    border-bottom: #ccc 1px dashed;
}
.common-product ul li:last-child,.online-common-product ul li:last-child,.cphone-already-log ul li:last-child{border-bottom:0px;}
.common-product ul li:hover,.online-common-product ul li:hover{
    background:#fff;
}
/*.hd-main .info{margin-right:2em;}
.hd-main .info,.hd-main .info ul{height:32px;float:right;text-align:right;margin-top:3px;white-space:nowrap;margin-bottom:0px;}
.hd-main .info a{color:#333}
.hd-main .pc-show>a:hover{color:#2e7df6;text-decoration:underline}
.hd-main .info .info-i{padding:0 10px;margin:10px 0;display:inline-block;height:16px;color:#333;font-size:1.2em;}
.hd-main{padding:0 5px;height:49px;width:100%;background:#ffffff;position:fixed;top:0px;}
.hd-main .info .has-pulldown{padding-right:28px}
.hd-main .info .has-pulldown .pull-arrow{position:absolute;display:block;right:10px;top:5px;height:12px;width:12px;font-size:0;background-position:-89px -45px}*/


.hd-main .info{margin-right:2em;}
.hd-main .info,.hd-main .info ul{height:32px;float:right;text-align:right;margin-top:3px;white-space:nowrap;margin-bottom:0px;}
.hd-main .info a{color:#fff}
.hd-main .pc-show>a:hover{color:#fff;text-decoration:underline}
.hd-main .info .info-i{padding:0 10px;margin:10px 0;display:inline-block;height:16px;color:#fff;font-size:1.2em;}
.hd-main{padding:0 5px;height:49px;width:100%;background:#303b49;position:fixed;top:0px;}
.hd-main .info .has-pulldown .pull-arrow{position:absolute;display:block;right:-3px;top:5px;height:12px;width:12px;font-size:0;background-position: -89px -35px;}
.hd-main .info .has-pulldown  .user-center{
    margin-left:10px;
}
.hd-main .info .has-pulldown .pro-li-a a{
    color:#ff6c00; padding:0 8px;
}
.hd-main .info .has-pulldown .pro-li-a a:hover{
    text-decoration:underline
}

.hd-main .info .more-info{top:30px;left:auto;right:0px;width:270px}
.hd-main .info .service-info,.hd-main .info .log-info,.hd-main .info .online-service-info,{
    top:33px;left:auto;right:0px;width:270px
}

.hd-main .info .common-product .pull-arrow,.hd-main .info .online-common-product .pull-arrow{
    position: absolute;
    top: 10px;
    right: 10px;
    background-position: -89px -36px;
}

.hd-main .info .service-info .content,.hd-main .info .online-service-info .content,.hd-main .info .more-info .content{padding:0x;height:160px}
.hd-main .info .log-info .content{
    padding:0px;height:30px;
}
.hd-main .info .more{padding:0;display:inline;line-height:inherit;background:none}
.hd-main .info .service-info .content,.hd-main .info .online-service-info .content,.hd-main .info .log-info .content{
    width:270px;
}
.hd-main .info .more-info .content{height:180px;width:100%}
.hd-main .info .service-info .content a,.hd-main .info .online-service-info .content a{
    display:block;padding:0px 0.6em;height:30px;line-height:30px;color:#333;text-align: center;
}
.hd-main .info .log-info .content a{
    display:block;padding:0px 0.6em;height:30px;line-height:26px;color:#333;text-align: center;cursor:pointer;
}
.hd-main .info .service-info .content a:hover,.hd-main .info .online-service-info .content a:hover,.hd-main .info .log-info .content a:hover,.hd-main .info .more-info .content a:hover{color:#fff;text-decoration:none;background:#303b49}
.hd-main .info .service-info .pro-li,.hd-main .info .online-service-info .pro-li,.hd-main .info .log-info .pro-li{display:block;padding:0;height:30px}
.hd-main .info .log-info {
   top:30px; 
}
.hd-main .info .more-info .pro-li{display:block;padding:2px 0em;height:30px;line-height:26px;text-indent:1em;}
.hd-main .info .more-info .pro-li:nth-child(2n-1){
     background:#303b49;
     
}
.hd-main .info .more-info .pro-li:nth-child(2n-1) a{
    color: #fff
}
.hd-main .info .more-info .pro-li a{
    font-size:0.8em;
    display: block;
    width: 100%;
}
.hd-main .info .more-info .common-product,.hd-main .info .more-info .online-common-product,.hd-main .info .more-info .log-block{
    height:auto;
}
.pulldown>.content{
    height:auto !important;
}
.hd-main .info .more-info .pro-li:hover{background:#303b49;cursor:pointer; color: #fff}
.hd-main .info .service-info .separate-li,.hd-main .info .online-service-info .separate-li,.hd-main .info .log-info .separate-li,.hd-main .info .more-info .separate-li{display:block;margin:3px 11px;border-top:#EBEBEC 1px solid;border-bottom:#FFF 1px solid}
.hd-main .info .more-info{right: -2em;width: calc(100vw);}
.hd-main .info .more-info .arrow{left:94px;*left:-8px}
.hd-main .info .phone-show{display:none;}
.phone-already-log a,.already-log .content a{
    color: #2e7df6 !important;
    font-weight: bold;
}
.pc-show .user-center a,.phone-show .user-center a{
    color:#fff !important;
    font-weight:normal;
}
.copy-right {
    margin-left:-12%;
}
.qr-code{

    width: 180px;
}
@media only screen and (min-width: 1600px) and (max-width: 1920px) {
    .qr-code{

        width: 150px;
    }
}
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
    .qr-code{

        width: 150px;
    }
    .common-footer ul {
        padding: 0;
        width: 95%;
    }
    .copy-right {
        margin-left:0;
    }
    .contact-us p{
        text-align: right; 
    }
}
@media only screen and (max-width:640px) {
	.NavMenu{

        margin-top: -10px;
        border-radius:8px;
    }
    .hd-main .info a{color:#303b49}
    .hd-main .info .phone-show{display: block;}
    .hd-main .info .pc-show{display:none;}
    .hd-main .info .has-pulldown{
        padding-right:0px;
        padding-left:0px;
    }
    .hd-main .info .has-pulldown .pull-arrow{
        right:10px;
        color: #fff
    }
    .hd-main .info .more-info .pro-li-a a{
        float:right;
        width:auto;
        display:inline-block
    }
    .hd-main .info .has-pulldown .user-center a{
       border-top:1px solid #333
    }
    .hd-main .info .service-info .content a:hover, .hd-main .info .online-service-info .content a:hover, .hd-main .info .log-info .content a:hover, .hd-main .info .more-info .content a:hover{
        background: #303b49
    }
    .NavMenu img{width:100%;}
    .copy-right {
        margin-left:0%;
    }
    .qr-code{
        width: 150px;
        margin: 20px auto;
        display: block;
    }
    .common-footer>ul>li:nth-child(2)>p:first-child {
        margin-top:15px;
    }

}


/****footer*****/
li{list-style-type: none;}
ul{padding-left:0px;}

.common-footer {
    width:100%;
    position:relative;
    bottom:0px;
    padding:20px 10% 10px 13%;
    background:#303b49;
    margin-top:20px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}
.common-footer  ul{
    padding:0;
}
.common-footer  a:hover{
    text-decoration: underline;
    font-weight:bold;
}
.common-footer  p .footer-tit{font-weight: bold;margin-bottom:20px;font-size:1.4em;}
.common-footer  a,.common-footer  p{
    color:#fff;
    width: 100%;
    display: block;
    font-size:14px;
}
.contact-us p{
    text-align: left; 
}
.foot-product-list p{
	text-align: left;
}
.foot-product-list p a{
	width:auto;
	text-align: left;
	display: inline-block;
	margin-right:1em;
}
@media only screen and (width:414px) {
    .common-footer {
       padding: 0px 10px 10px !important;
    }
}

@media only screen and (max-width:640px) {
	.common-footer {
		position:inherit;
		padding:10px 5%;
	}
	.foot-product-list p a{
		margin-bottom: 1em;
		text-align: center;
		width:100%;
	}
	.foot-product-list p{
		margin-bottom:0px !important;
	}

	.common-footer  li{
        padding-bottom:0.2em;
        border-bottom:#fff 1px dashed;
    }
    .common-footer  li:last-child{
        border-bottom:0px;
        }
    .common-footer {
       padding: 0px 10px 54px;
    }
    .common-footer  a,.common-footer  p{
        font-size:12px;
        margin-bottom:1em;
    }
    .common-footer  li:nth-child(3) {
            text-align:center;
    }
    .common-footer  .footer-tit{
        margin:15px auto !important;
        text-align: center !important;
        font-size:1.1em;
    }
    .common-footer  ul {
        margin-bottom:0px
    }
    .hd-main .info .more-info {
        top:30px;
    }
}
#nb_icon_wrap{
    display: none !important;
}
#nb_invite_wrap {
display:none !important;
}