/*基础CSS*/
body{ font-size:14px; color:#333; -webkit-text-size-adjust:none; font-family:'SourceHanSansCN-Regular'; font-style:normal; min-width:1200px; padding:0; margin:0;}
html {
	font-size: 14px;
	overflow-x: hidden;
}
img {pointer-event:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
*{
   -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-weight: normal;}
.clearfix:before{ clear: both;}
li {
	list-style: none;
}
a {
	color: #333; text-decoration:none;
}
a:hover {
	text-decoration: none;
}
p, dl, dt, dd, ul {
	margin: 0px;
	padding: 0px;
}

/*分页*/
.page-num:not(:disabled) {	cursor: pointer;}
.page-num {position: relative;	display: block;	color: #475766; margin: 0px 5px;height:40px; width:40px;line-height:40px;  text-align:center;}
.page-item{ border-radius:20px; height:40px; width:40px;  line-height:40px; color:#fff; font-family:"宋体"; font-size:20px;  background:#ccc;text-align:center;}
a.page-num:hover, .page-link:hover {	text-decoration: none;}
.page-num-current {	z-index: 1; background: #f2f2f2;	 border-radius:20px; }
.page-num-current:hover {	color: #fff;}
/*其他*/
.pages {	min-height: 500px;	padding-top: 10px;	padding-bottom: 10px;}
.code, .code img {	height: 100px;}
.position, .position a {	color: #999;}
.content {	color: #666;	line-height: 2;}
.content img, .content iframe {	max-width: 100% !important;}
.content li {	list-style: disc outside none;	margin-left: 20px;}
/*产品轮播*/
.case-pages { margin: 100px 300px;}
.case-pages .left{-ms-flex: 0 0 40%;  flex: 0 0 40%; max-width: 40%;      padding: 40px 40px 40px 40px; background:#f8f8f8;}
.case-pages .right{-ms-flex: 0 0 60%;   flex: 0 0 60%;  max-width: 60%;}

.view {	width: 100%; position: relative;}
.view .swiper-slide {
	height: 500px;
	width: 100%;
	padding: 0 0px;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
}
.view .swiper-slide img {	height: 100%; width: 100%; object-fit: cover;}
.view .arrow-left {
	background: rgba(255,255,255,0.5) url(../images/index_tab_l.png) no-repeat center center;
	position: absolute;
	left: 10px;
	width: 50px;
	height: 50px;border-radius: 50px;
	z-index: 10; top: 50%; margin-top: -25px;
	
}
.view .arrow-right {
	background: rgba(255,255,255,0.5) url(../images/index_tab_r.png) no-repeat center center;
	position: absolute;
	right: 10px;
	width: 50px;
	height: 50px; border-radius: 50px;
	z-index: 10;top: 50%; margin-top: -25px;
	
}
.preview {	position: relative;	width: calc(100% - 0px) ;	}
.preview .swiper-container{ padding: 0px 0px;}
.preview .swiper-slide {
	width: 90px;
	height: 70px;
	margin: 0 9px 0px 0px;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
}
.preview .swiper-slide img {	display: inline-block;	height: 100%; width: 100%; object-fit:cover;}
.preview .active-nav {	border: 1px solid #F00;}
.preview .arrow-left {
	background: #f1f1f1 url(../images/feel3.png) no-repeat center center;
	position: absolute;
	left: 0px;
	top: 0;
	width: 20px;
	height: 70px;
	z-index: 10;display: none;
}
.preview .arrow-right {
	background: #f1f1f1 url(../images/feel4.png) no-repeat center center;
	position: absolute;
	right: 0px;
	top: 0;
	width: 20px;
	height: 70px;
	z-index: 10;display: none;
}


/*在线客服*/
.online {
	position: fixed;
	bottom: 150px;
	right: 10px;
	width: 60px;
	z-index: 999;
	color: #999;
}
.online a {
	color: #666;
}
.online a:hover {
	text-decoration: none;
}
.online dl {
	background: #fff;
	padding: 10px 5px;
	margin-bottom: 10px;
	position: relative;  border-radius: 10px; 
}
.online dl dd { width: 45px; margin: auto;	cursor: pointer; overflow: hidden;}
.online dl h3 {
	color: #333;
	text-align: center;
	font-size: 12px;
	cursor: pointer; overflow: hidden;
}
.online dl dd img{ }
.online dl:hover dd img{  transform: translateX(-50%);}
.online dl:hover h3{color: #fff;}
.online dl dd i {
	font-size: 25px;
}
.online dl:hover {
	background: #ffa400; 
}
.online dl:hover dd {
	color: #fff;
}
.online dl dt {
	position: absolute;
	top: 0px;
	right: 60px;
	background: #fff;
	
	z-index: 9999;
	display: none;
	padding: 10px 15px;
	font-weight: normal;
}
.online dl dt h3 {
	display: block;
	font-size: 20px;
	color: #ffa400; text-align: center;
	
	padding-bottom: 5px;
}
.online dl dt p{border: 1px solid #ccc; border-radius: 10px; overflow: hidden;}

.online dl dt h3 i {
	margin-right: 5px;
}
.online dl dt span { margin-top: 10px;font-size: 20px;
	color: #ffa400; text-align: center; width: 100%; display: block;
}
.online dl dt input {
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-top: 15px;
	height: 40px;
	line-height: 40px;
	padding: 3px 5px;
	width: 100%;
}
.online dl dt button {
	margin: 10px 0;
	border: none;
	border-radius: 5px;
	width: 100%;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	background: #28a7e1;
	color: #fff;
	cursor: pointer;
}





.clear {clear: both;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after, .clearfix:before {content: '';	clear: both;	display: table;}
.wrap{ width:1200px; margin:0 auto;}
.text-center{ text-align:center;}

.yanc1s{
	animation-duration:.7s !important;
}
.yanc2s{
	animation-duration:1.4s !important;
}
.yanc3s{
	animation-duration:2.1s !important;
}
.yanc4s{
	animation-duration:2.8s !important;
}
.yanc5s{
	animation-duration:3.5s !important;
}
.yanc6s{
	animation-duration:4.2s !important;
}
.yanc7s{
	animation-duration:4.9s !important;
}
.yanc8s{
	animation-duration:5.6s !important;
}
.yanc9s{
	animation-duration:7.3s !important;
}

header.fixed-top{ position:fixed;top:0; background:#fff;}
header.fixed-top .main-menu .navigation>li { padding:0px 0px;}
header.fixed-top .main-menu .navigation>li>a{ color:#333;}
header.fixed-top .navbar-right-info .phone-number{ color:#fff;}
header.fixed-top .navbar-right-info .phone-number a{ color:#fff;}


/* Header Style */
.mobile_mian{ display:none;}
.main-header {display: block;  width: 100%;   z-index: 9999;    top: 0px;   left: 0px;   background: #fff;   clear: both;}
.main-header .header-upper {   position: relative;}
.main-header .header-upper .auto-container {    max-width: 100%;   padding: 0 80px;}
.main-header .header-upper .inner-container {   position: relative;   min-height: 80px;   display: flex;  flex-wrap: wrap;   align-items: center;   justify-content: space-between;}
.main-header .header-upper .logo-box {    z-index: 10;}
.main-header .header-upper .logo-box .logo {   position: relative;   display: block;   padding: 0px 0px; }
.main-header .header-upper .logo-box .logo img{ height:60px;}

.main-header .nav-outer {   position: relative;    display: flex;   flex-wrap: wrap;    align-items: center;}
.main-header .nav-outer .search-toggler {   position: relative;   background-color: transparent;   font-size: 20px;   color: #fff;   margin-left: 30px;}
.navbar-right-info {   display: -webkit-box;   display: -ms-flexbox;   display: flex;  flex-wrap: wrap;   -webkit-box-align: center;   -ms-flex-align: center;
   align-items: center;   -webkit-box-pack: center;   -ms-flex-pack: center;   justify-content: center;  margin: 25px 0px 25px 40px;}

.navbar-right-info .phone-number {color: #fff;   font-size: 18px;   font-weight: 600;}
.navbar-right-info .phone-number a {color: #fff;}
.navbar-right-info .phone-number i {font-weight: 900;   margin-right: 10px;}

/* Sticky Header */

.main-header .nav-outer .main-menu {  position: relative;}
.main-menu .navbar-collapse {  padding: 0px;   display: block !important;}
.main-menu .navigation {   position: relative;  margin: 0px;   margin-left: 30px;   display: flex;    flex-wrap: wrap;   align-items: center;}
.main-menu .navigation>li {padding: 0px 0px; line-height: 80px; height: 80px; overflow: hidden;   margin-right: 50px;  -webkit-transition: all 300ms ease;   -o-transition: all 300ms ease;    transition: all 300ms ease;}
.main-menu .navigation>li:last-child {  margin-right: 0px;}
.main-menu .navigation>li>a {position: relative; display: block; text-align: center; font-size: 16px; margin-top: 25px; line-height:30px; height:30px; padding:0px 10px;color: #333;     }
.main-menu .navigation>li>a.active,.main-menu .navigation>li>a:hover{ background: #ffa400; color: #fff !important; border-radius: 20px;} 

.main-menu .navigation li .nav_ul { position: absolute; display:none;   right: 0px; top: 100px;     -webkit-transition: top 0.3s;
    -moz-transition: top 0.5s;
    -ms-transition: top 0.5s;
    -o-transition: top 0.5s;
    transition: top 0.5s;
    width: -webkit-max-content;   width: -moz-max-content;   width: max-content;   z-index: 100;
   visibility: visible;   padding: 0px 0px 10px 30px;  border: 1px solid #ccc; border-radius: 3px;  background-color:#fff;}
/*.main-menu .navigation li:hover .nav_ul { display: block;opacity: 1; top:80px !important;}*/
.main-menu .navigation>li:hover .nav_ul{ top:80px; display: block;}
.main-menu .navigation>li .nav_ul ul>li {box-sizing: border-box;  position: relative; float: left;  padding: 0 0px;}
.main-menu .navigation>li .nav_ul ul >li>a {   position: relative;  display: block;   padding: 0px 0;   line-height: 24px;   font-weight: normal;
    font-size: 16px;   text-transform: capitalize;  color: #333;   text-align: left;
    transition: all 500ms ease;   -moz-transition: all 500ms ease;  -webkit-transition: all 500ms ease;   -ms-transition: all 500ms ease;   -o-transition: all 500ms ease;}

.main-menu .navigation>li .nav_ul ul li>a span{ width: 100%; display: block; text-align: center;}
.main-menu .navigation>li .nav_ul ul li>a:hover span{ color: #ffa400;}
.main-menu .navigation>li dl {display: none;	position: absolute; top:80px;z-index: 9999; flex-wrap: wrap;  width:400px;padding: 10px 50px;    background: rgba(255,255,255,0.8);}
.main-menu .navigation>li dl dt{width: 50%; line-height: 40px;}
.main-menu .navigation>li dl a {color: #000; line-height: 40px; ;}
.main-menu .navigation>li:hover dl{ display:flex;}
.main-menu .navigation>li dl a:hover{color: #ffa400;}
.main-menu .navigation>li dl a.on{color: #ffa400;}

#gallery { position:relative; width:calc(100% - 100px); margin:0px 50px;}
#gallery .swiper-slide img{ max-width: 100%; margin: auto; bottom: 0;}
#gallery .swiper-pagination-fraction{ width:auto ; left: 10% !important; left: auto; color: #fff;}
#gallery .swiper-pagination-fraction .swiper-pagination-current{color:#ffa400;}
#gallery .swiper-button-prev{ border-radius:60px; width:60px; height:60px; line-height: 60px; font-weight: bold; font-size: 50px; color: #333; text-align: center; font-family: "宋体";  background:rgba(255,255,255,0.5); 
position:absolute; top:50%; left:60px !important;}
#gallery .swiper-button-next { border-radius:60px; width:60px; height:60px;line-height: 60px; font-weight: bold;font-size: 50px; color: #333; text-align: center; font-family: "宋体"; background:rgba(255,255,255,0.5); 
position:absolute; top:50%; right:60px !important;}


.index-title { margin-bottom: 20px;}
.index-title h2{ font-size: 24px; font-weight: bold;}
.index-title span{ font-size: 16px; color: #ccc; text-transform: uppercase;}

.index-about{ background:#f8f8f8; margin-left: 400px; margin-right: 200px; margin-top: 60px;   padding:50px 40px 50px 80px; box-sizing:content-box;}
.index-about .about-text {width: 50%; float: left; padding-right: 100px;  }
.index-about .about-text h3{ font-size: 60px; margin-bottom: 30px; color: #353a41; font-weight: bold;}
.index-about .about-text h3 font{ color: #0082c7;}
.index-about .about-text p{ color:#333; font-size:16px; line-height:36px; }
.index-about .about-text a.more{ background: #ffa400; overflow: hidden; display: inline-block; color: #fff; margin-top: 60px; position: relative; padding: 10px 20px; border-radius: 10px;}
.index-about .about-text a.more span{ z-index: 3; position: relative;}
.index-about .about-text a.more:before{position: absolute; content: '';  border-radius: 10px;left:0px;right: 0px; top: 0; height: 100%; background: #000; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);transform: scaleX(0);-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform-origin: right center;}
.index-about .about-text a.more:hover:before{transform-origin: left center;transform: scaleX(1);-webkit-transform: scaleX(1);-ms-transform: scaleX(1);}
.index-about .about-apps{ width:50%; max-width: 100%; float:left; text-align:center; }
.index-about .about-apps img{ width: 100%;}

.index-current{ background:url(../images/current_bg.png) center center; padding:100px 0px 80px 0px;margin: 0px 0px 80px 0px; }
.index-current .current-box{}
.index-current .current-box .current-text{ width:25%; padding: 0px 3%; text-align: center; float: left; position:relative; }
.index-current .current-box .current-text p{ font-size:16px; margin-top: 20px; color:#333; display:block;}
.index-current .current-box .current-text span{ font-size:30px;color:#333; font-weight:bold;}
.index-current .current-box .current-text span b{ font-size: 60px;}





.index-product{ padding:80px 0px 80px 0px;}
.index-product .tit ul{ justify-content: center; display: flex;} 
.index-product .tit ul li{ font-weight: bold; margin: 0px 50px; font-size: 16px; cursor: pointer;}
.index-product .tit ul em{ color:#ccc; font-style: normal;}
.index-product .tit ul li.cur{ text-decoration: underline;}
.index-product .product-box{ margin:auto; margin-top:50px; padding-bottom: 0px;  position:relative; }
.index-product .product-li{ float:left;position:relative; z-index:1; width: 25%; box-sizing: border-box;background: #f8f8f8;}
.index-product .product-li a{padding: 0px 80px 0px 80px; display: block; }
.index-product .product-li:hover{ background-color: #ffa401;}
.index-product .product-li img.p_on {  height:320px ; margin: auto; transition:all .4s ease 0s;}
.index-product .product-li img.p_h { height:320px ;margin: auto; transition:all .4s ease 0s;}
.index-product .product-li .p_h{ display:none;}
.index-product .product-li:hover .p_h{ display: block;}
.index-product .product-li:hover .p_on{ display: none;}

.index-product .product-li .product-img{ position: relative; padding-top: 50px; display: flex; justify-content: center; text-align: center;}
.index-product .product-li .model{/*transition:all .4s ease 0s;*/ position: absolute; z-index: -1; top: 0; right: 0; color: #fcce7c; line-height: 200px; font-size: 200px; font-weight: bold;}

.index-product .product-li h3{ color:#333; text-transform:uppercase; font-size:16px;margin-bottom:5px;}
.index-product .product-li p{ color:#333; font-size:16px; margin-bottom:10px;}
.index-product .product-li span{ background:url(../images/product_per.png)center left; height:19px; display:block; margin:auto;margin-bottom:5px;}
.index-product .product-li:first-child span{ width:90px;}
.index-product .product-li:nth-child(2) span{ width:60px;}
.index-product .product-li:nth-child(3) span{ width:30px;}
.index-product .product-li:nth-child(4) span{ width:15px;}
.index-product .product-li .product-dec{ height: 160px; margin-bottom: 20px;}
.index-product .product-li .product-dec02{ display: none ;height: 160px;margin-bottom: 20px;transition:all .1s ease 0s; opacity: 0;}
.index-product .product-li:hover .product-dec02{ display: block ;opacity: 1;}
.index-product .product-li:hover .product-dec{ display: none ; opacity: 1;}
.index-product .product-li:hover .model{ opacity: 0;}

.index-custom{ margin-bottom: 80px;}
.liucheng_box{ margin:0 auto 100px;}
.liucheng_box ul{ display: flex; justify-content: center;}
.liucheng_box li{  float: left;box-sizing: border-box;padding: 0px 20px; position:relative;}
.liucheng_box b{ background:url(../images/lcr.png) no-repeat center; float: left;  width:30px; height:60px; display:block; }
.liucheng_box .li1 span:nth-child(4):after{ background:none;}

.liucheng_box li span{ display: block; position: relative;  height:60px; line-height:60px; width:100px; margin:0px auto; text-align: center;}
.liucheng_box li span img{ vertical-align:middle; }
.liucheng_box li h3{ font-size:16px; text-align:center; margin:10px 0px;}
.liucheng_box a.more{ margin:30px auto 0; font-size: 16px; justify-content: center; display: flex; clear:both; }

.dingzhi_box ul{    justify-content: center; display: flex;}
.dingzhi_box li{float: left; margin:0px 10px ;}
.dingzhi_box li img{ height: 280px;}

.dingzhi_box li h3{ text-align: center; margin-top: 30px; font-weight: bold;}
.dingzhi_box li p{ text-align: center; font-size: 16px; color: #ccc; }


.basic_box { background:url(../images/basic_bg.webp) no-repeat center center; min-height:525px; margin-top: 20px;}
.basic_box .sales-box:first-child{ float: left; margin-left: 150px;}
.basic_box .sales-box:last-child{ float: right; margin-right: 200px;}
.basic_box li{ color:#333;  text-align: center;}
.basic_box .li1{ margin-top: 0px;}
.basic_box .li2{ margin-top: 20px;}
.basic_box .li3{ margin-top: 20px;}
.basic_box .li4{ margin-top: 40px;}
.basic_box .li5{ margin-top: 20px;}
.basic_box .li6{ margin-top: 20px;}
.basic_box li img{ height: 90px;}
.basic_box li span{ color:#333; font-size:13px; display: block; }


.feature_box{ margin:100px auto 120px;}
.feature_box li{ width:25%; float: left; text-align:center;box-sizing: border-box;padding: 0px 100px; position:relative;}
.feature_box li span img{ vertical-align:middle; width:60px ;}
.feature_box li h3{ text-align: center; margin-top: 30px; margin-bottom: 20px; font-size: 20px; font-weight: bold;}
.feature_box li p{ text-align: center; font-size: 16px; color: #ccc; }

.index-partner .partner_box ul{ justify-content: center;  margin: 0 20px;}
.index-partner .partner_box li:nth-child(1),
.index-partner .partner_box li:nth-child(2),
.index-partner .partner_box li:nth-child(3),
.index-partner .partner_box li:nth-child(4),
.index-partner .partner_box li:nth-child(5),
.index-partner .partner_box li:nth-child(6),
.index-partner .partner_box li:nth-child(7),
.index-partner .partner_box li:nth-child(8),
.index-partner .partner_box li:nth-child(9),
.index-partner .partner_box li:nth-child(10),
.index-partner .partner_box li:nth-child(11),
.index-partner .partner_box li:nth-child(12),
.index-partner .partner_box li:nth-child(13){ width: 7.69%;}
.index-partner .partner_box li{ width: 8.333%; height: 80px; margin: 20px 0px; float: left; text-align: center;}
.index-partner .partner_box li img{ max-width: 90%; height: 80px; object-fit: contain; 
/*-webkit-filter: grayscale(100%);  
 -moz-filter: grayscale(100%);  
  -ms-filter: grayscale(100%);  
  -o-filter: grayscale(100%);   
filter: grayscale(100%);  
filter: gray;*/}
.index-partner .partner_box li:hover img{	-webkit-filter: inherit;	-moz-filter: inherit;	-ms-filter: inherit;	-o-filter: inherit;	filter: inherit;	filter: inherit;}

.comment_box{ margin: 30px auto 20px;}
.comment_box li{ width: 33.333%; float: left; box-sizing: border-box; padding: 0px 20px; border-right:1px solid #ccc;}
.comment_box li:last-child{ border: none;}
.comment_box li h3{ margin-bottom: 10px;}
.comment_box li i{ float: right; margin-left: 2px; color: #ffa400;}

.numbers_box{ margin: 80px auto 60px;}
.numbers_box ul{ justify-content: center; display: flex;}
.numbers_box ul li{ margin: 0px 0px; text-align: center;}
.numbers_box ul li span{ font-size: 60px; font-weight: bold; padding: 0px 50px; border-right:1px solid #ccc;}
.numbers_box ul li:last-child span{border: none;}
.numbers_box ul li p{ font-size: 16px;}

.index-video { padding:100px 0px 100px 0px; background-size:100% 100%; clear:both;}
.index-video .video-box{ background:url(../images/video_bg.png) no-repeat center center;  margin: auto; width: 920px; height: 537px; }
.index-video .video-box  video{width: 696px; height: 440px; object-fit:unset ; justify-content: center; display: flex;margin: auto; margin-top: 30px;}

.index-video .video-text{ display: none;}
.index-video .video-list{ position: absolute; right: -30px; top: 30px;}
.index-video .video-list li{ cursor: pointer;   color: #999;     margin-bottom: 40px;  text-align: right;position: relative; padding-bottom: 5px; }
.index-video .video-list li:after{ background: #999; content: ""; height: 1px; width: 100%; display: block; bottom: 0px; }
.index-video .video-list li font{ margin-right: 5px;}
.index-video .video-list li.cur{ color: #000;}
.index-video .video-list li.cur:after{ background: #000; }

.index-video .ewm{    justify-content: center;display: flex; margin-top: 30px;}
.index-video .ewm li{ margin: 0px 60px; text-align: center;  }

.index-case {  padding:100px 30px 0px 30px; max-height:816px; clear:both;}
.index-case .index-title{ margin-bottom:30px;}
.index-case .case-box ul{ width: 50%; float: left;}
.index-case .case-box li{ width: calc(50% - 10px); margin: 5px; float: left;  position:relative;box-sizing: border-box;}
.index-case .case-box li a{ display: block;width: 100%; height: 100%; box-sizing: border-box;}
.index-case .case-box li:nth-child(1) .case-img img{height:580px}
.index-case .case-box li .case-img img{ height:285px; object-fit:cover; width:100%;}
.index-case .case-box li h3{ position:absolute; height: calc(100% - 0px);  top: 0; background:rgba(0,0,0,0.7);width:calc(100% - 0px);transition:all .4s ease 0s;  color:#fff; font-weight: normal; font-size:18px; margin-top:0px; text-align:center; opacity:1;}
.index-case .case-box li h3 img{ margin: auto;}
.index-case .case-box li h3 .tubiao{ height: calc(100% - 0px);  display:flex; justify-content: center; vertical-align: middle;}
.index-case .case-box li:hover h3{ opacity:0; }
.index-case .case-box li .case-img{ position:relative;}
/*.index-case .case-box li:hover .case-img:after{ background:rgba(0,0,0,0.5); height:100%; width:100%; display:block; content:""; position:absolute; top:0;}*/
.index-case a.more{ background: #ffa400; overflow: hidden; text-align: center; display:block; color: #fff; width: 120px; margin: auto; margin-top: 30px; position: relative; padding: 10px 20px; border-radius: 5px;}
.index-case a.more span{ z-index: 3; position: relative;}
.index-case a.more:before{position: absolute; content: '';  border-radius: 10px;left:0px;right: 0px; top: 0; height: 100%; background: #000; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);transform: scaleX(0);-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform-origin: right center;}
.index-case a.more:hover:before{transform-origin: left center;transform: scaleX(1);-webkit-transform: scaleX(1);-ms-transform: scaleX(1);}



.index-news{ padding:60px 0px 100px 0px;}
.index-news .index-title{ margin-bottom:30px;}


.news-box ul{ width: 1300px; margin: auto;    flex-wrap: wrap; display: flex;}
.index-news li{ width: calc(33.33% - 40px) ;box-shadow:0 0 10px #d2d2d2; margin: 0px 20px; margin-bottom:40px;float: left; background: #f8f8f8;transition:all .4s ease 0s;  }
.index-news li a{ display: flex;}
.index-news li .img{ width:150px ; height: 150px}
.index-news li .img img{ width:150px ; height:150px; object-fit: cover;}
.index-news li .text{width: calc(100% - 150px) ;  padding: 30px 20px 5px 20px; margin-bottom:10px; }
.index-news li h3{ font-size:16px; margin-bottom: 20px; min-height: 60px; font-weight: bold;}
.index-news li .date{ width:60px; height:60px; font-size:30px;margin-right:20px; color:#333; text-align:center; font-weight:bold;}
.index-news li span{ float: right;}


.index-news li:hover span i{ color: #ffa400;}

.index-news a.more{ background: #ffa400; overflow: hidden; text-align: center; display:block; color: #fff; width: 120px; margin: auto; margin-top: 30px; position: relative; padding: 10px 20px; border-radius: 5px;}
.index-news a.more span{ z-index: 3; position: relative;}
.index-news a.more:before{position: absolute; content: '';  border-radius: 10px;left:0px;right: 0px; top: 0; height: 100%; background: #000; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);transform: scaleX(0);-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform-origin: right center;}
.index-news a.more:hover:before{transform-origin: left center;transform: scaleX(1);-webkit-transform: scaleX(1);-ms-transform: scaleX(1);}


.footer{ background:#1c1c1c; padding:100px 0px 40px 0px; }
.footer .wrap{ width: 1360px;}
.footer .foot-nav{ color:#fff; float:left;box-sizing: border-box;padding-left:100px; width:360px; }
.footer .foot-nav h2{ border-bottom: 1px solid #333; font-size: 16px; padding: 0px 0px 10px 20px;}
.footer .foot-nav a{ color:#fff;}
.footer .foot-nav h5{ font-size:19px; font-weight:normal;}
.footer .foot-nav p{ font-size:13px;}
.footer .foot-nav span{ display:block; margin-top:30px;}
.footer .foot-logo{ width:260px; padding-left: 0px !important;}
.footer .foot-logo img{ width: 100px; margin-bottom: 20px;}
.footer .foot-contact ul {margin-top:20px;}
.footer .foot-contact ul li{ margin-bottom: 20px; display:flex; }
.footer .foot-contact ul li i{ margin-right: 20px; line-height:26px;}

.footer .foot-menu ul {margin-top:20px;}
.footer .foot-menu li{ margin-bottom: 20px;}

.footer .foot-nav:nth-child(4){width:380px;padding-left:80px; }
.foot-tools .ewm{    /*justify-content: center;display: flex;*/ margin-top: 30px;}
.foot-tools .ewm li{ margin: 0px 20px; text-align: center; float: left;  }
.foot-tools .ewm li img{ border: 5px solid #fff; width: 100px;}
.foot-tools .ewm li h3{ text-align: center; font-size: 12px; margin-top: 5px;}

.social-links{ margin-top:20px ; margin-left:20px;}
.social-links ul li {display: inline-block;   margin-right: 5px;}
.social-links ul li a {position: relative; height:25px; width:25px; line-height: 25px;  color: #fff !important; transition:.5s; display: inline-block; text-align: center; font-size: 20px;}
.social-links ul li a img{ width: 25px;}
.social-links ul li:hover a{color:#ffa400 !important;}

.footer .copyright{ text-align:center; color:#666; margin-top:120px; padding-top: 20px; border-top: 1px solid #333; }
.footer .copyright a{color:#666 !important;}
.link{ text-align:center; color:#666; margin-top:10px;}
.link a{ color:#666; }

.pro-box { padding: 180px 0px;  background: #f8f8f8;}
.pro-box .pro-in{width:1300px; margin:auto;}
.pro-box .pro-img{  width:660px; padding:0px 20px; height:510px; text-align: center;   box-sizing: border-box;    display: -webkit-inline-box;}
.pro-box .pro-img img{ max-height:560px;}
.pro-box .pro-text{ width:320px;   margin-top:60px;}
.pro-box .pro-in:nth-child(1) .pro-text{ float:left;}


.pro-box .pro-text dl.dec{ margin-bottom: 40px;position: relative;}
.pro-box .pro-text .dec span{ font-size:16px; font-weight: normal; margin-bottom: 5px; }
.pro-box .pro-text .dec dt{ cursor: pointer;border-bottom: 1px solid #999; display:flex; align-items: center;overflow:hidden; padding: 0px 10px 0px 10px; line-height:40px;height:40px; font-weight:normal; }
.pro-box .pro-text .dec dt:before{ content: "\f0d7"; color: #ffa400; position: absolute; right: 10px;     font-family: FontAwesome; font-size: 16px;}
.pro-box .pro-text .dec dt i{ width:20px; height:20px; margin-right:10px; border:1px solid #666; border-radius:20px;}
.pro-box .pro-text .dec dt i.white{ background:#fff;}
.pro-box .pro-text .dec dt i.black{ background:#000;}
.pro-box .pro-text .dec dt i.gray{ background:#4a4c4e;}
.pro-box .pro-text .dec dt i.blue{ background:#78d6ef;}
.pro-box .pro-text .dec dt i.red{ background:#ffa400;}
.pro-box .pro-text .dec dt i.green{ background:#58b139;}
.pro-box .pro-text .dec dt i.wood{background:url(../images/wood.jpg); border: transparent;}
.pro-box .pro-text .dec dt i.greysilver{background:#868a89;}
.pro-box .pro-text .dec dt i.diy{background:url(../images/diy.png);}

.pro-box .pro-text .dec dd{  display: none; background: #fff; width: 100%; z-index: 9; padding: 0px;box-shadow: 0px 3px 5px #ddd; position: absolute; } 
.pro-box .pro-text .dec dd a{ line-height: 40px; display: block; cursor: pointer; padding:0px 10px; color:#666; display:flex; align-items: center;} 
.pro-box .pro-text .dec dd a i{ width:20px; height:20px; margin-right:10px; border:1px solid #666; border-radius:20px;}
.pro-box .pro-text .dec dd a:nth-child(1) i{ background:#fff;}
.pro-box .pro-text .dec dd a:nth-child(2) i{ background:#000;}
.pro-box .pro-text .dec dd a:nth-child(3) i{ background:#4a4c4e;}
.pro-box .pro-text .dec dd a:nth-child(4) i{ background:#78d6ef;}
.pro-box .pro-text .dec dd a:nth-child(5) i{ background:#ffa400;}
.pro-box .pro-text .dec dd a:nth-child(6) i{ background:#58b139;}
.pro-box .pro-text .dec dd a:nth-child(7) i{background:url(../images/wood.jpg); border: transparent;}
.pro-box .pro-text .dec dd a:nth-child(8) i{background:#868a89;}
.pro-box .pro-text .dec dd a:nth-child(9) i{background:url(../images/diy.png);}
.pro-box .pro-text .dec dd a:hover,.pro-box .pro-text .dec dd a.cur{ background:#ffe8bf;}

.pro-box .pro-text .dec p:first-child{ color:#080808; font-size:18px; line-height:26px;}
.pro-box .pro-text .dec p{ font-size:14px;color:#080808; line-height:26px;}

.xh-list { margin-top: 30px;}
.xh-list ul{ justify-content: center; display: flex;}
.xh-list ul li{ width: 40px; height: 40px; margin: 0px 10px; border-radius: 100%; background:transparent ; text-align: center; line-height: 40px;}
.xh-list ul li:hover,.xh-list ul li.active{ background:#ffa400 ; }
.xh-list ul li a{color: #ccc; font-size: 20px;}
.xh-list ul li:hover a,.xh-list ul li.active a{color: #fff; }

.pro-details{ margin: auto; margin-top:100px; width: 1200px;}
.pro-details .pro-title{ text-align:center; position:relative;}
.pro-details .pro-title h2{ color:#0b6cb7; font-size:40px; position: absolute; text-align:center; height:60px; line-height:60px; width:100%;}
.pro-details .pro-title h2:after{ content:""; display:block; position:absolute; background:url(../images/pro_title_ico.jpg) no-repeat center center; width:100%; height:20px; top:70px; }
.pro-details .pro-title span{ color:#0b6cb7; font-size:60px; opacity: 0.1; height:60px; line-height:60px; text-transform:uppercase; font-weight:bold;}

.pro-details .details-box{ margin:60px 0px 0px 0px; border: 1px solid #ccc; border-radius: 10px; box-sizing: content-box;}
.details-left { width:798px; border-right: 1px solid #ccc;   float:left;}
.details-left li{ height: 120px; border-bottom:1px solid #ccc ; font-size: 20px;  overflow: hidden; line-height: 120px;}
.details-left li:last-child{ border: none;}
.details-left li span{ width: 40%; font-weight: bold; float: left; text-align: center; border-right: 1px solid #ccc; }
.details-left li p{ width: 60%; float: left; text-align: center; font-weight: lighter; }
.details-right{  float:left;width: 400px;}
.details-right .productDl{justify-content: center;  align-items: center;   display: flex;  height: 480px;}
.details-right img{width: 100%;}


.jiaju{ margin: 100px 0px;}
.jiaju-xp .index-title p{font-size: 16px;   color: #ccc;  text-transform: uppercase;}
.jiaju-xp ul{ display: flex;   justify-content: center;}

.jiaju-xp ul li{ text-align:center; margin:0px 20px 0px 20px;}
.jiaju-xp ul li h3{ font-size:18px; margin-top:30px; font-weight: bold;}
.jiaju-xp ul li img{ width: 500px;}

.canshu-box{ margin:100px auto 100px;}
.canshu-box li{ width:25%; float: left; text-align:center;box-sizing: border-box;padding: 0px 100px; position:relative;}
.canshu-box li span img{ vertical-align:middle; width:60px ;}
.canshu-box li em{ display: block; font-size: 12px; font-style: normal;}
.canshu-box li h3{ text-align: center;  margin-bottom: 20px; font-size: 20px; font-weight: bold;}
.canshu-boxli p{ text-align: center; font-size: 16px; color: #ccc; }

.pro-inners{ background: url(../images/inners_bg.jpg); min-height: 292px;height: 292px;  display: flex; align-items: center; /*定义body的元素垂直居中*/ justify-content: center; /*定义body的里的元素水平居中*/}
.pro-inners .pro-inners-text{ text-align: center; }
.pro-inners h3{ color: #fff;font-size: 36px;}
.pro-inners p{ color: #fff; text-transform: uppercase; font-size: 24px; display: block;}

.pro-inner {margin:100px auto 0px;}
.pro-inner .wrap{ width: 980px;}
.pro-inner .p_wrapper{ width:420px; margin: 0px 35px 100px 35px; float:left; overflow: hidden; border-radius: 10px;    position: relative; }
.pro-inner .p_wrapper h3{ font-size:14px;  margin-bottom:0px; height:45px;  color:#000; font-weight:bold;}
.pro-inner .p_wrapper h3 em{ font-style:normal; font-size:12px; display: block; color: #ccc;font-weight:normal;}
.pro-inner .p_wrapper img{ width:100%; display:block; height:220px; object-fit: cover; }
.pro-inner .p_wrapper .text{ position: absolute;   left: 0;    top: calc(100% - 45px);    width: 100%;
    height: 45px; padding: 0px 20px; box-sizing: border-box;    color: #fff;    background: rgba(204,204,204,0.5);transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.pro-inner .p_wrapper .text p{ font-size: 14px; color: #000; margin-top: 10px;}
.pro-inner .p_wrapper:hover .text{ top: 0 !important; height: 100%; padding: 30px 20px; box-sizing: border-box;}
.appsCon .pro-title{ text-align:center; position:relative; margin-bottom:60px;}
.appsCon .pro-title h2{ color:#0b6cb7; font-size:40px; position: absolute; text-align:center; height:60px; line-height:60px; width:100%;}
.appsCon .pro-title h2:after{ content:""; display:block; position:absolute; background:url(../images/pro_title_ico.jpg) no-repeat center center; width:100%; height:20px; top:70px; }
.appsCon .pro-title span{ color:#282828; font-size:60px; opacity: 0.05; height:60px; line-height:60px; text-transform:uppercase; font-weight:bold;}

.appsCon { position:relative; margin-bottom:100px;}
.appsCon .scroll{height:380px;position:relative;}
.appsCon .scroll li{width:580px;height:380px;float:left; margin:0px 0px;}
.appsCon .scroll li img{ object-fit:cover; height:370px; width:100%; border-radius:5px;}
.appsCon .hd{height:5px; text-align:center; margin-top:30px;}
.appsCon .hd ul li{width:33px;height:5px;background:#d6d6d6;margin:5px 7px; display:inline-block;font-size:0;}
.appsCon .hd ul li.on{background:#0b6cb7;}


.por_info_list{ overflow:hidden; padding: 0px 0px 100px 0px;}
.por_info_list .wrap{ width: 1400px; margin: auto;    box-shadow: 3px 5px 5px #ddd;}
.por_info_list .pro-title{ text-align:center; position:relative;margin-bottom:60px;}
.por_info_list .pro-title h2{ color:#0b6cb7; font-size:40px; position: absolute; text-align:center; height:60px; line-height:60px; width:100%;}
.por_info_list .pro-title h2:after{ content:""; display:block; position:absolute; background:url(../images/pro_title_ico.jpg) no-repeat center center; width:100%; height:20px; top:70px; }
.por_info_list .pro-title span{ color:#282828; font-size:55px; opacity: 0.05; height:60px; line-height:60px; text-transform:uppercase; font-weight:bold;}
.por_box{display: -webkit-flex; display: flex;}
.por_info_list .port_li{-webkit-transition: all 0.5s ease-out 0s;
    -webkit-transform: scaleY(1);
    -ms-transition: all 0.5s ease-out 0s;
    -ms-transform: scaleY(1);
    transition: all 0.5s ease-out 0s;
    transform: scaleY(1);  float:left; -webkit-flex: 1; flex: 1; width: 25%; border-right: 1px solid #e2e2e2; box-sizing: border-box; margin:0px 0px; background:#f2f2f2;} 
.por_info_list .port_li .img{  text-align:center;  padding:30px 20px;}
.por_info_list .port_li img.p_on {  height:300px ; margin: auto; transition:all .4s ease 0s;}
.por_info_list .port_li img.p_h { height:300px ;margin: auto; transition:all .4s ease 0s;}
.por_info_list .port_li a.more{  border-radius: 0px; font-weight: bold; text-decoration: underline; color:#000; padding: 8px 0px 8px 0px; display:block; width:120px; margin:auto; text-align:center; }
.por_info_list .port_li .text{padding:20px 30px; text-align:center;}
.por_info_list .port_li  span{ font-weight:bold; margin-bottom:10px; font-size:20px; display:block;}
.por_info_list .port_li p{ margin: 5px 0px;}
.por_info_list .port_li .S ,.por_info_list .port_li .M,.por_info_list .port_li .ML,.por_info_list .port_li .L,.por_info_list .port_li .XL{ font-size: 16px;}
.por_info_list .port_li .S i{ width: 17px; height: 16px;  background: url(../images/product_per.png); display: -webkit-inline-box;}
.por_info_list .port_li .M i{width: 34px; height: 16px;  background: url(../images/product_per.png) ;  display: -webkit-inline-box;}
.por_info_list .port_li .Ml i{width: 51px; height: 16px;  background: url(../images/product_per.png) ;  display: -webkit-inline-box;}
.por_info_list .port_li .L i{ width: 68px; height: 16px; background: url(../images/product_per.png) ;  display: -webkit-inline-box;}
.por_info_list .port_li .XL i{ width: 102px; height: 16px; background: url(../images/product_per.png) ;  display: -webkit-inline-box;}

.por_info_list .port_li:hover{ background-color: #ffa401; 	
-webkit-transition:all 0.5s ease-out 0s; 
-webkit-transform: scaleY(1.0); 
-ms-transition: all 0.5s ease-out 0s; 
-ms-transform: scaleY(1.0); 
-moz-transition:all 0.5s ease-out 0s; 
-moz-transform: scaleY(1.0); 
transition:all 0.5s ease-out 0s; 
transform: scaleY(1.0);}
.por_info_list .port_li .p_h{ display:none;}
.por_info_list .port_li:hover .p_h{ display: block;}
.por_info_list .port_li:hover .p_on{ display: none;}
.por_info_list .port_li:hover a.more{ color: #fff; }

.news-content li {  border-bottom: 1px solid #f0f2f5;   padding-bottom: 30px;   margin-bottom: 30px;}
.news-content .media-left{  display: table-cell;  vertical-align: top;padding-right: 20px;}
.news-content .media-object {  width: 200px; height:130px; object-fit:cover;}
.news-content .media-body{ display: table-cell;  vertical-align: top;}
.news-content li h3 {   margin: 0 0 10px; font-size: 22px;}
.news-content li p.des { color: #6a6a6a;  margin-bottom: 10px;  font-size: 16px;}
.news-content li p.info {   margin-bottom: 0;   font-size: 16px;  font-weight: 300;   color: #a3afb7;}
.news-content li p.info i {   color: #a3afb7;   font-weight: 300; margin-right:5px;}


/*案例展示*/
.case-box-in li{ width:calc(33.333% - 40px); margin:20px 20px; float:left; position:relative;}
.case-box-in li h3{ background:rgba(102,102,102,0.3); padding:10px 0px; font-weight:bold; color:#fff; position:absolute; bottom:0px; width:100%; text-align:center;}
.case-box-in li .card-img-200{ height:320px;}
.case-box-in li .card-img-200 img{ height:320px; width:100%; object-fit:cover;}

/*定制赏析*/
.dingzhi-main{ margin-top:0px;}
.dingzhi-main .dingzhi-box01{ background:url(../images/dingzhi_bg.png); text-align:center; padding:60px 0px; min-height:600px;}
.dingzhi-main .dingzhi-box01 h2{ color:#ffa400; font-size:40px; font-weight:bold; margin-bottom:30px;}
.dingzhi-main .dingzhi-box01 hr{ width:1px; background:#999; height:60px;}
.dingzhi-main .dingzhi-box01 p{  font-size:23px; line-height:50px; width:1080px; margin:auto;}
.dingzhi-main .dingzhi-box02 { background:#fff; padding:60px 0px;}
.dingzhi-main .dingzhi-box02 img { margin: 60px auto 0px; display:block;}
.dingzhi-main .dingzhi-box03 {background:#fff; padding:40px 0px 60px 0px;}
.dingzhi-main .dingzhi-box03 ul{    justify-content: center; display: flex;}
.dingzhi-main .dingzhi-box03 li{float: left; margin:0px 0px;}
.dingzhi-main .dingzhi-box03 li img{ height: 380px;}

.dingzhi-main .dingzhi-box03 li h3{ text-align: center; margin-top: 30px; font-weight: bold;}
.dingzhi-main .dingzhi-box03 li p{ text-align: center; font-size: 14px; color: #333; }


/*产品中心列表*/

.products-box01 { padding: 100px 0px;}
.products-box01 .tit ul{ justify-content: center; display: flex;} 
.products-box01 .tit ul li{ font-weight: bold; margin: 0px 50px; font-size: 16px; cursor: pointer;}
.products-box01 .tit ul em{ color:#ccc; font-style: normal;}
.products-box01 .tit ul li.cur{ text-decoration: underline;}
.products-box01 .product-box{ margin-top: 50px;}
.products-box01 .port_li{-webkit-transition: all 0.5s ease-out 0s;
    -webkit-transform: scaleY(1);
    -ms-transition: all 0.5s ease-out 0s;
    -ms-transform: scaleY(1);
    transition: all 0.5s ease-out 0s;
    transform: scaleY(1);  float:left; -webkit-flex: 1; flex: 1; width: 25%; border-right: 1px solid #e2e2e2; box-sizing: border-box; margin:0px 0px; background:#f2f2f2;} 
.products-box01 .port_li .img{  text-align:center;  padding:30px 20px;}
.products-box01 .port_li img.p_on {  height:300px ; margin: auto; transition:all .4s ease 0s;}
.products-box01 .port_li img.p_h { height:300px ;margin: auto; transition:all .4s ease 0s;}
.products-box01 .port_li a.more{  border-radius: 0px; font-weight: bold; text-decoration: underline; color:#000; padding: 8px 0px 8px 0px; display:block; width:120px; margin:auto; text-align:center; }
.products-box01 .port_li .text{padding:20px 30px; text-align:center;}
.products-box01 .port_li  span{ font-weight:bold; margin-bottom:10px; font-size:20px; display:block;}
.products-box01 .port_li p{ margin: 5px 0px;}
.products-box01 .port_li .S ,.products-box01 .port_li .M,.products-box01 .port_li .ML,.products-box01 .port_li .L,.products-box01 .port_li .XL{ font-size: 16px;}
.products-box01 .port_li .S i{ width: 17px; height: 16px;  background: url(../images/product_per.png); display: -webkit-inline-box;}
.products-box01 .port_li .M i{width: 34px; height: 16px;  background: url(../images/product_per.png) ;  display: -webkit-inline-box;}
.products-box01 .port_li .ML i{width:51px; height: 16px;  background: url(../images/product_per.png) ;  display: -webkit-inline-box;}
.products-box01 .port_li .L i{width: 68px; height: 16px;  background: url(../images/product_per.png) ;  display: -webkit-inline-box;}
.products-box01 .port_li .XL i{ width: 102px; height: 16px; background: url(../images/product_per.png) ;  display: -webkit-inline-box;}

.products-box01 .port_li:hover{ background-color: #ffa401; 	
-webkit-transition:all 0.5s ease-out 0s; 
-webkit-transform: scaleY(1.0); 
-ms-transition: all 0.5s ease-out 0s; 
-ms-transform: scaleY(1.0); 
-moz-transition:all 0.5s ease-out 0s; 
-moz-transform: scaleY(1.0); 
transition:all 0.5s ease-out 0s; 
transform: scaleY(1.0);}
.products-box01 .port_li .p_h{ display:none;}
.products-box01 .port_li:hover .p_h{ display: block;}
.products-box01 .port_li:hover .p_on{ display: none;}
.products-box01 .port_li:hover a.more{ color: #fff; }

.products-box02{ width:1200px; margin:auto; margin-bottom:100px;}
.products-box02 .left{ float:left; width:410px; padding:20px 0px;}
.products-box02 .left li { text-align: center;}
.products-box02 .left li h3{ text-align: center; margin-top: 30px; font-weight: bold;}
.products-box02 .left li p{ text-align: center; font-size: 14px; color: #ccc; }
.products-box02 .left img{ height:280px; margin:0px 30px;}
.products-box02 .mid{ background:#f6f6f6; float:left; width:380px; height:320px; padding:80px 0px 80px 0px; text-align: center; box-sizing:border-box;}
.products-box02 .mid h2{  font-size:22px; margin-bottom:20px;}
.products-box02 .mid p{ font-size:18px; line-height:30px;}
.products-box02 .mid a{ margin-top: 20px; display: block;}

.products-box02 .right{ float:left; width:410px; padding:20px 0px;}
.products-box02 .right li { text-align: center;}
.products-box02 .right li h3{ text-align: center; margin-top: 30px; font-weight: bold;}
.products-box02 .right li p{ text-align: center; font-size: 14px; color: #ccc; }
.products-box02 .right img{ height:280px; margin:0px 30px;}

.products-box02 .bottom{ display: flex; justify-content: space-between; clear: both;}
.products-box02 .bottom li h3{ text-align: center; margin-top: 30px; font-weight: bold;}
.products-box02 .bottom li p{ text-align: center; font-size: 14px; color: #ccc; }
.products-box02 .bottom img{ height:280px; margin:0px 30px;}

.products-box03{ width:1200px; margin:auto;}
.products-box03 .left{ background:#f6f6f6; float:left; width:50%; height:600px; padding:200px 100px 80px 80px; box-sizing:border-box;}
.products-box03 .left h2{  font-size:24px; margin-bottom:60px;}
.products-box03 .left p{ font-size:18px; line-height:35px;}
.products-box03 .right{ float:left; width:50%; height:600px; padding:20px 0px;align-items: center; justify-content: center;  display: flex;}
.products-box03 .right img{  }

.products-box04{ width:1200px; margin:auto; margin-top:100px;}
.products-box04 ul li{ float:left; margin:10px 10px;}
.products-box04 ul li img{width: 280px; height: 250px;}
.products-box04 ul li h3{ text-align:center; line-height:60px;}

.products-box05 { background:#f8f8f8; margin:80px 0px;}
.products-box05 ul {display: flex; justify-content: center; margin-bottom:30px;}
.products-box05 ul li{ float:left;  margin:10px 15px;}
.products-box05 ul li .l_img{width:120px; height:90px; display:block;}
.products-box05 ul li:nth-child(1) .l_img{ background:#000;}
.products-box05 ul li:nth-child(2) .l_img{ background:#f0f0f0;}
.products-box05 ul li:nth-child(3) .l_img{ background:#4a4c4e;}
.products-box05 ul li:nth-child(4) .l_img{ background:#78d6ef;}
.products-box05 ul li:nth-child(5) .l_img{ background:#ffa400;}
.products-box05 ul li:nth-child(6) .l_img{ background:#58b139;}
.products-box05 ul li:nth-child(8) .l_img{ background:#868a89;}

.products-box05 ul li h3{ text-align:center; line-height:30px;}

.products-box05 dl{display:block; width:1176px; margin:auto; margin-top:30px; margin-bottom:30px;}
.products-box05 dl dd{ float:left;  margin-right:28px;}
.products-box05 dl dd .l_img{width:120px; height:90px; display:block;}
.products-box05 dl dd h3{ text-align:center; line-height:30px;}

.products-box05 .a_link{width:1176px; margin:auto; }
.products-box05 a.more{ background: #ffa400; overflow: hidden; display: inline-block; color: #fff; margin-top: -30px; position: relative; padding: 10px 30px; border-radius: 10px; float:right;}
.products-box05 a.more span{ z-index: 3; position: relative; font-size:20px;}
.products-box05 a.more:before{position: absolute; content: '';  border-radius: 10px;left:0px;right: 0px; top: 0; height: 100%; background: #000; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);transform: scaleX(0);-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform-origin: right center;}
.products-box05 a.more:hover:before{transform-origin: left center;transform: scaleX(1);-webkit-transform: scaleX(1);-ms-transform: scaleX(1);}



.xmfa_main.w1200{ width: 1200px; margin: 0px auto;}
.xmfa_main .xmfa_nava{ margin: 80px 0px 0px 0px;}
.xmfa_main .xmfa_nava ul{ display: flex; justify-content: center;}
.xmfa_main .xmfa_nava ul li{margin: 0px 20px;}
.xmfa_main .xmfa_nava ul li a{ font-size: 20px;}
.xmfa_main .xmfa_nava ul li.active a {  color: #ffa400; border-bottom: 2px solid #ffa400;}

.xmfa_main .xmfa_showimg { margin: 60px 0px 150px 0px;}
.xmfa_main .xmfa_showimg dl{ display: flex; flex-wrap:wrap;}
.xmfa_main .xmfa_showimg dt{ width: 580px; }
.xmfa_main .xmfa_showimg dt img{ width: 100%; height:600px; object-fit: cover; box-shadow: 0px 0px 8px 2px rgba(9, 24, 33, 0.4);}

.xmfa_main .xmfa_showimg dd{ width: 620px; padding: 30px 0px 0px 30px;}
.xmfa_main .xmfa_showimg dd h3{ font-size: 40px; font-weight: bold;}
.xmfa_main .xmfa_showimg dd>p{ font-size: 20px; color: #999;}
.xmfa_main .xmfa_showimg dd ul{box-shadow: 0px 0px 8px 2px rgba(9, 24, 33, 0.1); width: calc(100% + 100px); margin:10px 0px 0px 0px ; padding: 20px 30px; background: #f8f8f8;transform: translatex(-100px);}
.xmfa_main .xmfa_showimg dd ul li{ clear: both; line-height: 30px;}
.xmfa_main .xmfa_showimg dd ul li span{ color: #333; font-size: 20px; float: left;}
.xmfa_main .xmfa_showimg dd ul li div{  float: left; width: 530px;}

.xmfa_main .xmfa_pics { margin: 0px 0px 150px 0px;}
.xmfa_main .xmfa_pics ul{ display: flex; justify-content: space-between;flex-wrap: wrap;}
.xmfa_main .xmfa_pics ul img{ height:420px;    }

.xmfa_main .xmfa_changjing .cj_tit{ text-align: center; margin-bottom: 30px;}
.xmfa_main .xmfa_changjing .cj_tit h2{ font-weight: bold; margin-bottom: 20px;}
.xmfa_main .xmfa_changjing .cj_tit p{  color: #999;  font-size: 16px; line-height: 30px;}

.xmfa_main .xmfa_changjing .cj_img ul{ justify-content: space-between; display: flex; flex-wrap: wrap;}
.xmfa_main .xmfa_changjing .cj_img ul li{ margin: 0px 0px 60px 0px;}
.xmfa_main .xmfa_changjing .cj_img ul li img{ height: 400px;}
.xmfa_main .xmfa_changjing .cj_img ul li h3{ text-align: center; line-height: 30px;}

@media (max-width:1680px){
.index-about{ width:1180px; margin:50px auto;}
	
}

@media (max-width:1440px){
.main-menu .navigation>li .nav_ul ul >li>a img{ height: 150px;}
.dingzhi-main .dingzhi-box03 li img{height: 300px;}	
}
@media (max-width:768px){
body{ min-width:100%;}	
.wrap{ width:100%;}	
.index-title img{ max-width:80%; }
.main-header{display:none;}		
.mobile_mian{ display:block; width:100%; z-index:999;   margin-left: auto;   margin-right: auto;   min-width: 320px;   max-width: 640px;   background: #fff;}


.header{width: 100%; height:60px; background:#fff;}
.header a.logo{display: block;float: left;margin-left: 3%; margin-top:10px;}
.header a.logo img{display: block; height:40px;}
.header dl{float: left;width: 69%;text-align: center;}
.header dt{font-size: .4rem;color: #333333;}
.header dt em{font-weight: bold;}
.header dd{font-size:.281rem;color: #fff;display: inline-block;height: .484rem;line-height: .484rem;padding: 0 .344rem;background: #febf01;border-radius: 0.5rem;margin-top: 0.15rem;}
.header dd a{color: #fff;}
.header .headerMenu img{display: block;}
.header .headerMenu{float: right;margin-right: 3%;margin-top: 20px;} 

.header .headerPhone{float: right;margin-right: 5%;margin-top: 20px;}
.header .headerPhone i{color:#ffa400 !important; font-size:24px;}
.zzc {display: none; background: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99990;}
/*nav_menu*/
.nav_menu {  width:0; position:fixed;  right:0; top:0; height: 100%;z-index: 99999;overflow: scroll;background: #fff;}
.nav_menu img{display: block; height:30px;}
.nav_menu .top{width: 100%; margin:10px 0px; overflow:hidden;}
.nav_menu .Navlog{width: 54%;display: block;margin-left: 10px; float:left;}
.nav_menu .btn{display: block; float:right; margin:5px 10px 0px 0px;}
.nav_menu .btn img{display: block; height:20px;}
.nav_menu ul{overflow:hidden; width:100%;overflow: scroll;height: 80%;}
.nav_menu li{ width:100%; overflow:hidden; height: 40px;line-height: 40px;border-bottom: 1px solid #eaeaea;}
.nav_menu li:first-child{border-top:1px solid #eaeaea;}
.nav_menu li p>a{ color:#333333;font-size:14px;display: block;box-sizing: border-box;padding-left: 6%;}

#gallery{ height:auto; width:100%; margin:0px;}
#gallery .swiper-slide a img{ height:auto; object-fit:cover; position: inherit;}
#gallery .ban-ico img{ width:50%;}

#thumbs{ width:100%; margin-top:0px;}
#thumbs .swiper-slide{ width:9.09%;}
#gallery .swiper-button-next,#gallery .swiper-button-prev{ display:none;}
.ban-absolute .ban-tect{ font-size:18px;}

.index-about{ padding:50px 10px 50px 10px; margin:0px; width:100%; box-sizing:border-box;}
.index-about .about-text {  width: 100%;  float: left; margin-right: 0px; padding: 0px 0px;}
.index-about .about-text h3{ font-size:36px;}
.index-about .about-apps{ width:100%;}


.index-current{ padding:30px 0px; margin:60px 0px;}
.index-current .current-box{ width:100%; margin-right:0px; padding:0px 20px;}
.index-current .current-box .current-text{ width:50%;}
.index-current .current-box .current-text span{ font-size:20px;}
.index-current .current-box .current-text span b{ font-size:36px;}
.index-current .current-box .current-text p{ font-size:14px; height:60px;}

.index-custom{ overflow:hidden; margin-bottom:60px;}

.index-product{ padding:60px 0px 60px 0px;}
.index-product .product-box{ width:100%; overflow:hidden;margin-left: 20px;}
.index-product .tit ul li{ width:50%; text-align:center; margin:0px 0px;}
.index-product .product-li{ padding:0px 20px 0px 20px;}
.index-product .product-li a { padding: 0px 0px 0px 0px;}
.index-product .product-li .product-img img{  max-height:320px;}
.index-product .product-li h3{ font-size:18px;}
.index-product .product-box:after{ display:none;}



.top_banner{ margin:0px !important; height:auto !important; padding:0px 0px !important;}
.top_banner .text-light{ font-size:20px !important;}


.index-sales.index-sales {background: url(../images/sales_bg_m.jpg) no-repeat bottom left; background-size:100%;   padding: 50px 0px 50px 0px;}
.index-sales .sales-box{ width:100%; }
.index-sales .sales-box li{ margin-bottom:30px; height:auto;}
.index-sales .sales-box:first-child{margin-left:0px;}
.index-sales .sales-box:last-child{margin-right: 0px;}

.liucheng_box{ margin-bottom:60px;}
.liucheng_box li{ width:20%; padding:0px 10px;}
.liucheng_box li span{ width:100%;}
.liucheng_box li span img{ width:40px;}
.liucheng_box li h3{ font-size:14px;}
.liucheng_box b{ display:none;}


.dingzhi_box{ display:none;}

.dingzhi_box_m{ display:block !important;}
.dingzhi_box_m img{ width:100%;}
.dingzhi_box ul{ display:block;}
.dingzhi_box li{ width:calc(100% - 20px); text-align:center; margin:0px 10px;}
.dingzhi_box li img{ max-width:100%;}
.dingzhi_box li p br{ display:none;}


.index-partner .partner_box ul{ width:100%;margin: 0 0px;}
.index-partner .partner_box li{display:none;}
.index-partner .partner_box li img { max-width: 80%;}
.index-partner .partner_box li:nth-child(1), .index-partner .partner_box li:nth-child(2), .index-partner .partner_box li:nth-child(3), .index-partner .partner_box li:nth-child(4), .index-partner .partner_box li:nth-child(5), .index-partner .partner_box li:nth-child(6), .index-partner .partner_box li:nth-child(7), .index-partner .partner_box li:nth-child(8), .index-partner .partner_box li:nth-child(9){
    width: calc(100%/3);
    display: block;    margin: 0px 0px;
}



.comment_box li{ width:calc(100% - 40px);padding: 20px 0px; margin:0px 20px; border-right: none;  border-bottom: 1px solid #ccc;}
.numbers_box ul{ }
.numbers_box ul li{width:25%;  float:left;}
.numbers_box ul li span{ font-size:24px; padding:0px 0px; display:block; width:100px;}


.basic_box{ background:url(../images/jg-img.jpg) no-repeat; background-size: 100%;}
.basic_box .wrap{margin-top: 514px;}
.basic_box .sales-box{ margin-bottom:20px !important;}
.basic_box .sales-box:first-child,.basic_box .sales-box:last-child{ margin:0;display: flex;  width: 100%; justify-content: center;}

.basic_box .sales-box li{ float: left; margin-top:0px !important; width:33.333%;}
.feature_box{ margin:60px auto 60px;}
.feature_box li { width: 50%;   padding: 10px 10px;}

.index-video{ padding:60px 0px 0px 0px}
.index-video .video-box{ width:100%;  height:auto;}
.index-video .video-box video{ width:100% !important; height:auto !important;}
.index-video .video-list{display:flex;justify-content:center;    position: inherit;}
.index-video .video-list li{margin:10px 10px;}

.index-case { padding: 30px 20px 0px 20px; max-height: 100%;  clear: both;}
.index-case .case-box ul{ width:100%;}
.index-case .case-box li{ width:calc(100%/2 - 10px); height:auto; margin:5px 5px;}
.index-case .case-box li:last-child{width:calc(100% - 10px);}
.index-case .case-box li .case-img img {  height: 200px !important;  object-fit: cover;  width: 100%;}
.index-case .case-box li h3 img {  margin: auto;   height: 60px;   max-width: 80%;    object-fit: contain;}


.news-box ul{ width:100%;}
.index-news{ padding:60px 0px 30px 0px; }
.index-news li{ width:calc(100% - 40px)}

.footer .wrap {  width: 100%;}
.footer .copyright{ margin-top:60px;}
.footer{ padding:60px 0px;}
.footer .foot-nav{ width:100% !important; padding:0px 20px 20px 20px !important;}
.footer .foot-nav h2{ padding:0px 0px 10px 0px; }


.case-box-in li {  width: calc(50% - 20px); margin: 10px 10px;}
.case-box-in li .card-img-200 {  height: 250px;}
.case-box-in li .card-img-200 img {height: 250px;}

.case-pages{ margin:30px 0px;}
.case-pages .right {  -ms-flex: 0 0 100%;  flex: 0 0 100%;   max-width: 100%;}
.case-pages .left {  -ms-flex: 0 0 100%;  flex: 0 0 100%;   max-width: 100%;}


.dingzhi-main{ margin-top:60px;}
.dingzhi-box00 img{width:100%;}
.dingzhi-box00 .dingzhi-title{margin: -60px 0px 20px 0px;}
.dingzhi-box00 .dingzhi-title span{font-size:52px;}
.dingzhi-box00 p{font-size:16px;}
.dingzhi-main .dingzhi-box01{min-height: auto;}
.dingzhi-main .dingzhi-box01 hr {height: 30px;}
.dingzhi-main .dingzhi-box01 p{ width:100%; padding:0px 10px; font-size:16px;line-height: 30px;}
.dingzhi-main .dingzhi-box02 img{ width:100%;}
.dingzhi-main .dingzhi-box03 ul{ display: none !important;}
.dingzhi-main .dingzhi-box03 ul li{text-align:center; width:100%;}
.dingzhi-main .dingzhi-box03 li img{ max-width:100%;}


.pro-box{ padding:0px;}
.pro-box .pro-in {  width: 100%;}
.pro-box .pro-img{ width:100%; height:auto; }
.pro-box .pro-img img{ width:100%; max-height:auto !important;}
.pro-box .pro-text{ width:50%; padding:0px 10px; margin-top:20px; }


.pro-details{ width:calc(100% - 20px); margin-top:60px;}
.details-left{ width:100%;border-right:none;}
.details-left li{ font-size:16px; line-height:80px; height:80px;}
.details-right{ width:100%; border-top:1px solid #ccc;}

.canshu-box{ margin:60px auto 60px;}
.canshu-box ul{ display:flex; flex-wrap:wrap;}
.canshu-box ul li{ width:50%; padding:10px 10px;}

.pro-inners h3{ font-size:24px;}

.pro-inner{margin:60px auto 0px}
.pro-inner .wrap{ width:100%;}
.pro-inner .p_wrapper{ width:calc(100% - 40px);    margin: 0px 20px 20px 20px;}
.pro-inner .p_wrapper img{ min-width:100% ; width:100% !important; max-height:220px;}

.appsCon{ display: none;}
.appsCon-m{ display: block !important; margin:60px auto 60px}
.appsCon-m .scroll{height:380px;position:relative;}
.appsCon-m .scroll li{width:580px;height:380px;float:left; margin:0px 0px;}
.appsCon-m .scroll li img{ object-fit:cover; height:370px; width:100%; border-radius:5px;}

.por_info_list{padding: 0px 0px 60px 0px;}
.por_info_list .wrap{ width:100%; box-shadow:none;}
.por_info_list .port_li { width:calc(100% - 20px) !important; margin:5px 10px; border-right:none;}

.products-box01 { padding: 60px 0px;}
.products-box01 .tit ul li{ width:50%; margin:0px 0px; text-align:center;}
.products-box01 .port_li{ width:100% !important;}

.products-box02{ width:100%; margin-bottom:60px;}
.products-box02 .left{width:100%;}
.products-box02 .right{width:100%; text-align:center;}
.products-box02 .right img{ width: 90%;  margin:10px 0;  height: auto;}
.products-box02 .mid{width:100%;}
.products-box02 .bottom img {   height: 100px;   margin: 0px 10px;}

.products-box03{ width:100%;display: flex;}
.products-box03 .left{width:50%; padding:60px 20px; height:auto;}
.products-box03 .left h2 {  font-size: 18px;  margin-bottom: 30px;}
.products-box03 .left p {  font-size: 14px;  line-height: 30px;}
.products-box03 .right{width:50%; text-align:center;height: auto; display:flex; align-items:center;}
.products-box03 .right img { width: 100%;}

.products-box04{ width:100%;}
.products-box04 ul{    display: flex; flex-wrap: wrap;}
.products-box04 ul li { margin: 10px 5px;width: calc(50% - 10px);  }
.products-box04 ul li h3{ line-height:normal; margin-top:5px; }
.products-box04 ul li img{ width:100%;height: 180px;}

.products-box05 ul li{ width: calc(100%/8);; margin: 10px 0px;}
.products-box05 dl { display:flex; width:100%;}
.products-box05 dl dd{ margin-right:0px;}
.products-box05 dl dd .l_img{ width:100px; height:80px;}
.products-box05 dl dd .l_img img{ width:100%;}
.products-box05 a.more span{ font-size:16px;}


.xmfa_main.w1200{width:100% !important;}
.xmfa_main .xmfa_showimg {  margin: 60px 0px 50px 0px;}
.xmfa_main .xmfa_showimg dt{width:100%;text-align: center;}
.xmfa_main .xmfa_showimg dt img {  width: 80%;   height: 400px;}
.xmfa_main .xmfa_showimg dd {width: 100%;padding: 30px 20px 0px 20px;}
.xmfa_main .xmfa_showimg dd h3 {   font-size: 20px;   font-weight: bold;}
.xmfa_main .xmfa_showimg dd ul {     width: calc(100% + 0px);   transform: translatex(0px);}
.xmfa_main .xmfa_showimg dd ul li span{font-size:18px;}
.xmfa_main .xmfa_showimg dd ul li div {   width: 100%;}
.xmfa_main .xmfa_pics {  margin: 0px 0px 50px 0px;}
.xmfa_main .xmfa_pics ul img {   height: 300px;   width: calc(100%/2);   object-fit: cover;}

.xmfa_main .xmfa_changjing .cj_img ul li img {   height: 300px;   width: 100%;   object-fit: cover;}
.xmfa_main .xmfa_changjing .cj_img ul li {   margin: 0px 0px 30px 0px;  width: calc(100%/2);}

.lianxi{ width:100% !important;}
.lianxi .wrap{padding:50px 20px 50px 20px !important; }
.lianxi_l{width:100% !important;}
.lianxi_r{width:100% !important;}
.lianxi_r img{width:100% !important;}

.news-content li h3 { font-size: 18px;}


}