/* 自定义初始化 */ 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; } table{border-collapse:collapse; border-spacing:0; } fieldset,img{border:0; } ol,ul{list-style:none; } caption,th{text-align:left; } q:before,q:after{content:''; } abbr,acronym{border:0; } .clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .l,.col-l,.col_l,.col-c,.col_c{float:left; } .r,.col-r,.col_r,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } .n,em{font-weight:normal; font-style:normal; } .b{font-weight:bold; } .i{font-style:italic; } .fa{font-family:Arial; } .fg{font-family:Georgia; } .ft{font-family:Tahoma; } .fl{font-family:Lucida Console; } .fs{font-family:'宋体'; } .fw{font-family:'微软雅黑'; } .tc{text-align:center; } .tr{text-align:right; } .tl{text-align:left; } .tdu{text-decoration:underline; } .tdn,.tdn:hover,a.tdl:hover{text-decoration:none; } .fc0{color:#000000; } .fc3{color:#333333; }
.fc6{color:#666666; } .fc9{color:#999999; } .fcr{color:red; } .fcw{color:white; } .fcb{color:blue; } .fcg{color:green; } .f0{font-size:0; } .f10{font-size:10px; } .f12{font-size:12px; } .f13{font-size:13px; } .f14{font-size:14px; } .f16{font-size:16px; } .f20{font-size:20px; } .f24{font-size:24px; } .vm{vertical-align:middle; } .vtb{vertical-align:text-bottom; } .vt{vertical-align:top; } .vn{vertical-align:-2px; } .vimg{margin-bottom:-3px; } .m0{margin:0; } .ml0{margin-left:0; } .ml5{margin-left:5px; } .ml10{margin-left:10px; } .ml20{margin-left:20px; } .mr0{margin-right:0; } .mr5{margin-right:5px; } .mr10{margin-right:10px; } .mr20{margin-right:20px; } .mt5{margin-top:5px; } .mt10{margin-top:10px; } .mt20{margin-top:20px; } .mb5{margin-bottom:5px; } .mb10{margin-bottom:10px; } .mb20{margin-bottom:20px; } .ml-1{margin-left:-1px; } .mt-1{margin-top:-1px; } /*.p1{padding:1px; }*/ .pl5{padding-left:5px; } .p5{padding:5px; } .pt5{padding-top:5px; } .pr5{padding-right:5px; } .pb5{padding-bottom:5px; }
.p10{padding:10px; } .pl10{padding-left:10px; } .pt10{padding-top:10px; } .pr10{padding-right:10px; } .pb10{padding-bottom:10px; } .p20{padding:20px; } .pl20{padding-left:20px; } .pt20{padding-top:20px; } .pr20{padding-right:20px; } .pb20{padding-bottom:20px; } .rel,.pr{position:relative; } .abs,.pa{position:absolute; } .dn{display:none !important; } .db{display:block !important; } .dib{-moz-inline-stack:inline-block; display:inline-block; } .di{display:inline; } .ovh{overflow:hidden; } .ovs{overflow:scroll; } .vh{visibility:hidden; } .vv{visibility:visible; } .lh14{line-height:14px; } .lh16{line-height:16px; } .lh18{line-height:18px; } .lh20{line-height:20px; } .lh22{line-height:22px; } .lh24{line-height:24px;} .fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .z{_zoom:1; } .h1{height:1px; } .h5{height:5px; } .h10,.h{height:10px; } .h15{height:15px; } .h20{height:20px; }
.h1,.h5,.h10,.h15,.h20,.h{font-size:0px; line-height:0; overflow:hidden; clear:both; }a{text-decoration:none; }
.ani{
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
*{outline: 0;}
input,select,button,textarea{
	color: #333;
	font-size: 14px;
	border:0;
	background: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
select::-ms-expand {display: none;}
input[type='submit'],input[type='reset'],
input[type='button'],button{
	cursor: pointer;
}
::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999;}
.clear{clear: both;}
/*inital*/
html{scroll-behavior: smooth;scroll-behavior: smooth;}
body{
	color: #333;
	font-size: 14px;
}
body,html{overflow-x: hidden;}
a{color:#3f3f3f;}
img{max-width: 100%;}
/*scrollbar*/
::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	border-radius: 5px;
}
::-webkit-scrollbar-track {
	background: #ddd;
}
::-webkit-scrollbar-thumb {
	background: #afaeae;
	border-radius: 6px;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #afaeae;
	border-radius: 6px;
}
/*******************************
  -------[=layout]-------
********************************/
.wp{width: 1600px;margin: 0 auto;}
.wrap{width: 1600px;margin: 0 auto;}
.w1600{width: 1600px;margin: 0 auto;}
.h30{height: 30px;}
.h40{height: 40px;}
.h50{height: 50px;}
#header{background: #fff;position: fixed;width: 100%;left: 0;z-index: 100;box-shadow: 0 0 10px rgba(0,0,0,0.15);}
#header > *{
	position: relative;
	z-index: 1;
}
.logo{
	float: left;
	width: 201px;
	height:88px;
	overflow: hidden;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.logo img{height:58px;position: absolute;top: 50%;transform: translate(0,-50%);-webkit-transition: all .5s;transition: all .5s;}
.hd-search{float: left;position: relative;-webkit-transition: all .5s;transition: all .5s;height: 88px;display: flex;align-items: center;}
.hd-search img{height: 26px;}
.hd-searchBtn{width:60px;display: block;text-align: center;background: url("../images/s2.svg") no-repeat center 4px;height: 40px;background-size: auto 28px;}
.hd-search-form{background: #f5f5f5;width:0;border-radius: 20px;margin-top: -6px;transition: width 0.3s ease-in-out;position: relative;}
.hd-search.cur .hd-search-form{width: 365px;visibility: visible;opacity: 1;}
.hd-search-form input{
	color: #666;
	font-size: 14px;
	height: 40px;
	display: block;
	text-indent: 10px;	
}
.hd-search-form input::-webkit-input-placeholder {color:#3f3f3f;}
.hd-search-form input:-moz-placeholder {color:#3f3f3f;}
.hd-search-form input::-moz-placeholder {color:#3f3f3f;}
.hd-search-form input:-ms-input-placeholder {color:#3f3f3f;}
.hd-search-form .inp{
	width: calc(100% - 40px);
	padding: 0 5px;
}
.hd-search-form .btn3{
	position: absolute;
	right: 10px;top:0px;
	background: url(../images/s2.svg) center center no-repeat;
	width: 0;
	background-size: auto 26px;
	-webkit-transition: all .5s;
    transition: all .5s;
}
.hd-search-form.in{width: 200px;border: 1px solid #ddd;}
.hd-side{float: right;padding: 5px 0;}
.hdr{float: right;}
.top-side{float: right;height: 88px;padding-left: 20px;}
#nav{float: left;}
#nav li{float: left;position: relative;}
#nav li .v1{
	color: #333;
	font-size: 18px;
	display: inline-block;
    line-height: 88px;
	position: relative;
    -webkit-transition: all .5s;
    transition: all .5s;
    padding: 0 20px;
}
#nav li .v1 span{display: block;position: relative;z-index: 2;}
#nav li .v1::after{content: "";
        position: absolute;
        left: 0%;
        bottom: 0px;
        width: 100%;
        height: 0%;
        opacity: 1;
        z-index: 1;
        background: #b22323;
        transition: 0.3s;}
#nav li.on a,#nav li:hover .v1{color: #fff;}
#nav li.on .v1::after,#nav li:hover .v1::after{height: 100%;}
#nav li dl.sub{
	position: absolute;
	width: 100%;
	left:0;top: 88px;
	padding: 10px 0;
	background:#fff;
	overflow: hidden;
	display: none;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	border-radius: 0 0 10px 10px;
}
#nav li:nth-child(2) dl.sub,#nav li:nth-child(3) dl.sub{width: 160px;}
#nav dl.sub a{
	color: #333;
	font-size: 16px;
	line-height: 40px;
	display: block;
	text-align: center;
	font-weight: normal;
}
#nav dl.sub a:hover,#nav .tab-list1 dd a:hover{
	color: #b22323;
	font-weight: bold;
}
#nav .sub2{position: absolute;
	left:-200px;top: 98px;transform: translate(0);
	width: 544px;padding: 15px 28px;
	background:#fff;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	border-radius: 0 0 10px 10px;
	display: none;}
#nav .sub2 .left{width: 125px;}
#nav .sub2 dl{border-bottom:1px solid #dcdcdc;}
#nav .sub2 dt{line-height: 49px;height: 49px;position: relative;}
#nav .sub2 dt.move::after{content: "";transform: rotate(180deg);transition: all 0.4s;display: block;position: absolute;right: 0;width: 20px;height: 49px;top: 0;background: url("../images/sjx.png") no-repeat center;background-size: auto 12px;}
#nav .sub2 dt.on2::after{transform: rotate(0deg);}
#nav .sub2 dt a{display: block;color: #333;font-size: 16px;}
#nav .sub2 dd{margin-top: -10px;padding-bottom: 5px;}
#nav .sub2 dd a{display: block;color: #333;font-size: 14px;height: 30px;line-height: 30px;}
#nav .sub2 .tab-tit1{padding-left: 16px;display: none;}
#nav .sub2 .tab-tit1 a.cur{color: #be1d2c;}
#nav .sub2 .tab-tit1.in{display: block;}
#nav .tab-list1{width: 345px;padding:12px 0 12px 28px;border-left: 1px solid #dcdcdc;}
#nav .tab-list1 .con1{display: none;}
#nav .tab-list1 .con1 .images{width: 345px;height: 159px;margin-bottom: 15px;}
#nav .tab-list1 .con1 .txt{height: 120px;overflow: hidden;}
#nav .tab-list1 .con1 img{width: 100%;height: 100%;object-fit: cover;}
#nav .tab-list1 .con1 p{color: #333;font-size: 14px;line-height: 24px;}
.f2,.f3{
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height 0.4s ease;
}
/*手机端菜单导航*/
.wap-btn{
	display: none;
	position: absolute;
	z-index: 9;
	right: 0;
	width: 30px;
	height: 19px;
	cursor: pointer;	
	top: 16px;
}
.wap-btn em{
	position: absolute;
	left: 0;
	top: 8px;
	width: 30px;
	height: 2px;
	background-color: #333;
}
.wap-btn .s1{top: 0px;}
.wap-btn .s2{top: 8px;}
.wap-btn .s3{top: 16px;}
.sp_nav_se .s1{top:9px;transform:rotate(45deg);}
.sp_nav_se .s2{width:0}
.sp_nav_se .s3{top:9px;transform:rotate(-45deg);}
.leftMenu a {
    text-decoration: none;
    display: block;
}
.leftMenu {
	background: #fff;
    position: fixed;
    right: -1000px;
    top:70px;
    display: block;
    height: 100%;
    width: 100%;
    min-width: 120px;
    max-width: 440px;
    z-index: 10000;
    transition: all 0.4s ease;
    overflow: auto;
}
.leftMenu.menu-open {
    right: 0;
}
.leftMenu.menu-open::before{content: "";position: absolute;left: 0;top: -12px;width: 100%;height: 12px;box-shadow: 0 0 12px rgba(0,0,0,.1);}
.leftMenu ul li {
    position: relative;
    border-bottom: 1px solid #f5f5f5;
}
.leftMenu ul li>a{
	font-size: 16px;
	margin-left: 20px;
	color:#2e2624;
	line-height: 46px;
	text-align: left;
}
.leftMenu ul li .f2 a{
	font-size: 14px;
	color:#2e2624;
	margin-left: 20px;
	line-height: 39px;
	text-align: left;
}
.leftMenu ul li ul li{
    border-bottom: none;
    margin: 0 20px;
    position: relative;
}
.leftMenu ul li ul li::after{content: "";height: 1px;width: 100%;background:#f5f5f5;left: 0;bottom: 0;position: absolute;}
.leftMenu ul li ul li:last-child::after{display: none;}
.leftMenu ul li.hasChild > a:after {
    content: "+";
    position: absolute;
    right: 20px;
    top:-1px;
    font-size: 24px;
    font-weight: 300;
}
.leftMenu ul li.hasChild.open > a:after {
    content: "-";
    right: 23px;
    font-size: 28px;
    top: -3px;
	
}
.wap-search{display: none;right:50px;top:12px;position: absolute;}
.sb-search img{height:27px;}
.sb-search{display:none;width:100%;height:auto;position:fixed;top: 0px;padding:15px 0;left:0;}
.sb-search .sb-search-input-container{background: #fff;border-radius: 4px;padding: 0 0 0 12px;margin:0 3% 0 0;position: relative;}
.sb-search.on .sb-search-input-container{width:calc(100% - 80px);float: right;}
.sb-search.on{z-index: 100;margin: 0;background: #b22323;border-radius: 0;display: block;}
.sb-search .sb-search-input{width: calc(100% - 70px);height: 40px;}
.sb-search .sb-search-submit{height: 40px;}
.sb-search.on .back-head{display: block;position: absolute;left: 0;height:52px;top: 50%;transform: translate(0,-50%);width: 80px;}
.sb-search.on .back-head img{height: 30px;display: block;}
.sb-search.on .back-head a{display: block;padding: 11px 0 11px 11px;}
.sb-search .sb-search-submit{width:59px;background: none;text-indent: -9999px;background: url("../images/s2.svg") no-repeat center;background-size: auto 24px;position: absolute;cursor: pointer;right: 0;top: 0;height: 40px;}
.banner{overflow: hidden;width: 100%;margin-top: 88px;}
.banner .swiper-button-prev{left:5%;}
.banner .swiper-button-prev::after{content: "";display: block;position: absolute;right: 0;background:url("../images/jtjt1.png") no-repeat center;}
.banner .swiper-button-next{right:5%;}
.banner .swiper-button-next::after{content: "";display: block;position: absolute;left: 0;background:url("../images/jtjt2.png") no-repeat center;}
.banner .swiper-button-next::after,.banner .swiper-button-prev::after{border-radius:50%;
    cursor: pointer;
    position: absolute;
    transition: all .5s cubic-bezier(.694,0,.335,1);width: 48px;height: 48px;top: 0;}
.banner .swiper-button-prev:hover::after{background:url("../images/jtjt01.png") no-repeat center;}
.banner .swiper-button-next:hover::after{background:url("../images/jtjt02.png") no-repeat center;}
.banner .swiper-button-next,.banner .swiper-button-prev{width: 50px;height:50px;z-index: 10;}
.banner .swiper-pagination-bullet{background: #fff;width:9px;height:9px;border-radius:50%;opacity: 1;display:inline-block;margin:0 6px;position: relative;}
.banner .swiper-pagination-bullet-active{background: #b22323;width: 28px;border-radius: 4px;}
.banner .swiper-pagination{left:0;width:100%;bottom:40px;text-align: center;}
.a-img{width: 100%;}
.a-img img{width: 100%;}
.wap-img{display: none;}
.a-text
{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 28;
width: 70%;
}
.a-text .a-titles
{
  font-size: 54px;
  font-weight:bold;
  color: #FFF;
  line-height: 1em;
  text-transform: uppercase;
  font-family: "ZiTi5";
  text-shadow:0 0 10px rgba(1,111,172,0.95);
  letter-spacing: 2px;
}
.a-text .a-intro
{
  font-size: 20px;
  color: #FFF;
  margin: 20px 0 0 0;
  font-weight: 100;
  font-family: "ZiTi5";
  text-shadow:0 0 10px rgba(1,111,172,0.95);
  letter-spacing: 2px;
}
.a-text a{
  display:block;
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 500;
  margin-top: 50px;
  color: #fff;
  transition: 0.2s;
  border: 1px solid #fff;
  height: 46px;
  line-height: 46px;
  border-radius: 23px;  
  text-align: center;
  width: 172px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.6s; transition: all 0.6s;
}
.a-titles,.a-intro,.a-tip{opacity:0;transform:translate3d(0,30px,0);}
.a-text a span{background: url(../images/more.svg) no-repeat right center;background-size: auto 20px;padding:0 25px 0 5px;display: inline-block;position: relative;z-index: 2;}
.a-text a .bgsqr1,.a-text a .bgsqr2{background:#09348b;position: absolute;top: 50%; top:0\9;content: '';width: 20px;height: 20px; -webkit-border-radius: 50%;border-radius: 50%;-webkit-transition: all 0.6s; transition: all 0.6s; opacity:0.5;}
.a-text a .bgsqr1{left: -20px;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.a-text a .bgsqr2{right: -20px;-webkit-transform: translate(50%,-50%);transform: translate(50%,-50%);}
.a-text a:hover .bgsqr1{ -webkit-animation:criss-cross-left .8s both;animation:criss-cross-left .8s both;width:375px\9;height:375px\9;  opacity:1;}
.a-text a:hover .bgsqr2{ -webkit-animation:criss-cross-right .8s both;animation:criss-cross-right .8s both;width:375px\9;height:375px\9;opacity:1;}
.a-text a:hover{border:1px solid #09348b;background:#09348b;}
.banner .swiper-slide-active .a-titles{opacity:1;transform:translate3d(0,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);transition-delay: .6s;} 
.banner .swiper-slide-active .a-intro{opacity:1;transform:translate3d(0,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);transition-delay: .8s;} 
.banner .swiper-slide-active .a-tip{opacity:1;transform:translate3d(0,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);transition-delay: 1s;}
@-webkit-keyframes criss-cross-left {
 0% {
  left:-20px
 }
 50% {
  left:50%;width:20px;height:20px;
 }
 100% {
  left:50%;width:375px;height:375px;
 }
}
@keyframes criss-cross-left {
 0% {
  left:-20px
 }
 50% {
  left:50%; width:20px;height:20px;
 }
 100% {
  left:50%;width:375px;height:375px;
 }
}
@-webkit-keyframes criss-cross-right {
 0% {
  right:-20px
 }
 50% {
  right:50%;width:20px;height:20px;
 }
 100% {
  right:50%;width:375px;height:375px;
 }
}
@keyframes criss-cross-right {
 0% {
  right:-20px
 }
 50% {
  right:50%;width:20px;height:20px;
 }
 100% {
  right:50%;width:375px;height:375px;
 }
}
.main{background: #fff;}
.cl{clear: both;}
.fl{float: left;}
.fr{float: right;}
.index1{padding: 90px 0;background: url("../images/bg.jpg") no-repeat;background-size: cover;}
.title{color: #000;position: relative;text-align: center;}
.title em{display: block;padding-top: 10px;}
.title h3{font-weight: bold;color: #0b0b0b;font-size: 44px;}
.index1 .title{text-align: left;}
.index1 .we p{color: #666;font-size: 16px;line-height: 30px;text-indent: 32px;}
.index1 .we{margin-top: 52px;}
.index1 .pic{width: 46%;}
.index1 .left{width: 48%;}
.index1 .pic video,.index1 .pic img{width: 100%;height: 100%;object-fit: cover;}
.more a{display: flex;align-items: center;justify-content: center;position:relative;border: 1px solid #666;overflow: hidden; -webkit-transition: all .6s;transition: all .6s;font-size: 16px;height:48px;width:148px;text-align: center;}
.more a span{ position:relative;color: #666; z-index:2;background: url("../images/more1.png") no-repeat right center;display: inline-block;padding:0 34px 0 0px;}
.more a:hover span{background: url("../images/more2.png") no-repeat right center;color: #fff;}
.more a .bg_brf,.more a .bg_aft{background:#b22323;position: absolute;height: 100%;width: 100%;bottom: 100%;left: 0;z-index: -1;
	-webkit-transition: all .3s;transition: all .3s;-webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
	transition-timing-function: cubic-bezier(.75, 0, .125, 1);}
.more a .bg_brf{opacity: 0.5;}
.more a:hover .bg_brf,.more a:hover .bg_aft{bottom:0;z-index: 1;}
.more a:hover .bg_aft{-webkit-transition-delay: .175s;transition-delay: .175s;}
.index1 .more{margin-top: 46px;}
.more a:hover{background:#b22323;border: 1px solid #b22323;}
.more2{display: flex;align-items: center;}
.more2 span{color: #fff;font-size: 14px;display: block;margin-right: 26px;}
.more2 img{width: 20px;height: 5px;}
@-webkit-keyframes criss-cross-left {
 0% {
  left:-20px
 }
 50% {
  left:50%;width:20px;height:20px;
 }
 100% {
  left:50%;width:375px;height:375px;
 }
}
@keyframes criss-cross-left {
 0% {
  left:-20px
 }
 50% {
  left:50%; width:20px;height:20px;
 }
 100% {
  left:50%;width:375px;height:375px;
 }
}
@-webkit-keyframes criss-cross-right {
 0% {
  right:-20px
 }
 50% {
  right:50%;width:20px;height:20px;
 }
 100% {
  right:50%;width:375px;height:375px;
 }
}
@keyframes criss-cross-right {
 0% {
  right:-20px
 }
 50% {
  right:50%;width:20px;height:20px;
 }
 100% {
  right:50%;width:375px;height:375px;
 }
}
.footer{background:url("../images/f-bg.jpg") no-repeat center;background-size: cover;}
.copy{border-top: solid 1px #4f4f4f;color: #b9b9b9;font-size: 14px;line-height: 26px;padding: 15px 0;}
.copy p a{color: #b9b9b9;}
.foot1{display: flex;justify-content: space-between;padding: 65px 0;}
.foot1 .way{padding-top: 60px;}
.foot1 .way p{color: #b9b9b9;font-size: 14px;line-height: 26px;margin-top: 8px;}
.foot1 .left{width: 22%;}
.foot1 .right{display: flex;justify-content: space-between;width: 66%;}
.foot1 dt{position: relative;color: #fff;font-size: 16px;font-weight: bold;padding-bottom: 24px;margin-bottom: 25px;}
.foot1 dt::before{content: "";display: block;position: absolute;left: 0;bottom: 0;height: 2px;width: 24px;background: #b22323;}
.foot1 dd a{display: block;color: #b9b9b9;font-size: 14px;line-height: 26px;transition: all 0.3s;}
.foot1 dd a:hover{color: #b22323;}
.foot1 dd{margin-top: 10px;}
.foot1 dl .green{color: #80b72f;font-size: 14px;display: block;margin-top: 10px;}
.part2{padding-top: 76px;}
#countup{display: flex;justify-content: space-between;}
#countup .flex{display: flex;justify-content: space-between;align-items: center;}
.countup-txt{padding-left: 24px;}
.countup-txt h4{padding-bottom: 6px;}
.countup-txt h4 span{font-size:30px;color:#000;font-weight: bold;}
.countup-txt h4 em{font-style: normal;font-size: 18px;font-weight: normal;display: inline-block;position: relative;color: #000;padding-left: 3px;}
.countup-txt p{font-size:15px;color:#ababab;position: relative;padding-top: 3px;}
.countup-txt p::before{content: "";display: block;height: 1px;width: 20px;background: #bebebe;position: absolute;top: 0;}
.index1 .col-md-3{position: relative;}
.title span{display: block;color: #525252;font-size: 14px;padding: 10px 0 0 0;margin: 0 auto;width: 50%;}
.index2{padding: 80px 0;}
.index3{background: #f7f7f7;padding: 80px 0;}
.index4{background:url("../images/bg2.jpg") no-repeat left center;background-size: cover;padding:80px 0 120px 0;}
.solution{padding-top: 46px;}
.solution ul{display: flex;flex-wrap: wrap;}
.solution li img,.solution li a{font-size: 0;}
.solution li{position: relative;overflow: hidden;width: 33.33%;}
.solution li .pic{overflow: hidden;}
.solution li .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.solution li:hover .pic img{transform: scale(1.15);}
.solution li .text{position: absolute;padding:46px 28px 0 28px;width: calc(100% - 56px);bottom: 0;padding-bottom: 32px;}
.solution li .text::after{content:"";display: block;position: absolute;background: rgba(178,35,35,0.75);width: 100%;bottom: 0;height:0;left: 0;transition:all 0.3s;}
.solution li a .name{display: flex;align-items: center;position: relative;z-index: 1;transition:all 0.3s;}
.solution li a .name h4{color: #fff;font-size: 20px;padding-left: 13px;}
.solution li a .txt{position:absolute;z-index: 1;transition:all 0.3s;bottom: -200px;}
.solution li a .txt p{color: #fff;font-size: 14px;line-height: 24px;overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;height: 48px;}
.solution li a .txt .more2{display: flex;align-items: center;}
.solution li a .txt span{color: #fff;font-size: 14px;display: block;margin-right: 26px;}
.solution li a .txt img{width: 20px;height: 5px;transition:all 0.3s;}
.solution li:hover .text::after{height: 100%;}
.solution li:hover a .txt{bottom: 0;position: relative;}
.solution li:hover a .name{transform: translateY(-14px);}
.solution li a .txt:hover img{transform: translateX(5px);}
.tab-name{padding: 46px 0 5px 0;}
.goods ul{display: flex;flex-wrap: wrap;margin: 0 -18px;}
.goods li{width: calc(25% - 36px);margin: 0 18px;background: #fff;position: relative;}
.goods li .s-logo{position: absolute;top: 17px;left: 20px;}
.goods li a .img{display: flex;justify-content: center;align-content: center;padding: 20px;}
.goods li a .img img{height: 278px;}
.tab-name div{text-align: center;display: flex;justify-content:space-between;}
.tab-name div a{display: inline-block;width:9%;height: 38px;line-height:38px;color: #333;font-size: 16px;transition: all 0.3s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background: #fff;border-radius: 16px;transition: all 0.3s;}
.tab-name div a:hover{background: #b22323;color: #fff;}
.goods li{margin-top: 30px;padding-bottom: 22px;overflow: hidden;}
.goods li a .text{text-align: center;position: relative;z-index: 2;padding-top: 30px;}
.goods li a .more3{width: 148px;height: 38px;border: solid 1px #bbb;margin: 0 auto;line-height: 38px;color: #333;font-size: 16px;transition: all 0.3s;overflow: hidden;position: relative;}
.goods li a .text h4{color: #333;font-size: 18px;transition: all 0.3s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0 10px;}
.goods li a .text p{color: #333;font-size: 14px;text-align: center;margin: 6px 0 18px 0;transition: all 0.3s;}
.goods li a .text p span{display: inline-block;background: url("../images/tm_14.png") no-repeat left center;padding-left: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.goods li:hover a .more3{border: solid 1px #fff;color: #fff;}
.goods li:hover a .text h4,.goods li:hover a .text p{color: #fff;}
.goods li:hover a .text p span{background: url("../images/tm_014.png") no-repeat left center;}
.goods li a .candle-flame {
    width:100%; height:100%;
    position: absolute;
    bottom:-100%; left: 0; right: 0; top:0;
    margin: auto;
    transform-origin: left bottom;
    transition: all 0.3s;
}
.goods li:hover a .candle-flame{animation: flicker 3s infinite ease-out alternate;
    background: linear-gradient(rgba(255,255,255,0.03) 40%, rgba(255,255,255,0.04) 50%, rgba(177,25,44,1) 90%);
    bottom: 0;
}
@keyframes flicker {
  0% {
    transform:scale(1);
  }
  20% {
    transform:scale(1.1);
  }
  50% {
    transform:scale(1.5);
  }
  80% {
    transform:scale(1.2);
  }
  100% {
    transform:scale(1);
  }
}
.index6{padding: 80px 0;}
.index7,.index5{background: #f7f7f7;padding: 80px 0;}
.partner{padding-top: 36px;}
.partner ul{display: flex;flex-wrap: wrap;margin: 0 -5px;}
.partner li{width: calc(20% - 10px);margin:10px 5px 0 5px;position: relative;background: #fff;display: flex;justify-content: center;align-items: center;height: 183px;overflow: hidden;}
.partner li .tp{font-size: 0;overflow: hidden;}
.partner li .tp img{height: 150px;transition:all .5s ease-in-out;}
.border{
    position:absolute;
    background:none;
    transition:all .5s ease-in-out;
}
.partner li .border:nth-of-type(1){
  top:0;
  left:0;
  width:0;
  height:0;
  border-top:2px solid #b22323;
}
.partner li .border:nth-of-type(2){
  top:0;
  right:0;
  width:10px;
  height:0;
  border-right:2px solid #b22323;
}
.partner li .border:nth-of-type(3){
  bottom:0;
  right:0;
  width:0;
  height:0;
  border-bottom:2px solid #b22323;
}
.partner li .border:nth-of-type(4){
  bottom:0;
  left:0;
  width:0;
  height:0;
  border-left:2px solid #b22323;
}
.partner li:hover .border:nth-of-type(1){
  width:100%;
}
.partner li:hover .border:nth-of-type(2){
  height:100%;
}
.partner li:hover .border:nth-of-type(3){
  width:100%;
}
.partner li:hover .border:nth-of-type(4){
  height:100%;
}
.caseSwiper{padding: 100px 0;}
.caseSwiper .swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  /* 初始缩放比例 */
  transition: transform 0.3s ease;
}

/* 激活的中间轮播项放大 */
.caseSwiper .swiper-slide-active {
  transform: scale(1.4);
  z-index: 10;
}

.caseSwiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.caseSwiper .swiper-slide p{position: absolute;bottom: -100%;width: calc(100% - 40px);padding:10px 20px;color: #fff;font-size: 16px;line-height: 30px;transition: all 0.3s;}
.caseSwiper .swiper-slide.swiper-slide-active p{bottom: 0;}
.caseSwiper .swiper-pagination{display: none;}
.caseSwiper .swiper-button-prev{left:25%;}
.caseSwiper .swiper-button-prev::after{content: "";display: block;position: absolute;right: 0;background:url("../images/arrow1.png") no-repeat center;}
.caseSwiper .swiper-button-next{right:25%;}
.caseSwiper .swiper-button-next::after{content: "";display: block;position: absolute;left: 0;background:url("../images/arrow2.png") no-repeat center;}
.caseSwiper .swiper-button-next::after,.caseSwiper .swiper-button-prev::after{border-radius:50%;
    cursor: pointer;
    position: absolute;
    transition: all .5s cubic-bezier(.694,0,.335,1);width: 50px;height: 50px;top: 0;}
.caseSwiper .swiper-button-prev:hover::after{background:url("../images/arrow01.png") no-repeat center;}
.caseSwiper .swiper-button-next:hover::after{background:url("../images/arrow02.png") no-repeat center;}
.caseSwiper .swiper-button-next,.caseSwiper .swiper-button-prev{width: 50px;height:50px;z-index: 10;}
.goods li a .more3 span{
  position:relative;
  display: block;
}
.border1{
  position:absolute;
  background:none;
  transition:all .5s ease-in-out;
  z-index:0;
  background:white;
  width:30px;
  height:30px;
  transform:rotate(45deg);
}

.more3 .border1:nth-of-type(1){
  top:-65px;
  left:-60px; 
}
.more3 .border1:nth-of-type(2){
  top:-65px;
  right:-60px;
}
.more3 .border1:nth-of-type(3){
  bottom:-65px;
  left:-60px;
}
.more3 .border1:nth-of-type(4){
  bottom:-65px;
  right:-60px;
}

.goods li:hover a .more3 .border1{
  width:160px;
  height:160px;
  background: none;
}
.tab1{text-align: center;padding: 46px 0 35px 0;}
.tab1 a{display: inline-block;width: 154px;height: 36px;border: solid 1px #d2d2d2;border-radius: 18px;line-height: 36px;font-size: 16px;margin: 0 10px;transition: all 0.3s;}
.tab1 a.cur,.tab1 a:hover{background: #b22323;border: solid 1px #b22323;color: #fff;}
.tab-list .list{display: none;}
.list a{display: block;overflow: hidden;position: relative;}
.list a .tp{overflow: hidden;height: 340px;}
.list a .tp img{width: 100%;height: 100%;object-fit:cover;transition: all 0.3s;}
.list a:hover .tp img{transform: scale(1.15);}
.list a h4{font-weight:normal;}
.list a .txt1{color: #fff;position: absolute;bottom: 0;width: calc(100% - 50px);padding:25px;-webkit-transition: all .3s;transition: all .3s;}
.list a .txt1 h4{color: #fff;font-size: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list a .txt2{color: #fff;position: absolute;bottom: -100%;width: calc(100% - 50px);padding:25px;background: rgba(178, 35, 35, 0.75);transition: all 0.3s;}
.list a .txt2 h4{font-size:18px;margin: 14px 0 12px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list a .txt2 p{font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list a .txt2 .time{display: block;font-size: 16px;}
.list a .txt2 .more2{margin-top: 20px;}
.list a .txt2 .more2 img{transition: all 0.3s;}
.list a:hover .txt1{ -webkit-transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);
  transform: matrix3d(1,0,0,0,0,0,1,-.008,0,-1,0,0,0,0,0,1);
}
.list a:hover .txt2{bottom: 0;}
.list a .txt2:hover .more2 img{transform: translateX(5px);}
.list .swiper{padding-bottom: 60px;}
.list .swiper-pagination{width: 100%;text-align: center;bottom: 0;}
.list .swiper-pagination span{width: 13px;height: 13px;margin: 0 10px;background: #d3d3d3;opacity: 1;}
.list .swiper-pagination span.swiper-pagination-bullet-active{background:#b22323;}
.list .swiper-button-next,.list .swiper-button-prev{top: auto;bottom: -5.5px;width: 40px;height: 15px;background: url("../images/jt-y1.png") no-repeat center;}
.list .swiper-button-prev{background: url("../images/jt-z1.png") no-repeat center;left: 43%;}
.list .swiper-button-next{right: 43%;}
.list .swiper-button-prev:hover{background: url("../images/jt-z01.png") no-repeat center;}
.list .swiper-button-next:hover{background: url("../images/jt-y01.png") no-repeat center;}
.videos a .img{position: relative;height: 340px;overflow: hidden;}
.videos a .img img{width: 100%;height: 100%;object-fit:cover;transition: all 0.3s;}
.videos a:hover .img img{transform: scale(1.15);}
.videos a .img .play{position: absolute;width: 92px;height: 92px;background: url("../images/play.png") no-repeat center;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all 0.3s;}
.videos a .wz{height: 82px;background: #f7f7f7;line-height: 82px;color: #333;font-size: 20px;text-align: center;transition: all 0.3s;}
.videos a .wz p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all 0.3s;}
.videos a:hover .wz{background:#b22323;}
.videos a:hover .wz p{color: #fff;}
.videos a:hover .img .play{transform:translate(-50%,-50%) rotate(360deg);}
.index4 .title h3,.index4 .title span{color: #fff;}
.tab-container .width-auto{
    display: flex;
    position: absolute;
    width: calc(100% - 694px);
    right: 50px;
    justify-content: space-between;
    z-index: 5;
    border-bottom: solid 1px #e5e5e5;   
}
.tab-item {
    cursor: pointer;
    color: #000;
    font-size: 18px;
    transition: all 0.3s;   
    padding: 0 20px;
    position: relative;
    padding-bottom: 38px;
}
.tab-item::after{content: "";display: block;position: absolute;bottom: 0;width: 0;left: 0;height: 3px;background: #b22323;transition: all 0.3s;}
.tab-item.active::after{width: 100%;}
.tab-item .ico{width: 100%;height: 55px;margin-bottom: 30px;}
.tab-item .ico1{background: url("../images/ys1.png") no-repeat center;transition: all 0.3s;}
.tab-item .ico2{background: url("../images/ys2.png") no-repeat center;transition: all 0.3s;}
.tab-item .ico3{background: url("../images/ys3.png") no-repeat center;transition: all 0.3s;}
.tab-item .ico4{background: url("../images/ys4.png") no-repeat center;transition: all 0.3s;}
.tab-item .ico5{background: url("../images/ys5.png") no-repeat center;transition: all 0.3s;}
.tab-item.active .ico1{background: url("../images/ys01.png") no-repeat center;transform: rotateX(360deg);}
.tab-item.active .ico2{background: url("../images/ys02.png") no-repeat center;transform: rotateX(360deg);}
.tab-item.active .ico3{background: url("../images/ys03.png") no-repeat center;transform: rotateX(360deg);}
.tab-item.active .ico4{background: url("../images/ys04.png") no-repeat center;transform: rotateX(360deg);}
.tab-item.active .ico5{background: url("../images/ys05.png") no-repeat center;transform: rotateX(360deg);}
.tab-item.active{
    color: #b22323;
}
.index4 .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}
.index4 .box{display: flex;justify-content: space-between;align-items: flex-end;}
.advantage{position: relative;background: #fff;padding: 50px 30px;width: calc(100% - 80px);height: 415px;margin-top: 45px;}
.index4 .box .pic{width:574px;height: 415px;}
.index4 .box .pic img{width: 100%;height: 100%;object-fit: cover;}
.index4 .box .text{width: calc(100% - 614px);padding-bottom: 1px;}
.index4 .box .text h4{color: #000;font-size: 30px;font-weight: normal;}
.index4 .box .text p{color: #666;font-size: 16px;line-height: 30px;margin: 22px 0 50px 0;height: 60px;overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.advantage::after{content: "";display: block;position: absolute;width: 100%;height: 100%;background: rgba(255,255,255,0.5);top: 20px;left: 20px;}
#header.no-fix{position: relative;height: 88px;}
.ny-banner{background-repeat: no-repeat;background-size: cover;background-position: center;height: 460px;}
#zhezhao1{position: fixed;background: rgba(0,0,0,0.5);width: 100%;height: 100%;top: 0;left: 0;z-index: 1000;display: none;}
.pop-weixin{display: none;position: fixed;background:#fff url("../images/zxx.png") no-repeat left top;border-radius: 15px;width:640px;height: 700px;z-index: 1001;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.pop-online{display: none;position: fixed;background:#fff;border-radius: 15px;width:510px;height: 630px;z-index: 1001;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 60px;}
#close1 img{height: 30px;}
#close1{position: absolute;top: 20px;right: 30px;cursor: pointer;}
.pop-weixin h2{color:#3f3f3f;font-size: 36px;text-align: center;margin: 160px 0 56px 0;}
.pop-weixin h2 span{display: block;font-size: 18px;font-weight: normal;padding-top: 3px;}
.pop-weixin .img{text-align: center;}
.pop-weixin .img img{width: 211px;height: 211px;padding: 24px;border:1px solid #a6a6a6;border-radius: 15px;}
.pop-weixin p{color: #acacac;font-size: 14px;padding-top: 30px;text-align: center;}
.page {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 30px;
}
.page a,
.page span {
	margin: 0 2px 8px 2px;
	display: inline-block;
	padding: 3px 5px;
	background: #fff;
	color: #999;
	font-size: 14px;
	border: 1px solid #ccc;		
	min-width: 20px;	
}
.page a:hover {
	background: #b22323;
	color: #fff;
	border: 1px solid #b22323;
}
.page .page_on,
.page a.page-num-current {
	background:#b22323;
	color: #fff;
	border: 1px solid #b22323;
}
.ny-banner .w1600{position: relative;height: 100%;}
.ny-banner .banner-text{position: absolute;top: 50%;transform: translate(0,-50%);left: 0;}
.banner-text h3{color: #fff;font-size: 38px;padding-bottom: 20px;}
.banner-text p{color: #fff;font-size: 22px;}
.brand{background: #fff;display: flex;justify-content: space-between;height:68px;line-height:68px;}
.brand .w1600{display: flex;justify-content: space-between;}
.sub_nav{position: relative;height: 68px;overflow: hidden;}
.sub_nav ul{display: flex;justify-content: space-between;}
.sub_nav li{padding: 0 30px;position: relative;margin-left: 10px;}
.sub_nav a{display:block;color: #333;font-size: 18px;position: relative;text-align: center;z-index: 2;}
.sub_nav li::after{content: "";width:100%;background: #b22323;display:block;
    height:0;
    position: absolute;
    left: 0;
    top: 0;transition: all 0.3s;}
.sub_nav li.active a,.sub_nav li a:hover{color: #fff;}
.sub_nav li.active::after,.sub_nav li:hover::after{height: 100%;}
.home{display: inline-block;font-size: 14px;background: url("../images/home.jpg") no-repeat left center;padding-left:26px;color: #666;}
.home a{color: #666;}
.home a:hover{color: #b22323;}
.caseBox{padding: 45px 0;}
.caseBox .list{display: block;}
.caseBox .list ul{display: flex;flex-wrap: wrap;margin: 0 -18px;}
.caseBox .list li{margin: 0 18px 36px 18px;text-align: center;width: calc(33.33% - 36px);}
.caseBox .list a .txt2 .more2{justify-content: center;}
.caseBox .list.on li{text-align: left;}
.caseBox .list.on a .txt2 .more2{justify-content: left;}
.caseBox2{padding: 45px 0;}
.caseBox2 .list{display: block;}
.caseBox2 .list ul{display: flex;flex-wrap: wrap;margin: 0 -18px;}
.caseBox2 .list li{margin: 0 18px 36px 18px;text-align: center;width: calc(25% - 36px);}
.caseBox2 .list a .txt2 .more2{justify-content: center;}
.caseBox2 .list.on li{text-align: left;}
.caseBox2 .list.on a .txt2 .more2{justify-content: left;}
.caseBox2 .list a .tp{height: 252px;}
.title2{text-align: center;}
.title2 h3{color: #000;font-size: 38px;padding-bottom: 4px;}
.title2 em{display: block;font-style: normal;color: #b22323;font-size: 14px;font-family: arial;text-transform: uppercase;}
.index1 .part1{display: flex;align-items: flex-end;justify-content: space-between;}
#about1 .we{height: 350px;position: relative;}
#about1 .we p{min-height: auto;margin-right: 15px;}
#about1 .swiper{height: 100%;width: 100%;}
#about1 .swiper-slide {
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll;
}
#about1 .swiper-scrollbar {
  position:absolute;
  right:0px;
  top:0;
  height:100%;
  width:5px;
  opacity: 1
}
#about1 .swiper-scrollbar .swiper-scrollbar-drag {
  background:#b22323;
  width: 5px;
  border-radius: 0;
  height: 30px;
  right: 0px
}
#about1 .swiper-slide::-webkit-scrollbar{
	width:5px;
	height:4px;
}
#about1 .swiper-slide::-webkit-scrollbar-track{
	background: transparent;
}
#about1 .swiper-slide::-webkit-scrollbar-thumb{
	background: #b22323;
}
#about1 .swiper-slide::-webkit-scrollbar-thumb:hover{
	background: #b22323;
}
#about1 .swiper-slide::-webkit-scrollbar-corner{
	background: #b22323;
}
#about1 .title2{text-align: left;}
#about2 .title2 h3,#about2 .title2 em{color: #fff;}
.about2,.about4{background-repeat: no-repeat;background-size: cover;padding: 80px 0;}
.culture{padding: 35px 10% 0 10%;}
.culture ul{display: flex;flex-wrap: wrap;}
.culture li{margin: 0 20px 32px 20px;position: relative;background: #fff;width: calc(33.33% - 100px);padding: 30px;text-align: center;}
.culture li h4{color: #333;font-size: 20px;padding: 20px 0;}
.culture li p{color: #333;font-size: 18px;line-height: 36px;}
.culture li .xtb{transition:2s ease-in-out;}
.culture li:hover .xtb{transform: skewX(60deg);animation: pendulum-swing 2s ease-in-out infinite alternate;}
@keyframes pendulum-swing {
    0% {
        transform: skewX(-20deg);
    }
    100% {
        transform: skewX(20deg);
    }
}
.about3,.about5{padding: 80px 0;}
.about5 .images img{display: block;margin:45px auto 0 auto;}
.tab-list2 .items{display: none;text-align: center;position: relative;}
.about4 .items .zs{background: #fff;box-shadow: 0 0 16px rgba(0,0,0,0.2);height:264px;padding:10px 18px;display: flex;align-items: center;justify-content:center;}
.about4 .items .zs img{width:100%;}
.about4 .items p{color: #666;font-size: 18px;margin-top: 15px;}
.tabs2{text-align: center;display: flex;justify-content: space-between;margin-top: 45px;}
.tabs2 a{width: 33.33%;color: #333;font-size: 18px;background: #f6f6f6;height: 58px;line-height: 58px;display: flex;align-items: center;justify-content: center;position: relative;}
.tabs2 a span{display: inline-block;padding-left: 12px;}
.tabs2 a::before{content: "";position: absolute;top: 0;height: 2px;width: 100%;background: #f6f6f6;left: 0;}
.tabs2 a.in::before{background: #b22323;}
.tabs2 a.in{background: #fff;}
.tab-list2{padding:0 0 62px 0;background: #fff;}
.about4 .items .swiper{padding: 60px 20px 0 20px;margin: 0 10%;}
.about4 .swiper-button-next,.about4 .swiper-button-prev{width: 40px;height: 43px;background: url("../images/jtjt2.png") no-repeat center;}
.about4 .swiper-button-prev{background: url("../images/jtjt1.png") no-repeat center;left:5%;}
.about4 .swiper-button-next{right:5%;}
.about4 .swiper-button-prev:hover{background: url("../images/jtjt01.png") no-repeat center;}
.about4 .swiper-button-next:hover{background: url("../images/jtjt02.png") no-repeat center;}
.about4 .items .swiper-slide:hover p{color: #b22323;}
.about3{padding-bottom: 0;}
.about3 .histroy{background:url(../images/a-bg3.jpg) no-repeat center;position: relative;}
.about3 .swiper-button-next,.about3 .swiper-button-prev,.about3 .swiper-pagination{display: none;}
.about3 dl{position:absolute;transition: 1s;width: 50%;text-align: center;}
.history-swiper .swiper-slide.swiper-slide-active dl.d1,.history-swiper .swiper-slide.swiper-slide-prev dl.d1{top:40px;}
/*.about3 dl.d1{top:20px;}*/
.about3 dt{color: #333;font-size: 24px;padding: 20px 0;}
.about3 dd p{color: #666;font-size:18px;position: relative;line-height: 30px;display: -webkit-box;
  -webkit-line-clamp: 4; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;padding: 0 18px;}
.history-swiper .swiper-slide.swiper-slide-active dl.d2,.history-swiper .swiper-slide.swiper-slide-prev dl.d2{top:260px;}
.history-swiper .swiper-slide.swiper-slide-next + .swiper-slide dl.d1{top:-130px;}
.history-swiper .swiper-slide.swiper-slide-next + .swiper-slide dl.d2{top:90px;left: 70px;}
.history-swiper{height:500px;padding-top: 130px;width: 1064px}
.history-swiper .swiper-slide.swiper-slide-active dl.d2 .line-xt,.history-swiper .swiper-slide.swiper-slide-next dl.d2 .line-xt,.history-swiper .swiper-slide.swiper-slide-next + .swiper-slide dl.d2 .line-xt{top:-60px;height:66px;}
.history-swiper .swiper-slide.swiper-slide-active dl.d2 .line-xt .moving-line,.history-swiper .swiper-slide.swiper-slide-next dl.d2 .line-xt .moving-line,.history-swiper .swiper-slide.swiper-slide-next + .swiper-slide dl.d2 .line-xt .moving-line{height:66px;background: -webkit-linear-gradient(bottom,rgba(1,111,172,1),rgba(255,255,255,1));
  background: -moz-linear-gradient(bottom,rgba(1,111,172,1),rgba(255,255,255,1));    
  /* FireFox */
  background: -o-linear-gradient(bottom,rgba(1,111,172,1),rgba(255,255,255,1));
  /* Opear */
  background: -ms-linear-gradient(bottom,rgba(1,111,172,1),rgba(255,255,255,1));
}
.about3 dl.d1{left: 30px;}
.about3 dl.d2{right: -20px;}
.history-swiper .swiper-slide.swiper-slide-next dl.d1{top:-75px;left: 20px;}
.history-swiper .swiper-slide.swiper-slide-next dl.d2{top:80px;right: -10px;}
.move1 {
	animation: myMove1 5s ease-in infinite alternate;
	-webkit-animation: myMove1 5s ease-in infinite alternate;
}
@keyframes myMove1 {
	from {transform:translate(-50%,-50%) rotate(0deg);}
	to {transform:translate(-50%,-50%) rotate(360deg);}
}
 
@-webkit-keyframes myMove1 {
	from {transform:translate(-50%,-50%) rotate(0deg);}
	to {transform:translate(-50%,-50%) rotate(360deg);}
}
.scale1 {
	animation: myScale1 5s ease-in infinite alternate;
	-webkit-animation: myScale1 5s ease-in infinite alternate;
}
@keyframes myScale1 {
	0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(1);
    }
}
 
@-webkit-keyframes myScale1 {
	0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(1);
    }
}
.scale2 {
	animation: myScale2 5s ease-in infinite alternate;
	-webkit-animation: myScale2 5s ease-in infinite alternate;
}
@keyframes myScale2 {
	0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}
 
@-webkit-keyframes myScale2 {
	0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.8);
        background: #fff;
    }
    100% {
        transform: scale(1);
    }
}
.moving-line {
  animation: moveUp 5s infinite;
}
/*@keyframes moveUp {
  0% { transform: translateY(0); }
  50% { transform: translateY(-50%); }
  100% { transform: translateY(0); }
}*/
@-webkit-keyframes myScale1 {
  0% { transform: translateY(0); }
  50% { transform: translateY(-50%); }
  100% { transform: translateY(0); }
}
.history-swiper .swiper-slide.swiper-slide-active dl.d2 .moving-line,.history-swiper .swiper-slide.swiper-slide-next dl.d2 .moving-line,.history-swiper .swiper-slide.swiper-slide-next + .swiper-slide dl.d2 .moving-line{
  animation: moveUp3 5s infinite;
}
/*@keyframes moveUp3 {
  0% { transform: translateY(0); }
  50% { transform: translateY(20%); }
  100% { transform: translateY(0); }
}*/
.about3 .swiper-pagination{width:200px;height: 10px;border-radius: 5px;left: 50%;transform: translate(-50%,0);bottom:-10px;}
.about3 .swiper-pagination span{border-radius: 15px;background: #016fac;}
 html .f-thumbs {
    justify-content: flex-start !important;
    align-items: center !important;
    overflow: hidden !important;
    transform: none !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
}

/* 2. 缩略图轨道容器（新版类名 f-thumbs__track） */
html .f-thumbs__track {
    transform: none !important;
    transition: none !important;
    margin: 0!important;
    padding: 0 !important;
}

/* 3. 单个缩略图项（新版核心类名 f-thumbs__slide for-image） */
html .f-thumbs__slide.for-image {
    /* 强制固定尺寸，禁用所有变换和动画 */
    width: 80px !important;
    height: 112px !important;
    transform: matrix(1, 0, 0, 1, 0, 0) !important; /* 禁止缩放/位移 */
    transition: all 0s linear !important; /* 彻底禁用过渡动画 */
    border: 2px solid transparent !important; /* 透明边框占位，防止选中时位移 */
    opacity: 1 !important; /* 未选中状态透明度 */
    box-sizing: border-box !important; /* 边框计入尺寸 */
    flex: 0 0 20px !important; /* 禁止flex伸缩 */
   margin: 0 5px !important;
}

/* 4. 选中状态（新版类名 is-active） */
html .f-thumbs__slide.for-image.is-nav-selected {
    /* 仅修改边框和透明度，其他属性完全不变 */
    opacity: 1 !important;
    border-color: #b22323 !important; /* 选中标识：蓝色边框，可自定义 */
    /* 再次强制固定尺寸和无变换，防止脚本动态修改 */
    width: 80px !important;
    height: 112px !important;
    transform: matrix(1, 0, 0, 1, 0, 0) !important;
    flex: 0 0 20px !important;
}

/* 5. 禁用缩略图内部图片的缩放 */
html .f-thumbs__slide.for-image img {
    transform: none !important;
    transition: none !important;
    position: relative;
    width: calc(100% - 10px);
    height: auto;
}
html .is-modern .f-thumbs__slide__button{clip-path: none;width: 80px;height:112px;align-items: center;justify-content: center;display: flex;}
.news1{display: flex;justify-content: space-between;align-items:center;background: #fff;margin-bottom: 42px;}
.news1 .left,.news1 .right{width: 50%;overflow: hidden;}
.news1 .text{padding: 0 50px;}
.news1 .text h4 a{font-size:22px;margin: 20px 0 36px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;color: #333;transition: all 0.3s;}
.news1 .text p{font-size: 16px;color: #666;line-height: 28px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.news1 .text .time{display: block;font-size: 16px;color: #333;}
.news1 .text .more{margin-top: 48px;}
.news1 .text .more a{border: solid 1px #d2d2d2;}
.news1 .left{height: 460px;}
.news1 .left a{background-repeat: no-repeat;background-size: cover;height: 460px;background-position: center center;transition: all 0.3s;display: block;}
.news1 .left a:hover{transform: scale(1.15);}
.news1 .text h4 a:hover{color: #b22323;}
.productBox{display: flex;justify-content: space-between;padding: 65px 0;}
.productBox .left{width: 230px;}
.productBox .right{width:calc(100% - 400px);}
.productBox .left h4{color: #0b0b0b;font-size: 20px;font-weight: normal;margin:3px 0 30px 0;}
.sub-goods li{margin: 15px 0;}
.sub-goods li a.links{display: block;color: #0b0b0b;font-size: 16px;transition: all 0.3s;background: url("../images/look1.png") no-repeat right center;}
.sub-goods li.on .links,.sub-goods li.on:hover,.sub-goods li dd a:hover,.sub-goods li.on dd a.in{color: #b22323;}
.sub-goods li.on:hover .links,.sub-goods li.on .links{background: url("../images/look2.png") no-repeat right center;}
.sub-goods li dl{padding: 10px 0 3px 20px;}
.sub-goods li dd a{position: relative;padding-left: 12px;color: #0b0b0b;font-size: 14px;margin-top: 10px;display: block;}
.sub-goods li dd a::before{content: "";display: block;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);width: 4px;height: 4px;background: #0b0b0b;border-radius: 50%;}
.productBox .goods li{width: calc(33.33% - 36px);}
.sub-goods li.on dd a.in::before{background:#b22323;}
.cp-name{color: #0b0b0b;font-size: 26px;}
.w1100{width: 1100px;margin: 0 auto;}
.detail1{padding-bottom: 70px;}
.detail1 .top{display: flex;justify-content: space-between;}
.detail1 .back{padding: 50px 0 42px 0;}
.detail1 .back a{display: block;width: 148px;height: 46px;border: 1px solid #b22323;font-size: 18px;color: #b22323;text-align: center;line-height: 46px;transition: all 0.3s;}
.detail1 .back a:hover{background: #b22323;color: #fff;}
.detail1 .pp-name{color: #333;font-size:30px;font-weight: bold;padding-bottom: 28px;}
.detail1 li{border-bottom: solid 1px #e4e4e4;color: #333;font-size:18px;line-height: 36px;padding: 16px 0;}
.pp-detailbox .detail1 .left{width: 500px;}
.pp-detailbox .detail1 .left .ppSwiper2 img{height: 500px;}
.pp-detailbox .detail1 .right{width:calc(100% - 560px);}
.ppSwiper2{background: #fff;}
.phone{background: url("../images/phone.png") no-repeat left center;background-size: auto 36px;color: #b22323;font-size: 18px;padding-left: 55px;margin: 40px 0 25px 0;}
.phone h3{font-weight: normal;display: inline-block;font-size: 26px;}
.talk a{width: 146px;height: 42px;background: #b22323;color: #fff;line-height: 42px;text-align: center;display: block;}
.talk a span{display: inline-block;background: url("../images/zixun.png") no-repeat left center;background-size: auto 28px;height: 42px;padding-left: 36px;font-size: 16px;}
.ppSwiper2 .pic{display: flex;justify-content: center;align-items: center;height: 500px;}
.ppSwiper2{margin-bottom: 18px;}
.ppSwiper2 .swiper-slide .s-logo{position: absolute;top:0px;left:0px;background: url("../images/s-logo2.png") no-repeat;width: 56px;height: 65px;background-size: auto 30px;}
.ppSwiper .swiper-slide .s-logo{position: absolute;top:0px;left:0px;background: url("../images/s-logo2.png") no-repeat;width: 20px;height: 21px;background-size: auto 18px;}
.ppSwiper .swiper-slide .pic{display: flex;justify-content: center;align-items: center;height: 92px;background: #fff;border: solid 1px #fff;opacity: 0.7;transition: all 0.3s;}
.ppSwiper .swiper-slide .pic img{height: 92px;}
.ppSwiper .swiper-slide.swiper-slide-thumb-active .pic{border: solid 1px #b22323;opacity: 1;}
.ppSwiper2 .swiper-button-next,.ppSwiper2 .swiper-button-prev{width: 40px;height: 43px;background: url("../images/jtjt2.png") no-repeat center;background-size: auto 38px;opacity: 0;}
.ppSwiper2 .swiper-button-prev{background: url("../images/jtjt1.png") no-repeat center;left:3%;background-size: auto 38px;}
.ppSwiper2 .swiper-button-next{right:3%;}
.ppSwiper2 .swiper-button-prev:hover{background: url("../images/jtjt01.png") no-repeat center;background-size: auto 38px;}
.ppSwiper2 .swiper-button-next:hover{background: url("../images/jtjt02.png") no-repeat center;background-size: auto 38px;}
.ppSwiper2:hover .swiper-button-next,.ppSwiper2:hover .swiper-button-prev{opacity: 1;}
.detail2 .name1{color: #000;font-size: 34px;font-weight: bold;margin-bottom: 20px;padding-top: 80px;}
.detail2 p{color: #616161;font-size: 16px;line-height: 34px;}
.detail2 p{display: flex;align-items: center;}
.detail2 .step2 p img{margin-right: 10px;}
.detail2{padding-bottom: 90px;}
.contact1{display: flex;justify-content: space-between;align-items: center;padding: 76px 0;}
.contact1 h2{color: #333;font-size: 26px;padding-bottom: 26px;}
.contact1 p{color: #666;font-size: 16px;line-height: 30px;}
.contact1 .number h3{color: #b22323;font-size: 38px;font-weight: normal;background: url("../images/num.png") no-repeat left center;display: inline-block;padding: 20px 0 20px 76px;}
.contact1 .number{border-left: solid 1px #ededed;border-right: solid 1px #ededed;text-align: center;width: 38%;height: 151px;display: flex;justify-content:center;align-items: center;}
.contact1 .sao{width: 200px;}
.contact1 .sao p{text-align: center;width: 111px;}
.contact1 .list1{width: 520px;}
.contact1 .sao img{width: 111px;height: 111px;}
.contact2 img{width: 100%;}
.contact3{background: #fff;}
.online .btn-cc{
  width: 132px;
  height: 40px;
  color: #fff;
  background: #b22323;
  display: block;
  text-align: center;
  font-size: 16px;
}
.online textarea {
  width: 100%;
  resize: none;
  height: 200px;
  padding:15px 20px;
  font-size:16px;
  font-family: inherit;
  border:1px solid #ededed;
  color: #333;
  margin-bottom: 30px;
}
.online .yzm img{height:46px;}
.flex_item{flex: 1;}
.online .flex .flex_item{position: relative;margin-right: 24px;}
.online .flex .flex_item:nth-child(3){margin-right: 0px;}
.online .flex {
  margin-bottom: 25px;
  display: flex;
  align-items: center;
}
.online .flex input{
  width: 100%;
  padding:0 20px;
  height:46px;
  font-size: 16px;
  border:1px solid #ededed;
  color: #333;
}
.online .car input{width: calc(100% - 170px);}
.online{padding: 50px 0;}
.online h3{color: #333;font-size: 22px;font-weight: normal;margin-bottom: 21px;}
.online p{color: #999;font-size: 16px;}
.online form{margin: 36px 0;}
.online .car{display: flex;justify-content: space-between;}
.online .want{background: url("../images/bq2.png") no-repeat left center;padding-left: 42px;color: #333;font-size: 16px;margin-bottom: 22px;}
.news-detail{display: flex;justify-content: space-between;padding: 65px 0 0 0;}
.news-detail .right{width: 400px;}
.news-detail .left{width:calc(100% - 550px);background: #fff;padding:40px 50px;}
.news-detail .left p{color: #666;font-size: 16px;line-height: 28px;}
.news-detail .left img{max-width: 100%;display: block;margin:0 auto;}
.news-detail .left .nn-tit{text-align: center;margin-bottom: 28px;}
.news-detail .left .nn-tit .t1{color: #333;font-size: 26px;font-weight: bold;}
.news-detail .left .nn-tit .t2{color: #999;font-size: 16px;margin-top: 20px;border-bottom: 1px solid #e6e6e6;padding-bottom: 27px;}
.news-detail .left .nn-tit .t2 span{display: inline-block;margin: 0 16px;}
.news-detail .write embed,.news-detail .write iframe,.news-detail .write video{width:50%;margin: 0 auto;display: block;}
.fenye{border-top: 1px solid #e6e6e6;color: #666;font-size: 16px;line-height: 30px;padding-top: 44px;margin-top: 50px;position: relative;}
.fenye .wz b{color: #b22323;display: inline-block;float: left;}
.fenye .wz a{color: #666;width: 60%;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.back-ss a span{display: inline-block;background: url("../images/back.svg") no-repeat left center;background-size: auto 24px;padding-left: 38px;}
.back-ss a{display:block;height: 46px;text-align: center;line-height: 46px;color: #fff;font-size: 16px;background: #b22323;transition: all 0.3s;}
.back-ss a:hover{box-shadow: 0 0 15px rgba(0,0,0,0.4);transform: translateY(-5px);}
.back-ss{width: 212px;position: absolute;top:50px;right: 0;}
.news-detail .right li p a{font-size: 16px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all 0.3s;display: block;}
.white-bg{background: #fff;padding: 40px 28px;}
.hot{color: #333;font-size: 26px;font-weight: bold;padding-bottom: 5px;}
.news-detail .right .time{color: #999;font-size: 14px;padding-top: 16px;}
.news-detail .right .time span{display: inline-block;margin-right: 10px;}
.news-detail .right li{padding: 25px 0;border-bottom: dashed 1px #e6e6e6;}
.news-detail .right li:hover p a{color: #b22323}
.title4{color: #333;font-size: 26px;font-weight: bold;}
.case-box .caseBox{padding-top: 25px;}
.wordBox,.showBox1,.showBox2,.wordBox2,.wordBox3{padding: 80px 0;}
.wordBox .list{padding: 42px 0;}
.wordBox li{background: #fff;padding: 0 50px;margin-bottom: 15px;transition: all 0.3s;}
.wordBox li .text{display: flex;justify-content: space-between;align-items: center;height: 92px;}
.wordBox li a .left{color: #333;font-size: 16px;width: 150px;transition: all 0.3s;}
.wordBox li a .right{display: flex;justify-content: space-between;align-items: center;width: calc(100% - 200px);}
.search-Box li a .right{width:100%;}
.wordBox li a .more2 span{color: #333;font-size: 16px;background: url("../images/more1.png") no-repeat right center;padding-right: 32px;transition: all 0.3s;margin-right: 0;}
.wordBox li a .text1 p{color: #333;font-size: 18px;transition: all 0.3s;}
.wordBox li a .text1{width: 70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.wordBox li:hover{background:#b22323;transform: translateY(-5px);box-shadow: 0 0 10px rgba(0,0,0,0.25);}
.wordBox li:hover a .more2 span,.wordBox li:hover a .text1 p,.wordBox li:hover a .left{color: #fff;}
.wordBox li:hover a .more2 span{background: url("../images/more2.png") no-repeat right center;}
.four-box ul{text-align: center;}
.four-box li{display: inline-block;margin: 0 55px;}
.four-box li h4{color: #333;font-size: 22px;padding-top: 20px;}
.four-box{padding: 45px 0 25px 0;}
.four-box li img{transition: all 0.3s;}
.four-box li:hover img{transform: rotate(360deg);}
.place ul{display: flex;flex-wrap: wrap;margin: 0 -18px;}
.place li{width: calc(25% - 20px);margin: 0 10px;background: #fff;position: relative;transition: all 0.3s;}
.place li a .img{display: flex;justify-content: center;align-content: center;height: 268px;overflow: hidden;}
.place li a .img img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.place li:hover a .img img{transform: scale(1.15);}
.place li{margin-top: 30px;padding-bottom: 22px;overflow: hidden;}
.place li a .text{text-align: center;position: relative;z-index: 2;padding-top: 20px;}
.place li a .more3{width: 148px;height: 38px;border: solid 1px #bbb;margin: 0 auto;line-height: 38px;color: #333;font-size: 16px;transition: all 0.3s;overflow: hidden;position: relative;}
.place li a .more3 span{position: relative;z-index: 10;}
.place li a .text h4{color: #333;font-size: 18px;transition: all 0.3s;}
.place li a .text p{color: #333;font-size: 16px;text-align: center;margin: 20px auto 24px auto;transition: all 0.3s;line-height: 28px;width: 80%;overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;line-height: 28px;height: 56px;}
.place li:hover a .more3{border: solid 1px #b22323;color: #fff;}
.place li:hover a .text p span{background: url("../images/tm_014.png") no-repeat left center;}
.place li .border1{
  position:absolute;
  background:none;
  transition:all .5s ease-in-out;
  z-index:0;
  background:#b22323;
  width:30px;
  height:30px;
  transform:rotate(45deg);
}
.place li:hover a .more3 .border1{
  width:160px;
  height:160px;
}
.place li:hover{transform: translateY(-5px);box-shadow: 0 0 15px rgba(0,0,0,0.15);}
.advantage2 li{width: calc(33.33% - 20px);}
.advantage2 li a .img{height: 364px;}
.join{padding: 45px 0;}
.join li{display: flex;justify-content: space-between;align-items: center;height: 342px;background: #b22323;margin-bottom: 20px;overflow: hidden;}
.join li .left{width: 62%;overflow: hidden;}
.join li .left .pic{height: 342px;background-repeat: no-repeat;background-size: cover;transition: all 0.3s;}
.join li .right{width: calc(38% - 100px);padding: 0 50px;}
.join li:nth-child(2n){background: #b37f50;}
.join li h4{color: #fff;font-size: 38px;font-weight: normal;margin-bottom: 14px;}
.join li p{color: #fff;font-size: 18px;overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;line-height: 32px;height: 64px;}
.join li .more a span{background: none;color: #b22323;padding: 0;display: flex;justify-content: space-between;align-items: center;}
.join li .more a span img{display: inline-block;margin-left: 12px;transition: all 0.3s;}
.join li .more a span em{transition: all 0.3s;}
.join li .more a{background: #fff;border: none;}
.join li .more:hover a span{color: #b22323;}
.join li .more{margin-top: 24px;}
.join li:nth-child(2n) .more a span,.join li:nth-child(2n) .more:hover a span{color: #b37f50;}
.join li:hover .more a span img{transform: translateX(5px);}
.join li:hover .more a span em{transform: translateX(-5px);}
.join li:hover .left .pic{transform: scale(1.15);}
.mapBox{display: flex;justify-content: space-between;margin: 45px 0 60px 0;}
.mapBox .left{width: 30%;}
.mapBox .right{width: 70%;}
.mapBox .right img{width: 100%;}
.mapBox .one h5{color: #333;font-size: 38px;position: relative;padding-bottom: 22px;margin-bottom: 35px;}
.mapBox .one h5::after,.mapBox .one h6::after{content: "";position: absolute;display: block;background: #b22323;width: 48px;height: 4px;left: 0;bottom: 0;}
.mapBox .one h6{color: #333;font-size: 28px;position: relative;padding-bottom: 24px;margin:45px 0 35px 0;}
.mapBox .one p{color: #666;font-size: 16px;line-height: 28px;}
.mapBox .one ul{display: flex;flex-wrap:wrap;margin: 0 -9px;position: absolute;width: 800px;}
.mapBox .one li{width: calc(25% - 18px);margin: 0 9px 16px 9px;background: #fff;display: flex;align-items: center;justify-content: center;height: 86px;}
.mapBox .one li img{height: 76px;width: auto;}
.mapBox #countup{display: block;}
.mapBox .countup-txt h4{color: #333;font-size: 16px;font-weight: normal;padding: 0;}
.mapBox .countup-txt h4 span,.mapBox .countup-txt h4 em{color: #b22323;font-size: 36px;font-weight: normal;}
.mapBox .countup-txt{padding: 0 0 25px 0;}
.mapBox .countup-txt h4 b{font-weight: normal;display: inline-block;position: relative;top: -2px;}
.mapBox .countup-txt h4 em{padding: 0 8px 0 0;}
.mapBox .one .txt1{padding-bottom: 20px;width:80%}
.mapBox .one{position: relative;}
.fix-window{position: fixed;width: 60px;bottom:100px;right: 0;z-index: 100;}
.fix-window li{margin-bottom: 8px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);height: 68px;display: flex;align-items: center;text-align: center;justify-content: center;transition: all 0.3s;}
.fix-window li .tb1{background: url("../images/f1.png") no-repeat center;width: 100%;height: 28px;transition: all 0.3s;}
.fix-window li .tb2{background: url("../images/f2.png") no-repeat center;width: 100%;height: 28px;transition: all 0.3s;}
.fix-window li .tb3{background: url("../images/f3.png") no-repeat center;width: 100%;height: 28px;transition: all 0.3s;}
.fix-window li .tb4{background: url("../images/f4.png") no-repeat center;width: 100%;height: 28px;transition: all 0.3s;}
.fix-window li a span{display: block;color: #666;font-size: 12px;padding-top: 2px;transition: all 0.3s;}
.fix-window li .tb5{background: url("../images/f5.png") no-repeat center;width: 100%;height: 28px;}
.fix-window li:hover .tb1{background: url("../images/f01.png") no-repeat center;width: 100%;height: 28px;}
.fix-window li:hover .tb2{background: url("../images/f02.png") no-repeat center;width: 100%;height: 28px;}
.fix-window li:hover .tb3{background: url("../images/f03.png") no-repeat center;width: 100%;height: 28px;}
.fix-window li:hover .tb4{background: url("../images/f04.png") no-repeat center;width: 100%;height: 28px;}
.fix-window li:hover .tb5{background: url("../images/f05.png") no-repeat center;width: 100%;height: 28px;}
.fix-window li:hover{background: #b22323;}
.fix-window li:hover a span{color: #fff;}
.join-job{margin-top: 45px;}
.join-job .join-tt{height: 70px;line-height: 70px;color: #fff;padding: 0 0 0 75px;border-top: 2px solid #b22323;background: #fff;}
.join-job .join-tt span,.join-job .list_dt span{font-size: 22px;display: inline-block;width:calc(20% - 18.4px);color: #000;margin-right: 10px;}
.join-job .list_dt{padding:20px 0 20px 75px;background: #fff;margin: 0 0 20px 0;position: relative}
.join-job .list_dt span{font-size: 20px;color: #1e1f24;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.join-job .list_dt .list_dt_icon{right: 30px;}
.join-job .list_dt em{width: 40px;height: 40px;position: absolute;right: 0;top: 50%;transform: translate(-50%,-50%);display: block;}
.join-job .list_dt_icon{color: #333;background: url("../images/jiahao.png") no-repeat center;background-size: auto 22px;transition: all 0.5s;}
.join-job #open .list_dt_icon{color: #1296db;transform:translate(-50%,-50%);background: url("../images/jianhao.png") no-repeat center;background-size: auto 22px;}
.join-job .list_dd{padding: 0px 75px 60px 75px;display: none;margin-top: -20px;margin-bottom: 20px;background: #fff;}
.join-job .list_dd p{color: #666;font-size: 18px;line-height: 30px;}
.join-job .list_dd p strong{color: #000;display: block;padding:28px 0 13px 0;}
.join-job .list_dd .talk{position: relative;}
.join-job .list_dd .talk a{display:inline-block;padding: 0 15px;margin: 50px 0;height: 42px;line-height: 42px;border-radius: 21px;text-align: center;background: #1296db;color: #fff;font-weight: bold;font-size: 16px;}
.join-job .std-btn1{margin:40px 0 0 0;justify-content: flex-start}
.join-job .std-btn1 .std-btn-link{padding: 7px 30px;}
.join-job .more{margin-top: 40px;}
.join-job .more a{border-radius: 18px;height: 36px;line-height: 36px;background: #b22323;border: 1px solid #b22323;}
.join-job .more a span{background: url("../images/more2.png") no-repeat right center;color: #fff;}
.tab-list01 .tab-hide{display: none;}
.tabs01{display: flex;justify-content: space-between;background: #fff;margin:45px 0 80px 0;}
.tabs01 a{display:flex;width:calc(33.33% - 120px);align-items: center;padding: 35px 60px;position: relative;}
.tabs01 a.on{background: #b22323;}
.tabs01 a span{display: inline-block;color: #333;font-size:18px;}
.tabs01 a span em{display: block;font-size: 30px;padding-top: 6px;}
.tabs01 a.on span{color: #fff;}
.tabs-block-arrow{display: none;
    position: absolute;
    bottom: -50px;
    bottom: -16px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-width: 8px;
    border-style: solid;
    border-color: #b22323 transparent transparent transparent;
}
.tabs01 a.on .tabs-block-arrow{display: block;}
.tab-advantage{padding-bottom: 60px;display: none;}
.tab-advantage-title {
    font-size: 32px;
    color: #000000;
    text-align: center;
    line-height: 32px;
    margin-bottom: 20px;
}
.tab-advantage-intro {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.99);
    text-align: center;
    line-height: 24px;
}
.tab-slider-mask-right {
    width: 925px;
    height: 525px;
    position: absolute;
    top: 40px;
    left: 78px;
    opacity: 0.3;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
    border-radius: 8px;
    filter: blur(4px);
}
.tab-slider-mask-left {
    width: 925px;
    height: 525px;
    position: absolute;
    top: 40px;
    right: 78px;
    opacity: 0.3;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
    border-radius: 8px;
    filter: blur(4px);
}
.tab-slider{
    width: 100%;
    height: 605px;
    position: relative;
    margin-bottom: 118px;
}
.w1190{width: 1190px;margin: 0 auto;}
.tab-slide{
    position: absolute;
    bottom: 0;
    width: calc(100% - 60px);
    height: 72px;
    padding: 14px 30px;
    background: linear-gradient(90deg, #b22323 0%, rgba(178, 35 , 35, 0.20) 100%);
    -pie-background: linear-gradient(90deg, #b22323 0%, rgba(178, 35 , 35, 0.20) 100%);
    z-index: 10;
    display: none;
}
.tab-slider .pic{font-size: 0;}
.tab-slider .pic img{display: block;margin: 0 auto;}
.slider-title {
    font-size: 20px;
    color: #FFFFFF;
    line-height: 20px;
    margin: 10px 0;
}
.slider-intro {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 22px;
}
.tab-slider .swiper{padding-bottom: 50px;}
.tab-slider .swiper-pagination{text-align: center;width: 100%;bottom: 0;}
.tab-slider .swiper-pagination span{width: 13px;height: 13px;border-radius: 50%;margin: 0 10px;background: #666;display: inline-block;}
.tab-slider .swiper-pagination span.swiper-pagination-bullet-active{background: #b22323;}
.tab-slider .swiper-button-next{background: url("../images/jtjt2.png") no-repeat center;right: 0px;}
.tab-slider .swiper-button-prev{background: url("../images/jtjt1.png") no-repeat center;left: 0px;}
.login{padding: 45px 0;}
.login .text{color: #666;font-size: 14px;padding-bottom: 42px;}
.login label{display: block;color: #333;font-size: 16px;margin-bottom: 13px;}
.login label em{font-style: normal;color: #e83c1b;font-size: 16px;display: inline-block;margin-right: 8px;position: relative;top: 3px;}
.login input{height: 48px;border: solid 1px #d9d9d9;color: #999;font-size: 15px;padding: 0 15px;width: 100%;background: #fff;}
.login .box ul{display: flex;}
.login .box1 ul,.login .box2 ul{justify-content: space-between;}
.login .box li{margin-bottom: 22px;width:100%;}
.login .box1 li{width:calc(50% - 7px);}
.login .box2 li{width:calc(33.33% - 9px);}
.login .box h4{color: #000;font-size: 16px;padding-bottom: 12px;}
.login .box li .car{display: flex;justify-content: space-between;}
.login input#yzm{width: calc(100% - 144px);}
.login .yzm{border: 1px solid #d9d9d9;width: 128px;}
.login .yzm img{height: 42px;}
.login .btn-cc{
  width: 162px;
  height: 50px;
  color: #fff;
  background: #b22323;
  display: block;
  text-align: center;
  font-size: 16px;margin: 12px 0 50px 0;}
 .custom-checkbox {
    display: none;
}

/* 自定义复选框的外观 */
.login .checkbox-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: 10px 0;
    font-size: 16px;
    color: #333;
}

/* 复选框的方框样式 */
.checkbox-label .checkbox-box {
    width: 17px;
    height: 17px;
    border: 1px solid #d9d9d9;
    margin-right: 10px;
    position: relative;
    transition: all 0.2s ease;
    display: inline-block;
}

/* 选中状态的方框样式 */
.custom-checkbox:checked + .checkbox-label .checkbox-box {
    background-color: #b22323;
    border-color: #b22323;
}

/* 选中后的对勾样式 */
.custom-checkbox:checked + .checkbox-label .checkbox-box::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 0px;
    width: 7px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.read-text a{color: #b22323;font-size: 14px;}
.pick-area {
	display: block;
	position: relative;
	font-size: 14px;
	background: #fff;
	text-decoration: none;
	cursor: default;
	width: 100%!important;
}

.pick-show {
	position: relative;
	padding: 0 15px!important;
	height: 36px;
	line-height: 36px;
	border: 1px solid #dedede;
	border-radius: 3px;
}

.pick-show span {
	float: left;
	display: inline-block;
	max-width: 100px;
	height: 24px;
	line-height: 24px;
	padding: 0 3px;
	margin-top: 6px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #333;
	cursor: pointer;
	font-size: 15px;
}

.pick-show span:hover {
	color: #fff!important;
	border-radius: 3px;
}

.pick-show span.pressActive {
	background: #b22323;
	color: #fff!important;
	border-radius: 3px
}

.pick-show em.pick-arrow {
	position: absolute;
	top: 14px;
	right: 8px;
	display: block;
	border: 8px solid #999;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid transparent;
}

.pick-show i {
	float: left;
	display: inline-block;
	padding: 0 3px;
	color: #333;
	font-style: normal;
}

.login .box ul.pick-list {
	display: none;
	position: absolute;
	line-height: 36px;
	margin: 0;
	padding: 0;
	background: #fff;
	z-index: 999999999;
	overflow-y: auto;
	overflow-x: hidden;
	border: 1px solid #dedede;
	border-top: none;
}

.login .box .pick-list li {
	margin: 0;
	padding-left: 11px;
	list-style: none;
	color: #888;
}

.login .box .pick-list li:hover {
	color: #fff;
	font-weight: bold;
}
.pp-detailbox{display: flex;justify-content: space-between;padding: 65px 0;}
.pp-detailbox .left{width: 230px;}
.pp-detailbox .right{width:calc(100% - 320px);}
.pp-detailbox .left h4{color: #0b0b0b;font-size: 20px;font-weight: normal;margin:3px 0 30px 0;}