@charset "utf-8";
*{margin: 0;padding: 0;font-family: "寰蒋闆呴粦",'Microsoft YaHei',Arial,"瀹嬩綋";}
body{margin: 0;font-size: 16px;background: #fff;}
img:focus,a:focus{outline: none !important;border: none;color: inherit;}
*:focus{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a img{border:none;}
a{color: inherit;}
ul,ul li,ol{list-style: none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
li{clear: unset !important;}
a{text-decoration: none;}
em{font-style: normal;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
.clearfix{}
.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;}

p{color: inherit;}

.main_width{width: 83.3%;margin: 0 auto;}
.index .fixLeft{display: none;}
.text-center{text-align: center;}
.b-550b00{background-color: #550b00;}
.b-fafafa{background-color: #fafafa;}
.b-fabe00{background-color: #fabe00;}
.mbg{background: linear-gradient(rgba(0,94,176,0.48) ,transparent);
    background: -ms-linear-gradient(rgba(0,94,176,0.48) ,transparent);
    background: -webkit-linear-gradient(rgba(0,94,176,0.48) ,transparent);}
.c-550b00{color: #550b00;}
.c-fabe00{color: #fabe00;}
.c-2a2a2a{color: #2a2a2a;}
.c-fda100{color: #fda100;}
.clear{clear: both;}
.clearfix:after{content: ""; display: block;clear: both;}
.fl{float: left;}
.fr{float: right;}

.mob{display: none;}

.main-w{width: 83.3%;margin: 0 auto;}
.w-100{width: 100%;}

.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}

.block{display: block;}
.i-block{display: inline-block;}
 
 .PD_tb_60{padding: 60px 0;}

.por-r{position: relative;}
.por-s{position: static;}
.por-a{position: absolute;}
.vam{display: inline-block;vertical-align: middle;}
.vat{display: inline-block;vertical-align: top;}
.text-u{text-transform: uppercase;}
.b-000{background-color: #000;}
.b-fff{background-color: #fff;}
.c-fff{color: #fff;}
.c-ffbf00{color: #ffbf00;}
.c-000{color: #000;}
.c-333{color: #333;}
.c-ccc{color: #ccc;}
.c-666{color: #666;}
.c-cf1017{color: #cf1017;}
.c-7bb74f{color: #7bb74f;}

.bold{font-weight: bold;}
.nbold{font-weight: normal;}
.italic{font-style: italic;}
.nitalic{font-style: normal;}

.f-0{font-size: 0;}
.f-12{font-size: 12px;}
.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: 1.2vw;}
.f-26{font-size: 1.3vw;}
.f-28{font-size: 1.4vw;}
.f-30{font-size: 1.5vw;}
.f-32{font-size: 1.6vw;}
.f-34{font-size: 1.7vw;}
.f-36{font-size: 1.8vw;}
.f-44{font-size: 2.2vw;}
.f-76{font-size: 76px;}

.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-60{margin-top: 3vw;}
.mt-70{margin-top: 3.5vw;}
.mt-80{margin-top: 4vw;}
.mt-100{margin-top: 5.2vw;}

#fixLeft{position: fixed;border-radius: 5px;bottom: 10vh;z-index: 2;right: 1.5vw;}
#fixLeft>div{text-align: center;width: 58px;height: 58px;}
#fixLeft .l2 {position: relative; display: block;margin-top: 10px;box-sizing:border-box;}
#fixLeft .l3{opacity: 1;margin-top: 10px;transition:.6s all ease;-ms-transition:.6s all ease;-webkit-transition:.6s all ease;}
#fixLeft a{display: block;width: 100%;height: 100%;border-radius: 3px;
background: url(../images/ewm2.png) #1369b6 center no-repeat;background-size: 48% auto;}
#fixLeft .l2 a{background-image: url(../images/ewm2.png);background-color: #fff;border: 1px solid #e6ecf1;}
#fixLeft .l3 a{background-image: url(../images/top.png);background-color: #fda100;}
#fixLeft img{margin: 0 auto;display: inline-block;max-width: 100%;} 
#fixLeft.ac .l3{opacity: 0;margin-top: 0; }
.index #fixLeft .l3{opacity: 0;margin-top: 0;}
#fixLeft.ac .l2,.index #fixLeft .l2{border-bottom: none;}
#fixLeft .l2 .ewm{position: absolute;width: 122px;right: -220px;top: -60px;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;}
#fixLeft .l2 .ewm img{width: 100%;}
#fixLeft .l2:hover .ewm{left: -150px;opacity: 1;}
.contact_R{bottom: calc(15vh + 90px);background: #fff; position: fixed;z-index: 2;right: 1.5vw;border: 1px solid #f4f5f8;padding: 1px;width: 58px;box-sizing:border-box;}
.contact_R div{text-align: center;}
.contact_R a{display: block;padding: 7px 0;}
.contact_R a:hover,.contact_R div.on a{color: #fff;background: #fabe00;}
@keyframes beat { 
  0%, 100% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.9, 1.1);
  }
  50% {
    transform: scale(1.1, 0.9);
  }
  75% {
    transform: scale(0.95, 1.05);
  }
}


@keyframes showIn{
    0%{opacity: 0;}
    50%{opacity: 1;}
    100%{opacity: 0;}
}

@-webkit-keyframes fadeOutUp {
    0%{
        opacity: 1;
        -webkit-transform: translate3d(0, 0px, 0px);
        -moz-transform: translate3d(0, 0px, 0px);
        -ms-transform:translate3d(0, 0px, 0px);
        transform: translate3d(0, 0px, 0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0px, -100%, 0px);
        -moz-transform: translate3d(0px, -100%, 0px);
        -ms-transform:translate3d(0px, -100%, 0px);
        transform: translate3d(0px, -100%, 0px);
    }
}

@keyframes fadeOutUp {
    0%{
        opacity: 1;
        -webkit-transform: translate3d(0, 0px, 0px);
        -moz-transform: translate3d(0, 0px, 0px);
        -ms-transform:translate3d(0, 0px, 0px);
        transform: translate3d(0, 0px, 0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0px, -100%, 0px);
        -moz-transform: translate3d(0px, -100%, 0px);
        -ms-transform:translate3d(0px, -100%, 0px);
        transform: translate3d(0px, -100%, 0px);
    }
}
.layui-layer{box-shadow: none !important;}
.mob{display: none;}
@media screen and (max-width: 1024px){
    .main_width,.main-w{width: 90%;}
}
@media screen and (max-width: 1440px){
    .f-18{font-size: 16px;}
    .f-16{font-size: 14px;}

}
@media screen and (max-width: 1250px){
    .f-18{font-size: 14px;}
    .f-16{font-size: 12px;}
    .f-24{font-size: 1.4vw;}
    .f-26{font-size: 1.6vw;}
    .f-28{font-size: 1.8vw;}
    .f-30{font-size: 2vw;}
}
@media screen and (max-width: 640px){
    body{font-size: 3.8vw;}
    .main-w{width: 94%;}
    #fixLeft{bottom: 16.5vh;display: none;}
    #fixLeft>div{width: 11vw;height: 11vw;}
    .mob{display: block;}
    .pc{display: none;}
    #fixLeft .l3{margin-top: 5px;}
    .contact_R{display: none;}

  .f-14, .fm-24{font-size: 12px;}
  .fm-26{font-size: 3.6vw;}
  .fm-28{font-size: 3.8vw;}
  .fm-30{font-size: 4vw;}
  .fm-32{font-size: 4.2vw;}
  .fm-34{font-size: 4.4vw;}
  .fm-36{font-size: 4.6vw;}
  .fm-44{font-size: 5.8vw;}
  .fm-76{font-size: 10.6vw;}

  .mt-100{margin-top: 6.3vw;}
  .mt-80{margin-top: 5.5vw;}
  .mt-70{margin-top: 5.3vw;}
  .mt-60{margin-top: 3vw;}
  .mt-50{margin-top: 6.6vw;}
  .mt-40{margin-top: 5.3vw;}
  .mt-30{margin-top: 4vw;}
  .mt-20{margin-top: 3vw;}
  .mt-10{margin-top: 1.3vw;}
  .PD_tb_60{padding: 8vw 0;}
}