@charset "utf-8";
html{font-family: Arial,"微软雅黑",'Microsoft YaHei',"宋体";}
*{margin: 0;padding: 0;}
body{margin: 0;background: #fff;line-height: 1.5;font-size: 16px;color: #333333;}
img:focus,a:focus,img:active,a:active{outline: none !important;border: none;}
*:focus{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a img{border:none;}
a{color: inherit;text-decoration: none;}
ul,ul li,ol{list-style: none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
li{clear: unset !important;}
p{color: inherit;}

.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}

.clearfix:after{content: ""; display: block;clear: both;}
input,textarea{ -webkit-appearance: none;border-radius:0;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px transparent inset !important; outline:none;background-color: transparent;}  
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color: transparent;}
select::-ms-expand { display: none; }.switch::-ms-expand { display: none; }
select{appearance: none;-moz-appearance:button;-webkit-appearance: none;-ms-progress-appearance: none;}
::-webkit-input-placeholder { /* WebKit browsers */
  color: #6f6f6f;
  font-size: inherit;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #6f6f6f;
  font-size: inherit;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #6f6f6f;
  font-size: inherit;
}

.main_width{width: 73.9%;margin: 0 auto;}
.w1200{width: 1200px;max-width: 85.4%;margin: 0 auto;}
.text-center{text-align: center;}
.bold{font-weight: bold;}
.block{display: block;}
.por-r{position: relative;}
.por-s{position: static;}
.por-a{position: absolute;}

.b-f7f7f7{background-color: #f7f7f7;}
.b-f5f5f5{background-color: #f5f5f5;}
.b-fff{background-color: #fff;}
.b-c9062c{background-color: #c9062c;}
.c-858585{color: #858585;}
.c-20202a{color: #20202a;}
.c-727276{color: #727276;}
.c-5abc1a{color: #5abc1a;}
.c-4c4c4c{color: #4c4c4c;}
.c-343434{color: #343434;}

.c-fff{color: #fff;}
.ceng{position: fixed;width: 100%;right: 0;top: 0;background-color: #fff;opacity: 0.8; height: 100%;z-index: 3;display: none;}

.f-0{font-size: 0;}
.f-14{font-size: 14px;}
.f-16{font-size: 16px;}
.f-18{font-size: 18px;}
.f-20{font-size: 20px;}
.f-22{font-size: 22px;}
.f-24{font-size: 24px;}
.f-26{font-size: 26px;}
.f-28{font-size: 28px;}
.f-30{font-size: 30px;}
.f-36{font-size: 1.8vw;}
.f-60{font-size: 3vw;}
.mt-100{margin-top: 5.2vw;}
.mt-80{margin-top: 4vw;}
.mt-60{margin-top: 3vw;}
.mt-50{margin-top: 2.6vw;}
.mt-40{margin-top: 2vw;}
.mt-30{margin-top: 30px;}
.mt-20{margin-top: 20px;}
.mt-10{margin-top: 10px;}
.p_TB_50{padding: 2.6vw 0;}

.vam{vertical-align: middle;display: inline-block;}
.vat{vertical-align: top;display: inline-block;}

#bottom-btn{color: #fff;font-size: 20px;line-height: 41px;}
#bottom-btn p{display: inline-block;vertical-align: middle;}
#bottom-btn>div{display: inline-block;width: 41px;height: 41px;vertical-align: middle;float: right;}
#bottom-btn a{display: block;width: 100%;height: 100%;border-radius: 50%;background: center no-repeat;display: block;
  transition:.6s all ease;-ms-transition:.6s all ease;-webkit-transition:.6s all ease;}
#bottom-btn .l1 a{background-image: url(../images/weibo.png);}
#bottom-btn .l1 {position: relative;}
#bottom-btn .l1 .ewm{position: absolute;width: 122px;left: -47px;bottom: 100px;opacity: 0;pointer-events: none;font-size: 14px;padding: 5px;
    transition:.6s all ease;-ms-transition:.6s all ease;-webkit-transition:.6s all ease;border-radius: 5px;border: 1px solid #ccc;background: #fff;}
#bottom-btn .l3{width: 86px;}
#bottom-btn .l1 .ewm img{width: 100%;}
#bottom-btn .l1:hover .ewm{bottom: 60px;opacity: 1;}
#bottom-btn .l2 a{background-image: url(../images/qq.png);}
#bottom-btn .l3 a{background-image: url(../images/we-chat.png);}

.mob{display: none;}

@keyframes serviceani { 
  0% {
    right: -130px;
  }
  50% {
    right: 15px;
  }
  100% {
    right: 10px;
  }
}


#service {
    width: 6.7vw; 
    position: fixed;
    right: 10px;
    top: auto;
    bottom: 50px;
    z-index: 6;
    text-align: center;
    display: block;
    color: #fff;
    transition:.6s all ease;-ms-transition:.6s all ease;-webkit-transition:.6s all ease;
    -webkit-animation: serviceani 2s 1;
    -o-animation: serviceani 2s 1;
    animation: serviceani 2s  1;
}
#service img{display: block;max-width: 100%;}
/*提示气泡*/
.login-tip{display: none; width: 260px;line-height: 1.8; position: fixed;top: 50%;margin-top: -50px;padding: 20px;text-align: center;background: #fff;
    border-radius: 6px;left: 50%;margin-left: -130px;border: 1px solid #ccc;box-sizing: border-box;color: #777;}

@media screen and (min-width: 1250px){
  #service:hover{
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px);
  }
}
@media screen and (max-width: 1440px){
  .f-24{font-size: 20px;}
  .f-26{font-size: 22px;}
  .f-28{font-size: 24px;}
  .f-30{font-size: 26px;}
  .f-36{font-size: 24px;}
  .f-60{font-size: 30px;}
}
@media screen and (max-width: 1100px){
    .main_width{width: 90%;}
    .p_TB_50{padding: 40px 0;}
}
@media screen and (max-width: 640px){
    body{font-size: 3.8vw;}
    .pc{display: none;}
    .mob{display: block;}
    #bottom-btn{padding-bottom: 4.8vw;}
    #bottom-btn a{background-size: 70% auto;}
    #bottom-btn>div{width: 8vw;height: 8vw;}
    #bottom-btn>div{margin: 0 2.4vw;}

    .f-16{font-size: 3.8vw;}
    .f-18{font-size: 4vw;}
    .f-20{font-size: 4.2vw;}
    .f-22{font-size: 4.4vw;}
    .f-24{font-size: 4.6vw;}
    .f-26{font-size: 4.8vw;}
    .f-30{font-size: 5vw;}
    .f-60{font-size: 7vw;}
    .mt-80{margin-top: 10vw;}
    .p_TB_50{padding: 8vw 0;}


    #service {width: 14vw;right: 10px !important;-webkit-animation: none;
    -o-animation: none;
    animation: none;bottom: 34vw;}

}