@charset "utf-8";
/* CSS Document */


.top_h{ height: 90px;}
.sy-ban{ width: 100%;position: relative; overflow: hidden;}
.sy-ban img{ width: 100%;}
.sy-ban .svg-swiper-pagination{position: absolute;z-index: 1;flex-wrap: wrap; text-align: left; left: 4%; bottom: 80px;}
.svg-swiper-pagination .swiper-pagination-bullet{background: transparent;opacity: 1;position: relative;width: 38px;height: 38px;outline: none;}
.svg-swiper-pagination .swiper-pagination-bullet:after{content: "";position: absolute;left: 0;top: 0;z-index: 0;width: 38px;height: 38px;border-radius: 50%;transition: opacity .3s;background: url(../images/ic12.png) no-repeat center;}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{background: url(../images/ic13.png) no-repeat center;background-size: cover;width: 38px;height: 38px;}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: none;}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .circle2{-webkit-animation: svgCircleAnmi 6s linear forwards;animation: svgCircleAnmi 6s linear forwards}
.svg-swiper-pagination .svg{width: 38px;height: 38px;transform: rotate(-90deg);opacity: 0;transition: opacity .3s;display: block;}
.svg-swiper-pagination .swiper-pagination-bullet .svg{opacity: 1;}
.svg-swiper-pagination .circle1{/*stroke: #999;*/}
.svg-swiper-pagination .circle2{stroke: #fff;stroke-dasharray: 0 339;}
@-webkit-keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@-webkit-keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
5%{opacity: 1}
to{opacity: 0;transform: scale(1)}}
@keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
	5%{opacity: 1}}
