@charset "utf-8";
/*lyann 01.10*/
@font-face{
     font-family: 'Impact'; 
     src: url('../fonts/Impact.ttf');
}
html{font-family: Arial,"微软雅黑",'Microsoft YaHei',"宋体";}
*{margin: 0;padding: 0;}
body{margin: 0;background: url(../images/hbg.jpg) #262626;color: #9a9a9a;}
img:focus,a:focus,img: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;}
img{max-width: 100%;}
a{color: inherit;text-decoration: none;}a:active{border: transparent;}
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;}
/*浏览器滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black;}
::-webkit-scrollbar-track-piece{background:#333;}
::-webkit-scrollbar-thumb:vertical{background-color:#029200;border-radius:30px;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#333;}
::-webkit-scrollbar-corner:vertical{background-color:#333;}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00;}

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

.cursor{width:20px; height:20px;   position:absolute; left:0; top:0;pointer-events: none; margin: -20px 0 0 -20px; z-index: 12;  visibility:hidden;}
.cursor::before{ content: "";display: block; display: none; width: 5px; height: 5px; border-radius: 50%; position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background:#4eb240; background-size: 100% 100%;}
.cursor::after{ content: ""; width: 100%; height: 100%;border: 4px solid #4eb240;
   border-radius: 50%; position: absolute; left: 0; top: 0; transition: ease 2s;}
.cursor.nav::after{ background:#4eb240; border-radius: 50%; width: 20px; height: 20px; animation: circle-opacity 1s infinite; position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0,0);}

.main-w{width: 76.2%;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; width: 100%; box-sizing: border-box; flex-wrap: wrap; align-content: flex-start; }
.flex_dh { display: flex; justify-content: space-around; width: 100%; 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;}
.dis-t, .dis-m, .dis-b, .SJ { display: inline-block; }
.dis-t, .SJ { vertical-align: top; }
.dis-m { vertical-align: middle; }
.dis-b { vertical-align: bottom; }
.v-align-m1, .v-align-m2 { font-size: 0; }
.v-align-m1:before, .v-align-m2:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
.m-ot { margin: 0 auto; }

.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;}
.text-u{text-transform: uppercase;}
.b-000{background-color: #000;}
.b-fff{background-color: #fff;}
.b-f0{background-color: #f0f0f0;}
.b-eee{background-color: #eeeeee;}
.b-025da3{background-color: #025da3;}
.b-00479d{background-color: #00479d;}
.b-22ac38{background-color: #22ac38;}
.b-093a74{background-color: #093a74;}
.b-0b4891{background-color: #0b4891;}

.b-f5{background-color: #f5f5f5;}
.c-fff{color: #fff;}
.c-4b{color: #4b4b4b;}
.c-ddd{color: #ddd;}
.c-000{color: #000;}
.c-333{color: #333;}
.c-222{color: #222;}
.c-ccc{color: #ccc;}
.c-888{color: #888;}
.c-999{color: #999;}
.c-4c,.c-4c4c4c{color: #4c4c4c;}
.c-4d4d4d{color: #4d4d4d;}
.c-025da3{color: #025da3;}
.c-666{color: #666;}

.c-38ae37{color: #38ae37;}

.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-42{font-size: 2.1vw;}
.f-44{font-size: 2.2vw;}
.f-46{font-size: 2.3vw;}
.f-54{font-size: 2.7vw;}
.f-60{font-size: 3vw;}

.mt-5{margin-top: 5px;}
.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-100{margin-top: 5.2vw;}
.mt-120{margin-top: 6vw;}
.mt-150{margin-top: 7.5vw;}
.mt-200{margin-top: 10vw;}
.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;}
.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;}

.ResTitle_a2{text-transform: capitalize;font-size: 1.6vw;text-align: center;}
.fix-R { right: 20px; position: fixed; top: 50%; margin-top: -90px; z-index: 10; border-radius: 10px; border-radius: 5px;}
.fix-R li:first-child i{ margin-top: 0;  border-top-right-radius: 5px; border-top-left-radius: 5px;}
.fix-R li:last-child i{ margin-top: 0;  border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.fix-R li { margin-top: 1px; position: relative; text-align: right; }
.fix-R li i { transition: 0.3s ease 0s; font-size: 0; display: inline-block; vertical-align: top; width: 50px; height: 50px; background: #242424;
  text-align: center;line-height: 50px;position: relative; }
.fix-R li i img { display: inline-block; vertical-align: middle; max-width: 45%; max-height: 80%; }
.fix-R a {background: #242424; position: relative; z-index: 0; display: block; font-size: 0; transition: 0.3s ease 0s;text-align: center;  }
.fix-R a span { overflow: hidden; font-size: 20px; height: 50px; line-height: 50px; width: 0; display: inline-block; vertical-align: top;
 text-align: center; background: #fff; transition: 0.3s ease 0s; white-space: nowrap; }
.fix-R a:hover span { width: 160px;  }
.fix-R a:hover i,.fix-R a:hover { background: #38ae37; }
.fix-R .con { background: rgba(0,0,0,0.5); position: absolute; right: 70px; top: 0; z-index: -1; transform: scale(0); text-align: center;
    transition: 0.3s ease 0s; transform-origin: right 25px; width: 240px;font-size: 18px;border: 1px solid #ccc;padding: 1em 0;border-radius: 5px;
}
.fix-R .con:before, .fix-R .con:after { content: ''; position: absolute; border-style: solid; }
.fix-R .con:before { right: -8px; top: 19px; border-color: transparent transparent transparent #fff; border-width: 6px 0 6px 8px; z-index: 1; }
.fix-R .con:after { right: -9px; top: 17px; border-color: transparent transparent transparent #fff; border-width: 8px 0 8px 9px;}
.fix-R .ewm{font-size: 14px;}
.fix-R .ewm img { width: 100px; display: block;}
.fix-R a:hover .con{transform: scale(1);}
.fix-R li a>p{margin-top: -5px;font-size: 12px;text-align: center;position: relative;z-index: 1;padding-bottom: 5px;padding: 0 3px 5px 3px;}

.fix-R li em img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 0;opacity: 0; }
.fix-R li em { top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; transition: 0.5s linear 0s;position:absolute;z-index: 0; }

.fix-B{position: fixed;bottom: 3vw;left: 3%;right: 3%;z-index: 10; background: #03a73c;border-radius: 5px;overflow: hidden;padding: 3vw 0;
  -webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
.fix-B li{float: left;width: 25%; text-align: center;}
.fix-B li img{height: 1.5em;margin-right: 0.5em;}

@media screen and (max-width: 1440px){
  .f-16{font-size: 14px;}
  .f-18{font-size: 16px;}
  .f-20{font-size: 18px;}
  .main-w{width: 90%;}
}

@media screen and (max-width: 1250px){
  .ResTitle_a2{font-size: 22px;}

  .mt-20{margin-top: 2vw;}
  .mt-30{margin-top: 3vw;}
  .mt-40{margin-top: 4vw;}
/*  .mt-50{margin-top: 5.2vw;}
  .mt-60{margin-top: 6vw;}
  .mt-70{margin-top: 7vw;}
  .mt-80{margin-top: 8vw;}*/

  .f-22{font-size: 14px;}
  .f-24{font-size: 16px;}
  .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: 93%;}

  .pc{display: none !important;}
  .mob{display: block;}

  .f-14, .fm-24{font-size: 14px;}
  .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: 5.06vw;}
  .fm-40{font-size: 5.4vw;}
  .fm-44{font-size: 5.8vw;}
  .fm-46{font-size: 6.1vw;}
  .fm-54{font-size: 7.2vw;}
  .fm-76{font-size: 10.6vw;}

  .mt-100{margin-top: 13.3vw;}
  .mt-90{margin-top: 12vw;}
  .mt-80{margin-top: 10.5vw;}
  .mt-70{margin-top: 9.3vw;}
  .mt-60{margin-top: 8vw;}
  .mt-50{margin-top: 6.6vw;}
  .mt-40{margin-top: 5.3vw;}
  .mt-30{margin-top: 4vw;}
  .mt-20,.mt-m20{margin-top: 3vw;}
  .mt-10{margin-top: 1.3vw;}

  .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-m90 { margin-top: 11.6vw; }
  .mt-m100 { margin-top: 13.3vw; }
  .mt-m120 { margin-top: 16vw; }

  #service p{font-size: 3.6vw;}
  #service{min-height: 6em;padding: 0.5em 0.5em 2.5em 0.5em;}

  .ResTitle_a2{font-size: 5.6vw;}

/*  .end .fix-B{border-radius: 0;}
  .end .footer{padding-bottom: 35vw;}*/
}
@media screen and (max-width: 420px){
  .fm-26{font-size: 14px;}
  .f-14, .fm-24{font-size: 12px;}
}