@charset "utf-8";
/*悬浮icom*/
@font-face {
  font-family: 'iconfont';  /* project id 1295426 */
  src: url('//at.alicdn.com/t/font_1295426_cbl8imvboxs.eot');
  src: url('//at.alicdn.com/t/font_1295426_cbl8imvboxs.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1295426_cbl8imvboxs.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1295426_cbl8imvboxs.woff') format('woff'),
  url('//at.alicdn.com/t/font_1295426_cbl8imvboxs.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1295426_cbl8imvboxs.svg#iconfont') format('svg');
}
/*@font-face {*/
  font-family: 'iconfont';  /* project id 1436455 */
/*  src: url('//at.alicdn.com/t/font_1436455_2iuhqjn4lwa.eot');*/
/*  src: url('//at.alicdn.com/t/font_1436455_2iuhqjn4lwa.eot?#iefix') format('embedded-opentype'),*/
/*  url('//at.alicdn.com/t/font_1436455_2iuhqjn4lwa.woff2') format('woff2'),*/
/*  url('//at.alicdn.com/t/font_1436455_2iuhqjn4lwa.woff') format('woff'),*/
/*  url('//at.alicdn.com/t/font_1436455_2iuhqjn4lwa.ttf') format('truetype'),*/
/*  url('//at.alicdn.com/t/font_1436455_2iuhqjn4lwa.svg#iconfont') format('svg');*/
/*}*/
.iconfont{
    display:inline-block;
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}