.bannerswiper span.iconfont{font-size: 14px;color: #fff;}
.bannerswiper .page .swiper-num{position: absolute;z-index: 2;bottom: 74px;right: 4%;color: #fff; font-size: 20px;}
.bannerswiper .page .prne{width: 40px;position: absolute;bottom: 70px;right: 9%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0;}
.bannerswiper .page .swiper-pagination{position: absolute;bottom: 64px;left: 8%;z-index: 3;}
.bannerswiper .page .active{ font-size: 40px; font-weight: bold;}
.bannerswiper .banner-towrap{position: absolute;bottom: 42px; left: 50%; z-index: 2;margin-left: -24px;}
.bannerswiper .banner-towrap p{font-size: 12px;color: #FFFFFF;text-align: center;margin-top: 10px;}
.bannerswiper .banner-to{transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;display: block;border: 1px solid #FFFFFF; background-color: transparent;z-index: 9;margin: auto; color: #fff; position: relative; height: 30px; width: 20px; text-align: center; border-radius: 10px;}
.bannerswiper .banner-to i{ animation: downico 1.5s ease-out infinite;position: absolute; width: 3px; height: 3px; background: #fff; margin-left: -1px;}
@keyframes downico{
	0%{top: 10%;}
	35%{top: 40%;}
	65%{top: 50%;}
	100%{top: 10%;}
}
@-webkit-keyframes downico{
	0%{top: 10%;}
	35%{top: 40%;}
	65%{top: 50%;}
	100%{top: 10%;}
}

.sy-ban .b-trext{position: absolute; width: 100%; top: 35%; }
.sy-ban .b-trext h3{font-size: 60px; line-height: 72px; color: #fff;display: block; margin-top: 20px;}
.sy-ban .b-trext .more_btn{ margin-top: 50px;}
.sy-ban .b-trext p{ color: #fff; font-size: 18px;}
.sy_item_tit{ margin-bottom: 30px; color: #333;}
.sy_item_tit h3{ font-size: 56px;}
.sy_item_tit span{ display: block; text-transform: uppercase;color: #c4002b; font-family: arial;}
.sy_item_tit p{ color: #333;}
.item_top{ align-items: flex-end; margin-bottom: 30px;}
.item_top .sy_item_tit{margin-right: auto; margin-bottom: 0;}
.amore{height: 58px;line-height: 58px;padding: 0 40px;display: inline-block;border: 1px solid #999;}
.amore .jt,.amore2 .jt{width: 17px;height: 13px;overflow: hidden;margin-left: 8px;background: url(../images/z13.png) no-repeat center;display: inline-block;}
.amorew{border: 1px solid #fff;color: #fff;}
.amorew .jt,.amoreon .jt{background: url(../images/z14.png) no-repeat center;}
.amoreon{background: #c4002b;color: #fff;border-color: #c4002b;}

.amore:hover{border-color: #c4002b!important;background: #c4002b!important;color: #fff!important;}
.amore:hover .jt{background: url(../images/z14.png) no-repeat center;}
.amore2{height: 38px;line-height: 38px;display: inline-block;border-bottom: 1px solid #cdcdcd;}
.amore2:hover{border-color: #c4002b!important;color: #c4002b!important;}
.amore2:hover .jt{background: url(../images/z16.png) no-repeat center;}


.sy_solution{padding: 30px 0;}
.sy_solution .pic{ width: 68%; position: relative;}
.sy_solution .pic .imgfd{ padding-top: 65.4%;}
.sy_solution .pic ul.tab-hd{ position: absolute; width: 100%; bottom: 0; left: 0; z-index: 2; overflow: hidden;}
.sy_solution .pic ul.tab-hd li{ width: 33.33%; float: left; text-align: center; padding: 120px 0 40px; color: #fff; font-size: 20px;}
.sy_solution .pic ul.tab-hd li img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.sy_solution .pic ul.tab-hd li p{margin-top: 10px;}
.sy_solution .pic ul.tab-hd li.active{background: linear-gradient( to top,rgba(196,0,43,1),rgba(196,0,43,0.01));}
.sy_solution .right{ width: 32%; padding: 70px 70px 0; position: relative;}
.sy_sol_nav{ padding-bottom: 130px; position: relative;}
.sy_sol_nav .tit h3{ font-size: 30px; font-weight: normal; margin-right: auto;}
.sy_sol_nav .tit img{ height: 55px;}
.sy_sol_nav .line{ width: 40px; height: 3px; background: #c4002b; margin: 30px 0;}
.sy_sol_nav .list a{ height: 75px; border-bottom: 1px solid #d5d5d5;}
.sy_sol_nav .list a span{ display: block; margin-right: auto;}
.sy_sol_nav .list a i{ font-size: 28px; color: #999;}
.sy_sol_nav .list a:hover{ color: #c4002b; border-color: #c4002b;}
.sy_sol_nav .list a:hover i{ color: #c4002b;}
.sy_sol_nav .more{ margin-top: 35px; display: block; color: #333;}
.sy_sol_nav .more i{display: inline-block; line-height: 20px; height: 24px; width: 24px; text-align: center; color: #333; border-radius: 50%; border: 1px solid #333; margin-right: 8px; font-size: 24px;}
.sy_sol_nav .num{ color: rgba(51,51,51,.05); font-family: arial; font-size: 160px; line-height: 160px; position: absolute; right: 0; bottom: 0;}
.sy_solution .right .bg{ font-size: 100px; font-family: arial; font-size: 100px; color: rgba(51,51,51,.05); line-height: 100px; position: absolute; right: 30px; top: 100px; z-index: -1; text-transform: uppercase;}
.sy_sol_nav .more:hover{ color: #c4002b;}
.sy_sol_nav .more:hover i{ color: #c4002b; border-color: #c4002b;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ display: none;}
.swiper-button-prev,.swiper-button-next{ width: 54px; height: 54px; line-height: 54px; font-size: 20px; text-align: center; background: #fff; transition: .2s ease;}
.swiperall{ position: relative;}
.swiperall .swiper-button-prev,.swiperall .swiper-button-next{ border: 1px solid #dadada; bottom: calc(50% - 27px);}
.swiper-button-prev:hover,.swiper-button-next:hover{ background: #c4002b; color: #fff; border-color: #c4002b;}
.swiperall .swiper-button-prev{ left: -90px;}
.swiperall .swiper-button-next{ right:-90px;}


.sy_product{ background: #f9f9f9;}
.sy_product .sy_item_tit{ text-align: center;}
.sy_pro_nav{ overflow: hidden;}
.sy_pro_nav a{ float: left; margin-right: auto;text-align: center; font-size: 18px; color: #333;}
.sy_pro_nav a:last-child{ margin-right: 0;}
.sy_pro_nav a .ic{ height: 75px; overflow: hidden; margin-bottom: 5px;}
.sy_pro_nav a:hover{ color: #c4002b;}
.sy_pro_nav a:hover img{transform: translateY(-80px); filter: drop-shadow(#c4002b 0 80px);}
.sy_pro_list{ margin: 40px 0;}
.pro_item{ margin-bottom: 30px; background: #fff;}
.pro_item:hover h2{ color:#c4002b;}
.pro_item a{ display: flex; align-items: center; padding: 50px 20px 50px 60px;}
.pro_item .sy_pro_txt{ width: 45%;}
.pro_item .sy_pro_img{ width: 50%; margin-left: auto; position:relative;}
.pro_item .sy_pro_img .pro_logo{ position: absolute; width: 50%; opacity: .4; left:25%; top:calc(50% - 20px);}
.pro_item .sy_pro_img .pro_logo img{ width: 100%;}
.sy_pro_txt .sy_pro_tit h2{ font-size: 28px; line-height: 30px; height: 30px; overflow: hidden;}
.sy_pro_txt .sy_pro_tit{ padding-bottom: 15px; border-bottom: 3px solid #f2f2f2; position: relative;}
.sy_pro_txt .sy_pro_tit:after{ position: absolute; left: 0; bottom: -3px;; content: ' '; background: #c4002b; width: 65px; height: 3px; }
.sy_pro_txt p{ line-height: 24px; height: 96px; overflow: hidden; margin: 20px 0 50px;}
.sy_pro_txt span{ color: #333;}
.sy_pro_txt span .jt{width: 17px;height: 13px;overflow: hidden;margin-left: 8px;background: url(../images/z13.png) no-repeat center;display: inline-block;}
.btn_box{ text-align: center; margin-top: 30px;}

.sy_youshi{ position: relative; width:100%; overflow:hidden; height:860px;}
.youshibg,.youshibg ul,.youshibg .bgimgli{ width: 100%; height:100%;}

.youshibg .bgimg{ transition:all 6s ease; width:100%; height:100%;}
.youshibg .bgimg img{ width: 100%; height: 100%; object-fit: cover;}
.youshibg li.fd .bgimg{ transform:scale(1.1);}
.hmc3Randx{ width:680px; height:680px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin-top:20px;}
.hmc3rnds{ position:absolute; left:0; top:0; right:0; bottom:0}
.hmc3rnds img.hmc3aniImg{ position:absolute; left:0; top:0; right:0; bottom:0; width:100%;}
.hmc3rnds img:nth-child(1){ animation:radiusRotate 50s linear infinite;}
.hmc3rnds img:nth-child(2){ animation:radiusRotate2 20s linear infinite;}
.hmc3rnds img:nth-child(3){ animation:radiusRotate 30s linear infinite;}
.hmc3rnds img:nth-child(4){ animation:radiusRotate2 5s linear infinite;}
@keyframes radiusRotate {
	0% {
		transform:rotate(0deg);
	}
	100% {
		transform:rotate(360deg);
	}
}
@keyframes radiusRotate2 {
	0% {
		transform:rotate(0deg);
	}
	100% {
		transform:rotate(-360deg);
	}
}
.dsNone{ display: none;}
.hmc3items{ position:absolute; left:0; top:0; right:0; bottom:0;}
.hmc3item{ position:absolute; width:80px; height:80px; cursor:pointer}
.hmc3item p{ font-size:16px; color:#fff; line-height:26px; letter-spacing:1px; font-weight:100; position:absolute; white-space:nowrap; z-index:3; transition:all 0.5s ease-in-out;}
.hmc3si{ height:2.31vh; width:2.31vh; background:#fff; border:2px solid #c4002b; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmc3icon{ width:80px; height:80px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(0); border-radius:50%; transition:all 0.5s ease-in-out; opacity:0;}
.hmc3icon:before,.hmc3icon:after{content:"";background-color:rgba(255, 255, 255, 0.3);position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 50%;animation: hmc3Sos 3s linear infinite; width:100%; height:100%;}
.hmc3icon:after{animation-delay: 1.5s;}
@keyframes hmc3Sos {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}
.hmc3icon span{ position:absolute; left:0; top:0; right:0; bottom:0; border-radius:50%; background:#fff; z-index:1;}
.hmc3icon span:before{content:""; left:2px; top:2px; right:2px; bottom:2px; border:1px dashed #c4002b; border-radius:50%; position:absolute;}
.hmc3icon span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:50px; height:auto;}
.hmc3item01{ top:50px; right:50%; margin-right:-40px;}
.hmc3item01 p{ left:50%; transform:translateX(-50%); top:-60px;}
.hmc3item02{ right:30px; top:50%; margin-top:-40px;}
.hmc3item02 p{ right:-120px; top:50%; transform:translateY(-50%);}
.hmc3item03{ bottom:50px; right:50%; margin-right:-40px;}
.hmc3item03 p{ left:50%; transform:translateX(-50%); bottom:-60px;}
.hmc3item04{ left:30px; top:50%; margin-top:-40px;}
.hmc3item04 p{ left:-120px; top:50%; transform:translateY(-50%);}
.hmc3item.active .hmc3icon{transform:translate(-50%,-50%) scale(1); opacity:1}
.hmc3layer{position:absolute;left: 50%;text-align:center;color:#fff;top:50%;transform:translateX(-50%) translateY(-50%);width: 500px;height: 500px;padding: 20% 40px 0;border-radius: 50%;background: rgba(255,255,255,.15);}
.hmc3Lyx strong{ font-size: 36px; line-height: 36px; display: block; position: relative; padding-bottom:20px; }
.hmc3Lyx strong:after{content:""; background: #fff; height: 3px; width: 60px; position: absolute; left: 50%; margin-left:-30px; bottom: 0; }
.hmc3Lyx p{ display: block; margin-top:20px; height: 120px; }
.hmc3layer .amore{ border-radius: 29px; border-color:rgba(255,255,255,.4); margin-top:30px;}


.sy_about_txt{ width: 49%;}
.sy_about_txt .amore{ margin: 50px 0;}

.sy_number .line{ margin: 0 auto; width: 1px; height: 100px; transform: skewX(-15deg); background: #ddd;}
.sy_number dl dt{ overflow: hidden;}
.sy_number .line:last-child{ display: none;}
.sy_number dl dt{ text-align: center;}
.sy_number dl dt b{ font-size: 90px; font-family: teko; color: #c4002b; font-weight: normal; line-height: 70px; display: inline-block;}
.sy_number dl dt sup{ font-size: 48px; line-height: 30px; margin-left: 5px; color: #c4002b; font-family: teko;}
.sy_number dl dt:first-child sup{ font-size: 18px; font-family:' Microsoft Yahei'; line-height: 20px; font-weight: normal;}
.sy_number dl dt p{ font-size: 14px;}
.sy_ab_img{ width: 48%; position: relative;}
.sy_ab_img .play_btn{ position: absolute; left: 50%; bottom: 50%; margin-left: -50px; margin-bottom: -50px; cursor: pointer;}


.sy_news_list{ position: relative;}
.sy_news_list ul li{ background: #f5f5f5;}
.sy_news_list ul li .imgfd{ padding-top: 62.4%;}
.sy_news_list ul li:hover{ background: #c4002b; color: #fff;}
.sy_news_list ul li:hover h2,.sy_news_list ul li:hover span,.sy_news_list ul li:hover p{ color: #fff;}
.sy_news_list ul li .news_txt{ padding: 25px;}
.news_txt h2{ font-size: 20px; line-height: 30px; height: 30px; overflow: hidden;}
.news_txt p{ line-height: 24px; height: 48px; margin: 15px 0 20px; overflow: hidden;}
.news_txt span{ display: inline-block; font-size: 14px; line-height: 32px; color: #333;} 
.newsswiper{ overflow: hidden;}
.sy_coop{ background: #f0f0f0;}
.sy_coop .sy_item_tit{ text-align: center;}
.sy_coop_list .mySwiper1 { height: 300px; overflow: hidden;}
.sy_coop_list .swiper-wrapper{ height: 100%; overflow: hidden;}
.sy_coop_list ul li{background: #fff;}
.sy_coop_list ul li .imgfd{padding-top: 55%;}
.sy_coop_list .mySwiper1 ul li{height:  calc((100% - 20px) / 2) !important;}
.sy_coop_list .swiper-button-prev,.sy_coop_list .swiper-button-next{ border-radius: 50%;}

.foot_msg{ padding: 100px 0; text-align: center;}
.foot_msg h3{ font-size: 48px; color: #fff; margin-bottom: 20px;}
.foot_form{ width: 80%; margin: 0 auto; display: flex;}
.foot_form input,.foot_form textarea{ line-height: 54px; height: 54px; padding-left: 15px; background: #fff; margin-right: auto; width: 22%;}
.foot_form textarea{ width: 40%;}
.foot_form input.sub{ width: 13%; margin-right: 0; background: #c4002b; color: #fff; cursor: pointer;}
.foot_form input.sub:hover{ text-decoration: underline;}
.right_online{position: fixed;top: 50%;right: 20px;z-index: 999;}
.right_online li{text-align: center;position: relative;margin-bottom: 5px;cursor: pointer;}
.right_online li span{font-size: 26px;color: #fff;background: #c4002b;position: relative;z-index: 2;border-radius: 100%;display: block;line-height: 55px;width: 55px;height: 55px;}
.right_online li .box{
	position: absolute;right: 25px;top: 0;max-width: 0px;height: 55px;line-height: 55px;background: #c4002b;border-radius: 30px;border-top-right-radius: 0;border-bottom-right-radius: 0;
	overflow:hidden;
	-webkit-transition:max-width 0.3s linear;
	-moz-transition:max-width 0.3s linear;
	transition:max-width 0.3s linear;
}
.right_online li:hover .box{max-width:300px;z-index: 1;}
.right_online li .box .p{color: #fff;font-size: 16px;width: 100%;white-space: nowrap;padding-left: 30px;padding-right: 40px;display: flex;}
.right_online li.inq .addnum{width: 18px;height: 18px;position: absolute;top: 0;right: 0;text-align: center;line-height: 18px;background: red;color: #fff;border-radius: 500px;display: block;font-size: 12px;z-index: 9;}
.right_online li .ewmtp{width: 120px;height: 120px;right: 55px;background: none;border-radius: 0;}
.right_online li .ewmtp .p{padding: 0;}

.foot_box{ padding: 70px 0;}
.foot_box dl dt{ margin: 0 auto; text-align: center; color:#fff; width:30%;}
.foot_box dl dt h4{ font-weight: normal; color: #fff; font-size: 20px; margin: 15px 0;}
.foot_box dl dt .txt{ height: 60px;}
.foot_box dl dt p{ font-size: 18px;}
.foot_box dl dt span{ font-size: 24px; display:block; padding-top:10px;}


@media (max-width: 1700px){
	.swiper-button-prev{ left: .5%; margin-left: 0;}
	.swiper-button-next{ right: .5%; margin-right: 0;}
}


@media (max-width: 1600px){
	.index_head{padding: 0 2%;}
	.sy_item_tit h3{ font-size: 40px;}
	.sy_about_txt .btn_box{ margin: 35px 0;}
	.padd65{ padding: 70px 0;}
	.sy_about_txt{ padding-bottom: 0;}
	.index_head .nav li{ margin-right: 60px;}
	.sy_solution .right{ padding: 50px 40px 0;}
	.sy_solution .right .bg{ font-size: 80px; line-height:80px;}
	.sy_sol_nav .line{ margin: 20px 0;}
	.sy_sol_nav .list a{height: 60px;}
	.sy_sol_nav .num{ font-size:130px; line-height:130px;}
	.sy_solution .pic ul.tab-hd li{ padding: 90px 0 30px;}
	.sy_coop_list .mySwiper1{ height: 280px;}
	.swiperall .swiper-button-next{ right: 40px;}
	.swiperall .swiper-button-prev{ left: 40px;}
}

@media (max-width: 1441px){
	.index_head .nav li{ margin-right: 50px;}
	.sy_coop_list .mySwiper1{ height: 250px;}
	.foot_msg h3{ font-size: 40px;}
	.sy-ban .svg-swiper-pagination,.bannerswiper .page .swiper-num{ bottom: 50px;}
	.sy_about_txt .amore{ margin: 30px 0;}
	.foot_top .foot_nav a{ font-size: 18px; margin-left:80px;}
}

@media (max-width: 1281px){
	.sy_item_tit h3{ font-size: 34px;}
	.sy_item_tit p{ font-size: 16px;}
	.pro_item a{ padding: 25px;}
	.sy_pro_txt .sy_pro_tit h2{ font-size: 22px;}
	.sy_pro_txt p{ margin-bottom: 30px;}
	.sy_ab_des p{ font-size: 14px; line-height: 24px;}
	.sy_number dl dt b{ font-size: 70px; line-height: 60px;}
	.sy_about_txt .btn_box{ margin: 20px 0;}
	.sy_coop_list .mySwiper1{ height: 260px;}
	.foot_top .foot_nav a{ margin-left: 50px;}
	.sy_solution .right{padding: 20px 30px;}
	.sy_solution .pic ul.tab-hd li img{ height: 50px;}
	.sy_solution .pic ul.tab-hd li{font-size: 16px;}
	.sy_sol_nav .tit h3{ font-size: 24px;}
	.sy_sol_nav .tit img{ height: 40px;}
	.sy_sol_nav .line{margin: 15px 0;}
	.sy_sol_nav .list a{ height: 50px;}
	.index_head .nav li a{font-size: 14px;}
	.index_head .logo img{ max-height: 60px;}
	.sy_pro_nav a{font-size: 16px;}
	.sy_pro_nav a img,.sy_pro_nav a .ic{ height:60px;}
	.sy_pro_list{ margin-bottom: 20px;}
	.sy_youshi{ height: 600px;}
	.hmc3Randx{ width: 480px; height: 480px;}
	.hmc3layer{ width: 400px; height: 400px;}
	.hmc3Lyx strong{ font-size: 26px;}
	.hmc3Lyx p{ font-size: 14px; line-height: 24px; height: 96px;}
	.hmc3layer .amore{ line-height: 48px; padding:0 25px; height:48px;}
	.hmc3item{ width: 60px; height: 60px;}
	.hmc3item01{ top: 20px; margin-right: -30px;}
	.hmc3icon{ width: 60px; height: 60px;}
	.hmc3item01 p{ top: -45px;}
	.hmc3item02 { right: 20px; margin-top: -30px;}
	.hmc3item03{ bottom: 20px; margin-right: -30px;}
	.hmc3icon span img{ width: 36px;}
	.hmc3item04{ left: 20px; margin-top: -30px;}
	.hmc3si{ width: 10px; height: 10px;}
	.hmc3item03 p{ bottom: -40px;}
	.sy_news_list ul li .news_txt{ padding: 15px;}
	.news_txt h2{ font-size: 18px;}
	.sy_coop_list .mySwiper1{ height: 220px;}
	.foot_box dl dt img{ height: 50px;}
	.foot_box dl dt h4{ font-size: 18px;}
	.foot_box dl dt p{ font-size: 16px;}
}

@media (max-width: 1024px){
    .m_img{ border-bottom: 1px solid #e2e2e2;}
	.top_h{ height: 54px;}
	.sy-ban .svg-swiper-pagination{ display: none;}
	.bannerswiper .banner-towrap{ display: none;}
	.bannerswiper .page .swiper-num{ bottom: 40px;}
	
	.padd65{  padding: 40px 0;}
	.sy_solution .pic{ width: 100%; float: none;}
	.sy_solution .right{ width: 100%; padding: 30px 2%;}
	.sy_solution .pic ul.tab-hd{ top: 0;}
	.sy_solution .pic ul.tab-hd li{ padding: 20px 0 60px;}
	.sy_solution .pic ul.tab-hd li.active{background: linear-gradient( to bottom,rgba(196,0,43,1),rgba(196,0,43,0.01));}
	.sy_sol_nav .num{ font-size: 80px; line-height: 80px;}
	.sy_sol_nav{ padding-bottom: 0;}
	.sy_solution .right .bg{ top: 30px; font-size:60px; line-height:60px;}
	.sy_about_txt{ width: 100%; float: none;}
	.sy_ab_img{ width: 100%; float: none;}
	.sy_coop_list .mySwiper1{ height: 360px;}
	.sy_coop_list .mySwiper1 ul li{height:  calc((100% - 5px) / 2) !important;}
	.foot_box{ display: none;}
    .copy{ background: #ddd; font-size:14px;}
    .right_online{ display: none;}
	
}
@media (max-width: 768px){
    .sy_product .btn_box{ margin-top: 0;}
	.padd65{ padding: 25px 0;}
	.item_top{ display: block; text-align: center;}
	.item_top .amore{ display: none;}
	.sy_item_tit h3{ font-size: 30px;}
	.news_txt p{display: none;}
	.news_txt h2{ font-size: 16px; margin-bottom: 15px;}
	.swiper-button-prev, .swiper-button-next{ width:40px; height:40px; line-height:40px; font-size:16px;}
	.swiperall .swiper-button-next{ right: 20px;}
	.swiperall .swiper-button-prev{ left: 20px;}
	.sy_coop_list .mySwiper1{ height: 260px;}
}
@media (max-width: 540px){
    .sy_sol_nav .tit h3{ font-size: 20px;}
	.sy_pro_nav a, .sy_pro_nav span{ display: block; text-align: center; width: 20%; padding-bottom: 10px;}
	.sy_pro_list ul li{ width: 100%; float: none; margin-bottom: 20px;}
	.sy_item_tit{ margin-bottom: 20px;}
	.sy_item_tit h3{ font-size: 26px;}
	.sy_item_tit p{ font-size: 14px;}
	.sy_number dl dt b{ font-size: 50px; line-height: 40px;}
	.bannerswiper .page .swiper-num{ bottom: 20px;}
	.sy_number dl dt span{ font-size: 12px;}
	.sy_number dl dt p{ font-size: 12px;}
	.sy_coop_list .mySwiper1{ height: 180px;}
	.amore{ line-height: 46px; height: 48px; padding: 0 20px; font-size: 14px;}
	.sy_number .line{ height: 60px;}
	.sy_pro_txt p{ height: 72px; margin:15px 0 25px;}
	.item_top{ margin-bottom: 20px;}
	.sy_item_tit span{font-size: 14px;}
}
@media (max-width: 450px){
	.sy_solution .pic ul.tab-hd li img{ height: 40px;}
	.sy_solution .pic ul.tab-hd li{ padding: 20px 0 30px;}
	.sy_pro_list ul li a{ padding: 15px;}
	.sy_pro_txt .sy_pro_tit h2{ font-size: 18px;}
	.sy_pro_txt p{ margin-bottom: 0; margin-top: 10px;}
	.sy_coop_list .mySwiper1{ height: 150px;}
	.bannerswiper .page .active{ font-size: 24px;}
	.bannerswiper .page .swiper-num{ font-size: 16px;}
	.sy_item_tit h3{ font-size: 24px;}
	.sy_solution .right .bg{ font-size: 50px; line-height: 50px; right: 0;}
	.sy_number dl dt{ width: 45%; margin-bottom:20px;}
	.sy_number .line:nth-child(4){ display:none;}
	.sy_pro_nav a{ width: 30%;}
	.swiperall .swiper-button-next,.swiperall .swiper-button-prev{ display: none;}
	.hmc3Randx{ height: 320px; width: 320px;}
	.hmc3layer{ width: 250px; height: 250px; padding:15% 30px 0;}
	.hmc3layer .amore{ display: none;}
	.hmc3Lyx strong{ font-size: 18px; padding-bottom: 0; line-height:22px;}
	.hmc3Lyx strong:after{ display:none;}
	.hmc3Lyx p{margin-top: 10px; line-height:20px; font-size:13px; height:80px;}
	.hmc3item p{ font-size: 14px; line-height: 20px;}
	.hmc3item01{ top: 5px;}
	.hmc3item01 p{ top: -30px;}
	.hmc3item02{ right: 5px;}
	.hmc3item02 p{ right: -40px;}
	.hmc3item03{ bottom: 5px;}
	.hmc3item03 p{ bottom: -30px;}
	.hmc3item04{ left: 5px;}
	.hmc3item04 p{ left: -40px;}
	.news_txt h2{ height: 48px; line-height:24px; margin-bottom:10px;}
	.news_txt span{ font-size: 12px;}
	.copy{ font-size: 12px;}
	.sy_pro_txt span{ display: none;}
	.sy_pro_list{margin-top: 20px;}
}


.ny_banner{ width: 100%; overflow: hidden; position:relative;}
.ny_banner img{ width: 100%;}
.ny_ban_txt{ position:absolute; text-align:center; top:30%; color:#fff; width:100%; left:0;z-index:4;}
.ny_ban_txt h3{ font-size: 52px; color: #fff; margin-bottom: 10px;}
.ny_ban_txt p{ font-size: 18px;}
.posi{ padding: 30px 0;}
.posi i{ color: #c4002b; margin-right: 10px;}
.ny_pro_nav{ background:#fff; padding:35px 60px; margin-bottom:40px;}
.ny_pro_nav h3.tit{ font-size: 26px; padding-left: 15px; line-height: 26px; height: 26px; border-left: 4px solid #c4002b; width:100%;}
.ny_pro_nav a{ display: block; width: 12.5%; float: left; margin-top: 30px; height:36px; color:#333;}
.ny_pro_nav a i{ margin-left: 3px; color:#fff;}
.ny_pro_nav a p{ display: inline-block; font-size: 18px; position:relative; line-height:36px;}
.ny_pro_nav a p:after{ position:absolute; bottom: 0; left: 0; height: 1px; width: 0; content: ''; background: #c4002b; transition:.2s ease;}
.ny_pro_nav a.on p,.ny_pro_nav a:hover p{ color:#c4002b;}
.ny_pro_nav a.on p:after,.ny_pro_nav a:hover p:after{ width:100%;}
.ny_pro_nav a.on i,.ny_pro_nav a:hover i{ color:#c4002b;}

.ny_pro_list ul li{ float: left; width: 49%; margin-right: 2%; margin-bottom: 30px;}
.ny_pro_list ul li:nth-child(2n){ margin-right:0;}

@media (max-width: 1441px){
.ny_pro_nav{ padding: 30px 40px;}
.ny_pro_nav a p{ font-size: 16px;}
}
@media (max-width: 1281px){
    .ny_pro_nav a{ width: 16.66%; margin-top:20px;}
}
@media (max-width: 768px){
    .ny_pro_nav{ padding: 20px;}
    .ny_pro_nav a{ width: 25%; height:30px;}
    .ny_pro_nav a p{ font-size: 14px; line-height: 30px;}
    .ny_pro_list ul li{ width: 100%; float: none;}
}
@media (max-width: 540px){
    .ny_pro_nav h3.tit{ font-size: 20px; line-height: 20px; height: 20px;}
    .ny_pro_nav a{ width: 50%;}
    .ny_banner:not(.sol_banner) img{ width:140%; margin-left:-20%;}
}
@media (max-width: 450px){
    .ny_pro_nav a{ margin-top:10px;}
}
.proshow_top{ padding: 50px; background: #fff;}
.proshow_top .proshow_img{ width: 48%;}
.proshow_img .big_img{ border: 1px solid #e8e8e8; margin-bottom:20px;}
.proshow_img .swiper-button-prev{ left: 0; margin-left: 0; background:none; bottom:40%;}
.proshow_img .swiper-button-next{ right: 0; margin-right: 0;background:none; bottom:40%;}
.proshow_top .pro_det_txt{ width: 48%;}
.smallimg{ padding: 0 30px; position:relative;}
.smallimg ul li{ border: 1px solid #e8e8e8;}
.smallimg ul li.swiper-slide-thumb-active{ border-color: #c4002b;}
.det_tit p{ color:#c4002b; font-size:18px;}
.det_tit h1{ font-size: 38px; margin: 10px 0 25px;}
.det_tit{ position: relative; border-bottom: 1px solid #e9e9e9;}
.det_tit:after{ position: absolute; width: 130px; height: 4px; content: ''; left: 0; bottom: 0; background:#c4002b;}
.pro_des { margin: 20px 0 60px;}
.pro_des p{ font-size: 16px; margin-bottom:10px; color:#333;}
.smallimg .swiper-button-prev,.smallimg .swiper-button-next{ width: 20px; font-size:30px; bottom:30%;}
.smallimg .swiper-button-prev:hover,.smallimg .swiper-button-next:hover{ color:#c4002b;}
.pro_youshi dl dt{ width: 36%; border-left: 1px solid #d2d2d2; padding-left: 40px; font-size:18px; color:#333;}
.pro_youshi dl dt:first-child{ width:28%; padding-left: 0; border:none;}
.pro_youshi dl dt .ic{ margin-right: 20px;}
.scont_btn{ margin-top: 120px;}
.scont_btn a{ display: inline-block; line-height: 54px; width: 180px; text-align: center; border: 1px solid #c4002b; color:#c4002b; transition:.2s ease;}
.scont_btn a i{ margin-right: 10px; font-size:20px;}
.scont_btn a.ljzx{ background: #c4002b; color: #fff; margin-right: 20px;}
.scont_btn a:hover{ box-shadow:0 0 8px rgba(196,0,42,.3);}
.mainh{ height: 80px;}
.proshow_tab { background: #2d2d2d;}
.proshow_tab ul li{ line-height: 95px; font-weight: bold; color: #fff; width: 230px; text-align: center; font-size: 22px; display:inline-block; cursor:pointer;}
.proshow_tab ul li.on,.proshow_tab ul li:hover{ background: #c4002b;}
.show_content{ padding: 60px 0; overflow:hidden;}
.show_content img{ max-width: 100%!important;}
.proshow_box .item{ padding: 0 50px; display:none;}
.proshow_box .item table{ width: 100%; text-align: center;}
.proshow_box .item table td{ line-height: 65px; border-right:2px solid #fff;}
.proshow_box .item table tr{ background: #f4f4f4;}
.proshow_box .item table tr:first-child{ background:#888888; color:#fff; font-size:20px;}
.proshow_box .item table tr:first-child td:first-child{ background:#c4002b;}
.appli_list ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom:25px; background:#ececec; color:#333;}
.appli_list ul li:nth-child(3n){ margin-right:0;}
.appli_list ul li .txt{ padding: 12px 0;text-align: center; font-size:18px;}
.appli_list ul li .imgfd{ padding-top: 60%;}
.appli_list ul li:hover{ background:#c4002b; color: #fff;}
.appli_list ul li:hover p{ color:#fff;}

.faq_list ul li{ margin-bottom: 20px;}
.faq_list ul li .tit{ background: #f8f8f8; padding: 30px 60px; cursor:pointer;}
.faq_list ul li .tit p{ font-size: 20px; color: #333; margin: 0 auto 0 20px; max-width:calc(100% - 110px);}
.faq_list ul li .tit span.tq{ display: inline-block; height: 54px; width: 54px; line-height: 54px; border: 1px solid #afafaf; font-size:22px; color:#333; text-align:center; border-radius:50%;}
.faq_list ul li .tit .jia,.faq_list ul li .tit .jian{ font-size: 40px; font-weight: lighter; cursor:pointer;}
.faq_list ul li .tit .jian{ display: none;}
.faq_list ul li .tit.on,.faq_list ul li .tit:hover{ background:#c4002b; color: #fff;}
.faq_list ul li .tit.on span,.faq_list ul li .tit.on p,.faq_list ul li .tit:hover span,.faq_list ul li .tit:hover p{ color:#fff; border-color: #fff;}
.faq_list ul li .answer{ padding: 30px 60px; align-items:flex-start; display:none;}
.faq_list ul li .answer span.aa{ display: inline-block; width: 54px;font-size:22px; color:#333; text-align:center; border-radius:50%; float:left;}
.faq_list ul li .answer .box{ width: calc(100% - 100px); margin-left: 20px; float:left;}
.page_btn{ padding-top: 40px; border-top:1px solid #ededed;}
.page_btn .back{ margin: 0 auto;}
.page_btn .back a i{ margin-right: 10px;}
.page_btn .next{ text-align: right;}
.page_btn a:hover{ color:#c4002b;}

.pro_contact{ padding: 60px 60px 70px; background: #fff;}
.pro_contact .left,.pro_contact .pro_form{ width: 48%; overflow:hidden;}
.pro_contact .left ul li.fl{ width: 32%; margin-right: 2%;}
.pro_contact .left ul li.fl:nth-child(3){ margin-right:0;}
.pro_contact .left ul li{ margin-bottom: 25px; font-size:14px;}
.pro_tit{ text-align: center; margin-bottom: 30px;}
.pro_tit h3{ font-size: 48px; margin-bottom: 10px;}
.pro_contact .left ul li i{ display: inline-block; width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; border: 1px solid #d3d3d3; line-height: 40px; text-align: center; font-size: 22px;}
.pro_contact .left ul li .txt{ max-width: calc(100% - 55px);}
.pro_contact .left ul li p{ color: #333;}
.pro_contact .left ul li a{ color: #666;}
.pro_form .formbox.fl{ width: 49%; margin-right: 2%;}
.pro_form .formbox.fl:nth-child(2){ margin-right:0;}
.pro_form .formbox{ margin-bottom: 8px;}
.pro_form input,.pro_form textarea{ width: 100%;padding: 0 15px; line-height: 62px; background: #f5f5f7;}
.pro_form input.sub{ background: #c4002b; cursor: pointer; margin-top:20px; color:#fff; transition:.2s ease;}
.pro_form input.sub:hover{box-shadow:0 0 10px rgba(196,0,43,.4);}
.recswiper{ overflow: hidden; position: relative; padding-bottom: 20px;}
.swiper-pagination-bullet{ border-radius: 0; height: 3px; width: 50px; margin: 0 4px; background: #b7b7b7;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #c4002b;}
.zx_wx{position: fixed; top: 20%; padding: 40px; background: #fff; text-align: center; left:calc(50% - 95px);z-index:99; box-shadow:0 0 15px rgba(0,0,0,.2); border-radius:8px; display:none;}
.zx_wx img{ width: 150px;}
.zx_wx p{ margin-top: 20px;}
.zx_wx .gb{ font-size: 28px; position: absolute; top: 10px; right: 10px; cursor:pointer;}
.zx_wx .gb:hover{ color:#c4002b;}
@media (max-width: 1281px){
    .scont_btn{ margin-top: 60px;}
    .proshow_box .item{ padding: 0 30px;}
    .det_tit h1{font-size: 32px;}
    .pro_youshi dl dt{ padding-left: 20px; font-size:16px;}
    .pro_tit h3{font-size: 40px;}
}
@media (max-width: 1024px){
    .proshow_top{padding: 30px;}
    .pro_des{ margin-bottom: 30px;}
    .pro_youshi dl{ display: block;}
    .pro_youshi dl dt{ width: 100%; padding: 0; border:none; margin-bottom:20px;}
    .pro_youshi dl dt:first-child{ width:100%;}
    .scont_btn{ margin-top: 30px;}
    .pro_youshi dl dt .ic img{ height: 30px;}
    .pro_youshi dl dt .ic{ margin-right: 5px;}
    .scont_btn a{ line-height: 48px;}
    .proshow_tab ul li{ line-height: 70px; font-size:20px; width:24%;}
    .show_content{padding: 40px 0;}
    .pro_contact{ padding: 30px;}
    .pro_contact .left ul li.fl{ width: 100%; float: none;}
    .pro_contact .left .map{ display: none;}
    .pro_tit h3{ font-size: 32px;}
    .mainh{ height: 50px;}
}
@media (max-width: 768px){
    .proshow_top .proshow_img{ width: 100%; float: none; margin-bottom: 20px;}
    .proshow_top .pro_det_txt{ width: 100%; float: none;}
    .det_tit h1{ font-size: 26px; margin-bottom: 15px;}
    .det_tit p{font-size: 16px;}
    .page_btn{ padding-top: 25px;}
    .pro_contact .left, .pro_contact .pro_form{ width: 100%; float: none;}
    .appli_list ul li{ width: 49%;}
    .appli_list ul li:nth-child(3n){ margin-right:2%;}
     .appli_list ul li:nth-child(2n){ margin-right:0;}
     .appli_list ul li .txt{font-size: 16px;}
}
@media (max-width: 540px){
    .mainh{ height: 30px;}
    .proshow_tab ul li{ line-height: 50px; font-size: 18px;}
    .proshow_box .item{padding: 0;}
    .show_content{padding: 25px 0;}
    .page_btn{ display: block;}
    .page_btn .back{ display: none;}
    .page_btn .next{ text-align: left; margin-top: 15px;}
    .pro_form input, .pro_form textarea{ line-height: 44px;}
}
@media (max-width: 450px){
    .proshow_top{padding: 20px;}
    .smallimg .swiper-button-prev, .smallimg .swiper-button-next{font-size: 16px; width: 16px;}
    .det_tit p{font-size: 14px;}
    .det_tit h1{font-size: 22px; margin: 10px 0;}
    .pro_des p{ font-size: 14px;}
    .scont_btn a{ width: 40%; line-height:44px;}
    .pro_contact{padding: 20px;}
    .pro_tit{ margin-bottom: 20px;}
    .pro_tit h3{font-size: 26px;}
    .proshow_tab ul li{ width: 32%; line-height: 56px;}
    .swiper-pagination-bullet{ width: 30px;}
}
.nynews_nav{ margin-left: auto;}
.nynews_nav a{ display: inline-block; margin-left: 200px; line-height:80px; font-size:18px; position:relative;}
.nynews_nav a:after{ position:absolute; width: 0; height: 3px; content: ''; background: #c4002b; left: 0; bottom: 0; transition:.2s ease;}
.nynews_nav a.on,.nynews_nav a:hover{ color:#ca002b;}
.nynews_nav a.on:after,.nynews_nav a:hover:after{ width:100%;}
.first_news{ background: #fff; margin-bottom:70px;}
.first_news .txt{ width: 50%; padding: 70px 60px 0;}
.first_news .pic{ width: 50%;}
.first_news .pic .imgfd{ padding-top: 62.5%;}
.first_news .txt span{ color:#333;}
.first_news .txt h2{ font-size:32px; line-height: 46px; margin: 20px 0;}
.first_news .txt p{ max-height: 90px; overflow: hidden; margin-bottom:50px;}
.first_news:hover h2{ color:#c4002b;}
.ny_news_list ul li{ margin-bottom: 30px;}
.ny_news_list ul li a{ background: #fff; padding: 60px 50px; color:#333; transition:.2s ease;}
.ny_news_list ul li a .tit{ width: 33%; padding: 10px 50px; height: 100px; overflow: hidden; margin:0 auto; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
.ny_news_list ul li .des{ width: 52%; max-height: 90px; overflow: hidden;}
.ny_news_list ul li a .tit h2{ font-size: 26px; line-height: 45px;}
.ny_news_list ul li .date p{ font-size: 32px; margin-bottom:10px;}
.ny_news_list ul li .date span{ font-size: 20px;}
.ny_news_list ul li:hover a,.ny_news_list ul li:hover h2{ color:#fff;}
.ny_news_list ul li:hover a{ background:#c4002b;}

@media (max-width: 1281px){
.first_news .txt{padding: 50px 40px 0;}
.first_news .txt h2{font-size: 26px; line-height: 40px;}
.first_news .txt p{ margin-bottom: 30px;}
}
@media (max-width: 1024px){
    .first_news .txt span.amore{ display:none ;}
    .first_news .txt h2{margin: 10px 0; font-size:24px; line-height:32px;}
    .first_news .txt{ padding: 30px 20px 0;}
    .first_news{ margin-bottom: 50px;}
    .ny_news_list ul li a{ padding: 40px 30px;}
    .ny_news_list ul li a .tit h2{ font-size: 22px; line-height: 32px; height: 64px; overflow: hidden;}
    .ny_news_list ul li .date p{font-size: 26px;}
    .ny_news_list ul li a .tit{ height: 90px; padding: 10px 30px;}
}
@media (max-width: 768px){
    .first_news .pic{ width: 100%; float: none;}
    .first_news .txt{ width: 100%; float: none; padding: 20px;}
    .first_news .txt p{ margin-bottom: 0;}
    .ny_news_list ul li .des{ height: 72px;}
    .ny_news_list ul li a{padding: 20px 30px;}
    .ny_news_list ul li a .tit h2{ font-size: 18px; line-height: 30px; height: 60px;}
    .ny_news_list ul li .date span{font-size: 16px;}
    .nynews_nav a{font-size: 16px; margin-left: 80px; line-height:59px;}
}
@media (max-width: 450px){
    .ny_banner:not(.sol_banner) .ny_ban_txt p{ display:none;}
    .nynews_nav{ display: none;}
    .ny_news_list ul li .des{ display: none;}
    .ny_news_list ul li a .tit{ width: 70%; padding: 0 0 0 20px; border-right:none; height:auto;}
    .ny_news_list ul li a{ padding: 15px 20px;}
    .ny_news_list ul li .date p{font-size: 22px;}
    .first_news{ margin-bottom: 25px;}
    .ny_news_list ul li{ margin-bottom: 20px;}
    .first_news .txt h2{font-size: 20px; line-height: 28px;}
}
.showposi{ margin-bottom: 30px;}
.main_left{ width: 23.75%;}
.main_right{ width: 74%;}
.main_left .left_nav{ background: #fff; overflow: hidden;}
.main_left .left_nav .nav_tit{ background: #c4002b; color: #fff; font-size: 22px; padding:0 30px; line-height:80px;}
.main_left .left_nav .nav_tit i{ margin-left: auto; font-size: 22px;}
.main_left .left_nav ul li{ padding: 0 30px;}
.main_left .left_nav ul li a{ line-height: 30px; font-size: 18px; padding: 25px 0; border-bottom:1px solid #efefef;}
.main_left .left_nav ul li span{ display: block; width: calc(100% - 40px); margin-right: auto;}
.main_left .left_nav ul li:last-child a{ border:none;}
.main_left .left_nav ul li:hover a,.main_left .left_nav ul li.act a{ color:#c4002b;}
.main_left .left_nav ul li.act i{ transform: rotate(90deg);}
.main_left .left_nav ul li i{ font-size: 18px;}
.recom_news{ background: #fff; padding: 30px; margin-top: 30px;}
.recom_news h3{ font-size: 22px; line-height: 20px; padding-left: 15px; border-left: 5px solid #c4002b;}
.recom_news ul li{ padding: 25px 0; border-bottom: 1px solid #ececec;}
.recom_news ul li p{ font-size: 18px; margin-bottom: 15px; line-height:24px; color:#333;}
.recom_news ul li span,.recom_news ul li i{ font-size: 14px; color: #666;}
.recom_news ul li:hover p{ color:#c4002b;}
.recom_news ul li:last-child{ border:none; padding-bottom: 0;}
.news_show{ background: #fff; padding: 85px 50px 75px;}
.news_show h1{ font-weight: normal; font-size: 36px;}
.news_show .info{ padding: 40px 0; border-bottom: 1px solid #efefef;}
.news_show .info .source{ margin: 0 auto;}
.news_show .info .source span{ color: #c4002b;}
@media (max-width: 1024px){
.main_left .left_nav .nav_tit{ font-size: 20px; line-height: 60px; padding:0 20px;}
.main_left .left_nav ul li a{ padding: 18px 0;}
.main_left .left_nav ul li{ padding: 0 20px;}
.recom_news{ padding: 20px;}
.recom_news ul li p{ font-size: 16px;}
.news_show{ padding: 60px 40px 50px;}
.news_show h1{font-size: 32px;}
.news_show .info{ padding: 25px 0;}

}
@media (max-width: 768px){
    .main_left{ display: none;}
    .main_right{ width: 100%; float: none;}
    .showposi{ margin-bottom: 0;}
}
@media (max-width: 540px){
    .news_show{ padding: 30px 20px;}
    .news_show .info .source{ display: none;}
    .news_show h1{font-size: 24px;}
     .news_show .info{ padding: 15px 0; font-size: 14px;}
    .news_show .info .date{ margin-right: auto;}
}
@media (max-width: 450px){
    .news_show h1{font-size: 20px;}
    .page_btn{ font-size: 14px;}
}
.left_support,.left_form{ background: #fff; padding:30px; margin-top:30px;}
.left_support h3,.left_form h3{ font-size: 22px; line-height: 22px; padding-left: 15px; border-left: 5px solid #c4002b; margin-bottom:35px;}
.left_support i{ font-size: 50px; color: #333; margin-right: 15px;}
.left_support b{ font-size: 48px; font-family:teko; color:#333; display:inline-block; font-weight:normal;}
.left_form input,.left_form textarea{ width: 100%; background: #f7f7f7; line-height: 54px; margin-bottom: 15px; border-left: 3px solid #c4002b; padding-left:15px;}
.left_form input.sub{ background: #c4002b; color: #fff; text-align: center; padding-left:0; cursor:pointer; transition:.2s ease;}
.left_form input.sub:hover{ box-shadow:0 0 8px rgba(196,0,43,.5);}
.vedio_list ul li a,.down_list ul li a{ background: #fff; padding: 50px 55px; transition:.2s ease;}
.vedio_list ul li,.down_list ul li{ margin-bottom: 20px;}
.vedio_list ul li p{ color: #333; font-size: 22px; line-height: 22px; height: 22px; overflow: hidden; padding-right: 20px; margin-right: 20px; border-right:1px solid #afafaf; max-width:calc(100% - 330px);}
.vedio_list ul li .play{ margin-left: auto; font-size:18px; color:#333;}
.vedio_list ul li .play i{ font-size: 24px; margin-left: 5px;}
.vedio_list ul li:hover a{ background:#c4002b; color: #fff;}
.vedio_list ul li:hover p,.vedio_list ul li:hover .play{ color:#fff; border-color:#fff;}


.down_list ul li a{padding: 30px 55px; color:#333;}
.down_list ul li .txt{ margin-right: auto; max-width:calc(100% - 60px);}
.down_list ul li .txt span{ font-size: 14px; color: #717171; display: block;}
.down_list ul li .txt p{ color: #333; font-size: 20px; margin-top:10px;}
.down_list ul li i.icon-xiazai1{ font-size: 36px;}
.down_list ul li:hover a{ background:#c4002b; color:#fff;}
.down_list ul li:hover span,.down_list ul li:hover p{ color:#fff;}
@media (max-width: 1281px){
.left_support b{ font-size: 25px;}
}
@media (max-width: 1024px){
.left_support, .left_form{padding: 20px;}
.left_support b{font-size: 34px;}
.left_support h3, .left_form h3{ margin-bottom: 20px;}
.left_form input, .left_form textarea{ line-height: 40px; font-size:14px;}
.vedio_list ul li a, .down_list ul li a{ padding: 30px 35px;}
.vedio_list ul li p{font-size: 18px;}
.vedio_list ul li .play{font-size: 16px;}

}
@media (max-width: 540px){
    .vedio_list ul li a, .down_list ul li a{padding: 20px 25px;}
    .vedio_list ul li .play{ display: none;}
    .vedio_list ul li .date{ font-size: 14px; margin-left:auto;}
    .vedio_list ul li p{max-width: calc(100% - 150px); padding-right:10px; margin-right:auto;}
    .down_list ul li .txt p{font-size: 18px;}
    .down_list ul li i.icon-xiazai1{ font-size: 30px;}
}
@media (max-width: 450px){
    .vedio_list ul li p{ font-size: 16px; line-height: 24px; max-height: 48px;height:auto;}
    .vedio_list ul li a, .down_list ul li a{ padding: 10px 15px;}
    .down_list ul li .txt span{font-size: 12px;}
    .down_list ul li .txt p{font-size: 16px;}
}
.ny_faq ul li .tit,.ny_faq ul li{ background: #fff;}
.show_content iframe{max-width: 100%!important;}

@media (max-width: 1024px){
.faq_list ul li .tit,.faq_list ul li .answer{ padding: 20px 30px;}
}
@media (max-width: 540px){
    .faq_list ul li .tit, .faq_list ul li .answer{ padding: 15px 20px;}
    .faq_list ul li .tit span.tq{ width: 40px; height: 40px; line-height: 40px; font-size:18px;}
    .faq_list ul li .tit p{ font-size: 18px;}
    .faq_list ul li .answer span.aa{ width: 40px; font-size: 18px;}
}
@media (max-width: 450px){
    .faq_list ul li .tit span.tq{ width: 32px; height: 32px; line-height: 30px; font-size: 16px;}
    .faq_list ul li .answer span.aa{display:none;}
    .faq_list ul li .tit p{ font-size: 16px; max-width: calc(100% - 80px);}
    .faq_list ul li .tit .jia, .faq_list ul li .tit .jian{font-size: 30px;}
    .faq_list ul li .answer .box{ width: 100%; margin-left: 0;}
}
.nposi{ border-bottom: 1px solid #f0f0f0;}
.ab_nav a{ margin-left: 150px;}

.about_main .imgfdd{ width: 50%; position:relative;}
.about_main .txt{ width: 47%; padding-top:50px;}
.about_main .txt h3{ font-size: 40px; margin-bottom: 30px;}
.about1 .imgfdd .play{ position: absolute; width: 100%; left: 0; top: calc(50% - 60px); text-align:center;}
.about1 .imgfdd .play img{ width: auto; display:inline-block; cursor:pointer;}
.about1{ margin-bottom: 60px;}

.ab_number{ margin-top:60px;}
.ab_number dl .line:last-child{ display:none;}
.ab_number dl .line{ margin: 0 auto; width: 1px; height: 90px; background: #cecece; transform: skew(-15deg);}
.ab_number dl .ic{ margin-right: 20px;}
.ab_number dl b{ font-size: 90px; font-family: teko; line-height: 80px; font-weight:normal;}
.ab_number dl sup{ font-size: 48px; line-height: 30px; font-weight:bold; margin-left:5px;}
.ab_number dl dt:first-child sup{ font-size:18px; font-weight: normal;}
.ab_number dl dt p{ font-size: 14px;}


.ab_tit{ font-size: 48px; text-align: center; margin-bottom: 35px;}
.cul_box .item{ width: 49%; margin-right: 2%; float:left; padding:60px 65px 130px; position:relative;}
.cul_box .item:last-child{ margin-right:0;}
.cul_box .item h4{ font-size: 36px; font-weight: normal; margin-bottom: 20px; color:#c4002b;}
.cul_box .item p{ font-size: 18px; line-height: 36px;}
.cul_box .item .des{ height: 110px; margin-bottom: 60px; position:relative; z-index:2;}
.cul_box .item .ent{ position: absolute; text-transform: uppercase; font-size: 60px; line-height: 70px; color: #f3f3f3; text-align: right; right: 50px; top: 50px; font-family:arial; z-index:0;}

.honor_list ul li{ float: left; background: #fff; width: 18.4%; margin-right: 2%; margin-bottom:25px; text-align:center;}
.honor_list ul li:nth-child(5n){ margin-right:0;}
.honor_list ul li .pic{ padding: 25px 45px; border-bottom:1px solid #e8e8e8;}
.honor_list ul li .txt{ padding: 15px 0;}
.honor_list ul li .txt p{ font-size: 18px; line-height: 36px; height: 36px;}
.honor_list ul li .pic .imgfd{ padding-top: 143%;}

.fengcai_list ul li{ width: 24%; margin-right: 1.33%; float: left; margin-bottom:20px;}
.fengcai_list ul li:nth-child(4n){ margin-right:0;}
@media (max-width: 1441px){
.about_main .txt h3{ font-size: 36px; margin-bottom: 20px;}
.about_main .txt{ padding-top: 25px;}
}
@media (max-width: 1281px){
    .about1 .imgfdd .play img{ height: 100px;}
    .ab_nav a{ margin-left: 100px;}
    .cul_box .item{ padding: 40px 40px 80px;}
    .cul_box .item .icon img{ height: 100px;}
    .cul_box .item p{font-size: 16px; line-height: 30px;}
    .ab_tit{font-size: 40px;}
    .honor_list ul li .txt p{ font-size: 16px; line-height: 24px; height:24px;}
}
@media (max-width: 1024px){
    .about_main .imgfdd{ width: 100%; float: none;}
    .about_main .txt{ width: 100%; float: none;}
    .about1{ margin-bottom: 35px;}
    .ab_number dl b{ font-size: 70px; line-height: 70px; height: 70px;}
    .ab_nav a{ margin-left: 60px;}
    .cul_box .item .ent{font-size: 40px; line-height: 50px;}
    .cul_box .item h4{font-size: 30px;}
    .cul_box .item .des{ margin-bottom: 30px;}
    .ab_tit{ font-size: 36px; margin-bottom: 25px;}
    .honor_list ul li .txt p{ height: 48px;}
    .honor_list ul li .pic{ padding: 15px 20px;}
}
@media (max-width: 768px){
    .ab_number dl .ic img{ width: 50px;}
    .ab_number dl sup{font-size: 30px; line-height: 20px;}
    .ab_number dl b{ font-size: 60px; line-height: 50px; height: 50px;}
    .ab_number{ margin-top: 30px;}
    .cul_box .item{ width: 100%; float: none; margin-bottom:20px;}
    .honor_list ul li{ width: 32%; margin-right: 2%;}
    .honor_list ul li:nth-child(5n){ margin-right:2%;}
    .honor_list ul li:nth-child(3n){ margin-right:0;}
    .fengcai_list ul li{ width: 49%; margin-right: 2%;}
    .fengcai_list ul li:nth-child(2n){ margin-right:0;}
}
@media (max-width: 540px){
    .ab_nav{ display: none;}
    .about1 .imgfdd .play img{ height: 60px;}
    .about1 .imgfdd .play{ top: calc(50% - 30px);}
    .about_main .txt h3{font-size: 26px;}
    .ab_number dl dt{  width: 45%; margin-bottom:20px;}
    .ab_number dl .line:nth-child(4){ display:none;}
    .ab_number dl .line{ height: 60px;}
    .cul_box .item{ padding: 30px 20px 40px;}
    .cul_box .item .icon img{ height: 70px;}
    .honor_list ul li .txt p{ font-size: 14px; line-height: 20px; height: 40px;}
}
@media (max-width: 450px){
    .about_main .txt h3{font-size: 20px;}
    .about1{ margin-bottom: 20px;}
    .ab_number dl .ic img{ width: 40px;}
    .ab_number dl b{font-size: 50px; line-height: 40px; height: 40px;}
    .ab_number dl .ic{ margin-right: 8px;}
    .cul_box .item h4{font-size: 24px; margin-bottom: 15px;}
    .cul_box .item .ent{ top: 20px; right: 20px;}
    .ab_tit{font-size: 26px; margin-bottom: 20px;}
    .btn_box{ margin-top: 20px;}
    
}
.sol_banner{ width: 100%; position: relative; height: 440px; overflow: hidden;}
.sol_banner img{ width: 100%; height: 100%; object-fit: cover;}
.sol_banner .bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.2); z-index:3;}
.bansol_nav{ margin-top: 40px;}
.bansol_nav a{ display: inline-block; width: 170px; line-height: 58px; color: #fff; border: 1px solid #fff; text-align: center;font-size: 18px; margin:0 10px; transition:.2s ease;}
.bansol_nav a:hover,.bansol_nav a.on{ background:#c4002b; border-color: #c4002b;}

.ny_sol_list ul li{ width: 32%; float: left; margin-bottom: 30px;background: #fff; margin-right: 2%; position:relative; transition:.2s ease;}
.ny_sol_list ul li:nth-child(3n){ margin-right:0;}
.ny_sol_list ul li:after{ position:absolute; height: 4px; width: 0; left: 0; bottom: 0; content: ' '; background: #c4002b; transition:.2s ease;}
.ny_sol_list ul li .txt{ padding:30px 30px 40px;}
.ny_sol_list ul li .txt h2{ font-weight: normal; font-size: 28px; margin-bottom: 20px; line-height: 30px; height: 30px;}
.ny_sol_list ul li .txt p{ height: 60px; overflow: hidden; margin-bottom: 35px;}
.ny_sol_list ul li .txt span.more i{ display: inline-block; font-size: 10px; width: 28px; height: 28px; background: #333; text-align: center; color: #fff; margin-left:5px; line-height:28px; border-radius:50%;}
.ny_sol_list ul li:hover:after{ width:100%;}
.ny_sol_list ul li:hover h2,.ny_sol_list ul li:hover span{ color:#c4002b;}
.ny_sol_list ul li:hover .txt span.more i{ background:#ca002b;}
.ny_sol_list ul li:hover { transform:translate(0,-10px);}

@media (max-width: 1024px){
.sol_banner{ height: 400px;}
.ny_ban_txt h3{ font-size: 40px;}
.bansol_nav{ margin-top:30px;}
.ny_sol_list ul li .txt{ padding: 20px 20px 30px;}
.ny_sol_list ul li .txt h2{ font-size: 24px; margin-bottom: 15px;}
.ny_sol_list ul li .txt p{ margin-bottom: 25px;}
.posi{ padding: 20px 0;}

}
@media (max-width: 768px){
    .sol_banner{ height: 350px;}
    .ny_sol_list ul li{ width: 49%; margin-right: 2%; margin-bottom:20px;}
    .ny_sol_list ul li:nth-child(2n){ margin-right:0;}
    .ny_sol_list ul li .txt p{height: 48px;}
    .posi{ font-size: 14px;}
    .bansol_nav a{ font-size: 16px; width: 140px; line-height: 48px;}
}
@media (max-width: 540px){
    .ny_sol_list ul li .txt span{ display: none;}
    .ny_sol_list ul li .txt p{ margin-bottom: 0;}
    .ny_sol_list ul li .txt h2{ font-size: 20px;}
    .ny_ban_txt h3{ font-size: 30px;}
}
@media (max-width: 450px){
    .sol_banner{ height: 280px;}
    .ny_ban_txt p{ font-size: 14px;}
    .bansol_nav a{ width: 30%; margin: 0 1.2%; line-height:42px;}
    .bansol_nav{ margin-top: 20px;}
    .ny_sol_list ul li .txt{ padding: 15px 10px 20px;}
    .btn_box{ margin-top: 15px;}
    .amore{ line-height: 42px; height: 44px;}
}
.solshow_top{ align-items: flex-start; padding:65px 0; position:relative;}
.solshow_top .des{ width: 72%; margin-left: auto;}
.solshow_top .tit { position: relative; z-index: 2;}
.solshow_top .tit h3{ font-size: 48px; margin-top: 15px;}
.solshow_top .des p{ font-size: 24px; line-height: 40px;}
.solshow_top b{ font-size: 70px; font-family: Arial; color: #eeeded; position: absolute; left: 0; bottom: 60px; z-index: 1; text-transform:uppercase;}
.app_top{ border-bottom:1px solid #e2e2e2;}
.app_top h3{ font-size: 48px; margin-right: auto;}
.app_top .app_nav{ width: 60%;}
.app_top .app_nav ul{ width: 100%;}
.app_top .app_nav ul li{ margin-left: auto; text-align: center; width:105px; position:relative;}
.app_nav .imgfd{ padding-top: 67.5%;}
.app_nav p{ margin: 15px 0; font-size: 18px;}
.app_top .app_nav ul li:after{ position:absolute; left: 5%; bottom: 0; height: 3px; width: 0; content: ''; background: #c4002b; transition:.2s ease;}
.app_top .app_nav ul li.active:after{width:90%;}
.app_top .app_nav ul li.active{ color:#c4002b;}
.app_box{margin-top: 50px;}
.app_box .pic{ width: 50%;}
.app_box .pic .imgfd{ padding-top: 67.5%;}
.app_box .txt{ width: 47%;padding-top:70px;}
.app_box .txt h3{font-size: 36px; font-weight: normal; padding-bottom: 20px; position: relative; border-bottom: 1px solid #e2e2e2;}
.app_box .txt h3:after{ position:absolute; left: 0; bottom: 0; width: 100px; height: 3px; background: #c4002b; content: '';}
.app_box .txt .des{margin: 40px 0 80px;}
.app_box .txt .des p{ font-size: 20px; line-height: 36px;}

.sol_liucheng .sy_item_tit{ text-align: center;}
.sol_liucheng .sy_item_tit h3{ font-size: 48px;}
.approbox .apro_item{ display: none;}
.approbox .apro_item.show{ display: block;}
.lc_box{ padding: 60px 0; position:relative; overflow:visible; margin-top:60px;}
.lc_box .circle{ position: relative; width:110px; height:110px; text-align:center; border-radius:50%; border:2px dashed #c4002b; background:#fff; color:#c4002b; padding-top:25px;}
.lc_box .circle .bg{ position:absolute; width: 100%; height: 100%; border-radius: 50%; left: 0; top: 0; background: #fff;z-index:2;}
.lc_box .active .bg{ background: #c4002b;}
.lc_box .circle p,.lc_box .circle span{ position: relative; z-index: 3;}
.lc_box .circle p{ height: 30px; margin-bottom: 4px;}
.lc_box .circle span{ display: inline-block; line-height: 20px; height: 20px;}
.lc_box .active .circle{ border-style: solid; background: #c4002b; color: #fff;}
.lc_box .circle:before,.lc_box .circle:after{content:"";background-color:#faf0f2;position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 50%;z-index:1;}
.lc_box .active .circle:before,.lc_box .active .circle:after{animation: circle 2s linear infinite;}

.aproswiper{ overflow: hidden; margin-top:60px;}


@keyframes circle {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.5);
  }
}
.lc_box .active .circle:after{animation-delay: 1s; background:#f1dadf;}
.lc_box.long .lc_bg{ width: calc(90% - 60px); margin-left: 10%; height: 230px; border:2px dashed #c4002b; border-top-right-radius:115px; border-bottom-right-radius:115px; border-left:0; position:relative;}
.lc_box.long .lc_bg:before{ width:14px; height: 14px; border-radius: 50%; border: 2px dashed #c4002b; position: absolute; left: 0; top: -8px; content: ''; background: #fff;}
.lc_box.long .lc_bg:after{ position:absolute; left: -2; bottom: -9px; content: ''; width: 15px; height: 17px; background: url(../images/jt_06.png) no-repeat center;}
.lc_box .tab-hd{ position: absolute; width: 90%; right: 0; top: 0; overflow:visible;}
.lc_box.long li.fr{margin:120px 60px 0;}
.lc_box.long li.fl{margin:0 60px;}
.lc_box.long.mlong li.fr{margin:120px 40px 0;}
.lc_box.long.mlong li.fl{margin:0 40px;}
.lc_box.long li.pos{ margin:0!important; position:absolute; right:0; top:50%; transform:translateY(-50%);z-index:2;}
.lc_box.long li.posnext{ margin-right: 120px;}
.lc_box.long.mlong li.posnext{ margin-right: 120px;}
.lc_box.long li.fl:first-child{ margin-left:100px;}
.lc_box.long .cspic,.lc_box.long .cppic{ position: absolute; left: -5px; width: 7%; top:20px; text-align:center;}
.lc_box.long .cppic{ top:auto; bottom: 20px;}
.lc_box .cspic .imgfd,.lc_box .cppic .imgfd{padding-top: 61.5%;}
.step_box li{ padding: 50px 80px; background: #fff;}
.step_box li .txt{ width: 60%; padding-left: 80px; margin-left: auto; border-left:1px solid #e2e2e2;}
.step_box li .left{ width: 32%; position:relative;}
.step_box li .left h3{ font-size: 30px; color: #c4002b; margin-bottom: 10px;}
.step_box li .left p{ font-family: Arial; text-transform:uppercase;}
.step_box li .left b{ font-size: 80px; font-family: Arial; color: #f0f0f0; margin-left: auto; position:absolute; right:0; top:0;}

.step_box{ margin-top: 50px;}
.step_box li .txt .des p{ font-size: 20px;}
.step_box li .txt .des{margin-bottom: 20px;}
.step_box li .tit{ position: relative; z-index: 2;}
.step_box li .txt h4{ padding-left: 10px; font-size: 22px; line-height: 22px; height: 22px; border-left: 4px solid #c4002b; margin-bottom:15px;}
.rel_equ a{ margin-right: 80px; font-size: 18px; margin-bottom:10px;}
.rel_equ a i{ font-size: 22px; color: #c4002b; margin-left: 5px;}
.rel_equ a:hover{ color:#c4002b;}

.lc_box.short .lc_bg{ width: 80%; margin: 0 auto; height: 2px; border-top: 2px dashed #c4002b; position:relative;}
.lc_box.short .cspic,.lc_box.short .cppic{ position: absolute; left: 0px; width: 7%; top:20px; text-align:center;}
.lc_box.short .cppic{ left: auto; right: 0;}
.lc_box.short .tab-hd{display: flex; align-items: center; width:80%;left:10%;}
.lc_box.short .tab-hd li{ margin: 0  auto;}
.lc_box.short .lc_bg:before{width:14px; height: 14px; border-radius: 50%; border: 2px dashed #c4002b; position: absolute; left: 0; top: -8px; content: ''; background: #fff;}
.lc_box.short .lc_bg:after{ position:absolute; left:auto; right: -5px; bottom: -7px; content: ''; width: 15px; height: 17px; background: url(../images/jt_06.png) no-repeat center; transform: rotate(-180deg);}
.sol_coop .sy_item_tit h3{ font-size: 48px;}
.sol_youshi .tit{ text-align: center; font-size: 48px; margin-bottom: 30px;}
.sol_youshi ul li{ width: 32%; margin-right: 2%;; float: left; padding:45px 45px 80px; background:#f9f9f9; text-align:center; position:relative; transition:.2s ease;}
.sol_youshi ul li:nth-child(3n){ margin-right:0;}
.sol_youshi ul li .txt h2{ font-size: 24px; font-weight: normal; margin: 15px; line-height: 30px; height: 30px;}
.sol_youshi ul li .txt p{ height: 90px;}
.sol_youshi ul li b{ font-size:120px; line-height:100px; font-family:Arial; color:#333; opacity:.07; position:absolute; bottom:70px; right:40px;}
.sol_youshi ul li:hover{ background:#c4002b; color: #fff;}
.sol_youshi ul li:hover .icon img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.sol_youshi ul li:hover h2{ color:#fff;}
.sol_youshi ul li:hover b{ color:#fff; opacity:.3;}

@media (max-width: 1441px){
    .solshow_top .des p{font-size: 20px; line-height: 36px;}
    .lc_box.long li.fl{ margin: 0 40px;}
    .lc_box.long li.fr{ margin: 120px 40px 0;}
    .lc_box.long li.posnext{ margin-right: 120px;}
    .lc_box.long.mlong li.posnext{ margin-right: 120px;}
}
@media (max-width: 1281px){
.solshow_top b{ font-size: 60px;}
.app_top .app_nav ul li{ width: 90px;}
.app_box .txt{ padding-top: 40px;}
.app_box .txt h3{ font-size: 30px;}
.app_box .txt .des{ margin: 30px 0 50px;}
.app_box .txt .des p{ font-size: 18px; line-height: 30px;}
.sol_liucheng .sy_item_tit h3,.app_top h3,.sol_youshi .tit,.sol_coop .sy_item_tit h3{ font-size: 40px;}
.step_box li .txt{ width: 70%; padding-left: 40px;}
.step_box li .left{ width: 25%;}
.step_box li{ padding: 30px 40px;}
.sol_youshi ul li{ padding: 30px 30px 60px;}
.sol_youshi ul li .txt h2{ font-size: 20px; margin: 10px 0;}
.rel_equ a{ font-size: 16px;}
.step_box li .txt .des p{ font-size: 18px;}
}

@media (max-width: 1024px){
.solshow_top b{font-size: 50px;}
.solshow_top .des p{ font-size: 16px; line-height: 26px;}
.solshow_top{ padding: 35px 0;}
.solshow_top .tit h3{ font-size: 36px;}
.app_nav p{ font-size: 16px; margin: 10px 0;}
.app_box .txt .des p{ font-size: 16px;}
.app_box .txt h3{ font-size: 26px;}
.app_box .txt .des{ margin: 20px 0 30px;}
.lc_box .circle{ width: 80px; height: 80px; padding-top:15px;}
.lc_box{ padding: 40px 0;}
.lc_box.long li.fl{margin: 0 25px;}
.lc_box.long .lc_bg{ width: calc(90% - 40px); height:200px;}
.lc_box .circle p{ font-size: 14px; line-height:20px; height:20px;}
.step_box li .txt .des p{ font-size: 16px;}
.sol_youshi ul li .txt p{ font-size: 14px; line-height: 24px; height: 96px;}
.sol_youshi ul li b{ font-size: 80px; right: 20px; bottom: 30px;}
}
@media (max-width: 768px){
.solshow_top{ display: block; padding: 25px 0;}
.solshow_top b{ top: 30px; right: 20px; left:auto;}
.solshow_top .des{ width: 100%; float: none; margin-top:25px;}
.solshow_top .tit h3{ font-size: 30px;}
.app_top{ display: block;}
.app_top .app_nav{ width: 100%; margin-top: 20px;}
.sol_liucheng .sy_item_tit h3, .app_top h3, .sol_youshi .tit, .sol_coop .sy_item_tit h3{ font-size: 32px;}
.app_top .app_nav ul li{ margin: 0 auto;}
.app_top h3{ text-align: center;}
.app_box .pic{ width: 100%; float: none;}
.app_box .txt{ width: 100%; float: none; padding-top:30px;}
.lc_box .tab-hd{ display: flex; flex-wrap:wrap; position:unset; margin:0 auto;}
.lc_box ul li{ width: 20%; margin: 0 auto 20px; text-align:center;}
.lc_box .circle{ display: inline-block;}
.cspic{ width: 40%; float: left; text-align:center;}
.cppic{ width: 40%; float: right; text-align:center;}
.step_box li{padding: 20px;}
.step_box li .left p{ font-size:12px;}
.step_box li .left b{ font-size: 50px;}
.step_box li .left h3{ font-size: 24px;}
.step_box li .txt h4{ font-size: 18px; line-height: 18px; height: 18px;}
.rel_equ a{ font-size: 14px; margin-right: 30px;}
.rel_equ a i{ font-size: 18px;}
.sol_youshi ul li{ padding: 20px 20px 40px;}
.sol_youshi ul li img{ height: 40px;}
.sol_youshi ul li .txt h2{ font-size: 18px; line-height: 30px; height: 60px;}
.sol_youshi ul li .txt p{ height: 120px;}
.lc_box{ padding: 0; margin-top: 30px;}
}
@media (max-width: 540px){
.app_top .app_nav ul li{ width: 18%;}
.app_nav p{ font-size: 14px; margin: 5px 0;}
.solshow_top .des p{ font-size: 14px; line-height: 24px;}
.sol_liucheng .sy_item_tit h3, .app_top h3, .sol_youshi .tit, .sol_coop .sy_item_tit h3{ font-size: 26px;}
.app_box .txt h3{ font-size: 22px;}
.step_box li .c-flex{ display: block; text-align: center;}
.step_box li .left{ width: 100%;}
.step_box li .txt{ width: 100%; border-left: none; padding-left: 0; padding-top: 20px; border-top: 1px solid #e2e2e2; margin-top: 20px;}
.step_box li .txt .des,.step_box li .txt h4{ text-align: left;}
.sol_youshi ul li{ display: flex; width:100%; margin-bottom:20px; align-items:center; padding:20px;}
.sol_youshi ul li .txt h2{line-height: 24px; height: auto;}
.sol_youshi ul li .txt{text-align: left;}
.sol_youshi ul li img{ height: 60px;}
.sol_youshi ul li .txt{ width: calc(100% - 80px); margin-left: auto;}
.sol_youshi ul li .txt p{ height: auto;}
}
@media (max-width: 450px){
    .solshow_top .tit h3{ font-size: 24px;}
    .solshow_top .des{ margin-top: 15px;}
    .app_box .txt{ padding-top: 20px;}
    .lc_box .tab-hd{ width: 100%;}
    .lc_box .circle p{ margin-bottom: 0;}
    .lc_box .circle span{ font-size: 12px; line-height: 12px; height: 12px;}
    .lc_box .circle{ width: 70px; height: 70px;}
    .lc_box ul li{ width: 23%;}
    .lc_box ul li{ margin-left: 0; margin-right:2%;}
    .step_box{ margin-top: 25px;}
    .rel_equ a i{ display: none;}
    .sol_liucheng .sy_item_tit h3, .app_top h3, .sol_youshi .tit, .sol_coop .sy_item_tit h3{ font-size: 24px; margin-bottom: 20px;}
}
.cont_nav ul li{ display: inline-block; width: 150px; border: 1px solid #c9c9c9; line-height: 50px; text-align: center; margin-left:30px;}
.cont_nav ul li.active{ background: #c4002b; color: #fff; border-color: #c4002b;}
.cont_box{ background: #f5f5f5;}
.cont_box .map{ width: 55%; overflow:hidden;}
.cont_box .txt{ width: 42%; padding:60px;}
.cont_box .txt h3{ font-size: 36px; padding-bottom: 20px; border-bottom: 1px solid #dedede; position:relative; margin-bottom:30px;}
.cont_box .txt h3:after{ position:absolute; left: 0; bottom: 0; width: 100px; height: 4px; background: #c4002b; content: '';}
.cont_box .txt .item{align-items: flex-start; margin-bottom:30px;}
.cont_box .txt .item .box{ max-width: calc(100% - 70px);}
.cont_box .txt .item i{ width: 52px; height: 52px; border: 1px solid #d2d2d2; border-radius: 50%; text-align: center; font-size: 30px; color: #c4002b; line-height: 50px; margin-right:10px;}
.cont_box .txt .item p{font-size: 22px; line-height: 24px; margin-top:5px; color:#333;}
.cont_box .weixin .ewm{ float: left; text-align: center; margin-right: 30px;}
.cont_box .weixin .ewm img{ width: 110px;}
.cont_box .weixin .ewm p{ margin-top: 10px;}
.cont_form{ background: #f7f7f7; padding: 60px 100px;}
.cont_form h3.tit{ font-size: 40px; text-align: center; margin-bottom: 30px;}
.cont_form .formbox.fl{width: 49%; margin-bottom:20px; margin-right:2%;}
.cont_form .formbox.fl:nth-child(2n){ margin-right:0;}
.cont_form input,.cont_form textarea{ width: 100%; background: #fff; line-height: 80px; padding-left: 15px;}
.cont_form input.sub{ background: #c4002b; text-align: center; color: #fff; font-size:18px; cursor:pointer; transition:.2s ease;}
.cont_form p{ font-size: 14px; margin: 20px 0 30px;}
.cont_form input.sub:hover{box-shadow:0 0 15px rgba(196,0,43,.5);}
@media (max-width: 1441px){
.cont_box .txt{ padding: 40px 40px 20px;}
.cont_box .txt h3{font-size: 32px;}
.cont_box .txt .item p{font-size: 20px;}

}
@media (max-width: 1281px){
.cont_form{padding: 40px 50px;}

}
@media (max-width: 1024px){
.cont_box .txt{padding: 30px 20px 0;}
.cont_box .txt .item p{font-size: 18px;}
.cont_box .txt .item i{font-size: 24px;}
.cont_box .txt .item{ margin-bottom: 20px;}
.cont_form input, .cont_form textarea{ line-height: 60px;}
}
@media (max-width: 768px){
    .cont_nav{ margin-top: 25px;}
    .cont_box .map{ width: 100%; height: 500px; float:none;}
    .cont_box .txt{ width: 100%; float: none; padding:20px;}
    .cont_form{padding: 30px 20px;}
    .cont_form h3.tit{ font-size: 34px; margin-bottom: 20px;}
}
@media (max-width: 540px){
    .cont_nav ul{ display: flex;}
    .cont_nav ul li{ width: 32%; margin:0 auto;}
    .cont_box .txt h3{font-size: 22px; margin-bottom:20px;}
    .cont_box .txt .item i{ width: 46px; height: 46px; line-height: 44px;}
    .cont_box .txt .item .box{ max-width: calc(100% - 60px);}
    .cont_box .txt .item p{ font-size: 16px;}
}
@media (max-width: 450px){
    .cont_nav ul li{font-size: 14px;}
    .cont_box .map{ display: none;}
    .cont_form h3.tit{ font-size: 26px;}
    .cont_form .formbox.fl{  width: 100%; float: none;}
    .cont_form input, .cont_form textarea{ line-height: 50px; font-size:14px;}
    .cont_form p{ margin: 10px 0 20px;}
}