@charset "utf-8";
body{
	font:12px/1.5 微软雅黑,tahoma,arial,\5b8b\4f53;
}
a:hover{
    cursor:pointer;
}
.zjtx {
    text-align: center;
    line-height: 16px;
    display: inline-block;
    background: #c51418;
    height: 38px;
    color: #fff;
    width: 170px;
    padding: 0px 6px 0px 0px;
    margin-top: 5px;
    float:left;
}
.szmy {
    text-align: center;
    line-height: 16px;
    display: inline-block;
    background: #c51418;
    height: 38px;
    color: #fff;
    width: 93px;
    padding: 0px 4px 0px 3px;
    margin-top: 5px;
    margin-left:10px; 
    float:left;

}
.ushot{
    width:82px;
}
.ushot a{
    color:#fff
}
.info{
    position:absolute;
    top:0;right:0;
}

.ad1000{
    font-size:1.4em;
    text-align: center;
    line-height: 16px;
    display: inline-block;
    height: 36px;
    color: #fff;
    padding: 0px 4px 0px 3px;
     margin-top:15px;
    margin-left:10px; 
}
.ad1000 a{
    /*color:#ff6c00*/
     color:#ff6c00;
     font-weight:bold
}
.ad1000 i{
    display:none
}
.ad1000min{
    display:inline-grid;
    font-size:1em;
    margin-top:5px;
}
/* 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:rgb(175,175,175) 1px solid;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:1em;background-position:0 0;margin-top:2px;display:inline;margin-right: 10px;}
.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:42px;float:right;text-align:right;white-space:nowrap;margin-bottom:0px;}
.hd-main .info a{color:#fff}
.hd-main .info .no-log a{ margin-left: 20px }
.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:50px;width:100%;background:#031984;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 .serviceInfoen .content a{
    text-align: left;
}
.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:#031984}
.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:#031984;
     
}
.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: #031984;cursor:pointer; color: #303b49}
.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: 120px;
}
/****footer*****/
li{list-style-type: none;}
ul{padding-left:0px;}

.common-footer {
    width:100%;
    /*position:relative;
    z-index:2;
    bottom:0px;*/
    padding:20px 15% 10px 25%;
    background:#f5f5f5;
    margin-top:20px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*border-top:1px solid #ccc*/
}
.common-footer  ul{
    padding:0;
    margin:0;
}
.common-footer  ul li{
    position:static;
}
.common-footer  ul.footerlist li{
    position:static;
    float: left;
	text-align:left;
    width: 25%
}
.common-footer ul.footerlist li:last-child {
    width: 10%;
  }
.common-footer  a:hover{
    text-decoration: underline;
  
}
.common-footer  p .footer-tit{font-weight: bold;margin-bottom:20px;font-size:1.4em;}
.common-footer  a,.common-footer  p{
    color:#626262;
	text-decoration:none;
    width: 100%;
    /*display: block;*/
    font-size:13px;
    margin:0 0 2px
}
.contact-us p{
    text-align: left; 
}
.contact-us p span{
    margin-right:50px
}
.foot-product-list p,.foot-product-list h2{
	text-align: left;
    font-size:14px;
   
 }
.foot-product-list h2 {
     margin:5px 0 0;
     font-weight:500;
     line-height:18px
}
.foot-product-list p a,.foot-product-list h2 a{
	width:auto;
	text-align: left;
	display: inline-block;
	margin-right:0.5em;
}
.foot-product-list p i,.foot-product-list h2 i{
    margin-right:0.5em
}
@media only screen and (min-width: 1600px) and (max-width: 1920px) {
    .qr-code{

        width: 100px;
    }
    .foot-product-list {
        width:30%;
    }
    .common-footer {
        padding: 20px 0% 10px 10% !important;
    }
    .common-footer ul {
       width:100%;     
    }
    .col-md-3 {
        width: 28% !important;
        padding: 0px;
    }
    .contact-us {
        /*width: 10% !important;*/
    }
    
}
@media only  screen and (max-width:1280px){
.qr-code {
  width: 90px;
}
.contact-us p span {
  margin-right: 10px;
}
.common-footer ul.footerlist li {
  position: static;
  float: left;
  width: 30%;
}
}
.common-footer ul.footerlist li:nth-child(4){
        width:15%
    }
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
    .qr-code{

        width: 130px;
    }
    .common-footer ul {
        padding: 0;
        width: 95%;
    }
    .copy-right {
        margin-left:0;
    }
    .contact-us p{
        text-align: right; 
    }
    .foot-product-list {
        width:30%;
    }
    .common-footer {
        padding: 20px 0% 10px 10% !important;
    }
    .common-footer ul {
       width:100%;     
       margin-bottom:15px;
    }
    .col-md-3 {
        width: 29% !important;
        padding: 0px;
    }
    .contact-us {
        /*width: 10% !important;*/
    }
    .hd-main .logo{
        margin-left:0;
        width:165px;
    }
    .hd-main .info{
        margin-right:0
    }
    .hd-main .info .info-i{
        padding:0 5px;
    }
    .hd-main .info .service-name{
        margin-right:10px
    }
    .hd-main .info .has-pulldown .pull-arrow{
        right:-6px;
    }
    .ad1000{
        font-size:1em;
        margin-top:5px;
        margin-left:0;
        display:inline-grid
    }
    .common-footer ul.footerlist li:nth-child(4){
        width:18%
    }
    .common-footer ul.footerlist li:last-child{
        width:12%
    }
    .contact-us p span{
        margin-right:50px
    }
}
@media only screen and (max-width:640px) {
	.NavMenu{
        margin-right:5px;
        margin-top: -3px;
        border-radius:8px;
    }
    .hd-main .info .no-log a{ margin-left:0}
    .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: #031984;
        color:#fff
    }
    .hd-main .pulldown .content{
        border:0 none
    }
    .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;
    }
    .common-footer ul.footerlist li{
        width:100%
    }
}