.layui-layer {transition: none;}
/* title */
.index-title{ position:relative; z-index:9; padding-bottom: 60px;}
.index-title h3 {position: relative; margin: 30px 0 20px; font-size: 42px; line-height: 1.4; color: var(--default); font-weight: bold;}
.index-title h3 span{display: block;}
.index-title h4 { max-width: 580px; margin-bottom: 10px; font-size: 18px; line-height: 1.4; color: #666;}
.index-title p { font-size: 24px; line-height: 30px; color: #777; text-transform: uppercase;}
/*  */
.index-title-white h3,
.index-title-white h4,
.index-title-white p {color: #fff;}
/*  */
.index-banner .swiper-slide img {width: 100%;background-color: #eee;}
.index-banner .swiper-pagination span {width: 15px;height: 15px; background-color: #fff;}
.index-banner .swiper-pagination .swiper-pagination-bullet-active {background-color: var(--fuColor);}

@media (max-width:768px) {
    .index-banner{margin-top:50px;}
}
/* product */
.index-product ul li{margin-bottom: 80px;}
.index-product-title h3{ justify-content:space-between; align-items:center; margin-bottom:30px; font-size: 36px; color: var(--default);}
.index-product-title h3 a{ display:inline-block; padding:0 40px; line-height:50px; font-size: 16px; color:var(--default); border:1px solid var(--default); border-radius:50px;}

.index-product-title h3 a:hover{background-color:var(--default); color:#fff;}

@media (max-width:1600px) and (min-width:1400px) {
    .index-product-title h3{ font-size: 28px;}
}

@media (max-width:1400px) {

	.index-product-title h3{ font-size: 26px;}
}

@media (max-width:860px) {
	.index-product ul li{margin-bottom: 50px;}
	.index-product-title h3{ font-size: 24px;}
}

.index-product-item{align-items: center; justify-content: space-between; padding: 30px 40px;}
.index-product-pic {padding: 0 40px; text-align: center;}
.index-product-pic div{display:inline-block; max-width:340px; background-color:#fff; border-radius: 50% 0 50% 50%; overflow:hidden;}
.index-product-pic div img{max-width: 100%;}

.index-product-desc{flex:1; padding: 0 40px;}
.index-product-desc p{ line-height: 1.8; font-size: 18px; color:#666;}
.index-product-desc a{ margin-top:35px; display:inline-block; padding:0 30px; line-height:40px; color:var(--default); border:1px solid var(--default); border-radius:50px;}
.index-product-desc a:hover{background-color:var(--default); color:#fff;}

.index-product ul li:nth-child(1) .index-product-item{background-color: #E1E4EB; border-radius: 0 100px 0 0;}
.index-product ul li:nth-child(2) .index-product-item{ flex-direction: row-reverse;  background-color: #FFE6C9; border-radius: 0 0 100px 0;}

@media (max-width:1200px) {
	.index-product-item{padding: 30px 20px;}
	.index-product-pic {padding: 0 20px; width: 50%;}
	.index-product-desc{ padding: 0 20px;}
	.index-product-desc p{ font-size: 16px; }
	.index-product ul li:nth-child(1) .index-product-item{ border-radius: 0 60px 0 0;}
	.index-product ul li:nth-child(2) .index-product-item{ border-radius: 0 0 60px 0;}
}

@media (max-width:768px) {
	.index-product-pic ,
	.index-product-desc{padding: 0 20px; width: 100%;}
	.index-product-desc p{ margin-top:25px; font-size: 16px; }
	.index-product ul li:nth-child(1) .index-product-item,
	.index-product ul li:nth-child(2) .index-product-item{ border-radius: 0 0 60px 0;}
	
	.index-product-pic{padding:0;}
	.index-product-pic{text-align:right; }
	.index-product-pic div{transform: translate(20px , -30px);}
	
	.index-product ul li:nth-child(1) .index-product-item .index-product-pic{text-align:left; }
	.index-product ul li:nth-child(1) .index-product-item .index-product-pic div{transform: translate(-20px , -30px); border-radius: 0 50% 50% 50%; }
}

@media (max-width:640px) {
	.index-product-pic,
	.index-product-desc{padding: 0; width: 100%;}
}
/* news */
.index-news{position: relative; padding-bottom:50px;}
.index-news .swiper-pagination{width: 100%; bottom:10px;}
.index-news .swiper-pagination span { margin:0 5px; background-color: #B9C1CF; opacity: 1; transform:scale(1.4);}
.index-news .swiper-pagination .swiper-pagination-bullet-active {background-color: #093655;}
.index-news .swiper-container .swiper-slide{padding: 30px 80px}

.index-news-item{ justify-content:space-between; padding: 30px 40px; box-shadow: 10px 10px 21px 1px rgba(26, 19, 17, 0.2); border-radius: 0px 0px 50px 0px;}
.index-news-pic {padding: 0 40px;}
.index-news-pic div{display:inline-block; max-width:340px; background-color:#fff; border-radius: 50% 0 50% 50%; overflow:hidden;}
.index-news-pic div img{max-width: 100%;}

.index-news-desc{flex:1; padding: 0 40px; justify-content:space-between; flex-direction:column;}
.index-news-desc h3{font-size: 24px; color:var(--default);}
.index-news-desc p{ margin-top:25px; line-height: 1.8; font-size: 18px; color:#666;}
.index-news-more {justify-content: space-between; align-items:center; width: 100%; }
.index-news-more span{font-size: 18px;}
.index-news-more a{ display: inline-block; padding: 0 30px; line-height: 40px;background: #FFF;border-radius: 28px;border: 1px solid var(--default); color: var(--default)}
.index-news-more a:hover{ background: var(--default); color:#fff;}

@media (max-width:1300px) {
	.index-news .swiper-container .swiper-slide{padding: 20px 60px}
	
	.index-news-item{padding: 30px 20px;}
	.index-news-pic {padding: 0 20px; width: 50%;}
	.index-news-desc{ padding: 0 20px;}
	.index-news-desc p{ font-size: 16px; }
	
	.index-news-more { margin-top: 25px;}
	.index-news-more span{font-size: 16px;}
	.index-news-more a{ padding: 0 20px; line-height: 40px ;}
}

@media (max-width: 960px) {
	.index-news-item{padding: 30px 10px;}
	.index-news-desc h3{font-size: 20px; color:var(--default);}
	.index-news-desc p{ max-height:140px; overflow: hidden;}
}

@media (max-width: 768px) {
	.index-news-item{padding: 30px 10px;}
	.index-news-pic {width: 100%; text-align:center;}
	
	.index-news-desc{ margin-top:25px; width: 100%;}
	.index-news-desc h3{text-align: center;}
}

@media (max-width: 480px) {
	.index-news .swiper-container .swiper-slide{padding: 0;}
	.index-news-item{ padding: 20px; box-shadow: none; border-radius:0;}
}
/* contact */
.index-contact-bg{ padding-bottom:150px; background: linear-gradient(0deg, #D1D6E0 0%, #DCDFE7 13%, #EFF1F4 41%, #FBFBFC 70%, rgba(255, 255, 255, 0) 100%);}
.index-contact{max-width:1300px; margin:0 auto; justify-content:space-between;}
.index-contact-pic{width: 37%;}
.index-contact-pic img{width:100%;}

.index-contact-box{width: 60%; padding: 40px 50px; justify-content: space-between; flex-direction: column; background: linear-gradient(90deg, #F18D00 16%, #F29500 32%, #F7AE00 59%, #FED500 92%, #FFD900 95%); color:#fff;}

.index-contact-box-top h3{font-size: 24px; }
.index-contact-box-top p{ margin-top:25px; font-size: 18px; line-height:1.6; }

.index-contact-box-bottom{width: 100%; justify-content: space-between; align-items:flex-end;}
.index-contact-info ul li{margin-top:15px;}
.index-contact-info ul li p{font-size: 18px;}

.index-contact-wx{text-align: center;}

.index-contact-wx h3{margin-top:15px; font-size:14px; line-height:1.4;}
.index-contact-wx img{max-width: 140px;}

@media (max-width:1200px) {
	.index-contact-box-bottom{ display: block; margin-top:25px; }
	.index-contact-wx{text-align: left; margin-top:25px;}
}

@media (max-width:860px) {
	.index-contact-box{ padding: 20px;}
	.index-contact-box-top h3{font-size: 24px; }
	.index-contact-box-top h3 img{ width: 24px; }
	.index-contact-box-top p{ margin-top:15px; font-size: 16px; }
	
	.index-contact-info ul li p{font-size: 14px;}
	.index-contact-wx h3{ font-size: 14px;}
}

@media (max-width:640px) {
	.index-contact-bg{ padding-bottom:50px;}
	.index-contact-pic,
	.index-contact-box{width: 100%;}
}