/*基础CSS*/
html {	font-size: 16px;overflow-x: hidden; font-family:"Microsoft YaHei",Arial;}
body{margin: 0px;	padding: 0px;	}
img {
    border: none;
    max-width: 100%;
    transition: 0.5s;
}
li {list-style: none;}
a {	color: #212529;text-decoration: none;}
a:hover {	text-decoration: none;}
.container{ margin: 0 150px; }
p, dl, dt, dd, ul,h1,h2,h3,h4,h5,h6 {margin: 0px; font-weight: normal;	padding: 0px;}
.clearfix:before, .clearfix:after{display: table;  line-height: 0; content: ""; clear: both;}

@media screen and (max-width: 1680px){
html {	font-size: 15px;}    
}
@media screen and (max-width: 1440px){
html {	font-size: 14px;}    
}

header{display:flex;justify-content:space-between; padding:0px 100px;}
header.fixed-top {   position: fixed;   top: 0;   background: #fff; box-sizing: border-box;    z-index: 9;   width: 100%;}

.head-top{ display: flex; align-items: center; justify-content: space-between; margin: 10px 0px 10px 0px; float:left;}
.logo{display: flex; align-items: center;}
.logo h1{ margin-right: 20px;}
.logo img{ display: block;}
.logo-text span{ font-weight: bold; font-size: 1.5rem;}
.logo-text p{  font-size: 1.2rem; letter-spacing: 3px;}

.search-main{ position:relative; }
.search.search-show{ display:block !important;}
.search{ position:absolute; top:60px;right:0;}
.search form{display: flex; align-items: center;}
.search input{border:1px solid #bcbcbc; border-right: none; height: 36px; box-sizing: border-box; width: 300px; }
.search button {background: #ffd200; border: 1px solid #bcbcbc; border-left:none;width: 40px; height: 36px; border-radius: 0px 3px 3px 0px;}
.tel{padding-left:40px ;}
.tel span{ font-weight: bold;}
.lang { margin-left:20px;}
.lang a{ font-weight: bold;}

.navbar{display: flex; align-items: center; justify-content: flex-end; margin: 0px 0px;}
.navbar .navbarNav{ }
.navbar .navbarNav ul{ display: flex; flex-wrap: wrap;}
.navbar .navbarNav ul li{ margin: 0px 30px; position: relative;display: -webkit-flex;display: flex; -webkit-justify-content: center;   justify-content: center;}
.navbar .navbarNav ul li a.nav-link{ font-weight: bold;position: relative; line-height: 40px;height: 40px; display: block;}
.navbar .navbarNav ul li:hover a.nav-link,.navbar .navbarNav ul li.active a.nav-link{ color: #2661bb; }
/*.navbar .navbarNav ul li a.navdown:before{ content:"﹀";font-size:10px;  display:block; position:absolute; right:-20px;}*/
.navbar .navbarNav ul li dl { position: absolute; top: 40px; display: none; width: max-content; width: -webkit-max-content; z-index: 9; padding: 10px 10px; background: rgba(0,0,0,0.5);}
.navbar .navbarNav ul li dl a{ display: block; line-height: 30px; padding: 0px 5px; color: #fff; font-size:14px;}
.navbar .navbarNav ul li:hover dl{ display: block;}
.navbar .navbarNav ul li dl a:hover{color: #2661bb;}

.social-media ul{ display: flex;}
.social-media i{ background: #e7e7e7; margin-right: 20px; border-radius: 100%; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; }
.social-media a:hover i{ background: #f7ce00; color: #fff;transition: 0.3s;}

@media screen and (max-width: 1680px){
.navbar .navbarNav ul li{ margin: 0px 20px;}    
}
@media screen and (max-width: 1440px){
header    {padding: 0px 60px;}
.navbar .navbarNav ul li{ margin: 0px 15px;}      
}
@media screen and (max-width: 1366px){
.logo-text span{ font-weight: bold; font-size: 1.3rem;}
.logo-text p{  font-size: 1.1rem; letter-spacing: 1.5px;}    
}

.index_a { width: 100%;  text-align: center; position: relative; overflow: hidden;}
.a_container { height: calc(100vh - 120px);}
.index_a video {  width: 100%; height: 100%; left: 0;  z-index: -10; object-fit: cover;}
.index_a .swiper-slide { position: relative; height: initial;}
.index_a .swiper-slide img:nth-of-type(2) { display: none;}
.banner_introduce { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.banner_introduce h2 { font: 72px/100px CN_Bold; color: #fff;}
.banner_p1 { font: 50px/72px CN_Regular; color: #fff;}
.banner_p2 { font: 20px/72px Montserrat; color: #dedede;}
.banner_more { display: flex; justify-content: center;}
.banner_more a { display: block; width: 190px; height: 55px; font: 18px/55px CN_Light; color: #fff; border: 1px solid #fff; box-sizing: border-box; text-align: center; border-radius: 30px;}
.banner_scroll { position: absolute; bottom: 5%; left: 50%; transform: translate(-50%, 0); animation: dance 5s infinite both;}
/*.swiper-pagination-a { bottom: 10% !important; position: absolute; z-index: 100;}
.swiper-pagination-a .swiper-pagination-bullet { opacity: 1 !important; width: 15px !important; height: 15px !important; margin: 0 7px !important; background: #b3b3b3 !important;}
.swiper-pagination-a .swiper-pagination-bullet-active { background: #0d53bf !important;}*/

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

.index-youshi{ padding: 100px 0px 150px 0px;}
.index-youshi .title{ text-align: center;}
.index-youshi .title span{font-size: 1.125rem; color: #999;text-transform: uppercase;}
.index-youshi .title h2{ text-transform: uppercase;font-weight: bold; font-size: 2rem; margin: 10px 0px 20px 0px; 
display: flex; justify-content: center; align-items: center; color: #f3a748; }
.index-youshi .title h2 b{ width: 150px; height: 1px; display: flex; align-items: center; background: #999;margin: 0px 30px; position: relative;}
.index-youshi .title h2 b:after{content: ""; background: #999; border-radius: 100%; height: 6px;width: 6px; display: block;}
.index-youshi .title h2 b:first-child:after{ right: 0;position: absolute;}
.index-youshi .title p{font-size: 1.125rem; color: #999;}
.youshi-box { margin: 60px 150px 0px 150px;}
.youshi-box ul{ display: flex; flex-wrap: wrap;  border: 1px solid #e6e6e6; border-bottom: none; background: #f1f6fa;}
.youshi-box ul li{ width: calc(100%/6 - 1px); text-align: center; border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;padding: 30px 0px; position: relative; }
.youshi-box ul li img{ width:60px;}
.youshi-box ul li p{ font-size: 1.2rem; margin: 10px 0px 0px 0px;}
.youshi-box ul li .text{transition: 0.5s;
    position: absolute;
    width: calc(100% + 1px);
    height: calc(100% + 2px);
    left: -1px;
    top: -1px;
    background: #2067ed;
    color: #fff;
    line-height: 1.5;
    padding: 0 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    visibility: hidden;
    opacity: 0;}
.youshi-box ul li:hover .text{opacity: 1; visibility: visible;} 

.index-categories { padding: 60px 0px 60px 0px; background: #e8ecf5;}
.index-categories .title{ text-align: center;}
.index-categories .title span{font-size: 1.125rem; color: #999;text-transform: uppercase;}
.index-categories .title h2{ text-transform: uppercase;font-weight: bold; font-size: 2rem; margin: 10px 0px 20px 0px; 
display: flex; justify-content: center; align-items: center; color: #f3a748; }
.index-categories .title h2 b{ width: 150px; height: 1px; display: flex; align-items: center; background: #999;margin: 0px 30px; position: relative;}
.index-categories .title h2 b:after{content: ""; background: #999; border-radius: 100%; height: 6px;width: 6px; display: block;}
.index-categories .title h2 b:first-child:after{ right: 0;position: absolute;}
.index-categories .title p{font-size: 1.125rem; color: #999;}
.categories-box{margin: 30px 0px 0px;}
.categories-box ul{ display: flex; flex-wrap: wrap;}
.categories-box li{   width: calc(100%/3 - 0px); position: relative; transition: linear all .25s;}
.categories-box li:hover{}
.categories-box li .card-img{display: flex;justify-content: center;align-items: center; overflow: hidden;}
.categories-box li .card-img img{ transform: scale(1.0); transition: 0.65s;}
.categories-box li:hover .card-img img{  transform: scale(1.1);}
.categories-box li .card-text{ position: absolute; top: 100px; width: 100%; text-align: center;}
.categories-box li .card-text h3{ text-transform: uppercase; font-size: 2rem; }
.categories-box li .card-text p{font-size: 1.2rem; margin: 30px auto 60px; width: 50%; line-height: 2;}
.categories-box li .card-text span{ border: 1px solid #000; margin: auto; display:flex; width: 100px; padding:10px 20px; position: relative;}
.categories-box li .card-text span:after{ content: ">"; display: block; font-family: "宋体";     position: absolute;
    right: 0;  top: 0; padding: 10px 20px 10px 20px;border-left: 1px solid #000;}



.index-products { padding: 60px 0px; background: #f6f6f6;}
.index-products .title{ text-align: center;}
.index-products .title span{font-size: 1.125rem; color: #999;text-transform: uppercase;}
.index-products .title h2{ text-transform: uppercase;font-weight: bold; font-size: 2rem; margin: 10px 0px 20px 0px; 
display: flex; justify-content: center; align-items: center; color: #f3a748; }
.index-products .title h2 b{ width: 150px; height: 1px; display: flex; align-items: center; background: #999;margin: 0px 30px; position: relative;}
.index-products .title h2 b:after{content: ""; background: #999; border-radius: 100%; height: 6px;width: 6px; display: block;}
.index-products .title h2 b:first-child:after{ right: 0;position: absolute;}
.index-products .title p{font-size: 1.125rem; color: #999;}
.products-box{margin: 30px 150px 0px;}
.products-box ul{ display: flex; flex-wrap: wrap;margin: 0px -10px;}
.products-box li{  width: calc(100%/2 - 20px); border-radius: 5px; margin: 10px 10px; position: relative;}
.products-box li:hover{}
.products-box li .card-img{display: flex;justify-content: center;align-items: center;overflow: hidden;}
.products-box li .card-img img{transform: scale(1.0);transition: 0.65s; width: 100%;}
.products-box li:hover .card-img img{transform: scale(1.1);}

.products-box li .card-icon{ background: url(../images/jjfaicon.png) no-repeat center;justify-content: center;   display: flex; align-items: center;  position: absolute;  height: 100%; width: 100%; top: 0;}
.products-box li .card-icon img{ width: 70px;}
.products-box li .card-text {position:absolute; bottom:60px; box-sizing:border-box; width: 100%;}
.products-box li:hover .card-text {}
.products-box li h3{  font-size: 2rem;  text-align:center; color: #fff;}

.index-case { padding: 60px 0px; background: #e8ecf5;}
.index-case .title{ text-align: center;}
.index-case .title span{font-size: 1.125rem; color: #999;text-transform: uppercase;}
.index-case .title h2{ text-transform: uppercase;font-weight: bold; font-size: 2rem; margin: 10px 0px 20px 0px; 
display: flex; justify-content: center; align-items: center; color: #f3a748; }
.index-case .title h2 b{ width: 150px; height: 1px; display: flex; align-items: center; background: #999;margin: 0px 30px; position: relative;}
.index-case .title h2 b:after{content: ""; background: #999; border-radius: 100%; height: 6px;width: 6px; display: block;}
.index-case .title h2 b:first-child:after{ right: 0;position: absolute;}
.index-case .title p{font-size: 1.125rem; color: #999;}
.case-box {margin: 30px 150px 0px; }
.case-box ul{ display: flex; flex-wrap: wrap; }
.case-box ul li{ width: calc(100%/3); background: #fff; margin-bottom: 20px; padding: 30px 20px; box-sizing: border-box; }
.case-box ul li .img img{ display: block; width: 100%; height: 240px; object-fit: cover;}
.case-box ul li .text{ margin: 20px 20px 10px 20px;}
.case-box ul li .text h3{ font-size: 1.5rem; font-weight: bold;}
.case-box ul li .text p{ margin: 20px 0px 15px 0px; line-height: 2;}
.case-box ul li .text span{ display: table; background:#0c6cdc; padding: 10px 30px; border-radius: 5px; color: #fff;}
.case-box ul li .text span a{color: #fff;}

.index-about { padding: 60px 0px; background: #fff;}
.index-about .title{ text-align: center;}
.index-about .title span{font-size: 1.125rem; color: #999;text-transform: uppercase;}
.index-about .title h2{ text-transform: uppercase;font-weight: bold; font-size: 2rem; margin: 10px 0px 20px 0px; 
display: flex; justify-content: center; align-items: center; color: #f3a748; }
.index-about .title h2 b{ width: 150px; height: 1px; display: flex; align-items: center; background: #999;margin: 0px 30px; position: relative;}
.index-about .title h2 b:after{content: ""; background: #999; border-radius: 100%; height: 6px;width: 6px; display: block;}
.index-about .title h2 b:first-child:after{ right: 0;position: absolute;}
.index-about .title p{font-size: 1.125rem; color: #999;}
.about-box{ display: flex; flex-wrap: wrap; margin: 30px 150px;}
.about-box .about-img{ width: 50%;}
.about-box .about-text{ width: 50%; padding-left: 60px; box-sizing: border-box;}
.about-box .about-text .companyName{ margin-bottom: 30px;}
.about-box .about-text em{ font-style: normal; font-size: 1.5rem;}
.about-box .about-text p{ margin-bottom: 30px; line-height: 2;}
.about-box .about-text span{ display: table; background:#666666; padding: 10px 30px; color: #fff;}

.index-news { padding: 100px 0px; background: #e8ecf5;}
.index-news .title{ text-align: center;}
.index-news .title span{font-size: 1.125rem; color: #999;text-transform: uppercase;}
.index-news .title h2{ text-transform: uppercase;font-weight: bold; font-size: 2rem; margin: 10px 0px 20px 0px; 
display: flex; justify-content: center; align-items: center; color: #f3a748; }
.index-news .title h2 b{ width: 150px; height: 1px; display: flex; align-items: center; background: #999;margin: 0px 30px; position: relative;}
.index-news .title h2 b:after{content: ""; background: #999; border-radius: 100%; height: 6px;width: 6px; display: block;}
.index-news .title h2 b:first-child:after{ right: 0;position: absolute;}
.index-news .title p{font-size: 1.125rem; color: #999;}
.news-main{ display: flex; flex-wrap: wrap; margin: 60px 120px 0px 120px;}
.news-box{width: calc(100%/3 - 60px); margin: 0px 30px;}
.news-box .news-name{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;margin-bottom: 30px;}
.news-box .news-name h2{ background: #e8ecf5; border: 5px solid #94979c; border-left: 10px solid #94979c; border-right: 10px solid #94979c; font-weight: bold; font-size: 1.5rem; border-radius: 15px; display: table; padding: 5px 20px;}
.news-box .news-name span{ position: relative;display: flex; font-size: 1.3rem; justify-content: space-between;  align-items: center;}
.news-box .news-name span:after{content: ">"; font-family: "宋体"; margin-left: 10px; font-size: 1rem; font-weight:bold;color: #fff; width: 20px; height: 20px; border-radius: 100%; background: #b3b3b3;  display: flex;  justify-content: center; align-items: center;}
.news-box dl h3{ font-size: 1.5rem; font-weight: bold;}
.news-box dl p{ line-height: 2; font-size: 1.2rem; margin: 20px 0px;}
.news-box dl span{ text-align: right; display: block; margin-bottom: 20px;}
.news-box dl img{ display: block; width: 100%; height: 250px; object-fit: cover;}

.news-box ul{margin: 30px 0px 0px 0px; }
.news-box li{ border-bottom: 1px dashed #000; margin: 0px 0px 20px 0px;box-sizing: border-box;}
.news-box li a{display: flex; justify-content: space-between; }
.news-box li:hover{border-bottom: 1px dashed #336799; transition: linear all .25s;}
.news-box li h3{  font-size: 1rem; font-weight: bold; line-height: 40px;  }
.news-box li span{ font-size: 0.9rem; line-height: 30px; }




.index-partner {margin: 60px 0px 100px 0px;  }
.index-partner .title{ text-align: center;}
.index-partner .title span{font-size: 1.125rem; color: #999;text-transform: uppercase;}
.index-partner .title h2{ text-transform: uppercase;font-weight: bold; font-size: 2rem; margin: 10px 0px 20px 0px; 
display: flex; justify-content: center; align-items: center; color: #f3a748; }
.index-partner .title h2 b{ width: 150px; height: 1px; display: flex; align-items: center; background: #999;margin: 0px 30px; position: relative;}
.index-partner .title h2 b:after{content: ""; background: #999; border-radius: 100%; height: 6px;width: 6px; display: block;}
.index-partner .title h2 b:first-child:after{ right: 0;position: absolute;}
.index-partner .title p{font-size: 1.125rem; color: #999;}
.partner-box{ width: 1360px; margin: 60px auto; position: relative;}
.partner-box .swiper-container{padding: 0px 10px;}
.partner-box ul{ display: flex;}
.partner-box li{display:flex; align-items:center; justify-content:center;border-radius: 10px; box-shadow: 0px 2px 5px rgb(0,0,0,0.2); margin: 10px auto;  box-sizing: border-box; height: 120px; }

.partner-box li  img{ height: 100px; object-fit: contain;}

.partner-box .swiper-button-prev,.partner-box .swiper-button-next{ background-image: none; font-family: "宋体"; font-size: 2rem; color: #999;}
.partner-box .swiper-button-prev{ left: -60px;}
.partner-box .swiper-button-next{ right: -60px;}

.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: 2rem; line-height: 3;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: 2;}

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 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: 1.1rem;   cursor: pointer;}
.online dl dd i{font-size:2rem;  }

.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 {padding:3px 10px; border: 1px solid #DCDCDC; border-radius: 0px; 
display: flex; align-items: center;   justify-content: center; float: left; margin: 0 5px; transition: all .4s;  color: #aaa; font-size: 14px; 
transition: all .4s;   overflow: hidden;}
.pages_cont ul li.dt a {   border: 0;}
.pages_cont ul a.page-num-current {    background: #202020;    border-color: #202020;}
.pages_cont ul a.page-num-current { color: #fff;}

/* 上下篇 */
.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; }


.newsback{ font-size: 1.5rem;}
.sb_box h2{ font-size: 1rem; text-align: center; font-weight: bold;}
.sb_box .metit { font-size: 0.8rem; text-align: center; border-bottom: 1px solid #ccc; padding: 10px 0px;}
.sb_box .content{ margin: 30px 0px;}
.sb_box .content p{ font-size: 1rem; line-height: 30px;}

.position{ margin: 20px auto; 	color: #212529;}
.position a{color: #212529;}

.pages{ margin: 30px auto;}
.sb_box{ margin: 0 150px;}

.sonsort{ display: none;}
.sonsort.fixed {z-index:9;display:block;background:#fff;transform: translateY(-50%);border-radius:5px;box-shadow: 0 0 0 1px #ccc; padding: 20px 20px; position: fixed; left: 0; top: 50%;}
.sonsort li{ line-height: 50px; border-bottom: 1px dotted #ccc;}
.sonsort li.on a,.sonsort li:hover a {color: #f7ce00; }

.pro-name.menu-show{display: block !important;}


.about_a { overflow: hidden;}
.about_a ul { width: 95%; max-width: 1640px; margin: auto; border-bottom: 1px solid #d9d9d9; padding: 4% 5%; display: flex; box-sizing: border-box; justify-content: space-between;}
.about_a li { display: flex;}
.about_a li .left { margin-right: 12px;}
.about_a li .right p { font-size: 18px; line-height: 28px; color: #282828;}
.about_a li .right span { font-size: 18px; color: #656565;}
@media screen and (max-width: 1280px){
	.about_a ul { padding: 4% 0%;}
	.about_a li .right p { font-size: 16px;}
	.about_a li .right span { font-size: 16px;}
}
@media screen and (max-width: 768px) {
   
	.about_a ul { flex-wrap: wrap;}
	.about_a li { flex: 0 1 50%; margin-bottom: 30px;}
}
@media screen and (max-width: 700px) {
	.about_a ul { padding: 4% 0 0;}
	.about_a li { flex: 0 1 60%; display: block; transform: scale(0.9);}
	.about_a li:nth-of-type(even) { flex: 0 1 40%;}
}




.about_b { overflow: hidden; padding: 123px 0 0;}
.about_b_container { width: 95%; max-width: 1400px; margin: auto; display: flex; justify-content: space-between; color: #727272; line-height: 36px;}
.about_b_container .left { flex: 0 1 45%;}
.about_b_div1 { font-size: 110px; line-height: 90px; color: #e6e6e6; font-family:"alternate";}
.about_b_div2 { font: 36px CN_Regular; color: #2b64bc; margin-bottom: 50px;}
.about_b_div3 { margin: 30px 0;}
.about_b_container .right { flex: 0 1 45%; padding-top: 100px;}
.about_b_div6 { display: flex;}
.about_b_div6 span { font: 30px CN_Regular; color: #4f4f4f; margin-left: 20px;}
.about_b_div7 { margin: 50px 0 30px;}
@media screen and (max-width: 1024px) {
	.about_b_container .left { flex: 0 1 48%;}
	.about_b_container .right { flex: 0 1 48%;}
	.about_b { padding: 80px 0 0;}
}
@media screen and (max-width: 768px) {
	.about_b { padding: 50px 0 0;}
	.about_b_div1 { font-size: 60px; line-height: 1;}
	.about_b_div2 { margin-bottom: 30px; font-size: 24px;}
	.about_b_container { display: block;}
	.about_b_container .right { padding-top: 50px;}
	.about_b_div7 { margin: 30px 0;}
	.about_b_div6 span { font-size: 24px;}
}
@media screen and (max-width: 700px) {
	.about_b { padding: 40px 0 0;}
	.about_b_div3 { margin: 0;}
	.about_b_div4 { margin: 20px 0;}
	.about_b_div7 { margin: 30px 0 20px}
}




.about_c { overflow: hidden; padding: 100px 0;}
.about_c_container { width: 95%; max-width: 1400px; margin: auto;}
.about_c_container .top ul { display: flex; justify-content: space-between;}
.about_c_container .top span { font: 60px Montserrat_Bold; color: #0d54c0;font-family: Montserrat;}
.about_c_container .top i { font: normal 24px CN_Light; vertical-align: top; margin-left: 20px;}
.about_c_container .top div { font-size: 18px; color: #474747; margin-top: 15px;}
.about_c_container .bottom { display: flex; justify-content: space-between; margin-top: 80px;}
@media screen and (max-width: 1024px) {
	.about_c { padding: 60px 0;}
	.about_c_container .top span { font-size: 30px;}
	.about_c_container .top i { margin-left: 5px; font-size: 18px;}
	.about_c_container .bottom { margin-top: 50px;}
	.about_c_container .bottom div { flex: 0 1 48%;}
}
@media screen and (max-width: 768px) {
	.about_c_container .top div { font-size: 16px;}
}
@media screen and (max-width: 700px) {
	.about_c { padding: 40px 0 50px;}
	.about_c_container .top ul { flex-wrap: wrap; justify-content: flex-start;}
	.about_c_container .top li { margin:0px 0px 25x 0px;    width: calc(50%);}
	.about_c_container .top li:nth-of-type(even) { margin-left: 0%;}
	.about_c_container .top div { font-size: 15px;}
	.about_c_container .top div { margin-top: 10px;}
	.about_c_container .bottom { display: block; margin-top: 20px}
	.about_c_container .bottom div + div { margin-top: 20px;}
	.about_d { height: 300px;}
}

.about_e { overflow: hidden; padding: 100px 0;}
.about_e .bottom{ text-align: center;}

.litter_title  { margin-bottom: 50px; text-align: center;}
.litter_title div {font-size: 110px; line-height:90px;color: #e6e6e6;font-family:"alternate";}
.litter_title p { font: 36px CN_Regular; color: #2b64bc;}
.about_i {overflow: hidden; padding: 50px 0;}
.about_i_container { width: 95%; max-width: 1400px; margin: auto; overflow: hidden;}
.about_i_container .litter_title div { color: #e5e5e5;font-family:"alternate";}
.about_i_container .litter_title p { color: #2b64bc;}
.about_i_container .bottom ul { display: flex; flex-wrap: wrap; justify-content: space-between;}
.about_i_container .bottom li { flex: 0 1 32%; margin-bottom: 50px;}
.about_swiper_pagination_i { text-align: center; }
.about_swiper_pagination_i .swiper-pagination-bullet { background: #d2d2d2 !important; opacity: 1 !important}
.about_swiper_pagination_i .swiper-pagination-bullet-active{ background: #2b64bc !important;}
@media screen and (max-width: 700px) {
	.about_i { padding: 40px 0 20px;}
	.about_i_container .bottom li { flex: 0 1 48%; margin-bottom: 30px;}
}
.about_h { width: 100%; background: url(../images/about_background_h.jpg) no-repeat; background-size: cover; overflow: hidden; padding: 50px 0;}
.about_h_container { width: 95%; max-width: 1400px; margin: auto; overflow: hidden;}
.about_h_container .litter_title div { opacity: 0.1;font-family:"alternate";}
.about_h_container .litter_title p { color: #fff;}
.about_h_container .bottom ul { display: flex; flex-wrap: wrap; justify-content: space-between;}
.about_h_container .bottom li { flex: 0 1 24%; margin-bottom: 50px;}
.about_swiper_pagination_h { text-align: center; }
.about_swiper_pagination_h .swiper-pagination-bullet { background: #d2d2d2 !important; opacity: 1 !important}
.about_swiper_pagination_h .swiper-pagination-bullet-active{ background: #2b64bc !important;}
@media screen and (max-width: 700px) {
	.about_h { padding: 40px 0 50px;}
	.about_h_container .bottom li { flex: 0 1 48%; margin-bottom: 30px;}
}


.top_banner{background-repeat:no-repeat;background-position: center; background-size:cover;height:650px;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:3rem;color:#FFFFFF;margin-bottom:60px;}
.top_banner p{font-size:1.5rem;color:#FFFFFF;line-height:42px;}

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

.prosort{ width: 1600px; margin: -100px auto 0px;}
.prosort ul { display: flex; flex-wrap: wrap;}
.prosort ul li { width: calc(33.33% - 5px); position: relative;  margin-right: 5px;   padding-bottom: 24px;}
.prosort ul li a {    display: block;   position: relative;}
.prosort ul li.on a,.prosort ul li:hover a {   border-bottom: #ffc614 solid 8px;}
.prosort ul li.on:after,.prosort ul li:hover:after{content: '';   position: absolute; left: calc(50% - 10px);  width: 0;  height: 0;   border-width: 10px 10px 0;   border-style: solid;   border-color: #ffc614 transparent transparent;}

.prosort ul li .img {   position: relative;   height: 520px;   background-repeat: no-repeat;   background-position: bottom;   background-size: cover;}
.prosort ul li h3{    position: absolute;    top: 80px;    text-align: center;    font-size: 40px;    color: #bdbcc3;    width: 100%;}
.prosort ul li:hover h3 { color: #000;}
.prosort ul li.on h3{ color: #000; }

.prosortname{ text-align: center; margin: 60px auto; font-size: 1.25rem; color: #333; width:50%;}

#productlist{width: 1600px; margin: 0px auto;}
#productlist ul{ display: flex; flex-wrap: wrap;}
#productlist li{ width: calc(100%); box-sizing: border-box; background: #f8f9fe; padding: 30px 30px;  margin:0px 0px 20px 0px;  position: relative; }
#productlist li a{display: flex; flex-wrap: wrap;}
#productlist li .img{width: 400px; height: 260px; display: flex;  justify-content: center; align-items: center; overflow:hidden;}
#productlist li .img img{ margin:auto; display: block; object-fit: cover; width:100%; height: 260px;  transition: .5s transform; }
#productlist li:hover img{transform: scale(1.05, 1.05); transition: .5s transform;}

#productlist li .text{ width: calc(100% - 400px);  padding: 10px 20px 10px 30px;  box-sizing: border-box;  position: relative;transition: .5s transform;}
#productlist li h3{color: #000;margin:0px auto 10px;   transition: all .3s ease-out 0s; font-size: 1.5rem;}
#productlist li p {color: #000; font-size: 1rem; line-height: 25px;  }  
#productlist li:hover .text{ }

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

.product-view {  padding: 0px 0px; display: flex; flex-wrap: wrap;}
.product-view .view {width: 50%; height: 400px; position: relative;}
.product-view .view .swiper-slide {	height: 400px;	max-width: 100%;	padding: 0 3px;	box-sizing: border-box;	overflow: hidden; display: flex; justify-content: center; align-items: center;	}
.product-view .view .swiper-slide img {	height: auto;}
.product-view .view .arrow-left {background: url(../images/index_tab_l.png) no-repeat left center;position: absolute;left: 10px;width: 40px;height: 400px;z-index: 10;}
.product-view .view .arrow-right {background: url(../images/index_tab_r.png) no-repeat right center;	position: absolute;	right: 10px;	width: 40px;	height: 400px;	z-index: 10;	}

.product-view .view-text{ padding-left: 30px;width: 50%;  box-sizing: border-box;}
.product-view h1.title{ font-size:1rem; font-weight: bold; line-height:70px; }
.product-view .b1{ font-size:18px;  text-align:center; height:1px; margin:40px 20px 0px 20px ; display:block; border-bottom:1px solid #fff; border-top:1px solid #ccc; }
.product-view .view-text p{line-height: 2;}

#showproduct{ line-height: 2;border-top: 1px solid #ccc;    margin: 15px 0px 60px 0px;   overflow: hidden;   font-size: 1rem;  }
#showproduct .b1{ font-size:18px;  text-align:center; height:1px; margin:40px 20px 0px 20px ; display:block; border-bottom:1px solid #fff; border-top:1px solid #ccc; }
#showproduct .b2{font-size:18px;text-align:center;height:1px;margin:0px 20px 0px 20px;display:block;border-bottom:1px solid #fff;border-top:1px solid #ccc;}
#showproduct .ctitle{ font-size:1rem; font-weight: bold; margin:25px 0px 10px 0px; border-left:3px solid #2068ee; height:21px; line-height:21px; padding-left:5px; }
#showproduct .product_content { padding:20px 20px;}
#showproduct .product_content img{max-width: 100%; height: auto;}

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


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




.newssort{ margin: 60px 0px 30px 0px;}
.newssort ul{ display: flex; justify-content: center;}
.newssort ul li { line-height: 36px; color: #999999;  padding: 0px 40px; border: 2px solid #cccccc;  border-radius: 20px;   margin: 0 40px; transition: 0.5s;  width: max-content;  transition: 0.5s;}
.newssort li a {  color: #999999; }
.newssort li:hover ,.newssort li.on{ border-color: #2661bb; background: #2661bb;}
.newssort li:hover a,.newssort li.on a { color: #fff;}

.newssortname{ margin-bottom: 30px; font-size: 2rem;}
.newsbiglist{ margin-bottom: 60px} 
.newsbiglist ul{ display: flex; flex-wrap: wrap; margin: 0px -20px;}
.newsbiglist ul li{ width: calc(100%/3 - 40px); margin: 0px 20px 40px 20px; }
.newsbiglist ul li .list_img{ height: 250px;}
.newsbiglist ul li .list_img img{width: 100%; height: 250px; object-fit: cover;}
.newsbiglist ul li time{ border-bottom: 1px dotted #ccc; color: #666;font-weight: bold; font-size: 1.1rem; display: block; padding: 20px 0px;}
.newsbiglist ul li h3{margin: 20px 0px;}
.newsbiglist ul li p{line-height: 2; color: #666;}
.newsbiglist ul li span{ display: block; margin-top: 20px;}

.news-cont{ display: flex; flex-wrap: wrap; margin: 0px 150px;}
#newslist{ padding:0px 0px 15px 0px; width: calc(100% - 300px); box-sizing: border-box;}
#newslist li{   overflow:hidden; }
#newslist li a{ display: flex;    flex-wrap: wrap; margin: 0px auto; border-bottom: 1px solid #eee; padding:20px 0px;}
#newslist li .list_img{ width: 360px; height: 200px;}
#newslist li .list_img img{ width: 100%; height: 200px; display: block; object-fit: cover;}
#newslist li time{ float:left; text-align: center;color: #000; padding: 20px 0px;  box-sizing: border-box;} 
#newslist li .list_text{ width: calc(100% - 400px); margin: 0px 20px;padding-left: 30px; box-sizing: border-box; } 
#newslist li .list_text h3{ margin-bottom: 20px; font-size: 1.2rem;}
#newslist li .list_text p{ color:#aaa; font-size: 1rem; line-height: 30px;}

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

.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;}
.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;}
.newscontent .content{padding: 60px 0px; line-height:2; font-size:1rem;}


#faqlist{ padding:0px 0px 15px 0px; width: calc(100% - 300px); box-sizing: border-box;}
#faqlist li{   overflow:hidden; }
#faqlist li a{ display: flex;    flex-wrap: wrap; margin: 0px auto; border-bottom: 1px solid #eee; padding:40px 20px;}
#faqlist li time{ float:left; text-align: center;color: #000; padding: 20px 0px;  box-sizing: border-box;} 
#faqlist li .list_text{ width: calc(100%); box-sizing: border-box; } 
#faqlist li .list_text h3{ margin-bottom: 20px; font-size: 1.2rem;}
#faqlist li .list_text p{ color:#666; font-size: 1rem; line-height: 30px;}

#faqlist li:hover{ background: #eee; }
#faqlist li:hover img{ transform: scale(1.05, 1.05); transition: .5s transform;}


#solutionlist{ padding:0px 0px 15px 0px;}
#solutionlist li{   overflow:hidden; margin: 0px 0px 30px 0px; }
#solutionlist li a{ display: flex;    flex-wrap: wrap; margin: 0px auto; }
#solutionlist li .list_img{ width: 40%; height: 400px; overflow: hidden;}
#solutionlist li .list_img img{ width: 100%; height: 400px; display: block; object-fit: cover;}

#solutionlist li .list_text{ width: calc(100% - 40%); padding: 30px 0px 0px 60px; box-sizing: border-box; } 
#solutionlist li .list_text h3{ margin-bottom: 50px; font-size: 1.5rem; text-align: center;}
#solutionlist li .list_text p{ font-size: 1rem; line-height: 30px;}
#solutionlist li .list_text span{background: #f0f0f0; margin-top: 30px;
    border: 3px solid #130908;
    
    font-weight: bold;
    font-size: 1rem;
    border-radius: 30px;
    display: table;
    padding: 8px 30px;}

#solutionlist li:hover{  }
#solutionlist li:hover img{ transform: scale(1.05, 1.05); transition: .5s transform;}

.solve_list ul { display: flex; justify-content: space-evenly; height: 130px; border-bottom: 1px solid #2b64bc;}
.solve_list li {filter: grayscale(100);cursor: pointer;margin-bottom: -2px;}
.solve_list li p { color: #626262;}
.solve_list li a{ padding: 70px 10px 0; box-sizing: border-box; display: block;}
.solve_list li:nth-of-type(1) a{ background: url(../images/d_little1.png) no-repeat center top;}
.solve_list li:nth-of-type(2) a{ background: url(../images/d_little2.png) no-repeat center top;}
.solve_list li:nth-of-type(3) a{ background: url(../images/d_little3.png) no-repeat center top;}
.solve_list li:nth-of-type(4) a{ background: url(../images/d_little4.png) no-repeat center top;}
.solve_list li:nth-of-type(5) a{ background: url(../images/d_little5.png) no-repeat center top;}
.solve_list li.on {filter: grayscale(0);border-bottom: 5px solid #2b64bc;}
.solve_list li.on p { color: #2b64bc;}
/**/


.solutionbox20-01{ margin-top:80px;}
.solutionbox20-01 .tit h2{text-align:center;font-size:2.5rem;color:#050827;font-weight:200;clear:both;}
.solutionbox20-01 .con{font-size:1.25rem;color:#5b6172;line-height:36px;font-weight:200;margin-top:50px;text-align:center;}


.solutionbox20-02{margin:70px 0px 0px 0px;text-align:center;  background-color:#f2f2f2; padding:100px 0px;}
.solutionbox20-02 .tit h2{text-align:center;font-size:2.5rem;color:#050827;font-weight:200;clear:both;}
.solutionbox20-02 ul{ display:flex;flex-wrap:wrap; justify-content:center;}
.solutionbox20-02 li{width:calc(15%);margin:50px 30px 0px 30px;background:#f7f9fe;box-sizing: border-box;  padding: 30px 20px;}
.solutionbox20-02 li h3{ color:#050827;font-size:1.375rem;}
.solutionbox20-02 li p{ line-height:30px; font-size:1rem; margin-top:30px; padding:0px 0px; }



.solutionbox20-03{background:#f7f9fd;padding:100px 0;}
.solutionbox20-03 .tit h2{text-align:center;font-size:2.5rem;color:#050827;font-weight:200;}
.solutionbox20-03 .list{margin-top:50px; position: relative;}
.solutionbox20-03 .list .swiper-slide .box{background:#FFFFFF;padding:20px;}
.solutionbox20-03 .list .swiper-slide .box .imgbox{display:none;}
.solutionbox20-03 .list .swiper-slide .box .text{text-align:left;padding:20px 20px 70px;}
.solutionbox20-03 .list .swiper-slide .box .text h1{font-size:1.5rem;color:#ffc614;margin:0 0 30px;}
.solutionbox20-03 .list .swiper-slide .box .text h3{font-size:1rem;color:#373952;line-height:36px;height:150px;font-weight:200; text-align:left;}
.solutionbox20-03 .list .swiper-button-prev,.solutionbox20-03 .list .swiper-button-next{display: inline-block;position: absolute;width: 45px;height: 45px;z-index: 2; border-radius:50%;border:#050827 solid 2px;background:none;}
.solutionbox20-03 .list .swiper-button-prev:after,.solutionbox20-03 .list .swiper-button-next:after{content:'';display:block; font-family:"宋体";position: absolute;width:45px;height:45px;text-align:center;line-height:45px;font-size:30px;font-weight:600;}
.solutionbox20-03 .list .swiper-button-prev{left: -80px;top: 50%;}
.solutionbox20-03 .list .swiper-button-next{right: -80px;top: 50%;}
.solutionbox20-03 .list .swiper-button-prev:after{content:'<';}
.solutionbox20-03 .list .swiper-button-next:after{content:'>';}


.solutionbox20-04{padding:100px 0; background-color:#f2f2f2; text-align:center}
.solutionbox20-04 .tit h2{text-align:center;font-size:2.5rem;color:#050827;font-weight:200;clear:both;}
.solutionbox20-04 .con{font-size:1.25rem;color:#5b6172;line-height:36px;font-weight:200;margin-top:50px;text-align:center;}


.solutionbox20-05{padding:100px 0px 0px 0px; }
.solutionbox20-05 .tit h2{text-align:center;font-size:2.5rem;color:#050827;font-weight:200;}
.solutionbox20-05 .list{margin-top:50px;position: relative;}

.solutionbox20-05 .list ul{ margin:0px; padding:0px; display:flex; flex-wrap:wrap; display:space-between;}
.solutionbox20-05 .list ul li{ float:left; width:calc(100%/6 - 40px); padding:30px 10px 30px 10px; box-sizing:border-box; margin:0px 20px;  background-color:#e9e8f0; text-align:center;}
.solutionbox20-05 .list h3{ font-size:1.5rem; margin-bottom:20px;}
.solutionbox20-05 .list p{ line-height:30px; font-size:1.25rem; }


.solutionbox20-06{padding:100px 0px 0px 0px;background-color:#fefefe }
.solutionbox20-06 .tit h2{text-align:center;font-size:2.5rem;color:#050827;font-weight:200;}
.solutionbox20-06 .con{ text-align:center;}


.solutionbox20-07{ margin:80px 0px;}
.solutionbox20-07 .tit h2{text-align:center;font-size:2.5rem;color:#050827;font-weight:200;clear:both;}
.solutionbox20-07 .con{font-size:1.25rem;color:#5b6172;line-height:36px;font-weight:200;margin-top:50px;text-align:center;}



.solutionbox19-01{ margin-top:80px;}
.solutionbox19-01 .tit h2{text-align:center;font-size:2.5rem;color:#050827;font-weight:200;clear:both;}
.solutionbox19-01 .con{font-size:1.25rem;color:#5b6172;line-height:36px;font-weight:200;margin-top:50px;}

.solutionbox19-02{background:#f7f9fd;padding:100px 0;}
.solutionbox19-02 .tit h2{text-align:center;font-size:2.5rem;color:#050827;font-weight:200;}
.solutionbox19-02 .list{margin-top:50px; position: relative;}
.solutionbox19-02 .list .swiper-slide .box{background:#FFFFFF;padding:20px;}
.solutionbox19-02 .list .swiper-slide .box .imgbox{display:none;}
.solutionbox19-02 .list .swiper-slide .box .text{text-align:left;padding:20px 20px 70px;}
.solutionbox19-02 .list .swiper-slide .box .text h1{font-size:1.5rem;color:#ffc614;margin:0 0 30px;}
.solutionbox19-02 .list .swiper-slide .box .text h3{font-size:1rem;color:#373952;line-height:36px;height:150px;font-weight:200; text-align:left;}
.solutionbox19-02 .list .swiper-button-prev,.solutionbox19-02 .list .swiper-button-next{display: inline-block;position: absolute;width: 45px;height: 45px;z-index: 2; border-radius:50%;border:#050827 solid 2px;background:none;}
.solutionbox19-02 .list .swiper-button-prev:after,.solutionbox19-02 .list .swiper-button-next:after{content:'';display:block; font-family:"宋体";position: absolute;width:45px;height:45px;text-align:center;line-height:45px;font-size:30px;font-weight:600;}
.solutionbox19-02 .list .swiper-button-prev{left: -80px;top: 50%;}
.solutionbox19-02 .list .swiper-button-next{right: -80px;top: 50%;}
.solutionbox19-02 .list .swiper-button-prev:after{content:'<';}
.solutionbox19-02 .list .swiper-button-next:after{content:'>';}

.solutionbox19-03{ margin-top:80px;}
.solutionbox19-03 .tit h2{text-align:center;font-size:2.5rem;color:#050827;font-weight:200;clear:both;}
.solutionbox19-03 .con{font-size:1.25rem;color:#5b6172;line-height:36px;font-weight:200;margin-top:50px; text-align:center;}

.solutionbox19-04{ margin:80px 0px;}
.solutionbox19-04 .tit h2{text-align:center;font-size:2.5rem;color:#050827;font-weight:200;clear:both;}
.solutionbox19-04 .con{font-size:1.25rem;color:#5b6172;line-height:36px;font-weight:200;margin-top:50px; text-align:center;}



.solutionbox4-01{ margin-top:80px;}
.solutionbox4-01 .tit h2{text-align:center;font-size:2.5rem;color:#050827;font-weight:200;clear:both;}
.solutionbox4-01 .con{font-size:1.25rem;color:#5b6172;line-height:36px;font-weight:200;margin-top:50px;text-align:center;}

.solutionbox4-02{margin:70px 0px 0px 0px;text-align:center;  background-color:#f2f2f2; padding:100px 0px;}
.solutionbox4-02 .tit h2{text-align:center;font-size:2.5rem;color:#050827;font-weight:200;clear:both;}
.solutionbox4-02 ul{ display:flex;flex-wrap:wrap; justify-content:center;}
.solutionbox4-02 li{width:calc(15%);margin:50px 30px 0px 30px;background:#f7f9fe; padding:30px 20px; box-sizing:border-box;}
.solutionbox4-02 li h3{ color:#050827;font-size:1.375rem;}
.solutionbox4-02 li p{ line-height:30px; font-size:1rem; margin-top:30px; padding:0px 0px; }

.solutionbox4-03{background:#f7f9fd;padding:100px 0;}
.solutionbox4-03 .tit h2{text-align:center;font-size:2.5rem;color:#050827;font-weight:200;}
.solutionbox4-03 .list{margin-top:50px; position: relative;}
.solutionbox4-03 .list .swiper-slide .box{background:#FFFFFF;padding:20px;}
.solutionbox4-03 .list .swiper-slide .box .imgbox{display:none;}
.solutionbox4-03 .list .swiper-slide .box .text{text-align:left;padding:20px 20px 70px;}
.solutionbox4-03 .list .swiper-slide .box .text h1{font-size:1.5rem;color:#ffc614;margin:0 0 30px;}
.solutionbox4-03 .list .swiper-slide .box .text h3{font-size:1rem;color:#373952;line-height:36px;height:150px;font-weight:200; text-align:left;}
.solutionbox4-03 .list .swiper-button-prev,.solutionbox4-03 .list .swiper-button-next{display: inline-block;position: absolute;width: 45px;height: 45px;z-index: 2; border-radius:50%;border:#050827 solid 2px;background:none;}
.solutionbox4-03 .list .swiper-button-prev:after,.solutionbox4-03 .list .swiper-button-next:after{content:'';display:block; font-family:"宋体";position: absolute;width:45px;height:45px;text-align:center;line-height:45px;font-size:30px;font-weight:600;}
.solutionbox4-03 .list .swiper-button-prev{left: -80px;top: 50%;}
.solutionbox4-03 .list .swiper-button-next{right: -80px;top: 50%;}
.solutionbox4-03 .list .swiper-button-prev:after{content:'<';}
.solutionbox4-03 .list .swiper-button-next:after{content:'>';}

.solutionbox4-04{ margin-top:80px;}
.solutionbox4-04 .tit h2{text-align:center;font-size:2.5rem;color:#050827;font-weight:200;clear:both;}
.solutionbox4-04 .con{font-size:1.25rem;color:#5b6172;line-height:36px;font-weight:200;margin-top:50px;text-align:center;}
.solutionbox4-04 .img{ text-align:center;}

.solutionbox4-05{padding:100px 0px 0px 0px; }
.solutionbox4-05 .tit h2{text-align:center;font-size:2.5rem;color:#050827;font-weight:200;}
.solutionbox4-05 .list{margin:50px 0px;position: relative;}

.solutionbox4-05 .list ul{ margin:0px; padding:0px; display:flex; flex-wrap:wrap; }
.solutionbox4-05 .list ul li{ float:left; width:calc(100%/6 - 40px); padding:0px 10px 10px 10px; box-sizing:border-box; margin:0px 20px;  background-color:#e9e8f0; text-align:center;}
.solutionbox4-05 .list h3{ font-size:1.25rem;padding:30px 0px;}
.solutionbox4-05 .list p{ line-height:30px; font-size:1rem; }

.solutionbox4-06{ margin-top:80px;}
.solutionbox4-06 .tit h2{text-align:center;font-size:2.5rem;color:#050827;font-weight:200;clear:both;}
.solutionbox4-06 .con{font-size:1.25rem;color:#5b6172;line-height:36px;font-weight:200;margin-top:50px;text-align:center;}

.solutionbox4-07{ margin-top:80px;}
.solutionbox4-07 .tit h2{text-align:center;font-size:2.5rem;color:#050827;font-weight:200;clear:both;}
.solutionbox4-07 .con{font-size:1.25rem;color:#5b6172;line-height:36px;font-weight:200;margin-top:50px;text-align:center;}


.solutionbox9-01{ margin-top:80px;}
.solutionbox9-01 .tit h2{text-align:center;font-size:2.5rem;color:#050827;font-weight:200;clear:both;}
.solutionbox9-01 .con{font-size:1.25rem;color:#5b6172;line-height:36px;font-weight:200;margin-top:50px;text-align:center;}

.solutionbox9-02{ margin-top:80px;}
.solutionbox9-02 .tit h2{text-align:center;font-size:2.5rem;color:#050827;font-weight:200;clear:both;}
.solutionbox9-02 .bsdsc ul{display: flex; flex-wrap: wrap; margin-top:60px;}
.solutionbox9-02 .bsdsc ul li{ width: calc(100%/4 - 1px); text-align: center; list-style:inside; font-size:1.375rem;}

.solutionbox9-03{margin:70px 0px 0px 0px;text-align:center;  background-color:#f2f2f2; padding:100px 0px;}
.solutionbox9-03 .tit h2{text-align:center;font-size:2.5rem;color:#050827;font-weight:200;clear:both;}
.solutionbox9-03 ul{ display:flex;flex-wrap:wrap; justify-content:center;}
.solutionbox9-03 li{width:calc(100%/7 - 20px);margin:50px 10px 0px 10px;}
.solutionbox9-03 li h3{height:60px;line-height:60px;background:#f7f9fe; color:#050827;font-size:1.375rem;}
.solutionbox9-03 li p{ line-height:30px; font-size:1.25rem; margin-top:0px; padding:30px 0px; }

.solutionbox9-04{ margin:100px 0px;}
.solutionbox9-04 .tit h2{text-align:center;font-size:2.5rem;color:#050827;font-weight:200;clear:both;}
.solutionbox9-04 .con{font-size:1.25rem;color:#5b6172;line-height:36px;font-weight:200;margin-top:50px;text-align:center;}





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

.contact-map-section{
	position: relative; margin-bottom: 100px;
}

.contact-map-section .outer-container{
	padding:0px 0px;
	
}

.contact-map-section .map-outer{
	position: relative;
	height: 600px;
} 

.contact-map-section .map-canvas{
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 600px;
}

.map-data{
	text-align:center;
	font-size:14px;
	font-weight:400;
	line-height:1.8em;
	padding: 10px;
}

.map-data h6{
	font-size:16px;
	font-weight:700;
	text-align:center;
	margin-bottom:10px;
	color:#121212;
}

.aboutsort{ margin: 60px 0px 30px 0px;}
.aboutsort ul{ display: flex; justify-content: center;}
.aboutsort ul li { line-height: 36px; color: #999999;  padding: 0px 40px; border: 2px solid #cccccc;  border-radius: 20px;   margin: 0 40px; transition: 0.5s;  width: max-content;  transition: 0.5s;}
.aboutsort li a {  color: #999999; }
.aboutsort li:hover ,.aboutsort li.on{ border-color: #2661bb; background: #2661bb;}
.aboutsort li:hover a,.aboutsort li.on a { color: #fff;}

.litter_title div {   font-size: 60px;  line-height: normal;}

.abo-a{width: 1120px; margin:60px auto;}
.abo-a h2{ margin-bottom: 30px;font-size: 2rem;}
.abo-a h3{ margin-bottom: 30px; font-size: 1.5rem;}
.abo-a .text{ line-height: 2;}

.abo-b{ background: #f7f7f7; padding: 60px 0px;}
.abo-b .abo-b-box{ width: 1360px; margin: auto;}
.abo-b .abo-b-box h2{ margin-bottom: 30px; display: flex; justify-content: space-between; align-items: center; font-size: 2rem; color: #109dff; position: relative;}
.abo-b .abo-b-box h2 font{ color: #000;}
.abo-b .abo-b-box h2:before,.abo-b .abo-b-box h2:after{ content: ""; display: block; height: 1px; width: 35%; background: #000;  }
.abo-b .abo-b-box .text{ line-height: 2;}
.abo-b .abo-b-box ul{ display: flex; flex-wrap: wrap; margin: 0px -10px;}
.abo-b .abo-b-box ul li{ width: calc(50% - 20px); margin: 10px 10px;}
.abo-b .abo-b-box ul li img{ width: 100%;}

.abo-c{  padding: 60px 0px;}
.abo-c .abo-c-box{ width: 1360px; margin: auto;}
.abo-c .abo-c-box h2{ margin-bottom: 30px; display: flex; justify-content: space-between; align-items: center; font-size: 2rem; color: #109dff; position: relative;}
.abo-c .abo-c-box h2 font{ color: #000;}
.abo-c .abo-c-box h2:before,.abo-c .abo-c-box h2:after{ content: ""; display: block; height: 1px; width: 35%; background: #000;  }

.abo-c .abo-c-box ul{ display: flex; flex-wrap: wrap; margin: 0px -5px;}
.abo-c .abo-c-box ul li{ width: calc(100%/5 - 10px); margin: 5px 5px; position: relative;}
.abo-c .abo-c-box ul li img{ width: 100%; display: block;}
.abo-c .abo-c-box ul li h3{ background: rgba(0,0,0,0.5); font-size: 0.9rem; line-height: 30px; width: 100%; text-align: center; color: #fff; position: absolute; bottom: 0;}

.joblist{ margin: 30px 250px 0px 250px;}
.joblist li { background: #f5f5f5; padding: 30px 30px; margin: 0px 0px 50px 0px;}
.joblist li h3{ font-weight: bold; margin-bottom: 20px;}
.joblist li .text{ line-height: 2;}

.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;}
.honorlist li img{ height: 300px;}
.honorlist li img{ display: block; object-fit: contain;}
.honorlist li h3{ text-align:center; padding:20px 0px;background: #f2f2f2; }


.casebigsort{ margin: 100px 250px 100px 250px;}
.casebigsort ul{ display: flex; justify-content: center; flex-wrap: wrap;}
.casebigsort ul li { width: calc(25% - 44px); text-align:center;margin: 10px 20px; box-sizing: border-box;  line-height: 36px; color: #999999;   padding: 0px 40px; border: 2px solid #cccccc;  border-radius: 20px;   transition: 0.5s;   transition: 0.5s;}
.casebigsort li a {  color: #999999; }
.casebigsort li:hover ,.casebigsort li.on{ border-color: #2661bb; background: #2661bb;}
.casebigsort li:hover a,.casebigsort li.on a { color: #fff;}

.casebiglist{background: #e9ecf5; padding: 20px 0px;}
.casebiglist ul{ display: flex; flex-wrap: wrap; margin: 0px 250px; }
.casebiglist ul li{ width: calc(25% - 40px); background: #fff; padding: 30px 10px 10px 10px; margin: 20px 20px; box-sizing: border-box;}
.casebiglist ul li .img{height: 200px;}
.casebiglist ul li .img img{height: 200px; width:100%; object-fit: cover;}
.casebiglist ul li h3{ font-weight: bold; font-size: 1rem; margin-bottom: 10px;}
.casebiglist ul li p{ color: #666; line-height: 1.5; margin-bottom: 10px;}

.case-main{margin: 100px 250px 100px 250px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.case-main .case-left{width: 220px;}

.casesort {background: #f0f0f0;}
.casesort h2{background: #1f50af; color: #fff; padding: 10px 0px; text-align: center; font-size: 1.5rem; text-align: center;}
.casesort li{ border-bottom:1px solid #ccc; padding: 20px 0px; text-align: center;}
.casesort li.on a{color: #2f87c7; }

.caselist{width: calc(100% - 300px);}

.caselist ul{ display: flex; flex-wrap: wrap;  }
.caselist ul li{ width: calc(100%); display: flex;   margin: 0px 0px 30px 0px; box-sizing: border-box;}
.caselist ul li .img{height: 330px; width: 50%;}
.caselist ul li .img img{height: 330px; width:100%; object-fit: cover;}
.caselist ul li .text{ background: #f5f5f5;width: 50%; padding: 30px 30px; box-sizing: border-box;}
.caselist ul li h3{ font-weight: bold; font-size: 1.2rem; margin-bottom: 30px;}
.caselist ul li em{ font-style: normal;color: #666; display: block;margin-bottom: 30px;}
.caselist ul li p{ color: #666; line-height: 1.5; margin-bottom: 30px;}
.caselist ul li span{ display: table; padding: 5px 20px; color: #2b2676; border: 1px solid #2b2676;}

.pro-hot{background: #295ab7;  border-radius: 10px; border: 4px solid #e5e5e3; margin-top: 60px; padding: 20px 10px; box-sizing: border-box;}
.pro-hot h2{margin-bottom: 20px;  color: #fff; text-align: center;}
.pro-hot ul li{ margin-bottom: 20px;}
.pro-hot ul li img{ display: block; height: 130px;}
.pro-hot ul li h3{  color:#fff;font-size:0.9rem;padding: 5px 0px; text-align: center;}

.caseshow{width: calc(100% - 300px); border: 1px solid #000;}
.caseshow h2{background: #f5f5f5; height: 40px;}
.caseshow h2 span{ background: #fff; font-size: 1.2rem; color: #4685ca; height: 40px; line-height: 40px;  display: table;padding: 0px 10px; border-top: 2px solid #4685ca;}
.caseshow .casecontent{ padding: 60px 40px;}

@media only screen and (max-width: 768px) {		
html,body {font-size: 13px; overflow-x:hidden;}
.container{width: calc(100% - 20px); margin: auto;}

header{padding: 0px 0px;}
header.fixed-top{padding: 0px 0px;}
.search{ display: none;}
.tel{ display: none;}
.social-media{ display: none;}
.head-top{ margin: 10px 0px; padding: 0px 10px;    width: 100%; box-sizing: border-box;}
.logo h1 {  margin-right: 10px;}
.logo img{ height: 40px;}
.logo-text span {   font-weight: bold;   font-size: 1.1rem;}
.logo-text p {   font-size: 1rem;   letter-spacing: 0px;}
.m-lang{ display:block !important;}
.m-lang a{font-weight: bold;}
.searchBtn{ display:none;}
.lang{ display:none;}

.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: #1247eb;}  
.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);
}


.navbar{ display:block;position: absolute; opacity:0; top: 60px; padding: 0px 20px; box-sizing: border-box;  z-index: 999;   background: #fff;   width: 100%;   height: 100vh;transition: all 0.5s;
transform: translateY(100%);}
.navbar.navbar-show{ transform: translateX(0%);opacity:1; }
.navbar .navbarNav ul li{ width: 100%;display: block;margin: 0px 0px;}
.navbar .navbarNav ul li a.nav-link{ width: 100%;}
.navbar .navbarNav ul li a.navdown:before {right: 0;}
.navbar .navbarNav ul li dl { position: inherit;top: 0px; padding: 0px 10px;width: 100%;    box-sizing: border-box;}

.navbar .navbarNav ul li.navdown:after {   content: "+"; font-weight: bold;  color: #2661bb; line-height: 30px; position:absolute; right:0; top:0; }
.navbar .navbarNav ul li.actives:after {   content: "-"; font-weight: bold;   color: #2661bb;  line-height: 30px; position:absolute; right:0; top:0; }



.index-banner img{width: 100%;}
.a_container{ height:auto;}
.index_a .swiper-slide{ height:auto;}
.index_a video{ height:auto;}

.index-youshi .title h2 b {    width: 100px; margin: 0px 10px;}
.index-youshi {   padding: 60px 0px 60px 0px;}
.youshi-box {   margin: 30px 10px 0px 10px;}
.youshi-box ul li {  width: calc(100%/3 - 1px);}

.index-categories .title h2 b {    width: 100px; margin: 0px 10px;}
.index-categories .title p {  font-size: 1.2rem; margin:0px 10px;}
.categories-box {   margin: 30px 0px 0px;}
.categories-box li{ width: calc(100%/1 - 20px);    margin: 10px 10px;}
.categories-box li .card-img { height: 450px;    display: flex; align-items: flex-end;}
.categories-box li .card-img img{ width: 100%;}
.categories-box li .card-text { top: 50px;}
.categories-box li .card-text p {  font-size: 1.2rem; margin: 10px auto 30px;    width: 90%;}
.index-categories .cate-img img { display: block; width: 100%; height: 300px; object-fit: cover;}
.index-categories .text { left: 20px; bottom: 20px;}

.index-products .title h2 b {    width: 100px; margin: 0px 10px;}
.index-products .title p {  font-size: 1.2rem;margin:0px 10px;}
.products-box  ul{    margin: 0px 0px;}
.products-box {  margin: 30px 0px 0px;}
.products-box li {width: calc(100%/1 - 20px); margin: 10px 10px;}
.products-box li .card-img{ height: 250px;}
.products-box li .card-img img{ width: 100%;     height: 250px;  object-fit: cover;}
.products-box li .card-text{bottom:30px;}
.products-box li h3{ font-size:1.5rem;}

.products-other li img {width: 100%;}
.products-other li .text{ width: 90%; left: 5%; box-sizing: border-box;}
.products-other li { margin: 5px 10px;}
.products-other li:nth-child(2),.products-other li:nth-child(3) {margin-left: 10px; margin-bottom: 10px;}

.index-case .title h2 b {    width: 100px; margin: 0px 10px;}
.case-box {    margin: 30px 0px 0px;}
.case-box ul li {   width: calc(100%/2);    padding: 30px 10px;}
.case-box ul li .img img{    height: 200px;}
.case-box ul li .text {   margin: 10px 10px 10px 10px;}
.case-box ul li .text h3 {  font-size: 1.2rem;}


.index-about .title h2 b {    width: 100px; margin: 0px 10px;}
.about-box {  margin: 30px 10px;}
.about-box .about-img{ width:100%;}
.about-box .about-text {   width: 100%;   padding-left: 0px;}


.index-news{margin: 0px 0px;    padding: 60px 0px;}
.index-news .title h2 b {    width: 100px; margin: 0px 10px;}
.news-main { margin: 0px 0px 0px 0px;}
.news-box {margin: 30px 10px 30px;     width: calc(100% - 20px);}
.news-box li { width: calc(100% - 22px);margin: 10px 10px;}
.news-box dl h3{font-size:1.3rem;}
.news-box dl p {font-size:1.0rem;}
.news-box dl img{ height:200px;}
.index-news span { }

.index-partner {margin: 60px 0px 60px 0px;}
.index-partner .title h2 b {    width: 100px; margin: 0px 10px;}
.partner-box{ width: 100%;}
.partner-box-m{ display: block !important;}
.partner-box-m{margin: 30px 10px 0px;}
.partner-box-m ul{ display: flex;}
.partner-box-m li{ border: 1px solid #d9d9d9; box-sizing: border-box;  }
.partner-box-m li:hover{border: 1px solid #336799;}
.partner-box-m li .card-img{display: flex;justify-content: center;align-items: center; height: 120px;}
.partner-box-m li .card-img img{ height: 100px; object-fit: contain;}

.partner-box-m .swiper-paginations{bottom: 25px!important; margin-top: 30px; display: flex; justify-content: center;}
.partner-box-m .swiper-paginations .swiper-pagination-bullet{ opacity: 1; margin: 0px 6px !important;border-radius: inherit;  position: relative; height: 5px; width: 20px; background: #c6c6c6;}
.partner-box-m .swiper-paginations .swiper-pagination-bullet:after{ background:rgba(255,255,255,.2); height: 18px; width: 18px; left: -4px; top: -4px; z-index: -1; position: absolute; content: ""; display: block;}
.partner-box-m .swiper-paginations .swiper-pagination-bullet-active{ background: #f7ce00; }

.index-fuwu {   padding: 0px 0px 30px 0px;}
.index-fuwu .title h2 {line-height:2;font-size: 1.5rem;}
.fuwu-box {    margin: 60px 0px 0px 0px;}
.fuwu-box ul li { width: calc(100%/2 - 20px); text-align: center;   margin: 0px 10px 20px;}
.fuwu-box ul li h3 {  font-size: 1.3rem;}

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%/3);   box-sizing: border-box; display: block !important;}
.online dl dd img{ height:26px; display:block; margin:auto;}
.online dl dd i{ height:26px;}
.sonsort {
    
    display: flex;
    flex-wrap: wrap;
    margin: 10px;
    box-shadow: 0 0 0 1px #ccc;
    border-radius: 5px;
    padding: 10px;    transform: translateY(0%);
}
.sonsort ul{ display: flex; flex-wrap: wrap;}
.sonsort ul li{ width: 50%; line-height: 40px;}
.sonsort.fixed{ position: inherit; transform: translateY(0%);}
.position { margin: 20px 10px;}
.pages{ padding: 30px 20px; box-sizing: border-box;}
.pages p{ font-size: 1rem; line-height: 30px;}


.sb_box{ margin:0px 0px;}

.prosort {  width: 100%;}
.prosort ul li{margin: 0px 2.5px;}
.prosort ul li .img {height:200px;}
.prosort ul li h3 {font-size:1.3rem;top: 20px;}

.prosortname { margin: 60px 10px;    font-size: 1.5rem;}
    
#productlist {   width: 100%;}
#productlist ul {margin: 0px 0px;}
#productlist li {  width: calc(100% - 0px);    padding: 10px 10px;}
#productlist li .text { padding: 10px 10px;    width: calc(100% - 0px);}

.pro-left {  background: #fff;  width: calc(100% - 0px);}
.product-view { padding: 20px 0px;}
.product-view .view {	width: 100%; height: 300px;}
.product-view .view .swiper-slide{ height: 300px;}
.product-view .view-text {  padding-left: 0px;}
#showproduct {    margin: 15px 0px 60px 0px;}

.pro-right {   background: #fff;   width: 100%;}
.pro-right ul {   display: flex;   flex-wrap: wrap; margin:0px -10px;}
.pro-right ul li{ width:calc(50% - 20px); margin:10px 10px;}

.lianxi {flex-wrap:wrap;    margin: 30px 20px;}
.lx-con {   padding-right: 0px; margin-bottom:20px;    width: 100%;}

#solutionlist li .list_img {width: 100%;height: 250px;    padding: 0px 20px;}
#solutionlist li .list_img img{height: 250px;  }
#solutionlist li .list_text {   width: calc(100% - 0%);    padding: 30px 20px 0px 20px;}
#solutionlist li .list_text h3 {  margin-bottom: 30px;}

.solutionbox20-02 { padding: 60px 0px;}
.solutionbox20-02 li {   width: calc(50% - 20px);   margin: 50px 10px 0px 10px;}
.solutionbox20-03 {  padding: 60px 0;}
.solutionbox20-03 .list .swiper-slide .box .text{ padding:0px 0px;}
.solutionbox20-03 .list .swiper-slide .box .text h3{ height:auto;}
.solutionbox20-04 {  padding: 60px 0;}
.solutionbox20-05 {    padding: 60px 0px 0px 0px;}
.solutionbox20-05 .list ul li {float: left;  width: calc(100%/2 - 20px);   padding: 30px 10px 30px 10px;   box-sizing: border-box;   margin: 10px 10px;}
.solutionbox20-06 {   padding: 60px 0px 0px 0px;}


.solutionbox19-02 {  padding: 60px 0;}
.solutionbox19-02 .list .swiper-slide .box .text{ padding:0px 0px;}
.solutionbox19-02 .list .swiper-slide .box .text h3{ height:auto;}

.solutionbox4-02 li{ width: calc(50% - 20px);   margin: 50px 10px 0px 10px;}
.solutionbox4-03{ padding: 60px 0px;}
.solutionbox4-03 .list .swiper-slide .box .text{ padding:0px 0px;}
.solutionbox4-03 .list .swiper-slide .box .text h3{ height:auto;}

.solutionbox4-05 {  padding: 60px 0px 0px 0px;}
.solutionbox4-05 .list ul li {float: left;  width: calc(100%/2 - 20px);   padding: 30px 10px 30px 10px;   box-sizing: border-box;   margin: 10px 10px;}

.solutionbox9-02 .bsdsc ul li {    width: calc(100%/2 - 1px);text-align: left;}
.solutionbox9-03 {padding: 60px 0px;}
.solutionbox9-03 li {    width: calc(100%/3 - 20px);    margin: 10px 10px 0px 10px;}

.casebigsort {  margin: 60px 0px 60px 0px;}
.casebigsort ul li {   width: calc(50% - 24px); margin: 10px 10px; padding: 0px 0px;}
.casebiglist ul {   margin: 0px 0px;}
.casebiglist ul li {   width: calc(50% - 20px);   padding: 30px 10px 10px 10px;  margin: 10px 10px;}

.case-main {  margin: 0px 0px 0px 0px;}
.case-main .case-left {  width: 100%;}
.casesort ul{ display:flex; flex-wrap:wrap;}
.casesort ul li{ width: calc(50%);}
.pro-hot{ display:none;}
.caselist {   width: calc(100% - 0px);padding: 10px;}
.caselist ul li{ flex-wrap:wrap;}
.caselist ul li .img{width:100%; height:250px;}
.caselist ul li .img img {   height: 250px;}
.caselist ul li .text{width:100%;}

.caseshow {   width: calc(100% - 0px); margin:20px 10px;}
.caseshow .casecontent {   padding: 30px 20px;}


.newssort ul li { width:calc(100%/3); text-align:center; margin:0px 5px;    padding: 0px 0px;}
.newsbiglist ul{margin: 0px 0px;}
.newsbiglist ul li {  width: calc(100% - 20px);    margin: 0px 10px 40px 10px;}

.news-cont {    margin: 0px 0px;}
#newslist{    width: calc(100% - 0px);}
#newslist li a{ padding: 20px 20px;}
#newslist li .list_img {width: 100%;   height: 200px;}

#newslist li .list_text {width: calc(100% - 0px);   height: auto;    margin: 20px 0px;   border-left: none;    padding-left: 0px;   box-sizing: border-box;}
#newslist li .list_text p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 25px;}
#newslist li time { width: 80px;}

.news-right { width: 100%;}

.newssortname{ margin:0px auto !important; text-align:center;}
.newscontent {   width: calc(100% - 0px);   margin: 0px 10px;}
.newscontent .content{ line-height:30px;padding: 30px 0px;}


.aboutsort ul li { width:calc(100%/3); text-align:center; margin:0px 5px;    padding: 0px 0px;}
.about-main{ margin:0px 10px;}
.abo-a{ width:100%;}

.abo-b .abo-b-box h2{ font-size:1.5rem;}
.abo-b .abo-b-box h2:before, .abo-b .abo-b-box h2:after{width:15%}
.abo-b .abo-b-box{ width:100%;}

.abo-c .abo-c-box h2{ font-size:1.5rem;}
.abo-c .abo-c-box h2:before, .abo-c .abo-c-box h2:after{width:20%}
.abo-c .abo-c-box{ width:100%;}
.abo-c .abo-c-box ul li {  width: calc(100%/2 - 10px);}

.sb_box .content {  margin: 30px 20px;}

.contact-info-list{    margin: 0px 0px;}
.contact-info-list li {  width: calc(100%); margin: 0px 0px 30px 0px; border:none;}
.contact-info-list li em { margin: 20px 0px 20px;}


.joblist {    margin: 30px 10px 0px 10px;}

.honorlist { margin: 30px 10px 0px 0px;}
.honorlist h2{ text-align:center;}
.honorlist li {  width: calc(100%/2 - 20px);margin: 0px 10px 30px 10px;}
.honorlist li img{ height:200px;}
.honorlist li h3 { padding: 10px 0px;}

}