body,html{background:none repeat scroll 0 0; font:calc(100vw / 120) arial,verdana; overflow: initial !important; color:#333;}
::-webkit-scrollbar              {width:6px; background-color:none;}
::-webkit-scrollbar-button       {}
::-webkit-scrollbar-track        {}
::-webkit-scrollbar-track-piece  {}
::-webkit-scrollbar-thumb        {width:5px;  border-radius:4px; background-color:#ccc;}
::-webkit-scrollbar-corner       {background-color:#333;}
::-webkit-resizer                {}
::-webkit-scrollbar:horizontal   {height:6px;}
blockquote,body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;text-shadow:none;}
label input{vertical-align:middle;text-shadow:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s; color: #333;}
a:hover{ color: #D80011;}
:hover,a:active,a:focus,a:hover,a:link,a:visited{text-decoration:none;text-shadow:none;}
img{max-width:100%;border:0;}
i{ font-style: initial;}
table{border-collapse:collapse;}
ul li{list-style:none;}
input,select,textarea{outline:none; resize: none; font-size: 0.875rem;}
.f-l{float:left;}
.f-l,.f-r{display:inline-block;}
.f-r{float:right;}
.t-l{text-align:left;}
.t-c{text-align:center;}
.t-r{text-align:right;}
.top10{margin-top:10px;}
.top20{margin-top:20px;}
.top30,.top40{margin-top:30px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top70{margin-top:70px;}
.top80{margin-top:80px;}
.bg-white{background:#fff;}
.bg-gray{ background: #f7f7f7;}
.w-90{ width: 90.2%; margin: auto;}
.w-100{width:100%; float: left;}
.w-1200{margin:auto;width:79.2rem;}
.w-1300{margin:auto;width:81.25rem;}
.w-1400{margin:auto;width:87.5rem;}
.w-1500{margin: auto; width: 97.5rem;}
.w-1600{margin: auto; width: 101.25rem;}
.w-1700{margin: auto; width: 107.5rem;}
.div-pc{ display: block;}
.div-phone{ display: none;}


.between-top{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.between-center{ display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; -webkit-justify-content: space-between; -webkit-align-items: center; }
.between-bottom{ display: flex; display: -webkit-flex; justify-content: space-between; align-items: flex-end; -webkit-justify-content: space-between; -webkit-align-items: flex-end; }
.center-center{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.around-center{ display: flex; display: -webkit-flex; justify-content: space-around; align-items: center; -webkit-justify-content: space-around; -webkit-align-items: center; }
.column-between{ display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between; }
.column-around{ display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-around; -webkit-justify-content: space-around; }


.text-one-hide{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.text-two-hide{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.text-three-hide{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}


.head-btn{ width: 24px; float: right; position: relative; cursor: pointer; display: none; margin-top: 5px;}
.head-btn i{ display: block; width: 100%; height: 2px; float: left; background-color: #E60012; border-radius: 50px;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
}
.head-btn i.bar-top{ margin-top: 0;}
.head-btn i.bar-cen{ margin-top: 6px;}
.head-btn i.bar-bom{ margin-top: 6px;}
.head-btn.cur i.bar-cen{ opacity: 0;}
.head-btn.cur i.bar-top{ -webkit-transform:rotate(45deg) translate(6px, 6px);transform:rotate(45deg) translate(6px, 6px);}
.head-btn.cur i.bar-bom{ -webkit-transform: rotate(-45deg) translate(5.5px, -5px);transform: rotate(-45deg) translate(5.5px, -5px);}

.overHide{ overflow: hidden;}

.fanye-box{ 
  text-align: center; 

  margin: auto;
}
.fanye-box .between-center{}
.fanye-box a{ background: #fff; border-color: #fff; height: 3rem; line-height: 3rem; padding: 0 1.25rem; font-size: 1rem;margin-top:4rem;margin-bottom:4rem;}
.fanye-box a:hover,.fanye-box a.curr{ background: #E41818; color: #fff; border-color: #E41818;}

.swiper-pagination-bullet,.swiper-button-next,.swiper-button-prev{ outline: none;}

.all-center-box{ width: 100%; float: left; position: relative; transition: all .6s; overflow: hidden;}


.head-box{ background: rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.1); position: fixed; left: 0; top: 0; z-index: 99; transition: all .6s;}
.head-box .w-90{ height: 5rem;}
.head-box .f-l{ position: relative; transition: all .6s;}
.head-box .f-l .logo{ height: 2.875rem; opacity: 0; transition: all .6s;}
.head-box .f-l::after{ content: ''; width: 100%; height: 100%; background: url(../image/logo-w.png) no-repeat center; background-size: 100%; position: absolute; left: 0; top: 0; transition: all .6s; pointer-events: none;}
.head-box .head-menu ul li,.head-box .head-menu ul li span{ float: left;}
.head-box .head-menu ul li{ margin-right: 3rem; position: relative;}
.head-box .head-menu ul li span a{ float: left; line-height: 45px; position: relative; font-size: 1.125rem; color: #fff;}
.head-box .head-menu ul li span a::after{ content: ''; width: 0; height: 3px; background: #FF1515; position: absolute; left: 0; bottom: 0; transition: all .6s;}
.head-box .head-menu ul li:hover span a::after,.head-box .head-menu ul li.active span a::after{ width: 100%;}

.head-box .head-menu .head-menu-lv2{ position: absolute; left: -3.5rem; top: 100%; margin-top: 2rem; background: #fff; box-shadow: 0 0 0.625rem rgba(0,0,0,0.1); display: flex; opacity: 0; pointer-events: none; transition: all .6s;}
.head-box .head-menu .head-menu-lv2::after{ content: ''; width: 11.25rem; height: 3.5rem; position: absolute; left: 0; bottom: 100%;}
.head-box .head-menu .head-menu-lv2 a{ min-width: 11.25rem; text-align: center; line-height: 3.75rem; font-size: 1.125rem;}
.head-box .head-menu ul li:hover .head-menu-lv2{ opacity: 1; pointer-events: all;}

.solution-btn:hover .solution-box{ opacity: 1; pointer-events: all;}
.solution-btn:hover .solution-box .pull-left .box-info .box2{ display: block;}
.solution-box{ width: 60.625rem; position: absolute; left: -11.25rem; top: 100%; margin-top: 2rem; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); display: flex; pointer-events: none; opacity: 0; transition: all .6s;}
.solution-box::after{ content: ''; width: 11.25rem; height: 4.125rem; position: absolute; left: 8rem; bottom: 100%;}
.solution-box .pull-left{ width: 15.625rem; padding: 1rem 0; background: #F6F8FA;}
.solution-box .pull-left .box-info{ width: 100%; float: left;}
.solution-box .pull-left .box-info .box1{ width: 100%; float: left; position: relative; z-index: 2; margin: 0.7rem 0;}
.solution-box .pull-left .box-info .box1 a{ width: 100%; float: left; padding: 0 2.5rem; font-size: 1.125rem;}
.solution-box .pull-left .box-info .box1.active a{ color: #ff1515;}
.solution-box .pull-left .box-info .box2{ width: 100%; height: 100%; position: absolute; right: 0; top: 0; padding: 0 2.1875rem 2.1875rem 17.8125rem; opacity: 0; transition: all .6s; pointer-events: none; transform: translate(20px,0); display: none;}
.solution-box .pull-left .box-info .box2.active{ opacity: 1; pointer-events: all; transform: translate(0,0);}
.solution-box .pull-left .box-info .box2 p{ width: 33.33%; float: left; margin: 2.1875rem 0 0;}
.solution-box .pull-left .box-info .box2 p a{ width: 100%; float: left; display: flex;}
.solution-box .pull-left .box-info .box2 p a img{ width: 25px; height: 25px; object-fit: contain; float: left;}
.solution-box .pull-left .box-info .box2 p a span{ line-height: 25px; padding-left: 0.75rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.solution-box .pull-left .box-info .box2 p a:hover img{ transition: all .6s; transform: rotateY(360deg);}
.solution-box .pull-right{ display: none;}

.head-box .head-phone{ font-size: 1.25rem; line-height: 26px;white-space: nowrap;}
.head-box .head-phone a,.head-box .head-phone span{ float: left; background-position: left; background-size: auto 24px; background-repeat: no-repeat; float: left; color: #fff; transition: all .6s;}
.head-box .head-phone a{ color: #fff;}
.head-box .head-phone .icon1{ background-image: url(../image/icon_1.png); padding-left: 30px; font-size: 1.3rem;}
.head-box .head-phone .icon2{ background-image: url(../image/icon_2.png); padding-left: 40px; margin-left: 3rem;}

.head-box.active{ background: #fff;}
.head-box.active .f-l .logo{ opacity: 1;}
.head-box.active .f-l::after{ opacity: 0;}
.head-box.active .head-menu ul li span a{ color: #333;}
.head-box.active .head-phone a, .head-box.active .head-phone span{ color: #999;}
.head-box.active .head-phone a{ color: #333;}

.home-box1 .swiper-container{ height: 100vh;}
.home-box1 .swiper-container .swiper-slide{ background-position: center; background-size: cover;cursor:pointer;}

.home-box1 .swiper-container .swiper-slide .zx-btn{
	width:14rem;
  	height:3.75rem;
  	background:url(../image/banner-btn.png) center center no-repeat;
  	background-size: 100% 100%;
  	position:absolute;
  	z-index:200;
  	transform: translate(-50%,-50%);
}

.home-box1 .swiper-container .swiper-slide:last-child .zx-btn{
    top:53%;
  	left:50%;
}

.home-box1 .swiper-container .swiper-slide:nth-child(2) .zx-btn{
	top:53%;
  	left:50%;
}

.home-box1 .swiper-container .swiper-slide:nth-child(3) .zx-btn{
	top: 70%;
    left: 71%;
}

.home-box1 .swiper-container .swiper-slide:nth-child(5) .zx-btn{
	top: 67%;
    left: 60%;
}

.home-box1 .swiper-container .swiper-slide:nth-child(4) .zx-btn{
	top: 67%;
    left: 64%;
}

.home-box1 .swiper-container .swiper-slide .w-90{ padding: 0 11.25rem;}
.home-box1 .swiper-container .swiper-slide .box-info1{ transform: translate(50px,0); opacity: 0; transition: all .6s;}
.home-box1 .swiper-container .swiper-slide .box-info1 img{ max-height: 11.375rem; max-width: 56%;}
.home-box1 .swiper-container .swiper-slide .box-info2{ margin-top: 4.0625rem; transform: translate(50px,0); opacity: 0; transition: all .6s ease .2s; display: none;}
.home-box1 .swiper-container .swiper-slide .box-info2 a{ width: 9.875rem; line-height: 3.125rem; background: #E60012; border-radius: 4px; box-shadow: 0 0 5px rgba(0,0,0,0.1); color: #fff; font-size: 1.25rem; display: inline-block; text-align: center;}
.home-box1 .swiper-container .swiper-slide .box-info2 a:hover{ background: #ff0000;}
.home-box1 .swiper-container .swiper-slide.active .box-info1{ transform: translate(0,0); opacity: 1;}
.home-box1 .swiper-container .swiper-slide.active .box-info2{ transform: translate(0,0); opacity: 1;}
.home-box1 .swiper-page{ }
.home-box1 .swiper-page .f-l,.home-box1 .swiper-page .f-r{ position: absolute;top:50%;transform:translateY(-50%);z-index:10;}
.home-box1 .swiper-page .f-l{left:5%;}
.home-box1 .swiper-page .f-r{right:5%;}
.home-box1 .swiper-page .swiper-button-next,.home-box1 .swiper-page .swiper-button-prev{ position: relative; left: 0; top: 0; margin: 0; width: 50px; height: 50px; background-size: cover; transition: all .6s; z-index: 11;}
.home-box1 .swiper-page .swiper-button-next{ background-image: url(../image/icon_jt1_r.png);}
.home-box1 .swiper-page .swiper-button-prev{ background-image: url(../image/icon_jt1_l.png);}
.home-box1 .swiper-page .swiper-button-next:hover{ background-image: url(../image/icon_jt2_r.png);}
.home-box1 .swiper-page .swiper-button-prev:hover{ background-image: url(../image/icon_jt2_l.png);}
.home-box1 .swiper-page .swiper-button-next::after,.home-box1 .swiper-page .swiper-button-prev::after{ display: none;}
.home-box1 .swiper-page .f-l .between-center,.home-box1 .swiper-page .f-r .between-center{ position: absolute; top:0; height: 50px; background: #E80404; color: #fff; border-radius: 50px; padding: 0; overflow: hidden; width: 0; font-style: italic; transition: all .6s; opacity: 0; pointer-events: none;}
.home-box1 .swiper-page .f-l .between-center{ left: 0;}
.home-box1 .swiper-page .f-r .between-center{ right: 0;}
.home-box1 .swiper-page .swiper-pagination{ position: relative; bottom: 0;}
.home-box1 .swiper-page .f-l .between-center .swiper-pagination{ width: auto; text-align: right;}
.home-box1 .swiper-page .f-l .between-center>span{ width: 100%; flex: 1; text-align: right; margin-right: 10px;}
.home-box1 .swiper-page .f-r .between-center .swiper-pagination{ width: 100%; flex: 1; text-align: left; margin-left: 10px;}
.home-box1 .swiper-page .f-l:hover .between-center,.home-box1 .swiper-page .f-r:hover .between-center{ width: 160px; padding: 0 15px; opacity: 1;}

.home-box1 .swiper-pagination{ bottom: 2rem;}
.home-box1 .swiper-pagination .swiper-pagination-bullet{ border: 1px solid #fff; background: #fff; transition: all .6s; opacity: 1;}
.home-box1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #D80617; border-color: #D80617;}

.banner-type-info{
	width:100%;
  	height:5rem;
  	background-color:rgba(255,255,255,.9);
  	position:absolute;
  	left:0;
  	bottom:0;
  	z-index:30;
}
.banner-type-info .w-90{
  	height: 100%;
    display: flex;
    align-items: center;
  justify-content:space-between;
}
.banner-type-info a{
  float:left;
  display:flex;
  width: calc(100% / 6);
  align-items:center;
  position:relative;
  justify-content: center;
}
.banner-type-info a img{
	transition:.5s;
}
.banner-type-info a::after{
	content: '';
    display: block;
    width: 0%;
    height: 2px;
    background-color: #e72209;
    position: absolute;
    left: 0;
  	right:0;
    bottom: -1rem;
    z-index: 10;
  	margin:auto;
  opacity:0;
  visibility:hidden;
  	transition:.6s;
}
.banner-type-info a:hover::after{
	width:100%;
   	opacity:1;
  	visibility:visible;
}
.banner-type-info a:nth-child(1) img{
	width:2.1875rem;
}
.banner-type-info a:nth-child(2) img{
	width:2rem;
}
.banner-type-info a:nth-child(3) img{
	width:1.2rem;
}
.banner-type-info a:nth-child(4) img{
	width:1.3125rem;
}
.banner-type-info a:nth-child(5) img{
	width:1.875rem;
}
.banner-type-info a:nth-child(6) img{
	width:1.8125rem;
}
.banner-type-info a .info{
  margin-left:.8125rem;
  overflow: hidden;
}
.banner-type-info a em{
	font-style:normal;
}
.banner-type-info a .title{
  font-size:1.125rem;
  color:#333;
  display:flex;
  align-items:center;
  overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  transition:.3s;
  position:relative;
}
.banner-type-info a .title i{
	flex-shrink:0;  	
  	height:.875rem;
  	background:url(../image/index-type-arrow.png) center center no-repeat;
  	width:.5rem;
	margin-left:.625rem;
  	background-size:100% 100%;
  	opacity:0;
  	visibility:hidden;
  	overflow:hidden;
  	transform:translateX(10px);
  	transition:.3s;  	
}
.banner-type-info a .title::after{
  	display:none;
	content:'';
  	width:.5rem;
  	height:.875rem;
  	background:url(../image/index-type-arrow.png) center center no-repeat;
  	background-size:100% 100%;
  	opacity:0;
  	visibility:hidden;
  	overflow:hidden;
  position:absolute;
  top:50%;
  right:0;
  z-index:10;
  transform:translateY(-50%);
  	transition:.3s;
}
.banner-type-info a .desc{
	font-size:.875rem;
  	color:#333;
  overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  	margin-top:.35rem;
}
.banner-type-info a:hover img{
	transform:rotate(360deg);
}
.banner-type-info a:hover .title{
	color:#e61d03;
}
.banner-type-info a:hover .title i{  	
  	opacity:1;
  	visibility:visible;
  transform:translateX(0);
}


.all-title1{ text-align: center; font-size: 1.5rem;}
.all-title1 span{ display: block; font-size: 2.5rem; color: #333;}
.all-title1 p{ margin-top: 0.625rem; color: #999;}
.all-title1.white span{ color: #fff;}
.all-title1.white p{ color: rgba(255,255,255,0.8);}

.home-box2{ padding: 0rem 0 5.625rem;}
.home-box2 .lower-box{ margin-top: 2rem;}
.home-box2 .lower-box .box-info1{ height: 3.5rem; position: relative;}
.home-box2 .lower-box .box-info1::after{ content: ''; width: 100%; height: 2px; background: #eee; position: absolute; left: 0; bottom: 0;}
.home-box2 .lower-box .box-info1 span{ float: left; text-align: center; height: 3.5rem; padding: 0 1.5rem; position: relative; cursor: pointer; white-space: nowrap; z-index: 2; font-size: 1.125rem; overflow: hidden;}
.home-box2 .lower-box .box-info1 span::before{ content: ''; width: 100%; height: 2px; background: #E80404; position: absolute; left: 0; bottom: 0; transition: all .2s; opacity: 0;}
.home-box2 .lower-box .box-info1 span::after{ content: ''; width: 22px; height: 13px; background: url(../image/icon_jt3.jpg) no-repeat center; position: absolute; left: 50%; bottom: -13px; margin-left: -0.6875rem; transition: all .6s;}
.home-box2 .lower-box .box-info1 span:hover::after,.home-box2 .lower-box .box-info1 span.active::after{ bottom: 0;}
.home-box2 .lower-box .box-info1 span:hover::before,.home-box2 .lower-box .box-info1 span.active::before{ opacity: 1; transition: all .6s ease .4s;}
.home-box2 .lower-box .box-info2{ margin-top: 1.5rem; position: relative;}
.home-box2 .lower-box .box-info2 .center-block{ position: relative; overflow: hidden; background: #EF1414;}
.home-box2 .lower-box .box-info2 .center-block .f-l{ width: 43%; height: 30.625rem; overflow: hidden;}
.home-box2 .lower-box .box-info2 .center-block .f-l img{ width: 100%; height: 100%; display: block; object-fit: cover;}
.home-box2 .lower-box .box-info2 .center-block .f-r{ width: 66%; height: 100%; position: absolute; right: 0; top: 0; padding: 0 5rem 0 10rem; color: #fff; transform: translate(100px,0); opacity: 0; transition: all .6s ease .3s;}
.home-box2 .lower-box .box-info2 .center-block .f-r::before{ content: ''; width: 100%; height: 100%; background: url(../image/ho2_bg.png) no-repeat left; position: absolute; left: 0; top: 0;}
.home-box2 .lower-box .box-info2 .center-block .f-r .center-center{ width: 100%; height: 100%; position: relative; z-index: 2;}
.home-box2 .lower-box .box-info2 .center-block .f-r .center-center .box1 span{ display: block; font-size: 1.5rem; font-weight: bold;}
.home-box2 .lower-box .box-info2 .center-block .f-r .center-center .box1 p{ font-size: 1.0625rem; padding: 1.375rem 0 1.5rem;}
.home-box2 .lower-box .box-info2 .center-block .f-r .center-center .box2 span{ float: left; line-height: 1.625rem; font-size: 0.875rem; margin-top: 1.1rem;}
.home-box2 .lower-box .box-info2 .center-block .f-r .center-center .box2 a{ float: left; line-height: 1.625rem; padding: 0 1rem; font-size: 0.875rem; color: #fff; border: 1px solid #fff; margin-left: 1rem; margin-top: 1.1rem;}
.home-box2 .lower-box .box-info2 .center-block .f-r .center-center .box2 a:hover{ background: #fff; color: #E80404;}
.home-box2 .lower-box .box-info2 .center-block .f-r .center-center .box2 div{ width: 100%; flex: 1;}
.home-box2 .lower-box .box-info2 .center-block .f-r .center-center .box3{ margin-top: 5rem;}
.home-box2 .lower-box .box-info2 .center-block .f-r .center-center .box3 a{ min-width: 8.5rem; line-height: 2.3rem; border: 1px solid #fff; text-align: center; font-size: 1.125rem; color: #fff; margin: 1.25rem 1.25rem 0 0; float: left;}
.home-box2 .lower-box .box-info2 .center-block .f-r .center-center .box3 a:hover,.home-box2 .lower-box .box-info2 .center-block .f-r .center-center .box3 a.active{ background: #fff; color: #E80404;}
.home-box2 .lower-box .box-info2 .swiper-slide.active .center-block .f-r{ transform: translate(0,0); opacity: 1;}

.home-box3{ background: url(../image/ho3_bg.jpg) no-repeat center fixed; background-size: cover; padding: 4.375rem 0 3.75rem;}
.home-box3 .div-pc{ margin-top: 3.75rem;}
.home-box3 .div-pc ul{ display: flex; align-items: center; justify-content: center;}
.home-box3 .div-pc ul li{ width: 19.5625rem; height: 23.75rem; background: rgba(68,68,68,0.38); text-align: center; margin: 1.875rem 1.25rem 0;}
.home-box3 .div-pc ul li a{ width: 100%; height: 100%; float: left; color: #fff; padding: 0 2rem;}
.home-box3 .div-pc ul li a i{ display: flex; height: 15.625rem; align-items: center; justify-content: center;}
.home-box3 .div-pc ul li a i img{ max-width: 80%; max-height: 80%; transition: all .6s;}
.home-box3 .div-pc ul li a span{ display: block; font-size: 1.5rem;}
.home-box3 .div-pc ul li a p{ font-size: 1rem; line-height: 1.8; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 0.8rem;}
.home-box3 .div-pc ul li a:hover i img{ transform: translate(0,-20px);}

.home-box3 .div-phone .swiper-container{ margin-top: 2rem;}
.home-box3 .div-phone .swiper-container .swiper-slide{ padding: 0 0.5rem;}
.home-box3 .div-phone .swiper-container .swiper-slide a{ width: 100%; float: left; text-align: center; background: rgba(68,68,68,0.38); color: #fff; padding: 0 2rem;}
.home-box3 .div-phone .swiper-container .swiper-slide i{ display: flex; height: 15.625rem; align-items: center; justify-content: center;}
.home-box3 .div-phone .swiper-container .swiper-slide i img{ max-width: 80%; max-height: 80%;}
.home-box3 .div-phone .swiper-container .swiper-slide span{ display: block; font-size: 1.125rem;}
.home-box3 .div-phone .swiper-container .swiper-slide p{ font-size: 14px; line-height: 1.8; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 0.8rem 0 2rem;}

.home-box4{ padding: 5rem 0;}
.home-box4 .center-block{ margin-top: 3rem;}
.home-box4 .center-block ul{ margin: 0 -0.75rem;}
.home-box4 .center-block ul li{ width: 25%; float: left; padding: 0 0.75rem; margin-top: 1.5rem;}
.home-box4 .center-block a{ width: 100%; height: 25.75rem; float: left; border: 2px solid #F3F3F3; border-radius: 4px; padding: 3.375rem 2.375rem; text-align: center;}
.home-box4 .center-block a i{ display: block;}
.home-box4 .center-block a i img{ height: 5.625rem; transition: all .6s;}
.home-box4 .center-block a span{ display: block; font-size: 1.5rem; margin-top: 1.875rem; color: #333;}
.home-box4 .center-block a p{ font-size: 1rem; line-height: 2; margin-top: 1.3rem; color: #999;}
.home-box4 .center-block a:hover{ border-color: #E80404;}
.home-box4 .center-block a:hover i img{ transform: rotateY(360deg);}
.home-box4 .div-phone .swiper-container .swiper-slide{ padding: 0 0.5rem;}

.home-box5{ background: url(../image/ho5_bg.jpg) no-repeat center fixed; background-size: cover; padding: 3.125rem 0;}
.home-box5 .swiper-container{ margin-top: 3.125rem;}
.home-box5 .swiper-container .swiper-slide{ background: #fff; padding: 2.5rem 3rem; border-radius: 5px; height: 24rem;}
.home-box5 .swiper-container .swiper-slide i{ display: block;}
.home-box5 .swiper-container .swiper-slide i img{ height: 2.9375rem; transition: all .6s;}
.home-box5 .swiper-container .swiper-slide span{ display: block; font-size: 1.5rem; color: #E80404; margin-top: 1.125rem;}
.home-box5 .swiper-container .swiper-slide div{ font-size: 1rem; line-height: 1.4; color: #666; margin-top: 1.125rem;}
.home-box5 .swiper-container .swiper-slide div p{ margin-top: 0.5rem;}
.home-box5 .swiper-container .swiper-slide:hover i img{ transform: rotateY(360deg);}

.home-box6 .all-title1{ padding: 3.75rem 0;}
.home-box6 .center-block{}
.home-box6 .center-block ul{ display: flex; border-top: 2px solid #F1F1F1; }
.home-box6 .center-block ul li{ width: 33.33%; float: left; border-left: 2px solid #f1f1f1; padding: 2.875rem; position: relative; cursor:pointer;}
.home-box6 .center-block ul li .between-bottom{}
.home-box6 .center-block ul li .f-l{ width: 22rem;}
.home-box6 .center-block ul li .f-l span{ display: block; font-size: 1.5rem; transition: all .6s;}
.home-box6 .center-block ul li .f-l p{ font-size: 1rem; line-height: 1.8; margin-top: 1.5rem;}
.home-box6 .center-block ul li .f-r{ width: 11.125rem; opacity: 0.3; transition: all .6s; position: absolute; right: 2rem; bottom: 2rem;}
.home-box6 .center-block ul li:nth-child(1){ padding-left: 5.625rem;}

.home-box6 .center-block ul li:nth-child(3){ padding-right: 5.625rem;}
.home-box6 .center-block ul li:hover .f-l span{ color: #E80404;}
.home-box6 .center-block ul li:hover .f-r{ opacity: 1;}

.home-box7{ background: #F6F6F6; padding: 4.375rem 0 7.5rem;}
.home-box7 .center-block{ width: 33.33%; float: left; margin-top: 2.5rem;}
.home-box7 .center-block+.center-block{ margin-left: 1.5rem;}
.home-box7 .box-info1{ background: #fff; border-radius: 4px; transition: all .6s;}
.home-box7 .box-info1 .imgs{ height: 24.2rem; overflow: hidden;}
.home-box7 .box-info1 .imgs img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s;}
.home-box7 .box-info1 .info{ padding: 1.5rem 0.875rem;}
.home-box7 .box-info1 .info span{ display: block; font-size: 1.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; transition: all .6s;}
.home-box7 .box-info1 .info p{ font-size: 14px; color: #999; margin-top: 0.4rem;}
.home-box7 .box-info1:hover .imgs img{ transform: scale(1.1);}
.home-box7 .box-info1:hover .info span{ color: #E80404;}
.home-box7 .box-info2{ height: 14.8125rem; overflow: hidden; border-radius: 4px; position: relative; margin: 0.45rem 0; transition: all .6s;}
.home-box7 .box-info2 img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: all .6s;}
.home-box7 .box-info2 p{ padding: 4.375rem 1.25rem 1rem; color: #fff; background: linear-gradient(-180deg,rgba(0,0,0,0),rgba(0,0,0,0.7)); position: absolute; left: 0; bottom: 0; width: 100%;}
.home-box7 .box-info2:hover img{ transform: scale(1.1);}
.home-box7 .box-info3{ background: #fff; border-radius: 4px; margin: 0.45rem 0; transition: all .6s;}
.home-box7 .box-info3 a{ width:100%; float:left;}
.home-box7 .box-info3 i,.home-box7 .box-info3 p{ line-height: 3.4375rem; padding: 0 1.25rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .6s; font-size: 1.125rem;}
.home-box7 .box-info3 i{ color: #333;}
.home-box7 .box-info3 p{ font-size: 1rem; color: #999; border-top: 1px solid #ddd;}
.home-box7 .box-info1:hover,.home-box7 .box-info2:hover,.home-box7 .box-info3:hover{ box-shadow: 0 0 0.625rem rgba(0,0,0,0.1);}
.home-box7 .box-info3:hover i{ color: #E80404;}

.home-box8{ background: #E80404; position: relative;}
.home-box8 .pull-left{ width: 55%; padding: 5.625rem 3.4375rem 5.625rem 5.625rem; color: #fff; background: url(../image/ho8_bg.jpg) no-repeat center; background-size: cover;}
.home-box8 .pull-left .box1{ font-size: 1.875rem; line-height: 2;}
.home-box8 .pull-left .box2{ font-size: 1.125rem; line-height: 1.8; margin-top: 2rem; text-align: justify;}
.home-box8 .pull-right{ width: 45%; height: 100%; position: absolute; right: 0; top: 0; cursor: pointer; overflow: hidden;}
.home-box8 .pull-right img{ width: 100%; height: 100%; object-fit: cover; transition: all .6s;}
.home-box8 .pull-right::after{ content: ''; width: 100%; height:100%; background: url(../image/icon_3.png) no-repeat center rgba(0,0,0,0.2); background-size: 5.625rem; position: absolute; left: 0; top: 0;}
.home-box8 .pull-right:hover img{ transform: scale(1.1);}

.home-box9{ padding: 4.375rem 0 3.3125rem;}
.home-box9 .center-block ul{ margin: 0 -1.4375rem;}
.home-box9 .center-block ul li{ width: 20%; float: left; padding: 0 1.4375rem; margin-top: 2.0625rem;}
.home-box9 .center-block ul li a{ width: 100%; height: 6.875rem; border-radius: 4px; box-shadow: -0.2rem 0.2rem 0.8rem #F2F4FF;}
.home-box9 .center-block ul li a img{ max-width: 90%; max-height: 90%; transition: all .6s;}
.home-box9 .center-block ul li a:hover img{ transform: scale(1.1);}
.home-box9 .all-more{ margin-top: 3.3125rem;}

.all-more a{ line-height: 2.75rem; text-align: center; display: inline-block; background: #EDEDED; color: #333; font-size: 1.125rem; min-width: 7.875rem; padding: 0 1.25rem;}
.all-more a:hover{ background: #E80404; color: #fff;}

.foot-box{ overflow: hidden; background: #2E2E2E; padding-bottom: 8.5rem;}
.foot-box .top-box{ padding: 3.125rem 0; background: url(../image/fo_bg1.jpg) no-repeat center; background-size: cover; color: #fff;}
.foot-box .top-box p{ font-size: 2.25rem;}
.foot-box .top-box a{ display: inline-block; width: 10rem; line-height: 2.75rem; background: #E80404; color: #fff; text-align: center; font-size: 1.125rem; margin-top: 2.25rem;}
.foot-box .top-box a:hover{ background: #ff0000;}
.foot-box .lower-box{ background: url(../image/fo_bg2.jpg) no-repeat center; background-size: cover; color: #b0abab;}
.foot-box .lower-box a{ color: #b0abab;}
.foot-box .lower-box a:hover{ color: #fff;}
.foot-box .lower-box .box-info1{ padding: 1.625rem 0 2.5rem;}
.foot-box .lower-box .box-info1 .pull-left ul{ float: left; margin-right: 5rem;}
.foot-box .lower-box .box-info1 .pull-left ul span{ display: block; padding-bottom: 1rem;}
.foot-box .lower-box .box-info1 .pull-left ul span a{ font-size: 1.5rem;}
.foot-box .lower-box .box-info1 .pull-left ul li{ display: block; margin-top: 1.125rem;}
.foot-box .lower-box .box-info1 .pull-right .box1{ font-size: 1.5rem;}
.foot-box .lower-box .box-info1 .pull-right .box2{ padding: 2.1875rem 0 0;}
.foot-box .lower-box .box-info1 .pull-right .box2 img{ width: 5.3125rem; height: 5.3125rem;}
.foot-box .lower-box .box-info1 .pull-right .box2 p{ font-size: 1rem; line-height: 1.8; padding-left: 1.5rem;}
.foot-box .lower-box .box-info1 .pull-right .box2 a{ display: inline-block; width: 10rem; line-height: 2.25rem; color: #fff; background: #E80404; text-align: center; margin-top: 1.875rem;}
.foot-box .lower-box .box-info1 .pull-right .box2 a:hover{ background: #ff0000;}
.foot-box .lower-box .box-info2{ border-top: 1px solid #403F3F; border-bottom: 1px solid #403F3F; font-size: 1rem; padding:1rem 0 2rem;}
.foot-box .lower-box .box-info2 span,.foot-box .lower-box .box-info2 a{ float: left; margin: 1rem 3.125rem 0 0;}
.foot-box .lower-box .box-info2 span{ color: #fff;}
.foot-box .lower-box .box-info3{ padding: 2rem 0;}

.about-box1{ height: 35.875rem; background: url(../image/ab1_bg.jpg) no-repeat center; background-size: cover;}
.about-box1 p{ font-size: 3.375rem; color: #fff; padding-bottom: 2rem;}

.about-box2{ position: relative; z-index: 2; background: url(../image/ab2_bg.jpg) no-repeat bottom; background-size: cover;}
.about-box2 .top-box{}
.about-box2 .top-box ul{ height: 10rem; background: #fff; box-shadow: 0 0 1.25rem rgba(0,0,0,0.2); margin-top: -4.6875rem; padding: 0 5rem;}
.about-box2 .top-box ul li{ text-align: center; min-width: 7.5rem;}
.about-box2 .top-box ul li p{ font-size: 1.125rem; margin-top: 0.5rem;}
.about-box2 .top-box ul li span{ display: block; font-size: 2.25rem; color: #E80404; font-weight: bold;}
.about-box2 .lower-box{ padding: 4.0625rem 0;}
.about-box2 .lower-box .pull-left{ width: 55%; margin-top: 1.5rem;}
.about-box2 .lower-box .pull-left .box1{ font-size: 2.25rem; font-weight: bold; letter-spacing: 1px;}
.about-box2 .lower-box .pull-left .box1 span{ position: relative; border-bottom: 0.3125rem solid #FF0808; height: 2.6875rem; display: inline-block;}
.about-box2 .lower-box .pull-left .box2{ font-size: 1.125rem; line-height: 2; margin-top: 1.625rem; text-align: justify;}
.about-box2 .lower-box .pull-right{ width: 37%; height: 29.875rem; overflow: hidden; position: relative;}
.about-box2 .lower-box .pull-right img{ width: 100%; height: 100%; object-fit: cover; transition: all .6s;}
.about-box2 .lower-box .pull-right::after{ content: ''; width: 100%; height: 100%; background: url(../image/icon_3.png) no-repeat center rgba(0,0,0,0.3); background-size: 5rem; position: absolute; left: 0; top: 0;}
.about-box2 .lower-box .pull-right:hover img{ transition: all .6s;}

.about-box3{ background: url(../image/ab3_bg.jpg) no-repeat center fixed; background-size: cover; padding: 4.0625rem 0;}
.about-box3 .swiper-container{ height: 46rem; padding-bottom: 4.375rem; margin-top: 3.75rem;}
.about-box3 .swiper-container .swiper-slide{ height: calc((100% - 20px) / 2); text-align: center;}
.about-box3 .swiper-container .swiper-slide a span{ width: 100%; height: 17rem; float: left; overflow: hidden;}
.about-box3 .swiper-container .swiper-slide a span img{ width: 100%; height: 100%; object-fit: contain; transition: all .6s;}
.about-box3 .swiper-container .swiper-slide a p{ width: 100%; line-height: 3.125rem; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.about-box3 .swiper-container .swiper-slide a:hover span img{ transform: scale(1.1);}
.about-box3 .swiper-container .swiper-pagination .swiper-pagination-bullet{ border-radius: 50px; background: #CECECE; opacity: 1; transition: all .6s;}
.about-box3 .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 30px; background: #FF0808;}

.about-box4{ padding: 4.6875rem 0 8.75rem; background: url(../image/ab4_bg.jpg) no-repeat center; background-size: cover;}
.about-box4 .center-block{ margin-top: 8.125rem;}
.about-box4 .center-block::after{ content: ''; width: 100%; height: 2px; background: #757575; position: absolute; left: 0; top: 50%; margin-top: -1px;}
.about-box4 .center-block .swiper-button-next,.about-box4 .center-block .swiper-button-prev{ position: relative; left: auto; right: auto; top: auto; margin: auto; width: 2.5rem; height: 2.5rem; background: #323232; border-radius: 100%; opacity: 1;}
.about-box4 .center-block .swiper-button-next::after,.about-box4 .center-block .swiper-button-prev::after{ color: #fff; font-weight: bold; font-size: 1.2rem;}
.about-box4 .center-block .swiper-container .swiper-slide{ text-align: center; padding: 0 0 6rem;}
.about-box4 .center-block .swiper-container .swiper-slide:nth-child(2n){ padding: 6rem 0 0;}
.about-box4 .center-block .swiper-container .swiper-slide::after{ content: ''; width: 12px; height: 12px; background: #323232; border-radius: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.about-box4 .center-block .swiper-container .swiper-slide span{ display: block; font-size: 1.5rem; font-weight: bold;}
.about-box4 .center-block .swiper-container .swiper-slide p{ font-size: 1.125rem; margin-top: 0.5rem;}

.about-box5{ background: url(../image/ab5_bg.jpg) no-repeat center; background-size: cover; padding: 4.375rem 0;}
.about-box5 .center-block .swiper-container{ height: 34.6875rem; margin-top: 3.75rem;}
.about-box5 .center-block .swiper-container .swiper-slide{ height: calc((100% - 45px) / 2); background: #fff;}
.about-box5 .center-block .swiper-container .swiper-slide a{ width: 100%; height: 100%; border: 1px solid #CACBCB; float: left; padding: 1.25rem; overflow: hidden; color: #333; font-size: 14px; position: relative;}
.about-box5 .center-block .swiper-container .swiper-slide a::after{ content: ''; width: 2.5rem; height: 2.5rem; background: url(../image/icon_jt7.png) no-repeat center; background-size: 100%; position: absolute; right: 1.25rem; top: 1.25rem; transition: all .6s;}
.about-box5 .center-block .swiper-container .swiper-slide:hover a::after{ background-image: url(../image/icon_jt7_h.png);}
.about-box5 .center-block .swiper-container .swiper-slide .box1{ width: 100%; float: left; font-weight: bold;}
.about-box5 .center-block .swiper-container .swiper-slide .box1 i{ font-size: 1.125rem; color: #FF0808; float: left; margin-right: 0.5rem;}
.about-box5 .center-block .swiper-container .swiper-slide .box1 span{ font-size: 2rem; color: #333; float: left; line-height: 1;}
.about-box5 .center-block .swiper-container .swiper-slide .box2{ position: relative; display: inline-block; margin: 1.5rem 0 1rem; padding-left: 0.5rem;}
.about-box5 .center-block .swiper-container .swiper-slide .box2::after{ content: ''; width: 100%; height: 100%; background: #323232; position: absolute; left: 0.5rem; top: 0; transform: skewX(-25deg);}
.about-box5 .center-block .swiper-container .swiper-slide .box2 span{ line-height: 1.875rem; color: #fff; padding: 0 1.2rem; position: relative; z-index: 2;}
.about-box5 .center-block .swiper-container .swiper-slide .box3{ line-height: 1.6; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; max-height: 7rem;}
.about-box5 .center-block .swiper-container .swiper-slide a:hover{ border-color: #FF0808;}
.about-box5 .center-block .between-center .swiper-button-next,.about-box5 .center-block .between-center .swiper-button-prev{position: relative; left: auto; right: auto; top: auto; margin: 3.75rem 0 0; width: 5.25rem; height: 2.625rem; background: #fff; border-radius: 0; transition: all .6s;}
.about-box5 .center-block .between-center .swiper-button-next::after,.about-box5 .center-block .between-center .swiper-button-prev::after{ color: #333; font-size: 1.5rem; font-weight: bold;}

.about-box6{ padding: 4.375rem 0;}
.about-box6 .center-block{ height: 39.0625rem; position: relative; margin-top: 2.8125rem;}
.about-box6 .center-block .map-box{ width: 100%; height: 100%; float: left;}
.about-box6 .center-block .map-box img,.about-box6 .center-block .map-box label{ max-width: initial;}
.about-box6 .center-block .center-center{ width: auto; height: 100%; position: absolute; right: 0; top: 0; z-index: 10; padding: 0 3.875rem;}
.about-box6 .center-block .center-center ul{ background: rgba(255,255,255,0.9); border: 1px solid #FF0808; padding: 1rem 7.5rem 1rem 3.125rem;}
.about-box6 .center-block .center-center ul li{ padding: 1rem 0;}
.about-box6 .center-block .center-center ul li img{ width: 2.5rem; height: 2.5rem;}
.about-box6 .center-block .center-center ul li div{ width: 100%; flex: 1; padding-left: 1rem; font-weight: bold;}
.about-box6 .center-block .center-center ul li div span{ font-size: 1rem; color: #FF0808;}
.about-box6 .center-block .center-center ul li div p{ font-size: 1.25rem; margin-top: 2px;}

.page-banner{ height: 31.25rem; background-position: center; background-size: cover; position: relative;}
.page-banner .pull-left{ color: #fff;}
.page-banner .pull-left span{ font-size: 3.375rem; display: block;}
.page-banner .pull-left p{ font-size: 1.5rem; text-transform: uppercase;}

.page-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #FF0808;}

.all-title1.style2 span{ font-size: 2.25rem; font-weight: bold;}
.all-title1.style2 p{ font-size: 1.125rem; margin-top: 0.3rem; color: #333;}
.all-title1.style2.white p{ color: #fff;}

.service-box1{ padding: 4.375rem 0 6.875rem; background: #F5F7FE;}
.service-box1 .center-block{ margin-top: 5.625rem;}
.service-box1 .center-block ul li{ width: 20%; float: left; padding: 0 1px; position: relative;}
.service-box1 .center-block ul li .box-info1{ background: #fff; height: 21.375rem; text-align: center;}
.service-box1 .center-block ul li .box-info1 i{ display: block;}
.service-box1 .center-block ul li .box-info1 i img{ height: 6.5rem; transition: all .6s;}
.service-box1 .center-block ul li .box-info1 p{ font-size: 1.5rem; margin-top: 2rem; font-weight: bold;}

.service-box1 .center-block ul li .box-info2{ width: 100%; height: 27.5rem; background: #FF1515; box-shadow: 0 0 1.25rem rgba(0,0,0,0.1); position: absolute; left: 0; top: 50%; margin-top: -13.75rem; color: #fff; padding: 0 2.125rem; text-align: center; overflow: hidden; transition: all .6s; opacity: 0; transform: translate(0,20px);}
.service-box1 .center-block ul li .box-info2 span{ font-size: 1.5rem; font-weight: bold; display: block; padding: 3.4375rem 0 2.1875rem;}
.service-box1 .center-block ul li .box-info2 p{ font-size: 1rem; line-height: 1.6; text-align: justify;}
.service-box1 .center-block ul li .box-info2 i{ color: #FF4444; font-size: 14rem; font-weight: bold; font-family: impact; width: 100%; position: absolute; left: 0; bottom: -7rem; line-height: 1;}
.service-box1 .center-block ul li:hover .box-info2{ opacity: 1; transform: translate(0,0);}

.service-box2{ padding: 4.375rem 0 5.625rem; background: url(../image/se2_bg.jpg) no-repeat center; background-size: cover;}
.service-box2 .center-block ul{ margin: 3.125rem -1rem 0;}
.service-box2 .center-block ul li{ width: 33.33%; float: left; padding: 0 1rem; margin-top: 2rem;}
.service-box2 .center-block ul li .center-block{ background: #fff; height: 16.5rem; padding: 2.25rem 0 2.25rem 1.5rem;}
.service-box2 .center-block ul li .center-block .between-top{ background: url(../image/icon_4.png) no-repeat; background-size: 2.625rem; padding: 1.25rem 3.75rem;}
.service-box2 .center-block ul li .center-block .between-top .pull-left{ width: 100%; flex: 1; padding-right: 2.1875rem;}
.service-box2 .center-block ul li .center-block .between-top .pull-left span{ display: block; font-size: 1.75rem; font-weight: bold;}
.service-box2 .center-block ul li .center-block .between-top .pull-left p{ font-size: 1rem; line-height: 1.8; margin-top: 1.25rem;}
.service-box2 .center-block ul li .center-block .between-top .pull-right{ width: 6.875rem; margin-top: 2rem;}
.service-box2 .center-block ul li .center-block .between-top .pull-right img{}
.service-box2 .center-block ul li .center-block:hover .between-top .pull-right img{ transition: all .6s; transform: rotateY(360deg);}

.service-box3{ padding: 4.375rem 0 5.3125rem; background: #F5F7FE;}
.service-box3 .center-block{ margin-top: 3.4375rem;}
.service-box3 .center-block ul li{ width: 20%; float: left; position: relative; padding: 1px;}
.service-box3 .center-block ul li::after{ content: ''; width: 2.875rem; height: 2.875rem; background: url(../image/icon_jt4.png) no-repeat center #fff; background-size: 0.8125rem; border-radius: 100%; box-shadow: 0 0 0.625rem rgba(255,8,8,0.1); position: absolute; top: 50%; left: -1.4375rem; margin-top: -1.4375rem; z-index: 2;}
.service-box3 .center-block ul li:first-child::after{ display: none;}
.service-box3 .center-block ul li .box1{ width: 100%; height: 18.9375rem; background: #fff; text-align: center; padding: 2.5rem 0;}
.service-box3 .center-block ul li .box1 span{ font-size: 1.5rem; font-weight: bold; color: #999;}
.service-box3 .center-block ul li .box1 i img{ height: 4.375rem;}
.service-box3 .center-block ul li .box1 p{ font-size: 1.25rem;}
.service-box3 .center-block ul li .box2{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; text-align: center; padding: 3rem 0; background: #fff; transition: all .6s; opacity: 0; transform: translate(0,4.375rem); pointer-events: none;}
.service-box3 .center-block ul li .box2::after{ content: ''; width: 100%; height: 100%; border: 1px solid #FF0808; position: absolute; left: 0; top: 0; opacity: 0; transition: all .6s;}
.service-box3 .center-block ul li .box2 i img{ height: 4.375rem;}
.service-box3 .center-block ul li .box2 span{ font-size: 1.25rem;}
.service-box3 .center-block ul li .box2 p{ font-size: 1rem;}
.service-box3 .center-block ul li:hover .box2{ opacity: 1; transform: translate(0,0);}
.service-box3 .center-block ul li:hover .box2::after{ transition: all .6s ease .3s; opacity: 1;}
.service-box3 .center-block ul:nth-child(2n) li{ float: right;}
.service-box3 .center-block ul:nth-child(2n) li::after{ left: auto; right: -1.4375rem; transform: rotate(180deg);}
.service-box3 .center-block ul:nth-child(2n) li:first-child::after{ display: block; right: 50%; margin: 0 -1.4375rem 0 0; top: -1.4375rem; transform: rotate(90deg);}

.advantage-box1{ padding: 4.25rem 0;}
.advantage-box1 .center-block{ position: relative; margin-top: 4rem;}
.advantage-box1 .center-block em{ width: 6.5625rem; height: 6.5625rem; background: url(../image/icon_5.png) no-repeat center; background-size: auto 100%; position: absolute; left: 100%; top: 50%; margin: -3.28125rem 0 0 -0.8rem; z-index: 10;}
.advantage-box1 .center-block .pull-left{ width: 48.5%; position: absolute; left: 0; top: 0; z-index: 3; box-shadow: 0 0 50px rgba(0,0,0,0.3);}
.advantage-box1 .center-block .pull-left::after{ content: ''; width: 100%; height: 100%; background: url(../image/ad1_bg.png) no-repeat right top #2C303B; background-size: 12.8125rem; position: absolute; right: 0; top: 0;}
.advantage-box1 .center-block .pull-left::before{ content: ''; width: 80px; height: 100%; background: #2C303B; position: absolute; left: 100%; top: 0; transform: skewX(-10deg); margin-left: -40px; box-shadow: 0 0 50px rgba(0,0,0,0.3);}
.advantage-box1 .center-block .pull-right{ width: 48.7%; margin-top: 1.5rem; position: relative;}
.advantage-box1 .center-block .pull-right::after{ content: ''; width: 100%; height: 100%; background: #656B78; position: absolute; right: 0; top: 0;}
.advantage-box1 .center-block .pull-right::before{ content: ''; width: 80px; height: 100%; background: #656B78; position: absolute; right: 100%; top: 0; transform: skewX(-10deg); margin-right: -40px;}
.advantage-box1 .center-block .box-info{ height: 28.125rem; padding: 2.3125rem 5rem; position: relative; z-index: 2; color: #fff;}
.advantage-box1 .center-block .box-info .box1{ font-size: 1.875rem; text-align: center;}
.advantage-box1 .center-block .box-info .box2{ font-size: 1.125rem; line-height: 2; margin-top: 2.8125rem;}

.advantage-box2{ padding: 5.3125rem 0; background: url(../image/ad2_bg.jpg) no-repeat center fixed; background-size: cover;}
.advantage-box2 .center-block ul{ margin: 2.5rem -0.9375rem 0;}
.advantage-box2 .center-block ul li{ width: 33.33%; float: left; padding: 0 0.9375rem; margin-top: 2.5rem;}
.advantage-box2 .center-block ul li .center-block{ width: 100%; background-position: top; background-size: cover; background-repeat: no-repeat; background-color: #FF1B1B; padding-right: 3.125rem; transition: all .9s;}
.advantage-box2 .center-block ul li .center-block .box1{ line-height: 5.3125rem; color: #fff; font-size: 1.875rem; padding: 0 1.5rem; transition: all .6s;}
.advantage-box2 .center-block ul li .center-block .box2{ background: #fff; height: 13rem; padding: 0.6rem 1rem 0 1.25rem; border-top-right-radius: 40px;}
.advantage-box2 .center-block ul li .center-block .box2 p{ display: block; position: relative; margin-top: 1.25rem; font-size: 1.125rem; padding-left: 1rem;}
.advantage-box2 .center-block ul li .center-block .box2 p::after{ content: ''; width: 6px; height: 6px; background: #333; position: absolute; left: 0; top: 0.6rem; border-radius: 100%;}
.advantage-box2 .center-block ul li:nth-child(1) .center-block{ background-image: url(../image/ad2_bg1.jpg);}
.advantage-box2 .center-block ul li:nth-child(2) .center-block{ background-image: url(../image/ad2_bg2.jpg);}
.advantage-box2 .center-block ul li:nth-child(3) .center-block{ background-image: url(../image/ad2_bg3.jpg);}
.advantage-box2 .center-block ul li:nth-child(4) .center-block{ background-image: url(../image/ad2_bg4.jpg);}
.advantage-box2 .center-block ul li:nth-child(5) .center-block{ background-image: url(../image/ad2_bg5.jpg);}
.advantage-box2 .center-block ul li:nth-child(6) .center-block{ background-image: url(../image/ad2_bg6.jpg);}
.advantage-box2 .center-block ul li:hover .center-block{ background-position: 20px 0;}
.advantage-box2 .center-block ul li:hover .center-block .box1{ transform: translate(0.8rem,0);}

.news-box1{ background: url(../image/ne1_bg.jpg) no-repeat center; background-size: cover; position: relative; padding-top: 100px;}
.news-box1 .w-1200{ position: relative; z-index: 2;}
.news-box1 .swiper-container{ margin-top: 5rem;}
.news-box1 .swiper-container .swiper-slide .pull-left{ width: 35.625rem; height: 20.9375rem; position: relative;}
.news-box1 .swiper-container .swiper-slide .pull-left img{ width: 100%; height: 100%; display: block; object-fit: cover; transition: all .6s;}
.news-box1 .swiper-container .swiper-slide .pull-left i{ width: 3.125rem; height: 3.75rem; background: url(../image/icon_6.png) no-repeat right top; position: absolute; right: 0; top: 0;}
.news-box1 .swiper-container .swiper-slide .pull-right{ width: 100%; flex: 1; padding:0 1rem 0 2.5rem; color: #fff; font-size: 1rem;}
.news-box1 .swiper-container .swiper-slide .pull-right .box1{ font-size: 2.25rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.news-box1 .swiper-container .swiper-slide .pull-right .box2{ margin: 2rem 0; line-height: 2;  overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.news-box1 .swiper-container .swiper-slide .pull-right .box3{ margin-top: 3rem;}
.news-box1 .swiper-container .swiper-slide .pull-right .box3 .f-l{ background: url(../image/icon_7_w.png) no-repeat left; padding-left: 24px; line-height: 22px; height: 20px;}
.news-box1 .swiper-container .swiper-slide .pull-right .box3 .f-r{ border: 1px solid #fff; border-radius: 50px; padding: 0 1.75rem;}
.news-box1 .swiper-container .swiper-slide .pull-right .box3 .f-r span{ display: inline-block; line-height: 2.5rem; padding: 0 1rem 0 0; background: url(../image/icon_jt6.png) no-repeat right; background-size: 0.5rem; color: #fff; font-size: 14px;}
.news-box1 .swiper-btns{ float: right; margin-top: 2rem; background: rgba(0,0,0,0.5);}
.news-box1 .swiper-btns .swiper-button-next,.news-box1 .swiper-btns .swiper-button-prev{ position: relative; left: auto; right: auto; top: auto; margin: 0; width: 3.75rem; height: 3.4375rem; opacity: 1; transition: all .6s;}
.news-box1 .swiper-btns .swiper-button-next::after,.news-box1 .swiper-btns .swiper-button-prev::after{ color: rgba(255,255,255,0.22); font-size: 1.5rem; font-weight: bold; transition: all .6s;}
.news-box1 .swiper-btns .swiper-button-next:hover,.news-box1 .swiper-btns .swiper-button-prev:hover{ background: #fff;}
.news-box1 .swiper-btns .swiper-button-next:hover::after,.news-box1 .swiper-btns .swiper-button-prev:hover::after{ color: #D81E06;}
.news-box1 .swiper-btns .swiper-pagination{ position: relative; bottom: 0; display: flex; align-items: center; justify-content: space-between; padding: 0 0.9375rem;}
.news-box1 .swiper-btns .swiper-pagination .swiper-pagination-bullet{ width: 7px; height: 7px; background: rgba(255,255,255,0.2); margin: 0 0.9375rem; transition: all .6s; opacity: 1;}
.news-box1 .swiper-btns .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 11px; height: 11px; background: #fff;}

.crumbs-box{ padding: 2.5rem 0 0; font-size: 1rem; color: #898989;}
.crumbs-box a{ color: #898989;}
.crumbs-box a:hover,.crumbs-box a.active{ color: #D81E06;}

.news-box2{ background: #f7f7f7;}
.news-box2 .center-block ul{ margin: 0 -1.25rem;}
.news-box2 .center-block ul li{ width: 25%; float: left; padding: 0 1.25rem; margin-top: 2.5rem;}
.news-box2 .center-block ul li a{ width: 100%; float: left; background: #fff;}
.news-box2 .center-block ul li a .imgs{ height: 15rem; overflow: hidden;}
.news-box2 .center-block ul li a .imgs img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: all .6s;}
.news-box2 .center-block ul li a .info{ padding: 1.25rem 1.5rem;}
.news-box2 .center-block ul li a .info .box1{ font-size: 1.375rem; color: #333; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 3.625rem; transition: all .6s;}
.news-box2 .center-block ul li a .info .box2{ font-size: 14px; color: #999; margin: 0.75rem 0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 38px; transition: all .6s;}
.news-box2 .center-block ul li a .info .box3{ background: url(../image/icon_jt5.png) no-repeat 99% center; background-size: auto 80%; line-height: 30px; transition: all .6s;}
.news-box2 .center-block ul li a .info .box3 span{ color: #999; background: url(../image/icon_7.png) no-repeat left; padding-left: 24px; transition: all .6s;}
.news-box2 .center-block ul li a:hover{ background: #D81E06; box-shadow: 0 0 0.8rem rgba(0,0,0,0.1);}
.news-box2 .center-block ul li a:hover .imgs img{ transform: scale(1.1);}
.news-box2 .center-block ul li a:hover .info .box1,.news-box2 .center-block ul li a:hover .info .box2{ color: #fff;}
.news-box2 .center-block ul li a:hover .info .box3{ background-image: url(../image/icon_jt5_w.png);}
.news-box2 .center-block ul li a:hover .info .box3 span{ background-image: url(../image/icon_7_w.png); color: #fff;}

#canvas_box{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #b80000;}
#canvas_box #anitOut{ width: 100%; height: 100%; float: left;}
#canvas_box #anitOut canvas{ width: 100% !important; height: 100% !important;}

.news-info1{ position: relative; padding-top: 100px;}
.news-info1 .w-1200{ position: relative; z-index: 2;}
.social-share .social-share-icon{ color: #fff !important; border-color: #fff !important;}
.news-info1 .box-info1{ font-size: 2.8125rem; text-align: center; color: #fff; padding: 3rem 0;}
.news-info1 .box-info2{ border-top: 1px solid rgba(255,255,255,0.2); padding: 1.25rem 0; color: #fff; font-size: 1rem;}
.news-info1 .box-info2 .box1 span{ background-position: left; background-repeat: no-repeat;}
.news-info1 .box-info2 .box1 span+span{ margin-left: 2.5rem;}
.news-info1 .box-info2 .box1 span.icon1{ background-image: url(../image/icon_7_w.png); padding-left: 24px;}
.news-info1 .box-info2 .box1 span.icon2{ background-image: url(../image/icon_8.png); padding-left: 25px;}
.news-info1 .box-info2 .box2 span{ cursor: pointer;}

.news-info2{ padding: 2rem 0;}
.news-info2 .w-90{ display: flex;}
.news-info2 .pull-left{ width: 100%; flex: 1; padding-right: 3.75rem; line-height: 2; font-size: 1rem; text-align: justify;}
.news-info2 .pull-left div a{ transition: none;}
.news-info2 .pull-right{ width: 22rem;}
.news-info2 .pull-right .box1{ border-bottom: 1px solid #E9E9E9; height: 2.5rem;}
.news-info2 .pull-right .box1 span{ float: left; font-size: 1.375rem; height: 2.5rem; border-bottom: 3px solid #D80011;}
.news-info2 .pull-right .box2{ padding: 0.5rem 0 3rem;}
.news-info2 .pull-right .box2 a{ float: left; border: 1px solid #DBDBDB; margin: 0.75rem 0.625rem 0 0; line-height: 1.75rem; padding: 0 0.625rem; font-size: 1rem;}
.news-info2 .pull-right .box2 a:hover{ border-color: #D80011; color: #D80011;}
.news-info2 .pull-right .box3{ margin-top: 1.75rem; position: relative;}
.news-info2 .pull-right .box3::after{ content: ''; width: 1px; height: 100%; background: #C9C9C9; position: absolute; left: 3px; top: 5px;}
.news-info2 .pull-right .box3 ul li{ width: 100%; float: left; padding-left: 18px; position: relative; z-index: 2;}
.news-info2 .pull-right .box3 ul li::after{ content: ''; width: 7px; height: 7px; background: #C9C9C9; border-radius: 100%; position: absolute; left: 0; top: 4px; transition: all .6s;}
.news-info2 .pull-right .box3 ul li a{ width: 100%; float: left; margin-bottom: 2.25rem;}
.news-info2 .pull-right .box3 ul li a span{ display: block; font-size: 14px; color: #999; transition: all .6s;}
.news-info2 .pull-right .box3 ul li a p{ font-size: 1rem; color: #666; margin-top: 0.3rem; transition: all .6s;}
.news-info2 .pull-right .box3 ul li:last-child a{ margin-bottom: 0;}
.news-info2 .pull-right .box3 ul li:hover::after{ background: #D80011;}
.news-info2 .pull-right .box3 ul li:hover a span{ color: #333;}
.news-info2 .pull-right .box3 ul li:hover a p{ color: #D80011;}

.news-info3{ border-top: 1px solid #E2E2E2; padding: 1.5625rem 0;}
.news-info3 .f-l,.news-info3 .f-r{ width: 40%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news-info3 .f-r{ text-align: right;}
.news-info3 .back{ background: url(../image/icon_9.png) no-repeat left; background-size: 18px; padding-left: 30px;}
.news-info3 .back:hover{ background-image: url(../image/icon_9_h.png);}

.solution-box1{ color: #fff;}
.solution-box1 .pull-right{ width: 43%; padding-right: 2.5rem;}
.solution-box1 span{ display: block; font-size: 2.25rem !important;}
.solution-box1 p{ font-size: 1.125rem !important; margin-top: 1.75rem; line-height: 1.6;}
.solution-box1 a{ display: inline-block; padding: 0 1.25rem; background: #fff; border-radius: 50px; text-align: center; font-size: 1rem; margin-top: 2.5rem;}
.solution-box1 a i{ display: inline-block; line-height: 2.375rem; background:  url(../image/icon_jt4.png) no-repeat right; background-size: 0.5rem; padding: 0 1rem 0 0; color: #FF7676; transition: all .6s;}
.solution-box1 a:hover{ background: #D80011;}
.solution-box1 a:hover i{ background-image: url(../image/icon_jt6.png); color: #fff;}

.solution-box2{ padding: 0 0 8.125rem; background: #fafafa;}
.solution-box2 .all-title1{ margin-top: 3.125rem;}
.solution-box2 .top-box{ margin-top: 3.125rem;}
.solution-box2 .top-box ul li{ width: 33.33%; float: left; padding: 1px; position: relative;}
.solution-box2 .top-box ul li .box-info1{ height: 20rem; background: #fff; padding: 2.5rem 1.5rem 0;}
.solution-box2 .top-box ul li .box-info1 i{ display: block;}
.solution-box2 .top-box ul li .box-info1 i img{ height: 2.375rem;}
.solution-box2 .top-box ul li .box-info1 span{ display: block; font-size: 1.75rem; font-weight: bold; padding: 1.625rem 0 1rem;}
.solution-box2 .top-box ul li .box-info1 p{ font-size: 1.125rem; line-height: 1.8; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.solution-box2 .top-box ul li .box-info2{ width: 100%; height: 20rem; background: #fff; border: 1px solid #FF1515; position: absolute; left: 0; top: 0; padding: 1.625rem 1.5rem 0; transition: all .6s; opacity: 0;}
.solution-box2 .top-box ul li .box-info2::after{ content: ''; width: 5.375rem; height: 5.375rem; background: url(../image/icon_hot.png) no-repeat center; background-size: 100%; position: absolute; left: 0; top: 0;}
.solution-box2 .top-box ul li .box-info2 .box1 span{ font-size: 1.75rem; font-weight: bold;}
.solution-box2 .top-box ul li .box-info2 .box1 img{ height: 5.5rem; opacity: 0.2;}
.solution-box2 .top-box ul li .box-info2 .box2{ font-size: 1.125rem; line-height: 1.8; margin-top: 1.5rem; max-height: 8rem; overflow: auto;}
.solution-box2 .top-box ul li .box-info2 .box3{ width: 100%; line-height: 3.3125rem; background: #FF1515; color: #fff; font-size: 1.125rem; position: absolute; left: 0; bottom: 0; text-align: center;}
.solution-box2 .top-box ul li:hover{ z-index: 2;}
.solution-box2 .top-box ul li:hover .box-info2{ opacity: 1; top: -1.25rem; height: 22.5rem;}
.solution-box2 .top-box ul li:hover .box-info2 .box1 img{ transform: rotateY(360deg); transition: all .6s;}
.solution-box2 .top-box.style2 ul li{ width: 25%;}

.solution-box2 .lower-box ul li{ width: 27%; float: left; padding: 0 4.375rem; position: relative; margin-top: 4.375rem;}
.solution-box2 .lower-box ul li::after{ content: ''; width: 1px; height: 13.125rem; background: #e3e3e3; position: absolute; left: 0; top: 50%; margin-top: -6.5625rem;}
.solution-box2 .lower-box ul li:first-child{ padding-left: 0; width: 23%;}
.solution-box2 .lower-box ul li:first-child::after{ display: none;}
.solution-box2 .lower-box ul li:nth-child(4n){ padding-right: 0; width: 23%;}
.solution-box2 .lower-box ul li:nth-child(4n+1){ padding-left: 0; width: 23%;}
.solution-box2 .lower-box ul li:nth-child(4n+1)::after{ display: none;}
.solution-box2 .lower-box ul li .box1{ transition: all .6s;}
.solution-box2 .lower-box ul li .box1 span{ font-size: 2.25rem; font-weight: bold; color: #BFBEBE;}
.solution-box2 .lower-box ul li .box1 i{ width: 100%; flex: 1; padding-left: 1.4rem;}
.solution-box2 .lower-box ul li .box1 i img{ height: 3.75rem;}
.solution-box2 .lower-box ul li .box2{ font-size: 1.75rem; font-weight: bold; color: #000; margin: 1.75rem 0 1rem;}
.solution-box2 .lower-box ul li .box3 p{ background: url(../image/icon_10.png) no-repeat; background-size: 23px; line-height: 23px; padding-left: 34px; height: 46px; margin-top: 1.25rem;}
.solution-box2 .lower-box ul li:hover .box1{ margin-top: -15px;}
.solution-box2 .lower-box ul li:hover .box1 i img{ transform: rotateY(360deg); transition: all .6s;}

.solution-box3 .center-block{ padding: 5.3125rem 0;}
.solution-box3 .center-block .imgs{ width: 50%; float: left; text-align: center;}
.solution-box3 .center-block .info{ width: 50%; float: right; padding-left: 3.75rem;}
.solution-box3 .center-block .info .box1{ display: flex;}
.solution-box3 .center-block .info .box1 img{ width: 34px; height: 34px; object-fit: contain; float: left;}
.solution-box3 .center-block .info .box1 span{ width: 100%; flex: 1; color: #000; line-height: 34px; font-size: 2rem; font-weight: bold; padding-left: 1.5rem;}
.solution-box3 .center-block .info .box2{ font-size: 16px; padding: 1.125rem 0; line-height: 1.6; text-align: justify;}
.solution-box3 .center-block .info .box3{ display: flex; margin-top: 17px;}
.solution-box3 .center-block .info .box3 img{ height: 27px;}
.solution-box3 .center-block .info .box3 p{ width: 100%; flex: 1; line-height: 27px; padding-left: 15px; font-size: 14px;}
.solution-box3 .center-block:nth-child(2n){ background: #F9F9F9;}
.solution-box3 .center-block:nth-child(2n) .imgs{ float: right;}
.solution-box3 .center-block:nth-child(2n) .info{ float: left; padding: 0 3.75rem 0 0;}

.solution-box4{ height: 39.1875rem; padding-bottom: 2rem;}
.solution-box4 .pull-left{ width: 42%;}

.solution-box5{ padding: 3.125rem 0;}
.solution-box5 .center-block{ position: relative; margin-top: 3.4375rem;}
.solution-box5 .box-info1 img{ max-height: 38.6875rem; margin: auto;}
.solution-box5 .box-info2{ position: absolute; left: 0; top: 0;	height: 100%;}
.solution-box5 .box-info2 .box-info3{ padding: 0 1.25rem;}
.solution-box5 .box-info2 .box-info4{ padding: 0 4.6875rem; margin-top: 4.375rem;}
.solution-box5 .box-info5{ width: 31rem; height: 8rem; background: #fff; box-shadow: 0.2rem 0.2rem 1rem rgba(0,0,0,0.1); padding-right: 0.6rem;}
.solution-box5 .box-info5:nth-child(2n){ padding: 0 0 0 0.6rem;}
.solution-box5 .box-info5 img{ height: 4rem;}
.solution-box5 .box-info5 div{ width: 100%; flex: 1; padding: 0 1.25rem;}
.solution-box5 .box-info5 div span,.solution-box5 .box-info5 div h2{ display: block; font-size: 1.5rem;}
.solution-box5 .box-info5 div p{ font-size: 1rem; color: #666; margin-top: 0.75rem;}
.solution-box5 .box-info5:hover img{ transform: rotateY(360deg); transition: all .6s;}

.solution-box6{  padding: 3.125rem 0;}
.solution-box6 .pull-left,.solution-box6 .pull-right{ width: 50%; margin-top: 3.4375rem;}
.solution-box6 .pull-left{ text-align: center; padding: 0 1.875rem;}
.solution-box6 .pull-right{ padding: 0 1.875rem;}
.solution-box6 .pull-right ul{ margin: 0 -1.25rem;}
.solution-box6 .pull-right ul li{ width: 50%; float: left; padding: 1rem 1.25rem;}
.solution-box6 .pull-right ul li div{ width: 100%; height: 16.25rem; background: #fff; border-radius: 5px; border: 1px solid #fff; box-shadow: 0.1rem 0.1rem 1rem rgba(0,0,0,0.1); padding: 0 1.2rem; transition: all .6s;}
.solution-box6 .pull-right ul li div i{ display: block;}
.solution-box6 .pull-right ul li div i img{ height: 4.375rem;}
.solution-box6 .pull-right ul li div span{ display: block; font-size: 1.5rem; margin: 1rem 0 0.5rem;}
.solution-box6 .pull-right ul li div p{ font-size: 1rem; color: #666;}
.solution-box6 .pull-right ul li div:hover{ border-color: #FF1515;}
.solution-box6 .pull-right ul li div:hover i img{ transition: all .6s; transform: rotateY(360deg);}

.solution-box7{ padding: 3.125rem 0;}
.solution-box7 .all-title1{ padding: 0 ;}
.solution-box7 .all-title1 .text-center{ width: 55rem; margin: auto;}
.solution-box7.solution-box5 .box-info5{ width: auto; box-shadow: none; background: none;}
.solution-box7.solution-box5 .box-info2 .box-info3{ padding: 0 15rem;}
.solution-box7.solution-box5 .box-info2 .box-info4{ padding: 0 8.125rem; margin: 8rem 0;}
.solution-box7.solution-box5 .box-info5 img{ height: 7rem;}
.solution-box7.solution-box5 .box-info5 div{ padding: 0; max-width: 15rem;}

.solution-box8{ padding: 3.125rem 0; }
.solution-box8 .center-block{ margin-top: 3.125rem;}
.solution-box8 .pull-left,.solution-box8 .pull-right{ width: 50%;}
.solution-box8 .pull-right{ padding-left: 1.25rem;}
.solution-box8 .pull-left{ padding-right: 1.25rem;}
.solution-box8 .pull-left ul{ margin: 0 -0.8125rem;}
.solution-box8 .pull-left ul li{ width: 50%; float: left; padding: 0.5rem 0.8125rem;}
.solution-box8 .pull-left ul li .between-center{ width: 100%; background: #fff; border-radius: 5px; border: 1px solid #fff; box-shadow: 0.1rem 0.1rem 1rem rgba(0,0,0,0.1); padding: 0 1rem 0 0.5rem; height: 8.5rem; transition: all .6s;}
.solution-box8 .pull-left ul li .between-center img{ width: 4rem;}
.solution-box8 .pull-left ul li .between-center div{ width: 100%; flex: 1; padding-left: 0.5rem;}
.solution-box8 .pull-left ul li .between-center div span{ display: block; font-size: 1.5rem;}
.solution-box8 .pull-left ul li .between-center div p{ font-size: 1.125rem; margin-top: 0.5rem;}
.solution-box8 .pull-left ul li .between-center:hover{ border-color: #FF1515;}
.solution-box8 .pull-left ul li:hover .between-center img{ transform: rotateY(360deg); transition: all .6s;}

.solution-box9{ padding: 1.25rem 0;}
.solution-box9 ul{ margin: 0 -1.25rem;}
.solution-box9 ul li{ width: 50%; float: left; padding: 1.25rem;}
.solution-box9 ul li .between-center{ border: 1px solid #E0DCDC; height: 17.5rem; position: relative; transition: all .6s; overflow: hidden;}
.solution-box9 ul li .between-center .box1{ width: 12.8125rem; position: relative; transition: all .6s;}
.solution-box9 ul li .between-center .box1 img{ height: 5.625rem; position: relative; z-index: 2; max-width: initial;}
.solution-box9 ul li .between-center .box1 img:nth-child(2){ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); margin-left: 0.5rem; opacity: 0.1;}
.solution-box9 ul li .between-center .box2{ width: 100%; flex: 1; transition: all .6s;}
.solution-box9 ul li .between-center .box2 span{ display: block; font-size: 2rem; font-weight: bold; text-transform: uppercase;}
.solution-box9 ul li .between-center .box2 p{ font-size: 1.125rem; line-height: 2; margin-top: 1rem;}
.solution-box9 ul li .between-center .box3{ width: 0; height: 100%; position: absolute; right: 0; top: 0; opacity: 0; transition: all .6s;}
.solution-box9 ul li .between-center .box3 img{ height: 11.875rem; opacity: 0.1; max-width: initial;}
@media screen and (min-width:1200px){
.solution-box9 ul li .between-center:hover{ border-color: #FF1515;}
.solution-box9 ul li .between-center:hover .box1{ width: 0; opacity: 0;}
.solution-box9 ul li .between-center:hover .box2{ padding-left: 5.5rem;}
.solution-box9 ul li .between-center:hover .box3{ width: 15rem; opacity: 1;}
}

.consult-box{ background: #fff; z-index: 95; padding: 2rem 0; position: fixed; left: 0; bottom: -250px; transition: all .6s; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.consult-box>i{ width: 50px; height: 50px; text-align: center; line-height: 50px; position: absolute; right: 0; top: 0; font-size: 30px; font-weight: bold; color: #FF1515; cursor: pointer; transition: all .6s;}
.consult-box>i:hover{ transform: rotate(180deg);}
.consult-box .top-box{ text-align: center;  font-size: 1.875rem; font-weight: bold; white-space: nowrap; margin-right: 2rem;}
.consult-box .lower-box{ display: flex;}
.consult-box .lower-box .pull-right{ width: 10rem; line-height: 70px; height: 70px; color: #fff; font-size: 1.125rem; font-weight: bold; text-align: center; cursor: pointer; background: #FF1515;}
.consult-box .lower-box .pull-left{ width: 100%; flex: 1; border: 2px solid #FF1515; height: 70px; padding: 0 2.5rem 0 1.25rem;}
.consult-box .lower-box .pull-left .box1 img{ height: 28px;}
.consult-box .lower-box .pull-left .box1 input{ width: auto; border: none; font-size: 1rem; margin-left: 1rem; height: 24px; line-height: 24px;}
.consult-box .lower-box .pull-left .box1 input.text1{ width: 150px;}
.consult-box .lower-box .pull-left .box1 input.text2{ width: 115px;}
.consult-box .lower-box .pull-left .box1 input.text3{ width: 115px;}
.consult-box .lower-box .pull-left .box1 input.text4{ width: 100px;}
.consult-box .lower-box .pull-left .box1 input.text5{ width: 251px;}
.consult-box .lower-box .pull-left .box1 input::-webkit-input-placeholder{ font-size: 1rem;}
.consult-box .lower-box .pull-left .box2{ width: 120px; height: 40px; line-height: 40px; background: #FFF3F3; color: #ff1515; font-size: 1rem; text-align: center; cursor: pointer; transition: all .6s;}
.consult-box .lower-box .pull-left .box2:hover{ background: #FF1515; color: #fff;}
.consult-box .lower-box .pull-left .box2.no-show{ background: #ccc; color: #fff; cursor: no-drop; pointer-events:none;}
.consult-box .lower-box .pull-left em{ width: 2px; height: 25px; background: #F0F0F0;}
.consult-box.active{ bottom: 0;}
.consult-box.cur{ bottom: -250px;}

.foot-box.cur{ padding-bottom: 0;}

.solution-box10{ background: #FAFAFA; padding-top: 3.125rem; display: none;}
.solution-box10 .center-block{ margin-top: 3.125rem;}

.case-box1{ background: url(../image/idea2.jpg) center; background-size: cover; padding: 100px 0 3rem; overflow: hidden;}
.case-box1 .box1{ color: #fff; padding: 2.5rem 0 2rem;}
.case-box1 .box1 span{ font-size: 3rem; display: block;}
.case-box1 .box1 p{ font-size: 1.875rem; margin-top: 0.875rem;}
.case-box1 .box2 a{ float: left; margin: 1rem 1rem 0 0; line-height: 2.25rem; color: #fff; border: 1px solid #fff; border-radius: 4px; padding: 0 2rem; font-size: 0.875rem;}
.case-box1 .box2 a:hover,.case-box1 .box2 a.active{ background: #E80404;}
.case-box2 .center-block{ margin-top: 2rem;}
.case-box2 .center-block ul{ margin: 0 -1.125rem;}
.case-box2 .center-block ul li{ width: 33.33%; float: left; padding: 0 1.125rem; margin-top: 2.25rem;}
.case-box2 .center-block ul li a{ width: 100%; float: left; position: relative; overflow: hidden;}
.case-box2 .center-block ul li a .imgs{ width: 100%; height: 20rem; position: relative; overflow: hidden;}
.case-box2 .center-block ul li a .imgs img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: all .6s;}
.case-box2 .center-block ul li a .info{ width: 100%; height: 100%; background: rgba(228,0,18,.8); position: absolute; left: 0; top: 0; transition: all .6s; text-align: center; opacity: 0;}
.case-box2 .center-block ul li a .info .box1{ position: absolute; left: 0; top: 0; transition: all .6s; opacity: 0;}
.case-box2 .center-block ul li a .info .box1 span{ display: inline-block; border-bottom: 1px solid #fff; padding-bottom: 0.75rem; font-size: 1.5rem; font-weight: bold; color: #fff;}
.case-box2 .center-block ul li a .info .box2{ position: absolute; left: 0; bottom: 0; transition: all .6s; opacity: 0;}
.case-box2 .center-block ul li a .info .box2 span{ display: inline-block; width: 2.6875rem; height:2.6875rem; background-position: center; background-repeat: no-repeat; background-size: 100%; margin: 0 0.5rem; transition: all .6s;}
.case-box2 .center-block ul li a .info .box2 span.icon1{ background-image: url(../image/icon_ca1.png);}
.case-box2 .center-block ul li a .info .box2 span.icon2{ background-image: url(../image/icon_ca2.png);}
.case-box2 .center-block ul li a .info .box2 span:hover.icon1{ background-image: url(../image/icon_ca1_h.png);}
.case-box2 .center-block ul li a .info .box2 span:hover.icon2{ background-image: url(../image/icon_ca2_h.png);}
.case-box2 .center-block ul li a .info .box2 span i{ width: 5.625rem; height: 5.625rem; background: #fff; position: absolute; right: 50%; top: 100%; margin-top: 0.8rem; margin-right: -2.8125rem; opacity: 0; pointer-events: none; transition: all .6s;}
.case-box2 .center-block ul li a .info .box2 span:hover i{ opacity: 1;}
.case-box2 .center-block ul li a:hover .info{ opacity: 1;}
.case-box2 .center-block ul li a:hover .info .box1{ top: 4.5rem; opacity: 1;}
.case-box2 .center-block ul li a:hover .info .box2{ bottom: 7.5rem; opacity: 1;}

.sidebar-right{width: 5.3125rem;position: fixed;right: 10px;top: 50%;margin-top: -8.875rem;z-index: 99;}
.sidebar-right ul li{ width: 100%; float: left; margin: 0.3125rem 0; position: relative;}
.sidebar-right ul li a{width: 100%;float: left;height: 5.3125rem;background: #D80617;color: #fff;border-radius: 0.625rem;}
.sidebar-right ul li a i{ display: block;}
.sidebar-right ul li a i img{height: 1.875rem;}
.sidebar-right ul li a:hover i img{ transform: rotateY(360deg); transition: all .6s;}
.sidebar-right ul li a p{ margin-top: 0.5rem;}
.sidebar-right ul li div{ width: 280px; position: absolute; right: 100%; top: 50%; transform: translate(0,-50%); margin-right: 15px; background: #fff; border: 3px solid #FF2626; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 8px 16px; border-radius: 10px; transition: all .6s; opacity: 0; pointer-events: none;}
.sidebar-right ul li div::after{ content: ''; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid #FF2626; position: absolute; left: 100%; top: 50%; margin-top: -7px; margin-left: 2px;}
.sidebar-right ul li div p{ font-size: 16px; border-top: 1px solid #E1E1E1; padding: 8px 0;}
.sidebar-right ul li div p i{ display: block; color: #d80617; font-size: 18px; margin-top: 2px;}
.sidebar-right ul li div p strong{ color: #D80617;}
.sidebar-right ul li div p:first-child{ border-top: none;}
.sidebar-right ul li div img{ width: 100%;}
.sidebar-right ul li:hover div{ opacity: 1;}

.sale-user{ display: none; width: 75px; position: fixed; right: 0; bottom: 80px; z-index: 98; padding: 10px; background: #fff; box-shadow: 0 0 0.625rem rgba(0,0,0,0.1); text-align: center; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.sale-user i{ display: block;}
.sale-user i img{ width: 3.75rem; height:3.75rem; border-radius:100%; object-fit:cover;}
.sale-user span{ display: block; font-weight: bold; font-size: 14px; margin: 0.5rem 0 0;}

.sale-box{ display: flex; align-items: center; justify-content: center;}
.sale-box .center-block{ max-width: 640px; width: 100%; margin: auto; display: inline-block; background: url(../image/sale_bg.png) no-repeat top; background-size: 100%; padding: 2rem 0; margin-top: 100px;}
.sale-box .center-block.no-bg{ background: none; padding: 0;}
.sale-box1{ background: url(../image/sale_bg1.jpg) no-repeat center; background-size: cover; border-radius: 0.625rem; padding: 2.5rem; box-shadow: 0 0 0.625rem rgba(0,0,0,0.1);}
.sale-box1 .box1 img{ width: 6rem; height:6rem; border-radius:100%; object-fit:cover; border: 2px solid #C7A34C;}
.sale-box1 .box1 div{ width: 100%; flex: 1; padding-left: 1.5rem;}
.sale-box1 .box1 div span{ display: block; font-size: 1.3rem; color: #826359;}
.sale-box1 .box1 div span i{ font-size: 2rem; color: #333; margin-right: 0.5rem;}
.sale-box1 .box1 div a{ font-size: 2rem; color: #333;}
.sale-box1 .box2{ margin-top: 1.875rem;}
.sale-box1 .box2 p{ text-align: center; position: relative; overflow: hidden; font-size: 1.5rem;}
.sale-box1 .box2 p::after{ content: ''; width: 50%; height: 1px; background: #CDBFA4; position: absolute; right: 50%; top: 50%; margin-right: 5rem;}
.sale-box1 .box2 p::before{ content: ''; width: 50%; height: 1px; background: #CDBFA4; position: absolute; left: 50%; top: 50%; margin-left: 5rem;}
.sale-box1 .box2 ul{ width: 100%; float: left; margin-top: 0.5rem;}
.sale-box1 .box2 ul li{ width: 50%; float: left; margin-top: 1rem; position: relative; padding-left: 0.625rem;}
.sale-box1 .box2 ul li::after{ content: ''; width: 0.3rem; height: 0.3rem; background: #BA9742; border-radius: 100%; position: absolute; left: 0; top: 50%; margin-top: -0.15rem;}

.sale-box2{ background: #fff; border-radius: 0.625rem; box-shadow: 0 0 0.625rem rgba(0,0,0,0.1); padding: 2.5rem 2rem; margin-top: 2rem;}
.sale-box2 .box2{ margin-top: 0.5rem;}
.sale-box2 .box2 a{ width: 100%; float: left; margin-top: 1.2rem; background: url(../image/icon_jt8.png) no-repeat 95% center #F2F2F2; background-size: 0.8rem; border-radius: 0.625rem; font-size: 1.2rem; padding: 0.7rem 1rem;}
.sale-box2 .box2 a img{ width: 1.8rem; height: 2.1875rem; object-fit: contain; float: left;}
.sale-box2 .box2 a span{ float: left; margin-left: 0.8rem; line-height: 2.1875rem;}

.sale-box3 .solution-box{ display: block; position: relative; top: 0; height: auto; opacity: 1; transform: translate(0,0); width: 100%; float: left; background: none;}
.sale-box3 .solution-box .pull-left .box-info{ margin-top: 2rem; overflow: hidden; box-shadow: 0 0 0.625rem rgba(0,0,0,0.1); border-radius: 0.625rem; padding: 1rem 0 2rem;}
.sale-box3 .solution-box .pull-left{ background: none; overflow: initial; padding-bottom: 0;}
.sale-box3 .solution-box .pull-left .box-info .box1 a{ text-align: center;}

.sale-box4{ width: 4.2rem; position: fixed; right: 10px; top: 50%; z-index: 98; margin-top: -3.875rem;}
.sale-box4 ul li{ width: 100%; float: left; margin: 0.5rem 0;}
.sale-box4 ul li a{ width: 100%; float: left; background: #ccc; padding: 1rem; white-space: nowrap; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.3rem; border-radius: 50px; height: 4rem;}
.sale-box4 ul li a img{ width: 2.1875rem; height: 2.1875rem;}
.sale-box4 ul li a span{ width: 100%; flex: 1; line-height: 2.1875rem; padding-left: 0.75rem; display: none;}
.sale-box4 ul li:nth-child(1) a{ background: #D41928;}
.sale-box4 ul li:nth-child(2) a{ background: #00B27E;}

.sale-box5{ background: #fff; padding: 2rem 0;}
.sale-box5 .text{ width: 100%; height: 3.125rem; float: left; background: #f1f1f1; padding: 0 1.25rem; border: none; border-radius: 10px; margin-top: 1.1rem; font-size: 1.1rem;}
.sale-box5 .btns{ width: 100%; height: 3.5rem; float: left; background: #d30100; border: none; border-radius: 10px; color: #fff; font-size: 1.2rem; margin-top: 2rem;}
.sale-box5 .tips{ padding: 1rem; font-size: 1.1rem; color: #a0a0a0;}
.sale-box5 .file{ width: 100%; background: #f1f1f1; border-radius: 10px; position: relative; margin-top: 1.1rem;}
.sale-box5 .file input{ width: 25%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0;}
.sale-box5 .file span{ width: 25%; float: left; height: 6rem; background: url(../image/se3_9.png) no-repeat center 1rem #ddd; background-size: auto 2.2rem; border-radius: 10px; text-align: center; font-size: 1.1rem; color: #666; padding-top: 3.6rem;}
.sale-box5 .file p{ width: 100%; flex: 1; color: #096dcb; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding:0 2rem;}
.sale-box5 .file i{ width: 2.2rem; height: 100%; position: absolute; right: 20px; top: 0; background: url(../image/icon_6.png) no-repeat center; background-size: 100%; display: none;}

.solution-menu .center-block{ border-bottom: 1px solid #EEEEEE; text-align: center; margin-top: 3.375rem;}
.solution-menu .center-block span{ display: inline-block; margin: 0 3.125rem; font-size: 1.5rem; padding-bottom: 1.5rem; position: relative; transition: all .6s; cursor: pointer;}
.solution-menu .center-block span::after{ content: ''; width: 0; height: 0.1875rem; background: #FF1515; position: absolute; left: 0; bottom: -1px; transition: all .6s;}
.solution-menu .center-block span.active{ color: #FF1515;}
.solution-menu .center-block span.active::after{ width: 100%;}


.case-box2.solution-box5 .all-more{ margin-top: 3rem;}

.solution-center .all-title1.style2 span{ display: none;}

.solution-box1 div i{ display: inline-block; margin: 2.1875rem 1rem 0 0; width: 6.25rem; line-height: 2rem; background: #FFC033; border-radius: 0.25rem; color: #fff; text-align: center; padding: 0 0.5rem; font-size: 1rem;}


.all-title1.style3 span{ font-size: 1.625rem;}
.all-title1.style3 p{ font-size: 1.125rem;}

.applet-box1{ padding: 2.8125rem 0 4.375rem;}
.applet-box1 .top-box ul li{ width: 20%; float: left; text-align: center; margin-top: 4.6875rem; transition: all .6s;}
.applet-box1 .top-box ul li i{ display: block;}
.applet-box1 .top-box ul li i img{ height: 5.3125rem;}
.applet-box1 .top-box ul li p{ font-size: 1.5rem; margin-top: 1.25rem;}
.applet-box1 .top-box ul li:hover{ transform: translate(0,-1.25rem);}
.applet-box1 .top-box ul li:hover i img{ transform: rotateY(360deg); transition: all .6s;}
.applet-box1 .lower-box{ text-align: center; margin-top: 4.375rem;}
.applet-box1 .lower-box a{ display: inline-block; background: #E80404; padding: 0 1.25rem;}
.applet-box1 .lower-box a span{ line-height: 3.625rem; color: #fff; font-size: 1.125rem; background: url(../image/icon_jt9.png) no-repeat right; background-size: 1.5rem; padding-right: 2.1875rem; letter-spacing: 2px;}
.applet-box1 .lower-box a:hover{ background: #ff0000;}

.applet-box2{ background: #FAFAFA; padding: 4.375rem 0;}
.applet-box2 .swiper-container{ margin-top: 5rem;}
.applet-box2 .swiper-container .swiper-slide .center-block{ height: 23.75rem; border: 2px solid #EBEBEB; padding: 0 1.5rem; text-align: center; transition: all .6s;}
.applet-box2 .swiper-container .swiper-slide .center-block i{ display: block; margin-top: 4.6875rem;}
.applet-box2 .swiper-container .swiper-slide .center-block i img{ height: 4.5rem; transition: all .6s;}
.applet-box2 .swiper-container .swiper-slide .center-block span{ display: block; font-size: 1.375rem; margin-top: 1rem; font-weight: bold;}
.applet-box2 .swiper-container .swiper-slide .center-block p{ width: 100%; margin-top: 2rem; color: #666; font-size: 0.875rem; text-align: justify;}
.applet-box2 .swiper-container .swiper-slide:hover .center-block{ border-color: #E80404;}
.applet-box2 .swiper-container .swiper-slide:hover .center-block i img{ transform: rotateY(360deg);}

.applet-box3{ padding: 4.375rem 0;}
.applet-box3 .lower-box{ margin-top: 4.0625rem;}
.applet-box3 .swiper-container{ padding: 1.25rem 1rem;}
.applet-box3 .swiper-container .swiper-slide .center-block{ height: 31.25rem; box-shadow: 0.3rem 0.3rem 1rem rgba(0,0,0,0.08); border-radius: 0.625rem; text-align: center; padding: 0 2rem;}
.applet-box3 .swiper-container .swiper-slide .center-block i{ display: block; margin-top: 5rem;}
.applet-box3 .swiper-container .swiper-slide .center-block i img{ height: 10rem; transition: all .6s;}
.applet-box3 .swiper-container .swiper-slide .center-block span{ display: block; font-size: 1.25rem; font-weight: bold; margin-top: 2.5rem;}
.applet-box3 .swiper-container .swiper-slide .center-block p{ font-size: 1rem; color: #999; margin-top: 1.125rem; text-align: justify; line-height: 1.6;}
.applet-box3 .swiper-container .swiper-slide:hover .center-block i img{ transform: rotateY(360deg);}

.applet-box4{ background: #FAFAFA; padding: 5rem 0;}
.applet-box4 .center-block{ margin-top: 4.375rem;}
.applet-box4 .center-block ul li{ text-align: center;}
.applet-box4 .center-block ul li i{ display: block;}
.applet-box4 .center-block ul li i img{ height: 5.875rem;}
.applet-box4 .center-block ul li p{ font-size: 1.125rem; margin-top: 0.625rem;}
.applet-box4 .center-block ul li em{ height: 5.875rem; display: flex; align-items: center; justify-content: center;}
.applet-box4 .center-block ul li em img{ width: 2.0625rem;}

.applet-box5{ padding: 5rem 0;}
.applet-box5 .center-block{ margin-top: 0.75rem;}
.applet-box5 .center-block ul{ margin: 0 -0.5rem;}
.applet-box5 .center-block ul li{ width: 33.33%; float: left; padding: 0 0.5rem; margin-top: 2.8125rem;}
.applet-box5 .center-block ul li a{ width: 100%; height: 29.625rem; float: left; background: url(../image/app5_bg2.jpg) no-repeat top; background-size: cover; box-shadow: 0 0 0.625rem rgba(0,0,0,0.1); color: #fff; padding: 2.125rem 1.5rem 1.5rem;}
.applet-box5 .center-block ul li a .between-top .f-l{ width: 100%; margin-top: 5.25rem; flex: 1; padding-right: 3rem;}
.applet-box5 .center-block ul li a .between-top .f-l span{ display: block; font-size: 1.875rem; position: relative; padding-bottom: 1rem;}
.applet-box5 .center-block ul li a .between-top .f-l span::after{ content: ''; width: 2.625rem; height: 0.3125rem; background: #fff; position: absolute; left: 0; bottom: 0;}
.applet-box5 .center-block ul li a .between-top .f-l p{ font-size: 0.875rem; line-height: 1.6; margin-top: 0.8125rem; text-align: justify;}
.applet-box5 .center-block ul li a .between-top .f-r{ width: 13.125rem; height: 26.625rem; background: url(../image/app5_bg.png) no-repeat center; background-size: cover; position: relative;}
.applet-box5 .center-block ul li a .between-top .f-r div{ width: 84%; height: 86%; position: absolute; left: 8%; top: 7%; border-radius: 10px; overflow: hidden;}
.applet-box5 .center-block ul li a .between-top .f-r div img{ width: 100%; height: 100%; object-fit: cover; transition: all .6s;}
.applet-box5 .center-block ul li a:hover .between-top .f-r div img{ transform: scale(1.1);}


.download-wx{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999999; background: rgba(0,0,0,0.5); text-align: center; display: none;}
.download-wx img{ width: 90%;}

.ssy-box{ padding: 4.375rem 0; background: #FFFAE1;}
.ssy-box .box2{ text-align: center; margin-top: 3.4375rem;}
.ssy-box .box2 a{ display: inline-block; width: 19.875rem; line-height: 3.625rem; background: #EF001E; color: #fff; font-size: 1.5rem; border-radius: 0.375rem;}
.ssy-box .box2 a:hover{ background: #D80617;}

.ssy-form{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999; background: rgba(0,0,0,0.5); display: none;}
.ssy-form .center-center{ width: 100%; height: 100%; float: left;}
.ssy-form .center-block{ width: 46.875rem; background: #fff; border: 0.1875rem solid #EB1212; border-radius: 1.25rem; padding: 2.5rem 7.5rem; position: relative;}
.ssy-form .center-block .btnClose{ width: 2.1875rem; height: 2.1875rem; background: url(../image/icon_close.png) no-repeat center; background-size: 100%; position: absolute; right: 1rem; top: 1rem; cursor: pointer; transition: all .6s;}
.ssy-form .center-block .btnClose:hover{ transform: rotate(180deg);}
.ssy-form .center-block .box1{ text-align: center;}
.ssy-form .center-block .box1 span{ font-size: 1.875rem; display: inline-block;}
.ssy-form .center-block .box2{ border: 1px solid #eee; border-radius: 0.625rem; padding: 0.625rem 1.25rem; margin-top: 2rem; display: flex; position: relative;}
.ssy-form .center-block .box2 img{ width: 2rem; height: 2rem; object-fit: contain;}
.ssy-form .center-block .box2 input{ width: 100%; float: left; flex: 1; border: none; height: 2rem; font-size: 16px; padding-left: 1.5rem;}
.ssy-form .center-block .box2 span{ width: auto; height: 2.5rem; line-height: 2.5rem; background: #FFF3F3; color: #ff1515; font-size: 1rem; text-align: center; cursor: pointer; transition: all .6s; position: absolute; right: 1rem; top: 50%; margin-top: -1.25rem; padding: 0 1rem; border-radius: 0.3125rem;}
.ssy-form .center-block .box2 span:hover{ background: #EB1212; color: #fff;}
.ssy-form .center-block .btns{ width: 100%; float: left; height: 3.75rem; color: #fff; font-size: 1.75rem; border-radius: 0.625rem; background: #EB1212; border: none; margin-top: 2.5rem;}

.solution-box11{ background: #FBFBFB; padding: 4rem 0 5rem;}
.solution-box11 .div-pc ul{ margin: 0 -0.8125rem;}
.solution-box11 .div-pc ul li{ width: 25%; float: left; margin-top: 1.625rem; padding: 0 0.8125rem;}
.solution-box11 .box-info{ width: 100%; height: 17.1875rem; float: left; text-align: center; background: #fff; border-radius: 1.125rem; box-shadow: 0 0 2rem rgba(0,0,0,0.05);}
.solution-box11 .box-info i{ width: 7.6875rem; height: 7.6875rem; display: inline-block; background-color: #F5F5F5; border-radius: 100%; background-position: center; background-repeat: no-repeat; background-size: 3.75rem; transition: all .6s;}
.solution-box11 .box-info i.icon1{ background-image: url(../image/web5_1.png);}
.solution-box11 .box-info i.icon2{ background-image: url(../image/web5_2.png);}
.solution-box11 .box-info i.icon3{ background-image: url(../image/web5_3.png);}
.solution-box11 .box-info i.icon4{ background-image: url(../image/web5_4.png);}
.solution-box11 .box-info i.icon5{ background-image: url(../image/web5_5.png);}
.solution-box11 .box-info i.icon6{ background-image: url(../image/web5_6.png);}
.solution-box11 .box-info i.icon7{ background-image: url(../image/web5_7.png);}
.solution-box11 .box-info i.icon8{ background-image: url(../image/web5_8.png);}
.solution-box11 .box-info p{ margin-top: 1.4rem; font-size: 1.5rem; color: #333;}
.solution-box11 .box-info:hover i{ background-color: #FF1515; transform: rotateY(360deg);}
.solution-box11 .box-info:hover i.icon1{ background-image: url(../image/web5_1_h.png);}
.solution-box11 .box-info:hover i.icon2{ background-image: url(../image/web5_2_h.png);}
.solution-box11 .box-info:hover i.icon3{ background-image: url(../image/web5_3_h.png);}
.solution-box11 .box-info:hover i.icon4{ background-image: url(../image/web5_4_h.png);}
.solution-box11 .box-info:hover i.icon5{ background-image: url(../image/web5_5_h.png);}
.solution-box11 .box-info:hover i.icon6{ background-image: url(../image/web5_6_h.png);}
.solution-box11 .box-info:hover i.icon7{ background-image: url(../image/web5_7_h.png);}
.solution-box11 .box-info:hover i.icon8{ background-image: url(../image/web5_8_h.png);}

.box-code .code-main{
	display: flex;
    align-items: center;	
}

.box-code .code-main .icon{
	margin-top: 1px;
}

.box-code span{
  	width:90px !important;
	background-color:transparent !important;
}
.box-code span img{
	width: 100% !important;
    height: 100% !important;
}
#newBridge{ z-index: 98 !important;}

.all-title1 {
    margin-top: 3.125rem;
}
.all-title1 {
    text-align: center;
    font-size: 1.5rem;
}
.scheme-architecture-box{
	width: 100%;
	float: left;
	padding: 0 0 2.25rem;
}
.scheme-architecture-box .architecture-info{
	margin-top: 2.5rem;
	background-color: #eee;
	overflow: hidden;
	display: flex;
}
.scheme-architecture-box .architecture-info .left-img{
	float: left;
	width: 65.4375rem;
}
.scheme-architecture-box .architecture-info .infos{
	float: right;
	flex: 1;
	background-color: #f9f9f9;
	border: 1px solid #eeeeee;
	padding: 2.8125rem 2.25rem;
}
.scheme-architecture-box .architecture-info .infos .top{
	border-bottom: 1px solid #e9e9e9;
}
.scheme-architecture-box .architecture-info .infos .top .title{
	font-size: 1.5rem;
	color: #333;
	margin-bottom: 1.5rem;
	font-weight: bold;
}
.scheme-architecture-box .architecture-info .infos .top .desc{
	font-size: 1.125rem;
	text-align: justify;
	line-height: 1.5;
}
.scheme-architecture-box .architecture-info .infos .top .lxwm-btn{
	display: block;
	width: 100px;
	height: 32px;
	background-color: #ff1515;
	text-align: center;
	line-height: 32px;
	font-size: 14px;
	color: #fff;
	margin-top: 1.5rem;
	transition: all .3s;
	margin-bottom: 1.875rem;
}
.scheme-architecture-box .architecture-info .infos .top .lxwm-btn:hover{
	margin-left: 10px;
}
.scheme-architecture-box .architecture-info .infos .bottom{
	margin-top: 1.875rem;
}
.scheme-architecture-box .architecture-info .infos .bottom > .title{
	font-size: 1.5rem;
	color: #333;
	font-weight: bold;
	margin-bottom: 1.25rem;
}
.scheme-architecture-box .architecture-info .infos .bottom ul li{
	margin-bottom: 1.1875rem;
}
.scheme-architecture-box .architecture-info .infos .bottom ul li h4{
	font-size: 1.125rem;
	color: #333;
	padding-left: 2.125rem;
	background: url(../image/dagou-icon.png) left center no-repeat;
	background-size: 1.3125rem .9375rem;
	transition: all .3s;
}
.scheme-architecture-box .architecture-info .infos .bottom ul li p{
	font-size: .875rem;
	color: #999;
	padding-left: 2.125rem;
	margin-top: .75rem;
}
.scheme-architecture-box .architecture-info .infos .bottom ul li:hover h4{
	margin-left: 4px;
}



.dzsw-box1{ padding: 0 0 5rem; background: url(../image/dzsw1_bg.jpg) center; background-size: cover;}
.dzsw-box1 .center-block{ margin-top: 3.4375rem;}
.dzsw-box1 .center-block .pull-left{ width: 27.75rem; font-size: 1.5rem; line-height: 2; text-indent: 2rem;}

.dzsw-box2{ background: #F5F5F5; padding: 0 0 4.0625rem;}
.dzsw-box2 .center-block ul{ margin: 1rem -1rem 0;}
.dzsw-box2 .center-block ul li{ width: 33.33%; float: left; padding: 0 1rem; margin-top: 2rem;}
.dzsw-box2 .center-block ul li a{ width: 100%; height: 10rem; float: left; padding: 0 1.5625rem; background: #fff; border-radius: 0.625rem;}
.dzsw-box2 .center-block ul li a img{ width: 5.375rem; height: 5.375rem; transition: all .6s;}
.dzsw-box2 .center-block ul li a div{ width: 100%; flex: 1; padding-left: 1.5rem; color: #333;}
.dzsw-box2 .center-block ul li a div h2{ display: block; font-size: 1.5rem; transition: all .6s;}
.dzsw-box2 .center-block ul li a div p{ margin-top: 0.625rem; font-size: 1.125rem;}
.dzsw-box2 .center-block ul li a:hover{ box-shadow: 0 0 1.5rem rgba(0,0,0,0.06);}
.dzsw-box2 .center-block ul li a:hover div span{ color: #FF1515;}
.dzsw-box2 .center-block ul li a:hover img{ transform: rotateY(360deg);}

.dzsw-box3{ padding-bottom: 3.75rem;}
.dzsw-box3 .center-block{ margin-top: 2.8125rem;}
.dzsw-box3 .center-block ul{ margin: 0 -0.9375rem;}
.dzsw-box3 .center-block ul li{ width: 25%; float: left; padding: 0 0.9375rem; margin-top: 1.875rem;}
.dzsw-box3 .center-block ul li a{ width: 100%; float: left; height: 24.625rem; background: #fff; padding: 2.8125rem 4.375rem 0; box-shadow: 0 0 1rem rgba(0,0,0,0.08); border-radius: 0.625rem; text-align: center; position: relative;}
.dzsw-box3 .center-block ul li a::after{ content: ''; width: 0; height: 3px; background: #FF1515; position: absolute; left: 0; bottom: 0; transition: all .6s;}
.dzsw-box3 .center-block ul li a i{ display: flex; align-items: center; justify-content: center; margin: auto; width: 6.25rem; height: 6.25rem; border-radius: 2.0625rem; background: #F7F7F7;}
.dzsw-box3 .center-block ul li a i img{ height: 3.125rem; filter: grayscale(100%); opacity: 0.5; transition: all .6s;}
.dzsw-box3 .center-block ul li a h2{ display: block; padding: 2.1875rem 0 0.875rem; font-size: 1.5rem; font-weight: bold; color: #333;}
.dzsw-box3 .center-block ul li a p{ font-size: 1.125rem; line-height: 1.8; color: #333;}
.dzsw-box3 .center-block ul li a:hover i img{ transform: rotateY(360deg); opacity: 1; filter: grayscale(0);}
.dzsw-box3 .center-block ul li a:hover::after{ width: 100%;}

.dzsw-box4 .center-block{ padding: 2.5rem 0 5rem;}

.dzsw-box5.dzsw-box3{ background: #F5F5F5;}
.dzsw-box3 .center-block ul li a i{ background: none; height: auto;}
.dzsw-box3 .center-block ul li a i img{ height: 4.375rem; opacity: 1; filter: grayscale(0);}

.dzsw-box6 .center-block{ margin-top: 1.5rem; padding-bottom: 4.375rem;}
.dzsw-box6 .center-block ul{ margin: 0 -0.5625rem;}
.dzsw-box6 .center-block ul li{ width: 25%; float: left; padding: 0 0.5625rem; margin-top: 1.125rem;}
.dzsw-box6 .center-block ul li a{ width: 100%; float: left; height: 8.125rem; background: #fff; box-shadow: 0 0.3125rem 1.5rem rgba(0,0,0,0.08); border-radius: 0.625rem;}
.dzsw-box6 .center-block ul li a .f-l{ width: 40%; text-align: right;}
.dzsw-box6 .center-block ul li a .f-l img{ height: 2.8125rem; transition: all .6s;}
.dzsw-box6 .center-block ul li a .f-r{ width: 60%; font-size: 1.5rem; padding-left: 0.75rem;}
.dzsw-box6 .center-block ul li a .f-r h2{ font-size: 1.5rem;}
.dzsw-box6 .center-block ul li a:hover .f-l img{ transform: rotateY(360deg);}

.dzsw-box7{ background: url(../image/dzsw7_bg.jpg) bottom; background-size: cover; padding: 3.75rem 0 5rem;}
.dzsw-box7 .pull-left{ width: 43.125rem; padding-bottom: 6rem;}
.dzsw-box7 .pull-left h2{ display: block; font-size: 2.25rem; font-weight: bold;}
.dzsw-box7 .pull-left p{ font-size: 1.5rem; line-height: 1.8; margin-top: 1.25rem;}
.dzsw-box7 .pull-right{ width: 43%;}

.dzsw-box8{ background: #F9F9F9;}
.dzsw-box8 .center-block{ padding: 3rem 0 3.75rem;}
.dzsw-box8 .center-block ul{ margin: 0 -0.5625rem;}
.dzsw-box8 .center-block ul li{ width: 25%; float: left; padding: 0 0.5625rem; margin-top: 1.125rem;}
.dzsw-box8 .center-block ul li a{ width: 100%; height: 13.4375rem; background: #fff; padding: 0 1.25rem;}
.dzsw-box8 .center-block ul li a div{ width: 100%; flex: 1; padding-right: 2rem;}
.dzsw-box8 .center-block ul li a div h2{ display: block; font-size: 1.5rem; font-weight: bold;}
.dzsw-box8 .center-block ul li a div p{ margin-top: 1rem; font-size: 1.125rem; line-height: 1.6; color: #333; text-align: justify;}
.dzsw-box8 .center-block ul li a img{ height: 4.375rem; transition: all .6s;}
.dzsw-box8 .center-block ul li a:hover img{ transform: rotateY(360deg);}

.dzsw-box9.dzsw-box8{ background: #fff;}
.dzsw-box9.dzsw-box8 .center-block ul li a{ box-shadow: 0 0.3rem 1.5rem rgba(0,0,0,0.1); border-radius: 0.625rem; height: 11.25rem; padding: 0 2.1875rem 0;}
.dzsw-box9.dzsw-box8 .center-block ul li a div{ padding: 0 0 0 1.5rem;}
.dzsw-box9.dzsw-box8 .center-block ul li a div p{ height: 5.25rem;}

.dzsw-box11{ background: #F9F9F9; padding-bottom: 3.5rem;}
.dzsw-box11 .center-block ul li{ width: 25%; float: left; text-align: center; margin-top: 4.0625rem;}
.dzsw-box11 .center-block ul li i{ display: flex; align-items: center; justify-content: center; width: 15.625rem; height: 15.625rem; background: #FF1515; border-radius: 100%; border: 2.0625rem solid #F9EDED; margin: auto;}
.dzsw-box11 .center-block ul li i img{ height: 3.4375rem; transition: all .6s;}
.dzsw-box11 .center-block ul li h2{ font-size: 1.125rem; margin-top: 1.25rem; transition: all .6s;}
.dzsw-box11 .center-block ul li:hover i img{ transform: rotateY(360deg);}
.dzsw-box11 .center-block ul li:hover h2{ color: #FF1515;}

.dzsw-box12 .center-block{ padding: 4.5rem 0;}
.dzsw-box12 .center-block ul li{ width: 25%; float: left; text-align: center; padding: 0 5rem;}
.dzsw-box12 .center-block ul li i{ display: block;}
.dzsw-box12 .center-block ul li i img{ height: 3.5rem;}
.dzsw-box12 .center-block ul li h2{ font-size: 1.5rem; font-weight: bold; padding: 1.8rem 0 0.625rem;}
.dzsw-box12 .center-block ul li p{ font-size: 1.125rem; line-height: 1.8; text-align: left;}

.dzsw-box13{ background: #F5F5F5;}

.dzsw-box14 .center-block{ padding: 3.75rem 0 5rem;}
.dzsw-box14 .center-block ul{ margin: 0 -0.625rem;}
.dzsw-box14 .center-block ul li{ width: 16.66%; float: left; padding: 0 0.625rem; margin-top: 1.25rem;}
.dzsw-box14 .center-block ul li a{ width: 100%; float: left; height: 18.125rem; padding: 2.8125rem 2rem 0; text-align: center; border-radius: 0.625rem; box-shadow: 0 0 1rem rgba(0,0,0,0.1);}
.dzsw-box14 .center-block ul li a i{ display: block;}
.dzsw-box14 .center-block ul li a i img{ height: 3.75rem; transition: all .6s;}
.dzsw-box14 .center-block ul li a h2{ font-size: 1.5rem; margin: 1.5rem 0 1rem;}
.dzsw-box14 .center-block ul li a p{ font-size: 1.125rem; line-height: 1.8; color: #333;}
.dzsw-box14 .center-block ul li a:hover i img{ transform: rotateY(360deg);}

.dzsw-box17 .center-block{ padding: 4.375rem 0;}
.dzsw-box17 .center-block ul{ margin: 0 -0.8125rem;}
.dzsw-box17 .center-block ul li{ width: 25%; float: left; margin-top: 1.625rem; padding: 0 0.8125rem;}
.dzsw-box17 .center-block ul li a{ width: 100%; float: left; height: 24.375rem; border-radius: 0.625rem; box-shadow: 0 0 1.5rem rgba(0,0,0,0.1); padding: 3.4375rem 4.0625rem 0; text-align: center;}
.dzsw-box17 .center-block ul li a i{ display: block;}
.dzsw-box17 .center-block ul li a i img{ height: 3.75rem; transition: all .6s;}
.dzsw-box17 .center-block ul li a h2{ font-size: 1.5rem; padding: 1.25rem 0;}
.dzsw-box17 .center-block ul li a p{ text-align: left;}
.dzsw-box17 .center-block ul li a p span{ width: 45%; float: left; padding-left: 1.5rem; line-height: 2.375rem; position: relative; color: #333;}
.dzsw-box17 .center-block ul li a p span:nth-child(2n){ float: right;}
.dzsw-box17 .center-block ul li a p span::after{ content: ''; width: 0.625rem; height: 0.625rem; background: #FE4E4A; border-radius: 100%; position: absolute; left: 0; top: 50%; margin-top: -0.3125rem;}
.dzsw-box17 .center-block ul li a:hover i img{ transform: rotateY(360deg);}

.dzsw-box18 .center-block{ padding: 3.4375rem 0;}
.dzsw-box18 .center-block .pull-left{ width: 48.125rem;}
.dzsw-box18 .center-block .pull-left ul li{ width: 33.33%; float: left; padding: 1.75rem 1.875rem;}
.dzsw-box18 .center-block .pull-left ul li span{ width: 100%; line-height: 5.8125rem; background: #FFE1E1; color: #FF1515; font-size: 1.5rem; float: left; text-align: center; border-radius: 0.625rem;}
.dzsw-box18 .center-block .pull-right{ width: 22.5rem; text-align: right;}

.dzsw-box20 .center-block{ padding: 0.625rem 0 3.125rem;}
.dzsw-box20 .center-block ul li{ width: 49%; float: left; margin-top: 1.25rem; height: 13.4375rem; background: #fff; border-radius: 0.5rem; box-shadow: 0 0 1rem rgba(0,0,0,0.1); padding: 3.125rem 8.4375rem 0 1.25rem; position: relative; overflow: hidden;}
.dzsw-box20 .center-block ul li::after{ content: ''; width: 17.1875rem; height: 17.1875rem; border: 1.25rem solid #FF1515; border-radius: 100%; position: absolute; right: -8rem; bottom: -13rem; transition: all .6s;}
.dzsw-box20 .center-block ul li:nth-child(2n){ float: right;}
.dzsw-box20 .center-block ul li .box1{ float: left; position: relative;}
.dzsw-box20 .center-block ul li .box1::after{ content: ''; width: 100%; height: 0.4375rem; background: #FF1515; position: absolute; left: 0; bottom: 0;}
.dzsw-box20 .center-block ul li .box1 h2{ display: inline-block; font-size: 1.5rem; font-weight: bold; position: relative; z-index: 2;}
.dzsw-box20 .center-block ul li .box2{ margin-top: 1.2rem; line-height: 1.8; font-size: 1.125rem;}
.dzsw-box20 .center-block ul li:hover::after{ right: -7rem; bottom: -12rem;}

.dzsw-box21{ padding: 3.125rem 0; background: url(../image/dzsw21_bg.jpg) bottom; background-size: cover;}
.dzsw-box21 .pull-right{ width: 44%;}
.dzsw-box21 .pull-left{ width: 25.875rem;}
.dzsw-box21 .pull-left .box1{ font-size: 2.25rem; font-weight: bold;}
.dzsw-box21 .pull-left .box2 ul li{ width: 100%; float: left; margin-top: 3.375rem;}
.dzsw-box21 .pull-left .box2 ul li img{ width: 5rem; height: 5rem; transition: all .6s;}
.dzsw-box21 .pull-left .box2 ul li div{ width: 100%; flex: 1; padding-left: 1.25rem;}
.dzsw-box21 .pull-left .box2 ul li div h2{ font-size: 1.5rem; transition: all .6s;}
.dzsw-box21 .pull-left .box2 ul li div p{ margin-top: 0.5rem; font-size: 1rem; color: #666; line-height: 1.8;}
.dzsw-box21 .pull-left .box2 ul li:hover img{ transform: rotateY(360deg);}
.dzsw-box21 .pull-left .box2 ul li:hover div h2{ color: #FF1515;}

.dzsw-box22 .center-block{ padding: 2rem 0 3.4375rem;}
.dzsw-box22 .center-block ul{ margin: 0 -0.625rem;}
.dzsw-box22 .center-block ul li{ width: 25%; float: left; padding: 0 1.25rem; margin-top: 1.25rem;}
.dzsw-box22 .center-block ul li a{ width: 100%; height: 15.625rem; float: left; box-shadow: 0 0 1rem rgba(0,0,0,0.1); background-color: #fff; background-size: cover; background-position: right bottom; padding: 2.5rem 1.25rem;}
.dzsw-box22 .center-block ul li a.bg1{ background-image: url(../image/dzsw22_bg1.jpg);}
.dzsw-box22 .center-block ul li a.bg2{ background-image: url(../image/dzsw22_bg2.jpg);}
.dzsw-box22 .center-block ul li a.bg3{ background-image: url(../image/dzsw22_bg3.jpg);}
.dzsw-box22 .center-block ul li a.bg4{ background-image: url(../image/dzsw22_bg4.jpg);}
.dzsw-box22 .center-block ul li .box1{ font-size: 1.5rem; font-weight: bold;}
.dzsw-box22 .center-block ul li .box2{ margin-top: 1rem;}
.dzsw-box22 .center-block ul li .box2 p{ width: 100%; float: left; font-size: 1.125rem; line-height: 2rem; color: #333;}
.dzsw-box22 .center-block ul li .box2 p i{ float: left; color: #FF1515; font-size: 2rem; height: 2rem; line-height: 1.8rem; margin-right: 0.2rem;}

.sale-box6{ position: fixed; left: 0; bottom: 0; z-index: 90; height: 5rem; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.sale-box6 .box1{ width: 11rem;}
.sale-box6 .box1 div{ white-space: nowrap; width: 100%; flex: 1; padding: 0 2rem 0 1rem;}
.sale-box6 .box1 div span{ font-size:1.4rem; font-weight:bold;}
.sale-box6 .box1 img{ width: 3.5rem; height: 3.5rem; border-radius: 100%; object-fit: cover;}
.sale-box6 .btns{ min-width: 8rem; height: 2.6rem; border-radius: 50px; background: #ccc; color: #fff; padding: 0 1rem;}
.sale-box6 .btns img{ height: 1.5rem;}
.sale-box6 .btns span{ font-size: 1.1rem; margin-left: 0.5rem; white-space: nowrap;}
.sale-box6 .btns+.btns{ margin-left: 1rem;}

.sale-box7{ position: fixed; left: 0; top: 0; height: 100vh; z-index: 9999; background: rgba(0,0,0,0.7); padding: 1rem; display: none;}

@media screen and (max-width:1400px){
  .solution-box,
  .head-box .head-menu .head-menu-lv2{
	    margin-top: 1.5rem;
  }
}

@media screen and (max-width:1366px){
  .service-box2 .center-block ul li .center-block{
  	padding: 2.25rem 0 2.25rem .5rem;
  }
}

@media screen and (min-width:1080px){
	#newBridge .nb-comp-base{ display: none;}
}


@media screen and (max-height:880px){
}
@media screen and (max-height:600px){
}

@media screen and (max-width:1660px){
	.service-box2 .center-block ul li .center-block .between-top .pull-left p{font-size: 14px; line-height: 1.5;}
	
}
@media screen and (max-width:1440px){
	.w-1300,.w-1400{ width: 95rem;}
    .w-1600{ width: 90%;}
	.w-90{ width: 94%;}
	.head-box .head-menu .head-menu-lv2 a,.solution-box .pull-left .box-info .box1 a{ font-size: 1rem;}
	.about-box5 .center-block .swiper-container{ height: 38.5rem;}
	.about-box5 .center-block .swiper-container .swiper-slide{ height: calc((100% - 25px) / 2);}
	.consult-box .lower-box .pull-left{ height: 60px;}
	.consult-box .lower-box .pull-right{ height: 60px; line-height: 60px;}
	.about-box5 .center-block .swiper-container .swiper-slide .box3{ max-height: 10rem;}
}
@media screen and (max-width:1366px){
  .head-box .head-menu ul li{ margin-right:2.5rem;}
  .banner-type-info{
  	height:5.5rem;
  }
  .banner-type-info a .title i{
  	margin-top:-4px;
  }
  .banner-type-info a::after{
  	bottom:-1.3rem;
  }
  .banner-type-info a .desc {
	font-size: 12px;
  }
  .home-box2 .all-title1 {
    margin-top: 1.5rem;
}
  
  
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:1100px){
    
}
@media screen and (max-width:1024px){
    html,body{ font-size: 78%;}
    .w-90{ width: 94%;}
    .w-1200,.w-1600,.w-1300,.w-1400{ width:94% !important;}
    .div-pc{ display: none;}
    .div-phone{ display: block;}
    .head-btn{ display: block; margin:0;}
	.fanye-box{ padding: 1.5rem 0;}
	.fanye-box a{ padding: 0 0.8rem; height: 2.3rem; line-height: 2.3rem;}
    
	.sidebar-right{ display: none;}
  .home-box1 .swiper-container .swiper-slide .zx-btn{
  	display:none;
  }
  .banner-type-info{
  	display:none;
  }
	.head-box .head-menu{ width: 100%; height: calc(100vh - 65px); position: absolute; left: 0; top: 100%; display: none; background: #fff; overflow-y: auto !important; border-top: 1px solid #eaeaea;}
	.head-box .head-menu ul li{ width: 100%; margin: 0; text-align: center; border-bottom: 1px solid #eaeaea; padding: 5px 3%;}
	.head-box .head-menu ul li span{ width: 100%;}
	.head-box .head-menu ul li span a{ font-weight: bold;}
	.head-box .head-menu ul li span a::after{ display: none;}
	.head-box .head-menu ul li.active span a{ color: #D80011;}
	.head-box .head-menu .head-menu-lv2{ width: 100%; float: left; position: relative; left: 0; top: 0; margin-top: 0; pointer-events: all; display: block; padding: 0; opacity: 1; box-shadow: none;}
	.head-box .head-menu .head-menu-lv2 a{ width: 33.33%; float: left; line-height: normal; min-width: auto; text-align: left; margin-bottom: 1rem;}
	.head-box .head-menu .head-menu-lv2::after{ display: none;}
	.solution-box{ width: 100%; height: calc(100vh - 65px); opacity: 1; pointer-events: all; position: fixed; left: 0; top: 65px; margin-top: 0; z-index: 80; background: #F6F8FA; box-shadow: none; transform: translate(100%,0);}
	.solution-box.active{ transform: translate(0,0);}
	.solution-box .pull-left{ width: 100%; height: 100%; overflow: auto; padding: 0 0 5rem;}
	.solution-box .pull-left .box-info{ margin-top: 2rem;}
	.solution-box .pull-left .box-info .box1 a{ margin-bottom: 0; font-size: 1.3rem; font-weight: bold;}
	.solution-box .pull-left .box-info .box2{ display: block; position: relative; padding: 0; opacity: 1; pointer-events: all; float: left; transform: translate(0,0);}
	.solution-box .pull-left .box-info .box2 p{ margin: 1.5rem 0 0;}
	.solution-box .pull-left .box-info .box2 p a{  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
	.solution-box .pull-left .box-info .box2 p a span{ padding-left: 0; line-height: normal; margin-top: 4px;}
	.solution-box .pull-right{ display: block; position: absolute; right: 3%; top: 1rem; font-size: 1rem; color: #FF7676; background: url(../image/icon_jt4.png) no-repeat right; background-size: 8px; padding-right: 14px; z-index: 10;}
	
	
	.head-box .w-90{ height: 65px;}
	
	.head-box{ background: #fff;}
	.head-box .f-l{ overflow: hidden; width: 9rem;}
	.head-box .f-l .logo{ opacity: 1; height: 2.5rem; max-width: initial;}
	.head-box .f-l::after{ opacity: 0;}
	.head-box .head-menu ul li span a{ color: #333;}
	.head-box .head-phone .icon2{ display: none;}
	.head-box .head-phone .icon1{ line-height: 1.2; padding-right: 1rem; white-space: nowrap; font-size: 1.3rem;}
	.head-box .head-phone a, .head-box .head-phone span{ color: #999;font-size:12px;}
	.head-box .head-phone a{ color: #333;}
	
	.all-center-box{ margin-top: 65px;}

	
	.home-box1 .swiper-container{ height: 12rem;}
	.home-box1 .swiper-page{ display: none;}
	.home-box1 .swiper-container .swiper-slide .w-90{ padding: 0 2rem;}
	.home-box1 .swiper-container .swiper-slide .box-info1 img{ max-width: 80%;}
	.home-box1 .swiper-container .swiper-slide .box-info2{ margin-top: 2rem;}
	.home-box1 .swiper-container .swiper-slide .box-info2 a{ width: 8rem; line-height: 3rem;}
	
	
	.all-title1{ font-size: 1.2rem; margin-top: 2rem;}
	.all-title1 span{ font-size: 1.8rem;}
	
    .home-box2{ padding: 2rem 0;}
	.home-box2 .lower-box{ margin-top: 2rem;}
	.home-box2 .lower-box .box-info1{ overflow: hidden; overflow-x: scroll; display: none;}
	.home-box2 .lower-box .box-info1 span{ overflow: initial;}
	.home-box2 .lower-box .box-info1 span::before{ opacity: 1; background: #eee;}
	.home-box2 .lower-box .box-info1 span.active::before,.home-box2 .lower-box .box-info1 span:hover::before{ background: #E80404;}
	.home-box2 .lower-box .box-info2{ margin-top: 0;}
	.home-box2 .lower-box .box-info2 .center-block .f-l,.home-box2 .lower-box .box-info2 .center-block .f-r{ width: 100%;}
	.home-box2 .lower-box .box-info2 .center-block .f-l{ height: 18rem;}
	.home-box2 .lower-box .box-info2 .center-block .f-r{ position: relative; padding: 2rem;}
	.home-box2 .lower-box .box-info2 .center-block .f-r::before{ display: none;}
	.home-box2 .lower-box .box-info2 .center-block .f-r .center-center .box1 p{ padding: 1rem 0;}
	.home-box2 .lower-box .box-info2 .center-block .f-r .center-center .box3{ margin-top: 0;}
	.home-box2 .lower-box .box-info2 .center-block .f-r .center-center .box2 a,.home-box2 .lower-box .box-info2 .center-block .f-r .center-center .box2 span{ margin: 1rem 1rem 0 0;}
	.home-box2 .lower-box .box-info2 .swiper-container{ background: #ef1414;}
	
	.home-box3{ padding: 2rem 0;}
	.home-box4{ padding: 2rem 0;}
	.home-box4 .center-block{ margin-top: 2rem;}
	.home-box4 .center-block ul{ margin: auto;}
	.home-box4 .center-block ul li{ width: 100%; padding: 0; margin-top: 1.5rem;}
	.home-box4 .swiper-container .swiper-slide{ padding: 0 0.5rem;}
	.home-box4 .swiper-container .swiper-slide a{ height: 24rem; padding: 2.5rem 2rem;}
	
	.home-box5{ padding: 2rem 0;}
	.home-box5 .swiper-container{ border-radius: 5px; margin-top: 2rem;}
	.home-box5 .swiper-container .swiper-slide{ height: auto; padding: 2rem; border-radius: 0;}
	
	.home-box6{ padding: 0 3% 2rem;}
	.home-box6 .all-title1{ padding: 2rem 0;}
	.home-box6 .center-block ul{ display: block; border: none;}
	.home-box6 .center-block ul li{ width: 100%; border: 2px solid #f1f1f1; margin-top: -2px; padding: 1.5rem !important;}
	.home-box6 .center-block ul li .f-l{ width: 100% !important;}
	.home-box6 .center-block ul li .f-l p{ font-size: 14px; line-height: 1.8; margin-top: 1rem;}
	.home-box6 .center-block ul li .f-r{ width: 8rem; opacity: 0.3; right: 1rem; bottom: 1rem;}
	
	.home-box7{ padding: 2rem 0 1rem;}
	.home-box7 .between-center{ display: block; margin-top: 2rem;}
	.home-box7 .center-block{ width: 100%; margin: 0 !important;}
	.home-box7 .center-block:last-child{ display: none;}
	.home-box7 .box-info1{ margin: 0.45rem 0;}
	.home-box7 .box-info1 .imgs{ height: 19rem;}
	.home-box7 .box-info2{ height: 12rem;}
	.home-box7 .box-info2 p{ font-size: 14px;}
	.home-box7 .box-info3 i,.home-box7 .box-info3 p{ font-size: 14px;}
	
	.home-box8 .pull-left,.home-box8 .pull-right{ width: 100%; position: relative;}
	.home-box8 .pull-left{ padding: 2rem;}
	.home-box8 .pull-left .box1{ font-size: 1.5rem; line-height: 1.5;}
	.home-box8 .pull-left .box2{ font-size: 14px; line-height: 1.6; margin-top: 1rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5;}
	.home-box8 .pull-left .all-more{ margin-top: 1.5rem;}
	.home-box8 .pull-right{ height: 17rem;}
	.home-box8 .pull-right::after{ background-size: 4rem;}
	
	.home-box9{ padding: 2rem 0;}
	.home-box9 .center-block{ margin-top: 1rem;}
	.home-box9 .center-block ul{ margin: auto;}
	.home-box9 .center-block ul li{ width: 48%; padding: 0; margin-top: 1rem; display: none;}
	.home-box9 .center-block ul li:nth-child(2n){ float: right;}
	.home-box9 .center-block ul li:nth-child(1),.home-box9 .center-block ul li:nth-child(2),.home-box9 .center-block ul li:nth-child(3),.home-box9 .center-block ul li:nth-child(4),.home-box9 .center-block ul li:nth-child(5),.home-box9 .center-block ul li:nth-child(6){ display: block;}
	.home-box9 .center-block ul li a{ height: 6rem;}
	.home-box9 .all-more{ margin-top: 2rem;}
	
	.foot-box{ padding-bottom: 4rem;}
	.foot-box .top-box{ padding: 2rem 0; display: none;}
	.foot-box .top-box p{ font-size: 1.5rem;}
	.foot-box .top-box a{ margin-top: 1.5rem;}
	.foot-box .lower-box .box-info1{ padding: 2rem 0; display: none;}
	.foot-box .lower-box .box-info1 .pull-left{ display: none;}
	.foot-box .lower-box .box-info1 .pull-right .box2{ padding: 2rem 0 0;}
	.foot-box .lower-box .box-info1 .pull-right .box2 a{ margin-top: 1.5rem; font-size: 1.125rem; line-height: 2.75rem;}
	.foot-box .lower-box .box-info2{ padding: 0.5rem 0 1.5rem;}
	.foot-box .lower-box .box-info2 span, .foot-box .lower-box .box-info2 a{ margin: 1rem 1rem 0 0; font-size: 14px;}
	.foot-box .lower-box .box-info3{ font-size: 14px; padding: 1.5rem 0;}
	
	.about-box1{ height: 17rem;}
	.about-box1 p{ font-size: 2rem; padding-bottom: 2rem;}
	
	.about-box2 .top-box ul{ width: 100%; float: left; display: block; padding: 1rem 0; height: auto; margin-top: -2.5rem;}
	.about-box2 .top-box ul li{ width: 50%; float: left; padding: 1rem 3rem; text-align: left;}
	.about-box2 .top-box ul li span{ line-height: 2rem;}
	.about-box2 .top-box ul li:last-child{ width: 100%;}
	.about-box2 .lower-box{ padding: 0 0 2rem;}
	.about-box2 .lower-box .pull-left,.about-box2 .lower-box .pull-right{ width: 100%; margin-top: 2rem;}
	.about-box2 .lower-box .pull-left .box1{ font-size: 2rem;}
	.about-box2 .lower-box .pull-left .box2{ font-size: 14px; line-height: 1.6; margin-top: 1rem;}
	.about-box2 .lower-box .pull-right{ height: 19rem;}
	
	.about-box3{ padding: 2rem 0;}
	.about-box3 .swiper-container{ margin-top: 2rem; padding-bottom: 2rem;}
	.about-box3 .swiper-container,.about-box3 .swiper-container .swiper-slide{ height: auto;}
	.about-box3 .swiper-container .swiper-slide a span{ height: 19rem;}
	.about-box3 .swiper-container .swiper-slide a p{ font-size: 14px;}
	
	.about-box4{ padding: 2rem 0;}
	.about-box4 .center-block{ margin-top: 2rem;}
	
	.about-box5{ padding: 2rem 0;}
	.about-box5 .center-block .swiper-container,.about-box5 .center-block .swiper-container .swiper-slide{ height: auto;}
	.about-box5 .center-block .swiper-container{ margin-top: 2rem;}
	.about-box5 .center-block .swiper-container .swiper-slide a{ height: 18rem; padding: 1rem;}
	.about-box5 .center-block .swiper-container .swiper-slide .box1 span{ font-size: 1.3rem;}
	.about-box5 .center-block .between-center .swiper-button-next, .about-box5 .center-block .between-center .swiper-button-prev{ margin-top: 2rem;}
	.about-box5 .center-block .between-center{ display: none;}
	
	.about-box6{ padding: 2rem 0; overflow: hidden;}
	.about-box6 .center-block{ height: auto;}
	.about-box6 .center-block .map-box{ height: 19rem;}
	.about-box6 .center-block .center-center{ width: 100%; position: relative; padding: 0; margin-top: 1.5rem; height: auto; float: left; display: block;}
	.about-box6 .center-block .center-center ul{ padding: 1rem 1.5rem;}
	.about-box6 .center-block .center-center ul li div p{ font-size: 14px;}
	
	.page-banner{ height: 10rem;}
	.page-banner .pull-left span{ font-size: 28px;}
	.page-banner .pull-left p{ font-size: 14px;}
	
	.service-box1{ padding: 2rem 0; overflow: hidden;}
	.service-box1 .center-block{ margin-top: 2rem;}
	.service-box1 .center-block ul li{ width: 50%; margin-top: 2px;}
	.service-box1 .center-block ul li:last-child{ width: 100%;}
	.service-box1 .center-block ul li .box-info1{ height: 14rem;}
	.service-box1 .center-block ul li .box-info1 i img{ height: 3.5rem;}
	.service-box1 .center-block ul li .box-info1 p{ font-size: 14px; margin-top: 1rem;}
	.service-box1 .center-block ul li .box-info2{ display: none;}
	
	.all-title1.style2 span{ font-size: 2rem;}
	
	.service-box2{ padding: 2rem 0; overflow: hidden;}
	.service-box2 .center-block ul{ margin: 1rem 0 0;}
	.service-box2 .center-block ul li{ width: 100%; padding: 0; margin-top: 1.5rem;}
	.service-box2 .center-block ul li .center-block{ height: auto; padding: 1rem 0 1rem 1.5rem; overflow: hidden; position: relative;}
	.service-box2 .center-block ul li .center-block .between-top{ padding: 1.2rem 1.5rem 0.5rem; background-size: 1.5rem;}
	.service-box2 .center-block ul li .center-block .between-top .pull-left{ padding-right: 0; position: relative; z-index: 2;}
	.service-box2 .center-block ul li .center-block .between-top .pull-left p{ font-size: 14px; margin-top: 0.8rem;}
	.service-box2 .center-block ul li .center-block .between-top .pull-right{ width: 6rem; position: absolute; right: -1rem; bottom: -1rem; opacity: 0.4;}
	
	.service-box3{ padding: 2rem 0; overflow: hidden;}
	.service-box3 .center-block{ margin-top: 2rem;}
	.service-box3 .center-block ul li{ width: 50%;}
	.service-box3 .center-block ul li .box1{ display: none;}
	.service-box3 .center-block ul li .box2{ opacity: 1; transform: translate(0,0); position: relative;}
	.service-box3 .center-block ul li::after{ right: auto !important; left: 50% !important; top: -1.4375rem !important; margin: 0 0 0 -1.4375rem !important; transform: rotate(90deg) !important; display: none;}
	.service-box3 .center-block ul li .box2 span{ font-size: 1.125rem; padding: 1.5rem 0;}
	.service-box3 .center-block ul li .box2 p{ font-size: 14px;}
	
	.advantage-box1{ padding: 2rem 0; overflow: hidden;}
	.advantage-box1 .center-block{ margin-top: 2rem;}
	.advantage-box1 .center-block .pull-left,.advantage-box1 .center-block .pull-right{ width: 100%; position: relative; box-shadow: none;}
	.advantage-box1 .center-block .pull-left::before,.advantage-box1 .center-block .pull-right::before{ display: none;}
	.advantage-box1 .center-block .pull-left{ padding-bottom: 2.5rem;}
	.advantage-box1 .center-block .pull-right{ margin-top: 0; padding-top: 2.5rem;}
	.advantage-box1 .center-block .box-info{ height: auto; padding: 2rem; width: 100%; float: left;}
	.advantage-box1 .center-block .box-info .box2{ margin-top: 1.5rem;}
	.advantage-box1 .center-block em{ top: 100%; left: 50%; margin-left: -3.28125rem;}
	
	.advantage-box2{ padding: 2rem 0; overflow: hidden;}
	.advantage-box2 .center-block ul{ margin: 0;}
	.advantage-box2 .center-block ul li{ width: 100%; margin-top: 1.5rem; padding: 0;}
	.advantage-box2 .center-block .swiper-container{ padding-bottom: 3rem;}
	.advantage-box2 .center-block .swiper-container .swiper-pagination{ bottom: 0;}
	.advantage-box2 .center-block .swiper-container .swiper-pagination .swiper-pagination-bullet{ background: #fff; opacity: 1;}
	.advantage-box2 .center-block .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #FF1B1C;}
	.advantage-box2 .center-block .swiper-slide:nth-child(1) ul li .center-block{ background-image: url(../image/ad2_bg1.jpg);}
	.advantage-box2 .center-block .swiper-slide:nth-child(2) ul li .center-block{ background-image: url(../image/ad2_bg2.jpg);}
	.advantage-box2 .center-block .swiper-slide:nth-child(3) ul li .center-block{ background-image: url(../image/ad2_bg3.jpg);}
	.advantage-box2 .center-block .swiper-slide:nth-child(4) ul li .center-block{ background-image: url(../image/ad2_bg4.jpg);}
	.advantage-box2 .center-block .swiper-slide:nth-child(5) ul li .center-block{ background-image: url(../image/ad2_bg5.jpg);}
	.advantage-box2 .center-block .swiper-slide:nth-child(6) ul li .center-block{ background-image: url(../image/ad2_bg6.jpg);}
	
	.news-box1{ display: none;}
	.news-box1 .swiper-container{ margin-top: 1.5rem;}
	.news-box1 .swiper-container .swiper-slide{ display: block;}
	.news-box1 .swiper-container .swiper-slide .pull-left{ width: 100%; height: 15rem;}
	.news-box1 .swiper-container .swiper-slide .pull-right{ padding: 1rem 0 0;}
	.news-box1 .swiper-container .swiper-slide .pull-right .box1{ font-size: 1.8rem;}
	.news-box1 .swiper-container .swiper-slide .pull-right .box2{ margin: 1rem 0; line-height: 1.6;}
	.news-box1 .swiper-container .swiper-slide .pull-right .box3{ margin-top: 0.5rem;}
	.news-box1 .swiper-btns{ width: 100%;}
	
	.crumbs-box{ padding: 1.5rem 0 0;}
	
	.news-box2 .center-block ul{ margin: 0;}
	.news-box2 .center-block ul li{ width: 100%; padding: 0; margin-top: 1.5rem;}
	.news-box2 .center-block ul li a .info .box1{ height: auto; -webkit-line-clamp:1;}
	
	.news-info1{ padding: 0;}
	.news-info1 .box-info1{ font-size: 1.5rem; padding: 2rem 0 1.5rem;}
	.news-info1 .box-info2{ font-size: 14px; text-align: center;}
	.news-info1 .box-info2>div{ width: 100%;}
	.news-info1 .box-info2 .box2,.news-info1 .box-info2 .box3{ display: none;}
	.news-info1 .box-info2 .box1 span+span{ margin-left: 1rem;}
	
	.news-info2{ padding: 2rem 0;}
	.news-info2 .w-90{ display: block;}
	.news-info2 .pull-left,.news-info2 .pull-right{ width: 100%; padding: 0;}
	.news-info2 .pull-left{ font-size: 14px; line-height: 1.6;}
	.news-info2 .pull-right .box1{ margin-top: 2rem;}
	.news-info2 .pull-right .box2{ padding: 0.5rem 0 0;}
	
	.news-info3{ padding: 1.2rem 0;}
	.news-info3 .between-center{ display: block; font-size: 14px;}
	.news-info3 .f-l,.news-info3 .f-r{ width: 70%; float: left; text-align: left; line-height: 25px;}
	.news-info3 .back{ position: absolute; right: 3%; top: 50%; margin-top: -11px; line-height: 22px;}
	
	.solution-box1::after{ content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; left: 0; top: 0;}
	.solution-box1 .pull-right,.solution-box1 .pull-left,.solution-box1 .text-center{ width: 100%; padding: 0; position: relative; z-index: 2;}
	.solution-box1 span{ font-size: 1.8rem !important; text-align: center; width: 100%;}
	.solution-box1 p{ margin-top: 1rem !important; display: none;}
	
	.solution-box2{ padding-bottom: 2rem;}
	.solution-box2 .all-title1{ margin-top: 2rem; padding: 0 3rem;}
	.solution-box2 .top-box{ margin-top: 1rem;}
	.solution-box2 .top-box ul li{ width: 100% !important; padding: 0;}
	.solution-box2 .top-box ul li .box-info1{ height: auto; padding: 1.625rem 1.5rem; display: none;}
	.solution-box2 .top-box ul li .box-info2{ height: 100% !important; top: 0 !important; position: relative; opacity: 1; padding: 1.625rem 1.5rem 4.9375rem;}
	.solution-box2 .top-box ul li .box-info2 .box2{ max-height: initial;}
	.solution-box2 .top-box .swiper-container{ padding: 1rem 0 2.5rem;}
	.solution-box2 .top-box .swiper-container .swiper-slide{ height: 100%;}
	.solution-box2 .top-box .swiper-container .swiper-slide ul,.solution-box2 .top-box .swiper-container .swiper-slide li{ height: 100%;}
	.solution-box2 .lower-box ul li{ width: 100% !important; padding: 0 1rem !important; margin-top: 0 !important;}
	.solution-box2 .lower-box .swiper-container{ margin-top: 2rem; padding-bottom: 2rem;}
	.solution-box2 .swiper-pagination{ bottom: 0;}
	.solution-box2 .swiper-pagination .swiper-pagination-bullet{ transition: all .6s;}
	.solution-box2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #FF1515;}
	
	.solution-box3 .center-block{ padding: 2rem 0;}
	.solution-box3 .center-block .imgs,.solution-box3 .center-block .info{ width: 100%;}
	.solution-box3 .center-block .imgs{ padding: 0 1rem;}
	.solution-box3 .center-block .info{ padding: 2rem 1rem 0 !important;}
	.solution-box3 .center-block .info .box1 img{ width: 26px; height: 26px;}
	.solution-box3 .center-block .info .box1 span{ font-size: 1.6rem; line-height: 26px; padding-left: 1rem;}
	.solution-box3 .center-block .info .box2{ font-size: 14px; line-height: 1.4; padding-bottom: 0.5rem;}
	.solution-box3 .center-block .info .box3{ margin-top: 10px;}
	.solution-box3 .center-block .info .box3 img{ width: 22px; height: 22px;}
	.solution-box3 .center-block .info .box3 p{ font-size: 14px; padding-left: 1rem; line-height: 22px;}
	
	.solution-box4{ padding-bottom: 2rem;}
	.solution-box4 .solution-box1::after{ display: none;}
	.solution-box4 .solution-box1 .pull-left{ width: 65%;}
	
	.solution-box5{ padding: 2rem 0;}
	.solution-box5 .center-block{ margin-top: 2rem;}
	.solution-box5 .box-info1 img{ height: auto; width: 70%;}
	.solution-box5 .box-info2{ position: relative; margin-top: 1rem;}
	.solution-box5 .box-info2 .box-info3,.solution-box5 .box-info2 .box-info4{ display: block; padding: 0; margin-top: 0;}
	.solution-box5 .box-info5{ width: 100%; margin-top: 1rem; position: relative; padding: 0 0.6rem 0 0 !important; height: 7.5rem;}
	.solution-box5 .box-info5 img{ position: absolute; left: 0.6rem; top: 50%; margin-top: -2rem;}
	.solution-box5 .box-info5 div{ padding: 0 0 0 5rem;}
	
	.solution-box6{ padding: 2rem 0;}
	.solution-box6 .center-block{ display: block;}
	.solution-box6 .pull-left,.solution-box6 .pull-right{ width: 100%; margin-top: 1rem;}
	.solution-box6 .pull-right{ padding: 0;}
	.solution-box6 .pull-right ul{ margin: auto;}
	.solution-box6 .pull-right ul li{ width: 48.5%; padding: 0; margin-top: 1rem;}
	.solution-box6 .pull-right ul li:nth-child(2n){ float: right;}
	.solution-box6 .pull-right ul li div{ height: 14rem;}
	
	.solution-box7{ padding: 2rem 0;}
	.solution-box7 .all-title1 .text-center{ width: 100%;}
	.solution-box7.solution-box5 .box-info1 img{ max-height: initial;}
	.solution-box7.solution-box5 .box-info2 .box-info3,.solution-box7.solution-box5 .box-info2 .box-info4{ padding: 0; margin: auto;}
	.solution-box7.solution-box5 .box-info5{ height: 6rem;}
	.solution-box7.solution-box5 .box-info5 img{ height: 100%; margin-top: 0; top: 0; left: 0;}
	.solution-box7.solution-box5 .box-info5 div{ width: 100%; padding-left: 6.5rem; max-width: initial;}
	
	
	.solution-box8{ padding: 2rem 0;}
	.solution-box8 .center-block{ display: block; margin-top: 0;}
	.solution-box8 .pull-left,.solution-box8 .pull-right{ width: 100%; margin-top: 1.5rem; padding: 0;}
	.solution-box8 .pull-left ul{ margin: auto;}
	.solution-box8 .pull-left ul li{ padding: 0; width: 100%; margin-top: 1rem;}
	.solution-box8 .pull-left ul li .between-center{ height: 8rem;}
	
	.solution-box9{ padding-top: 0.25rem;}
	.solution-box9 ul{ margin: 0;}
	.solution-box9 ul li{ width: 100%; padding: 0; margin-top: 1rem;}
	.solution-box9 ul li .between-center{ height: auto; display: block; padding: 1.2rem;}
	.solution-box9 ul li .between-center .box1{ width: 100%; display: block;}
	.solution-box9 ul li .between-center .box1 img{ height: 4rem;}
	.solution-box9 ul li .between-center .box1 img:nth-child(2){ left: 0; top: 0; transform: translate(0,0);}
	.solution-box9 ul li .between-center .box2{ margin-top: 1.2rem;}
	.solution-box9 ul li .between-center .box2 span{ font-size: 1.125rem;}
	.solution-box9 ul li .between-center .box2 p{ font-size: 14px; line-height: 1.4; margin-top: 1rem;}
	
	.solution-box10{ padding-top: 2rem;}
	.solution-box10 .center-block{ margin-top: 2rem;}
	
	.consult-box{ padding: 2rem 0 1.2rem; bottom: -350px; display: none;}
	.consult-box>.w-1300.between-center{ display: block;}
	.consult-box .lower-box{ display: block; margin-top: 1.3rem;}
	.consult-box .lower-box .pull-left{ display: block; height: auto; padding: 0 15px; position: relative;}
	.consult-box .lower-box .pull-left .box1{ margin: 16px 0;}
	.consult-box .lower-box .pull-left .box1 input{ width: 100% !important;}
	.consult-box .lower-box .pull-left .box2{ width: 100px; font-size: 14px; height: 32px; line-height: 32px; position: absolute; right: 15px; bottom: 58px;}
	.consult-box .lower-box .pull-right{ width: 100%; line-height: 40px; height: 40px;}
	
	.consult-box.cur{ bottom: -330px;}
	
	.case-box1{ padding: 2rem 0;}
	.case-box1 .box1{ padding: 0 0 1rem;}
	.case-box1 .box1 span{ font-size: 2rem;}
	.case-box1 .box1 p{ font-size: 1.2rem;}
	.case-box1 .box2 a{ padding: 0 1rem;}
	
	.case-box2 .center-block ul{ margin: auto;}
	.case-box2 .center-block ul li{ width: 50%; padding: 1px; margin-top: 0;}
	.case-box2 .center-block ul li a .imgs{ height: 8rem;}
	.case-box2 .center-block ul li a .info{ display: none;}
	
	.sidebar-right{ display: none;}
	.sale-user{ display: block;}
	
	.sale-box .center-block{ margin-top: 0;}
	
	.solution-menu .center-block{ display: flex; justify-content: space-around; margin-top: 2rem;}
	.solution-menu .center-block span{ margin: 0; width: 25%; max-width: 80px; font-size: 14px; padding: 0 10px 10px;}
	.solution-menu .center-block span::after{ height: 2px;}
	
	.case-box2.solution-box5 .all-more{ margin-top: 2rem;}
	
	.solution-box1 .pull-left div{ text-align: center; display: none;}
	
	.applet-box1{ padding: 2rem 0;}
	.applet-box1 .top-box{ margin-top: 1rem;}
	.applet-box1 .top-box ul li{ width: 33.33%; margin-top: 2rem;}
	.applet-box1 .top-box ul li i img{ height: 3.5rem;}
	.applet-box1 .top-box ul li p{ margin-top: 1rem; font-size: 1.3rem;}
	.applet-box1 .lower-box{ margin-top: 2rem;}
	
	.applet-box2{ padding: 2rem 0;}
	.applet-box2 .swiper-container{ margin-top: 2rem;}
	.applet-box2 .all-title1{ padding: 0 1rem;}
	.applet-box2 .lower-box{ padding: 0 2rem;}
	
	.applet-box3{ padding: 2rem 0;}
	.applet-box3 .lower-box{ margin-top: 2rem;}
	
	.applet-box4{ padding: 2rem 0;}
	.applet-box4 .center-block{ margin-top: 1rem;}
	.applet-box4 .center-block ul{ display: block; padding: 0 2rem;}
	.applet-box4 .center-block ul li{ width: 50%; float: left; margin-top: 2rem;}
	.applet-box4 .center-block ul li:nth-child(2n){ display: none;}
	
	.all-title1.style3 span{ font-size: 1.3rem;}
	
	
	.applet-box5{ padding: 2rem 0;}
	.applet-box5 .center-block ul{ margin: 0;}
	.applet-box5 .center-block ul li{ width: 100%; padding: 0; margin-top: 1.5rem;}
	.applet-box5 .center-block ul li a{ height: 26rem;}
	.applet-box5 .center-block ul li a .between-top .f-l{ padding-right: 1.5rem; margin-top: 3rem;}
	.applet-box5 .center-block ul li a .between-top .f-r{ width: 11rem; height: 22rem;}
	
	.ssy-form .center-block{ width: 94%; padding: 2rem;}
	.ssy-box{ position: fixed; left: 0; top: 0; height: 100%; z-index: 999; background: rgba(0,0,0,0.5); padding: 0;}
	.ssy-box .center-center{ width: 100%; height: 100%;}
	.ssy-box .center-block{ width: 94%; background: #FFFAE1; border: 0.1875rem solid #EB1212; border-radius: 1.25rem; padding: 2rem 1rem; position: relative;}
	.ssy-box .center-block .btnClose{ width: 2.1875rem; height: 2.1875rem; background: url(../image/icon_close.png) no-repeat center; background-size: 100%; position: absolute; right: 1rem; top: 1rem; cursor: pointer; transition: all .6s;}
	.ssy-box .center-block .btnClose:hover{ transform: rotate(180deg);}
	.ssy-box .box2{ margin-top: 2.5rem;}
	.ssy-box .box2 a{ width: 16rem; font-size: 1.3rem; line-height: 3.3rem;}
	.ssy-form .center-block .box2 input{ font-size: 14px;}
	
	.solution-box11{ padding: 2rem 0.5rem;}
	.solution-box11 .swiper-container{ border-radius: 1.125rem; box-shadow: 0 0 2rem rgba(0,0,0,0.05);}
	.solution-box11 .swiper-container .box-info{ box-shadow: none;}
	
	.scheme-architecture-box{ padding: 2rem 0;}
	.scheme-architecture-box .architecture-info{
		display: block;
	}
	.scheme-architecture-box .architecture-info .left-img{
		width: auto;
		max-width: 100%;
	}
	
	.dzsw-box1{ padding-bottom: 2rem;}
	.dzsw-box1 .center-block{ display: block; margin-top: 0;}
	.dzsw-box1 .center-block .pull-left,.dzsw-box1 .center-block .pull-right{ width: 100%;}
	.dzsw-box1 .center-block .pull-left{ font-size: 1.2rem; line-height: 1.6; padding: 1.5rem 0;}
	
	.dzsw-box2{ padding-bottom: 2rem;}
	.dzsw-box2 .center-block ul{ margin: 1rem 0 0;}
	.dzsw-box2 .center-block ul li{ width: 100%; padding: 0; margin-top: 1rem;}
	.dzsw-box2 .center-block ul li a{ height: 7.5rem;}
	.dzsw-box2 .center-block ul li a img{ width: 5rem; height: 5rem;}
	.dzsw-box2 .center-block ul li a div span{ font-size: 1.3rem;}
	
	.dzsw-box3{ padding-bottom: 2rem;}
	.dzsw-box3 .center-block{ margin-top: 1rem;}
	.dzsw-box3 .center-block ul{ margin: 0;}
	.dzsw-box3 .center-block ul li{ width: 100%; padding: 0; margin-top: 1.5rem;}
	
	.dzsw-box4 .center-block{ padding: 1rem 0 2rem;}
	
	.dzsw-box6 .center-block{ padding-bottom: 2rem;}
	.dzsw-box6 .center-block ul{}
	.dzsw-box6 .center-block ul li{ margin-top: 1rem; width: 50%;}
	.dzsw-box6 .center-block ul li a{ height: 5.5rem;}
	.dzsw-box6 .center-block ul li a .f-l{ width: 30%;}
	.dzsw-box6 .center-block ul li a .f-l img{ height: 2.2rem;}
	.dzsw-box6 .center-block ul li a .f-r{ width: 70%; font-size: 1.1rem;}
	.dzsw-box6 .center-block ul li a .f-r h2{ font-size: 1.1rem;}
	
	.dzsw-box7{ padding: 2rem 0 1rem;}
	.dzsw-box7 .between-center{ display: block;}
	.dzsw-box7 .pull-left,.dzsw-box7 .pull-right{ width: 100%;}
	.dzsw-box7 .pull-left{ padding-bottom: 0rem;}
	.dzsw-box7 .pull-left span{ font-size: 2rem;}
	.dzsw-box7 .pull-left p{ font-size: 1.2rem;}
	
	.dzsw-box8 .center-block{ padding: 1rem 0 2rem;}
	.dzsw-box8 .center-block ul{ margin: 0;}
	.dzsw-box8 .center-block ul li{ width: 100%; padding: 0; margin-top: 1rem;}
	.dzsw-box8 .center-block ul li a{ height: auto; padding: 1.25rem;}
	.dzsw-box8 .center-block ul li a p{ margin-top: 0.8mrem;}
	
	.dzsw-box9.dzsw-box8 .center-block ul li a{ height: auto; padding: 1.5rem;}
	.dzsw-box9.dzsw-box8 .center-block ul li a div p{ height: auto;}
	
	.dzsw-box11{ padding-bottom: 2rem;}
	.dzsw-box11 .center-block ul li{ width: 50%; margin-top: 2rem;}
	.dzsw-box11 .center-block ul li i{ border-width: 1.5rem; width: 12rem; height: 12rem;}
	
	.dzsw-box12 .center-block{ padding: 0 0 2rem;}
	.dzsw-box12 .center-block ul li{ width: 50%; padding: 0 1rem; margin-top: 1.8rem;}
	
	.dzsw-box14 .center-block{ padding: 1rem 0 2rem;}
	.dzsw-box14 .center-block ul li{ width: 50%;}
	.dzsw-box14 .center-block ul li a{ padding: 2rem 1rem 0;}
	.dzsw-box14 .center-block ul li a i img{ height: 3.5rem;}
	.dzsw-box14 .center-block ul li a h2{ font-size: 1.2rem;}
	
	.dzsw-box17 .center-block{ padding: 1.5rem 0 2rem;}
	.dzsw-box17 .center-block ul{ margin: 0;}
	.dzsw-box17 .center-block ul li{ width: 100%; padding: 0; margin-top: 1rem;}
	
	.dzsw-box18 .center-block{ padding: 1rem 0 2rem; display: block;}
	.dzsw-box18 .center-block .pull-left,.dzsw-box18 .center-block .pull-right{ width: 100%;}
	.dzsw-box18 .center-block .pull-left ul li{ padding: 0.5rem;}
	.dzsw-box18 .center-block .pull-left ul li span{ font-size: 1.2rem; line-height: 3.5rem;}
	.dzsw-box18 .center-block .pull-right{ padding: 2rem 2rem 0;}
	
	.dzsw-box20 .center-block{ padding: 0.8rem 0 2rem;}
	.dzsw-box20 .center-block ul li{ width: 100%; height: auto; padding: 2rem 6rem 2rem 1.5rem;}
	
	.dzsw-box21{ padding: 2rem 0;}
	.dzsw-box21 .w-1400{ display: block;}
	.dzsw-box21 .pull-left,.dzsw-box21 .pull-right{ width: 100%;}
	.dzsw-box21 .pull-left .box2 ul li{ margin-top: 1.5rem;}
	.dzsw-box21 .pull-right{ margin-top: 2rem;}
	
	.dzsw-box22 .center-block{ padding: 0.5rem 0 2rem;}
	.dzsw-box22 .center-block ul{ margin: 0;}
	.dzsw-box22 .center-block ul li{ width: 100%; padding: 0; margin-top: 1.5rem;}
	.dzsw-box22 .center-block ul li a{ height: auto; padding: 1.5rem 1rem;}
	
	
	
	
	
    
}
@media screen and (max-width:768px){
}
@media screen and (max-width:480px){
}
@media screen and (max-width:365px){
}