*{ margin: 0; padding: 0; font-family: word; font-size: 0.6rem; color: #1d2026; box-sizing: border-box;}
img{ border: 0; -ms-interpolation-mode: bicubic;}
a,p,span,h1,i{ text-decoration: none; margin: 0;}
li,ul{ list-style: none;}
input,button{ border: none; outline: none; background: none; margin: 0;}
a{cursor: pointer;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;}

@font-face {
    font-family : word;
    src : url(https://www.feiyu.net.cn/font/PingFang Regular.ttf);
}
@font-face {
    font-family : Montserrat;
    src : url(../font/Montserrat-SemiBold.otf);
}
@font-face {
    font-family : DINProb;
    src : url(../font/DINPro-Bold.otf);
}
@font-face {
    font-family : DINProm;
    src : url(../font/DINPro-Medium.otf);
}
@font-face {
    font-family : MontserratE;
    src : url(../font/Montserrat-ExtraLight.otf);
}

.header{ position: fixed; width: 100%; padding: 0 6%; height: 2.8rem; top: 0; left: 0; z-index: 99999; transition: all 0.5s; background: transparent;}
.header .header_logo{ float: left; overflow: hidden; margin: 1rem 0 0;}
.header_logo img{ width: 6rem; float: left;}
.header_logo .header_logo02{ display: none;}
.tagline{ overflow: hidden; margin: 0.2rem 0 0 0.5rem; float: left;}
.tagline span{ float: left; color: #fff; font-size: 0.5rem;}
.header_titlePC,.header_get,.header_tip{ display: none;}
.header_menu{ float: right; margin: 1rem 0 0;}
.header_menu img{ height: 0.8rem;}
.header_menu .header_menu02{ display: none;}
.header_titlePho{ position: fixed; top: 0; left: -100%; z-index: 999999; width: 100%; height: 100vh; background: #1e2025; opacity: 0; visibility: hidden; 
-webkit-transition: all 0.2s; transition: all 0.2s; padding: 0 0 3rem;}
.header_titlePho_shift{ left: 0; opacity: 1; visibility: visible;}
.header_roll{ padding: 2.8rem 6%; height: 100vh; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
.header_titlePho li{ line-height: 2.2rem; border-bottom: solid 0.03rem #323232; text-align: center;}
.header_word01{ position: relative;}
.header_word01 img{ width: 0.4rem; position: absolute; top: 0.9rem; right: 0; z-index: 9;}
.header_word01 a{ display: block; color: #fff; font-size: 0.7rem;}
.header_word01 .header_arrow03_spin{ transform: rotateX(-180deg);}
.header_word02{ display: none; line-height: 2rem; width: 42%; margin: 0 auto; border-top: solid 0.03rem #323232;}
.header_word02 a{ display: block; color: #fff; border-bottom: solid 0.03rem #323232;}
.header_word02 a:last-child{ border-bottom: 0;}
.header_word02 a:active{ color: #e82e31;}
.header_titlePho .gain{ text-align: center; margin: 1.6rem 0 0;}
.gain span{ display: inline-block; line-height: 2rem; color: #fff; font-size: 0.7rem; border-bottom: solid 0.03rem #aaa;}
.header_bag{ overflow: hidden; height: 2.8rem; width: 100%; padding: 0 6%; background: #1e2025; position: absolute; top: 0; left: 0; }
.header_bag .header_bag01{ width: 6rem; float: left; margin: 1rem 0 0;}
.header_bag .header_bag02{ height: 0.8rem; float: right; margin: 1rem 0 0;}

.header_col{ background: #fff; border-bottom: solid 1px #e1e1e1;}
.header_col .tagline span{ color: #323232;}
.headerAct{
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.rel{ position: relative;}
.flow{ overflow: hidden;}
.clear{ clear: both;}

.holder,.pack{ width: 88%; margin: 0 auto;}
.banner{ position: relative;}
.banner_pic{ display: block; width: 100vw; height: 100vh;}
.banner_pic img{ width: 100vw; height: 100vh; object-fit: cover; transform: scale(1); transition: transform 6s ease 0.5s;}
.banner_pic .banner_picpc{ display: none;}
.banner_word{ position: absolute; top: 50%; transform: translateY(-50%); left: 6%; width: 88%; z-index: 9;}
.banner_word img{ width: 100%; opacity: 0; visibility: hidden;}
.banner_word .banner_wordpho01{ transition: all 0.8s; transform: translateY(-100px);}
.banner_word .banner_wordpho02{ transition: all 0.9s ease 0.2s; transform: translateY(100px); margin: 1rem 0 0;}
.banner_word .banner_wordpc01{ display: none;}
.banner_word .banner_wordpc02{ display: none;}
#swiper01{ position: relative; width: 100%;}
#swiper01 .swiper-slide-active .banner_word .banner_wordpho01{ transform: translateY(0); opacity: 1; visibility: visible;}
#swiper01 .swiper-slide-active .banner_word .banner_wordpho02{ transform: translateY(0); opacity: 1; visibility: visible;}
#swiper01 .swiper-slide-active .banner_pic img{ transform:scale(1.15); -webkit-transform:scale(1.15);}
#pagination01{ left: 10%; bottom: 2.4rem; text-align: left;}
#pagination01 .swiper-pagination-bullet{ width: 0.2rem; height: 0.2rem; margin: 0 0.5rem;}
#pagination01 .swiper-pagination-bullet-active{ position: relative;}
#pagination01 .swiper-pagination-bullet-active::after{ content: ''; position: absolute; width: 0.9rem; height: 0.9rem; border-radius: 100%; border: solid 0.06rem #fff; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 99;}
#followDot{ display: none;}

.product{ padding: 2rem 0;}
.contentBg{ background: #f7f7f8;}
.about{ width: 100%; padding: 2rem 0;}
.aboutpaR,.aboutpaL{ width: 88%; margin: 0 auto;}
.about_title{ display: none;}
.about_overall{ overflow: hidden; position: relative;}
.about_l,.about_r{ width: 100%;}
.about_loca{ position: absolute; top: 2.8rem; left: 0; z-index: 9;}
.about_locb{ position: absolute; top: 5.5rem; left: 0; z-index: 9;}
.about_locbt01{ top: 4.3rem;}
.about_h1{ font-size: 0.95rem; margin: 0 0 11rem;}
.about_h1 span{ font-size: 0.7rem; font-weight: 500; display: inline-block; margin: 0 0.2rem;}
.about_p{ overflow: hidden;}
.about_p h1{ font-size: 0.95rem; line-height: 1.2rem; font-weight: normal; width: 100%; margin: 0.2rem 0 10.8rem;}
.about_p p{ font-size: 0.65rem; line-height: 1rem; text-align: justify;}
.exploit{ overflow: hidden;}
.about_h2,.exploit h1{ font-size: 1.2rem; text-transform: uppercase; font-family: Montserrat;}
.exploit p{ font-size: 0.65rem; line-height: 1rem; text-align: justify; margin: 0.5rem 0 0;}
.about_p01{ padding: 0 0 0.8rem;}
.about_tip{ font-size: 0.65rem; margin: 0.8rem 0 0;}
.about_tip span{ font-size: 0.65rem; color: #e82e31;}

.record{ width: 100%; margin: 0.8rem 0 0.3rem;}
.record ul{ overflow: hidden;}
.record li{ width: 33.3%; float: left; overflow: hidden;}
.record li:nth-child(2) .recorder{ padding-left: 12%;}
.record li:last-child .recorder{ float: right;}
.recorder span{ font-size: 1.6rem; font-family: DINProb; display: inline-block; margin-right: 0.2rem;}
.recorder h1{ font-weight: normal;}
.vidPic{ width: 100%; height: 49.5vw; background: url(../image/vid_bg.jpg) center no-repeat; background-size: cover;}
.propaganda{ width: 100%; height: 49.5vw; outline: 0; border: 0;}
.propaganda01{ opacity: 0; visibility: visible;}

.pro_bg01{ background: url(../image/bg01.png) center no-repeat; background-size: cover;}
.product_title{ position: relative;}
.product_title01{ overflow: hidden;}
.product_title01 img{ height: 0.6rem; float: left; margin: 0.3rem 0.5rem 0 0;}
.product_title01 span{ float: left; font-size: 0.8rem; font-family: "微软雅黑"; text-transform: uppercase;}
.product_title02{ font-size: 1.3rem; font-family: Montserrat; margin: 0.1rem 0 1.2rem;}
.product_title03{ font-size: 0.7rem; font-weight: bold; color: #323232;}
.product_titleHue{ color: #fff;}
.product_title01 .product_titleHue{ color: #fff;}

.service{ padding: 1rem 0 0; overflow: hidden;}
.service_pic{ width: 100%; position: relative;}
.service_pic img{ width: 100%; animation: twirl 20s ease-in infinite; -webkit-animation: twirl 20s ease-in infinite;}
.service_pic b{ font-size: 0.6rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.service_word{ width: 100%; margin: 0.8rem 0 0;}
.service_word li{ width: 100%; padding: 1rem 1.3rem; margin: 0 0 0.2rem; background: #fff; box-shadow: 0 -0.1rem 1rem #eee; cursor: pointer;
transition: all 0.5s; transform: translate(0); position: relative;}
.service_word .service01 b{ font-size: 0.75rem; color: #e82e31;}
.service_word .service01 p{ font-size: 0.55rem; color: #7f8186; margin: 0.5rem 0 0;}
.service_word .service02{ position: absolute; width: 40%; top: 1.05rem; right: 0; z-index: 9;}
.service_word .ser{ margin: 0 0 0.5rem;}
.service_word .ser:last-child{ margin: 0;}
.service02 .ser p{ font-size: 0.65rem; font-weight: bold; background: url(../image/line_icon01.png) left top 0.1rem no-repeat; background-size: 0.08rem; padding: 0 0.5rem;}
.service02 .ser span{ display: none;}

@keyframes twirl {
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    35%{
        -webkit-transform: rotate(120deg);
        transform: rotate(120deg);
    }
    70%{
        -webkit-transform: rotate(240deg);
        transform: rotate(240deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

ul.visual_work { width:100%; margin:0 auto; }
ul.visual_work li{ width:100%; box-sizing:border-box; }
ul.visual_work li img{ width:95%; margin:2%;}

.case{ width: 100%; padding: 0 6%;}
.case_sub{ display: none;}
.case_arrange ul,.case_inner ul{ padding: 0 0 0.8rem;}
.case_arrange li,.case_inner li{ margin: 0 0 1.5rem;}
.partain{ padding: 2rem 0;}
.headline{ width: 100%; overflow-x: scroll; white-space: nowrap;}
.headline::-webkit-scrollbar{ display: none;}
.headline a{ display: inline-block; color: #6c6f74; font-size: 0.65rem; padding-bottom: 0.5rem; border-bottom: solid 0.1rem transparent; margin: 0 0.8rem 0 0;}
.headline .headlineAct{ color: #1d2026; font-weight: bold; border-bottom: solid 0.1rem #e82e31;}
.arrow_tip{ position: absolute; top: 2.16rem; right: -0.6rem; z-index: 99; width: 0.6rem;}
.case_pic{ width: 100%; position: relative;}
.case_tu{ overflow: hidden; width: 100%; height: 58vw;}
.case_tu img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all 0.5s; transform: scale(1);}
.case_cap{ width: 100%; box-shadow: 0 0 0.5rem #e1e1e1; overflow: hidden; position: relative; cursor: pointer;}
.case_inner .case_cap01{ margin: 0 0 2.2rem;}
.case_tp{ width: 100%;}
.case_tp img{ width: 100%; height: 100%; display: block; object-fit: cover; object-position: top; transition: all 0.5s; transform: scale(1);}
.case_text h1{ font-size: 0.7rem; margin: 0.6rem 0 0.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.case_text p{ overflow: hidden;}
.case_text span{ float: left; color: #84878b; font-size: 0.5rem; margin-right: 0.3rem;}
.case_text span:nth-child(1){ padding-right: 0.4rem; margin-right: 0.5rem; border-right: solid 0.03rem #bbb;}
.case_tier{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 99; background: rgba(232,46,49,0.8); transition: all 0.6s; opacity: 0; visibility: hidden;}
.case_tier img{ position: absolute; width: 36%; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 999; display: none;}
.case_con:hover .case_tu img{ transform: scale(1.05);}
.case_con:hover .case_tier{ opacity: 1; visibility: visible;}
.case_con:hover .case_tier img{ display: block;}
.case_arrange button,.case_inner button{ display: block; width: 6rem; line-height: 2rem; font-size: 0.5rem; background: #f0f0f1; border-radius: 1.2rem; margin: 0 auto;}
.case_tip{ text-align: center;}
.case_tip p{ display: inline-block; background: #f5f5f5; padding: 0.5rem 0.8rem; border-radius: 2rem; font-size: 0.65rem; font-family: DINProm; line-height: 1rem;}
.case_tip span{ font-size: 0.65rem; color: #e12729; margin-left: 0.1rem; cursor: pointer; font-family: DINProm;}
.case_tip span:hover{ text-decoration: underline;}
.case_tip img{ height: 0.8rem; margin: 0 0 0.2rem 0.3rem; vertical-align: middle;}

.client_bg{ background: url(../image/bg02.jpg) center no-repeat; background-size: cover; padding: 2rem 0 1.5rem;}
.client_title{ font-family: "宋体"; font-size: 1rem; color: #fff; text-align: center;}
.client_line{ display: block; width: 28%; margin: 1.2rem auto 2.2rem;}
.client ul{ overflow: hidden;}
.client li{ float: left; width: 33.3%; margin: 0 0 1rem; text-align: center;}
.client li img{ width: 80%;}
.client li:nth-child(1){ text-align: left;}
.client li:nth-child(4){ text-align: left;}
.client li:nth-child(3n){ text-align: right;}

.even{ position: absolute; top: 0.9rem; right: 6%; z-index: 9; font-family: DINProb; color: #323232; line-height: 1.5rem; text-transform: uppercase; border-bottom: solid 0.03rem #1d2026;}
.evenHue{ color: #fff; border-bottom: solid 0.03rem #fff;}
.evenLoc{ right: 0;}
.perceive{ display: none;}
.visual li{ border-bottom: solid 0.03rem #e1e1e1; padding: 1rem 0;}
.visual li p{ font-size: 0.7rem; line-height: 1.1rem; text-align: justify; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;
background: url(../image/line_icon01.png) left top 60% no-repeat; background-size: 0.1rem 80%; padding-left: 0.8rem;}
.visual li span{ font-size: 0.55rem; display: block; margin: 0.5rem 0 0; color: #84878b;}
.visual li:last-child{ border-bottom: 0;}

.world{ background: url(../image/bg03.png) center no-repeat; background-size: cover; padding: 2rem 0 0; position: relative;}
.world_title{ padding: 0 6%;}
.world_title h1{ font-size: 1.1rem; font-weight: normal;}
.world_title p{ font-size: 1.3rem; font-family: Montserrat; text-transform: uppercase;}
.world_tip b{ font-size: 0.65rem;}
.world_pic{ width: 90%; position: relative;}
.world_tu01{ width: 136%; padding: 7rem 0 0; height: 15rem; overflow: hidden; transform: translate(-30%, 0);}
.world_tu01 img{ width: 100%; display: block; transition: all 0.9s; cursor: pointer;}
.world_card{ position: absolute; width: 80%; padding: 1.3rem 1rem; background: #fff; bottom: 3rem; right: 0; z-index: 9;}
.world_card p{ line-height: 0.9rem; margin: 0.6rem 0;}
.world_card span{ display: block; font-size: 0.5rem; margin: 0.5rem 0 0;}
.world_tu02{ position: absolute; top: 0; left: 0; z-index: 3; width: 110%; height: 100%; overflow: hidden;
animation: cloudmove 100s infinite linear;}
.world_tu02 img{ width: 50%; height: 60%; float: left; margin: 30% 0 0;}

@-webkit-keyframes cloudmove {
  0% {
    left: 0;
  }
  100% {
   left: -100%;
  }
}

@keyframes cloudmove {
  0% {
    left: 0;
  }
  100% {
  	left: -100%;
  }
}

.plan{ padding: 2rem 0; position: relative;}
.plan_l{ width: 100%;}
.plan_l h1{ font-size: 0.75rem; margin: 0 0 1rem; padding-right: 40%;}
.plan_l .plan_a{ display: none;}
.plan_l .plan_b{ line-height: 1.1rem; margin: 0 0 2rem; font-size: 0.65rem; padding-right: 40%;}
.plan_l input{ display: block; width: 100%; padding: 0 5%; height: 2rem; line-height: 2rem; background: #f4f4f4; margin: 0 0 1rem;}
.plan_l input:focus{ box-shadow: 0 0 0.5rem #ccc;}
.plan_l .inputbg{ background: #fff;}
.plan_l button{ display: block; width: 100%; height: 2rem; line-height: 2rem; background: #1e2025; color: #fff; cursor: pointer;}
.plan_l button:hover{ background: #000;}
.plan_r{ position: absolute; top: 1.2rem; right: 0; z-index: 9; width: 36%;} 
.plan_r img{ width: 100%;}

.footer{ background: #1e2025; padding: 0 0 2.6rem;}
.footer01{ overflow: hidden; padding: 2.5rem 0; position: relative;}
.footer01a{ width: 100%;}
.footer01a img{ display: block; height: 0.8rem;}
.footer01b{ display: none;}
.footer01c{ width: 46%; margin: 2rem 0 0;}
.footer_title{ color: #fff; margin: 0 0 1rem;}
.footer01c .footer01c_p span{ display: block; color: #fff; font-size: 0.55rem; line-height: 1rem; margin: 0 0 0.2rem;}
.footer01c .footer01c_p a{ display: block; color: #fff; font-size: 0.55rem; line-height: 1rem; margin: 0 0 0.2rem;}
.footer01d{position: absolute;
top: 5.3rem;
right: 0;
z-index: 9;}
.footer01d .footer_code{ width: 3rem; height: 3rem;}
.footer_code img{ width: 3rem; height: 3rem;}
.footer02{ line-height: 1rem; overflow: hidden; border-top: solid 0.03rem #35373d; padding: 1rem 24% 1rem 0;}
.footer02 p,.footer02 a{ font-size: 0.5rem; color: #fff;}
.footer02 span{ display: none;}

/*.picture{ width: 100%; height: 70vh; overflow: hidden; position: relative;}
.picture img{ display: block; width: 100%; height: 70vh; object-fit: cover;}
.picture_word{ position: absolute; bottom: 4rem; left: 0; width: 100%; z-index: 99;}
.picture_word h1{ font-size: 1.3rem; font-weight: normal; color: #fff; text-transform: uppercase; font-family: Montserrat;}
.picture_word h2{ font-size: 1.6rem; line-height: 1.4rem; font-weight: normal; color: #fff; text-transform: uppercase; font-family: MontserratE;}
.picture_word p{ font-size: 0.75rem; line-height: 1.2rem; color: #fff; margin: 0.4rem 0 0; width: 66%;}
.picture_word span{ font-size: 1.6rem; color: #fff; text-transform: uppercase; font-family: Montserrat;}*/

.picture{ width: 100%; height: 70vh; overflow: hidden; position: relative;}
.picture img{ display: block; width: 100%; height: 70vh; object-fit: cover;}
.picture_word{ position: absolute; bottom: 4rem; left: 0; width: 100%; z-index: 99;}
.picture_word h1{ font-size: 1.3rem; font-weight: normal; color: #fff; text-transform: uppercase; font-family: Montserrat;}
.picture_word h2{ font-size: 1.6rem; line-height: 1.4rem;  font-weight:bold;  color: #fff; text-transform: uppercase; font-family: Montserrat;}
.picture_word p{ font-size: 0.6rem;line-height: 1.2rem; color: #fff; margin: 1.5rem 0 0; width: 90%;}
.picture_word span{ font-size: 1.6rem; color: #fff; text-transform: uppercase; font-family: MontserratE; font-weight:bold;}

.custom{ padding: 0 0 2rem;}
.custom ul{ zoom: 1;}
.custom ul::after{ content:''; display:block; height:0; clear:both; visibility:hidden;}
.custom .custom_pic{ width: 33.3%; height: 16vw; line-height: 16vw; float: left; background: #fff; box-shadow: 0 0 0.6rem #e3e3e3; text-align: center;}
.custom_pic img{ width: 70%; vertical-align: middle;}
.about_custom li:last-child{ display: none;}

.rise{ padding: 2.5rem 0 2rem;}
.rise_bg01{ background: url(../image/rise_bg01.jpg) center no-repeat; background-size: cover;}
.rise_bg02{ background: url(../image/rise_bg02.jpg) center no-repeat; background-size: cover;}
.rise_bg03{ background: url(../image/rise_bg03.jpg) center no-repeat; background-size: cover;}
.rise_title{ font-size: 0.9rem; line-height: 1.4rem; color: #fff;}
.rise_title span{ color: #ff2f32; font-size: 0.9rem;}
.rise_titleMid{ text-align: center;}
.rise_data{ margin: 2.5rem 0 0;}
.rise_data ul{ overflow: hidden;}
.rise_data li{ float: left; width: 50%; margin: 0 0 1.6rem;}
.rise_rec{ color: #fff; font-size: 0.7rem; overflow: hidden;}
.rise_rec span{ display: inline-block; font-size: 1.2rem; color: #fff; font-family: DINProb;}
.rise_rec p{ display: inline-block; color: #fff; font-size: 0.55rem; margin-left: 0.3rem;}
.rise_rec h1{ font-size: 1.5rem; font-weight: normal; text-align: center; font-family: DINProb; color: #fff;}
.rise_rec h2{ font-size: 0.55rem; font-weight: normal; text-align: center; color: #fff;}
.rise_data li:nth-child(2n+1) h1{ padding-right: 15%;}
.rise_data li:nth-child(2n+1) h2{ padding-right: 15%;}
.rise_data li:nth-child(2n) h1{ padding-left: 15%;}
.rise_data li:nth-child(2n) h2{ padding-left: 15%;}
.rise_line{ display: none;}

.circuit{ background: url(../image/cir_bg.jpg) center no-repeat; background-size: cover;}
.circuit01{ background: url(../image/cir_bg01.jpg) center no-repeat; background-size: cover;}
.plotPc{ display: none;}
.plotPho{ padding: 0 6%;}
.plot_vision{ width: 100%; height: 49.5vw; outline: 0; border: 0; background: url(../image/vid_bg.jpg) center no-repeat; background-size: cover;}
.guide{ padding: 0.8rem 0;}
.guide li{ padding: 0 0 0.2rem;}
.guide_title{ zoom: 1; border-bottom: solid 0.03rem #565961;}
.guide_title::after{ content:''; display:block; height:0; clear:both; visibility:hidden;}
.guide_title h1{ float: left; font-weight: normal; line-height: 1.8rem; border-bottom: solid 0.1rem transparent;}
.guide_title span{ font-size: 0.8rem; color: #72757c;}
.guide_title p{ display: inline-block; font-size: 0.75rem; color: #72757c; margin-left: 0.5rem;}
.guide_title img{ float: right; width: 0.42rem; margin: 0.6rem 0 0; transition: all 0.3s; transform: rotate(0);}
.guide_p{ display: none; padding: 1rem 0;}
.guide_p p{ font-size: 0.65rem; color: #fff; line-height: 1.2rem; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5; overflow: hidden;}
.guide_p section{ margin: 0 0 0.5rem;}
.guide_p h1{ font-size: 0.65rem; margin: 0 0 0.5rem; color: #fff;}
.guide_p span{ display: block; font-size: 0.65rem; line-height: 1rem; color: #b5b8c0; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5; overflow: hidden;}
.guide_title .pic_roll{ transform: rotate(180deg);}
.guide_act h1{ border-bottom: solid 0.1rem #fff;}
.guide_act span,.guide_act p{ color: #fff;}
.swiperWit03{ padding: 0 6%;}
#swiper03{ position: relative;}
#pagination03{ bottom: 0; text-align: left;}
#pagination03 .swiper-pagination-bullet{ width: 0.3rem; height: 0.3rem; margin: 0 0.2rem; background: #b4b7be;}
#pagination03 .swiper-pagination-bullet-active{ position: relative; background: #1e2025;}
.patron{ padding: 0 0 2.5rem;}
.patronitem{ padding: 0.5rem 0 4rem; position: relative;}
.patronitem:nth-child(3n){ margin-right: 0;}
.patron_pic{ width: 2.5rem; height: 2.5rem; border-radius: 100%; overflow: hidden; position: absolute; bottom: 0; z-index: 9;}
.patron_pic img{ width: 2.5rem; height: 2.5rem; border-radius: 100%;}
.patron_word{ font-size: 0.65rem; line-height: 1.2rem;}
.patron_p{ position: absolute; left: 3.5rem; bottom: 0; z-index: 9;}
.patron_p h1{ font-size: 0.7rem;}
.patron_p p{ line-height: 1.2rem; color: #666;}
.point_bg{ background: #1e2025;}
.visual_hue li{ border-bottom: solid 0.03rem #2e3034;}
.visual_hue li p{ color: #fff;}

.grip{ padding: 2rem 0;}
.product_intro{ font-size: 0.7rem; line-height: 1.2rem; font-family: "宋体";}
.team{ padding: 0 0 2rem;}
.team ul{ width: 100%; overflow-x: scroll; white-space: nowrap; padding: 0 0 1rem;}
.team li{ display: inline-block; width: 59%; margin-right: 4%;}
.team li img{ width: 100%; height: 55.5vw;}

.slogan{ padding: 2.5rem 0 3rem; background: url(../image/slogan_bg.jpg) center no-repeat; background-size: cover;}
.slogan_pic{ position: absolute; bottom: 0;}
.slogan_bg{ display: none;}
.slogan_tu{ width: 2.5rem; height: 2.5rem; border-radius: 100%; overflow: hidden;}
.slogan_tu img{ width: 100%; min-height: 100%; object-fit: cover;}
.slogan_word{ padding: 1.5rem 0 0; background: url(../image/quotation_icon.png) left top no-repeat; background-size: 6%;}
.slogan_word p{ font-size: 0.7rem; color: #fff; font-family: "宋体"; line-height: 1.2rem; text-align: justify;}
.slogan_word span{ display: block; color: #fff; font-family: "宋体"; margin: 1.6rem 0 0; line-height: 2.5rem; padding-left: 3.5rem;}

.recordelite{ overflow: hidden; margin: 1.3rem 0 0;}
.recordelite li{ float: left; margin: 0 0 1rem; overflow: hidden;}
.recordelite li:nth-child(1){ width: 30%;}
.recordelite li:nth-child(2){ width: 40%; padding-left: 9%;}
.recordelite li:nth-child(3){ display: none;}
.recordelite li:nth-child(4){ width: 30%;}
.recordelite li:nth-child(4) .recorder01{ float: right;}
.develop{ margin: 1.3rem 0 0; zoom: 1;}
.develop::after{ content:''; display:block; height:0; clear:both; visibility:hidden;}
.develop li{ width: 45%; margin: 0 10% 1.2rem 0; float: left; padding-left: 2%;}
.develop li:nth-child(2n){ margin-right: 0;}
.develop li:nth-last-child(-n+2){ margin-bottom: 0.6rem;}
.develop .dev_pic{ width: 78%; position: relative;}
.develop .dev_pic01{ width: 100%; display: block;}
.develop .dev_pic02{ width: 50%; position: absolute; right: -40%; bottom: 0.05rem; z-index: -1;}
.develop p{ font-size: 0.6rem; margin: 0.3rem 0 0;}
.serve{ padding: 2.5rem 0 2rem; background: #1e2025;}
.serve h1{ font-size: 1rem; color: #fff; text-align: center;}
.serve ul{ overflow: hidden; margin: 2rem 0 0;}
.serve li{ width: 33.3%; text-align: center; float: left; padding: 0.5rem 0; margin: 0 0 1rem;}
.serve li img{ width: 1.4rem;}
.serve li p{ font-size: 0.55rem; margin: 0.5rem 0 0; color: #8b8e97;}

.set_app{ width: 100%; padding: 0 1%; zoom: 1;}
.set_app::after{ content:''; display:block; height:0; clear:both; visibility:hidden;}
.set_app li{ width: 46%; margin-right: 8%; padding: 1.4rem 0; float: right; text-align: center; box-shadow: 0 0 0.2rem #e1e1e1;}
.set_app li:first-child{ margin-right: 0;}
.set_app img{ width: 2rem;}
.set_app p{ font-weight: bold; font-size: 0.65rem; line-height: 1rem; margin: 0.5rem 0 0;}
.set_app span{ font-family: MontserratE; font-size: 0.5rem; color: #b4b7be; font-weight: bold; text-transform: uppercase;}

.recordhang{ overflow: hidden; padding: 2rem 0 0;}
.recordhang li{ float: left; margin: 0 0 1rem; overflow: hidden;}
.recordhang li:nth-child(1){ width: 30%;}
.recordhang li:nth-child(2){ width: 40%; padding-left: 9%;}
.recordhang li:nth-child(3){ display: none;}
.recordhang li:nth-child(4){ width: 30%;}
.recordhang li:nth-child(4) .recorder01{ float: right;}

.set_office{ padding: 0 1%; zoom: 1;}
.set_office::after{ content:''; display:block; height:0; clear:both; visibility:hidden;}
.set_office li{ float: right; width: 50%; padding: 1.3rem 0 1.3rem 6%; line-height: 1rem; box-shadow: 0 0 0.1rem #e1e1e1;}
.set_office img{ width: 1.2rem; vertical-align: middle;}
.set_office span{ font-size: 0.6rem; margin-left: 0.1rem;}

.example{ margin: 1.5rem 0 0;}
.example ul{ zoom: 1;}
.example li{ float: left; width: 100%; box-shadow: 0 0 0.5rem #e1e1e1; margin: 0 0 1.5rem; overflow: hidden; position: relative; cursor: pointer;}
.example li:last-child{ margin: 0;}
.example ul::after{ content:''; display:block; height:0; clear:both; visibility:hidden;}
.example_pic img{ display: block; width: 100%;}
.example_tier{ position: absolute; width: 100%; height: 12%; background: #fff; box-shadow: 0 -0.5rem 0.8rem #eee; bottom: 0; left: 0; z-index: 9;}
.example_tier section{ position: absolute; width: 90%; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 99; text-align: center;}
.example_tier p{ font-size: 0.75rem; font-weight: bold;}
.example_tier img{ display: none;}

.settle{ padding: 2.5rem 0 2rem; background: #1e2025;}
.settle h1{ font-size: 1rem; color: #fff; text-align: center;}
.settle ul{ overflow: hidden; margin: 2rem 0 0;}
.settlePart01 li{ width: 30%; margin: 0 5% 0.8rem 0; padding: 1rem 0; text-align: center; float: left; border: solid 0.03rem #2e3032;}
.settlePart01 li:nth-child(3n){ margin-right: 0;}
.settlePart01 li p{ font-size: 0.55rem; margin: 0.5rem 0 0; color: #8b8e97;}
.settlePart01 li img{ width: 1.4rem;}
.settlePart02 li{ width: 47%; margin: 0 6% 0.8rem 0; padding: 1rem 0; text-align: center; float: left; border: solid 0.03rem #2e3032;}
.settlePart02 li:nth-child(2n){ margin-right: 0;}
.settlePart02 li h2{ font-size: 0.7rem; color: #fff; font-weight: normal; margin: 0.9rem 0 0.6rem; text-align: center;}
.settlePart02 li img{ width: 1.4rem;}
.settlePart02 li span{ padding: 0 8%; font-size: 0.55rem; line-height: 1.1rem; color: #8b8e97; display: block;}

.chart{ background: #1e2025; padding: 2rem 0;}
.chart_title{ font-size: 1rem; color: #fff; text-align: center; margin: 0 0 2rem;}
.chart_title span{ font-size: 1rem; color: #fe3235;}
.chart .tablePho{ width: 100%; background: #3c3f45; border: 0;}
.chart .tablePc{ display: none;}
.chart th{ background: #f5f5f5;}
.chart td{ background: #1e2025; color: #fff; padding: 0.6rem 3.5%; height: 2rem; font-size: 0.65rem; line-height: 1rem; word-break: break-word;}
.chart tr:nth-child(2n+1) td{ background: #2e3137;}
.chart tr:nth-child(2n) td{ background: #2b2d33;}
.chart tr:nth-child(2n+1) .bgcol{ background: #e82e31;}
.chart tr:nth-child(1) td{ font-size: 0.7rem; text-align: center;}
.chart td:nth-child(1){ width: 35%;}
.chart td:nth-child(2){ width: 65%;}

.elegant{ padding: 2.5rem 0 2rem; text-align: center;}
.elegant01 h1{ font-size: 1.3rem; font-family: Montserrat; text-transform: uppercase; letter-spacing: 0.1rem;}
.elegant01 p{ font-size: 0.7rem; margin: 0.2rem 0 1rem; letter-spacing: 0.1rem; color: #000;}
.elegant02{ font-size: 0.65rem; line-height: 1.1rem; color: #494b4f;}
.elegant03{ overflow: hidden; margin: 1.5rem 0 0;}
.elegant03 li{ height: 6rem; margin: 0 0 0.8rem; overflow: hidden; cursor: pointer; position: relative;}
.elegant03 li:nth-child(1){ background: url(../image/photo_img01.jpg) center no-repeat; background-size: cover;}
.elegant03 li:nth-child(2){ background: url(../image/photo_img02.jpg) center no-repeat; background-size: cover;}
.elegant03 p{ font-size: 0.75rem; color: #fff;}
.elegant03 span{ display: block; margin: 0.3rem 0 0; font-size: 0.6rem; color: #fff;}
.elegant03 section{ position: absolute; top: 50%; left: 10%; transform: translateY(-50%); width: 80%; z-index: 9;}

#swiper04{ margin: 1.5rem 0 0; position: relative; padding: 0 0 2rem;}
#swiper04 .swiper-slide{ width: auto;}
.figure img{ display: block; height: 12rem; object-fit: cover;}
#swiper04 .swiper-scrollbar{ width: 70%; left: 0; bottom: 0.25rem; height: 0.15rem;}
#swiper04 .tac{ position: absolute; right: 0; bottom: 0; z-index: 99;}
.tac img{ width: 1rem; cursor: pointer; outline: 0; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;}
.tac img:nth-child(1){ margin-right: 0.5rem;}

.news{ padding: 1.5rem 0 0;}
.news li{ margin: 0 0 1.5rem;}
.news_pic{ width: 100%; height: 42.5vw; overflow: hidden;}
.news_pic img{ display: block; width: 100%; min-height: 100%; object-fit: cover;}
.news_p h1{ font-size: 0.75rem; line-height: 1.2rem; font-weight: normal;  margin: 0.9rem 0 0.5rem;}
.news_p p{ color: #84878b; line-height: 1rem; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.news_icon{ display: block; overflow: hidden; line-height: 1.5rem; margin: 0.5rem 0 0;}
.news_icon img{ width: 0.8rem; float: left; margin: 0.6rem 0 0;}
.news_icon span{ font-family: DINProm; text-transform: uppercase; float: left; margin: 0 0 0 15px;}
.news_reco{ width: 100%; padding: 0 5% 0.8rem; border: solid 0.04rem #e1e1e1; margin: 0 0 1.2rem;}
.news_retitle{ height: 2.4rem;}
.news_retitle b{ display: inline-block; font-size: 0.75rem; line-height: 2rem; border-top: solid 0.15rem #e82e31;}
.news_retitle h1{ font-size: 0.75rem; font-weight: normal; line-height: 2.2rem; display: inline-block;}
.news_article li{ padding: 0 0 1rem; overflow: hidden;}
.news_article li:last-child{ padding: 0;}
.news_article li span{ float: left; width: 30%; height: 14.1vw;}
.news_article li img{ width: 100%; height: 100%; object-fit: cover;}
.news_article li p{ float: right; width: 65%; font-size: 0.65rem; line-height: 1rem; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.news_con{ padding: 1.5rem 0 2rem;}
.news_con h1{ font-size: 0.8rem; line-height: 1.2rem;}
.news_con p{ font-size: 0.65rem; line-height: 1rem; margin: 0.8rem 0 0;}
.news_infor img{ width: 100% !important; height: auto !important;}
.news_infor p{ font-size: 0.65rem; line-height: 1.2rem;}
.news_tip{ border-bottom: solid 0.04rem #e1e1e1; overflow: hidden; padding: 1.6rem 0 1rem;}
.news_tip01{ width: 2.5rem; height: 2.5rem; border-radius: 100%; overflow: hidden; float: left;}
.news_tip01 img{ width: 100%; height: 100%; object-fit: cover;}
.news_tip02{ float: left; margin: 0.3rem 0 0 0.6rem;}
.news_tip02 p{ margin: 0 0 0.1rem;}
.news_tip02 span{ font-size: 0.6rem; color: #999;}
.nextarticle{ width: 100%; height: 8rem; margin: 0 0 2rem; background: #eee; position: relative;}
.nextarticle img{ width: 100%; height: 100%; object-fit: cover;}
.nextarticle_p{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 99; width: 80%; text-align: center;}
.nextarticle_p h1{ font-size: 0.6rem; color: #7d7f85; font-weight: normal;}
.nextarticle_p p{ font-size: 0.75rem; margin: 0.3rem 0 0;}

.case_vary{ padding: 1.5rem 0 0;}
.case_h{ margin: 0 0 1rem; overflow: hidden;}
.case_h h1{ font-size: 0.8rem; line-height: 1.5rem; float: left;}
.case_explain{ overflow: hidden; margin: 0.5rem 0 0; float: left; width: 100%;}
.case_explain p{ display: inline-block; line-height: 1rem; font-size: 0.65rem;}
.case_explain span{ font-size: 0.65rem; display: inline-block; margin-left: 0.6rem; padding-left: 0.6rem; position: relative;}
.case_explain span::before{ content: ''; display: inline-block; width: 0.05rem; height: 0.8rem; background: #666; position: absolute; left: 0; top: 0.03rem; z-index: 9;}
.case_explain a{ display: inline-block; border: solid 0.05rem #d4d6dc; padding: 0.2rem 0.5rem; border-radius: 1.5rem; margin-left: 0.6rem;}
.case_word{ padding: 0 0 2rem;}
.case_word h3{ font-size: 0.8rem; line-height: 1.2rem; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden; margin: 0 0 1.5rem;}
.case_word p,.case_word span,.case_word strong{ line-height: 1.2rem; font-size: 0.65rem;}
.case_word img{ width: 100% !important; height: auto !important;}
.case_consult{ overflow: hidden; text-align: center;}
.case_consult h1{ font-size: 0.65rem; line-height: 1.2rem; font-weight: normal; margin: 0 0 2rem;}
.case_consult span{ font-size: 0.65rem; display: block;}
.case_consult button{ font-size: 0.65rem; color: #fff; padding: 0 0.6rem; width: 5rem; line-height: 1.6rem; height: 1.6rem; border-radius: 0.8rem; background: #e82e31; margin: 0.8rem 0 0; display:inline-block;} 
.case_consult a{ font-size: 0.65rem; color: #fff; padding: 0 0.6rem; width: 5rem; line-height: 1.6rem; height: 1.6rem; border-radius: 0.8rem; background: #e82e31; margin: 0.8rem 0 0;display:inline-block;}
.case_icon{ display: none; padding: 0 1.3rem; background: #f6f6f6; line-height: 1.6rem; border-radius: 1.6rem; margin: 0.8rem 0 2rem; transition: all 0.5s; overflow: hidden;}
.case_icon img{ width: 0.8rem; vertical-align: middle;}
.case_icon .case_icon02{ display: none;}
.case_icon p{ display: inline-block; margin-left: 0.2rem; vertical-align: middle;}
.case_next{ width: 100%; height: 40vw; overflow: hidden; position: relative;}
.case_next img{ width: 100%; min-height: 100%; object-fit: cover;}
.case_info{ position: absolute; width: 80%; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9; text-align: center;}
.case_info h1{ font-size: 0.9rem; color: #fff; font-weight: normal;}
.case_info p{ font-size: 0.65rem; color: #ddd; margin: 0.2rem 0 0.5rem;}
.case_info span{ font-family: Montserrat; font-size: 0.6rem; color: #e82e31;}
.largePic{ position: fixed; top: 100%; left: 0; z-index: 999;}
.largePic img{ width: 100%; height: 100%; object-fit: cover;}

.touch{ padding: 2rem 0;}
.touch_int{ margin: 0.8rem 0 0;}
.touch_title h1{ font-family: Montserrat; font-size: 1.2rem; text-transform: uppercase; line-height: 1.1rem;}
.touch_title p{ width: 80%; font-size: 0.7rem; line-height: 1rem; margin: 1.2rem 0 1rem;}
.touch_title span{ display: block; width: 80%; font-size: 0.7rem;}
.touch_content{ margin: 1.5rem 0 0;}
.touch_content h1{ font-size: 0.8rem; margin: 0.6rem 0;}
.touch_content p{ font-size: 0.65rem;}
.touch_content ul{ overflow: hidden; margin: 2rem 0 0;}
.touch_content li{ width: 100%; margin: 0 0 0.8rem; position: relative;}
.touch_content input{ width: 100%; line-height: 2rem; font-size: 0.65rem; border-bottom: solid 0.03rem #e1e1e1;}
.touch_content select{ width: 100%; height: 2rem; font-size: 0.65rem; outline: 0; border-top: 0; border-left: 0; border-right: 0; background: transparent; border-bottom: solid 0.03rem #e1e1e1;
-webkit-appearance: none; padding-right: 5%;}
.touch_content img{ width: 0.3rem; height: 0.3rem; position: absolute; top: 0.8rem; right: 0; z-index: 9;}
.touch_content option{ height: 2rem;}
.touch_content button{ width: 100%; line-height: 2rem; border: solid 0.03rem #1d2026; font-size: 0.65rem; margin: 1rem 0 0; cursor: pointer;}
.touch_content button:active{ background: #000;}
.paging{ text-align: center; overflow: hidden; padding: 0.5rem 0 2rem;}
.pagingBtn01{ float: left;}
.pagingBtn02{ float: right;}
.pagingBtn img{ width: 0.8rem; display: inline-block; cursor: pointer;} 
.pagingBtn .paging_icon01{ display: none;}
.paging p{ display: inline-block;}
.paging span{ display: inline-block; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; background: #f5f5f5; font-size: 0.65rem; color: #999; font-family: DINProb;}
.paging .cur_page{ color: #e82e31; font-weight: bold;}
.paging span:active{ color: #e82e31; font-weight: bold;}

.planer{ padding: 2rem 0; position: relative;}
.plan_refer{ width: 100%;}
.plan_need p{ font-size: 0.75rem; margin: 0 0 1rem; padding-right: 40%; font-weight: bold;}
.plan_need span{ display: block; line-height: 1.1rem; font-size: 0.65rem; padding-right: 40%;}
.plan_form{ margin: 2rem 0 0;}
.plan_form input{ width: 100%; background: #fff; height: 2rem; padding: 0 5%; margin: 0 0 1rem;}
.plan_form button{ display: block; width: 100%; line-height: 2rem; background: #1e2025; color: #fff; cursor: pointer;}
.plan_form button:hover{ background: #000;}
.plan_tu{ position: absolute; top: 1.2rem; right: 0; z-index: 9; width: 36%;}
.plan_tu img{ width: 100%;}

.sidebar{ width: 100%; padding: 0 5% 0.8rem; border: solid 0.04rem #e1e1e1; margin: 0 0 1.2rem;}
.relate_article{ padding: 0 0 0.2rem;}
.relate_article li{ display: block; overflow: hidden; padding: 0 0 0.5rem;}
.relate_article li:nth-child(1){ padding: 0 0 0.8rem;}
.relate_article li:last-child{ padding: 0;}
.relate_article li .art_pic{ width: 100%; height: 6.4rem; overflow: hidden; transition: all 0.8s;}
.relate_article li img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.relate_article li p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.65rem; line-height: 1rem; padding: 0.5rem 0; border-bottom: dotted 1px #bbb;}
.relate_article li span{ font-size: 0.65rem; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}
.relate_article li:active .art_pic img{ transform: scale(1.05); width:100%; height:auto;}
.relate_article li:active p{ font-weight: bold;}
.relate_article li:active span{ font-weight: bold;}
.textbrowse{ height: 10rem; margin: 0 0 0.2rem;}
.signing p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1rem; font-size: 0.65rem;}
.signing p:active{ font-weight: bold;}

.advice{ display: none;}
.advicePho{ position: fixed; left: 0; bottom: 0; z-index: 99999; width: 100%; box-shadow: 0 -0.05rem 0.1rem #ddd; overflow: hidden; 
    opacity: 0; visibility: hidden; transition: all 0.8s; transform: translateY(200px);}
.advicePhoShow{ opacity: 1; visibility: visible; transform: translateY(0);}
.advicePho ul{ overflow: hidden; background: #fff;}
.advicePho li{ float: left; width: 25%; text-align: center; border-right: solid 0.03rem #eee; transition: all 0.2s;}
.advicePho a{ display: block; padding: 1.5rem 0 0.3rem; position: relative;}
.advicePho li:last-child{ border-bottom: 0;}
.advicePho img{ display: block; width: 1.2rem; height: 1.2rem; margin: 0 auto;}
.advicePho p{ font-size: 0.5rem; margin: 0.1rem 0 0;}
.advicePho span{ display: inline-block; font-size: 0.5rem; color: #fff; width: 0.7rem; height: 0.7rem; line-height: 0.7rem; border-radius: 100%; background: #e82e31;  
position: absolute; top: 0.2rem; right: 1rem; z-index: 9;}
.advicePho li a:active>p{ color: #fff;}
.advicePho li a:active>span{ background: #fff; color: #e82e31;}
.advicePho .quote{ background: url(../image/price_icon01.png) center top 0.3rem no-repeat; background-size: 1.2rem;}
.advicePho .onlinework{ background: url(../image/online_icon01.png) center top 0.3rem no-repeat; background-size: 1.2rem;}
.advicePho .qicq{ background: url(../image/weixin_icon01.png) center top 0.3rem no-repeat; background-size: 1.2rem;}
.advicePho .telephonepho{ background: url(../image/phone_icon01.png) center top 0.3rem no-repeat; background-size: 1.2rem;}
.advicePho .quote:active{ background: url(../image/price_icon02.png) center top 0.3rem #e82e31 no-repeat; background-size: 1.2rem;}
.advicePho .onlinework:active{ background: url(../image/online_icon02.png) center top 0.3rem #e82e31 no-repeat; background-size: 1.2rem;}
.advicePho .qicq:active{ background: url(../image/weixin_icon02.png) center top 0.3rem #e82e31 no-repeat; background-size: 1.2rem;}
.advicePho .telephonepho:active{ background: url(../image/phone_icon02.png) center top 0.3rem #e82e31 no-repeat; background-size: 1.2rem;}

.fk_tier{ width:100%; height:100vh; background: rgba(0,0,0,0.3); position:fixed; top:0; left:0; z-index: 999999; opacity: 0; visibility: hidden;}
.feedback{ position: absolute; width: 85%; left:50%; top:50%; transform: translate(-50%,-50%) scale(0); padding: 2.5rem 1rem 2rem; background: #fff; 
overflow: hidden; opacity: 0; visibility: hidden;}
.fk_tierShow{ transition: all 0.5s; opacity: 1; visibility: visible;}
.feedbackShow{ transition: all 0.5s; opacity: 1; visibility: visible; transform: translate(-50%,-50%) scale(1);}
.fk_title{ width: 100%; position: relative; padding-bottom: 0.5rem;}
.fk_title span{ font-size: 0.75rem; color:#1e2025; line-height: 1rem; height: 1rem; float: left;}
.fk_title img{ width: 0.8rem; position: absolute; top: -1.5rem; right: 0; z-index: 999999;}
.fk_l{ width: 100%;}
.fk_l li P{ font-size: 0.65rem; line-height: 1rem; height: 1rem; margin: 0 0 1rem;}
.fk_l li span{ font-size: 0.65rem; color: #e82e31;}
.fk_l input{ width: 100%; line-height: 2.4rem; height: 2.4rem; border-bottom: solid 0.04rem #e1e1e1; font-size: 0.65rem;}
.fk_r{ display: none;}
.fk_contact{ overflow: hidden; margin: 2.5rem 0 0;}
.fk_contact button{ float: left; width: 100%; height: 1.8rem; line-height: 1.8rem; border: solid 0.04rem #282b31; text-align: center; font-size: 0.65rem; color: #1e2025; 
margin-right: 10%; cursor: pointer;  transition: all 0.3s;}
.fk_contact button:last-child{ margin-right: 0;}
.fk_contact button:hover{ background: #e82e31; color: #fff; border: solid 0.04rem #e82e31;}
.wechat_tier{ width:100%; height:100vh; background: rgba(0,0,0,0.3); position:fixed; top:0; left:0; z-index: 999000; opacity: 0; visibility: hidden;}
.wechat_tierShow{ transition: all 0.5s; opacity: 1; visibility: visible;}
.wechat_con{ position: absolute; width: 70%; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0); padding: 1.6rem 1rem 1.3rem; background: #fff; text-align:center;}
.wechatconShow{ transition: all 0.5s; opacity: 1; visibility: visible; transform: translate(-50%,-50%) scale(1);}
.wechat_con img{ position: absolute; width: 0.8rem; right: 0.6rem; top: 0.6rem; z-index: 999000;}
.wechat_con h1{ font-size: 0.65rem; text-align: center;}
.wechat_word{ background: #f5f5f5; height: 2.2rem; border-radius: 1rem; margin: 1rem 0 1.2rem; display: flex; align-items: center; justify-content: center;}
.wechat_word span{ font-size: 0.7rem;}
.wechat_con textarea{ border: 0; outline: 0; resize: none; font-size: 0.7rem; width: 50%; background: transparent; height: 2.2rem; line-height: 2.2rem;}
.wechat_con button{ background: #05b313; color: #fff; font-size: 0.65rem; border-radius: 0.3rem; width: 5rem; line-height: 1.6rem;}
.wechat_con button:active{ background: #00a70d;}
.tipword{ padding: 0 0.8rem; background: rgba(0,0,0,0.5); color: #fff; font-size: 0.6rem; visibility: hidden; opacity: 0; border-radius: 0.2rem; transition: all 0.3s;
position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9999999;}
.tipword01{ visibility: visible; opacity: 1; padding: 0.5rem 0.8rem;}