@charset "utf-8";
body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,textarea,select,input {margin:0;padding:0;outline:none}
ol,ul {list-style:none;}
html {-webkit-text-size-adjust:none; }

body {font-family:'arial''SourceHanSansCN','Source Han Sans CN','Microsoft YaHei','PingFang SC','Helvetica Neue','Arial','Helvetica','Hiragino Sans GB','STHeitiSC-Light',sans-serif;overflow-x: hidden; line-height:1.8; color: #000000; font-size: 14px;}

img {display:block;max-width:100%;border:none}

/*a 链接*/

a {text-decoration:none;outline:none;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; color: #000000}
a:hover{color: #e60012}

/*居中*/
.juzhong {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.shang {display:flex;flex-direction:row;justify-content:space-between;}
.xia {display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; }
.xiazuo {display:flex;align-items:flex-end;flex-direction:row;flex-direction:row;justify-content:flex-start;}
.shangzhong {display:flex;flex-direction:row;justify-content:center;}
.shangzuo{display:flex;flex-direction:row;justify-content:flex-start;}
.shangyou{display:flex;flex-direction:row;justify-content:flex-end;}

.shangerduan{display:flex;flex-direction:row;justify-content:space-between;}

.zuo {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.you {display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}


/**上对齐*/
.upshang{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.shangxia{display: flex;flex-direction:column; justify-content:space-between}


/*浮动*/
.fl {float:left;display:inline}
.fr {float:right;display:inline}
.clear {clear:both}
.clearfix {*zoom:1;}
.clearfix:after {clear:both;display:block;height:0;visibility:hidden;line-height:0;content:'\20';}



/* HTML5 重置为较旧版本的浏览器 */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/* 按钮样式 */

input[type="text"],input[type="button"],button,textarea,select,input[type="checkbox"] {font-size:100%;outline:none;resize:none;font-family:"exo_2.0light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-appearance:none;}
input[type="button"] {cursor:pointer;border:0;}
input[type="submit"] {cursor:pointer;border:0}
input[type="reset"] {cursor:pointer;border:0}

/*删除火狐下按钮默认样式*/
input{-webkit-appearance:none;}
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;-webkit-appearance:none;}
i,em {font-style:normal}


/**手机横屏提示*/

.mobile_show{width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 99999999999999999; background:#000000; display: none}
.mobile_showbox{position: absolute; left: 50%; color: #fff; text-align: center; top: 50%; transform: translate(-50%,-50%); width: 90%}
.mobile_showbox img{width: 60px; margin: 0 auto; }
.mobile_showbox p{font-size: 16px; margin-top:20px;}

::-webkit-input-placeholder { color: #999;}
::-moz-placeholder { color: #999;}
:-ms-input-placeholder {color: #999;}



.nav-btnbox{ display:none}
.pd2{ padding-top:2%; padding-bottom:2%}
.pd3{ padding-top:3%; padding-bottom:3%}
.pd4{ padding-top:4%; padding-bottom:4%}
.pd5{ padding-top:5%; padding-bottom:5%}
.pd6{ padding-top:6%; padding-bottom:6%}
.pd7{ padding-top:7%; padding-bottom:7%}
.pd8{ padding-top:8%; padding-bottom:8%}


.mtb3{ margin-top:3%; margin-bottom:3%}
.mtb4{ margin-top:4%; margin-bottom:4%}
.mtb5{ margin-top:5%; margin-bottom:5%}
.mtb6{ margin-top:6%; margin-bottom:6%}
.mtb2{ margin-top:2%; margin-bottom:2%}


.mt1{ margin-top:1%}
.mt2{ margin-top:2%}
.mt3{ margin-top:3%}
.mt4{ margin-top:4%}
.mt5{ margin-top:5%}
.mt6{ margin-top:6%}
.mt7{ margin-top:7%}
.mt8{ margin-top:8%}
.mt9{ margin-top:9%}
.mt10{ margin-top:10%}

.pt2{ padding-top:2%}
.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}
.pt6{ padding-top:6%}
.pt7{ padding-top:7%}
.pt8{ padding-top:8%}


.pb2{ padding-bottom:2%}
.pb3{ padding-bottom:3%}
.pb4{ padding-bottom:4%}
.pb5{ padding-bottom:5%}
.pb6{ padding-bottom:6%}
.pb7{ padding-bottom:7%}

.mr30{margin-right: 30px;}
.mr20{margin-right: 20px;}

.wow:nth-child(1){animation-delay:0.1s;}
.wow:nth-child(2){animation-delay:0.15s;}
.wow:nth-child(3){animation-delay:0.2s;}
.wow:nth-child(4){animation-delay:0.25s;}
.wow:nth-child(5){animation-delay:0.3s;}
.wow:nth-child(6){animation-delay:0.35s;}
.wow:nth-child(7){animation-delay:0.4s;}
.wow:nth-child(8){animation-delay:0.45s;}
.wow:nth-child(9){animation-delay:0.5s;}
.wow:nth-child(10){animation-delay:0.55s;}


::-webkit-scrollbar {
  width: 6px;
  height: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
::-webkit-scrollbar-track {
  background: #ffffff;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb {
  background: #000000;

}

/*省略号*/
.oneline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.twoline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.threeline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
.fourline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient: vertical;}

.fiveline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient: vertical;}
.sixline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient: vertical;}

.wapshow{display: none}
.hide{display: none}

.bigpic{ overflow:hidden; position:relative}
.bigpic img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}

a:hover .bigpic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
li:hover .bigpic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}

.bigpic:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}


@-webkit-keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}
@keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}
.animated {-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
    to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
    to {opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}
@keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}


.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

@-webkit-keyframes fadeIn {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}@keyframes fadeIn {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}
.fadeIn {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}
.mainbox{margin: 0 auto;  max-width: 1400px; width:86%}

.logo{width:30%; max-width:130px;}
.top{position:fixed; left: 0px; top: 0px; width:100%; z-index:12;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; top:0px;}
.top.cur{-webkit-backdrop-filter:blur(30px);backdrop-filter: blur(30px);background-color: rgba(0, 0, 0, .5);}
.top>.mainbox{height:70px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;max-width:none; z-index: 2; position: relative}

.topright{width:calc(100% - 240px)}

.top.heise{background: #000000}

.nav{width:60%; max-width: 880px;}
.nav li{position: relative}
.nav li:nth-child(2){position: inherit}
.nav li>span{display: block}
.nav li>span>a{position: relative; height:70px; color: #ffffff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.nav li>span>a:before{content: '';position: absolute; left: 0px; bottom: -1px; width:0%; height:2px; background: #e60012;transition:all 0.5s; -webkit-transition:all 0.5s;}
.nav li:hover>span>a:before{width: 100%}
.nav li:hover>span>a{color: #e60012!important}
.nav li.cur>span>span>a{color: #e60012!important}

.publicdown{background: #ffffff; position: absolute; left: 50%; top:70px; width: 140px; transform: translate(-50%,0); display: none; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.publicdown span{padding:8px 20px; border-bottom: 1px solid rgba(0,0,0,0.1);display: block; text-align: center}
.publicdown span:last-child{border-bottom: none}
.topright_btn{width:180px;}
.topright_btn li{position: relative}
.topright_btn li>a{width:40px; height: 40px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; border-radius: 5px;}
.topright_btn li>a img{width:40%}
.topright_btn li>a:hover{background-color: #27282b;}


.search_box{background-color: #636466; position: absolute; width: 300px; top: 100%; right:0%;border-radius:5px; overflow: hidden; display: none}
.search_text{height: 40px; padding:0px 15px; background: none; border: none; color: #ffffff; width: calc(100% - 80px)}
.search_btn{width: 40px; height: 40px; background: url("../images/search_ico.svg") no-repeat center center; background-size:40% auto;}
.search_button a.cur img.show{display: none}
.search_button a.cur img.hide{display:block; width: 30%}

.language_box{position: absolute; left: 50%; top:calc(100% + 8px); -webkit-backdrop-filter:blur(30px);backdrop-filter: blur(30px);background-color: rgba(26, 26, 27, .63); width: 100px; transform: translate(-50%,0); border-radius: 5px; padding:0px 15px; display:none}
.language_box:before{content: ''; border-bottom:8px solid #1a1a1b;border-left: 8px solid transparent;border-right:8px solid transparent;height: 0;width: 0; position: absolute; left: 50%; top: -8px; transform: translate(-50%,0)}

.language_box a{color: #ffffff; display: block;border-bottom: 1px solid rgba(71, 73, 78, .53); padding:15px;}
.language_box a:last-child{border: none}

.language_box a:hover{text-decoration: underline}


.cart_box{position: absolute; left: 50%; top:calc(100% + 8px); -webkit-backdrop-filter:blur(30px);backdrop-filter: blur(30px);background-color: rgba(26, 26, 27, .63); width: 130px; transform: translate(-50%,0); border-radius: 5px; padding:0px 15px; display:none}
.cart_box:before{content: ''; border-bottom:8px solid #1a1a1b;border-left: 8px solid transparent;border-right:8px solid transparent;height: 0;width: 0; position: absolute; left: 50%; top: -8px; transform: translate(-50%,0)}

.cart_box a{color: #ffffff; display: block;border-bottom: 1px solid rgba(71, 73, 78, .53); padding:15px;}
.cart_box a:last-child{border: none}

.cart_box a:hover{text-decoration: underline}


.navdown{box-shadow: 0px 10px 10px rgba(0,0,0,0.05);  }

.prodown{width:100%; position: absolute; left:0px; top:70px; z-index: 2; padding:0px 0px;overflow: hidden; display: none;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}

.prodown_left{width: 240px;  position: relative;-webkit-backdrop-filter:blur(30px);backdrop-filter: blur(30px);background-color: rgba(0,0,0,.5);}

.prodown_left span{display: block; border-bottom: 1px solid #27282b; padding:10px 20px; position: relative; cursor: pointer; font-size: 14px;}
.prodown_left span:last-child{border: none}
.prodown_left span a{color: #ffffff;}

.prodown_right{background: #fafafa;width: calc(100% - 240px);}
.prodown_right .shangerduan{padding:20px 50px;}
.prodown_left span.cur{background: #fafafa;box-shadow: inset -5px 4px 10px 0 rgba(0, 0, 0, .24);}
.prodown_left span.cur a{ color: #000000}

.prodown_left span:before{content: ''; width:7px;  height:7px; position: absolute; background-size: 100% auto; right: 20px;top:40%;display: flex;border-width: 0 1.5px 1.5px 0;border-style: solid;
border-color:#000000;transform-origin: 75% 75%;transition: transform 0.1s ease;box-sizing: content-box;transform: rotateZ(-45deg); display:none}
.prodown_left span.cur:before{display: block}
.prodown_right_down{display:none}
.prodown_right_down dl{width: 25%;}
.prodown_right_down dd span{display: block; padding:3px 0px;}
.prodown_right_down dt{font-size: 16px; font-weight: bold; margin-bottom: 5px;}
.prodown_right_down dd span a{color: #666666}
.prodown_right_down dd span a:hover{color: #E60012}

.prodown_right_down:nth-child(1){display: block}
.prodown_right_down:nth-child(2) dl{width: 50%}
.prodown_right_down:nth-child(5) dl{width: 50%}
.prodown_right_down:nth-child(3) dl{width: 33.3%}
.prodown_right_down:nth-child(6) dl{width: 33.3%}
.prodown_right_down:nth-child(7) dl{width: 33.3%}

.wapnav_show{display: none}


.morebtn{width:80px; height:34px; background: #e60012; border: 1px solid #e60012; color: #ffffff; border-radius:6px; position: relative; display: block; line-height: 34px; padding: 0px 15px;transition:all 0.5s; -webkit-transition:all 0.5s;}
.morebtn:hover{background: #ffffff; border: 1px solid #ffffff; color: #000000}
.morebtn:hover:before{border-color:#000000;}
.morebtn:before{content: ''; width:7px;  height:7px; position: absolute; background-size: 100% auto; right: 15px;top:35%;display: flex;border-width: 0 1.5px 1.5px 0;border-style: solid;
border-color:#ffffff;transform-origin: 75% 75%;box-sizing: content-box;transform: rotateZ(-45deg);}

.morebtn.heise{border: 1px solid #000000; color: #000; text-align: left; background: none}
.morebtn.heise:before{border-color:#000000;}
.morebtn.heise:hover{background: #e60012; border: 1px solid #e60012; color: #ffffff;}
.morebtn.heise:hover:before{border-color:#ffffff;}
.morebtn.none{ text-align: center}
.morebtn.none:before{display: none;}

.morebtn.hscolor:hover {background: #000000; border: 1px solid #000000; color: #ffffff}
.morebtn.hscolor:hover:before{border-color:#ffffff;}

.wapshow{display: none}
.banner{position: relative;overflow: hidden; width: 100%; background: #000000}
.banner:before{content:''; width: 100%; height:20%;background: linear-gradient(to top, rgba(0,0,0,0.9), rgba(0,0,0,0)); position: absolute; left: 0px; bottom: 0px;z-index: 2}
.banner .swiper-slide img{width: 100% }

#banvideo{position: absolute; right:0%; bottom:0%; transform: translate(0%,0%); width:70%; z-index: 1}

.bantxt{position:absolute; left:50%;top:50%;transform: translate(-50%,-50%); width: 100%; color: #ffffff; z-index: 3}

.bantxt .mainbox{-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner .swiper-slide-active .bantxt .mainbox{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}


.banner .swiper-pagination{z-index:3;left: auto; bottom: 30px}





.banner .swiper-pagination-bullet{ opacity:1;width:6px; height:6px;margin:0px 10px!important; border-radius:12px; position: relative; background:rgba(255,255,255,0.5)}
.banner .swiper-pagination-bullet-active{background:rgba(255,255,255,1)}
.banner .swiper-pagination-bullet-active:before {width:14px; height:14px; border-radius: 100%; position: absolute;left:50%; top: 50%; transform: translate(-50%,-50%); content: '';border: 1px solid #fff; }


.hsbj{width:100%; height:100%; position: absolute; left: 0px; top: 0px; background: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0)); z-index: 2}
.bantxt h2{font-size:56px;font-weight: 500; line-height: 1.2}
.bantxt p{font-size:34px; font-weight: 300; margin-bottom: 20px;}
.banwenzi{max-width: 850px;}

/* 新增：文字动画样式 */
.bantxt h2,.bantxt p,.bantxt .links {opacity: 0;transform: translateY(20px);transition: all 0.6s ease;}
.bantxt h2 { transition-delay: 0.2s; }
.bantxt p { transition-delay: 0.4s; }
.bantxt .links { transition-delay: 0.6s; }

/* 激活时显示动画 */
.swiper-slide-active .bantxt h2,.swiper-slide-active .bantxt p,.swiper-slide-active .bantxt .links{opacity: 1;transform: translateY(0);}

.heisebj{background: #000000}

.center{text-align: center}
.maintit{color: #ffffff}
.maintit h2{font-size:24px;}
.maintit p{color:#a5a5a5; font-size: 12px; margin-top: 10px}
.maintit.hscolor{color: #000}
.maintit.hscolor p{color: #000}

.syprobox .mySwiper .swiper-slide a{color: #ffffff; border-top:3px solid rgba(255,255,255,0.1); position: relative; padding: 20px 0px;}
.syprobox .mySwiper .swiper-slide a img{height:30px; margin-right: 20px;}

.syprobox .mySwiper .swiper-slide a:before{content: ''; width: 0px; position: absolute; left: 0px; top: -3px; height: 3px; background: #ffffff;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.syprobox .mySwiper .swiper-slide.swiper-slide-thumb-active a:before{width: 100%}
.syprobox .mySwiper .swiper-slide.swiper-slide-thumb-active a{font-weight: bold; }

.syprobox .mySwiper2{margin-top:20px; position: relative}
.syprobox .swiper{border-radius:10px;}
.syprobox .mySwiper2 .swiper-slide{ overflow: hidden;position: relative}
.syprotxt{position: absolute; left: 5%; top: 50%;color: #ffffff; transform: translate(0,-50%)}

.syprotxt h2{font-size:24px;}
.syprotxt .links{margin-top: 30px;}


/* 新增：文字动画样式 */
.syprotxt span,.syprotxt h2,.syprotxt p,.syprotxt .links {opacity: 0;transform: translateY(20px);transition: all 0.6s ease;}
.syprotxt span { transition-delay: 0.1s; }
.syprotxt h2 { transition-delay: 0.2s; }
.syprotxt p { transition-delay: 0.4s; }
.syprotxt .links { transition-delay: 0.6s; }

/* 激活时显示动画 */
.swiper-slide-active .syprotxt span,.swiper-slide-active .syprotxt h2,.swiper-slide-active .syprotxt p,.swiper-slide-active .syprotxt .links{opacity: 1;transform: translateY(0);}

.swiper-button-next, .swiper-button-prev{color: #ffffff}

.syprobox .swiper-button-next{right:-5%; opacity: 0; visibility: hidden;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.syprobox .swiper-button-prev{left:-5%; opacity: 0; visibility: hidden;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.syprobox .mySwiper2:hover .swiper-button-prev{opacity: 1; visibility: visible}
.syprobox .mySwiper2:hover .swiper-button-next{opacity: 1; visibility: visible}
.syprobox .swiper-button-next:after,.syprobox .swiper-button-prev:after{font-size: 30px;}


.syhangyebox{position: relative}
.syhangyebox .swiper-slide a{position: relative; display: block;}
.syhangyebox .swiper-slide a:before{content: ''; width: 105%;height: 105%; position: absolute; left: -2.5%; top: 0px;background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)); z-index: 1;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.syhangyebox .swiper-container{overflow: hidden}
.syhangyebox .swiper-pagination{bottom: 0px; display: none}
.syhangyebox .swiper-pagination-bullet{ opacity:1;width:6px; height:6px;margin:0px 10px!important; border-radius:12px; position: relative; background:rgba(255,255,255,0.5)}
.syhangyebox .swiper-pagination-bullet-active{background:rgba(255,255,255,1)}
.syhangyebox .swiper-pagination-bullet-active:before {width:14px; height:14px; border-radius: 100%; position: absolute;left:50%; top: 50%; transform: translate(-50%,-50%); content: '';border: 1px solid #fff; }




.syhangyetxt{color: #ffffff; position: absolute; left:30px; bottom:40%; z-index: 2;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; width: calc(100% - 60px)}

.syhangyetxt h3{font-size: 18px;}
.syhangyetxt p{opacity: 0; height: 0px; transform: translateY(30px);-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; font-size: 12px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.syhangyebox .swiper-slide a:hover .syhangyetxt p{height: auto; transform: translateY(5px); opacity: 1; height: auto}
.syhangyebox .swiper-slide a:hover span{display: none}

.syhangyeimg{position: absolute; left: 30px;  bottom:10%; height: 40px; width: 40px; z-index: 2}
.syhangyeimg img{max-height: 100%; max-width: 100%}

.syhy_btn .swiper-button-next{right:0%;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; position: relative; width:60px; height: 40px;border: 1px solid #ffffff;border-radius: 40px; opacity: 0.5}
.syhy_btn .swiper-button-prev{left:0%;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; position: relative; width:60px; height: 40px;border: 1px solid #ffffff;border-radius: 40px; margin-right: 10px; opacity: 0.5}
.syhy_btn .swiper-button-next:hover,.syhy_btn .swiper-button-prev:hover{background: #ffffff; opacity: 1}
.syhy_btn .swiper-button-next:hover:after,.syhy_btn .swiper-button-prev:hover:after{color: #000000; opacity:1}

.syhy_btn .swiper-button-next:after,.syhy_btn .swiper-button-prev:after{font-size:20px; font-weight: bold}

/* 解决方案详情「相关案例」：白底场景下标题与切换按钮用深色 */
.sol-related-news .maintit{color:#000}
.sol-related-news .maintit p{color:#666}
.sol-related-news .syhy_btn .swiper-button-next,
.sol-related-news .syhy_btn .swiper-button-prev{border-color:#000;color:#000}
.sol-related-news .syhy_btn .swiper-button-next:after,
.sol-related-news .syhy_btn .swiper-button-prev:after{color:#000}
.sol-related-news .syhy_btn .swiper-button-next:hover,
.sol-related-news .syhy_btn .swiper-button-prev:hover{background:#000;border-color:#000;opacity:1}
.sol-related-news .syhy_btn .swiper-button-next:hover:after,
.sol-related-news .syhy_btn .swiper-button-prev:hover:after{color:#fff}

.syaboutleft{width: 50%; color: #ffffff}


.syaboutright{width: 50%;position: relative}

.btext.articleShow .bname,
.btext.articleShow p,
.btext.articleShow .bmore {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.btext.articleShow p {
  transition-delay: 0.65s !important;
}
.btext.articleShow .bmore {
  transition-delay: 0.8s !important;
}
.btext.articleShow .btitle strong {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
  transition-delay: 0.5s;
}
.customers {position:relative;}
.customers-text {position:absolute;left:0;top:50%;z-index:2;width:100%; text-align:left;color: #fff; transform: translate(0,-50%);}

.customers-text h2{font-size: 30px; line-height: 1.4; margin: 20px 0px 40px;}


.mouse-down i {
  display: block;
  position:relative;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 16px;
  height: 27px;
  border-radius: 9px;
  border:2px solid #ffffff;
}
.mouse-down b i:before {
  position: absolute;
  left: 50%;
  margin-left: -1px;
  top: 6px;
  content: "";
  width: 2px;
  height: 6px;
  background: #ffffff;
  animation: moveDownSpot 1000ms infinite;
}
.mouse-down p {margin-left: 12px;font-size: 14px;}
@keyframes moveDownSpot {
  from {
    opacity: 1;
    transform: translateY(0px);
  }
  to {
    opacity: 0;
    transform: translateY(8px);
  }
}
.customers-bg {position:sticky;left:0;top:0;width:100%;height:100vh;overflow:hidden;text-align:center;}
.customers-bg video {display:block;position:absolute;left:0;right:0;top:110px;bottom:0;margin:auto;width:80%;height:auto;transform-origin:left center;}

.customers-bg img{display: none}



.customers-down {position:relative;height:150vh;}
.customers-scoll {position:sticky;left:0;top:0;height:100vh;}
.customers-data {position:absolute;right:0%;top:50%;display:flex;flex-flow:wrap;transform:translateY(-50%);width:40%;z-index:4;}
.customers-data-item {margin:30px 0;width:50%;}
.customers-data-item p {margin-bottom:20px;color:#fff;font-size:20px;line-height:1;}
.customers-data-item p b {display:inline-block;margin-right:6px;font-weight:500; font-size: 50px}
.customers-data-item span {display:block;line-height:1;color:#fff;font-size:14px;}
.customers-dit {position:absolute;left:0;top:5%;width:54.4%;height:90%;z-index:4;opacity:0;visibility:hidden;transition:0.88s;}
.customers-dit.show {opacity:1;visibility:visible;}
.customers-dit-item {position:absolute;width:30px;height:30px;border-radius:50%;z-index:10;}
.customers-dit-item.dit-item1 {left:50%;top:50%; transform: translate(-50%,-50%)}
.customers-dit-item:nth-child(2n+2):before {animation-delay:0.25s;}
.customers-dit-item:nth-child(3n+3):before {animation-delay:0.5s;}
.customers-dit-item:before {position:absolute;left:0;top:0;content:"";width:100%;height:100%;border:2px solid #e60012;border-radius:50%;box-sizing:border-box;animation:pulse 3s infinite;}
.customers-dit-item:after {position:absolute;left:50%;top:50%;content:"";width:8px;height:8px;background:#e60012;border-radius:50%; transform: translate(-50%,-50%)}
@keyframes pulse {0% {opacity:1;transform:scale(0);}
40% {opacity:1;transform:scale(0);}
70% {opacity:1;}
100% {opacity:0;transform:scale(1);}
}

.quanqiutxt{ width: 300px; background: rgba(255,255,255,0.15);color: #fff; position: absolute; left: 15%; top: 120%; transform: translate(-50%,0); text-align: left; border-radius: 10px; padding: 10px 20px;)}
.quanqiutxt span{font-size: 20px; font-weight: bold;}
.quanqiutxt p{font-size: 12px; }

.quanqiutxt:before{content: '';width: 0;height: 0;border-left: 10px solid transparent; border-right:10px solid transparent;border-bottom:10px solid rgba(255,255,255,0.15);border-top: 0; position: absolute; left: 50%; text-transform: -50%,0); top: -10px}


.synewstxt{padding: 20px 30px;}

.synewstxt p{height: 76px; margin-bottom: 20px; }

.swiper-container{overflow: hidden}

.synewsbox a{background: #151516; color: #fff;display: block}
.synewsbox a:hover{background: #000000; }
.synewsbox a img{opacity: 0.6;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.synewsbox a:hover img{opacity:1}

.synewsbox{position: relative}
.synewsbox .swiper-pagination{bottom: 0px; display: none}
.synewsbox .swiper-pagination-bullet{ opacity:1;width:6px; height:6px;margin:0px 10px!important; border-radius:12px; position: relative; background:rgba(255,255,255,0.5)}
.synewsbox .swiper-pagination-bullet-active{background:rgba(255,255,255,1)}
.synewsbox .swiper-pagination-bullet-active:before {width:14px; height:14px; border-radius: 100%; position: absolute;left:50%; top: 50%; transform: translate(-50%,-50%); content: '';border: 1px solid #fff; }



.sycontact{background: url("../images/syconbj.jpg") no-repeat center center; background-size: cover; color: #fff; padding: 50px 0px;}

.sycontact_left .syhytit{margin-bottom: 30px;}

.sycontact_right{width: 80%;}
.sycontact_right li{width: 33.33%; position: relative}
.sycontact_right li a {color: #ffffff; text-align: center}
.sycontact_right li a img{height:40px; margin: 0 auto}
.sycontact_right li a span{color: rgba(255,255,255,0.3); display: block; font-size: 12px;}
.sycontact_right li a p{font-size: 16px; margin:10px 0px 5px}
.sycontact_right li:before{content: ''; width: 1px; height: 100%; background: rgba(255,255,255,0.15); position: absolute; left: 0px; top: 0px;}
.sycontact_right li:nth-child(1):before{display: none}

.footerbj{background: #000000; color:#ffffff}
.foottop{padding: 40px 0px;}

.footcon{width: 30%}
.footlogo{width: 120px; margin-bottom: 20px;}
.footcon p{font-size: 12px; padding: 2px 0px;}
.footcon a{color: #ffffff}
.footcon a{color: #ffffff}
.footnav{width: 60%}
.footnav li p {margin-bottom:5px}
.footnav li p a{color: #ffffff}
.footnav li span{display: block}
.footnav li span a{color: rgba(255,255,255,0.5); font-size: 12px;}
.footnav li span a:hover{color: #ffffff}


.footbot{font-size: 12px; padding: 20px 0px;color: rgba(255,255,255,0.5);}
.footshare{width: 30%; max-width:100px;}
.footshare a{position: relative; }
.footshare a>img{height: 16px; max-width: 80%}


.erweima{position: absolute; left: 50%; bottom:30px; width:80px; transform: translate(-50%,0); box-shadow: 0px 0px 10px rgba(0,0,0,0.05); opacity: 0; visibility: hidden; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; z-index: 99999; padding:2px; background: #fff; }

.erweima:before{content:'';width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff; left: 50%; bottom: -5px; transform: translate(-50%,0%); position: absolute}

.footshare a:hover .erweima{opacity: 1; visibility:visible}


.fudong{position: fixed; right: 5px; top: 50%; transform: translate(0,-50%); width:50px; z-index: 4; display: none;}

.fudong ul{box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.fudong li{text-align: center; position: relative;font-size: 12px; border-radius:5px;background: #fff; margin: 4px 0px}
.fudong li>a{ padding:10px 0px; display: block}
.fudong li>a>p{line-height: 1.2; margin-top:5px; font-size: 12px;}
.fudong li>a>img{max-width:20px;  margin: 0 auto}



.fudong_down{position: absolute; width:160px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1); right:70px; top:0px; background: #fff; padding: 10px; text-align: left; opacity: 0; visibility: hidden;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;border-radius:5px;}

.fudong_down span{font-size:20px;}
.fudong_down:before{content: ''; width: 0;height: 0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left: 10px solid #ffffff; position: absolute; left: 100%; top: 20px; }

.mabsx{width: 100px; text-align: center}
.mabsx p{margin-bottom: 0px; margin-top: 10px; font-size: 14px;}
.fudong li:hover .fudong_down{opacity: 1;visibility: visible; right: 60px;}

.topup{width: 100%; margin-top:10px; font-size: 12px; text-align: center; background: #ffffff;box-shadow: 0px 0px 10px rgba(0,0,0,0.1); display: block; padding:10px 0px;border-radius: 5px; }
.topup img{width: 20px; margin: 0 auto}

.fudong a img.hide{display: none}
.fudong li>a:hover{background: #000000; color: #ffffff}
.topup:hover{background: #000000; color: #ffffff}
.fudong a:hover img.show{display: none}
.fudong a:hover img.hide{display:block}


.mianbao{position: absolute; left: 0px; bottom: 20px; width: 100%;  z-index: 2; font-size: 12px; }
.mianbao a{ color: #ffffff; opacity: 0.5}
.mianbao em{margin: 0px 5px;opacity: 0.5}
.mianbao a:last-child{opacity: 1}

.mianbao.prom{position: relative; margin-top: 70px; bottom:auto; padding: 20px 0px;color: #000000}
.mianbao.prom a{ color: #000000}
.mianbao.prom a:hover{ color: #000000;}


.nybanner{position: relative; color: #ffffff}
.nybanner img{width: 100%;}
.nybantxt{width: 100%; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%);}
.nybantxt h3{font-size: 30px;}

.nypronav li{font-size: 18px;width: 50%;text-align: center;}
.nypronav li a{padding: 20px 0px; display: block; color: #a3a3a3; position: relative}
.nypronav li a:hover{color: #000000}
.nypronav li a:before{content:''; width: 0px; height:4px; background: #e60012; position: absolute; left: 0px; bottom: -1px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.nypronav li a:hover:before{width: 100%}
.nypronav{border-bottom: 1px solid #d6d6d6}

.nypronav li.line{width: 1px; height:20px; background: #d6d6d6}
.nypronav li.cur a:before{width: 100%}
.nypronav li.cur a{color: #000000}
.nypronav_two {margin-top: 30px;}
.nypronav_two ul{width: calc(100% + 10px); margin-left: -10px;}
.nypronav_two li{width: calc(16.66% - 10px); margin-left: 10px; margin-top: 10px;}
.nypronav_two li a{background: #f7f8fa; border: 1px solid #dfdfdf; border-radius: 40px; min-height: 30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; padding:5px 20px; line-height: 1.2}

.nypronav_two li a:hover{background: #000000; color: #ffffff; border: 1px solid #000000}
.nypronav_two li.cur a{background: #000000; color: #ffffff; border: 1px solid #000000}


.nyprobox ul{width: calc(100% + 50px); margin-left: -50px;}
.nyprobox li{width: calc(33.33% - 52px); margin-left: 50px; border: 1px solid #dfdfdf; border-radius: 10px; margin-top: 50px;}
.nyprobox li a{text-align: center; display: block; padding: 30px;}
.nyprobox li a .morebtn{margin: 0 auto}
.nyprobox li a:hover .morebtn.heise{background: #e60012; border: 1px solid #e60012; color: #ffffff;}
.nyprobox li a:hover .morebtn.heise:before{border-color:#ffffff;}

.nyprobox li a p{font-weight: bold; font-size: 16px; height: 60px;}
.nyprobox li .bigpic{margin-top: -30px; height:270px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.nyprobox li .bigpic img{max-width: 80%; max-height: 80%; width: auto;}
.pagination {margin:20px 0;border-radius:4px;}
.pagination>li>a,.pagination>li>span {position:relative;padding:8px 14px;margin-left:-1px;line-height:1.428571429;background-color:#ffffff;border:1px solid #dddddd;color:#666}
.pagination>li:first-child>a,.pagination>li:first-child>span {border-bottom-left-radius:4px;border-top-left-radius:4px;}
.pagination>li:last-child>a,.pagination>li:last-child>span {border-top-right-radius:4px;border-bottom-right-radius:4px;}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {background-color:#eeeeee;color:#e60012}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {z-index:2;color:#ffffff;cursor:default;background-color:#e60012;border-color:#e60012;}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {color:#999999;cursor:not-allowed;background-color:#ffffff;border-color:#dddddd;}
.page a{display:inline-block;padding:8px 14px;margin:0 2px;line-height:1.428571429;background-color:#ffffff;border:1px solid #dddddd;color:#666;text-decoration:none}
.page a:hover{background-color:#eeeeee;color:#e60012}
.page a.cur{color:#ffffff;background-color:#e60012;border-color:#e60012;cursor:default}

.nyproshowbox{background: url("../images/proshowbj.jpg") no-repeat center center; background-size: cover}


.nyproshowpic{width: 50%; order: 2}


.nyproshowtop{padding:50px 0px 100px}

.nyproshowpic{position: relative; padding-bottom: 20px;}

.nyproshowimg{height:380px;}
.nyproshowimg img{max-height: 100%; max-width: 100%}

.nyproshowpic .swiper-pagination{bottom:0px;}
.nyproshowpic .swiper-pagination-bullet-active{background: #000000!important}

.nyproshowtxt{width: 40%}
.nyproshowtxt h1{font-size: 34px;    line-height: 1.2;}
.nyproshowtxt p{color: #666666; position: relative; padding-left: 22px; margin: 10px 0px;}
.nyproshowtxt p:before{content: ''; width:14px; height: 14px; position: absolute; left: 0px; top:5px; background: url("../images/check.svg") no-repeat center center; background-size: 100% auto;}


.nyproshowwenzi{min-height:200px;    margin-top: 30px;}

.proshownav{background: #000; position:sticky; top:0px; z-index:99}

.proshownav li a{line-height: 70px; color: rgba(255,255,255,0.5);position: relative; display: block; font-weight: bold}
.proshownav li a:before{content:''; width: 0px; height:3px; background: #e60012; position: absolute; left: 0px; bottom: 0px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.proshownav li a:hover:before{width: 100%}
.proshownav li a:hover{color: #fff}
.proshownav li.cur a{color: #fff}
.proshownav li.cur a:before{width: 100%}
.proshownav ul{max-width: 500px; width: 80%}


.down_btn{width:80px; height:34px; background: #000000; border: 1px solid #ffffff; color: #ffffff; border-radius:6px; position: relative;  line-height: 34px; padding: 0px 15px;transition:all 0.5s; -webkit-transition:all 0.5s;}
.down_btn:hover{ color: #ffffff; background: #e60012; border: 1px solid #e60012;}

.down_btn img{width: 14px;}
.nyproshowtxt .down_btn.heise{display: none}
.proshowtit h2{font-size: 18px}

.proshowtxt{color: #666666;}
.proshowtxt p{margin-top: 10px; font-size: 12px;}

.renzheng ul{width: calc(100% - 120px)}
.renzheng li img{max-height: 30px; max-width: 120px;}
.renzheng li{margin-right:5%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}


.tanchubj{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 999; display: none}


.tanchubox{max-width: 600px; border-radius: 20px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90%}


.close{width:30px;position: absolute; right: 20px; top: 20px;}
.close:hover{transform: rotateZ(90deg)}
.baojiatit{text-align: center; padding: 30px;}
.baojiatit p{color: #666666}
.tanchubox ul{width: 80%; margin: 0 auto; padding-bottom: 20px;}
.tanchubox li{margin-bottom: 20px;}
.inputtxt{border: 1px solid #e9ebef; border-radius: 3px; height: 40px; padding: 0px 15px; width: calc(100% - 32px)}


.xntdtxt p{color: #666666; position: relative; padding-left: 22px; margin: 10px 0px;}
.xntdtxt p:before{content: ''; width:14px; height: 14px; position: absolute; left: 0px; top:5px; background: url("../images/check.svg") no-repeat center center; background-size: 100% auto;}

.jsggtxt{background: #f7f8fa; border: 1px solid #dfdfdf; border-radius: 20px; padding: 30px;}
.jsggtxt .upshang{width: calc(100% + 50px); margin-left: -50px;}
.jsggtxt p{color: #666666; position: relative; padding-left: 22px; margin: 10px 0px; width: calc(50% - 72px); margin-left: 50px;}
.jsggtxt p:before{content: ''; width:14px; height: 14px; position: absolute; left: 0px; top:5px; background: url("../images/check.svg") no-repeat center center; background-size: 100% auto;}

.xintedian li{margin-top: 20px;}
.xintedian li h3{background: #f7f8fa; border: 1px solid #dfdfdf; border-radius: 8px; padding:15px 20px; cursor: pointer}

.xintedian li h3 span{width:50px; height: 30px; border: 1px solid #000; border-radius: 30px; text-align: center; font-size: 20px; line-height:1.2; font-weight: normal}

.xintable{margin-bottom: 40px; display: none}
.xintable table{border:none!important; width: 100%!important}
.xintable tr{border-bottom: 1px solid #e3e3e3}
.xintable td{padding: 15px 20px;}
.xintable td:first-child{color: #666666; width: 25%}

.xintedian li.cur h3{background: #000; color: #fff}

.xintedian li.cur span{border: 1px solid #fff; color: #fff}

.proshow_part_five .xintable{display: block}

.proshow_part_five .xintable tr:first-child{font-weight: bold}

.proshow_part{display: none}
.proshow_part:nth-child(1){display: block}



.faqbox li{border-top: 1px solid #e5e5e5; padding: 30px 0px;}

.faqbox li h3{cursor: pointer;position: relative; padding-left:25px;}
.faqbox li h3:before{content: 'Q'; font-weight: bold; position: absolute; left: 0px; top: 0px; color: #dddddd}
.faqbox li h3 p{width: calc(100% - 100px);}
.faqbox li h3 span{width:50px; height: 30px; border: 1px solid #000; border-radius: 30px; text-align: center; font-size: 20px; line-height:1.2; font-weight: normal}

.faqtxt{ position: relative; padding-left: 50px; display: none; margin-top: 10px; padding-right: 100px}
.faqtxt:before{content: 'A:'; font-weight: bold; position: absolute; left: 25px; top:0px; color: #000000}
.faqbox li.cur h3:before{color: #000000}
.faqbox li.cur span{border: 1px solid #000; color: #000}


.servicebj{background: url("../images/servicebj.jpg") no-repeat center center; background-size: cover}


.fromboxs{border: 1px solid #dfdfdf; border-radius: 6px; background: #fff; padding:20px 60px 60px;}
.fromboxs h3{margin-top:40px;}
.fromboxs ul{width: calc(100% + 30px); margin-left: -30px;}
.fromboxs li{width: calc(33.33% - 30px); margin-left: 30px; margin-top:20px;}
.fromboxs li p em{color: #e60012}
.fromboxs li p{margin-bottom: 10px;}

.fromboxs li.w50{width: calc(50% - 30px);}
.fromboxs li.w100{width: calc(100% - 30px);}


.fromboxs li select{border: 1px solid #e9ebef; border-radius: 3px; height: 40px; padding: 0px 15px; width:100%; background: url("../images/xiala.svg") no-repeat 98% center; background-size: 20px auto;}
.fromboxs li textarea{border: 1px solid #e9ebef; border-radius: 3px; height: 140px; padding:15px; width:calc(100% - 30px)}

.nycontactbj{background: url("../images/contactbj.jpg") no-repeat center center; background-size:auto 100%}



.nycontact ul{width: calc(100% + 50px); margin-left: -50px;}
.nycontact li{width: calc(33.33% - 50px); margin-left: 50px; margin-top: 50px;}

.nycontact li p{font-weight: bold;  border-bottom: 1px solid #dfdfdf; padding-bottom: 20px; margin-bottom: 20px;}
.nycontact li span img{width: 80px;}

.onlinebj{background: url("../images/liuyanbj.jpg") no-repeat center center; background-size:cover}


.join_search_box{background: #fff; margin-top: 20px;}
.join_search_box_left{width: calc(100% - 200px); cursor: pointer}
.join_search_box_left p{font-size:16px; font-weight: bold; position: relative}
.join_search_box_left p:after{content: ''; width: 12px; height: 12px; background: url("../images/you2.svg") no-repeat center center; background-size: 100% auto; position: absolute; margin-left: 10px;top: 50%; transform: translate(0,-50%)}

.join_search_box li.cur .join_search_box_left p:after{background: url("../images/xia.svg") no-repeat right center; background-size:100% auto;width: 14px; height: 14px;}

.join_search_box_left span{color: #c2c2c2; margin-top:10px; display: block}

.join_search_box_left span i{background: url("../images/addico.svg") no-repeat left center; background-size: 12px auto; padding:0 20px;}

.join_search_box_left span em{border-left: 1px solid #e3e3e3; padding:0 20px;}

.join_search_tit{border-top: 1px solid #dfdfdf; padding:20px 40px;}
.join_search_box_down{padding:10px 40px 30px; line-height: 1.8; display: none;font-size: 14px;}
.join_search_box_down h3{margin: 20px 0px 10px; font-size: 14px;}

.join_search_top{background: #ffffff}
.join_search_txt{height:54px; width: calc(100% - 200px); padding: 0px 24px 0px 50px; border: none; background: url("../images/search_ico2.svg") no-repeat 20px center #ffffff; background-size:20px auto;}

.join_search_btn{width:140px; height: 54px; color: #ffffff; background: #e60012; font-size: 20px; font-weight: bold;ransition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.join_search_btn:hover{background: #000000}

.joinboxbj{background:#f7f8fa}
.fasong{margin-top: 30px;}
.fasong a{color: #e60012}
.fasong a:hover{text-decoration: underline}


.join_search_box li:first-child .join_search_tit{border: none}
.join_search_box li:first-child .join_search_box_down{display: block}




.nydownnav li{font-size: 18px;}
.nydownnav li a{padding: 20px 0px; display: block; color: #a3a3a3; position: relative}
.nydownnav li a:hover{color: #000000}
.nydownnav li a:before{content:''; width: 0px; height:4px; background: #e60012; position: absolute; left: 0px; bottom: -1px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.nydownnav li a:hover:before{width: 100%}
.nydownnav{border-bottom: 1px solid #d6d6d6}

.nydownnav li.cur a:before{width: 100%}
.nydownnav li.cur a{color: #000000}

.nydownnav ul{max-width: 500px;}
.nydownload{margin-top: 30px;}
.nydownload li{background:url("../images/pdf.svg") no-repeat 20px center #f7f8fa; background-size: 30px auto;border: 1px solid #dfdfdf; border-radius: 8px; width: calc(50% - 32px); margin-left: 30px; margin-top:20px;}
.nydownload ul{width: calc(100% + 30px); margin-left: -30px;}
.nydownload li a{padding: 10px 50px 10px 70px; background: url("../images/downico3.svg") no-repeat 95% center; background-size: 16px auto;display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center; min-height: 50px; line-height: 22px;}

.nydownload li a:hover{ background: url("../images/downico2.svg") no-repeat 95% center; background-size:16px auto;}


.nynewsbj{background:url("../images/wangge.png") repeat center center; background-size: 100% auto}
.nynewsbox ul{width: calc(100% + 100px); margin-left: -100px;}
.nynewsbox li{width: calc(50% - 100px); margin-left: 100px; margin-top:50px;}
.nynewsbox li a .bigpic{border-radius: 10px;}
.nynewstxt{padding: 20px 0px;}
.nynewstxt i{background: url("../images/time.svg") no-repeat left center; background-size:12px auto; padding-left:20px; color: #666666}
.nynewstxt p{font-size: 18px; margin: 10px 0px; line-height: 1.4}

.nynewstxt span{color: #999999; font-size: 12px; margin-bottom: 30px;}
.nynewsbox ul{margin-top: 50px}
.nynewsbox li:nth-child(2n){margin-top: -100px;}


.nynewstit{width:100%; max-width: 450px;}
.nynewstit a{font-size: 24px; font-weight: bold}

.nynewstit a.cur{color: #e60012; font-size: 30px}


.newsshowleft{width: 65%}
.newsshowleft img{margin: 0 auto}
.newsshowtit h1{font-weight: normal; font-size:24px; line-height: 1.4; margin-bottom: 10px;}
.newsshowtit{border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; margin-bottom:30px;}

.newsshowtit p{font-size: 12px;}
.newsshowtit p span{color: #999}

.newsshowtxt{color: #666}
.newsshowtxt p{margin-top: 20px;}


.newsdown{border-top: 1px solid #e5e5e5; padding: 20px 0px; margin-top:30px;}

.newsdown p{max-width: 45%}

.newsshowright{border: 1px solid #eaeaea; width:28%; border-radius:5px; position: sticky; top: 80px; background: #fafbfc}

.newsshowright ul{padding: 0px 30px;}
.newsshowright h3{font-weight: normal; padding:20px 30px}

.newsshowright li{border-top: 1px solid #cccccc;padding: 20px 0px}
.newsshowright li a span{color: #666666;background: url("../images/time.svg") no-repeat left center; background-size:12px auto; padding-left:20px; color: #666666}
.newsshowright li a p{}
.newsshowright li a span img{width: 15px; margin-right: 10px;}

.nyaboutbj{background: url("../images/aboutbj.jpg") no-repeat center center; background-size: cover}
.nyabtit{width: 35%; color: #999999; line-height: 1.4; margin-top: 20px;}
.nyabtit h2{font-size: 30px;}
.nyabtit h2:nth-child(3){color: #000}
.nyabtxt{width:60%; color: #666}
.nyabtxt p{margin-top: 20px}


.nyaboutnum{background: url("../images/abwnhbj.jpg") no-repeat center center; background-size:cover}

.nyaboutnum li {color: #fff; width: 25%; text-align: center}
.nyaboutnum li b{font-size: 40px; font-weight: normal}
.nyaboutnum li span{font-size: 30px;}

.honorbox{position: relative; padding-bottom:40px;}
.honorbox .swiper-container{overflow: hidden}
.honorbox .swiper-slide a{border: 1px solid #dfdfdf; border-radius: 8px; display: block; padding: 28px; }

.honorbox .swiper-pagination{ bottom: 0px!important;}
.honorbox .swiper-pagination-bullet-active{background: #000000!important}

.honorbox .swiper-slide a p{text-align: center;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical; height: 50px; line-height: 25px; margin-top: 20px;}
.honorbox .swiper-slide a .bigpic{height: 240px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.honorbox .swiper-slide a .bigpic img{max-height: 100%; width: auto;}

.qiyewenhua{background: url("../images/wenhuabj.jpg") no-repeat center top; background-size:100% 80%}

.qiyetit ul{width: 70%; position: relative}
.qiyetit ul:before{content: ''; width: 200%; height: 1px; position: absolute; left: 0px; bottom: 0px; background: rgba(255,255,255,0.2)}
.qiyetit ul li{color: rgba(255,255,255,0.5); position: relative; font-size: 16px; margin-right: 10%; padding-bottom: 20px; cursor: pointer}
.qiyetit ul li:before{content: ''; height: 4px; width:0%; background: #fff; position: absolute; left: 0px; bottom: 0px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.qiyetit ul li.cur{color: #fff}
.qiyetit ul li.cur:before{width: 100%}

.wenhuabox{overflow: hidden}
.wenhuabox .swiper-container{width: 160%; margin-left:-30%}
.wenhuabox .swiper-slide{width: 25%;position: relative; border-radius:10px;overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.wenhuabox .swiper-slide.swiper-slide{width: 25%}
.wenhuabox .swiper-slide.swiper-slide-active{width: 50%}
.wenhuabox .swiper-slide.swiper-slide-active .wenhuatxt{opacity: 1; visibility: visible;transform: translateY(0px)}
.wenhuatxt{color: #ffffff; padding:50px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; opacity: 0;visibility: hidden;transform: translateY(100px)}

.wenhuatxt img{height: 50px;}
.wenhuatxt h3{font-size:20px; margin: 20px 0px 30px;}
.wenhuatxt p{font-size: 12px; position: relative; padding-left: 20px; margin: 10px 0px}
.wenhuatxt p:before{content: ''; width:14px; height: 14px; position: absolute; left: 0px; top:5px; background: url("../images/check2.svg") no-repeat center center; background-size: 100% auto;}



.wenhuabox .swiper-wrapper{display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between;}



.fazhantop .swiper-slide{position: relative}
.fazhantop .swiper-slide h2{font-size:300px; font-family: arial; color: #f9f9f9; font-weight: bold; line-height:1; text-align: center}

.fazhanyear{position: absolute; left: 0px; top: 50%; transform: translate(0,-50%); text-align: center; width: 100%}
.fazhanyear h3{font-size: 36px;margin-bottom: 10px;}
.fazhanyear p{font-size: 18px; max-width: 1000px; margin: 0 auto}

.fazhanboxs{border-top: 1px solid #e8e9eb; margin-top: 20px;}
.fazhanboxs .swiper-container{overflow: hidden; padding-top: 4px; }

.fazhanboxs .swiper-slide {cursor: pointer}
.fazhanboxs .swiper-slide p{text-align: center; color: #999999; font-size:20px; font-family: arial; position: relative;display:flex;align-items:flex-end;flex-direction:row;justify-content:center;line-height: 1; color: #999999; padding-top: 40px; position: relative}

.fazhanboxs .swiper-slide p:before{content: ''; width:0%; height:4px; position: absolute; left: 50%; top:-4px; transform: translate(-50%,0%); background: #e60012;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.fazhanhezi .swiper-container{overflow: hidden;}


.fazhanboxs .swiper-slide-thumb-active p{color: #e60012; font-weight:bold; font-size: 30px; padding-top:35px;}
.fazhanboxs .swiper-slide-thumb-active p:before{width: 100%}

.fazhanhezi{position: relative}

.fazhantop .swiper-slide{background: #ffffff}

.fazhanhezi .swiper-button-next{-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;  width:60px; height: 40px;border: 1px solid #000;border-radius: 40px; opacity: 0.5}
.fazhanhezi .swiper-button-prev{-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;  width:60px; height: 40px;border: 1px solid #000;border-radius: 40px; opacity: 0.5}
.fazhanhezi .swiper-button-next:hover,.fazhanhezi .swiper-button-prev:hover{background: #000; opacity: 1}
.fazhanhezi .swiper-button-next:hover:after,.fazhanhezi .swiper-button-prev:hover:after{color: #ffffff; opacity:1}

.fazhanhezi .swiper-button-next:after,.fazhanhezi .swiper-button-prev:after{font-size:20px; font-weight: bold; color: #000}


.huobanbj{background: url("../images/huobanbj.jpg") no-repeat center center; background-size: cover; color: #ffffff}

.huobanbox{display: flex;flex-wrap: wrap;}
.huobanbox ul{width: calc(100% + 80px); margin-left: -80px;}
.huobanbox li{width: calc(33.33% - 80px); margin-left: 80px; padding:30px 0px; border-top: 1px solid #fff;transition: all 0.3s ease;}

.hblogo img{height: 40px; max-width:60%}
.hblogo p{color: #ffffff; font-weight: bold; margin-top: 10px;}
.hblogo{width: calc(100% - 50px)}
.huobanbox li span{width:40px; height:24px; border: 1px solid #fff; border-radius: 30px; text-align: center; font-size: 20px; line-height:1; font-weight: normal; color: #fff}
.huobantxt{font-size: 12px; margin-top:10px; display: none; line-height: 1.8}

.solutionlist li{margin:60px 0px;}
.solutionlist li .bigpic{border-radius: 20px; width: 50%}

.solutiontxt{width: 40%; padding:10% 5%; position: relative}
.solutiontxt:before{content: ''; width: 120%; height: 100%; background: #f7f8fa; border: 1px solid #ececed; position: absolute; right: 0px; top: 0px; border-radius: 8px; z-index: -1}

.solutiontxt p{margin: 20px 0px 40px;color: #333333; line-height: 2}
.solutionlist li a:hover .morebtn.heise{background: #e60012; border: 1px solid #e60012; color: #ffffff;}
.solutionlist li a:hover .morebtn.heise:before{border-color:#ffffff;}

.solutionlist li:nth-child(even) .bigpic{order: 2}


.solutionlist li:nth-child(even) .solutiontxt:before{left: 0px; right: auto}


.solutiontit{border-bottom: 1px solid #e5e5e5; padding:20px 0px;}

.solution_tig{background: #f7f8fa; border: 1px solid #dfdfdf; border-radius: 8px; padding: 30px; margin-top: 20px;}

.solution_tig h2{font-size: 18px;}
.solution_tig h3{font-size: 14px;}
.solution_tig p{margin-top: 20px; color: #666}


.hytiaozhanbox{background: #000000; border-radius: 20px; overflow: hidden}
.hytiaozhanbox li{margin:30px 0px;}
.hytiaozhanbox ul{width: calc(45% - 120px); padding:0px 60px; color: #ffffff}
.hytiaozhanbox .bigpic{width: 55%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.hytiaozhanbox .bigpic:hover{opacity: 0.5}
.hytiaozhanbox li p{font-weight: bold; font-size: 16px;}
.hytiaozhanbox li span{font-size: 12px; color: rgba(255,255,255,0.6)}

.hytiaozhanbox .challenge-table{width: calc(45% - 120px); padding:20px 40px; color: #ffffff; box-sizing: border-box;}
.hytiaozhanbox .challenge-table table{width:100%; border-collapse:collapse;}
.hytiaozhanbox .challenge-table th,.hytiaozhanbox .challenge-table td{padding:12px 10px; border-bottom:1px solid rgba(255,255,255,0.15); text-align:left; vertical-align:top; font-size:13px; line-height:1.5;}
.hytiaozhanbox .challenge-table th{color:rgba(255,255,255,0.95); font-size:14px; font-weight:bold;}
.hytiaozhanbox .challenge-table td:first-child{font-weight:bold; font-size:15px; white-space:nowrap; width:22%;}
.hytiaozhanbox .challenge-table td:nth-child(2){color:rgba(255,255,255,0.75); width:38%;}
.hytiaozhanbox .challenge-table td:nth-child(3){color:rgba(255,255,255,0.9); width:40%;}

.fanganjuzheng li{background: #f7f8fa; width: calc(50% - 42px);  border: 1px solid #dfdfdf; margin-left: 40px; border-radius: 8px; overflow: hidden}

.fanganjuzheng ul{width: calc(100% + 40px); margin-left: -40px}
.fanganjuzheng.scheme-single ul{width:100%; margin-left:0; -ms-flex-pack:center; justify-content:center;}
.fanganjuzheng.scheme-single li{width:calc(100% - 42px); max-width:720px; margin-left:0;}
.fanganjuzheng li .bigpic{background: #fff; border-top: 1px solid #dfdfdf; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; height: 300px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}


.fangantxt{ padding: 40px;}
.fangantxt em{background: #000000; padding:3px 20px; border-radius: 50px; color: #ffffff; display: inline-block; font-size: 12px}

.fangantxt  p{font-weight: bold; font-size: 18px; margin: 10px 0px 20px;}

.biaoganbox .bigpic{width: 55%; border-radius: 20px; overflow: hidden; background: #ffffff}

.bigatxt{padding: 50px; color: #ffffff; width: calc(50% - 100px);}
.bigatxt h3{font-size: 18px;}
.bigatxt ul{margin-top: 20px;}
.bigatxt li{padding: 10px 0px;}

.bigatxt li p{font-size: 12px; color: rgba(255,255,255,0.6)}

.hxprobox{background: #f7f8fa; border: 1px solid #dfdfdf; border-radius: 8px; overflow: hidden; padding: 50px 10%;}

.hxprobox .bigpic{width:260px; margin-right: 20px; height:260px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.hxprobox .bigpic img{max-height: 80%; max-width: 80%; width: auto}
.hxprotxt{width:60%}
.hxprotxt h2{font-size: 18px;}

.hxprotxt p{margin: 10px 0px 20px; color: #666666}

.hexintable{margin: 40px 0px;}
.hexintable tr:first-child{font-weight: bold}
.hexintable tr{border-bottom: 1px solid #e3e3e3;}
.hexintable td,.hexintable th{border: none; padding:20px; text-align: left}

.kekaoji{width: calc(100% + 40px); margin-left: -40px}
.kekaoji li{border: 1px solid #dfdfdf; padding: 30px 50px; margin-left:40px; width: calc(50% - 142px);border-radius: 8px; }

.kekaoji li img{width:40px;}

.kekaotxt{width: calc(100% - 80px)}
.kekaotxt p{font-size: 16px; font-weight: bold; margin-bottom: 10px}
.kekaotxt span{font-size: 12px; color: #666666}

.duibibox dl{width: 20%; font-size: 12px;}
.duibibox dl dd{border-bottom: 1px solid rgba(0,0,0,0.1); padding:15px 40px; color: #666666} 
.duibibox dl dt{font-weight: bold; font-size: 18px;}

.duibibox dl dt{border-bottom: 1px solid rgba(0,0,0,0.1); padding:15px 40px;}


.duibibox dl:nth-child(2){width: 30%; background: #000000; color: #ffffff; border-radius: 20px;}
.duibibox dl:nth-child(4){width: 30%}

.duibibox dl:nth-child(2) dd{ color: #ffffff;border-bottom: 1px solid rgba(255,255,255,0.1)}

.duibibox dl:nth-child(2) dt{ color: #ffffff;border-bottom: 1px solid rgba(255,255,255,0.1); }


.duibibox dl:nth-child(3){text-align: center}
.duibibox dl:nth-child(3) dt{ color: #e60012;}
.duibibox dl:nth-child(4){width: 30%; background: #f7f8fa; border-radius: 20px;}

.whyboxs ul{justify-content: center;}
.whyboxs li{width: 25%; margin: 20px 0px; text-align: center; color: #fff}
.whyboxs li img{height: 50px; margin: 0 auto}
.whyboxs li h5{font-size: 18px; padding:20px 20px;}
.whyboxs li p{font-size: 12px; padding: 0px 12%}


.tuijianprobox{position: relative; padding-bottom: 40px;}
.tuijianprobox a{ border: 1px solid #dfdfdf; border-radius: 10px;text-align: center; display: block; padding: 30px;}
.tuijianprobox a .morebtn{margin: 0 auto}
.tuijianprobox a:hover .morebtn.heise{background: #e60012; border: 1px solid #e60012; color: #ffffff;}
.tuijianprobox a:hover .morebtn.heise:before{border-color:#ffffff;}

.tuijianprobox a p{font-weight: bold; font-size: 16px; height: 60px;}
.tuijianprobox .bigpic{margin-top: -30px; height:270px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}

.tuijianprobox .bigpic img{max-width: 80%; max-height: 80%; width: auto;}

.tuijianprobox .swiper-button-next{-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;  width:60px; height: 40px;border: 1px solid #000;border-radius: 40px; opacity: 0.5; right: -80px;}
.tuijianprobox .swiper-button-prev{-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;  width:60px; height: 40px;border: 1px solid #000;border-radius: 40px; opacity: 0.5; left: -80px;}
.tuijianprobox .swiper-button-next:hover,.tuijianprobox .swiper-button-prev:hover{background: #000; opacity: 1}
.tuijianprobox .swiper-button-next:hover:after,.tuijianprobox .swiper-button-prev:hover:after{color: #ffffff; opacity:1}

.tuijianprobox .swiper-button-next:after,.tuijianprobox .swiper-button-prev:after{font-size:20px; font-weight: bold; color: #000}

.tuijianprobox .swiper-pagination{bottom:0px;}
.tuijianprobox .swiper-pagination-bullet-active{background: #000000!important}


.tanchu_fangan{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #ffffff; border-radius: 20px; width: calc(90% - 60px); max-width: 1000px;padding: 30px;}


.tanchu_over{max-height:70vh; overflow-y: scroll; padding: 0px 30px; margin-top:30px; }

.tanchu_fangan_txt_tit em{background: #000000; padding:3px 20px; border-radius: 50px; color: #ffffff; display: inline-block; font-size: 12px}
.tanchu_fangan_txt_tit h2{font-size: 18px; margin: 10px 0px 5px;}
.tanchu_fangan_txt_tit p{color: #666; }

.tanchu_fangan_table{border-top: 1px solid #e3e3e3; margin: 30px 0px;}
.tanchu_fangan_table tr:first-child{font-weight: bold}
.tanchu_fangan_table tr{border-bottom: 1px solid #e3e3e3;}
.tanchu_fangan_table td,.tanchu_fangan_table th{border: none; padding:15px; text-align: left}

.hexintit{margin-bottom:20px;}
.hexintit h4{color: #999999; font-size: 16px;}
.hexintit h3{font-size:18px;}

.hexinbox{border-bottom: 1px solid #e3e3e3; padding: 30px 0px}
.hexinbox:last-child{border: none;padding-bottom: 0px;}
.hexinone p{width: 45%; margin-left: 5%; margin-bottom: 30px;}
.hexinone p strong{display: block}

.hexinone{width:105%; margin-left: -5%}


body.over{overflow: hidden}

.lingqubox{max-width: 1000px;}

.youhuiquan{background: #e60012; border-radius: 20px; padding: 20px;}

.youhuiquan>h3{color: #ffffff; background: url("../images/laba.svg") no-repeat left center; padding-left: 30px; background-size: 14px auto; font-weight: normal}

.quanbox{background: #fff; border-radius: 20px; margin-top: 20px}

.quanleft{width:calc(20% - 40px); text-align: center; padding: 0px 20px;}

.quanleft h4 strong{font-size: 40px;}
.quanleft h4{ color: #e60012; font-size: 16px; line-height: 1.4}

.quanleft p{color: #999999}

.quanright{padding:30px 40px; width: calc(80% - 80px);border-left: 1px dotted #e60012; line-height:2 }

.quanright p span{color: #e60012}
.quanright p{color: #999999}
.quanright p strong{color: #000}

.guizebox{box-shadow: 0px 0px 10px rgba(0,0,0,0.1); margin-top: 10px; border-radius: 20px; padding: 30px 40px}


.guizetxt p{font-size: 12px; position: relative; padding-left: 20px; margin: 10px 0px; color: #666666}
.guizetxt p:before{content: ''; width:14px; height: 14px; position: absolute; left: 0px; top:5px; background: url("../images/check.svg") no-repeat center center; background-size: 100% auto;}

.guizebox h3{font-size:18px; margin-bottom: 20px;}

.line{height: 1px; background: #e3e3e3; margin: 30px 0px;}


.guizebox ul{border-bottom: 1px dashed #d7d7d7;}

.guizebox li{width:20%; padding: 20px 0px; position:relative}
.guizebox li span{font-size: 50px; color: #eaeaea; font-style: italic; font-weight: bold; line-height: 1}
.guizebox li p{ margin-left: 20px; font-size: 16px; line-height: 1.3}

.guizebox li:before{content: ""; position: absolute; left: 50%; bottom: -14px; transform: translate(-50%,0); background: #d7d7d7; width: 6px;height:6px; border-radius: 100%; border: 10px solid #fff}

.liangqubtn{background: #e60012; color: #ffffff; text-align: center; padding:10px 20px;border-radius: 10px; display: block; font-size: 18px; margin:20px 0px;}
.liangqubtn:hover{background: #000; color: #fff}

.tigs{text-align: center; color: #999}