@media only screen and (width:414px) {
    .common-footer {
       padding: 0px 10px 10px !important;
    }
}

@media only screen and (max-width:640px) {
.zjtx {
    text-align: center;
    line-height: 15px;
    display: inline-block;
    background: #c51418;
    height: 36px;
    color: #fff;
    width: 125px;
    padding: 3px 4px 0px;
    margin-top: 5px;
    float: left;
    font-size: 9px;
    margin-left:3px;
    margin-bottom:0.7em;
    position:absolute;
    top:50px;
    left:18px
}

.szmy {
    text-align: center;
    line-height: 15px;
    display: inline-block;
    background: #c51418;
    height: 36px;
    color: #fff;
    width:92px;
    margin-left: 7px;
    padding: 3px 4px 0px;
    margin-top: 5px;
    float: left;
    font-size: 9px;
    margin-bottom:0.7em;
    position:absolute;
    top:50px;
    left:158px
}
.ushot{
    /*display:block*/
    position:absolute;
    top:50px;
    left:270px
}
     .ad1000{
        display:inline-table;
        font-size:1em;
        width:18em;
        padding:5px 0;
        margin:0;
        height:auto;
        width:100%;
        color:#000;
        background:#f2f3f5; /*#f2f3f5*/
    }
      .ad1000 i{
            display:block;
          color:#ff0000;
         font-size:1.2em;
          float:right;
          padding:2px 10px;
      }
      .ad1000min{
          display:inline-grid;
          width:18em;
          padding:0;
          color:#fff;
          background:transparent
      }
      .hd-main{
          padding:0;
          position:relative
      }
.hd-main .logo img {
    width: 100%;
    height: 24px;
    margin-top: 7px;
}
   .hd-main .logo{
        margin-left:5px;
        height: 36px;
        width: 100px;
    }
    .hd-main .info {
        margin-right:0em;
    }
        .hd-main .info .more-info {
            right:0em;
        }
	.common-footer {
		position:inherit;
		padding:10px 5%;
	}
	.foot-product-list p a{
		margin-bottom: 1em;
		text-align: center;
		width:100%;
        margin-left:0px !important;
        margin-right:0;
	}
	.foot-product-list p{
		margin-bottom:0px !important;
	}
        .foot-product-list p i {
            display:none;
        }
	.common-footer  li{
        padding-bottom:0.2em;
        border-bottom:#ccc 1px dashed;
    }
    .common-footer  li:last-child{
        border-bottom:0px;
        }
    .common-footer {
       padding: 20px 10px 54px;
    }
    .phone-already-log .user-center a {
        color:#333 !important;
    }
    .common-footer  a,.common-footer  p{
        font-size:12px;
        margin-bottom:1em;
        text-align: center;
    }
    .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;
        margin:0;
    }
    .hd-main .info .more-info {
        top:28px;
    }
    .common-footer ul:first-child li{
        width:100%;
        padding:0;
        border-bottom:0
    }
    .common-footer>ul:first-child>li>p:first-child{
        margin-top:15px
    }
    .common-footer ul:first-child li:last-child{
        width:100%
    }
}
@media only screen and (min-width: 320px) and (max-width: 380px) {

    .szmy{
        left:40% !important
    }
    .ushot{
        left:68% !important
    }
}
#nb_icon_wrap{
    display: none !important;
}
#nb_invite_wrap {
display:none !important;
}