/*基础CSS*/
html, body{	font-size: 16px;font-family: "arial, helvetica, sans-serif" !important;  overflow-x: hidden; font-weight: normal; margin:0px; padding:0px;}
li {	list-style: none;}
a {	color: #252525; text-decoration:none;}
i, em{ font-style:normal;}
a:hover {	text-decoration: none;}
p, dl, dt, dd,span, ul, h1,h2,h3,h4,h5,h6{ font-weight: normal;	margin: 0px;	padding: 0px;}
.wrap{margin:auto; width:1120px;}
.w1200{ margin:auto; width:1200px;}
.w1400{ margin:auto; width:1400px;}
.w1500{ margin:auto; width:1500px;}
.clear{ clear:both;}
*{box-sizing: border-box;}


header{z-index: 9; width: 100%;}
header.fixed-top{  top:0; z-index: 9; }
header .headerbox{ display: flex; justify-content: space-between; margin: 0px 120px;}
.logo{  display: flex; align-items: center;height: 100px;}
.logo img{display:block;height:90px;}
.navbar ul{ display: flex; flex-wrap:wrap ; }
.navbar ul li{ margin: 0px 20px; line-height:100px; position: relative;display:flex;}
.navbar ul li a.nav-link {display: block; font-size: 20px; position: relative; padding:0px 10px; color: #fff;}
.navbar ul li a.navdown:after{font-family: "FontAwesome"; content: '\f107'; margin-left: 10px; color:#fff; }
.navbar ul li.active a.nav-link{color: #ff0000; }

.navbar ul li .downmune{position: absolute; top: 80px;  display: none; z-index: 9; width: -webkit-max-content; width:max-content; 
background: #f1f1f1;    border-radius: 5px 5px 5px 5px;}
.navbar ul li dl{padding: 0px 30px; position: relative;}
.navbar ul li dl dt{display: flex; align-items: center;}
.navbar ul li dl.navleft dt:after{font-family: "FontAwesome"; content: '\f105'; margin-left: 10px; line-height: normal;}
.navbar ul li dl dd{display: none; position: absolute;
    left: 100%;   top: 0;opacity: 0;      transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;width: 250px;
    max-width: none;    padding: 0px 10px 0px 10px;   border: 0;   background: #f1f1f1;  border-radius: 5px 5px 5px 5px;}
.navbar ul li dl:hover dd{display: block; opacity: 1;}    
.navbar ul li dl a{ display: block; line-height: 46px; padding: 0px 0px; color: #252525;}
.navbar ul li:hover .downmune{ display: block;-webkit-animation-duration: .3s;
    -webkit-animation-fill-mode: both;  animation-duration: .3s;   animation-fill-mode: both;  -webkit-animation-name: layui-upbit;   animation-name: layui-upbit;}
.navbar ul li dl a:hover{color: #252525; text-decoration: underline; }
.navbar ul li dl a.active{text-decoration: underline;}
@-webkit-keyframes layui-upbit{from{-webkit-transform:translate3d(0,15px,0);opacity:.3}to{-webkit-transform:translate3d(0,0,0);opacity:1}}
@keyframes layui-upbit{from{transform:translate3d(0,15px,0);opacity:.3}to{transform:translate3d(0,0,0);opacity:1}}

.navbox{ display: flex;}

.lang{background: url(../images/enIco.png) no-repeat; padding-left: 30px; height: 25px;}
.lang a{font-size: 16px; color: #fff;  }


.index-banner{background-position: center center;   background-repeat: no-repeat;   background-size: cover;    position: relative; width:100%; height: 100vh;}
.index-banner:before{content: ""; background: rgba(0,0,0,0.2); display: block; height: 100%; width: 100%; position: absolute; top: 0;}
.index-banner .banner-text{ width: 100%;padding: 200px 0px; text-align: center;}
.index-banner .banner-text h3{color: #fff; font-size:60px;line-height: normal; font-weight:bold;}
.index-banner .banner-text p{color: #fff; font-size: 30px;  margin: 30px 0px 60px 0px;text-transform:uppercase; color:#f2f2f2;}
.index-banner .banner-text a{color: #fff; font-size: 14px;  background: #1bae70; 
width: 160px; height: 50px; border-radius: 5px; display: inline-table; text-align: center; line-height: 50px;}
.index-banner video{width:100%; height:100vh; object-fit:cover;}

.index-box01{overflow: hidden; margin: 60px 0px 60px 0px;}
.index-box01 .tit{margin-bottom: 30px; text-align: center;}
.index-box01 .tit h2{ margin-bottom: 10px;color:#ed7d31; font-weight:bold;font-size:40px;  }
.index-box01 .tit p{font-size:18px;text-transform:uppercase;color:#666; }
.index-box01 ul { }
.index-box01 ul li {position: relative;  margin: 0px 0px;   }
.index-box01 ul li .img{width: 100%;}
.index-box01 ul li .img img{width: 100%; height: 100%; object-fit: cover;}
.index-box01 ul li .text{width: 100%;  padding: 20px 20px;}
.index-box01 ul li .text h3{color: #14261c; font-size: 20px; font-weight: bold; margin-bottom: 0px;}
.index-box01 ul li .text p{color: #666; font-size: 16px; line-height: 30px;}

.zhineng-box{position: relative;margin: 0px 120px;}
.zhineng-box .swiper-button-prev,.zhineng-box .swiper-button-next{display: inline-block;position: absolute;width: 45px;height: 45px;z-index: 2; background:none;}
.zhineng-box .swiper-button-prev:after,.zhineng-box .swiper-button-next:after{content:'';display:block; font-family:"宋体";position: absolute;width:45px;height:45px;text-align:center;line-height:45px;font-size:36px;font-weight:bold;}
.zhineng-box .swiper-button-prev{left: -80px;top: 50%;}
.zhineng-box .swiper-button-next{right: -80px;top: 50%;}
.zhineng-box .swiper-button-prev:after{content:'<';}
.zhineng-box .swiper-button-next:after{content:'>';}

.zhineng-box .swiper-pagination{bottom: 10% !important; position: relative; z-index: 100;}
.zhineng-box .swiper-pagination .swiper-pagination-bullet{ opacity: 1; margin: 0px 6px !important; position: relative; height: 20px; width: 20px; background: #fff;}
.zhineng-box .swiper-pagination .swiper-pagination-bullet:after{ background:rgba(255,255,255,.2); border-radius: 100%; height: 28px; width: 28px; left: -4px; top: -4px; z-index: -1; position: absolute; content: ""; display: block;}
.zhineng-box .swiper-pagination .swiper-pagination-bullet-active{ background: #000; }


.videomain{text-align:center;}
.video-boxes{display:inline-block; position:relative;}
.video-boxes a{background-color: rgba(0, 0, 0, 0.2); width:174px; text-align:center; color:#fff; display:inline-block; padding:0.5em 5px;  position:absolute; z-index:1;}
.video-boxes a:hover{background:rgba(237, 120, 64, 0.75); background-image:none; }
.video-boxes a:nth-child(2):after{content:''; width: 0;  height: 0;   position: absolute;
    z-index: 1;    border-width: 13px;    border-style: solid;   border-color: transparent;	border-left-color: rgba(0, 0, 0, 0.2);   right: -26px;   top: 50%;   -webkit-transform: translateY(-50%);   transform: translateY(-50%);	}
.video-boxes a:nth-child(4):after,.video-boxes a:nth-child(5):after{
content:''; width: 0;   height: 0;    position: absolute;   z-index: 1;   border-width: 13px;   border-style: solid;   border-color: transparent;
 border-right-color: rgba(0, 0, 0, 0.2);   left: -26px;   top: 50%;  -webkit-transform: translateY(-50%);   transform: translateY(-50%);}	
.video-boxes a:nth-child(4):hover:after,.video-boxes a:nth-child(5):hover:after{border-right-color:rgba(237, 120, 64, 0.95);}		
.video-boxes a:nth-child(2):hover:after{border-left-color:rgba(237, 120, 64, 0.75);}	
.video-boxes a img{opacity:0; position:absolute; left:0; max-width:none; top:36.8px;}

@media screen and (min-width:768px) {
.video-boxes a:hover img{ opacity:1;}

}

.video-boxes a:nth-child(1){ left:18%; bottom:13%; }
.video-boxes a:nth-child(2){ left:21%; bottom:34%;}
.video-boxes a:nth-child(2) img{bottom:57.6px; top:auto}
.video-boxes a:nth-child(4) img{bottom:57.6px; top:auto}
.video-boxes a:nth-child(3){background:rgba(237, 120, 64, 0.75); text-align:center; left:47.55952380952381%; top:-2%; }
.video-boxes a:nth-child(4){  left:77%; top:6.1%;}
.video-boxes a:nth-child(5){ text-align:center;left:78%; top:43%; }	


.modal-video {display: none;    position: fixed;justify-content: center; align-items: center;top: 0;    background: rgba(0,0,0,0.8);    border: 1px solid #ccc;  padding: 20px; height: 100%;   z-index: 1000; width: 100%;}
.modal-video video {width: 100%;   height: auto;}
.modal-close {  position: absolute;   top: 10px;   right: 100px; font-size: 3rem; color: #fff;   cursor: pointer;}
.modalVideobox{width: 852px; position: absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%);max-height: 90vh;  overflow: hidden;}




.index-box02{background: #f5f5f5; padding: 60px 0px 60px 0px;}
.index-box02 .tit{margin-bottom: 30px; text-align: center;}
.index-box02 .tit h2{margin-bottom: 10px;color:#ed7d31;font-weight:bold;font-size:40px;  }
.index-box02 .tit p{font-size:18px;text-transform:uppercase;color:#666; }
.index-box02 .product-box{width: 1320px; margin: auto;}
.index-box02 ul { display: flex; flex-wrap: wrap; justify-content: center;  }
.index-box02 ul li{ width: calc(100%/3 - 40px); background: #fff; box-shadow: 0px 0px 20px #ccc; padding: 20px 20px; margin:20px 20px;}
.index-box02 ul li h3{color: #14261c; font-size: 21px;  margin: 20px 0px;}
.index-box02 ul li:hover h3{color:#ff0000;}
.index-box02 ul li p{ color:#4b4f58; font-size: 14px; font-weight:lighter;text-align: center;}
.index-box02 ul li .img{}
.index-box02 ul li img{margin: 0px auto; display: block; max-width: 100%;height:250px;object-fit: contain;}

.index-box03{margin: 60px auto; width:1320px;}
.index-box03 .tit{margin-bottom: 60px; text-align: center;}
.index-box03 .tit h2{margin-bottom: 10px;color:#ed7d31;font-weight:bold;font-size:40px;  }
.index-box03 .tit p{font-size:18px;text-transform:uppercase;color:#666; }
.index_3_1{margin-bottom: 30px;}
.index_3_1_mid{padding:0 1em; position:relative; border-left:1px #dfdfdf solid; text-align:center;}
.index_3_1 .img{display:inline-block; position:relative;}
.index_3_1 .img span{opacity:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position:absolute; left:0; top:0; width:100%; z-index:10;}
.index_3_1 h3{ margin-top:1em;color:#252525; font-size:1.125em;}
.index_3_1 .swiper-slide.on h3,.index_3_1 .swiper-slide:hover h3{color:#ec7841}
.index_3_1 .swiper-slide.on .img span,.index_3_1 .swiper-slide:hover .img span{opacity:1;}
.index_3_1 .swiper-slide.on img,.index_3_1 .swiper-slide:hover img{opacity:1;}

.case_cate_left{position:absolute; left:0; top:0; width:1.875em; height:100%;  z-index:10;display: flex;    justify-content: center;    align-items: center;}
.case_cate_right{position:absolute; right:0; top:0; width:1.875em; height:100%; z-index:10;display: flex;
    justify-content: center;    align-items: center;}
.case_cate_right i{ font-size: 36px;    }
.case_cate_left i{font-size: 36px;  }

.index_3_2_img img{
width:100%;}
.index_3_2_img{
overflow:hidden}
#honorpage,#honorpage4,#honorpage5{ margin:2.7em 0;
text-align:center;}
.honorpage_mid{
display:inline-block; position:relative; height:20px; padding:0 0px;}
.honorpage_mid_left{transform:translateY(-50%); cursor:pointer;
position:absolute; left:0; top:50%; width:110px; height:9px; background-position:left center; background-repeat:no-repeat; background-image:url(../images/index/img9.png);}
#swiper-pagination-index-honor,#swiper-pagination-index-honor4,#swiper-pagination-index-honor5{
position:static;  }
.honorpage_mid_right{transform:translateY(-50%); cursor:pointer;
position:absolute; right:0; top:50%; width:110px; height:9px; background-position:right center; background-repeat:no-repeat; background-image:url(../images/index/img10.png);}
#swiper-pagination-index-honor .swiper-pagination-bullet,#swiper-pagination-index-honor4 .swiper-pagination-bullet,#swiper-pagination-index-honor5 .swiper-pagination-bullet{ margin:0 .3em;
width:20px; height:20px; background:none; opacity:1; position:relative;}
#swiper-pagination-index-honor .swiper-pagination-bullet:before,#swiper-pagination-index-honor4 .swiper-pagination-bullet:before,#swiper-pagination-index-honor5 .swiper-pagination-bullet:before{transform:translate(-50%, -50%);
content:''; position:absolute; width:8px; height:8px; background-color:#a4a19c;border-radius:100%;  left:50%; top:50%;}

#swiper-pagination-index-honor .swiper-pagination-bullet:after,#swiper-pagination-index-honor4 .swiper-pagination-bullet:after,#swiper-pagination-index-honor5 .swiper-pagination-bullet:after{transform:translate(-50%, -50%);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; width:0px; height:0px; opacity:0;  border-radius:100%;  left:50%; top:50%; border:1px #b7a27b solid;}
#swiper-pagination-index-honor .swiper-pagination-bullet-active:after,#swiper-pagination-index-honor4 .swiper-pagination-bullet-active:after,#swiper-pagination-index-honor5 .swiper-pagination-bullet-active:after{
width:100%; height:100%;opacity:1; border-color:#ec7841}
#swiper-pagination-index-honor .swiper-pagination-bullet-active:before,#swiper-pagination-index-honor4 .swiper-pagination-bullet-active:before,#swiper-pagination-index-honor5 .swiper-pagination-bullet-active:before{
background-color:#ec7841}



.index_3_2_jj{ color:#fff; background-color:rgba(236,120,65,.89); overflow:hidden;position:absolute; max-width:415px; left:3.125vw; bottom:3.125vw;}
.index_3_2_jj_mid{margin:2.5em 3.125em}
.index_3_2 h3{font-family:"PingFang SC";font-size:1.5em;}
.index_3_2 p{font-size:.975em; margin:1.5em 0;display: -webkit-box;
-webkit-box-orient: vertical;  -webkit-line-clamp: 3;   overflow: hidden;word-wrap:break-word;word-break:break-all;}
.index_3_2 .index_3_2_jj_mid span{ padding-bottom:7px; position:relative;
display:block; font-size:.875em; color:#fff; border-bottom:1px #fff solid; max-width:118px;}
.index_3_2 .index_3_2_jj_mid span a{position:relative; color: #fff; display: flex; align-items: center; justify-content: space-between;}


.index-box05{ padding: 60px 0px;}
.index-box05 .tit{margin-bottom: 30px; text-align: center;}
.index-box05 .tit h2{margin-bottom: 20px;color:#ed7d31; font-weight:bold;font-size:40px; }
.index-box05 .tit p{font-size:18px;text-transform:uppercase;color:#666; }
.index-box05 .main-box01{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px 130px;}
.index-box05 .main-box01 .img{width: 40%;}
.index-box05 .main-box01 .img img{width: 100%; height: 400px;}
.index-box05 .main-box01 .text{width: 60%; padding: 0px 0px 0px 60px;}
.index-box05 .main-box01 .text h2{font-size:30px;  margin: 20px 0px; font-weight:bold;}
.index-box05 .main-box01 .text p{font-size:16px;line-height: 30px; width:90%;color:#333;}
.index-box05 .main-box01 .text span{color: #fff; background: #666; display: table; margin:60px 0px 0px 0px; padding: 10px 32px; border-radius:20px; }


.index-box04{background: #e0e0e0;padding: 60px 0px;}
.index-box04 .tit{margin-bottom: 30px; text-align: center;}
.index-box04 .tit h2{margin-bottom: 10px; color:#ed7d31; font-weight:bold;font-size:40px; }
.index-box04 .tit p{font-size:18px;text-transform:uppercase;color:#666; }

.index-box04 .solution-box{margin: 0px 130px;}
.index-box04 .solution-box ul{display:flex; flex-wrap: wrap;}
.index-box04 .solution-box ul li{width: calc(100%/2); margin: 20px 0px; padding: 10px 10px; background: #fff; position: relative;}
.index-box04 .solution-box ul li a{position: relative;display: block;}
.index-box04 .solution-box ul li h3{text-align: center; font-size: 18px; font-weight: bold; position: absolute; width: 100%; bottom: 20px; color:#fff;}
.index-box04 .solution-box ul li .img{overflow:hidden;}
.index-box04 .solution-box ul li img{width: 100%; height: 450px; display: block;transition: all 0.65s ease-in-out;  -webkit-transition: all 0.65s ease-in-out;}
.index-box04 .solution-box ul li:hover img{transform: scale(1.1);  -webkit-transform: scale(1.1);}

.index-box06{background: #e0e0e0;padding: 100px 0px;}
.index-box06 .tit{margin-bottom: 60px; text-align: center;}
.index-box06 .tit h2{margin-bottom: 10px;color:#ed7d31;font-weight:bold;font-size:40px;}
.index-box06 .tit p{font-size:18px;text-transform:uppercase;color:#666; }

.index-box06 .news-box {margin: 0px 130px;}
.index-box06 .news-box ul{display: flex; flex-wrap: wrap; }
.index-box06 .news-box ul li{width: calc(100%/3 - 20px); margin: 10px 10px; padding: 30px 30px; background: #fff; position: relative;}
.index-box06 .news-box ul li img{width: 100%; height: 260px;}
.index-box06 .news-box ul li h3{font-weight: bold; font-size: 22px; margin-bottom: 10px; position: relative;}
.index-box06 .news-box ul li h3:before{content: ""; width: 4px; height: 30px; background: #f7930f; display: block; position: absolute; left: -30px;}

.index-box06 .news-box ul li time{color:#666;font-size: 14px;}
.index-box06 .news-box ul li p{margin: 20px 0px;}


.index-box07 {margin: 60px 0px;}
.index-box07 .tit{margin-bottom: 30px; text-align: center;}
.index-box07 .tit h2{margin-bottom: 10px; color:#ed7d31;font-weight:bold;font-size:40px;}
.index-box07 .tit p{font-size:24px;text-transform:uppercase;color:#666; }
.partner-box{position: relative;}
.partner-box {margin:0px 200px; padding: 30px 30px;}
.partner-box .swiper-container{padding: 20px 10px 20px 10px;}
.partner-box .swiper-wrapper{}
.partner-box .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    background: #fff; margin: 20px 0px 20px 0px; padding: 10px 10px;
  box-shadow: 0px 0px 5px #ddd; border-radius: 5px;
    /* 根据需要添加更多样式 */
}
.partner-box li img{width: 80%; max-height: 80px; object-fit: contain;}
.partner-box .swiper-button-prev, .partner-box .swiper-button-next{background: none !important;text-align: center;}
.partner-box i{font-size: 40px; font-weight: lighter; color: #ccc;}
.partner-box .swiper-button-prev{left:-30px;}
.partner-box .swiper-button-next{right:-30px;}

.index-box08 {margin: 60px 0px;}
.index-box08 .tit{margin-bottom: 30px; text-align: center;}
.index-box08 .tit h2{margin-bottom: 10px; color:#ed7d31;font-weight:bold;font-size:40px;}

.culture-box {margin: 0px 120px;}
.culture-box ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.culture-box ul li h3{font-size: 16px;margin: 10px 0px; text-align:center;}

.contact-form{ display: flex; justify-content: space-between; flex-wrap: wrap; } 
.contact-form .map-outer{ width: 45%;}
.contact-form .form-box{ width: 52%;}

.form-box .input{display: flex; justify-content: space-between; flex-wrap: wrap; }
.form-box .input input{ width: 48%; background: #f5f5f5; border: none; border-radius: 5px; padding: 20px 10px;margin-bottom: 20px;}
.form-box .textarea textarea{ width: 100%; background: #f5f5f5; border: none;height: 130px; border-radius: 5px; padding: 20px 10px;margin-bottom: 20px;}

.form-box button{ width: 150px; background: #fb771f; color: #fff; font-weight: bold; font-size: 18px; border: none; border-radius: 5px; 
padding: 15px 10px; position: relative; display: flex; justify-content: center; align-items: center;}
.form-box button:after{ content: ""; background: url(../images/newsbtn.webp) no-repeat center; margin-left: 30px; display: block; width: 20px; height: 20px;}


footer{ background: #535353; padding: 60px 0px 0px; }
footer .footer-box{ margin: 0px 150px;}
footer .foot-text{ display: flex; flex-wrap: wrap; justify-content: space-between;}
footer .foot-pro{ margin-right: 30px;}
footer .foot-pro h3{ color: #fff; font-size:1.2rem; margin-bottom: 30px;}
footer .foot-pro li { line-height: 30px;}
footer .foot-pro li a{ color: #ccc; font-size:1rem;}

footer .foot-contact{ }
footer .foot-contact h3{ color: #fff; font-size:1rem;margin-bottom: 0px; text-align: center;}
footer .foot-contact span{ color: #fff; font-size:2rem;margin-bottom: 0px; display: block; text-align: center;}
footer .foot-contact .ewm{ text-align: center; margin: 30px 0px;color: #ccc;}
footer .foot-contact .ewm img{ max-width:100px;}
footer .foot-contact ul { display: flex; flex-wrap: wrap; justify-content: center;}
footer .foot-contact ul li a{ color: #ccc; font-size:1rem; line-height: 30px; margin: 0px 10px; }


footer .foot-feedback h3{ color: #fff; font-size:1rem;margin-bottom: 10px; text-align: center;}
footer .foo-form input,footer .foo-form textarea{ border: 1px solid #fff; width: 300px; border-radius: 5px; margin-bottom: 10px; background: #fff; padding: 8px 10px; display: block;}
footer .foo-form textarea{border-radius:5px 5px 0px 0px;}
footer .foo-form textarea{margin-bottom: 0px; height: 80px;}
footer .foo-form em{ color: #fff; display: block; font-style: normal; font-size: 0.8rem; margin-bottom: 5px;}
footer .foo-form button{ background: #669acc; cursor: pointer; width: 100%; padding: 8px 0px; border: none; border-radius: 0px 0px 5px 5px; color: #fff; }

footer .yq-link ul{ display:flex; flex-wrap:wrap;}
footer .yq-link ul li{ margin:0px 5px;}
footer .yq-link ul li a{ font-size:1rem; color:#ccc;}
footer .yq-link span{ margin-right:10px;font-size:1rem; color:#ccc;}

footer .copyright{border-top: 1px solid #ccc; color: #ccc; text-align: center; margin: 30px 100px 0px 100px; padding: 20px 0px;}
footer .copyright a{color: #ccc; }

.online {  position: fixed; bottom: 150px; background: #1247eb;  border-radius: 5px;   right: 10px;   width: 60px;   z-index: 999;   color: #999;}
.online dl { padding: 10px 5px;   margin-bottom: 1px;   position: relative;}
.online dl dd {   color: #fff;   text-align: center;   font-size: 0.8rem;   cursor: pointer;}
.online dl dd i{font-size:2rem;  }
.online dl dt {
    position: absolute;
    top: 0px;
    right: 60px;
    color: #fff;
   background: #1247eb;
    z-index: 9999;
    display: none;
    padding: 20px 20px;
    font-weight: normal;
    border-radius: 10px 0px 0px 10px;
} 
.online dl dt p{font-size:1.25rem;}


.top_banner{background:#cccccc; position:relative;height:400px;display:flex;align-items: center; justify-content: center;}
.top_banner:before{content: ""; background: rgba(0,0,0,0.2); display: block; height: 100%; width: 100%; position: absolute; top: 0;}

.top_banner img{ height: 100%;}
.top_banner .text_box{width:1200px;text-align:center; position: absolute; }
.top_banner h3{font-size:60px;color:#fff;font-weight: bold; text-transform: uppercase;}
.top_banner p{font-size:1.5rem;color:#fff;line-height:42px;display: none;}

@media screen and (max-width: 768px) {
.top_banner{ height:200px;} 
.top_banner h3{font-size:18px;}   
.top_banner img{object-fit: cover; height:200px;}
.top_banner .text_box{ width:100%;}
.top_banner p{ display:none;} 
}


.pages_cont {margin: 30px 0;width: 100%;display: flex;justify-content: center;align-items: center;}
.pages_cont ul a {    float: left;}
.pages_cont ul a,.pages_cont ul span { width: 40px; height: 40px; background: #707070; border-radius: 40px; 
display: flex; align-items: center;   justify-content: center; float: left; margin:0px 3px;color: #fff; font-size: 16px; 
transition: all .4s;   overflow: hidden;}
.pages_cont ul li.dt a {   border: 0;}
.pages_cont ul a.page-num-current {    background: #cfba78;  }
.pages_cont ul a.page-num-current { color: #fff;}
.pages_cont select{padding: 10px;  border: 1px solid #ccc;}

.product-top{ background: #f6f6f6; padding: 30px 0px; height: 270px; box-sizing: border-box;}


.position {  font-size:16px; padding: 20px 0px;font-weight: bold; text-transform: uppercase; color: #626262;  margin: 0px 120px;   }
.position a{ font-size:16px; color: #626262;margin: 0px 2px; font-weight: bold; text-transform: uppercase; }

.product-main{  padding: 0px 0px 60px 0px; background:#f3f3f3;}
.productsort{ margin: 30px 0px 30px 0px; }
.productsort h2{padding:10px 20px 10px 20px;  margin: 10px 20px; font-weight: bold; border-bottom: 1px solid #dcdcdc;   background: url(../images/position-ico.png) no-repeat center left;}
.productsort ul{ display: flex; justify-content: center;     flex-wrap: wrap;}
.productsort ul li {   padding: 0px 0px; background:#707070; width: 160px; height: 50px; display: flex;justify-content: center; align-items: center; 
     margin: 0 20px; transition: 0.5s; }
.productsort li a.calss1 {color: #fff; font-size: 16px; text-align:center; }
.productsort li:hover ,.productsort li.active{background:#cfba78;  }
.productsort li:hover a,.productsort li.active a { color:#fff;}

.productsort li dl{ display: none;background: #f5f5f5;padding: 5px 40px;}
.productsort li.active dl{  display: block; }
.productsort li dl a{ width: 100%; font-size: 14px; display: block; color: #676767; padding: 10px 0px;}
.productsort li dl a.active{ color: #252525; text-decoration: underline;}


.product_box{ margin: 0px 120px;}
.productlist{ margin: 0px auto;}
.productlist ul{ display: flex; flex-wrap: wrap;}
.productlist li{ width: calc(100%/4 - 20px); background: #fff; overflow: hidden;   margin:0px 10px 40px 10px;  position: relative; }
.productlist li a{display: flex; flex-wrap: wrap;}
.productlist li .img{width: 100%; height: 260px;   display: flex;  justify-content: center; align-items: center; overflow:hidden;}
.productlist li .img img{ margin:auto; display: block; object-fit: contain; width:100%; height: 260px;  transition: .5s transform; }
.productlist li:hover img{transform: scale(1.05, 1.05); transition: .5s transform;}

.productlist li .text{  width: 100%; padding: 10px 5px;  position: relative;transition: .5s transform; font-size:14px;}
.productlist li .text h3{font-size: 16px; text-align: center; color: #252525; margin:0px auto 10px;    transition: all .3s ease-out 0s; }
.productlist li .text p {font-size: 14px; color: #676767; line-height: 24px; margin:10px 0px 30px 0px;}  
.productlist li .text em{ font-size: 14px; color: #676767;  font-style: normal;}
.productlist li .text span { background:#707070;  width: 25px;   height: 25px;  color: #fff;
    font-size: 14px;display: flex;   align-items: center; justify-content: center;  border-radius: 25px; margin: auto;} 
.productlist li:hover{}
.productlist li:hover .text h3{}
.productlist li:hover .text span{ }

.productshow-main{width:1200px; margin:0 auto;}

.sale-service{padding: 60px 0px;}
.sale-service h2{text-align: center; font-size: 22px; margin-bottom: 30px;}
.sale-service {margin: 0px 150px;}
.sale-service ul{ display: flex; flex-wrap: wrap;}
.sale-service ul li{width: calc(100%/4);}
.sale-service ul li:nth-child(2n){flex-direction: column-reverse;   display: flex;}
.sale-service li img{width: 100%; height: 240px; display: block;object-fit: cover;}
.sale-service li .text{background: #f7f7f7;height: 240px;display: flex; justify-content: center; align-items: center;  flex-direction: column;padding:0px 10px;}
.sale-service li .text h3{ font-size: 20px; font-weight: bold;}
.sale-service li .text p{ font-size: 16px;}

.sb_nav{ float:left; width:290px;}
.sb_nav h3.title{ text-align: center; background:#005caf; padding:0px 15px; height:64px; line-height:64px; }
.sb_nav h3 a{font-size:1.625rem; color:#fff; font-weight: bold; }

.sb_nav .nav-list ul{ border:1px solid #999; margin: 10px 0px;    box-shadow: 0 0 10px rgb(0 0 0 / 20%); }
.sb_nav .nav-list ul li{  height:64px; line-height:64px;}
.sb_nav .nav-list ul li a {display: block;font-size:1.375rem; font-weight: normal; text-align: center; position: relative;   margin:0px 20px;    color: #999;}
.sb_nav .nav-list ul li a:after{content: ">"; font-family: "宋体"; display: block; position: absolute; right: 0; bottom: 0px;}
.sb_nav .nav-list ul li.active{ padding:0px 0px;background:#005caf;}
.sb_nav .nav-list ul li.active a{ color: #fff;}


.pro-main{ display: flex; flex-wrap: wrap; justify-content: space-between;align-items: flex-start; padding: 30px 0px;width:1360px; margin:0 auto;}
.pro-left1{background: #fff; width: calc(100% - 360px); padding: 20px 20px; box-sizing: border-box; }



.pro-right1{background: #fff; width:300px;padding: 20px 20px; box-sizing: border-box;}
.pro-right1 h2{border-left: 3px solid #2068ee; text-align: left; margin-bottom: 20px; padding-left: 5px;}
.pro-right1 ul li{ margin-bottom: 20px;}
.pro-right1 ul li .img{display:flex; justify-content:center;}
.pro-right1 ul li img{ display: block; max-width:100%; height:200px;}
.pro-right1 ul li h3{ background: #ccc; color:#fff;font-size:1rem;padding: 5px 0px; text-align: center;}


/*产品轮播*/
.productshow-main .product_content{}
.prorow{  display: flex; flex-wrap:wrap;justify-content: space-between;margin: 0px 120px;}
.pro-left{    width: 700px;  }
.view {	 width:650px; height:400px;  overflow: hidden; float:left;}
.view .swiper-slide{	 width:700px; height:400px;}
.view-text h1{ font-size:20px;padding-top:20px;}
.product_ms{  margin-top:30px; font-size:16px; color:#666; line-height:24px;}


.view img {width: 98%;	height: 100%; object-fit: contain; border:solid 1px #f2f2f2;}
.view-text{ float:Right;width:280px}
.preview {	position: relative;	width: 700px; padding: 0px 30px;	 margin-top: 20px;}
.preview .swiper-slide {width: 120px;	height: 90px;	margin: 0 3px;	box-sizing: border-box;	overflow: hidden;	cursor: pointer;}
.preview .swiper-slide img {	object-fit: cover;display: inline-block;width: 100%;	height: 100%;}
.preview .active-nav {	border: 1px solid #ff0000;}
.preview .arrow-left,.preview .arrow-right{display: inline-block;position: absolute; }
.preview .arrow-left:after,.preview .arrow-right:after{font-family:"FontAwesome";font-size:36px;display:block; position: absolute;text-align:center;font-weight:600;}
.preview .arrow-left{left: 0px;top: 50%; margin-top: -25px; }
.preview .arrow-right{right: 10px;top: 50%;margin-top: -25px;}
.preview .arrow-left:after{content:'\f104'; color: #252525;}
.preview .arrow-right:after{content:'\f105'; color: #8d8d8d;}
.product_content{ clear:both;}
.product_content img{ max-width:100%;}

.pro-right{ width:calc(100% - 700px); padding:30px 0px 0px 40px; height:auto;}
.pro-right h2{ font-size:20px; line-height: 30px; color: #252525; font-weight:bold; margin-bottom: 20px;}
.miaoshu p{ font-size: 16px; color: #676767; line-height: 30px;}
.pro-right a.inquirybtn {   width: 180px;   height: 42px;   color: #fff;   position: relative;    font-size: 14px;   font-weight: bold;
    display: flex;   align-items: center;   text-transform: uppercase;   padding-left: 15px; margin-top: 30px ;   background: #ff0000; border-radius: 21px;}
.pro-right a.inquirybtn:before{ content: ""; background: url(../images/newsbtn.webp) no-repeat center; position: absolute; right: 20px; display: block; width: 20px; height: 20px;}

.product-container{  margin: 60px auto; }

.pro-content{ margin: 60px auto;background: #f0f0f0; padding: 60px 120px;}

.contentbox {}
.dec-tit {     margin: 0px 0px 50px 0px;     font-weight: bold;}
.dec-tit span{ font-size: 36px; text-align: center; display: block; text-transform: uppercase; color: #000; font-weight: bold; }
.box-content .content img{ display: block; max-width: 100%;}
.box-content .content p{color: #676767; line-height: 30px;}

.ab-product{ margin-top: 20px; border: 1px solid #dcdcdc; background: #fff;}
.ab-product h2{font-size:16px; color:#252525; font-weight: bold;  padding: 0px 15px; height:50px; line-height:50px; }
.ab-product ul li{ margin: 0px 15px 15px 15px; }
.ab-product ul li a{display: flex; flex-wrap: wrap; justify-content: space-between;}
.ab-product ul li .img{ height: 80px; width: 80px; background: #ededed; }
.ab-product ul li img{ width: 100%;     height: 100%;object-fit: contain;}
.ab-product ul li .text{width: calc(100% - 90px);}
.ab-product ul li h3{ margin-top: 0px; color: #252525; font-weight: bold; font-size: 14px;  }
.ab-product ul li em{font-size: 14px; color: #676767;  font-style: normal;}
.ab-product ul li span{font-size: 14px; color: #676767;  font-style: normal; text-decoration: underline;}



.solutionsort{ margin: 30px auto 30px; display: table; }
.solutionsort h2{padding:10px 20px 10px 20px;  margin: 10px 20px; font-weight: bold; border-bottom: 1px solid #dcdcdc;   background: url(../images/position-ico.png) no-repeat center left;}
.solutionsort ul{ display: flex; flex-wrap:wrap; justify-content: center; border-radius: 30px; }
.solutionsort ul li {  padding: 0px 0px; background:#707070; width: 160px; height: 50px; display: flex;justify-content: center; align-items: center; 
     margin: 10px 20px; transition: 0.5s; }
.solutionsort li a.calss1 {color: #fff; font-size: 16px; font-weight: bold; }
.solutionsort li:hover ,.solutionsort li.active{ background:#cfba78;  }
.solutionsort li:hover a,.solutionsort li.active a { color:#fff;}

.solution-main{background:#efefef; padding: 0px 0px 60px 0px; }
.solution-cont{ margin: 0px 120px;}
.solutionlist{ padding:0px 0px 15px 0px; width: calc(100% - 0px); box-sizing: border-box;}
.solutionlist li{   overflow:hidden; background: #fafafa; border-radius: 10px; padding: 20px 30px; margin-bottom:40px ; }
.solutionlist li a{ display: flex;    flex-wrap: wrap; margin: 0px auto;  }
.solutionlist li .list_img{ width: 540px; height: 240px; overflow: hidden;}
.solutionlist li .list_img img{ width: 100%; height: 240px; display: block; object-fit: cover; border-radius: 10px;}
.solutionlist li .list_text{ width: calc(100% - 540px); margin: 0px 0px;padding: 30px 30px; box-sizing: border-box; } 
.solutionlist li .list_text h3{ margin-bottom: 10px; color: #252525; line-height: 25px; font-weight: bold; font-size: 1.25rem;}
.solutionlist li .list_text p{ color:#676767; font-size: 16px; padding: 15px 0px; line-height: 24px; clear: both;}
.solutionlist li:hover .list_text h3{ }
.solutionlist li:hover img{ transform: scale(1.05, 1.05); transition: .5s transform;}

.application-cont{padding: 60px 0px; background: url(../images/applicationbg.jpg) ;}
.application-cont h2{text-align: center; font-size: 36px; margin-bottom: 30px;}
.application-cont ul{ display: flex; flex-wrap: wrap;margin: 0px 150px;}
.application-cont ul li{width: calc(100%/3 - 40px); margin: 0px 20px;}
.application-cont li img{width: 100%; height: 270px; display: block;}
.application-cont li .text{background: #fff;padding:20px 0px;display: flex; justify-content: center; align-items: center; }
.application-cont li .text h3{ font-size: 20px; }

.soul-com {padding: 60px 0px; margin: 0px 150px;}
.soul-com h2{font-size: 30px; margin-bottom: 30px;}
.soul-com ul{ display: flex; flex-wrap: wrap;}
.soul-com ul li{width: calc(100%/4 - 20px); margin: 0px 10px;}
.soul-com ul li a{display: flex; flex-wrap: wrap;}
.soul-com ul li .img{width:90px;height: 90px;}
.soul-com ul li img{width: 100%; height: 90px; display: block;}
.soul-com ul li .text{background: #f8f8f8; width: calc(100% - 90px); padding: 10px 20px;}
.soul-com ul li .text h3{font-weight: bold; font-size: 18px;}
.soul-com ul li .text time{color: #999; font-size: 14px;}

.solution-content{display: flex; flex-wrap: wrap; justify-content:space-between;width: calc(100% - 330px); margin:0px auto 0px; padding: 60px 0px;}
.solutionshow{width: calc(100% - 360px);}

.solutionshow .view-img{display: flex; flex-wrap: wrap; padding: 20px 20px; background: #fff;}
.solutionshow .view-img .img{width: 50%;}
.solutionshow .view-img .img img{width: 100%;}
.solutionshow .view-img .text{width: 50%; padding: 20px 20px;}
.solutionshow .view-img .text h2{margin-bottom: 20px;}
.solutionshow .view-img .text p{line-height: 30px;}

.solutionshow .content{background: #fff; padding: 30px 30px; margin-top: 30px;line-height: 30px;}
.solutionshow .content img{max-width: 100%;}


.ab-case{width: 300px;  background: #fff;}
.ab-case h2{font-size:16px; color:#252525; font-weight: bold;  padding: 0px 15px; height:50px; line-height:50px; }
.ab-case ul li{ margin: 0px 15px 15px 15px; }
.ab-case ul li a{}
.ab-case ul li .img{ height: 160px; width: 100%;  }
.ab-case ul li img{ width: 100%;  display: block;    height: 100%;object-fit: cover;}
.ab-case ul li .text{ background: #c5c5c5; padding: 5px 0px; }
.ab-case ul li h3{ margin-top: 0px; color: #fff; font-weight: bold; font-size: 14px; text-align: center; }

.case-main{background:#f2f2f2; padding: 0px 0px 60px 0px;}

.caselist{ padding: 0px 0px;}
.caselist ul{ display: flex; flex-wrap: wrap; margin: 0px 165px; }
.caselist ul li{ width: calc(100%/3 - 30px); background: #fff;margin: 0px 15px 15px; box-sizing: border-box;}
.caselist ul li .img{height: 320px;}
.caselist ul li .img img{height: 320px; width:100%; object-fit: cover;}
.caselist ul li .text{padding: 30px 30px;}
.caselist ul li h3{ font-weight: bold;  font-size: 18px; margin-bottom: 20px;}
.caselist ul li p{margin: 20px 0px; line-height: 30px;}
.caselist ul li span{border-radius: 30px; display: table; border:1px solid #ccc;padding: 5px 10px;}


.case-com{padding: 60px 0px; }
.case-com h2{text-align: center; font-size: 36px; margin-bottom: 30px;}
.case-com ul{ display: flex; flex-wrap: wrap;margin: 0px 150px;}
.case-com ul li{width: calc(100%/4 - 20px); margin: 0px 10px;}
.case-com li img{width: 100%; height: 270px; display: block;}
.case-com li .text{background: #f5f5f5;padding:20px 0px;display: flex; justify-content: center; align-items: center; }
.case-com li .text h3{ font-size: 18px; }


.caseshow{ width: 1200px; margin:100px auto 100px;}
.caseshow-top{margin: 0px 0px 30px 0px; display: flex; justify-content: center; align-items: center; position: relative;}
.caseshow-top h2{color: #000;  font-weight:bold;font-size:1.75rem; text-align: center;  display: table; height: 59px; line-height: 59px; }

.caseshow-top .caseposition {   font-size: 0.875rem; position: absolute; right: 0;   color: #999;      display: flex;   border-bottom: 1px solid #999;}
.caseshow-top .caseposition a{ color: #999;}

.download-main{margin: 0px 120px;}
.download-main .downloadtext{text-align: center;}
.download-main .downloadtext h3{font-size: 60px;}
.download-main .downloadtext p{font-size: 36px;}
.downloadlist ul{display: flex;flex-wrap: wrap;}
.downloadlist ul li{width: calc(100%/2 - 40px); background: #f5f5f5; padding: 50px 50px; margin:20px 10px;display: flex;flex-wrap: wrap;}
.downloadlist ul li .list_img{width: 40%;}
.downloadlist ul li .list_img img{width: 100%;}
.downloadlist ul li .list_text{width: 60%; padding: 0px 0px 0px 50px;}
.downloadlist ul li .list_text em{font-size: 30px; display: block; margin-bottom: 30px;}
.downloadlist ul li .list_text h3{font-size: 24px;}
.downloadlist ul li .list_text span{border-radius: 5px;margin: 100px 0px 0px 0px; padding: 5px 40px;background: #ff6c0e; color: #fff; display: inline-flex; justify-content: center; align-items: center;}


.faq-main{margin: 0px 120px;}
.faq-main .faqtext{text-align: center; margin-bottom: 30px;}
.faq-main .faqtext h3{font-size: 60px;}
.faq-main .faqtext p{font-size: 36px;}
.faqlist{padding-left: 60px;}
.faqlist li{ margin: 0px 0px 30px 0px;}
.faqlist li h3{font-size: 20px; margin-bottom: 10px; font-weight: bold;}

.faq-cont{display: flex;}
.faqsort li{border: 1px solid #000; width: 180px; margin: 0px 0px 30px 0px; border-radius: 5px; display: table; text-align: center; }
.faqsort li a{display: block;padding: 20px 30px;}
.faqsort li.active{background: #000;}
.faqsort li.active a{color: #fff;}

.news-main{ }
.news-cont{ margin: 0px 120px;}
.newslist{ padding:0px 0px 15px 0px; width: calc(100% - 0px); box-sizing: border-box;}
.newslist ul{display: flex; flex-wrap: wrap;}
.newslist li{ width: calc(100%/3 - 40px);   overflow:hidden;   padding: 0px; margin:0px 20px 40px 20px ; }
.newslist li a{  margin: 0px auto;  }
.newslist li .list_img{ width: 100%; height: 270px; overflow: hidden;}
.newslist li .list_img img{ width: 100%; height: 270px; display: block; object-fit: cover;}
.newslist li time{ color: #252525; font-size: 16px;width: 100%;  display: block; border-bottom: 1px dashed #ccc; padding: 0px 0px 20px 0px;  box-sizing: border-box;} 
.newslist li .list_text{ width: calc(100% - 0px); margin: 0px 0px;padding: 30px 0px; box-sizing: border-box; } 
.newslist li .list_text h3{ margin: 20px 0px; color: #252525; line-height: 18px; font-weight: bold; font-size: 16px;}
.newslist li .list_text p{ color:#676767; font-size: 14px; padding: 15px 0px; line-height: 24px; clear: both;}
.newslist li .list_text span{color: #000;   position: relative;   font-size: 16px;    display: inline-flex;   align-items: center;     }

.newslist li:hover .list_text h3{ }
.newslist li:hover img{ transform: scale(1.05, 1.05); transition: .5s transform;}


.newssort{ margin: 0px 0px 0px 0px; width: 290px; }
.newssort ul{border: 1px solid #dcdcdc;border-radius: 10px;background: #fff; }
.newssort ul li {   padding: 0px 0px;      margin: 0 0px; transition: 0.5s; }
.newssort li a.calss1 {color: #252525; font-size: 16px; font-weight: bold; display: flex;justify-content: space-between; padding: 20px 20px 20px 40px;}
.newssort li:hover a,.newssort li.active a { color:#252525;}
.newssort li a.calss1:after{font-family: "FontAwesome"; content: '\f105';}
.newssort li dl{ background: #f5f5f5;padding: 5px 40px;}
.newssort li.active dl{  display: block; }
.newssort li dl a{ width: 100%; font-size: 14px; display: block; color: #676767; padding: 10px 0px;}
.newssort li dl a.active{ color: #252525; text-decoration: underline;}

.lianxi{ clear:both; padding:40px 0 40px 0px; margin:30px 150px;display: flex;  justify-content: space-around; border-top:2px #e6e6e6 solid; overflow:hidden; zoom:1; }
.lx-con { float:left; padding-right:110px; }
.lx-con li a{ color:#666; }
.lx-con li a:hover{ color:#e60012; text-decoration:underline; }
.lx-con .tit{ clear:both; overflow:hidden; zoom:1; }
.lx-con .tit h3{ float:left; color:#333; font-size:18px; }
.lx-con .tit p{ float:right; }
.lx-con .tit p a{ padding-right:22px; background:url(../images/ico2_s.png) center right no-repeat; }
.lx-con .tit p a:hover{background:url(../images/ico2_s.png) center right no-repeat; }
.lx-con ul{ clear:both; padding-top:20px; width:320px;  overflow:hidden; }
.lx-con li{ clear:both; height:32px; line-height:32px; width:320px;  overflow:hidden; }
.lx-con .lcon{ clear:both; line-height:32px; padding-top:20px; color:#666; }
.lx-con .lcon .tels{ font-size:24px; color:#333; }

.news-show {   display: flex;   flex-wrap: wrap;   margin: 0px 150px;}
.news-right{background: #fff; width:300px;padding: 0px 20px; box-sizing: border-box;}
.news-right h2{border-left: 3px solid #e60017; font-size: 1.2rem; background: #f2f2f2; text-align: left; margin-bottom: 20px; padding: 5px 0px 5px 5px;}
.news-right ul li{ margin-bottom: 20px; border: 1px solid #000; padding: 10px 10px;}
.news-right ul li img{ display: block; width: 100%;}
.news-right ul li h3{  color:#000;font-size:1rem;padding: 5px 0px; text-align: center;}

.newscontent{width: calc(100% - 300px);}
.newscontent h2{ text-align: center;}
.newscontent .metit{ text-align: center;border-bottom: 1px dashed #666; padding: 30px 0px 30px 0px;width:80%; margin:0 auto;}
.newscontent .content{padding: 60px 0px; line-height:2; font-size:1rem;width:80%; margin:0 auto;}
.newscontent .content img{ text-align:center; max-width:100%;}

.page-links { margin: 0px 0px 30px 0px;}
.page-links .prev-link,.page-links .next-link{ width: 100%; margin: 10px 0px; color: #333; }
.page-links .prev-link a,.page-links .next-link a{ color: #333; }

.post-news{ margin-top: 20px; border: 1px solid #dcdcdc; background: #fff;}
.post-news h2{font-size:16px; color:#252525; font-weight: bold;  padding: 0px 15px; height:50px; line-height:50px; }
.post-news ul li{ margin: 0px 15px 15px 15px; }
.post-news ul li a{display: flex; flex-wrap: wrap; justify-content: space-between;}
.post-news ul li .img{ height: 80px; width: 80px;  }
.post-news ul li img{ width: 100%;     height: 100%;object-fit: cover;}
.post-news ul li .text{width: calc(100% - 90px);}
.post-news ul li h3{ color: #252525; font-weight: bold; font-size: 14px; line-height: 14px; 
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical; }
.post-news ul li time{font-size: 14px; color: #252525;  font-style: normal;}
.post-news ul li span{font-size: 14px; display: block; color: #252525;  font-style: normal; }









.sb-form-box{ border: 1px solid #dcdcdc;  border-radius: 10px; padding: 10px 10px; margin: 20px 0px 0px 0px;}
.sb-form-box .input{display: flex; justify-content: space-between; flex-wrap: wrap; }
.sb-form-box .input input{ width: 100%; background: #f5f5f5; border: none; border-radius: 5px; padding: 15px 10px;margin-bottom: 20px;}
.sb-form-box .textarea textarea{ width: 100%; background: #f5f5f5; border: none;height: 130px; border-radius: 5px; padding: 20px 10px;margin-bottom: 20px;}

.sb-form-box button{ width: 100%; background: #252525; color: #fff; font-weight: bold; font-size: 14px; border: none; width: 100%;border-radius: 5px; 
padding: 15px 10px; text-transform: uppercase;  position: relative;  text-align: left;}
.sb-form-box button:before{ content: ""; background: url(../images/newsbtn.webp) no-repeat center; position: absolute; right: 20px; display: block; width: 20px; height: 20px;}

/* nyabout css */

.about_a { overflow: hidden; padding: 100px 0;}
.about_a_container { width: 95%; max-width: 1400px; margin: auto;}
.about_a_container .top ul { display: flex; justify-content: space-between;}
.about_a_container .top span { font: 60px Montserrat_Bold; color: #0d54c0;font-family: Montserrat;}
.about_a_container .top i { font: normal 24px CN_Light; vertical-align: top; margin-left: 5px;}
.about_a_container .top div { font-size: 18px; color: #474747; margin-top: 15px;}


.about_b{margin: 0px 120px; line-height: 30px; }




.about_c{margin: 60px 120px;  }
.about_c h2{color: #2a6cb5; font-size: 30px; font-weight: bold; text-align: center;}
.about_c ul{display: flex; flex-wrap: wrap; }
.about_c li {width: calc(100%/3 - 40px); background: url(../images/culbg.png) no-repeat right top; margin: 0px 20px; box-shadow: 4px 4px 2px 2px #abafb8; padding: 30px 30px;}
.about_c li h3{font-size: 20px; color: #252525; font-weight: bold; margin:20px 0px 30px;}
.about_c li p{font-size:16px; margin-bottom: 20px; color: #676767;	line-height: 24px;}





.about-ganyan{ }
.about-ganyan .about-ganyan-box{ padding: 60px 0px 60px 0px;}
.about-ganyan h2{ font-size: 30px; margin-bottom: 10px; color: #2a6cb5; text-align: center; font-weight: bold;}
.about-ganyan p{ text-align: center; font-size: 18px;}
.about-ganyan ul {  }
.about-ganyan ul li{  }
.about-ganyan ul li img{width: 100%; }

.about-map h2{font-size: 30px; margin-bottom: 10px; color: #2a6cb5;text-align: center; font-weight: bold;}
.about-map p{ text-align: center; font-size: 18px;}

.project-box01{background:#f4f6f4; padding: 100px 0px;}
.project-box01 .projectbox{display: flex; flex-wrap: wrap;}
.project-box01 .projectbox .left{width:55%;}
.project-box01 .projectbox .left h2{ font-size: 36px; margin-bottom: 30px;}
.project-box01 .projectbox .left p{font-size: 16px;color:#4e5652;  line-height: 30px; margin-bottom: 20px;}
.project-box01 .projectbox .right{width: 45%;display: flex;   align-items: center;}
.project-box01 .projectbox .right ul{display: flex; flex-wrap: wrap;}
.project-box01 .projectbox .right ul li span{background: #fff; margin: 0px auto; width: 80px; height: 80px; align-items: center; justify-content: center; display:flex; border-radius: 100%;}
.project-box01 .projectbox .right ul li{width:calc(100%/4); text-align: center;}
.project-box01 .projectbox .right ul li h3{font-size: 14px; font-weight: bold; margin-top: 20px;}
.project-box01 .projectbox .right ul li i{font-size: 40px;}

.project-box02{padding: 100px 0px;}
.project-box02 .projectbox-top{display: flex; flex-wrap: wrap;}
.project-box02 .projectbox-top .left {width: 50%;}
.project-box02 .projectbox-top .left img{width: 100%;}
.project-box02 .projectbox-top .right{width: 50%; display:flex; align-items: center; justify-content: center;}
.project-box02 .projectbox-top .right li a{ border: 1px solid #14261c; border-radius: 4px;  margin: 20px 0px; padding: 15px 30px 15px 30px;display: table;}
.project-box02 .projectbox-bottom ul{display: flex; flex-wrap: wrap;}
.project-box02 .projectbox-bottom li {width: calc(100%/4 - 10px); margin: 0px 5px;}
.project-box02 .projectbox-bottom li a{ border: 1px solid #14261c; border-radius: 4px;  margin: 10px auto; padding: 15px 30px 15px 30px;display: table;}

.project-box03 .projectbox-bottom {margin-top: 20px;}
.project-box03 .projectbox-bottom li{display: flex; flex-wrap: wrap;}
.project-box03 .projectbox-bottom li .text{width: 50%; padding-right: 30px;}
.project-box03 .projectbox-bottom li .text h3{font-size: 30px; margin-bottom: 20px;}
.project-box03 .projectbox-bottom li .text p{color: #4e5652; font-size: 18px;}
.project-box03 .projectbox-bottom li .img{width: 50%;}
.project-box03 .projectbox-bottom li .img img{width: 100%;}


.project-con01 {padding: 30px 0px 100px 0px;    text-align: center;}

.project-con02 ul li{display: flex; flex-wrap: wrap; align-items: center;}
.project-con02 ul li:last-child{flex-direction: row-reverse;}
.project-con02 ul li .img{ width: 35%;}
.project-con02 ul li .img img{ width: 100%;}
.project-con02 ul li .text{ width: 65%; padding: 0px 20px;}
.project-con02 ul li .text p{font-size:16px;font-weight: bold; line-height: 30px;}

.project-con03{padding: 60px 0px;}

.project-con04 ul{display: flex; flex-wrap: wrap;}
.project-con04 ul li{width: calc(100%/2); margin: 10px 0px; text-align: center;}
.project-con04 ul li:nth-child(3) a{
    background-image: radial-gradient(at center center, #ECA5E5 17%, #D60808 81%);}
.project-con04 ul li:last-child a{background-image:radial-gradient(at center center, #9BDCF1 17%, #081DD6 81%)}    
.project-con04 ul li a{font-size: 20px; padding: 10px 40px; border-radius: 4px;
    font-weight: 700;
    font-style: normal;
   
    text-shadow: 0px 0px 50px rgb(0 0 0 / 30%);
   
    color: #FFFFFF; margin:0 auto; display: table; background-color: transparent;
    background-image: radial-gradient(at center center, #39EF02 17%, #073D14 81%);
   
}
.project-con04 ul li i{margin-right: 30px;}

.project-con04 .p-button{margin-top: 20px;}
.project-con04 .p-button a{font-size: 20px; padding: 10px 40px; border-radius: 4px;
    font-weight: 700;
    font-style: normal;
   
    text-shadow: 0px 0px 50px rgb(0 0 0 / 30%);
   
    color: #FFFFFF; margin:0 auto; display: table; background-color: transparent;
    background-image: radial-gradient(at center center, #E30E4E 17%, #FF8200 80%);
   
}
.project-con04 .p-button i{margin-right: 30px;}

.project-con05{padding: 100px 0px;}
.project-con05 ul{display: flex; flex-wrap: wrap;}
.project-con05 ul li{width: calc(100%/3); text-align: center;}


.sale-service li .text h3{font-size:14px;padding-bottom:10px;}
.solutionsort li a.calss1{text-align:center;}
.download-main .downloadtext h3{font-size:30px;}
.download-main .downloadtext p{font-size:26px;}
.downloadlist ul li .list_text h3{font-size:18px;}
.downloadlist ul li .list_text em{font-size:20px;}
.public-content{padding: 60px 0px;}
.com-content{background:#f4f6f4;padding: 60px 60px; margin: 60px 0px;}

.sponsors{ margin: 60px 0px;}
.sponsors h2{font-size:36px;font-weight: bold;}
.sponsors p{font-size:16px;}
.sponsorsbox ul{display: flex; flex-wrap: wrap;  }
.sponsorsbox li{ width: calc(100%/3 - 40px); margin: 0px 20px; padding: 30px 30px; }
.sponsorsbox li .img{ display: flex; align-items: center;justify-content: center;}
.sponsorsbox li img{ width: 300px; height: 300px;  }
.sponsorsbox li .text{ padding: 30px 0px 30px 0px;  position: relative;}
.sponsorsbox li .text h3{ color: #252525; font-size: 18px; margin-bottom: 20px; text-align: center; line-height: 30px; font-weight: bold;}
.sponsorsbox li .text p{ color: #676767; font-size: 16px; line-height: 24px; text-align: center;}


/* contactus css */
.nycontact{padding: 100px 0px 0px 0px; 	}
.nycontact .contact-text{font-size: 33px; margin: 60px 200px; line-height:60px;}
.nycontact .contshow {margin: 60px 200px;}
.nycontact .contshow h2{font-size: 36px; color: #ff0000;margin-bottom: 60px;}
.nycontact .contshow li {margin-bottom: 30px;}
.nycontact .contshow li p{font-size:30px; color: #14261c;  display: block;}
.nycontact .contshow li span{font-size:16px;color: #000; font-weight: bold; font-weight: bold; margin-bottom: 10px; display: block;}

.nycontact .map-outer{}
.nycontact .map-outer h2{ font-size: 20px; margin-bottom: 20px; text-align: center }

.job-main{margin: 0px 120px;}
.joblist li{   background: #f5f5f5;   padding: 30px 30px;   margin: 20px 0px;}
.joblist li h3{font-size: 24px; font-weight: bold; margin-bottom: 20px;}
.joblist li .card-text{line-height: 30px;}

.contact-info-list { display: flex; flex-wrap: wrap; margin:100px 0px;}
.contact-info-list li{width: calc(100%/3 - 2px); text-align: center;}
.contact-info-list li span{ font-size: 3rem; display: block;}
.contact-info-list li em{ font-size: 1rem;  display: block; font-style: normal; }
.contact-info-list li p{ font-size: 1.2rem; font-weight: bold; color: #2889f4;margin: 20px 0px 30px; display: block; line-height: 30px;}
.contact-info-list li:nth-child(2){border-left:2px solid #ccc;border-right:2px solid #ccc;}

.aboutsort{ margin: 60px 0px 30px 0px;}
.aboutsort ul{ display: flex; flex-wrap: wrap;justify-content: center;}
.aboutsort ul li { line-height: 36px; color: #fff; background:#707070 ;  padding: 0px;   margin: 0 40px; transition: 0.5s;  width: max-content;  transition: 0.5s;}
.aboutsort li a {  color: #fff; }
.aboutsort li:hover ,.aboutsort li.active{ background: #cfba78;}
.aboutsort li:hover a,.aboutsort li.active a { color: #fff;}

.honorlist{ margin: 30px 250px 0px 250px;}
.honorlist h2{ margin: 0px 0px 40px 0px; font-weight: bold;}
.honorlist ul{ display: flex; flex-wrap: wrap;}
.honorlist li { width: calc(100%/4 - 20px); margin: 0px 10px 40px 10px;text-align:center; }
.honorlist li img{ height: 300px;width:300px;}
.honorlist li img{object-fit: contain; }
.honorlist li h3{ text-align:center; padding:20px 0px; font-size:16px;}

.index-fuwu { padding: 0px 0px 100px 0px; }
.index-fuwu .title{ text-align: center;}
.index-fuwu .title h2{ text-transform: uppercase;font-weight: bold;font-size: 1.2rem; line-height: 2;text-shadow: -2px 2px #ccc;}
.fuwu-box{margin: 100px 150px 0px 150px;}
.fuwu-box ul{display: flex; flex-wrap: wrap; }
.fuwu-box ul li{width: calc(100%/4 - 60px); margin: 0px 30px; background:#f9f9f9;  box-sizing:border-box; padding:20px 20px;}
.fuwu-box ul li img{ width: 80px;}
.fuwu-box ul li h3{  font-size: 1.5rem; margin: 10px 0px 20px 0px;}
.fuwu-box ul li p{ line-height:24px;}


.reLink {margin: 10px auto 10px; padding: 0px 0px; }
.reLink .prevLink, .reLink .nextLink { margin: 10px 0px;	}
.reLink .prevLink a, .reLink .nextLink a {	}
.reLink .prevLink a:hover, .reLink .nextLink a:hover {	color: #04549b;}
.reLink .prevLink {	}
.reLink .nextLink {	}


@media screen and (max-width: 1680px) {
.w1200{ margin: 0px 20px; width: calc(100% - 40px);}	
.w1400{ margin: 0px 20px; width: calc(100% - 40px);}
.w1500{ margin: 0px 20px; width: calc(100% - 40px);}
}

@media screen and (max-width: 1440px) {
.w1200{ margin: 0px 20px; width: calc(100% - 40px);}	
.w1400{ margin: 0px 20px; width: calc(100% - 40px);}
.w1500{ margin: 0px 20px; width: calc(100% - 40px);}
}

@media screen and (max-width: 1366px) {
.w1200{ margin: 0px 20px; width: calc(100% - 40px);}	
.w1400{ margin: 0px 20px; width: calc(100% - 40px);}
.w1500{ margin: 0px 20px; width: calc(100% - 40px);}
}

@media screen and (max-width: 1024px) {
.w1200{ margin: 0px 20px; width: calc(100% - 40px);}	
.w1400{ margin: 0px 20px; width: calc(100% - 40px);}
.w1500{ margin: 0px 20px; width: calc(100% - 40px);}	
header .headerbox {    width: calc(100% - 80px);    margin: 0px 40px;    padding: 0px 30px;}

.index-box03 .product-box {width: 80%;}

.index-box04 ul li{width: 480px;}
}


@media screen and (max-width: 768px) {
header {  position: inherit;}
header .headerbox { width: calc(100% - 0px); display:flex;margin: 0px 0px;height:60px;padding: 0px 0px;border-radius: 0px;}	
header.fixed-top {    top: 0;   z-index: 9;   position: fixed !important;    background: rgba(0,0,0,0.8);}
.wrap{width: 100%; padding: 0px 10px;  margin: 0px 0px;}
.logobox{ display: flex; justify-content: space-between; padding: 0px 10px;     align-items: center;   width: 100%;}
.logo { height: 60px;}
.logo img{ height: 40px;}
.view-text{ float:none;width:100%; margin-top:30px;}
.mc_ph_menu{ display:block !important;}
.point{ position:relative;}
.point .nav_btn{position: absolute;   top: 0px;  right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}


.lang{width:80px;font-size:14px;}
.index-box01{display:none;}
.index-banner{ height:40vh;}
.index-banner video{height:40vh;}


.pro-main{width:100%}
.pro-left1{ clear:both;width:100%}
.pro-right1{ clear:both;width:100%}
table {width:100% !important;}
tbody{width:100% !important;}
table tr{width:100% !important;}

.point .nav_btn,.point .nav_btn:after,.point .nav_btn:before {display: inline-block;width: 26px;height: 2px; background-color: #fff;}  
.point .nav_btn::after, .point .nav_btn::before {    content: '';   position: absolute;   right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.point .nav_btn::before {    top: 8px;}
.point .nav_btn::after {   top: -8px;} 
.point.active .nav_btn {  background: transparent; }
.point.active .nav_btn::before {    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.point.active .nav_btn::after {    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.navbox{ display:none;position: absolute; opacity:0; left: 0; top: 61px; height: 100vh; padding: 0px 20px; box-sizing: border-box;  
z-index: 999;   background: #fff;   width: 100%;   transition: all 0.5s;transform: translateX(100%);}
.navbox.navbar-show{ transform: translateX(0%);opacity:1; display: block; }
.navbar ul li{ width: 100%;display: block;margin: 0px 0px;padding: 0px 0px; border-bottom: 1px solid #ddd;}
.navbar ul li.active{ border-radius: 0px; background:none;}
.navbar ul li a.nav-link{ width: 100%; display: flex; font-size: 16px; padding: 0px 10px;  color: #000; height:40px;line-height: 40px; justify-content: space-between;align-items: center;}
.navbar ul li a.active {    color: #FF8F00;}
.navbar ul li a.navdown:after{position:absolute; right:0;}
.navbar ul li a.navdown:before {right: 0;}
.navbar ul li .downmune{ display:none; position: inherit;top: 0px; padding: 0px 10px;width: 100%; text-align: left;   box-sizing: border-box;}
.navbar ul li.navdown:after { background:none; width:auto;   font-family: "FontAwesome";
    content: '\f107'; font-weight: bold;  color: #252525; line-height: 30px; position:absolute;  right:0; top:0; }
.navbar ul li.active:after {   content: "-"; font-weight: bold;   color: #2661bb;  line-height: 30px; position:absolute;  right:0; top:0; }
.navbar ul li.on dl{display:block;}
.navbar ul li:hover dl{ }
.navbar ul li:hover a.nav-link{}
.navbar ul li dl a{line-height:40px; font-size:1rem}
.navbar ul li dl dt{width: 100%;   justify-content: space-between;}
.navbar ul li dl dd{position:inherit; left:0;}



.index-banner .banner-text{padding: 0px 0px;}
.index-banner .banner-text h3{font-size: 30px;}
.index-banner .banner-text p{font-size: 20px;}
.index-box02 ul li h3{font-size:0.8rem;}
.index_3_1 h3{font-size:0.8rem;}

.index-box01 .tit h2 {  font-size: 30px;}
.index-box01 .tit p {   font-size: 20px;}
.video-boxes .pcimg img{width:100%;}
.video-boxes .pcimg{display:none;}
.video-boxes .mimg{display:block !important;}
.video-boxes .mimg img{width:100%;}

.zhineng-box {     margin: 0px 20px;}
.zhineng-box .swiper-button-prev{left: -20px;}
.zhineng-box .swiper-button-next{  right: -20px;}



.index-box02 .tit h2 {  font-size: 30px;}
.index-box02 .tit p {  font-size: 20px;}
.index-box02 .product-box {   width: 100%;}
.index-box02 ul li {   width: calc(100%/2 - 10px); margin: 5px 5px;}
.index-box02 ul li h3 {font-size: 1rem; margin:0px 0px 20px 0px;}
.index-box02 ul li img{ height:150px;}

.index-box03 {   margin: 60px 10px; width:calc(100% - 20px);}
.index-box03 .tit h2 {  font-size: 30px;}
.index-box03 .tit p {  font-size: 20px;}
.index_3_1 h3{font-size:1rem;}
.index_3_2 h3{font-size:1rem;}
.index_3_2 p{display:none;}
.index_3_2_jj_mid {   margin:20px 20px;}
.index_3_2_img img {  width: 100%;    height: 250px;  object-fit: cover;}
#honorpage, #honorpage4, #honorpage5 {   margin: 20px 0px 0px 0px;    text-align: center;}

.index-box04 .tit h2 {  font-size: 30px;}
.index-box04 .tit p {  font-size: 20px;}
.index-box04 .solution-box {   margin: 0px 20px;}
.index-box04 .solution-box ul li {  width: calc(100%/1); margin: 10px 0px;}
.index-box04 .solution-box ul li img {  width: 100%;   height: auto;}
.index-box04 .solution-box ul li h3{font-size:1rem;}


.index-box05 .tit h2{  font-size: 30px;}
.index-box05 .main-box01{margin: 0px 20px;}
.index-box05 .main-box01 .img {    width: 100%;}
.index-box05 .main-box01 .img img{   height:auto;}
.index-box05 .main-box01 .text {width: 100%; padding: 20px 0px 20px 0px;}
.index-box05 .main-box01 .text h2{font-size: 20px;}
.index-box05 .main-box01 .text p{font-size: 14px; width:100%; line-height:28px;}

.index-box06 { padding: 60px 0px;}
.index-box06 .tit{margin-bottom:30px;}
.index-box06 .tit h2 {  font-size: 30px;}
.index-box06 .tit p {  font-size: 20px;}
.index-box06 .news-box {   margin: 0px 20px;}
.index-box06 .news-box ul li {   width: calc(100%/1 - 0px); margin: 10px 0px;padding: 20px 20px;}
.index-box06 .news-box ul li img { height: 200px;}
.index-box06 .news-box ul li h3{font-size:1rem;}
.index-box06 .news-box ul li h3:before{ left:-20px;}
.index-box06 .news-box ul li p{font-size:1rem;}


.index-box07 .tit h2 {  font-size: 30px;}
.index-box07 .tit p {  font-size: 16px;}
.partner-box {   margin: 0px 20px;   padding: 0px 0px;}
.partner-box .swiper-button-prev {    left: -20px;}
.partner-box .swiper-button-next {    right: -20px;}

.index-box08 .tit h2{  font-size: 30px;}
.culture-box {    margin: 0px 20px;}
.culture-box li img{width: 100%; margin: 0px 0px 20px 0px;}

footer { padding: 60px 0px 65px; margin-top:30px;}
footer .footer-box {   margin: 0px 0px;}
footer .foot-text{ margin: 0px 20px;}
footer .foot-text .foot-pro{ width: 100%; margin-bottom: 30px;margin-right:0px;}
footer .foot-text .foot-pro ul{ display:none;}
footer .foot-text .foot-pro.actives ul{ display:block;}
footer .foot-text .foot-pro h3:after {   content: "+"; font-weight: bold;  color: #fff; }
footer .foot-text .foot-pro.actives h3:after { content: "-"; font-weight: bold;  color: #fff;  }

footer .foot-pro h3{margin-bottom:10px; position:relative;    display: flex;  justify-content: space-between;   align-items: center;}
footer .foot-text .foot-contact{ width: 100%;}
footer .foot-contact p:first-child {   margin-bottom: 30px;}
footer .foot-text .foot-feedback{ width: 100%; margin-bottom: 30px;}
footer .foot-text .foot-feedback h3{font-size: 1.2rem;}
footer .foo-form input, footer .foo-form textarea{ width: 100%; box-sizing: border-box;}

footer .copyright {  margin: 30px 10px 0px 10px;}


.online {display:flex;flex-wrap:wrap; width:100%; bottom:0px; right:0px;border-radius: 0px;}
.online dl {width: calc(100%/4);   box-sizing: border-box; display: block !important;}
.online dl dd img{ height:26px; display:block; margin:auto;}
.online dl dd i{ height:26px;}
.online dl dd {font-size: 0.875rem;}


.productsort ul li{width: calc(100%/2 - 20px); margin: 10px 10px;}
.position{margin: 0px 20px;}
.product_box {   margin: 0px 0px;}
.productlist li {    width: calc(100%/2 - 20px);}
.productlist li .img{height:200px;}
.productlist li .img img{height:200px;}

.sale-service {   margin: 0px 20px;}
.sale-service ul li {   width: calc(100%/2);}

.prorow {margin: 0px 20px;}
.pro-left {    width: 100%;}
.view {  width: 100%; height:300px;}
.view .swiper-slide{height:300px;}
.preview{  width: 100%;}
.pro-right {  width: calc(100% - 0px);   padding: 30px 0px 0px 0px;}

.pro-right1 ul{display:flex; flex-wrap:wrap;}
.pro-right1 ul li .img{display:flex; justify-content:center; align-items:center;}
.pro-right1 ul li img{height:150px;}
.pro-right1 ul li {  width: calc(100%/2 - 10px);   margin: 5px 5px 5px 5px;}

.solution-cont {   margin: 0px 20px;}
.solutionlist li{padding:20px 20px;}
.solutionlist li .list_img { width: 100%;}
.solutionlist li .list_text {   width: calc(100% - 0px);    padding: 20px 0px;}
.application-cont ul {margin: 0px 0px;}
.solutionsort ul li {   width: calc(100%/2 - 20px);   margin: 10px 10px;}

.application-cont ul li {   width: calc(100%/1 - 20px);    margin: 10px 10px;}

.caselist ul {margin: 0px 0px;}
.caselist ul li {  width: calc(100%/1 - 0px);}
.caselist ul li .img{  height: 200px;}
.caselist ul li .img img { height: 200px;}

.case-com ul {   margin: 0px 0px;}
.case-com ul li {    width: calc(100%/2 - 20px);}
.case-com li img {   width: 100%;  height: 200px;}
.case-com li .text h3 {   font-size: 1rem;}

.ab-case {   width: 100%;}

.solutionshow .view-img .img {    width: 100%;}
.solutionshow .view-img .text{    width: 100%;}
.solution-content {    width: calc(100% - 0px);}
.solutionshow {   width: calc(100% - 0px);}

.soul-com {   padding: 60px 0px;    margin: 0px 20px;}
.soul-com ul li {  width: calc(100%/1 - 0px);    margin: 10px 0px;}

.news-cont {   margin: 0px 0px;}
.newslist li {   width: calc(100%/1 - 40px);}
.newslist li .list_img{   width: 100%;  height: 200px;}
.newslist li .list_img img {   width: 100%;  height: 200px;}

.lianxi {   margin: 30px 20px; display: block;}
.lx-con{padding-right: 0;}

.news-show {  margin: 0px 20px;}
.newscontent {  width: calc(100% - 0px);}

.news-right{width: 100%; padding: 0px 0px;}
.news-right ul {display: flex; flex-wrap: wrap;}
.news-right ul li{width: calc(100%/2 - 20px); margin: 10px 10px;}
.news-right ul li h3{font-size: 0.85rem;}

.download-main {   margin: 0px 0px;}
.downloadlist ul li {   width: calc(100%/1 - 0px);padding: 20px 20px;}
.downloadlist ul li .list_img {   width: 100%;}
.downloadlist ul li .list_text {   width: 100%;padding: 0px 0px 0px 0px;}

.faq-main {   margin: 0px 20px;}
.faq-main .faqtext h3 {    font-size: 30px;}
.faq-main .faqtext p {    font-size: 20px;}
.faqsort ul{display: flex; flex-wrap: wrap; }
.faqsort li{width: calc(100%/2 - 10px); margin: 5px 5px;}

.faq-cont {display: block;}
.faqlist {    padding-left: 0px;}

.aboutsort ul li{width: calc(100%/2 - 20px);margin: 10px 10px;text-align: center;}
.about_a {   padding: 60px 0;}
.about_a_container .top ul {flex-wrap: wrap;}
.about_a_container .top ul li{width: calc(100%/2 - 20px); margin: 10px 10px;}
.about_a_container .top span {   font: 30px Montserrat_Bold;}

.about_b {  margin: 0px 20px;}
.about_b img{width: 100%;}

.about_c {   margin: 60px 20px;}
.about_c li {  width: calc(100%/1 - 0px);margin: 20px 0px;}

.honorlist {   margin: 30px 20px 0px 20px;}
.honorlist li {   width: calc(100%/2 - 20px);}
.honorlist li img { height: auto;    width: 100%;}
.index-fuwu .title h2{font-size: 20px;}
.fuwu-box {   margin: 100px 0px 0px 0px;}
.fuwu-box ul li {   width: calc(100%/2 - 20px); margin: 10px 10px;}

.nycontact .contact-text {   font-size: 16px; line-height: 30px;   margin: 60px 20px;}
.contact-img img{width: 100%;}
.nycontact .contshow {  margin: 60px 20px;}
.nycontact .contshow h2 {  font-size: 24px;}
.nycontact .contshow li p {    font-size: 16px;}

.job-main {    margin: 0px 20px;}
.contact-info-list li {  width: calc(100%/1 - 2px); margin: 30px 0px;}
.fuwu-box ul li{width:calc(100%/1 - 20px)}
.fuwu-box ul li img{text-align:center;}
}