*{ margin: 0; padding: 0; font-family: word; font-size: 16px; 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;}
@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 4%; height: 80px; top: 0; left: 0; z-index: 99999; transition: all 0.5s; background: transparent;}
.header .header_logo{ float: left; overflow: hidden; margin: 25px 0 0;}
.header_logo img{ width: 206px; float: left;}
.tagline{ overflow: hidden; margin: 5px 0 0 25px; float: left;}
.tagline span{ float: left; color: #fff;}
.header_logo .header_logo02{ display: none;}
.header .header_titlePC{ float: right;/* margin-right: 3%;*/ width: 36%;}
.header_titlePC ul{ position: relative; height: 80px;}
.header_titlePC .header_topic{ float: left; width: 16.6%; text-align: center; cursor: pointer;}
.header_word01{ position: relative;}
.header_word01 a{ color: #fff; line-height: 80px; display: inline-block;}
.header_word01 img{ width: 10px; position: absolute; top: 38px; right: 18%; z-index: 9;}
.header_word01 span{ display: inline-block; height: 3px; background: #e82e31; position: absolute; width: 50%; bottom: 0; left: 25%; z-index: 99;
transition: all 0.5s; transform: scaleX(0);}
.header_arrow02{ display: none;}
.header_word02{ opacity: 0; visibility: hidden; transition: all 0.5s; position: fixed; top: 80px; left: 0; z-index: 99999; width: 100vw; padding: 0 6% 0 35%;background: #fff; overflow: hidden; box-shadow: 0 1px 3px #e5e5e5;}
.header_word02 a{ float: left; width: 120px; line-height: 50px; display: inline-block;color:black;}
.header_get{ float: right; margin-right: 0; padding: 20px 0 0; margin-left: 2%; cursor: pointer; border-bottom: solid 1px #fff;}
.header_get p{ overflow: hidden; position: relative; line-height: 40px;}
.header_get span{ color: #fff;}
.header_tip{ float: right; overflow: hidden; padding-top:28px;; box-sizing:border-box; line-height: 26px;  margin-left: 2%; cursor: pointer;}
.header_tip_01{ float: right; overflow: hidden;  padding-bottom:26px; line-height: 26px;  cursor: pointer;}
.header_tip img{ width: 24px; float: left;}
.header_tip .header_tell02{ display: none;}
.header_tip span{ color: #fff; margin-left: 15px; float: left;}
.header_tip_02{ opacity: 0; visibility: hidden; transition: all 0.5s; position: fixed; top: 80px; left: 0; z-index: 99999; width: 100vw; padding: 0 6% 0 35%;background:url(../image/Global_left_03.jpg) no-repeat  #fff; overflow: hidden; box-shadow: 0 1px 3px #e5e5e5; height:410px; background-position:right 10% center;}
.header_tip:hover .header_tip_02{ opacity: 1; visibility: visible; padding: 10px 10% ;  }
 ul.global{ width:50%;}
 ul.global li{ width:100%; height:70px; line-height:35px; margin-top:70px; font-size:18px; color:#6a6c73;}
 ul.global li p{font-size:16px; color:#1e2025; font-weight:bold;}
ul.global li img{width:70px; height:70px;  float:left; margin-right:24px;}

.header_menu,.header_titlePho{ display: none;}
.headerAct{
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.header_col{ background: #fff; border-bottom: solid 1px #e1e1e1;}
.header_col .header_word01 a{ color: #323232;}
.header_col .header_tip span{ color: #323232;}
.header_col .header_get{ border-bottom: solid 1px #323232;}
.header_col .header_get span{color: #323232;}
.header_col .tagline span{ color: #323232;}
.header_topic:hover .header_word02{ opacity: 1; visibility: visible; padding: 6px 6% 6px 35%;}
.header_topic:hover .header_word01 span{ transform: scaleX(1);}
.header_word02 a:hover{ color: #e82e31;}

.header_menu{ display: none; float: right; margin: 22px 0 0;}
.header_menu01{ height: 1rem;}
.header_menu02{ display: none;}


@media (min-width: 1366px) and (max-width: 1600px) {
	.header_word01 img{ right: 10%;}
	.header_tip.global{display:none;}
}
@media (min-width: 1300px) and (max-width: 1365px) {
	.header_word01 img{ right: 10%;}
	.header .header_titlePC{ margin-right: 1%;}
	.header_get{ margin-left: 2%;}
	.header_tip.global{display:none;}
}
@media screen and (max-width: 1300px){
	.header_logo span{ display: none;}
	.header_tip{ display: none;}
	.header_get{ margin-left: 0;}
	.header_tip.global{display:none;}
}
@media (min-width: 1024px) and (max-width: 1299px){
	.header .header_titlePC{ width: 50%; margin-right:10%;}
	.header_tip.global{display:none;}
	.
}
@media (min-width: 768px) and (max-width: 1023px){
	.header .header_titlePC{width: 50%; margin-right:10%;}
	.header .header_logo{ margin: 28px 0 0;}
	.header_logo img{ width: 160px;}
	.header_word01 img{ right: 3%;}
		.header_tip.global{display:none;}
}

#followDot {
    position: fixed;
    top: 0;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    z-index: 999999;
    pointer-events: none;
}

#followDot .ordinary {
    position: absolute;
    top: -17px;
    left: -17px;
    width: 40px;
    height: 40px;
    background: rgba(232,46,49,0.3);
    border-radius: 50%;
    opacity: .2;
    box-sizing: border-box;
    z-index: 999999;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#followDot .above {
    position: absolute;
    top: -27px;
    left: -27px;
    width: 60px;
    height: 60px;
    background-color: #ccc;
    border-radius: 50%;
    opacity: .12;
    z-index: 999999;
    box-sizing: border-box;
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#followDot.follow-active .ordinary {
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
}

#followDot.follow-active .above {
	background: rgba(0,0,0,0.3);
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}


.rel{ position: relative;}
.flow{ overflow: hidden;}
.clear{ clear: both;}
.holder{ width: 80%; margin: 0 auto;}
.holder::after{ content:''; display:block; height:0; clear:both; visibility:hidden;}
.pack{ width: 78%; 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_picpho{ display: none;}
.banner_word{ position: absolute; top: 50%; transform: translateY(-50%); left: 10%; width: 80%; z-index: 9;}
.banner_word img{ width: 100%; opacity: 0; visibility: hidden;}
.banner_word .banner_wordpc01{ transition: all 0.8s; transform: translateY(-150px);}
.banner_word .banner_wordpc02{ margin: 50px 0 0; transition: all 0.9s ease 0.2s; transform: translateY(150px);}
.banner_word .banner_wordpho01{ display: none;}
.banner_word .banner_wordpho02{ display: none;}
#swiper01{ position: relative;}
#swiper01 .swiper-slide-active .banner_word .banner_wordpc01{ transform: translateY(0); opacity: 1; visibility: visible;}
#swiper01 .swiper-slide-active .banner_word .banner_wordpc02{ 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: 6%; bottom: 60px;}
#pagination01 .swiper-pagination-bullet{ display: block; width: 7px; height: 7px; margin: 0 0 40px;}
#pagination01 .swiper-pagination-bullet-active{ position: relative;}
#pagination01 .swiper-pagination-bullet-active::after{ content: ''; position: absolute; width: 31px; height: 31px; border-radius: 100%; border: solid 1px #fff; left: -13px; top: -13px; z-index: 99;}

.csj1 a{color:#fff}
.product{ padding: 120px 0;}
.contentBg{ background: #f7f7f8;}
.aboutpaR{ width: 100%; padding-right: 10%;}
.aboutpaL{ width: 100%; padding-left: 10%;}
.about{ padding: 50px 0 150px;}
.about_title{ padding-left: 10%; overflow: hidden;}
.about_title img{ width: 35px; float: left;}
.about_title span{ float: left; line-height: 24px; margin: 0 0 0 20px; font-size: 26px; font-family: Montserrat; text-transform: uppercase;}
.about_overall{ margin: 90px 0 0; padding: 0 0 10px; position: relative; zoom: 1;}
.about_overall::after{ content:''; display:block; height:0; clear:both; visibility:hidden;}
.about_l{ float: left;}
.propaganda{ display: block; width: 100%; outline: 0; border: 0;}
.about_r{ float: right;}
.about_wide01{ width: 50%;}
.about_wide02{ width: 40%;}
.about_wide03{ width: 46%;}
.about_h1{ font-size: 45px; font-weight: 500;}
.about_h1 span{ font-size: 20px; font-weight: 500; display: inline-block; margin: 0 15px;}
.about_h2{ font-size: 60px; text-transform: uppercase; font-family: Montserrat;}
.about_p{ padding: 60px 0 0; overflow: hidden;}
.about_p h1{ font-size: 36px; font-weight: normal; margin: 0 0 40px;}
.about_p p{ font-size: 18px; line-height: 36px; text-align: justify; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; overflow: hidden;}
.about_p span{ color: #e82e31;}
.about_tip{ position: absolute; bottom: 0; left: 0; z-index: 9; font-size: 20px; color: #000;}
.about_tip span{ font-size: 20px; color: #e82e31;}
.record{ position: absolute; bottom: 10px; z-index: 9; width: 40%;}
.recordlist{ overflow: hidden;}
.recordlist li{ width: 33.3%; float: left; overflow: hidden;}
.recordlist li:nth-child(2) .recorder{ padding-left: 12%;}
.recordlist li:last-child .recorder{ float: right;}
.recorder p{ font-size: 20px;}
.recorder span{ font-size: 66px; font-family: DINProb; display: inline-block; margin-right: 10px;}
.recorder h1{ font-size: 20px; font-weight: 500;}
.recordR{ right: 0;}
.recordL{ left: 0;}
.recorder01 span{ font-size: 72px;}
.recordhang{ overflow: hidden; padding: 150px 0 0; width: 100%; text-align: justify;}
.recordhang li{ display: inline-block; text-align: center;}
.recordhang::after{ content: ''; display: inline-block; width: 100%;}


.pro_bg01{ background: url(../image/bg01.png) center no-repeat; background-size: cover;}
.product_title{ position: relative;}
.product_title01{ overflow: hidden;}
.product_title01 img{ width: 35px; float: left; margin-top: 4px;}
.product_title01 span{ float: left; line-height: 30px; margin: 0 0 0 20px; font-size: 26px; font-family: "微软雅黑"; text-transform: uppercase;}
.product_title02{ font-size: 52px; font-family: Montserrat; margin: 10px 0 0;}
.product_title03{ font-size: 24px; position: absolute; bottom: 18px; right: 0; z-index: 9;}
.product_titleHue{ color: #fff;}
.product_title01 .product_titleHue{ color: #fff;}

.service{ padding: 120px 0 0; overflow: hidden;}
.service_pic{ width: 28.1%; position: relative; float: left;}
.service_pic img{ width: 100%; animation: twirl 20s ease-in infinite; -webkit-animation: twirl 20s ease-in infinite;}
.service_pic b{ font-size: 18px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.service_word{ float: right; width: 64%;}
.service_word ul{ zoom: 1;}
.service_word ul::after{ content:''; display:block; height:0; clear:both; visibility:hidden;}
.service_word li{ width: 31%; height: 460px; padding: 36px 4.5% 0; float: left; margin:0 3.5% 10px 0; background: #fff; box-shadow: 0 -5px 15px #dcdcdc; cursor: pointer;
transition: all 0.5s; transform: translate(0);}
.service_word li:last-child{ margin-right: 0;}
.service_word .service01 b{ font-size: 24px; color: #e82e31;}
.service_word .service01 p{ color: #7f8186; padding: 15px 0 0; height: 60px;}
.service_word .ser{ margin: 25px 0 0;}
.service02 .ser p{ font-size: 18px; margin: 0 0 15px; padding-left: 12%; background: url(../image/line_icon01.png) left top 5px no-repeat; background-size: 2px;}
.service02 .ser span{ display: block; line-height: 36px; padding-left: 12%;}
.service_word li:hover{ box-shadow: 0 -4px 20px #aaa; transform: translateY(-8px);}

@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);
    }
}

.case{ padding-left: 10%;}
.case_sub{ position: relative; width: 100%; margin: 100px 0 0;}
.case_title{ overflow: hidden; position: absolute; top: -150px; right: 10%; z-index: 9;}
.case_title li{ float: left; width: 150px; cursor: pointer; text-align: right;}
.case_title li span{ display: inline-block; font-size: 20px; line-height: 42px; transition: all 0.5s; border-bottom: solid 3px transparent;}
.case_title .on span{ border-bottom: solid 3px #e82e31; font-weight: bold;}
.case_list li{ overflow: hidden;}
.case_con{ float: left; width: 31%; overflow: hidden; margin: 0 3.5% 70px 0;  cursor: pointer;}
.case_con:nth-child(3n){ margin-right: 0;}
.case_pic{ width: 100%; position: relative;}
.case_tu{ overflow: hidden; width: 100%; height: 17vw;}
.case_tu img{ width: 100%; height: 100%; display: block; object-fit: cover; object-position: top; transition: all 0.5s; transform: scale(1);}
.case_cap{ float: left; width: 20.5%; margin: 0 6% 90px 0; box-shadow: 0 0 20px #e1e1e1; overflow: hidden; position: relative; cursor: pointer;}
.case_cap:nth-child(4n){ margin-right: 0;}
.case_tp{ width: 100%; height: 32.1vw;}
.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: 20px; margin: 25px 0 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.case_text p{ overflow: hidden; height: 50px;}
.case_text span{ float: left; margin-right: 12px; color: #84878b;}
.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_tip{ text-align: center;}
.case_tip p{ display: inline-block; background: #f5f5f5; padding: 22px 50px; border-radius: 50px; font-size: 18px; line-height: 36px; font-family: DINProm; color: #606060;}
.case_tip span{ font-size: 18px; color: #e12729; line-height: 36px; margin-left: 5px; cursor: pointer; font-family: DINProm; font-weight: bold;}
.case_tip span:hover{ text-decoration: underline;}
.case_tip img{ height: 23px; margin: 0 0 4px 10px; vertical-align: middle;}

.client_bg{ background: url(../image/bg02.jpg) center no-repeat; background-size: cover; padding: 120px 0 100px;}
.client_title{ font-size: 42px; color: #fff; text-align: center;}
.client_line{ display: block; width: 10%; margin: 40px auto 70px;}
.client ul{ overflow: hidden; width: 100%; text-align: justify; padding: 40px 0;}
.client ul::after{ content: ''; display: inline-block; width: 100%;}
.client li{ display: inline-block; width: 12%; cursor: pointer;}
.client li img{ width: 90%; transition: all 0.5s; transform: translateY(0);}
.client li:hover>img{ transform: translateY(-10px);}

.visual{ display: none;}
.even{ position: absolute; top: 45px; right: 10%; z-index: 9; display: inline-block; font-family: DINProb; color: #323232; line-height: 46px; text-transform: uppercase; border-bottom: solid 1px #1d2026; 
cursor: pointer;}
.evenHue{ color: #fff; border-bottom: solid 1px #fff;}
.evenLoc{ right: 0;}
.perceive{ padding-left: 32%; margin: 100px 0 0; position: relative;}
.perceive ul li{ box-sizing:border-box;}
.perceive ul img{width:100%; height:auto; padding:0 10px 10px 0; }

.point_pic{ width: 90%; overflow: hidden; margin-left: 9%;}
.point_pic img{ display: block; width: 100%; transition: all 0.5s; transform: scale(1); cursor: pointer;}
.point_word{ padding-left: 10%;}
.point_word p{ font-size: 18px; margin: 20px 0;}
.point_word span{ color: #afb2b7;}
.point_word .point_wordHue{ color: #fff;}
.perceive .swiper02Btn{ position: absolute; left: 0; bottom: 66px; z-index: 9;}
.swiper02Btn img{ width: 34px; outline: 0; cursor: pointer;}
.swiper02Btn img:nth-child(1){ margin-right: 30px;}
.perceive .swiper05Btn{ position: absolute; left: 0; bottom: 66px; z-index: 9;}
.swiper05Btn img{ width: 34px; outline: 0; cursor: pointer;}
.swiper05Btn img:nth-child(1){ margin-right: 30px;}
.point_pic:hover>img{ transform: scale(1.1);}
.perceive_p{ font-size: 24px; line-height: 46px; position: absolute; top: 0; left: 0; z-index: 9;}
.perceive_p01{ color: #fff;}
.case_arrange,.case_even{ display: none;}

.world{ background: url(../image/bg03.png) center no-repeat; background-size: cover; padding: 130px 0 0; position: relative;}
.world_title{ padding-left: 10%;}
.world_title h1{ font-size: 48px; font-weight: normal;}
.world_title p{ font-size: 60px; font-family: Montserrat; text-transform: uppercase;}
.world_tip b{ font-size: 24px;}
.world_pic{ width: 64%; position: relative;}
.world_tu01{ width: 150%; padding: 130px 0 0; height: 600px; overflow: hidden; transform: translate(-25%, 0);}
.world_tu01 img{ width: 100%; display: block; transition: all 0.9s; cursor: pointer;}
.world_card{ width: 46.9%; padding: 4vw; position: absolute; background: #fff; bottom: 100px; right: 0; z-index: 9;}
.world_card p{ font-size: 24px; line-height: 42px; margin: 50px 0 0;}
.world_card h1{ font-size: 24px; margin: 50px 0 30px;}
.world_card span{ display: block; font-size: 20px;}
.world_tu02{ position: absolute; top: 0; left: 0; z-index: 3; width: 156%; height: 100%; overflow: hidden;
animation: cloudmove 100s infinite linear;}
.world_tu02 img{ width: 50%; min-height: 100%; float: left;}

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

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

.plan{ padding: 120px 0; position: relative;}
.plan_l{ float: left; width: 46%;}
.plan_l h1{ font-size: 45px; font-weight: normal;}
.plan_l .plan_a{ font-size: 18px; line-height: 40px; margin: 70px 0 80px; text-align: justify;}
.plan_l .plan_b{ display: none;}
.plan_l input{ display: block; width: 100%; padding: 0 5%; height: 60px; line-height: 60px; background: #f4f4f4; margin: 0 0 30px 1px;}
.plan_l input:focus{ box-shadow: 0 0 10px #ccc;}
.plan_l .inputbg{ background: #fff;}
.plan_l button{ display: block; width: 200px; height: 60px; line-height: 60px; background: #1e2025; color: #fff; cursor: pointer;}
.plan_l button:hover{ background: #000;}
.plan_r{ position: absolute; bottom: 50%; transform: translateY(52%); right: 0; z-index: 9; width: 36.2%;} 
.plan_r img{ width: 100%;}
.planer{ padding: 80px 0;}
.plan_refer{ float: left; width: 80%; padding: 40px 0 0;}
.plan_need{ margin: 0 0 60px;}
.plan_need p{ display: inline-block; font-size: 36px;} 
.plan_need span{ font-size: 18px; margin-left: 50px;}
.plan_form{ overflow: hidden;}
.plan_form input{ float: left; background: #fff; height: 60px; padding: 0 2%;}
.plan_form .plan_input01{ width: 18%; margin-right: 2%;}
.plan_form .plan_input02{ width: 38%; margin-right: 2%;}
.plan_form button{ float: right; width: 20%; line-height: 60px; font-size: 18px; background: #1e2025; color: #fff; cursor: pointer;}
.plan_form button:hover{ background: #000;}
.plan_need input{ height: 60px; background: #fff;}
.plan_tu{ float: right; width: 15%;}
.plan_tu img{ width: 100%;}


.footer{ background: #1e2025;}
.footer01{ overflow: hidden; padding: 135px 0 115px;}
.footer01a{ float: left; width: 30%;}
.footer01a img{ width: 200px;}
.footer01b{ float: left; width: 34%; padding-right: 5%;}
.footer_title{ font-size: 18px; color: #fff; margin: 0 0 60px; background: url(../image/line_icon03.png) left center no-repeat; background-size: 6px; padding-left: 20px;}
.footer01b ul{ overflow: hidden;}
.footer01b li{ float: left; margin: 0 60px 30px 0;}
.footer01b li a{ font-size: 15px; color: #fff;}
.footer01b li a:hover{ text-decoration: underline;}
.footer01c{ float: left; width: 25%; padding-right: 10%;}
.footer01c .footer01c_p span{ display: block; font-size: 15px; color: #fff; margin: 0 0 30px; line-height: 40px;}
.footer01c .footer01c_p a{ display: block; font-size: 15px; color: #fff; margin: 0 0 30px;}
.footer01d{ float: right;}
.footer_code img{ width: 100%;}
.footer02{ line-height: 150px; overflow: hidden; border-top: solid 1px #35373d;}
.footer02 p{ font-size: 15px; color: #fff; float: left;}
.footer02 span{ font-size: 15px; color: #fff; float: right;}
/*
.picture{ width: 100%; height: 720px; overflow: hidden; position: relative;}
.picture img{ display: block; width: 100%; height: 720px; object-fit: cover;}
.picture_word{ position: absolute; bottom: 180px; left: 0; width: 100%; z-index: 99;}
.picture_word h1{ font-size: 64px; font-weight: normal; color: #fff; text-transform: uppercase; font-family: Montserrat;}
.picture_word h2{ font-size: 82px; line-height: 80px; font-weight: normal; color: #fff; text-transform: uppercase; font-family: MontserratE;}
.picture_word p{ font-size: 30px; color: #fff; margin: 30px 0 0; letter-spacing: 3px;}
.picture_word span{ font-size: 82px; color: #fff; margin: 36px 0 0; text-transform: uppercase; letter-spacing: 3px; font-family: Montserrat;}
*/
.picture{ width: 100%; height: 70vh; overflow: hidden; position: relative;}
.picture img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.picture_word{ position: absolute; bottom: 160px; left: 0; width: 100%; z-index: 99;}
.picture_word h1{ font-size: 64px; font-weight: normal; color: #fff; text-transform: uppercase; font-family: Montserrat;}
.picture_word h2{ font-size: 60px; line-height: 80px; font-weight: bold; color: #fff; text-transform: uppercase; font-family: Montserrat;}
.picture_word p{ font-size: 24px; color: #fff; margin: 60px 0 0; letter-spacing: 3px;}
.picture_word span{ font-size: 82px; color: #fff; margin: 36px 0 0; text-transform: uppercase; letter-spacing: 3px; font-family: MontserratE;}

.custom{ padding: 0 0 150px;}
.custom ul{ zoom: 1;}
.custom ul::after{ content:''; display:block; height:0; clear:both; visibility:hidden;}
.custom .custom_pic{ width: 18%; height: 7.2vw; line-height: 7.2vw; margin: 0 2.5% 25px 0; float: left; background: #fff; box-shadow: 0 0 30px #e3e3e3; text-align: center;}
.custom .custom_pic:nth-child(5n){ margin-right: 0;}
.custom_pic img{ width: 60%; vertical-align: middle;}
.construct_custom li:last-child{ display: none;}

.slogan{ padding: 140px 0; background: url(../image/slogan_bg.jpg) center no-repeat; background-size: cover;}
.slogan_pic{ width: 290px; height: 290px; position: relative; float: left;}
.slogan_bg{ display: block; width: 100%;}
.slogan_tu{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9; width: 60%; height: 60%; text-align: center; border-radius: 100%; overflow: hidden;}
.slogan_tu img{ width: 100%; min-height: 100%; object-fit: cover;}
.slogan_word{ float: right; width: 65%; padding: 20px 0 0 5%; margin: 30px 0 0; background: url(../image/quotation_icon.png) left top no-repeat; background-size: 4.2%;}
.slogan_word p{ font-size: 26px; color: #fff; /*font-family: "宋体";*/ line-height: 60px;}
.slogan_word span{ display: block; font-size: 18px; color: #fff;/* font-family: "宋体";*/ margin: 35px 0 0;}
.product_intro{ margin: 180px 0 280px; font-size: 26px; line-height: 50px; /*font-family: "宋体";*/}
.team{ float: right;}
.team li{ width: 370px; height: 390px; display: block; margin: 0 0 20px; overflow: hidden;}
.team li img{ width: 100%; height: 390px; object-fit: cover;}
.grip{ position: sticky; top: 120px; left: 0; z-index: 9; margin: 120px 0 0; width: 36%;}

.rise{ padding: 160px 0;}
.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: 36px; color: #fff;}
.rise_title span{ color: #ff2f32; font-size: 36px;}
.rise_titleMid{ text-align: center;}
.rise_data{ margin: 150px 0 0;}
.rise_data ul{ overflow: hidden; width: 100%; text-align: justify;}
.rise_data ul::after{ content: ''; display: inline-block; width: 100%;}
.rise_data li{ display: inline-block; text-align: center;}
.rise_rec{ color: #fff; font-size: 42px; overflow: hidden;}
.rise_rec span{ display: inline-block; margin: 0 10px 0 10px; font-size: 55px; color: #fff; font-family: DINProb;}
.rise_rec p{ display: inline-block; font-size: 20px; color: #fff;}
.rise_rec h1{ font-size: 72px; font-weight: normal; font-family: DINProb; color: #fff;}
.rise_rec h2{ font-size: 20px; font-weight: normal; color: #fff;}
.rise_line{ text-align: center; margin: 80px 0 0;}
.rise_line img{ width: 90%;}

.headline{ overflow: hidden;}
.headline a{ float: left; color: #6c6f74; font-size: 18px; line-height: 40px; border-bottom: solid 2px transparent; margin: 0 70px 0 0;}
.headline .headlineAct{ color: #1d2026; font-weight: bold; border-bottom: solid 2px #e82e31;}
.headline a:hover{ color: #1d2026; border-bottom: solid 2px #e82e31;}
.arrow_tip{ display: none;}
.case_vary{ padding: 0 0 50px;}
.case_inner{ width: 100%; margin: 100px 0 0; overflow: hidden;}
.case_inner ul{ overflow: hidden;}
.circuit{ background: url(../image/cir_bg.jpg) center no-repeat; background-size: cover; padding-right: 10%;}
.circuit01{ background: url(../image/cir_bg01.jpg) center no-repeat; background-size: cover; padding-right: 10%;}
.plot01{ overflow: hidden; width: 52%; position: absolute; right: 0; top: -165px; z-index: 99;}
.plot01 li{ border-bottom: solid 2px #565961; line-height: 50px; float: left; cursor: pointer;}
.plot01 span{ font-size: 36px; color: #565961;}
.plot01 p{ display: inline-block; font-size: 20px; color: #565961; margin-left: 16px;}
.plot01 .plot01_act{ border-bottom: solid 3px #fff;}
.plot01 .plot01_act span{ color: #fff;}
.plot01 .plot01_act p{ color: #fff;}
.plot_bra li{ width: 25%;}
.plot_brb li{ width: 20%;}
.plot_bra li:hover>span{ color: #fff;}
.plot_bra li:hover>p{ color: #fff;}
.plot_brb li:hover>span{ color: #fff;}
.plot_brb li:hover>p{ color: #fff;}
.plotPc{ margin: 100px 0 0; position: relative;}
.plotPho{ display: none;}
.plot02{ overflow: hidden;}
.plot_vision{ width: 38%; float: left;}
.plot02 ul{ width: 52%; float: right;}
.plot02 li{ display: none;}
.plot02 .plot02_act{ display: block;}
.plot_btn{ padding: 14px 40px; font-size: 18px; color: #fff; border-radius: 50px; background: #e82e31; position: absolute; right: 0; bottom: 0; z-index: 99; cursor: pointer;}
.plot_btn a{ font-size: 18px; color: #fff;}
.plot_btn:hover{ background: #dc1b1e;}
.plot_p section{ margin: 0 0 20px;}
.plot_p h1{ font-weight: normal; font-size: 22px; color: #fff; margin: 0 0 20px;}
.plot_p p{ font-size: 20px; line-height: 38px; color: #fff; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.plot_p span{ display: block; font-size: 20px; line-height: 38px; color: #b5b8c0; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.plot_f{ margin: 80px 0 0; overflow: hidden; width: 100%;}
.plot_f01{ float: left; margin-right: 60px; margin-bottom: 12px; text-align: center;}
.plot_f01:last-child{ margin-right: 0;}
.plot_f01 img{ width: 51px;}
.plot_f01 p{ font-size: 14px; line-height: 30px; color: #9c9d9f; text-align: center;}
.chart{ background: #1e2025; padding: 120px 0;}
.chart_title{ font-size: 42px; color: #fff; text-align: center; margin: 0 0 80px;}
.chart_title span{ font-size: 42px; color: #fe3235;}
.chart .tablePc{ width: 100%; background: #3c3f45; border: 0;}
.chart .tablePho{ display: none;}
.chart tr:nth-child(2n+1) td{ background: #2b2d33;}
.chart tr:nth-child(2n) td{ background: #2e3137;}
.chart tr:nth-child(1) td{ font-size: 22px; text-align: center; color: #fff;}
.chart th{ background: #f5f5f5;}
.chart td{ background: #1e2025; color: #bec1cb; width: 10%; padding: 5px 3.5%; height: 80px; line-height: 26px; word-break: break-word;}
.chart td:nth-child(1){ width: 19%;}
.chart td:nth-child(n+2){ width: 27%;}
.chart tr:nth-child(2n+1) .bgcol{ background: #e82e31;}

.swiperWit03{ padding: 0 9.5%;}
#pagination03{ bottom: 20px;}
#pagination03 .swiper-pagination-bullet{ width: 7px; height: 7px; margin: 0 20px; background: #bbbec5;}
#pagination03 .swiper-pagination-bullet-active{ position: relative; background: #1e2025;}
#pagination03 .swiper-pagination-bullet-active::after{ content: ''; position: absolute; width: 31px; height: 31px; border-radius: 100%; border: solid 1px #d0d1d5; left: -13px; top: -13px; z-index: 99;}
#swiper03{ padding: 200px 0 150px;}
.patron{ padding: 0 15px;}
.patronitem{ padding: 100px 0 50px; text-align: center; box-shadow: 0 0 18px #e3e3e3; position: relative;}
.patronitem:nth-child(3n){ margin-right: 0;}
.patron_pic{ width: 105px; height: 105px; border-radius: 100%; box-shadow: 0 0 20px #e1e1e1; overflow: hidden; position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%); z-index: 9;}
.patron_pic img{ width: 105px; height: 105px; border-radius: 100%;}
.patron_word{ padding: 0 10%; font-size: 18px; line-height: 32px; height: 110px;}
.patron_p{ margin: 50px 0 0;}
.patron_p h1{ font-size: 22px;}
.patron_p p{ font-size: 18px; line-height: 30px;}

.point_bg{ background: url(../image/point_bg.jpg) center no-repeat; background-size: cover;}
.exploit h1{ font-size: 60px; font-family: Montserrat; text-transform: uppercase;}
.exploit p{ font-size: 30px; line-height: 60px; margin: 78px 0 0;}
.recordelite{ overflow: hidden;}
.recordelite li{ float: left; margin: 0 0 80px; overflow: hidden;}
.recordelite li:nth-child(2n+1){ width: 40%;}
.recordelite li:nth-child(2n){ width: 60%;}
.recordelite li:nth-child(n+3){ margin: 0;}
.recordelite li .recorder01{ float: right;}

.develop{ margin: 180px 0 0; zoom: 1;}
.develop::after{ content:''; display:block; height:0; clear:both; visibility:hidden;}
.develop li{ width: 16%; margin-right: 12%; float: left;}
.develop li:last-child{ margin-right: 0;}
.develop .dev_pic{ width: 100%; position: relative; cursor: pointer; transition: all 0.5s;}
.develop .dev_pic01{ width: 100%; display: block;}
.develop .dev_pic02{ width: 50%; position: absolute; right: -40%; bottom: 3px; z-index: -1;}
.develop p{ font-size: 20px; margin: 30px 0 0; padding-left: 8%;}
.dev_pic:hover{ transform: translate(2px,-5px);}
.serve{ padding: 150px 0 0; background: #1e2025;}
.serve h1{ font-size: 40px; color: #fff; text-align: center;}
.serve ul{ overflow: hidden; margin: 80px 0 0; padding: 0 0 90px;}
.serve li{ width: 20%; text-align: center; float: left; padding: 80px 0; cursor: pointer;}
.serve li img{ width: 50px; transition: all 0.5s;}
.serve li p{ font-size: 22px; margin: 30px 0 0; color: #8b8e97;}
.serve li:hover>img{ transform: rotateY(360deg);}
.serve li:hover>p{ color: #fff;}
.set_app{ width: 100%; zoom: 1; padding: 10px 10px 0 0;}
.set_app::after{ content:''; display:block; height:0; clear:both; visibility:hidden;}
.set_app li{ width: 38%; margin-left: 8%; padding: 60px 0; float: right; text-align: center; box-shadow: 0 2px 12px #e1e1e1;}
.set_app img{ width: 68px;}
.set_app p{ font-weight: bold; font-size: 20px; line-height: 40px; margin: 30px 0 0;}
.set_app span{ font-family: MontserratE; font-size: 18px; color: #b4b7be; font-weight: bold; text-transform: uppercase;}
.example{ margin: 90px 0 0;}
.example ul{ zoom: 1;}
.example li{ float: left; width: 20.5%; margin-right: 6%; box-shadow: 0 0 20px #e1e1e1; overflow: hidden; position: relative; cursor: pointer;}
.example li:last-child{ margin-right: 0;}
.example ul::after{ content:''; display:block; height:0; clear:both; visibility:hidden;}
.example_pic{ width: 100%; height: 32.1vw;}
.example_pic img{ width: 100%; height: 100%; object-fit: cover; display: block; width: 100%;}
.example_tier{ position: absolute; top: 0; left: 0; z-index: 9; text-align: center; transition: all 0.8s; opacity: 0; visibility: hidden;}
.example_tier section{ width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 99;}
.example_tier p{ display: none; font-size: 24px; color: #fff;}
.example_tier img{ display: none; margin: 70px auto 0;}
.example_tier .example_tu{ width: 100px;}
.example_tier .add_icon{ width: 50px;}
.example li:hover .example_tier{ background: rgba(232,46,49,0.8); opacity: 1; visibility: visible; width: 100%; height: 100%;}
.example li:hover p{ display: block;}
.example li:hover img{ display: block;}
.case_cap:hover .example_tier{ background: rgba(232,46,49,0.8); opacity: 1; visibility: visible; width: 100%; height: 100%;}

.set_office{ zoom: 1; padding: 10px 10px 0 0;}
.set_office::after{ content:''; display:block; height:0; clear:both; visibility:hidden;}
.set_office li{ float: right; width: 42%; padding: 50px 0 50px 6%; box-shadow: -2px 8px 8px #eee; cursor: pointer;}
.set_office img{ width: 45px; vertical-align: middle; transition: all 0.5s;}
.set_office span{ line-height: 45px; font-size: 22px; margin-left: 20px;}
.set_office li:hover>img{ transform:rotateY(360deg);}

.settle{ padding: 150px 0 0; background: #1e2025;}
.settle h1{ font-size: 40px; color: #fff; text-align: center;}
.settle ul{ overflow: hidden; margin: 100px 0 0; padding: 0 0 130px;}
.settle li{ width: 23%; text-align: center; float: left; padding: 60px 0; border: solid 1px #2e3032; margin: 0 2% 30px 0; cursor: pointer;}
.settle li:last-child{ margin: 0 0 30px;}
.settle li p{ font-size: 22px; margin: 30px 0 0; color: #8b8e97;}
.settle li img{ width: 50px; transition: all 0.5s;}
.settle li h2{ font-size: 24px; color: #fff; font-weight: normal; margin: 50px 0 40px; text-align: center;}
.settle li span{ line-height: 32px; color: #8b8e97; display: block; padding: 0 10px;}
.settle li:hover>img{ transform:rotateY(360deg);}
.settle li:hover>p{ color: #fff;}

.elegant{ padding: 130px 0; text-align: center;}
.elegant01 h1{ font-size: 60px; font-family: Montserrat; text-transform: uppercase; letter-spacing: 10px; }
.elegant01 p{ font-size: 24px; margin: 10px 0 50px; letter-spacing: 10px; color: #000;}
.elegant02{ width: 70%; margin: 0 auto; font-size: 26px; line-height: 48px; color: #494b4f;}
.elegant03{ overflow: hidden; margin: 125px 0 0;}
.elegant03 li{ height: 350px; overflow: hidden; cursor: pointer; position: relative; width: 49%;}
.elegant03 li:nth-child(1){ float: left;}
.elegant03 li:nth-child(2){ float: right;}
.elegant03 li img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; transform: scale(1);}
.elegant03 li:hover>img{ transform: scale(1.08);}
.elegant03 p{ font-size: 30px; color: #fff;}
.elegant03 span{ display: block; margin: 15px 0 0; font-size: 18px; color: #fff;}
.elegant03 section{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9;}

#swiper04{ margin: 100px 0 0; position: relative; padding: 0 0 80px;}
#swiper04 .swiper-slide{ width: auto;}
.figure img{ display: block; height: 550px; object-fit: cover;}
#swiper04 .tac{ position: absolute; right: 10%; bottom: 0; z-index: 99;}
.tac img{ width: 34px; cursor: pointer;}
.tac img:nth-child(1){ margin-right: 30px;}

.case_name b{ font-size:36px; line-height: 40px;}
.case_h{ margin: 0 0 50px; overflow: hidden; line-height: 42px;}
.case_h h1{ font-size: 36px; float: left;}
.case_explain{ float: right;}
.case_explain p{ display: inline-block;}
.case_explain span{ display: inline-block; margin-left: 20px; padding-left: 20px; position: relative;}
.case_explain span::before{ content: ''; display: inline-block; width: 1px; height: 18px; background: #666; position: absolute; left: 0; top: 12px; z-index: 9;}
.case_explain a{ display: inline-block; border: solid 2px #d4d6dc; padding: 6px 15px; border-radius: 20px; margin-left: 30px; line-height: 20px;}
.case_explain a:hover{ background: #e82e31; color: #fff; border: solid 2px #e82e31;}

.case_word{ padding: 0 0 100px;}
.case_word h3{ font-size: 36px; line-height: 42px; font-family: word; margin: 0 0 50px;}
.case_word p,.case_word span,.case_word strong{ line-height: 36px !important; font-size: 18px !important;}
.case_word img{ width: 100% !important; height: auto !important;}
.case_consult{ position: relative;}
.case_consult::after{ content:''; display:block; height:0; clear:both; visibility:hidden;}
.case_consult h1{ float: left; padding: 11px 0; font-weight: normal; width:100%;}
.case_consult span{ font-size: 26px; line-height: 32px; margin: 0 15px 10px 0;}
.case_consult button{ display: inline-block; font-size: 16px; line-height: 32px; font-weight: bold;  border-radius: 30px; padding: 5px 36px; margin-left: 20px; cursor: pointer; transition: all 0.3s;   background: #e82e31; color: #fff;}
/* .case_consult button:hover{ background:#fff; color: #e82e31; border: solid 2px #e82e31; } */
.case_consult a{ display: inline-block; font-size: 16px; line-height: 32px; font-weight: bold; color: #e82e31; border: solid 2px #e82e31; border-radius: 30px; padding: 5px 36px; margin-left: 20px; cursor: pointer; transition: all 0.3s; float:right;}
.case_consult a:hover{ background: #e82e31; color: #fff; border: solid 2px #e82e31;}




.case_icon{ padding: 5px 36px; line-height: 32px; border-radius: 50px; transition: all 0.3s; border: solid 2px #e2e2e2; overflow: hidden; cursor: pointer;position: absolute; top: 11px; right: 0; z-index: 9;}
.case_icon img{ width: 30px; float: left;}

.case_icon p{ font-size: 20px; float: left; margin-left: 10px; line-height: 32px;}
.case_consult .case_icon02{ display: none;}
.case_icon:hover{ background: #e82e31; border: solid 2px #e82e31;}
.case_icon:hover .case_icon01{ display: none;}
.case_icon:hover .case_icon02{ display: block;}
.case_icon:hover>p{ color: #fff;}
.case_next{ width: 100%; height: 25vw; overflow: hidden; position: relative; margin: 100px 0 0; cursor: pointer;}
.case_next img{ width: 100%; height: 100%; object-fit: cover;}
.case_infoTier{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 90; background: rgba(0,0,0,0.3);}
.case_info{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 99; text-align: center;}
.case_info h1{ font-size: 48px; color: #fff; font-weight: normal;}
.case_info p{ font-size: 30px; color: #ddd; margin: 20px 0 0;}
.case_info span{ display: block; font-family: Montserrat; font-size: 26px; color: #e82e31; margin: 50px 0 0;}
.case_arrange button, .case_inner button{ display: none;}
.largePic{ position: fixed; top: 100%; left: 0; z-index: 999;}
.largePic img{ width: 100%; height: 100%; object-fit: cover;}

.partain{ padding: 100px 0 150px;}
.partL{ float: left;}
.partR{ float: right;}
.partW01{ width: 70%;}
.partW02{ width: 21%;}
.partW03{ width: 55%;}
.partW04{ width: 27%;}
.partLoc{ position: sticky; top: 80px;}
.newsgap{ padding: 100px 0 0;}
.newsgap::after{ content:''; display:block; height:0; clear:both; visibility:hidden;}
.news{ width: 100%;}
.news li{ margin: 0 0 70px; cursor: pointer;}
.news_pic{ width: 100%; height: 17vw; overflow: hidden;}
.news_pic img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.news_pic:hover>img{ transform: scale(1.05);}
.news_p h1{ font-size: 30px; font-weight: normal;  margin: 40px 0 30px;}
.news_p p{ color: #84878b; line-height: 32px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.news_icon{ display: block; overflow: hidden; line-height: 20px; margin: 40px 0 0; transition: all 0.5s;}
.news_icon img{ width: 19px; float: left; margin: 7px 0 0;}
.news_icon span{ font-family: DINProm; text-transform: uppercase; float: left; margin: 0 0 0 15px;}
.news_p:hover>h1{ color: #e82e31;}
.news_p:hover>p{ color: #1d2026;}
.news_p:hover+.news_icon{ transform: translateX(10px);}
.news_icon:hover{ transform: translateX(10px);}
.news_reco{ width: 100%; padding: 0 6% 30px; float: right; border: solid 1px #e1e1e1; margin: 0 0 30px;}
.news_retitle{ height: 70px; position: relative;}
.news_retitle b{ font-size: 22px; line-height: 60px; border-top: solid 4px #e82e31; display: inline-block;}
.news_retitle h1{ font-size: 22px; font-weight: normal; line-height: 70px; display: inline-block;}
.news_article li a{ display: block; padding: 0 0 25px; overflow: hidden;}
.news_article li span{ float: left; width: 30%; height: 3.5vw; overflow: hidden;}
.news_article li img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.8s;}
.news_article li p{ float: right; width: 65%; line-height: 24px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.news_article li:last-child a{ padding: 0;}
.news_article li:hover img{ transform: scale(1.08);}
.news_article li:hover p{ font-weight: bold;}
.news_con{ padding: 0 0 100px; min-height: 600px; width:100%;}
.news_con h1{ font-size: 32px; margin: 0 0 28px;}
.news_infor img{ width: 100% !important; height: auto !important;}
.news_infor p{ font-size: 18px; line-height: 36px; margin: 30px 0 0;}
.sidebar{ width: 100%; padding: 0 6% 30px; float: right; border: solid 1px #e1e1e1;  margin: 0 0 30px;}
.relate_article li{ display: block; overflow: hidden; padding: 0 0 10px;}
.relate_article li:nth-child(1){ padding: 0 0 22px;}
.relate_article li:last-child{ padding: 0;}
.relate_article li .art_pic{ width: 100%; height: 8vw; 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: 15px; line-height: 22px; padding: 15px 0; border-bottom: dotted 1px #bbb;}
.relate_article li span{ display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 15px; line-height: 22px; max-width: 100%;}
.relate_article li:hover .art_pic img{ transform: scale(1.05);}
.relate_article li:hover p{ font-weight: bold;}
.relate_article li:hover span{ font-weight: bold;}
.news_tip{ border-bottom: solid 1px #e1e1e1; overflow: hidden; padding: 60px 0 50px;}
.news_tip01{ width: 60px; height: 60px; border-radius: 100%; overflow: hidden; float: left;}
.news_tip01 img{ width: 100%; height: 100%; object-fit: cover;}
.news_tip02{ float: left; margin: 6px 0 0 20px;}
.news_tip02 p{ margin: 0 0 5px;}
.news_tip02 span{ font-size: 14px; color: #999;}
.nextarticle{ width: 100%; height: 300px; background: #eee; position: relative; cursor: pointer;}
.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: 24px; color: #7d7f85; font-weight: normal;}
.nextarticle_p p{ font-size: 30px; margin: 15px 0 0;}
.nextarticle_tier{ background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9;}
.nextarticle_p01 h1{ color: #eee;}
.nextarticle_p01 p{ color: #fff;}
.textbrowse{ height: 260px;}
.signing{ display: flex; align-items: center; height: 45px;}
.signing p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 22px; font-size: 15px;}
.signing p:hover{ font-weight: bold;}

.touch{ padding: 130px 0;}
.touch_int{ margin: 110px 0 0;}
.touch_title h1{ font-family: Montserrat; font-size: 42px; text-transform: uppercase; line-height: 40px; margin: 0 0 120px;}
.touch_title p{ width: 60%; font-size: 18px; line-height: 36px; margin: 0 0 30px;}
.touch_title span{ font-size: 18px;}
.touch_content h1{ font-size: 26px;}
.touch_content p{ font-size: 18px; margin: 15px 0 120px;}
.touch_content ul{ overflow: hidden;}
.touch_content li{ width: 46%; margin: 0 0 80px;}
.touch_content li:nth-child(2n+1){ float: left;}
.touch_content li:nth-child(2n){ float: right;}
.touch_content input{ width: 100%; line-height: 50px; font-size: 18px; border-bottom: solid 1px #1d2026;}
.touch_content select{ width: 100%; height: 50px; font-size: 18px; outline: 0; border-top: 0; border-left: 0; border-right: 0; border-bottom: solid 1px #1d2026;}
.touch_content img{ display: none;}
.touch_content option{ height: 50px;}
.touch_content button{ padding: 10px 50px; border: solid 1px #1d2026; font-size: 18px; cursor: pointer; transition: all 0.5s;}
.touch_content button:hover{ background: #1d2026; color: #fff;}
.paging{ text-align: center; padding: 50px 0 0; overflow: hidden;}
.pagingBtn{ margin: 15px 0 0;}
.pagingBtn01{ float: left;}
.pagingBtn02{ float: right;}
.pagingBtn img{ width: 32px; display: inline-block; cursor: pointer;} 
.pagingBtn .paging_icon02{ display: none;}
.pagingBtn:hover .paging_icon01{ display: none;}
.pagingBtn:hover .paging_icon02{ display: inline-block;}
.paging p{ display: inline-block;}
.paging span{ display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; background: #f5f5f5; font-family: DINProb; margin: 0 5px; transition: all 0.3s;}
.paging .cur_page{ color: #fff; background: #e82e31;}
.paging span:hover{ color: #fff; background: #e82e31;}
.advice{ position: fixed; top: 50%; right: 1px; transform: translateY(-50%); z-index: 99999; box-shadow: 0 0 12px #999; background: #fff;}
.advice li{ width: 90px; text-align: center; border-bottom: solid 1px #e1e1e1; cursor: pointer; transition: all 0.3s; position: relative;}
.advice li:last-child{ border-bottom: 0;}
.advice_img01,.advice_img02{ display: block; width: 40px; height: 40px; margin: 0 auto;}
.advice_img02{ display: none;}
.advice a{ display: block; padding: 15px 0;}
.advice p{ font-size: 14px;}
.advice span{ display: inline-block; font-size: 12px; color: #fff; width: 16px; height: 16px; line-height: 16px; border-radius: 100%; background: #e82e31; 
position: absolute; top: 13px; right: 20px; z-index: 99;}
.advice li a:hover{ background: #e82e31;}
.advice li a:hover .advice_img01{ display: none;}
.advice li a:hover .advice_img02{ display: block;}
.advice li a:hover>p{ color: #fff;}
.advice li a:hover>span{ background: #fff; color: #e82e31;}
.weixin_code{ background: #fff; padding: 10px; position: absolute; right: 90px; top: 0; z-index: 999; transition: all 0.3s; opacity: 0; visibility: hidden;}
.weixin_code img{ width: 100px;}
.wechatwork:hover .weixin_code{ opacity: 1; visibility: visible;}
.advicePho{ display: none;}

.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: 50%; left:50%; top:50%; transform: translate(-50%,-50%) scale(0); padding: 70px; 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{ padding-bottom: 50px; width: 100%;}
.fk_title span{ font-size:30px; color:#1e2025; line-height:30px; height:30px; float: left;}
.fk_title img{ width: 24px; float: right; margin: 3px 0 0; cursor: pointer;}
.fk_l{ width: 40%; float:left;}
.fk_l li P{ font-size: 22px; height: 50px; margin: 0 0 20px;}
.fk_l li span{ font-size: 18px; color: #e82e31;}
.fk_l input{ width: 100%; line-height: 60px; height: 60px; border-bottom: solid 1px #e1e1e1;}
.fk_r{ width:45%; float:right;}
.fk_h1{ font-size: 22px; height: 50px; margin: 0 0 20px;}
.fk_h1 span{ font-size: 18px; color: #e82e31;}
.fk_code{ overflow: hidden; padding: 20px 0 0; position: relative; height: 180px;}
.fk_pic{ width: 160px; height: 160px; padding: 10px; background: url(../image/feedbackBg.png) no-repeat center; background-size:100%; float:left;}
.fk_pic img{ width: 100%;}
.fk_tell{ position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.fk_tell p{ font-family: DINPro; font-size:20px;}
.fk_tell span{ font-family: DINPro; font-size:20px; display: block; margin: 10px 0 0;}
.fk_contact{ overflow: hidden; margin: 60px 0 0;}
.fk_contact a{ float: left; width: 45%; margin-right: 10%;}
.fk_contact button{ width: 100%; line-height: 50px; text-align: center; font-size: 18px; height: 50px; border: solid 1px #282b31; color: #1e2025; cursor: pointer; transition: all 0.3s;}
.fk_contact a:last-child{ margin-right: 0;}
.fk_contact button:hover{ background: #e82e31; color: #fff; border: solid 1px #e82e31;}
.wechat_tier{ display: none;}


@media (min-width: 769px) and (max-width: 1800px) {
	.about_h2{ font-size: 50px;}
	.about_p h1{ font-size: 30px; margin: 0 0 38px;}
	.about_p02{ padding: 45px 0 0;}
}

@media (min-width: 769px) and (max-width: 1660px) {
    .picture{ height: 82vh;}
    .picture_word{ bottom: 15vh;}
    .picture_word span{ font-size: 72px;}
    .picture_word h2{ font-size: 50px; line-height: 60px;}
    .picture_word p{ font-size: 22px; margin-top: 40px;}
	.about_h1{ font-size: 36px;}
	.about_h2{ font-size: 45px;}
	.about_p01{ padding: 35px 0 0;}
	.about_p02{ padding: 40px 0 0;}
	.about_p p{ font-size: 16px; line-height: 32px;}
	.about_p h1{ font-size: 24px; margin: 0 0 30px;}
	.about_tip{ font-size: 18px; bottom: -5px;}
	.about_tip span{ font-size: 18px;}
	.exploit h1{ font-size: 50px;}
	.exploit p{ font-size: 26px; line-height: 50px;}
	.recorder p,.recorder h1,.service_pic b{ font-size: 16px;}
	.recorder span{ font-size: 64px;}
	.world_title h1{ font-size: 45px;}
	.world_title p{ font-size: 56px;}
	.plot_f{ margin: 30px 0 0;}
	.plot01 span{ font-size: 28px;}
	.plot01 p{ font-size: 18px;}
	.plot_p{ font-size: 20px; line-height: 38px;}
	.set_office li{ padding: 32px 0 32px 6%;}
	.set_office img{ width: 34px;}
	.set_office span{ font-size: 20px; margin-left: 10px;}
	.headline a{ margin: 0 40px 0 0;} 
	.rise_rec p{ font-size: 18px; display: block;}
	.rise_rec span{ margin: 0;}
	.case_consult span{ font-size: 22px;}
	.case_icon img{ width: 28px;}
	.case_icon p{ font-size: 18px;}
	.plan_refer{ width: 75%;}
	.plan_tu{ width: 20%;}
	.feedback{ width: 60%; padding: 35px;}
}

@media (min-width: 769px) and (max-width: 1400px) {
	.about_h1{ font-size: 32px;}
	.about_h2,.exploit h1{ font-size: 38px;}
	.about_p01{ padding: 30px 0 0;}
	.about_p02{ padding: 35px 0 0;}
	.about_p p{ font-size: 14px; line-height: 28px;}
	.about_p h1{ font-size: 24px; margin: 0 0 26px;}
	.about_tip,.about_tip span{ font-size: 16px;}
	.exploit h1{ font-size: 46px;}
	.exploit p{ font-size: 24px; line-height: 50px; margin: 66px 0 0;}
	.recorder p,.recorder h1,.service_pic b{ font-size: 14px;}
	.recorder span{ font-size: 58px;}
	.service02 .ser span{ font-size: 14px; line-height: 30px;}
	.product_title02{ font-size: 52px;}
	.product_title03{ font-size: 22px; bottom: 14px;}
	.world_title h1{ font-size: 38px;}
	.world_title p{ font-size: 48px;}
	.world_card p{ margin: 30px 0 0;}
	.world_card h1{ margin: 30px 0 15px;}
    .plan_l h1{ font-size: 40px;}
	.plan_l .plan_a{ margin: 30px 0;}
	.set_app li{ padding: 40px 0;}
	.set_app p{ font-size: 18px;}
	.set_app span{ font-size: 16px;}
	.set_office li{ padding: 32px 0 32px 6%;}
	.set_office img{ width: 30px;}
	.set_office span{ font-size: 16px; margin-left: 6px;}
	.headline a{ margin: 0 30px 0 0;}
	.client li{ width: 25%;}
	.client li:nth-child(3){ text-align: right;}
	.client li:nth-child(4){ text-align: left;}
	.client li:nth-child(-n+3){margin: 0 0 30px;}
	.client li:nth-child(4+n){ margin: 0;}
	.rise_title,.rise_title span{ font-size: 34px;}
	.rise_rec span{ font-size: 46px;}
	.rise_rec{ font-size: 24px;}
	.rise_rec p,.rise_rec h2{ font-size: 18px; display: block;}
	.rise_rec h1{ font-size: 62px;}
    .plotPc{ margin: 200px 0 0;}
    .plot_bra{ width: 70%; left: 11%; right: auto;}
    .plot_brb{ width: 89%;}
    .plot_p{ font-size: 16px; line-height: 30px;}
	.plot_btn{ padding: 9px 25px; font-size: 14px;}
	.plot_f01{ margin-right: 30px;}
	.recordhang{ padding: 90px 0 0;}
	.settle li h2{ font-size: 24px; margin: 40px 0 30px;}
	.case_explain li{ padding-left: 50px; margin: 0 0 80px;}
	.news_retitle b{ font-size: 20px;}
	.news_reco{ width: 100%;}
	.news_reco li p{ font-size: 14px; line-height: 20px;}
	.case_consult span{ font-size: 18px;}
	.case_consult button{ font-size: 16px; line-height: 24px; padding: 6px 22px;}
	.case_icon{ padding: 6px 22px; float: left;}
	.case_icon p{ font-size: 18px; line-height: 24px;}
	.case_icon img{ width: 22px;}
	.case_info h1{ font-size: 38px;}
	.case_info p{ font-size: 24px;}
	.plan_refer{ width: 70%;}
	.plan_tu{ width: 25%;}
	.plan_need p{ font-size: 32px;}
	.plan_need span{ display: block; margin-left: 0; margin-top: 15px;}
	.case_explain{ width: 100%; margin: 40px 0 0;}
	.paging span{ width: 40px; height: 40px; line-height: 40px;}
	.pagingBtn{ margin: 9px 0 0;}
	.fk_title span{ font-size: 22px;}
	.fk_pic{ width: 130px; height: 130px;}
	.fk_l li span{ font-size: 16px;}
    .fk_r{ width: 50%;}
}

@media (min-width: 769px) and (max-width: 1200px) {
	.about_h1{ font-size: 26px;}
	.about_h2,.exploit h1{ font-size: 34px;}
	.about_p01{ padding: 28px 0 0;}
	.about_p02{ padding: 30px 0 0;}
	.about_p p{ font-size: 14px; line-height: 28px; -webkit-line-clamp: 3;}
	.about_p h1{ font-size: 22px; margin: 0 0 22px;}
	.about_tip{ font-size: 14px; bottom: -10px;}
	.about_tip span{ font-size: 14px;}
	.exploit p{ font-size: 22px; line-height: 40px; margin: 60px 0 0;}
	.recorder p,.recorder h1,.service_pic b{ font-size: 14px;}
	.recorder span{ font-size: 50px;}
	.service_pic{ width: 36%;}
	.service_word{ width: 60%;}
	.service02 .ser span{ display: none;}
	.service_word li{ height: 350px;}
	.product_title02{ font-size: 46px;}
	.product_title03{ font-size: 20px; bottom: 12px;}
    .world_title h1{ font-size: 40px;}
	.world_title p{ font-size: 50px;}
	.world_tip b{ font-size: 20px;}
	.world_card p{ font-size: 20px; line-height: 38px; margin: 20px 0 0;}
	.world_card h1{ font-size: 20px; margin: 20px 0 10px;}
    .world_card span{ font-size: 18px;}
    .plan_l .plan_a{ display: none;}
	.perceive_p{ font-size: 20px; line-height: 38px;}
    .plan_l h1{ font-size: 38px; margin: 0 0 35px;}
    .footer01b{ padding-right: 0; width: 31%;}
	.footer01c{ padding-right: 4%;}
    .picture_word h1{ font-size: 56px;}
    .picture_word h2{ font-size: 70px;}
	.picture_word span{ font-size: 70px;}
    .picture_word p{ font-size: 22px; margin: 25px 0 0;}
    .about{ padding: 30px 0 130px;}
    .slogan_word{ margin: 0; width: 64%;}
    .slogan_word p{ font-size: 24px; line-height: 50px;}
    .slogan_pic{ width: 246px; height: 246px;}
    .set_app li{ padding: 30px 0;}
	.set_app p{ font-size: 16px;}
	.set_app span{ font-size: 14px;}
	.set_office li{ padding: 25px 0 25px 6%;}
	.set_office img{ width: 30px;}
	.set_office span{ font-size: 14px; margin-left: 2px;}
	.headline a{ font-size: 16px;}
	.custom .custom_pic{ width: 22%; margin-right: 4%; height: 8.9vw; line-height: 8.9vw;}
    .custom .custom_pic:nth-child(4n){ margin-right: 0;}
    .custom .custom_pic:nth-child(5n){ margin-right: 4%;}
    .custom li:nth-last-child(-n+2){ display: none;}
    .rise_title,.rise_title span{ font-size: 32px;}
    .rise_rec h1{ font-size: 52px;}
    .rise_rec{ font-size: 20px;}
    .rise_rec p,.rise_rec h2{ font-size: 14px;}
    .plot_f{ display: none;}
    .plot01 span{ font-size: 28px;}
    .plot01 p{ font-size: 16px; margin-left: 5px;}
    .serve ul,.settle ul{ padding: 0 0 100px;}
    .serve h1,.settle h1{ font-size: 32px;}
    .serve li{ padding: 50px 0;}
    .settle li{ padding: 50px 0; margin: 0 2% 50px 0;}
    .serve li p,.settle li p{ font-size: 16px; margin: 20px 0 0;}
    .example li{ width: 30.5%;}
    .example li:nth-last-child(2){ margin-right: 0;}
    .example li:last-child{ display: none;}
    .develop{ margin: 100px 0 0;}
    .develop p{ font-size: 16px; margin: 10px 0 0;}
    .elegant02{ font-size: 22px; line-height: 38px;}
    .elegant03 p{ font-size: 24px;}
    .news_p h1{ font-size: 26px;}
    .news_con h1{ font-size: 28px; line-height: 40px;}
    .plan_need{ margin: 0 0 30px;}
    .plan_need p{ font-size: 28px;}
    .case_con{ margin: 0 3.5% 40px 0;}
    .case_consult span{ font-size: 16px;}
	.case_consult button{ font-size: 14px; line-height: 22px; padding: 6px 20px;}
	.case_icon{ padding: 6px 20px; float: left;}
	.case_icon p{ font-size: 16px; line-height: 22px;}
	.case_icon img{ width: 20px;}
    .case_info h1{ font-size: 30px;}
	.case_info p{ font-size: 20px; margin: 15px 0 25px;}
	.case_info span{ font-size: 18px;}
	.paging span{ width: 30px; height: 30px; line-height: 30px; font-size: 14px;}
	.pagingBtn{ margin: 4px 0 0;}
	.feedback{ width: 70%;}
}



@media (min-width: 769px) and (max-width: 1024px) {
	*{ font-size: 14px;}
	.about_h1{ font-size: 20px;}
	.about_h1 span{ margin: 0 5px;}
	.about_h2{ font-size: 26px;}
	.about_p01{ padding: 24px 0 0;}
	.about_p02{ padding: 3vw 0 0;}
	.about_p p{ font-size: 12px; line-height: 22px; -webkit-line-clamp: 2;}
	.about_p h1{ font-size: 18px; margin: 0 0 3vw;}
	.exploit h1{ font-size: 36px;}
	.exploit p{ font-size: 18px; line-height: 34px; margin: 50px 0 0;}
	.recorder p,.recorder h1,.service_pic b{ font-size: 12px;}
	.recorder span{ font-size: 42px; margin-right: 0;}
	.recordlist li:nth-child(2) .recorder{ padding-left: 0;}
	.service_pic{ width: 40%;}
	.service_word{ width: 58%;}
	.service_word li{ height: 350px;}
	.service02 .ser p{ font-size: 16px;}
	.service_word .ser span{ display: none;}
	.product_title01 span{ font-size: 24px;}
	.product_title02{ font-size: 42px;}
	.product_title03{ font-size: 18px; bottom: 10px;}
	.world_title h1{ font-size: 32px;}
	.world_title p{ font-size: 42px;}
	.perceive_p{ font-size: 16px; line-height: 26px;}
	.case_title li{ width: 100px;}
	.case_title li span{ font-size: 16px;}
	.case_text h1{ font-size: 18px;}
	.client_title{ font-size: 42px;}
	.even{ top: 30px;}
	.point_word p{ font-size: 16px;}
	.world_tu01{ height: 500px;}	
    .plan_l h1{ font-size: 34px; margin: 0 0 30px;}
	.plan_r{ width: 40%;}
	.footer01{ padding: 110px 0 90px;}
	.footer01a{ width: 28%;}
	.footer01a img{ width: 140px;}
	.footer01b{ padding-right: 0; width: 30%;}
	.footer01b li{ font-size: 14px; margin: 0 26px 30px 0;}
	.footer01c{ width: 24%; padding-right: 3%;}
	.picture_word h1{ font-size: 50px;}
	.picture_word h2{ font-size: 60px;}
	.picture_word span{ font-size: 60px;}
	.picture_word p{ font-size: 22px; margin: 18px 0 0;}
    .about{ padding: 10px 0 100px;}
    .custom{ padding: 0 0 100px;}
    .slogan_word{ margin: 0; width: 60%;}
    .slogan_word p{ font-size: 22px; line-height: 46px;}
    .slogan_pic{ width: 230px; height: 230px;}
    .product_intro{ font-size: 24px; line-height: 42px;}
    .team li{ width: 280px; height: 290px;}
	.team li img{ height: 290px;}
	.grip{ width: 36%;}
	.set_app li{ padding: 20px 0;}
	.set_app p{ font-size: 14px; margin: 20px 0 0; line-height: 24px;}
	.set_app span{ display: none;}
	.set_office li{ padding: 13px 0 13px 6%; box-shadow: 1px 2px 5px #e1e1e1;}
	.set_office img{ width: 16px;}
	.set_office span{ font-size: 12px; margin-left: 0;}
	.chart_title,.chart_title span{ font-size: 34px;}
	.headline a{ margin: 0 25px 0 0;}
    .news_reco li p{ font-size: 12px; line-height: 16px;}
    .case_icon{ right: auto; left: 0; top: 70px;}
    .plan_refer{ width: 46%; padding: 0;}
    .plan_tu{ width: 40%;}
    .plan_need span{ display: none;}
    .plan_form .plan_input01{ width: 100%; margin: 0 0 30px; padding: 0 5%;}
    .plan_form .plan_input02{ display: none;}
    .plan_form button{ float: left; width: 200px; font-size: 14px;}
    .touch_title h1{ font-size: 34px; line-height: 32px;}
    .touch_title p,.touch_title span{ font-size: 16px; line-height: 32px;}
    .advice li{ width: 80px;}
    .feedback{ width: 80%;}
    .fk_pic{ margin: 10px 0 0; width: 120px; height: 120px;}
    .fk_tell p{ font-size: 18px;}
    .fk_tell span{ font-size: 18px;}
}