@charset "utf-8";
@font-face{
     font-family: 'Impact'; 
     src: url('../fonts/Impact.ttf');
}
html{font-family: "寰蒋闆呴粦",'Microsoft YaHei',Arial,"瀹嬩綋";}
*{margin: 0;padding: 0;}
body{margin: 0;background: #fff;overflow-x: hidden;}
img:focus,a:focus,img:active,a:active{outline: none !important;border: transparent;}
*: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;}
em,i{font-style: normal;}
li{clear: unset !important;}
p{color: inherit;}
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 {color: #838383;font-size: inherit;}
::-moz-placeholder {color: #838383;font-size: inherit;}
:-ms-input-placeholder {color: #838383;font-size: inherit;}

.clear{clear: both;}
.clearfix:after{content: ""; display: block;clear: both;}
.fl{float: left;}
.fr{float: right;}

.en{font-family: Arial;}

.main-w{width: 81.2%;margin: 0 auto;}
.w1200{width: 1200px;max-width: 100%; margin: 0 auto;}
.w-100{width: 100%;}
.h-100{height: 100%;}

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

/*瀵归綈鏂瑰紡*/
.flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }
.flex0 { flex-shrink: 0; }
.flex1 { flex: 1; }
.flex-wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.flex-Y-top { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; align-items: flex-start; }
.flex-Y-center { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.flex-Y-bottom { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; }
.flex-X-center { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; }
.flex_dj { display: flex; justify-content: space-between;  box-sizing: border-box; flex-wrap: wrap; align-content: flex-start; }
.flex_dh { display: flex; justify-content: space-around;  box-sizing: border-box; flex-wrap: wrap; align-content: flex-start; }
.flex-col{-webkit-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
.flex-row-res{-moz-flex-direction: row-reverse;-ms-flex-direction: row-reverse;-o-flex-direction: row-reverse;-webkit-flex-direction: row-reverse;flex-direction: row-reverse;}

.block{display: block;}
.i-block{display: inline-block;}
.font-over1 { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.font-over2 {line-height: 1.8;max-height: 3.6em;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.font-over3 {line-height: 1.8;max-height: 5.4em;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.font-over4 {line-height: 1.8;max-height: 7.2em;display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.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;}
.vab{display: inline-block;vertical-align: bottom;}
.vam-box:before{ content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
.text-u{text-transform: uppercase;}
.text-c{text-transform: capitalize;}
.m-ot {margin-left: auto;margin-right: auto;}
.ovh{overflow: hidden;}
.ovat{overflow: auto;}

.b-000{background-color: #000;}
.b-fff{background-color: #fff;}
.b-f5{background-color: #f5f5f5;}
.b-f8{background-color: #f8f8f8;}
.b-eee{background-color: #eeeeee;}

.b-f9bb22{background-color: #f9bb22;}
.b-014190{background-color: #014190;}
.b-00326f{background-color: #00326f;}
.b-3467a6{background-color: #3467a6;}
.b-0d4992{background-color: #0d4992;}
.b-ffa800{background-color: #ffa800;}
.b-e5e5e5{background-color: #e5e5e5;}
.c-fff{color: #fff;}
.c-000{color: #000;}
.c-222{color: #222;}
.c-333{color: #333;}
.c-444{color: #444;}
.c-666{color: #666;}
.c-999{color: #999;}
.c-ccc{color: #ccc;}
.c-4c{color: #4c4c4c;}
.c-4d{color: #4d4d4d;}
.c-f5{color: #f5f5f5;}
.c-ffa800{color: #ffa800;}
.c-014190{color: #014190;}
.c-6782ce{color: #6782ce;}
.c-cb0a00{color: #cb0a00;}
.c-e7a400{color: #e7a400;}
.c-f9bb22{color: #f9bb22;}
.c-a90000{color: #a90000;}
.c-b04747{color: #b04747;}

.bold{font-weight: bold;}

.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: 1vw;}
.f-22{font-size: 1.1vw;}
.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-38{font-size: 1.9vw;}
.f-40{font-size: 2vw;}
.f-42{font-size: 2.1vw;}
.f-44{font-size: 2.2vw;}
.f-50{font-size: 2.6vw;}

.mt-10{margin-top: 10px;}
.mt-20{margin-top: 1vw;}
.mt-30{margin-top: 1.5vw;}
.mt-40{margin-top: 2vw;}
.mt-50{margin-top: 2.6vw;}
.mt-60{margin-top: 3vw;}
.mt-70{margin-top: 3.5vw;}
.mt-80{margin-top: 4vw;}
.mt-90{margin-top: 4.5vw;}
.mt-100{margin-top: 5.2vw;}
.lh-12{line-height: 1.2;}
.lh-15{line-height: 1.5;}
.lh-17{line-height: 1.7;}
.lh-18{line-height: 1.8;}
.lh-20{line-height: 2.0;}
.text-indent{text-indent: 2em;}
.p_tb_80{padding: 4vw 0;}
.p_tb_100{padding: 5.2vw 0;}
.tras-6{
  -webkit-transition: all .6s ease;
      -o-transition: all .6s ease;
      transition: all .6s ease;
}
.tras-3{
  -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
}
/*鎻愮ず姘旀场*/
.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;z-index: 6;}
.mob{display: none;}



#service {
    background-color: #f1a130;
    padding: 1em 0.8em 3.5em 0.8em;
    position: fixed;
    right: 0;
    top: auto;
    bottom: 50px;
    z-index: 6;
    text-align: center;
    display: block;
    color: #fff;
}
@keyframes beat { 
  0%, 100% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.95, 1.05);
  }
  50% {
    transform: scale(1.05, 0.95);
  }
  75% {
    transform: scale(0.95, 1.05);
  }
  0,75%{
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.95, 1.05);
  }
  50% {
    transform: scale(1.05, 0.95);
  }
  100% {
    transform: scale(1, 1);
  }
}
@media screen and (max-width: 1440px){
  .f-16{font-size: 14px;}
  .f-18{font-size: 16px;}
  .f-20{font-size: 18px;}
  .f-22{font-size: 1.2vw;}
  .f-24{font-size: 1.4vw;}
  .f-26{font-size: 1.5vw;}
  .f-28{font-size: 1.6vw;}
  .main-w{width: 90%;}
}
@media screen and (max-width: 1024px){
  .f-22{font-size: 16px;}
  .f-24{font-size: 18px;}
  .f-26{font-size: 1.6vw;}
  .f-28{font-size: 1.8vw;}
  .f-30{font-size: 2.0vw;}
  .f-32{font-size: 2.2vw;}
  .f-34{font-size: 2.4vw;}
  .f-36{font-size: 2.6vw;}
}
@media screen and (max-width: 640px){
  .main-w{width: 90%;}

  .pc{display: none;}
  .mob{display: block;}
  .vam{display: inline-block;}
  .vam.pc{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-38{font-size: 5vw;}
  .fm-44{font-size: 5.8vw;}
  .fm-46{font-size: 6.1vw;}
  .fm-76{font-size: 10.6vw;}
  .fm-50{font-size: 6.6vw;}
  .fm-60{font-size: 8vw;}
 
  .mt-m0{margin-top:0;}
  .mt-m10 { margin-top: 1.3vw; }
  .mt-m15 { margin-top: 2vw; }
  .mt-m20 { margin-top: 2.6vw; }
  .mt-m25 { margin-top: 3.3vw; }
  .mt-m30 { margin-top: 4vw; }
  .mt-m40 { margin-top: 5.3vw; }
  .mt-m50 { margin-top: 6.6vw; }
  .mt-m60 { margin-top: 8vw; }
  .mt-m70 { margin-top: 9.33vw; }
  .mt-m80 { margin-top: 10.6vw; }
  .mt-m100 {margin-top: 13.3vw; }
  .mt-m120 {margin-top: 16vw; }
  
  .mt-m0{margin-top: 0;}
  #service p{font-size: 3.6vw;}
  #service{min-height: 6em;padding: 0.5em 0.5em 2.5em 0.5em;}
  .m-w100{width: 100%;}

}