/*基础CSS*/
html, body{	font-size: 16px;font-family: "Aria";  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;}
.w1200{ margin:auto; width:1200px;}
.clear{ clear:both;}
*{box-sizing: border-box;}

header{z-index: 9; width: 100%; background: #fff; box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);}
header.fixed-top{ position:fixed; top:0; z-index: 9; }
header .headerbox{ width:1200px; background: #fff;   margin: 0px auto;  
display: flex; justify-content: space-between;}

header .headertop{background: #010101; height: 40px; margin: 0px 0px; }
header .headertop .w1200{display: flex; align-items: center; justify-content: flex-end;}
.header-email{ background: url(../images/email.webp) no-repeat center left; font-size: 12px; color: #fff; 
padding-left: 25px; display: flex; align-items: center;}
.header-email a{color: #fff;}
.social-tools ul:before{ content: ""; display: block; height: 15px; width: 1px;     position: absolute;  left: 0;}
.social-tools ul{ display: flex;  align-items: center;height: 40px; position: relative; padding: 0px 0px 0px 20px;}
.social-tools ul li{margin: 0px 6px; width: 25px; height: 25px; border-radius: 100%; display: flex; justify-content: center; align-items: center;}
.social-tools ul li i{font-size: 14px; color: #fff; font-weight: lighter;}

.logo{  display: flex; align-items: center;height: 80px;}
.logo img{display:block;height:63px;}
.navbar ul{ display: flex; flex-wrap:wrap ; }
.navbar ul li{ margin: 0px 10px; line-height:80px; position: relative;}
.navbar ul li a.nav-link {    display: block; position: relative; padding:0px 25px;     color: #666;}
.navbar ul li.active{ }
.navbar ul li.active a.nav-link{color:#3eb0a8;}

.navbar ul li dl { position: absolute; top: 80px;  display: none; z-index: 9; width: -webkit-max-content;width:max-content; padding: 0px 30px; 
background: rgba(255,255,255,1);}
.navbar ul li dl a{ display: block; line-height: 46px; padding: 0px 0px; color: #252525;}
.navbar ul li:hover dl{ 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;}

.banner{display: flex; flex-wrap: wrap; justify-content:space-between; width: 1200px; margin:0px auto 40px;}
.banner-company{ background: #3eb0a8; width: calc(100% - 530px); text-align: center;}
.index-banner{width: 530px; height: 420px;}
.index-banner img{width: 530px; height: 420px;}
.index-banner .banner-text{ width: 100%; position: absolute;z-index: 9; top: 40%; text-align: center;}
.index-banner .banner-text h3{ color: #fff; font-size: 60px; font-weight: bold;text-transform: uppercase;}
.index-banner .banner-text p{ color: #fff; font-size: 24px; font-weight: bold; opacity: 0.8; margin: 30px 0px 60px 0px;}
.index-banner .banner-text a{ color: #fff; font-size: 16px; font-weight: bold; text-transform: uppercase; background: #252525; 
width: 220px; height: 50px; border-radius: 25px; display: inline-table; text-align: center; line-height: 50px;}

.index-banner .swiper-pagination{bottom: 5% !important;  position: absolute; z-index: 100;}
.index-banner .swiper-pagination .swiper-pagination-bullet{ opacity: 1; margin: 0px 6px !important; position: relative; height: 10px; width: 10px; border: 2px solid #d7d7d7; background: transparent; }
.index-banner .swiper-pagination .swiper-pagination-bullet-active{ background: #3eb0a8; border: 2px solid #fff; }

.index-banner .swiper-button-prev,.index-banner .swiper-button-next{display: inline-block;position: absolute; background:none;width: 45px;height: 45px;z-index: 99; border-radius:50%;}
.index-banner .swiper-button-prev:after,.index-banner .swiper-button-next:after{font-family:"FontAwesome";display:block; position: absolute;width:45px;height:45px;text-align:center;line-height:45px;font-size:30px;font-weight:600;}
.index-banner .swiper-button-prev{top: 50%; }
.index-banner .swiper-button-next{top: 50%;}
.index-banner .swiper-button-prev:after{content:'\f104'; color: #fff; font-size: 60px; font-weight: lighter;}
.index-banner .swiper-button-next:after{content:'\f105'; color: #fff; font-size: 60px; font-weight: lighter;}



/*PRODUCT SERIER*/
.index-productseries{ padding: 60px 0px; }
.index-productseries .index-tit{ color: #252525; font-size: 32px; line-height: 48px;  margin-bottom: 40px;}

.product-nav { position: relative;}
.product-nav ul{ display: flex; flex-wrap: wrap; }
.product-nav ul li{ position: relative; overflow: hidden; width: calc(100%/2 - 20px); margin: 0px 10px 40px 10px;}
.product-nav ul li .img{overflow: hidden; background: #ededed;}
.product-nav ul li img{ width: 100%; object-fit:contain;display: block;transition: 1s linear;  height: 350px;}
.product-nav ul li:hover img{transform: scale(1.1);}
.product-nav ul li .text{background: #fff; padding: 20px 20px;}
.product-nav ul li h3{ font-size: 16px; color: #252525; font-weight: bold; margin-bottom: 10px;  }
.product-nav ul li p{ font-size: 14px; color: #676767; line-height: 24px; 
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;}
.product-nav ul li:hover h3{transition: 0.3s linear;}

.product-nav .swiper-button-prev,.product-nav .swiper-button-next{display: inline-block;position: absolute;width: 45px;height: 45px;z-index: 99; border-radius:50%;}
.product-nav .swiper-button-prev:after,.product-nav .swiper-button-next:after{font-family:"FontAwesome";display:block; position: absolute;width:45px;height:45px;text-align:center;line-height:45px;font-size:30px;font-weight:600;}
.product-nav .swiper-button-prev{left: -80px;top: 50%; background: #252525;}
.product-nav .swiper-button-next{right: -80px;top: 50%;background: #d7d7d7;}
.product-nav .swiper-button-prev:after{content:'\f104'; color: #fff;}
.product-nav .swiper-button-next:after{content:'\f105'; color: #8d8d8d;}

.product-nav .swiper-pagination{ position: initial; z-index: 100;width: 100%; margin-top: 30px; }
.product-nav .swiper-pagination .swiper-pagination-bullet{ opacity: 1; margin: 0px 6px !important; position: relative; height: 10px; width: 10px; border: 2px solid #252525; background: transparent; }
.product-nav .swiper-pagination .swiper-pagination-bullet-active{ background: #252525; border: 2px solid #252525; }

/*COMPANY*/
.index-company{background: #3eb0a8;   padding: 60px 0px;}
.index-company .index-tit{ color: #fff; font-size: 32px;  text-transform: uppercase; margin-bottom: 40px;}
.index-company .companybox{ width: 1200px; margin: auto;}
.index-company .companybox p{ color: #fff; font-size: 16px; margin-bottom: 20px; line-height: 24px;}
.index-company .companybox em{color: #fff; font-size: 18px; line-height: 24px;  display: block; 
margin:20px auto 30px;}

.index-company .companybox .companybtn{display: flex;  }
.index-company .companybox .companybtn a{ width: 200px; height: 46px; margin: 20px 0px 0px 0px; color:#fff; position: relative; font-size:14px;
display: flex; align-items: center; justify-content:center;text-transform:uppercase; border: 1px solid #fff; border-radius: 10px;}


.index-choose{ padding: 0px 0px 120px 0px; }
.index-choose .index-tit{ color: #252525; font-size: 32px; line-height: 48px;  margin-bottom: 40px;}
.index-choose .choose-box { background: url(../images/choose-img.png) no-repeat top right; padding-bottom: 330px;}
.index-choose .choose-box ul{width: 750px;}
.index-choose .choose-box li{color: #333333; margin-bottom: 20px;}

footer{ background: #272930;}
footer .footer-top{ border-bottom:1px solid #414141; padding: 40px 0px;}
footer .footer-top .footer-top-box{display: flex; justify-content: space-between; align-items: center;}
footer .footerlogo img{filter: grayscale(1);}
.social-tools-m{ display: flex;}
.social-tools-m ul{ display: flex;  align-items: center; position: relative; padding: 0px 0px 0px 20px; margin: 0px 0px 0px 20px;}
.social-tools-m ul li{margin: 0px 6px; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 100%; }
.social-tools-m ul li i{font-size: 20px; color: #fff;}

.footer-text{display: flex; justify-content: space-between; padding: 30px 0px 30px 0px;}
.footer-nav{ margin: 0px 20px;}
.footer-nav h2{ color: #fff; font-size:18px;padding:0px 60px 20px 0px; border-bottom: 1px solid #3d3e45; position: relative;}
.footer-nav h2 a{ color: #fff; font-size:18px; }
.footer-nav h2:before{width: 50px; height: 1px; content: ""; display: block; background: #3eb0a8; position: absolute; bottom: 0;}
.footer-nav ul li{color: #fff; font-size:16px; opacity: 0.5; line-height: 24px;}
.footer-nav ul li a{ color: #fff; font-size:16px; line-height: 24px;}

.footer-contact{ width: 360px;}
.footer-contact h2{ color: #fff; font-size:24px; font-weight: bold; margin-bottom: 20px;}

.footer-contact ul li{color: #fff; font-size:16px; opacity: 0.5; line-height: 24px;}
.footer-contact ul li a{ color: #fff; font-size:16px; line-height: 24px;}

.footer-bot{display: flex; flex-wrap: wrap; justify-content: space-between;}
footer .copyright{ text-align:center; color:#fff; opacity: 0.5;  border-top:1px solid #414141;  padding:20px; }
footer .copyright a{color:#fff;}
.footer-bot ul{display: flex; justify-content: center;padding:20px; }
.footer-bot ul li{padding: 0px 10px;}
.footer-bot ul li a{color:#fff;opacity: 0.5; }


.top_banner{background:#cccccc;height:400px;display:flex;align-items: center; justify-content: center;}
.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:auto;} 
.top_banner h3{font-size:18px;}   
.top_banner img{object-fit: cover; height:auto;}
.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: #cdcdcd; border-radius: 5px; 
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: #3eb0a8;    border-color: #3eb0a8;}
.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:14px; padding: 20px 0px; text-transform: uppercase; color: #626262;  margin: auto;   border-bottom: 1px solid #dcdcdc;}
.position a{ font-size:14px; color: #626262;margin: 0px 2px; text-transform: uppercase; }
.position span{padding-left:20px;background: url(../images/position-ico.png) no-repeat center left;}

.product-main{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 60px auto;}
.productsort{ margin: 0px 0px 0px 0px; width: 290px; border: 1px solid #dcdcdc;}
.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{background: #fff; }
.productsort ul li {   padding: 0px 0px;      margin: 0 0px; transition: 0.5s; }
.productsort li a.calss1 {color: #676767; font-size: 16px; font-weight: bold; display: flex;justify-content: space-between; 
padding: 20px 20px 20px 20px;}
.productsort li:hover ,.productsort li.active{  }
.productsort li:hover a,.productsort li.active a { color:#3eb0a8;}
.productsort li.active a.calss1:after{font-family: "FontAwesome"; content: '\f106';}
.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{ width: calc(100% - 320px);}
.productlist{ margin: 0px auto;}
.productlist ul{ display: flex; flex-wrap: wrap;}
.productlist li{ width: calc(100%/3 - 20px); background: #ededed; 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{ background: #ededed; width: 100%; padding: 20px 20px 20px 20px;  position: relative;transition: .5s transform;}
.productlist li .text h3{font-size: 16px; color: #252525; font-weight: bold; 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:#252525 url(../images/productbtn.png) no-repeat 10px center;
    width: 100px;
    height: 30px;
    color: #fff;
    position: relative;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    align-items: center;
    text-transform: uppercase;
   padding-left: 40px;  border-radius: 18px;} 
.productlist li:hover{}
.productlist li:hover .text h3{}
.productlist li:hover .text span{ }



.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;}





/*产品轮播*/
.prorow{  display: flex; flex-wrap:wrap;justify-content: space-between;}
.pro-left{    width: 400px;  }
.view {	 width:400px; height:400px;border-radius: 10px; background: #ededed;   overflow: hidden;}
.view .swiper-slide{	 width:400px; height:400px;}
.view img {width: 100%;	height: 100%; object-fit: contain;}

.preview {	position: relative;	width: 400px; padding: 0px 30px;	 margin-top: 20px;}
.preview .swiper-slide {width: 120px;	height: 90px;border-radius: 5px;	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 #3eb0a8;}
.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;}


.pro-right{ width:calc(100% - 400px); 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: #3eb0a8; 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; }

.box-content{ margin: 60px auto;background: #f0f0f0; padding: 20px 20px;}

.contentbox {}
.dec-tit {     margin: 0px 0px 50px 0px;     font-weight: bold;}
.dec-tit span{ font-size: 14px; padding: 15px 40px; text-transform: uppercase; border-radius: 6px;  color: #fff; font-weight: bold; 
background:#3eb0a8; display: table;}
.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;}

.product-pop { margin: 40px 0px 100px 0px;}
.product-pop .tit {margin-bottom: 60px;}
.product-pop .tit h2{ color: #252525; font-size: 48px; line-height: 48px; text-align: center; text-transform: uppercase; font-weight: bold;  }
.product-popbox { position: relative;}
.product-popbox ul li{ background: #f5f5f5;position: relative; overflow: hidden;border-radius: 8px;}
.product-popbox ul li .img{overflow: hidden; position: relative;background: #ededed;}
.product-popbox ul li img{ width: 100%; display: block; object-fit:contain;transition: 1s linear;  height: 280px;}
.product-popbox ul li:hover img{transform: scale(1.1);}
.product-popbox ul li .text{background: #f5f5f5; padding: 20px 20px;}
.product-popbox ul li h3{ font-size: 16px; color: #252525; font-weight: bold; margin-bottom: 10px;  }
.product-popbox ul li p{ font-size: 14px; color: #676767; line-height: 24px;  }

.product-popbox .swiper-button-prev,.product-popbox .swiper-button-next{display: inline-block;position: absolute;width: 45px;height: 45px;z-index: 99; border-radius:50%;}
.product-popbox .swiper-button-prev:after,.product-popbox .swiper-button-next:after{font-family:"FontAwesome";display:block; position: absolute;width:45px;height:45px;text-align:center;line-height:45px;font-size:30px;font-weight:600;}
.product-popbox .swiper-button-prev{left: -80px;top: 50%; background: #252525;}
.product-popbox .swiper-button-next{right: -80px;top: 50%;background: #d7d7d7;}
.product-popbox .swiper-button-prev:after{content:'\f104'; color: #fff;}
.product-popbox .swiper-button-next:after{content:'\f105'; color: #8d8d8d;}


.product-popbox .swiper-pagination{ position: initial; z-index: 100;width: 100%; margin-top: 30px; }
.product-popbox .swiper-pagination .swiper-pagination-bullet{ opacity: 1; margin: 0px 6px !important; position: relative; height: 10px; width: 10px; border: 2px solid #d7d7d7; background: transparent; }
.product-popbox .swiper-pagination .swiper-pagination-bullet-active{ background: #252525; border: 2px solid #252525; }


.case-top{margin: 100px 200px 0px 200px; display: flex; justify-content: center; align-items: center; position: relative;}
.casename{ display: flex; justify-content: center; align-items: center;}
.casename h2{color: #005caf; font-size:1.75rem; text-align: center; width: 446px; display: table; height: 59px; line-height: 59px; background-image:url(../images/casename.png); background-repeat: no-repeat; background-position: center;}
.casename h2 font{font-size:1.25rem;text-transform: uppercase; }
.casename b{color: #005caf; margin: 0px 40px;}
.case-top .caseposition {   font-size: 0.875rem; position: absolute; right: 0;   color: #999;      display: flex;   border-bottom: 1px solid #999;}
.case-top .caseposition a{ color: #999;}

.caselist{ padding: 100px 0px;}
.caselist ul{ display: flex; flex-wrap: wrap; margin: 0px 165px; }
.caselist ul li{ width: calc(100%/3 - 70px); background: #fff;margin: 0px 35px 50px; 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 h3{ font-weight: bold; font-size: 000; text-align: center; font-size: 1.125rem; margin-top: 10px;}


.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;}

.news-main{display: flex; flex-wrap: wrap;justify-content: space-between; margin: 60px auto; }
.news-cont{width: calc(100% - 320px);}
.newslist{ padding:0px 0px 15px 0px; width: calc(100% - 0px); box-sizing: border-box;}
.newslist li{   overflow:hidden; background: #fafafa; border-radius: 10px; padding: 0px; margin-bottom:40px ; }
.newslist li a{ display: flex;    flex-wrap: wrap; margin: 0px auto;  }
.newslist li .list_img{ width: 360px; height: 270px; overflow: hidden;}
.newslist li .list_img img{ width: 100%; height: 270px; display: block; object-fit: cover; border-radius: 10px;}
.newslist li time{ background: url(../images/newscon2.png) no-repeat; float:left; text-align: center;color: #252525; font-size: 16px; 
padding: 0px 0px 0px 30px;  box-sizing: border-box;} 
.newslist li em{background: url(../images/newscon1.png) no-repeat; float:left; text-align: center;color: #252525; font-size: 16px;
padding: 0px 0px 0px 30px; margin-left: 30px;  box-sizing: border-box;} 
.newslist li .list_text{ width: calc(100% - 360px); margin: 0px 0px;padding: 30px 30px; box-sizing: border-box; } 
.newslist li .list_text h3{ margin-bottom: 10px; 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: #fff;   position: relative;   font-size: 16px;
      display: inline-flex;   align-items: center;  padding:10px 15px;  margin-top: 20px;  background: #3eb0a8;   border-radius: 21px;}

.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;}


.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; }




.newsshow{width: calc(100% - 320px); background: #fafafa; padding:30px 30px;}
.newsshow h2{color: #252525;  font-weight:bold;font-size:20px; margin-bottom: 20px;  }

.newsshow .metit{ color: #252525; margin-bottom: 20px; }
.newsshow .metit span{ margin-left: 30px;}
.newsshow .metit time{ background: url(../images/newscon2.png) no-repeat; padding: 0px 0px 0px 30px; }
.newsshow .metit span.bookmark{ background: url(../images/newscon1.png) no-repeat; padding: 0px 0px 0px 30px; }
.newsshow .metit span.user{ background: url(../images/newscon3.png) no-repeat; padding: 0px 0px 0px 30px; }

.newsshow .content{padding: 0px 0px; line-height:24px;  color:#676767;font-size:16px; }
.newsshow .content img{max-width: 100%;}




.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-company{	margin:100px auto 100px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.about-company-img{ position: relative;  width: 500px; height: 450px;}
.about-company-img img{width: 500px; height: 450px; object-fit: cover;}

.about-company-img .swiper-click{ position: absolute; right: 10px; bottom: 20px; width: 80px; justify-content: space-between; display: flex; flex-wrap: wrap; }
.about-company-img .swiper-prev,.about-company-img .swiper-next{ background:none;display: inline-block;z-index: 99; border-radius:50%;}
.about-company-img .swiper-prev:after,.about-company-img .swiper-next:after{font-family:"FontAwesome";display:block; 
text-align:center;line-height:45px;font-size:60px;font-weight:600;}
.about-company-img .swiper-prev{ }
.about-company-img .swiper-next{}
.about-company-img .swiper-prev:after{content:'\f104'; color: #fff; font-weight: lighter;}
.about-company-img .swiper-next:after{content:'\f105'; color: #fff;font-weight: lighter;}

.about-company-text{ width: 640px;}
.about-company-text span{ color: #565656; font-weight: bold; font-size: 18px;}
.about-company-text h1{font-size: 36px; color: #252525; border-bottom: 1px solid #dddddd; font-weight: bold; padding-bottom: 30px;margin:20px 0px 30px;}
.about-company-text .textbox{			}
.about-company-text .textbox p{font-size:16px; margin-bottom: 20px; color: #676767;	line-height: 24px;}




.about-base{background: url(../images/basebg.jpg);   padding: 120px 0px;}
.about-base .tit{ color: #fff; font-size: 48px; line-height: 48px; text-align: center; text-transform: uppercase; font-weight: bold;  margin-bottom: 40px;}
.about-base .about-basebox{ }
.about-base .about-basebox p{width: 900px; margin: auto;text-align: center; color: #fff; font-size: 18px; line-height: 24px;}
.about-base .about-basebox em{text-align: center; color: #fff; font-size: 16px; line-height: 24px; opacity: 0.5; width: 600px; display: block; 
margin:40px auto 80px;}
.about-base .about-basebox .basebtn{display: flex; justify-content: center;}
.about-base .about-basebox .basebtn a{ width: 135px; height: 36px; color:#676767; position: relative; font-size:14px; font-weight:bold;display: flex; align-items: center; 
text-transform:uppercase;margin: 0px 10px; padding-left: 15px; background: #fff; border-radius: 18px;}
.about-base .about-basebox .basebtn a:before{ content: "";  margin-right: 5px; display: block; width: 20px; height: 20px;}
.about-base .about-basebox .basebtn a.videobtn:before{background: url(../images/videobtn.webp) no-repeat center left;}

.numbox{width: 100%;position: relative; margin: 60px 0px;	display: flex;	justify-content: space-around;	background-position: center;}
.numbox .showbox{	width: calc(100%/3);	font-size: 20px;	color: #fff;	
	padding: 0px 10px;	display: flex; position: relative;	flex-direction: column;	justify-content: center;	border-radius: 10px;box-sizing: border-box;}
.numbox .showbox:after{ content: ""; height: 80%; width: 1px; position: absolute; right: 0; top: 10%; display: block; border-left:1px solid #7d7e82;}
.numbox .showbox:last-child:after{ display: none;}
.numbox .top{	width: 100%;	text-align: center;font-size: 36px;}
.numbox .top b{	font-size: 36px;}
.numbox .bottom{	font-size: 16px;	text-align: center;}

.about-choose{ margin: 120px 0px;}
.about-choose .tit {text-align: center; margin-bottom: 40px;}
.about-choose .tit h2{ color: #252525; font-size: 48px; line-height: 48px; margin-bottom: 20px;  text-transform: uppercase; font-weight: bold; }
.about-choose .tit p{ color: #676767; font-size: 16px; }

.choosebox ul{display: flex; flex-wrap: wrap; justify-content: space-between; }
.choosebox li{ background: #fff; box-shadow:0px 0px 10px 2px rgba(0,0,0,0.2); width: calc(100%/3 - 40px); margin: 0px 20px; border-radius: 10px; padding: 30px 30px; }
.choosebox li .img{ display: flex; align-items: center;justify-content: center;}
.choosebox li img{ width: 102px; height: 102px; margin-right: 10px; border-radius: 100%; }
.choosebox li .text{ padding: 40px 0px 30px 0px; margin-bottom: 20px; position: relative;}
.choosebox li .text h3{ color: #252525; font-size: 18px; margin-bottom: 20px; text-align: center; line-height: 18px; font-weight: bold;}
.choosebox li .text p{ color: #676767; font-size: 16px; line-height: 24px; }

.choosebox li:hover{background: #3eb0a8;}
.choosebox li:hover .text h3 { color: #fff;}
.choosebox li:hover .text p { color: #fff;}
.choosebox li:hover img{filter: brightness(150);}
/* contactus css */

.nycontact .tgroup{	margin:100px 0px 60px; text-align: center; }
.nycontact .tgroup h1{  line-height: normal;	font-size: 36px; font-weight: bold;	color: #252525;	}
.nycontact .tgroup p{ 	font-size: 16px; color: #676767;		margin-top: 15px;}
.nycontact .contshow{width:100%;display:flex; margin: 60px 0px 60px;	justify-content:space-between;	align-content: center;	align-items: center; flex-wrap: wrap;}
.nycontact .contshow .showbox{ width: calc(100%/3 - 30px);		height: 300px; border-radius:10px ;	padding: 50px 10px;	display:flex;
	align-items:center;		flex-direction: column;	color: #0060b0;box-sizing: border-box;}

.nycontact .contshow .showbox:first-child{ background: url(../images/contactbg.jpg) no-repeat center left;}
.nycontact .contshow .showbox:nth-child(2n){ background: url(../images/contactbg.jpg) no-repeat center center;}
.nycontact .contshow .showbox:nth-child(3n){ background: url(../images/contactbg.jpg) no-repeat center right;}

.nycontact .contshow .pic-box{	display:flex;}
.nycontact .contshow .pic-box img {   width: 75px;}
.nycontact .contshow .showbox p{font-size:16px; color: #fff; text-align: center; display: block;}
.nycontact .contshow .showbox span{	font-size:24px;color: #fff; font-weight: bold; margin-bottom: 20px; display: block;}


.contact-form{ display: flex; justify-content: space-between; flex-wrap: wrap; margin: 60px auto 100px;} 
.contact-form .map-outer{ width: 560px;}
.contact-form .form-box{ width: 600px;}

.form-box .tit { text-align: center; margin-bottom: 50px;}
.form-box .tit h2{ font-weight: bold; color: #252525; font-size: 36px;margin-bottom: 10px;}
.form-box .tit p{  color: #676767; font-size: 16px;}
.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: 100%; background: #3eb0a8; color: #fff; font-weight: bold; font-size: 18px; border: none; width: 100%;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;}
.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: 1024px) {
.w1200{ margin: 0px 20px; width: calc(100% - 40px);}	
header .headerbox {    width: calc(100% - 80px);    margin: 0px 40px;    padding: 0px 30px;}
.logo{ height: 60px;}
.navbar ul li a.nav-link{ font-size: 14px;padding: 0px 5px;}	
.navbar ul li{  line-height: 60px;}
.social-tools ul{ height: 40px;}

.index-banner .banner-text h3{font-size: 36px;}

.index-about{ margin: 60px 0px;}
.index-about .aboutbox .about-img{ width: 42%;}
.index-about .aboutbox .about-img img{ width: 100%;}
.index-about .aboutbox .about-text{ width: 55%;}
.index-about .aboutbox .about-text .about-text-top{ margin: 20px 0px;padding-bottom: 30px;}
.index-about .aboutbox .about-text .about-text-top h2{font-size: 30px; margin: 20px 0px;}
.index-about .aboutbox .about-text .about-text-top p{font-size: 14px; line-height: 20px;}

.index-productseries{padding: 60px 0px;}

.product-lists ul li:first-child{ width: 40%;}
.product-lists ul li{ width: calc(60% - 40px);}

.inded-features .features-text{ width: 55%;}
.inded-features .features-text li h3{ padding: 10px 0px 10px 0px; font-size: 16px;}
.inded-features .features-text li p{ line-height: 20px;}
.inded-features .features-img{ width: 42%;}

.about-company{ margin: 60px auto;}
.about-company-img{ width: 400px; height: 400px;}
.about-company-img .swiper-wrapper{ width: 400px; height: 400px;}
.about-company-img .swiper-slide img{ width: 400px; height: 400px;}
.about-company-text{ width: calc(100% - 450px);}
.about-company-text h1 { font-size: 30px;padding-bottom: 20px;   margin: 20px 0px 20px;}
.about-company-text .textbox p {   font-size: 14px; line-height: 20px;}

.about-base{ padding: 60px 0px;}

.about-team{ margin: 60px 0px;}
.teambox .teambox-one .text{ width: 57%;}
.teambox .teambox-one .img{ width: 40%;}
.teambox .teambox-one .img img{ width: 100%;}

.teambox .teambox-two .text{ width: 57%;}
.teambox .teambox-two .img{ width: 40%;}
.teambox .teambox-two .img img{ width: 100%;}

.about-video{ padding: 60px 0px;}

.about-history {  margin: 60px 40px 30px 40px;}

.about-partner {   padding: 60px 0px;}

.productlist li {  width: calc(100%/2 - 20px);}

.pro-left {    width: 40%;}
.view {  width: 100%;   height: 400px;}
.pro-right {    width: 57%;}
.preview {width: 100%;}

.newslist li .list_img{ width: 300px;}
.newslist li .list_text {    width: calc(100% - 300px); padding: 20px 20px;}
.news-main{ margin: 60px auto;}

.download-main{ margin: 60px auto;}

.contact-form{ margin: 60px auto 60px;}
.contact-form .img {   width: 50%;}
.contact-form .img img{   width: 100%;}
.contact-form .form-box {   width: 47%;}
.form-box .input input{ padding: 10px 0px;}

.top_banner{ height: auto;}
}


@media screen and (max-width: 768px) {
header {  position: inherit;}
header .headertop{ background: #252525; margin: 0px 0px; padding: 0px 10px; }
header .headerbox { width: calc(100% - 0px);margin: 0px 0px;padding: 0px 0px;border-radius: 0px;}		
.w1200{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: 50px;}

.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;
}
.point .nav_btn,.point .nav_btn:after,.point .nav_btn:before {display: inline-block;width: 26px;height: 2px; background-color: #252525;}  
.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:block;position: absolute; opacity:0; top: 93px; padding: 0px 20px; box-sizing: border-box;  z-index: 999;   background: #fff;   width: 100%;   height: 100vh;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;}
.navbar ul li.active{ border-radius: 0px;}
.navbar ul li a.nav-link{ width: 100%; display: flex; padding: 0px 10px;  color: #000; height:40px;line-height: 40px; justify-content: space-between;align-items: center;}
.navbar ul li a.navdown:before {right: 0;}
.navbar ul li dl { 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;   content: "+"; font-weight: bold;  color: #252525; line-height: 30px; position:absolute;  right:0; top:0; }
.navbar ul li.on: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}


.banner{width: 100%;}
.banner-company{width: calc(100% - 0px); display: none;}
.banner-company img{width: 100%;}
.index-banner{width: 100%; height: 300px;}
.index-banner img{width: 100%; height: 300px;}
.index-banner .banner-text{top: 15%;}
.index-banner .banner-text h3{font-size: 20px;}
.index-banner .banner-text p{font-size: 16px; margin: 10px 0px 20px 0px;}
.index-banner .banner-text a{ font-size: 14px; width: 160px; height: 40px; line-height: 40px;}
.index-banner .swiper-button-prev, .index-banner .swiper-button-next{ display: none;}
 
 
.product-nav ul li{ width: calc(100%/2 - 10px); margin: 0px 5px 0px 5px;}
.product-nav ul li img{ height: 200px;}
.product-nav ul li .text {padding: 20px 10px;}
.m_pronav{height: 50px; margin: 0px 10px; border-bottom: 1px solid #e6e6e6;display: flex !important;
    justify-content: flex-end;  align-items: center;}
.productsort-wap.productsort-wap_show  { display: block !important;transform: translateX(0%);   opacity: 1; }  
.productsort-wap{position:fixed;  height: 100%; top: 0; display: none; z-index: 999;   background: #fff;   padding: 20px; transition: all 0.5s;   transform: translateX(-100%);}

.productsort-wap ul{border: 1px solid #dcdcdc;border-radius: 10px;background: #fff; }
.productsort-wap ul li {   padding: 0px 0px;      margin: 0 0px; transition: 0.5s; }
.productsort-wap li a.calss1 {color: #676767; font-size: 16px; font-weight: bold; display: flex;justify-content: space-between; 
padding: 20px 20px 20px 20px;}

.productsort-wap li:hover ,.productsort-wap li.active{  }
.productsort-wap li:hover a,.productsort-wap li.active a { color:#252525;}
.productsort-wap li.active a.calss1:after{font-family: "FontAwesome"; content: '\f106';}
.productsort-wap li dl{ display: none;background: #f5f5f5;padding: 5px 40px;}
.productsort-wap li.active dl{  display: block; }
.productsort-wap li dl a{ width: 100%; font-size: 14px; display: block; color: #676767; padding: 10px 0px;}
.productsort-wap li dl a.active{ color: #252525; text-decoration: underline;}

.sb_nav,.productsort{ display: none;}

.index-about{margin: 60px 0px;}
.index-about .aboutbox .about-img img{ width: 100%;}
.index-about .aboutbox .about-img{ width: 100%;}
.index-about .aboutbox .about-text{ width: 100%;}

.index-choose .choose-box {  background: url(../images/choose-img.png) no-repeat bottom right; margin-bottom: 60px;  padding-bottom: 200px;   background-size: 100%;}
.index-choose .choose-box ul {   width: 100%;}

.index-productseries .index-tit{font-size: 36px;}
.index-productseries{padding: 60px 0px;}
.product-lists ul li:first-child{width: 100%; margin-right: 0px; height: 300px;}
.product-lists ul li:first-child img{height: 300px;}
.product-lists ul li{width: calc(50% - 5px); margin-top: 10px; height: 200px;}
.product-lists ul li img{ height: 200px;}
.product-lists ul li:last-child{margin-left: 10px;}
.product-lists ul li .text{ padding: 10px 10px;}
.product-lists ul li h3{font-size: 18px;}
.product-lists ul li .img:after{ background-size: 50%;top: 10px;   left: 10px;}



.index-product .index-tit{font-size: 36px;}
.index-product { padding: 60px 0px;}

.inded-features{ padding: 60px 0px;}
.inded-features .features-img { width: 100%;}
.inded-features .features-img li img{ width: 100%;}
.inded-features .features-text{ width: 100%;}

.index-company{ padding: 60px 0px;}
.index-company .index-tit{font-size: 36px;}
.index-company .companybox {   width: 100%;}
.index-company .companybox em{   width: 100%;}

.index-qualification{ padding: 60px 0px;}
.index-qualification .index-tit{font-size: 36px; margin-bottom: 30px;}
.index-news{ padding: 60px 0px;}
.index-news .index-tit h2{font-size: 36px; }
.index-news .index-tit p{ width: 100%;}
.index-news a.newsbtn{ bottom: 0; margin: 20px 0px 0px 0px;position: inherit;}

.footer-nav{display: none;}
.footer-contact{ width: 100%;}
.footer-text{padding: 30px 10px 30px 10px;}



.about-company{margin: 60px auto 60px;}
.about-company-img{ width: 100%;height: auto;}
.about-company-img img{ width: 100%; height: auto;}
.about-company-text{ width: 100%; margin-top: 0px;}

.about-base {        padding: 60px 0px;}
.about-base .tit{font-size: 36px;}
.about-base .about-basebox p{width: 100%;}
.numbox .top{font-size: 20px;}
.numbox .top b{font-size: 20px;}
.numbox .bottom {   font-size: 14px;}

.about-choose {    margin: 60px 0px;}
.about-choose .tit h2{   font-size: 36px;}
.choosebox li{width: calc(100%/1 - 20px); margin: 20px 10px;}


.productsort-small ul li{ width: calc(100%/3 - 12px); text-align:center;padding: 2px 5px; margin: 5px 5px; box-sizing: border-box;}
.product-main{margin: 30px auto;}
.product_box {    width: calc(100% - 0px);}
.productlist li {   width: calc(100%/2 - 10px); margin: 0px 5px 20px 5px;}
.productlist li .img{ height: 150px;}
.productlist li .img img{object-fit: cover; height: 150px;}
.productlist li .text { padding: 10px 10px 10px 10px;}

.product-container {  width: 100%; margin: 30px auto 60px;}
.ab-product{ display: none;}

.product-pop .tit h2{font-size: 36px;}


.box-content {   width: calc(100% - 0px); margin: auto;}
.prorow {   display: flex;   flex-wrap: wrap;}
.pro-left {    width: 100%;}
.view {width: 100%;}
.preview { width: 100%;}
.pro-right { width: 100%; margin: 20px 0px; padding: 30px 0px 0px 0px;}


.contentbox {   width: calc(100% - 0px);}
.box-content .content img{ width: 100%; }
.dec-tit { margin: 30px 0px 50px 0px;}

.product-pop {   margin: 40px 0px 60px 0px;}
.product-popbox ul li img{height: 200px;}

.case-top {    margin: 60px 0px 0px 0px;}
.casename b{display:none;}
.casename h2{    background-size: 80%;}
.caselist {   padding: 60px 0px;}
.caselist ul{     margin: 0px 0px;}
.caselist ul li {width: calc(100%/2 - 10px); margin: 0px 5px 10px 5px;}
.caselist ul li .img{ height: 200px;}
.caselist ul li .img img{ height: 200px;}
.case-top .caseposition{ display:none;}

.caseshow{ width: auto; margin: 0px 10px;}
.caseshow .content img{ width: 100% !important; height:auto !important;}





.news-cont{ margin: 30px 0px;padding: 0px;      width: calc(100% - 0px);}
.newslist { padding: 0px 0px 15px 0px;  width: calc(100% - 0px);}
.newslist li{ padding: 20px;}
.newslist li .list_img {  width: 100%;}
.newslist li .list_text {  width: calc(100% - 0px);    margin: 20px 0px 0px 0px; padding: 0px 0px;   }


.newsshow {   width: auto;    margin: 0px auto 0px; padding: 20px 20px;}
.newsshow-top {   margin: 0px 10px 10px 10px; display: block;}
.newsshow .metit{margin: 30px 0px 30px 0px;}
.newsshow .content {  padding: 0px 0px;}
.newsshow .content img{ width: 100% !important; height: auto !important;}

.author .text {   width: calc(100% - 0px);}

.download-cont {  width: calc(100% - 0px);}
.downloadlist ul{ margin: 0px -10px;}
.downloadlist li {  width: calc(100%/2 - 20px);   margin: 0px 10px 40px 10px;}

.nycontact .tgroup {   margin: 60px 0px 60px;}
.nycontact .tgroup h1{   width: 100%;}
.nycontact .tgroup p {   width: 100%;}

.nycontact .contshow  .showbox { height: 200px; padding: 20px 10px;   width: 100%; margin-bottom: 20px;} 
.nycontact .contshow .pic-box img {   width: 55px;}

.contact-form .map-outer {    width: 100%;    height: 300px;}
.contact-form .form-box {  width: 100%; margin: 60px 0px;}
.contact-form .img{ width: 100%;}
.contact-form .img img{ width: 100%;}
.footer{ }
footer .copyright{width: 100%; padding: 10px 20px;}
.footer-bot ul{width: 100%;padding: 10px 20px;}
}