@charset "utf-8";

@import url('reset.css?v=0.028');

@import url('animate.min.css?v=0.026');

@import url('swiper-bundle.min.css?v=0.0252');

*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

input,select,button,textarea{ font-family:"AlibabaPuHuiTi","微软雅黑"; }

body{font-family:"AlibabaPuHuiTi","微软雅黑";  background-color: #fff; font-size: 14px; color: #333333;}

a{background:transparent;text-decoration:none;color:#000}a:active,a:hover{outline:0}a:hover{text-decoration:none;}

.wrapper{width: 1400px; margin: 0 auto;}

.wrapper-fluid{width: 90%; margin: 0 auto;}

.ts{text-transform:uppercase}

.mauto{margin:0 auto}

.pf{position: fixed; z-index: 1;}

.pz{position:relative; }

.pa{position:absolute;z-index: 1999}

.bz{box-sizing:border-box}

.b,.fb{font-weight:bold}

.i{font-style:italic}

.hidden{display:none !important}

.cb{clear:both}

.vs{overflow:visible !important}

.bai{ background:#FFFFFF;}

.flex{display: -webkit-box; display: -webkit-flex; display: flex;}

.flexCenter{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}

.flexJc{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center;}

.flexAc{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;}

.flexColumn{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: column;}

.flexWrap{display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap;  justify-content: flex-start;}

.flexJb{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap;}

.flexRight{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: flex-end;}

.ov{overflow: hidden;}

.transition,.transition *{transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;}

.ellipsis{text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden;}

table{border-collapse: collapse;}

table td{border: 1px solid #bbbbbc;}

.textCenter{text-align: center !important;}

.textRight{text-align: right;}

.db{display: block;}

.clear{clear: both;}

img{max-width: 100%;}

.w80{width: 80%; margin:0 auto}

.hui{ background:#f5f5f5;}

/*animation*/

.scaleImg{overflow: hidden;}

/*.scaleImg img{border-radius:15px;}*/

.scaleImg img,.scaleImg:hover img{transition: all 1s;}

.scaleImg:hover img{transform: scale(1.1);}

.textEllipsis{

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}

.line6 {

    -webkit-line-clamp: 6;

}

.line5 {

    -webkit-line-clamp: 5;

}

.line4 {

    -webkit-line-clamp: 4;

}

.line3 {

    -webkit-line-clamp: 3;

}

.line2 {

    -webkit-line-clamp: 2;

}

.line1 {

    -webkit-line-clamp: 1;

}

.zoom {

  display:inline-block;

  position:relative;

}



/*头部*/

header{ position:fixed; left:0; top:0; width:100%; height:77px; background:#fff; z-index: 999 !important; transition: all .25s ease-in-out;}

header.active{box-shadow: 0 2px 6px rgba(115,115,115,.2);}

.logo{ width:100px; padding:6.5px 0;}

.head-menu-item{position:relative;}

.head-menu-item a.nav-link{font-size:16px; line-height:77px; height:77px; padding:0 30px; }

.head-menu-item:hover,.head-menu-item.active{ background:#23150c;}

.head-menu-item:hover a.nav-link,.head-menu-item.active a.nav-link{ color:#FFFFFF;} 

.menu_down{

	display: none;

	position: absolute;

	left: 0;

	top:77px;

	z-index: 9;

	width: 200px;

	background:rgba(255,255,255,.89);

	/*transform: skewX(20deg);*/

	/*box-shadow: 0 2px 6px rgba(115,115,115,.2);*/

}

.menu_down a.link{

	width: 100%;

	line-height: 24px;

	padding: 12px 15px; 

	display:block;

	font-size: 16px;

	border-bottom: 1px solid #dcdcdc; 

	position:relative;

}

.menu_down a.link:last-child{

	border: 0;

}

.menu_down a.link:hover{

	color: #fff;

	background: #23150c;

}

.menu-product-down{width:100%; background:#FFFFFF; top:76px; height:auto;}

.pcategory{width:200px; padding-bottom:20px;}

.pcategory-item{margin-top:20px;}

.pcategory-item a{font-size:18px;}

.pcategory-item.active a,.pcategory-item.active a:hover{font-weight:bold;}

.nproduct-con{width:calc(100% - 250px); border-left:#f5f5f5 solid 1px; padding-bottom:20px; padding-left:30px;}

.nproduct-list{display:none;}

.nproduct-list.active{ display:block;}

.nproduct-item{width:calc((100% - 80px) / 4); margin-left:20px;  padding:20px; }

.nproduct-item:hover{ background:#f5f5f5; border-radius:10px;}

.nproduct-item-img img{ width:100%; }

.nproduct-item-tit{ text-align:center; font-size:16px; margin-top:6px;}

.nproduct-item-tit a:hover{ color:#3ca7ec;}





.head-menu-search{width:60px; position:relative; line-height:33px; height:33px; text-align:right;  border-left:#dddddd solid 2px; margin-top:22px; }

.head-menu-contact{width:60px; position:relative; line-height:33px; height:33px; text-align:right; margin-right:40px; padding:22px 0;}

.head-menu-lan{width:100px; position:relative; line-height:33px; height:33px; text-align:center; color:#999999; background:#f7f7f7; border-radius:10px;  margin-top:22px;}

.head-menu-search .icon-sousuo,.head-menu-search .icon-close,.head-menu-lan .iconfont ,.head-menu-contact .iconfont { cursor:pointer; color:#3b3b3b; font-size:24px; }

.head-menu-lan .iconfont{color:#999999;margin-right:5px;}

.index-search,.index-tel{

    display: none;

	position: absolute;

	right:0;

	top:54px;

	z-index: 9;

	width: 350px; 

	background:rgba(255,255,255,.89);

	padding: 15px 20px; 

	line-height:35px;

	box-shadow: 0 2px 6px rgba(115,115,115,.2);

}

.index-tel{ width: 270px;  font-size:20px; right:-20px; top:77px;}

.index-tel .icon-dianhua{ margin-right:10px;}

.index-search.active,.index-tel.active{

    display:block;

}

.sf{ color:#FF0000; font-weight:bold;}





.index-search-input{width:calc(100% - 56px); height:46px; }

.search-ips{border-radius:10px 0 0 10px; border:#dddddd solid 1px; width:100%; height:46px; font-size:16px; line-height:35px; padding:0 10px 0 15px;}

.index-search-bth{height:46px; line-height:35px;}

.isearch-bth{ border:none; background:#23150c url(../images/search.png) 15px center no-repeat; color:#FFFFFF; padding:0 15px 0 32px;; border-radius:0 10px 10px  0; height:46px; line-height:35px; font-size:16px; letter-spacing:2px; width:56px;}

.m-navbth{display: none;}

.nav_box {

    background: #fff;

    width: 100%;

    position: absolute;

    top: 77px; 

	z-index: 9991 !important;

    display: none;

    padding-bottom: 50px;

	animation: fadeIn .5s;-moz-animation: fadeIn .5s;-webkit-animation: fadeIn .5s;-o-animation: fadeIn .5s;

}

.nav_box.nav_show {

    display:block;

}

.head-main{

	margin:0px auto;

	width:94%;

}

.head-nav{ width:80px;}

.head-nav .nav_item .title{

	line-height:50px;

	position:relative;

}

.head-nav .nav_item .title a{

	color:#333;

	font-size:16px;

	font-weight:normal;

}

.head-nav .nav_item.active .title a{ font-weight:bold;}

.head-con{width:calc(100% - 80px); border-left:#ececec solid 1px;  }

.head-wcon{ display:none; overflow-x: scroll; height:calc(100vh - 90px); padding-left:10px;    }

.head-wcon.active{ display:block; padding-right:10px; }

.mpro-category{ font-size:20px; margin-left:10px; margin-top:10px;}

.mpro-item{width:calc((100% - 30px) / 2); margin-left:10px; background:#f5f5f5; border-radius:10px; text-align:center; margin-top:10px;}

.mpro-item-img {padding:10px;}

.mpro-item-tit{ padding-bottom:10px;}

.nav2item a{border-bottom:#ececec solid 1px; display:block; line-height:50px; font-size:16px;}





/*轮播图*/

.indexbanner,.index-b-products,.index-pcategory,.index-products,.index-gongshi{width:100%;}

.indexbanner{ position:relative; margin-top:77px;}

.indexbanner .swiper-slide img,.ithree-limg .slider-slide img{ width:100%;}

.indexbanner .swiper-bottom{ position:absolute; width:600px;  left:13%; bottom: 60px; z-index:9;}

.indexbanner .swiper-pagination{width:300px;  text-align:right; right:13%; left:auto; bottom: 60px;}

.indexbanner .swiper-button-prev,.indexbanner .swiper-button-next{position:relative; width:50px; height:20px; color:#FFFFFF; top:0; margin-top:0; font-weight:bold; font-style:italic;}

.indexbanner .swiper-button-prev .icon-jiantou,.indexbanner .swiper-button-next .icon-jiantou{ font-size:20px;}

.indexbanner .swiper-button-prev .icon-jiantou,.precursor .swiper-button-next .iconfont,.story-advantage .swiper-button-next .iconfont{transform: rotate(180deg);}

.indexbanner .swiper-bottom-c{  margin:0 20px; width:30px; height:20px; padding-top:9.75px; }

.indexbanner .swiper-bottom-c .h{ width:100%; height:1.5px; background:#FFFFFF;}

.indexbanner .swiper-button-next:after,.indexbanner  .swiper-button-prev:after,.precursor .swiper-button-next:after,.precursor .swiper-button-prev:after,.story-advantage .swiper-button-next:after,.story-advantage .swiper-button-prev:after{display:none;}

.ithree-limg .swiper-pagination-bullet{

	 width: 10px;

	 height: 10px;

}

.indexbanner .swiper-pagination-bullet{

     opacity: 1;

	 width: 10px;

	 height: 10px;

	 background: #fff;

	 display:inline-block;

	 vertical-align:middle; 

	 margin:0 3px;

	 border: 1px solid #fff; 

	 border-radius: 50%; 

	 background-clip: content-box;

}

.indexbanner .swiper-pagination-bullet-active{

    width: 20px;height: 20px;padding: 5px;background-color: #fff;border-width: 2px;

}

.indexbanner-con{z-index:9; width:600px;  position:absolute; top:12%; left:14.5%;}

.indexbanner-con-t{

  font-size: 76px; 

  letter-spacing:2px;

  line-height: 1; 

  font-weight:bold;

  color:#FFFFFF;

}

.indexbanner-con-c{ margin-top:30px; line-height:1.4; font-size:36px; color:#FFFFFF;}

.indexbanner-con-c span{ color:#a1a3a9; text-transform:uppercase; font-size:18px;}



	

	

/*首页产品one*/	

.index-one-text{width:39%;}

.index-one-pic{ width:61%;}

.index-one-pic img,.index-two-pic img,.index-three-pic img{ width:100%;}

.index-one-cs span{ background:#3ca7ec; color:#fff; font-size:24px; padding:3px 8px; font-family:Arial, Helvetica, sans-serif;}

.index-one-title{ font-size:46px; line-height:1.4; font-weight:bold; margin-top:20px;}

.index-one-con{ font-size:18px; line-height:1.4; color:#999999; margin-top:40px; }

.index-one-more{margin-top:40px;}

.one-more,.about-more{color:#fff; text-align:center; width:26px; height:26px; line-height:26px; border-radius: 50%; background:#333333; margin-right:6px; }

.about-more{color:#000; background:#fff;}

.one-more .iconfont,.about-more .iconfont{ font-size:20px;}  

.index-one-more a,.index-about-more a{color:#333333; font-size:16px; text-decoration:underline; line-height:26px; }

.index-one-more a:hover,.index-about-more a:hover{color:#3ca7ec}

.index-about-more a{color:#fff;}

.index-one-limg{ margin-top:20px;}

.index-one-limg img{ max-width:60%;}

.index-wone{flex-flow: row-reverse wrap;}



/*首页产品two*/	

.index-two-pic{ width:50%;}

.index-two-text{width:50%;}

.index-two-text-w{width:calc(700px - 50px); padding-left:50px;}





/*首页产品three*/	

.index-three{background: linear-gradient(to bottom,#f5f5f5,white); padding:60px 0;}

.index-three-text{width:50%; position:relative; z-index:2; padding-top:100px;}

.index-three-pic{ width:50%;}

.ithree-limg{position:absolute; z-index:2; left:0; bottom:50px; width:calc(100% + 100px); }
.ithree-limg .slider{ padding-bottom:40px;}

.ithree-limg .slider-slide{/*box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);*/ background:#FFFFFF;  margin:0 5px; border:#CCCCCC solid 1px;}
.ithree-limg .slick-track
{
    margin: 0;
}


.ithree-limg .slick-dots
{
    bottom:0;
    text-align: left;
}
.ithree-limg .slick-dots li
{
    width: 20px;
    height: 20px;
    margin: 0 2px;
}
.ithree-limg  .slick-dots li button:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
	background: #e3e2e2;
	border-radius: 50%; 
    content: '';
    opacity:1;
}    
.ithree-limg .slick-dots li.slick-active button:before
{
    background: #3ca7ec;
}



/*首页产品four*/	

.index-four{background:#f5f5f5; padding:60px 0;}

.index-four-title{ font-size:40px; text-align:center; margin-top:-100px; font-weight:bold;}

.index-two-text-w{width:calc(700px - 50px); padding-left:50px;}

.precursor{ position:relative; margin-top:50px;}

.precursor .swiper-container{width:calc(100% - 200px);}

.precursor-item-img{width:50%;}

.precursor-item-img img,.index-about img,.index-newsitem img{ width:100%;}

.precursor-item-text{width:calc(50% - 50px);}

.precursor-title{ font-size:36px; font-weight:bold;}

.precursor-title span{ color:#3ca7ec}

.precursor-desc{ font-size:24px; position:relative;}

.precursor-desc:after {

	content: "";

    display: block;

    width: 50px;

    height: 2px;

    background-color: #c5c5c5;

    position: absolute;

	bottom:-10px;

    left:0;

}

.precursor-con{ margin-top:30px; font-size:16px; color:#999999;}

.precursor .swiper-button-prev,.precursor .swiper-button-next{ border:#efefef solid 1px; width:50px; height:50px; color:#d0d0d0; background:#FFFFFF; margin-top:-26px; }

.precursor .swiper-button-prev:hover,.precursor .swiper-button-next:hover{color:#fff; background:#3ca7ec;}



/*首页关于我们*/	

.index-five{ padding:50px 0;}

.index-about{position:relative;}

.index-about-text{position: absolute; z-index:2; color:#FFFFFF; width:80%; height:100%; left:5%; text-align:center; top:0;}



.index-about-logo img,.index-about-clogo img{ max-width:100%; width:auto;}

.index-about-clogo{display:none;}

.index-about-con{margin-top:20px;}

.index-about-more{margin-top:40px;}



/*首页新闻资讯*/	

.index-news{ margin-bottom:50px;}

.index-news-tit{text-align:center; font-size:36px; font-weight:bold;}

.index-newsitem{width:calc((100% - 60px) / 3); margin-right:30px; margin-top:20px;}

.index-newslist .index-newsitem:nth-child(3n){margin-right:0;}

.index-newslist .index-newsitem:nth-child(4){ display:none;}

.index-newsitem-title{ font-size:16px; margin-top:10px; font-weight:bold;}

.index-newsitem-con{margin-top:10px; color:#999999;} 

.index-newsitem-time{margin-top:10px; color:#999999;}

.index-newsitem-title a:hover{color:#3ca7ec}



/*底部*/	

footer{background:#2c2c2c; padding-top:50px;}

.ft{ padding-bottom:20px;}

.ft-logob img{ width:130px;}

.ft-wz{color:#FFFFFF; margin-top:20px;}

.ft-navitem,.ft-contact{margin-right:70px;}

.ft-navitem-tit{ color:#FFFFFF; font-weight:bold; font-size:16px; }

.ft-navitem-tit .icon-close{ display:none;}



.ft-disc{width:6px; height:6px; border-radius: 50%; background:#FFFFFF; margin-right:10px;  }

.ft-navitem-son{margin-top:8px;  padding-left:16px;}

.ft-navitem-son a{display:block; color:#929292; line-height:30px; }

.ft-contact-con{color:#929292; padding-left:16px; line-height:30px; margin-top:8px;}

.ft-copy{border-top:#565656 solid 1px; padding:15px 0;}

.copy{color:#929292; line-height:1.6; padding:17px 0;}

.copy a{color:#929292; }

.social-icons a .iconfont{color:#929292; font-size:28px;}

.ft-copy a:hover,.social-icons a:hover .iconfont{ color:#FFFFFF;}

.ft-wx-w{ background:#FFFFFF; border-radius: 10px; width:120px; height:120px; padding:5px; }

.ft-wx-w img{ width:100%;}



/*内页banner*/

.page-banner{margin-top:77px; position:relative;}

.page-banner img,.news-list .news-item .news-item-img img{ width:100%;}

.page-cate{ background:url(../images/down-tips.png) left top no-repeat; padding-left:20px; font-size:32px; font-weight:bold; line-height:1; border-bottom:#dddddd solid 1px; padding-bottom:35px; letter-spacing:2px;}

.page-banner-con{z-index:9; width:100%;  position:absolute; top:0; left:0; height:100%; color:#FFFFFF;}

.page-banner-wcon{ margin-left:58%;}

.page-banner-con-t{

  font-size: 56px;

  line-height: 1; 

  font-weight:bold;

}

.page-banner-con-t span.lanse{color:#3ca7ec; margin-left:20px;}

.page-banner-con-t{ display: -webkit-box; display: -webkit-flex; display: flex; align-items:flex-start;}

.page-banner-con-t span.lanya{ background:#3ca7ec; color:#FFFFFF; font-size:18px; margin-left:20px; padding:5px 10px; font-weight:normal; border-radius:25px; top:0; }

.page-banner-con-c{ margin-top:20px; line-height:1.4; font-size:28px; letter-spacing:3px;}

.page-banner-wcon{ margin-left:58%;}

.page-banner-cate-ctitle{font-size:16px; position:relative; padding-bottom:30px; }

.page-banner-cate-ctitle:after {

	content: "";

    display: block;

    width: 30px;

    height: 1px;

    background-color:#fff;

    position: absolute;

	top:45px;

    left:0;

}

.page-banner-cate-title{ font-size:38px; line-height:1; font-weight:bold;}

.page-banner-category{margin-top:15px;}

.page-banner-category .category-item{ border:#CCCCCC solid 1px; border-radius:25px; color:#FFFFFF; line-height:46px; padding:0 30px; margin-right:25px; background:rgba(0,0,0,.25); font-size:18px; margin-top:15px;   }

.page-banner-category .category-item.current,.page-banner-category a.category-item:hover{border:#3ca7ec solid 1px; background:#3ca7ec;}





/*下载*/

.page-case{ margin:-80px 0 60px; position:relative; z-index:2;}

.page-wcase{ background:#FFFFFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);  padding:50px;}

.down-item{border-bottom:#dddddd solid 1px; padding:20px 0;}

.down-item-down a{ background:#000000; border-radius:20px; color:#FFFFFF; padding:5px 20px;;}

.down-item-down .iconfont{ margin-right:6px;}

.down-item-title{ font-size:18px; line-height:1.4;}

.down-item-title .iconfont{ margin-right:6px; font-size:28px; }

.down-item-down a:hover{ background:#3ca7ec;}



/*新闻*/

.page-case h1{font-size:28px; line-height:1.5; margin:15px 0 0;}

.news-info-tips{color:#b6b5b5;  padding-bottom:8px; border-bottom: 1px solid #b2b2b2;}

.news-info,.page-info{ margin:30px auto 50px; }

.news-info-detail{ padding:20px 0; line-height:32px; font-size:16px;}

.news-info-detail img{ max-width:100%;}

.rsLink{ border-top: 1px solid #dcdcdc; padding-top:20px; margin-top:10px;}

.prevLink,.nextLink{ line-height:40px; font-size:16px;}

.cate-back{ background:#3ca7ed; color:#FFFFFF; line-height:40px; border-radius:18px; font-size:16px; padding:0 20px; }

.cate-back:hover{ background:#2c2c2c; }

.news-list .news-item{

	padding:35px 0; border-bottom: 1px solid #b2b2b2; width:100%;

}

.news-list .news-item:last-child{ border:none;}

.news-list .news-item .news-item-img{ width:30%;}

.news-list .news-item .news-item-info{ width:calc(70% - 180px);}

.news-item-date{ font-size:56px; line-height:1; width:80px; }

.news-item-date .idate{ font-size:16px; color:#999999; margin-top:10px; padding-left:5px;}

.news-item-info-tit{

	 font-size:22px; line-height:1.3;

}

.news-item-info-con{

	line-height:1.5; margin-top:15px; color:#999999; 

}

.news-item-info-more{ background:url(../images/news-more.png) no-repeat; margin-top:30px; width:49px; height:49px;}

.news-list .news-item a:hover .news-item-info-more{ background:url(../images/news-more-hover.png) no-repeat;}

.news-list .news-item a:hover .news-item-info-tit{ color:#3ca7ed;}

.news-info h1{font-size:28px; line-height:1.3; margin-bottom:15px;}





/*分页*/

.page-pages{ text-align:center;  border-top:#b2b2b2 solid 1px; padding-top:30px; margin-bottom:50px; } 

.page-pages a{ color: #242424;

    font-size: 14px;

    line-height:30px; 

	background:#FFFFFF; 

	height:30px;

    border: 1px solid #dcdcdc;

    padding: 7px 15px;

    margin: 0 4px 4px; border-radius:5px;}

.page-pages a:hover,

.page-pages a.hover{

	color: #fff;

	background: #3ca7ec;

	border-color: #3ca7ec;

}



/*产品 WY960*/

.product-onea,.product-oneb{padding-top:50px;}

.shuangyin-l{width:calc(39% - 50px);}

.openness-item{ margin-top:50px;}

.openness-item-title{font-size:22px; position:relative; margin-right:15px;}

.openness-item-title:after {

	content: "";

    display: block;

    width: 30px;

    height: 2px;

    background-color:#343434;

    position: absolute;

	top:50px;

    left:0;

}

.openness-item-img{ margin-top:45px;}

.openness-item-img img,.lingting-aimg img{ max-width:100%;}

.shuangyin-r{ width:61%;}

.shuangyin-r img,.product-oneb img,.feature-img img,.feature-a img,.feature-b-img img,.product-oned img,.technology-img img,.f-img img,.two-item-img img,.f-banner img,.f-pitem-img img,.products-down img,.lingting-r img{width:100%;}

.product-onec{ margin-top:50px; padding-bottom:50px; background:#f5f5f5;}

.feature,.feature-b-img{width:50%;}

.feature-a{margin-top:100px; position:relative;}

.feature-text{ padding:80px 0 0 60px;}

.feature-title,.feature-b-tit,.two-item-title,.f-title,.ptwo-item-title{ font-size:38px; font-weight:bold; line-height:1.5;}

.feature-con,.two-item-con,.f-con,.ptwo-item-con{ margin-top:80px; color:#999999; font-size:16px;}

.feature-td{ margin-top:80px;}

.td-item-img{background:#fff; border:#dddddd solid 1px; border-radius:15px; padding:25px 20px; }

.feature-td .feature-td-item{text-align:center; margin-top:20px; }

.td-item-tit{ margin-top:25px; font-size:16px;}

.three-td{position:absolute; z-index:2; bottom:30px; left:30px; width:calc(100% - 60px);}

.three-td .three-td-item{background:linear-gradient(to bottom,white,#e6e6e7); width:calc((100% - 40px) / 3); margin-right:20px; text-align:center; padding:30px 0 20px;}

.three-td .three-td-item:nth-child(3n),.f-plist .f-pitem:nth-child(2n),.page-banner-category .category-item:last-child{margin-right:0; }

.three-item-img img{width:47px;}

.three-item-tit{margin-top:15px; font-size:18px; font-weight:bold; line-height:1.4;}

.three-item-tit span{ color:#999999; font-weight:normal; font-size:14px;}

.feature-b-tit{  width:calc(50% - 50px);  letter-spacing:2px;}

.product-oned-con{position:absolute; z-index:2; top:0; left:0; width:100%; height:100%;}

.technology{width:500px; color:#FFFFFF; padding:100px 0;}

.technology-title{font-size:38px; font-weight:bold; line-height:1.5;}

.technology-con{font-size:16px; margin:50px 0;}

.product-onee{ padding-bottom:50px;}

.two-list .two-item,.two-item-con,.f-con,.ptwo-item-con{margin-top:50px;}

.two-item-img,.f-img{width:60%;}

.two-item-text{width:calc(35% - 50px); }

.two-list .two-item:nth-child(2n),.ptwo-list .ptwo-item:nth-child(2n){

    flex-flow: row-reverse wrap;

}

.product-onef{background:#f5f5f5; padding:100px 0;}

.f-plist{background:rgba(202,202,204,.2); margin-top:-370px; z-index:1; position:relative; padding:20px 70px 70px 70px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}

.f-plist .f-pitem{width:calc((100% - 50px) / 2); margin-right:50px; margin-top:50px; position:relative;}

.f-pitem-text{ position:absolute; z-index:3; right:30px; bottom:30px; font-size:20px; } 

.product-onek{ padding:50px 0;}

.products-parameter{ width:70%;}

.products-down{ width:320px; position:relative;}

.products-parameter-item{ background:url(../images/parameter-icon.png) left center no-repeat; padding-left:18px;  width:50%; color:#999999; line-height:55px;}

.products-parameter-item span{ color:#000000; font-size:15px; flex:1;}

.products-down-con{position:absolute; z-index:3; top:0; left:0; width:100%; height:100%; color:#FFFFFF; text-align:center;}

.products-down-icon .iconfont{ font-size:78px; font-weight:normal; line-height:1;}

.products-down-title{ font-size:18px; margin-top:10px;}

.products-down-more{ padding-top:40px;}

.products-down-more a{ background:#3ca7ec; color:#FFFFFF; padding:7px 25px; border-radius: 20px; font-size:16px;}

.products-down-more a:hover{ background:#fff; color:#000000;}



/*产品 WS6*/

.product-twoa,.sealed{margin-top:50px;}

.yinsui-l,.lingting-r{width:65%;}

.lingting-l{width:calc(35% - 50px);}

.yinsui-r{width:35%; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: column; justify-content: flex-end;}

.yinsui-l img,.lingting-bimg img,.product-twob img,.ptwo-item-img img,.product-twod img,.effect-img img,.minutia-img img{ width:100%;}

.yinsui-td{ margin-bottom:120px;}

.yinsui-td-item{width:50%; text-align:center; margin-top:50px;}

.yinsui-text{ background:#3ca7ec; text-align:center; color:#FFFFFF; padding:15px 0;}

.yinsui-title{ font-size:36px; line-height:1.2;}

.yinsui-entitle{ color:#80c6f3; text-transform:uppercase; font-size:20px; font-family:Arial, Helvetica, sans-serif; letter-spacing:3px;}

.lingting-bcon{margin-top:30px; color:#999999; font-size:16px;}

.lingting-title,.fangshui-title,.particulars-title{font-size:38px; font-weight:bold; line-height:1.5; margin-top:30px;}

.lingting-aimg,.product-twob{ margin-top:50px;}

.fangshui{ padding:100px 0 500px; color:#FFFFFF;}

.fangshui-con{font-size:16px;  width:38%; margin:0 auto; margin-top:30px;}

.ptwo-item-img{width:50%; position:relative; }

.ptwo-item-imgf{position:absolute; z-index:2; bottom:0; left:-100px;}

.ptwo-item-imgf img,.product-twod .particulars-con-img img,.pro-cimg img{max-width:100%; width:auto;}

.ptwo-item-text{width:calc(50% - 50px); }



.product-twoc,.product-twoe{ margin-top:-100px; z-index:2; position:relative;}

.particulars{padding:100px 0 150px;}
.particulars2{padding:100px 0 0;}
.effect-img2{ margin-top:50px;}
.minutia2{ padding:50px 0;}

.particulars-con-item{background:url(../images/blue-dian.png) no-repeat; padding-left:35px; line-height:25px; font-size:16px; font-weight:bold;}

.particulars-con-item .ctitle{color:#999999; font-weight:normal; padding-top:5px;}

.particulars-con{ margin-top:50px;}

.particulars-con-item.three{margin-left:50%;}

.product-twoe{background:linear-gradient(100px bottom,white,#eaeef2);}



.minutia-img{ width:58%;}

.minutia-text{width:calc(42% - 100px);}

.minutia-text-item{background:linear-gradient(to bottom,white,#f2f2f2);  border-radius:8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin-top:40px; padding:25px; }

.minutia-text .minutia-text-item:first-child{margin-top:0;}

.minutia-text-item-title{ font-size:16px; font-weight:bold; line-height:1;}

.minutia-text-item-con{color:#999999; margin-top:10px; }

.pro-cimg{ text-align:center; height:615px; }

.pro-fbottom{background:url(../images/blue-h.jpg) left top repeat-x; height:120px;}

.nobackground{ background:transparent;}

.pro-color-item{background:url(../images/d.png) left top no-repeat; cursor:pointer; padding-left:35px; font-size:16px; color:#FFFFFF; line-height:25px; margin-right:20px;}

.pro-fbottom .pro-color-item:last-child{margin-right:0;}

.pro-color-item.current{background:url(../images/d_current.png) left top no-repeat;}





/*产品 WY668*/

.lithe-img img,.noise-img img,.sealed-img img,.black-technology-img img,.outdoors-img img,.outdoors-pitem img{ width:100%;}

.lithe-text{width:55%;}

.lithe-img{ width:45%; position:relative;}

.lithe-img-text{ position:absolute; z-index:2; left:0; bottom:80px; text-align:center; width:100%;}

.lithe-img-text span{background:#3ca7eb; color:#FFFFFF; font-size:24px; border-radius:20px; padding:8px 25px; margin:0 auto; }

.noise-img,.sealed-img,.sealed-text,.outdoors-img{ width:50%;}

.noise-text,.outdoors-text{ width:calc(50% - 50px);}

.noise,.noise .feature-con{ color:#FFFFFF;}

.noise-item{margin-bottom:50px;}

.noisec .noise-item:nth-child(1){flex-flow: row-reverse wrap;}

.sealed-title{ text-align:center; padding-top:50px;}

.sealed-ctitle{ font-size:16px; text-align:center; color:#666; margin-top:20px;}

.sealed-text-img img,.outdoors-text-img img{ max-width:100%;}

.sealed-text-title{text-align:center; font-size:24px; font-weight:bold; margin-top:15px; line-height:1.6; }

.black-technology-img{ width:40%;}

.black-technology-text{ width:calc(60% - 50px);}

.round-pitem{width:calc((100% - 60px) / 4); margin-right:20px; margin-top:20px; position:relative; border:#CCCCCC solid 1px; border-radius:50%; padding:30px; background:#FFFFFF; overflow:hidden; }

.round-pitem-img img{border-radius:50%; width:100%;}

.round-pitem-text{position:absolute; z-index:2; left:0; bottom:0; width:100%; text-align:center; background:#3ca7eb; height:60px; line-height:60px; color:#FFFFFF; font-size:22px;}

.round-plist .round-pitem:nth-child(4){ margin-right:0; }

.round-pitem:nth-child(2) .round-pitem-text{background:#575761; }

.round-pitem:nth-child(3) .round-pitem-text{background:#d42c32; }

.round-pitem:nth-child(4) .round-pitem-text{background:#f45935; }

/*产品 WY18*/

.outdoors-text{ position:relative; padding-top:80px;} 

.outdoors-plist{position:absolute; z-index:2; right:0; bottom:0; width:calc(100% + 150px);}

.outdoors-pitem{width:calc((100% - 20px) / 2); border:#CCCCCC solid 1px; background:#FFFFFF;}

.outdoors-img{ position:relative;}

.fit{ padding-top:100px;}

.outdoors-text-img{ margin-top:50px;}

.protection{ height:100%; padding:80px 0;}

.protection .f-con,.protection-item{color:#FFFFFF;}

.protection-item:nth-child(2){display: -webkit-box; display: -webkit-flex; display: flex; justify-content: flex-end; margin-top:150px;}

/*产品 TWS*/

.efficient-con{ text-align:center; padding-top:50px;}

.permanently-text{ color:#FFFFFF; text-align:center; padding:400px 0 60px;}

.permanently-text .f-con{color:#FFFFFF;}





/*售后服务*/

.sale-info1{border-bottom:#dddddd solid 1px; padding:50px 0;}

.sale-info1-t{ font-size:24px; line-height:1;}

.sale-info1-c,.sale-info-contact,.sale-info-tc{margin-top:50px; font-size:16px; line-height:30px; color:#999999;}

.sale-info,.sale-info-other{ margin-top:50px;}

.sale-info-title{ font-size:38px; line-height:1;}

.warranty .warranty-item{ min-width:33.33%; margin-top:25px;}

.warranty .warranty-item:nth-child(3){width:100%;}

.warranty-item-title{ font-size:20px;  line-height:1 ; font-weight:bold;}

.warranty-item-con{ margin-top:15px;}

.wz-item{background:url(../images/blue-sdian.png) left 2px no-repeat; padding-left:22px; font-size:15px; line-height:1.4; margin-top:8px;  }

.wz-list .wz-item{ width:33.33%;}

.iservice-item{ padding-top:30px;}

.iprocess,.warranty{margin-top:25px;}

.iprocess .iprocess-item{width:calc((100% - 60px) / 4); margin-right:20px; margin-top:25px;}

.iprocess .iprocess-item:nth-child(4){ margin-right:0;}

.iprocess-item-con{ background:#f5f5f5; padding:40px 20px 20px 20px; color:#999999; font-size:15px; margin-top:-30px; height:calc(100% - 30px); }

.iprocess-item-title{ padding-right:10px;}

.iprocess-item-title .ititle{ background:#3ca7ed; color:#FFFFFF; padding:0 20px; font-size:20px; line-height:50px; border-radius:0 15px 0 0;}

.iprocess-item-con .wz-item{ color:#333333;}

.iprocess-item-con .wz-con{ padding-left:22px; font-size:15px;}

.iprocess-con-item{ margin-top:15px;}

.sale-info-contact{color:#666666;}

.sale-info-contactb{ margin:30px 0 50px; font-size:24px; line-height:1.4;}



/*电商渠道*/

.retailers{padding-top:20px;}

.retailers-item{margin-top:30px;}

.retailers-item-img{width:375px;} 

.retailers-item-zimg,.cooperation-pattern{position:relative;}

.retailers-item-zimg img,.cooperation-pattern img,.companion-img img,.appendix-item img,.why-img img{ width:100%;}

.retailers-item-con{width:calc(100% - 405px); margin-left:30px;}

.retailers-item-con .wz-item{ font-weight:bold; margin-top:0; line-height: 1.8; background:url(../images/blue-sdian.png) left 5px no-repeat;}

.retailers-item-con .wz-text{ color:#999999; margin-left:20px; line-height: 1.8;}

.retailers-item-con .market-wz-item{ margin-top:18px;}

.retailers-item-title{ position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; color:#FFFFFF; font-size:28px;}

.retailers-item-title div{width:100%;  text-align:center; }

.retailers-btitle{font-size:28px; line-height:1;}

.retailers-btitle span{ color:#3ca7ed;}

.retailers-ctitle{font-size:38px; line-height:1.2; font-weight:bold; margin-top:10px;}

.retailers-contact{ padding:10px 0 50px 0;}

.retailers-contact-img{border:#CCCCCC solid 1px; width:60px; height:60px; border-radius:50%; text-align:center;  margin-right:20px; }

.retailers-contact-img img{ width:35px;}

.retailers-contact-text{color:#999999; }

.retailers-contact-text .text-t{ color:#333333; font-size:24px; line-height:1;}

.retailers-contact-item{ margin-right:30px; margin-top:20px;}





/*渠道合作 */

.cooperation-info{padding:50px 0;}

.cooperation-background-title{ font-size:38px; width:300px; line-height:1;}

.cooperation-background-con{width:calc(100% - 350px); color:#999999; font-size:15px; }

.cooperation-background-con p{margin-top:20px;}

.cooperation-background-con p:first-child{margin-top:0;}

.pattern-info{position:absolute; z-index:2; left:0; top:0; width:100%; padding-top:50px; color:#FFFFFF;}

.pattern-info .sale-info-title,.pattern-info .sale-info-desc{text-align:center;}

.pattern-info .sale-info-desc{ margin-top:20px; line-height:1.4;}

.pattern,.science,.process,.empowerment,.sprocess{ padding-top:30px;}

.pattern .pattern-item{width:calc((100% - 30px) / 2); margin-right:30px; margin-top:25px;}

.pattern-item-title{ background:#FFFFFF; height:40px; padding:13px 25px; line-height:40px; border-radius:20px; color:#333; font-weight:bold;}

.pattern-item-con{ background:rgba(60, 167, 237, 0.85); margin-top:-20px; padding:10px 20px 20px 20px; height:calc(100% - 10px); line-height: 1.8;}

.pattern .pattern-item:nth-child(2) .pattern-item-title{background:#3ca7ed; color:#FFFFFF;}

.pattern .pattern-item:nth-child(2) .wz-item{ color:#333;}

.pattern .pattern-item:nth-child(2) .pattern-item-con{background:rgba(242, 242,244, 0.9); color:#999999;}

.pattern-wz-item{ margin-top:30px;}

.pattern-wz-item .wz-item{ width:100px; margin-top:0; line-height: 1.8; background:url(../images/blue-sdian.png) left 5px no-repeat;}

.pattern-wz-item .wz-text{ width:calc(100% - 100px);}



.science-item,.process-item{width:calc((100% - 60px) / 4); margin-right:20px; margin-top:25px; text-align:center;}

.science-item-title{ font-size:22px; padding:10px 0;}

.science-item-con{color:#999999;}

.companion,.cooperation-contact,.why,.social-contact{padding-top:50px;}

.companion-img{width:45%;}

.companion-con{width:calc(55% - 50px);}

.companion-con .wz-item{ margin-top:20px;}

.companion-con .wz-item:first-child{margin-top:0;}

.process-item{text-align:left; height:70px; color:#FFFFFF; padding:13px 0 10px 80px; line-height:1.6;}

.ipartner-company{font-size:22px; line-height:1; }

.ipartner-contact{color:#999999; margin-top:15px;}

.appendix-item{width:calc((100% - 20px) / 2); margin-right:20px; margin-top:25px; position:relative;}

.appendix-text{position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; padding-left:50px; color:#FFFFFF; font-size:18px; font-weight:bold;}

.appendix-contact,.social-wz{ padding:20px 0 50px; font-size:24px; line-height:1.6;}

.retailers-contact .retailers-contact-item:last-child,.pattern .pattern-item:nth-child(2),.science .science-item:nth-child(4),.process .process-item:nth-child(4),.appendix .appendix-item:nth-child(2){margin-right:0;}



/*社会活动 */

.sale-info-tc{ margin-top:20px;}

.why-img{ width:40%;}

.why-text{width:calc(60% - 50px);}

.why-item-con{display:none; padding-bottom:20px;}

.why-item-con .wz-item{margin-top:20px;}

.why-item{border-bottom:#dddddd solid 1px;}

.why-text .why-item:last-child{border-bottom:none;}

.why-item.active .why-item-con{display:block;}

.why-item-title{ height:78px; font-size:24px;  line-height:78px;  }

.expand{ width:17px; height:10px; background:url(../images/start.png) no-repeat; transform: rotate(180deg); cursor:pointer;}

.why-item.active .expand{ width:17px; height:10px; background:url(../images/start.png) no-repeat; transform: rotate(0deg); }

.empowerment-item{width:calc((100% - 30px) / 2); margin-right:30px; margin-top:25px; border:#d9effd solid 1px; border-bottom:#3ca7ed solid 4px; background:linear-gradient(to bottom,white,#f0f9ff); padding:40px 30px; }

.empowerment .empowerment-item:nth-child(2){margin-right:0;}

.empowerment-item-con .wz-item{margin-top:20px; color:#999999;}

.empowerment-item-title{ font-size:20px; font-weight:bold; margin-left:10px; height:59px; line-height:59px;}

.empowerment-item-shorttitle{height:59px; line-height:59px; font-size:16px; color:#3ca7ed;}

.empowerment-item-xian{height:59px; background:url(../images/xian.png) left 29px repeat-x; flex:1; margin:0 10px;}

.modality-item-img img,.traceability-item-img img,.epilogue-item-img img,.story-advantage-item-img{ width:100%;}

.modality-item{margin-top:30px; flex-flow: row-reverse wrap;}

.modality-item-img{ width:50%;}

.modality-item-text{width:calc(50% - 50px);}

.modality-item-text-t{ font-size:24px; color:#3ca7ed; font-weight:bold; line-height:1.4;}

.modality-item-text-c{ padding-top:20px;}

.modality-item-text-c .imodality-wz-item{ margin-top:20px;}

.modality-item-text-c  .imodality-wz-title,.sprocess-item-t,.social-company{ font-size:18px; font-weight:bold;}

.modality-item-text-c  .wz-item{ margin-top:15px;}

.sprocess-jt{padding:0 25px; margin-top:25px;}

.sprocess-item{width:calc((100% - 273px) / 4); margin-top:25px;}

.sprocess-item-c{ color:#666666; margin-top:10px;  }

.social-icontact{color:#666666; margin-top:10px; }



/*关于我们*/

.about-found-year{ font-size:76px; margin-right:15px; line-height:1;  color: transparent; -webkit-background-clip: text;

      background-clip: text; background-image: linear-gradient(to bottom,#7fc9fa ,#3da8ec);}

.about-found-title{ font-size:18px; line-height:2.3;}

.about-found-title span{ color:#fff; background:#333; border-radius:50%; padding:4px 6px; margin-bottom:15px;}

.sector-title{font-size: 28px; line-height: 1.4; margin-top:150px;}

.sector-con{position:absolute; z-index:2; left:-100px; bottom:80px; width:100%; padding:30px 30px 30px 100px; border:#333333 solid 2px; font-size:16px; }

.enjoy-text{width:calc(40% - 50px);}

.enjoy-text .sector-con{left:0;  z-index:9;  bottom:100px; width:calc(100% + 100px); padding:30px 100px 30px 30px; }

.sector{flex-flow: row-reverse wrap;}

/*品牌故事*/

.story-advantage{ margin-top:-50px;}

.traceability .traceability-item,.epilogue .epilogue-item{margin-bottom:100px;}

.epilogue{ margin-top:100px;}

.traceability-item-img,.epilogue-item-img,.story-advantage-item-img{ position:relative; width:50%;}

.traceability-item-text,.epilogue-item-text,.story-advantage-item-text{width:calc(50% - 100px);}

.traceability-title{ font-size:28px; line-height:1;}

.traceability-con{ margin-top:50px;  color:#999999; line-height:2.2; font-size:16px;}

.traceability-item-img:after,.epilogue-item-img:after,.story-advantage-item-img:after{

	content: "";

    display: block;

    width: 100%;

    height: 100%;

    background:#fff8f4;

    position: absolute;

	top:50px;

    left:50px; 

	z-index:-1;

}

.epilogue-item-img:after{background:#eff6fb;}

.story-advantage-item-img:after{background:#fafaf2;}

.story-advantage-title{font-size:32px; font-weight:bold;}

.traceability .traceability-item:nth-child(2),.epilogue .epilogue-item:nth-child(1){flex-flow: row-reverse wrap;}

.traceability .traceability-item:nth-child(2) .traceability-item-img:after,.epilogue .epilogue-item:nth-child(1) .epilogue-item-img:after{background:#fdf6f7;  left:auto; right:50px; }

.epilogue .epilogue-item:nth-child(1) .epilogue-item-img:after{background:#f8f8f8;}

.story-advantage .swiper-slide{ padding-bottom:50px;}

.traceability-text{position: absolute; z-index:2;  right:-190px; top:100px; color:#FFFFFF;}

.traceability-mark{ padding:3px 10px; background:#3ca7ed; font-size:18px; line-height:2px;}

.traceability-ctitle{font-size:36px; font-weight:bold;}

.traceability-ctitle span{ color:#333; margin-left:20px;}

.guard-info{/* height:288px;*/ position:relative;}

.guard-text{position: absolute; z-index:2; width:100%; height:100%; left:0; top:0;}

.guard-wtext{ font-size:28px; text-align:right; padding-right:50px; color:#FFFFFF; line-height:1.4;}

.story-advantage .swiper-button-prev,.story-advantage .swiper-button-next{ border:#3ca7ed solid 1px; width:50px; height:50px; color:#3ca7ed; top:calc(100% - 180px);  }

.story-advantage .swiper-button-prev:hover,.story-advantage .swiper-button-next:hover{color:#fff; background:#3ca7ec;}

.story-advantage .swiper-button-prev{ left:60%;}

.story-advantage .swiper-button-next{ right:calc(40% - 130px);}

.h288{height:288px;}



@media (max-width: 1600px) {

  .f-plist{margin-top:-200px; }

}

@media (max-width: 1450px) {

   .wrapper{width:94%;}

   .index-three-text{padding-top:50px;}

   .pattern-info{position:relative; padding-top:0; margin-top:-400px; }

}

@media (max-width: 1250px) {

  .yinsui-td{margin-bottom:50px; }

  .product-twoe{margin-top:50px;} 

  .page-banner-wcon{ margin-left:3%;}

}

@media (max-width: 1200px) {

  .indexbanner-con-t{font-size: 56px;}

  .ithree-limg{bottom:0;}

  .index-one-title{font-size:38px;}

  .pattern-info{margin-top:-300px; }

}

@media (max-width: 1100px) {

  .ft-logo{ width:100%; padding-bottom:30px;}

  .iprocess .iprocess-item,.process-item{width:calc((100% - 20px) / 2);}

  .iprocess .iprocess-item:nth-child(2n),.process-item:nth-child(2n){ margin-right:0;}

  .warranty .warranty-item{width:100%; margin-top:25px;}

  .wz-list .wz-item{width:100%;}

}



@media (max-width: 1000px) {

  .index-two{width:94%; margin:0 auto;}

  .head-r{ display:none;}

   .m-navbth{ display:block;}

 .m-navbth {

    position: relative;

    display:block;

    width: 30px;

    height: 25px; 

    margin-top:30px; 

	margin-right:20px;

   }

 .m-navbth a {

 display:block;

 width: 30px;

 height: 25px;

 position:relative;

}

.m-navbth span {

 display:block;

 width:30px;

 height:2px;

 background:#333;

 transition:transform .5s ease

}

.m-navbth .menu_top {

 position:absolute;

 top:2px;

 right:0

}

.m-navbth .menu_mid {

 position:absolute;

 top:9px;

 right:0;

 opacity:1

}

.m-navbth .menu_bot {

 position:absolute;

 top:16px;

 right:0

}

.m-navbth span.menu_top_r {

 transform:rotateZ(-45deg);

 transform-origin:center

}

.m-navbth .menu_mid_r {

 opacity:0

}

.m-navbth .menu_bot_r {

 transform:rotateZ(45deg);

 transform-origin:center

}

.index-three-text,.sealed-title{ padding-top:0;}

.index-one-text,.index-one-pic,.index-two-pic,.index-two-text,.index-three-pic,.index-three-text,.modality-item-img,.modality-item-text,.two-item-img,.enjoy-text,.traceability-item-img,.traceability-item-text,.epilogue-item-img,.epilogue-item-text,.why-img,.why-text,.cooperation-background-title,.cooperation-background-con,.yinsui-l,.yinsui-r,.lingting-r,.lingting-l,.ptwo-item-img,.ptwo-item-text,.minutia-text,.minutia-img,.products-parameter,.shuangyin-r,.shuangyin-l,.feature,.two-item-text,.f-text,.noise-text,.noise-img,.lithe-img,.lithe-text,.sealed-text,.sealed-img,.black-technology-img,.outdoors-img,.outdoors-text{ width:100%;}





.index-two-text-w,.index-one-text,.ptwo-item-text,.minutia-text,.f-img,.black-technology-text{width:100%;  padding:50px 0;}

.ithree-limg{position:relative; z-index:2; left:0; bottom:0; width:100%; margin-top:30px; }

.sector-title,.traceability-item-text,.epilogue-item-text,.epilogue,.modality-item-text,.cooperation-background-con{margin-top:50px;}

.sector-con{position:relative; left:0; bottom:0; width:100%; padding:30px 0 0 0; border:none; }

.enjoy-text .sector-con {

    left: 0;

    z-index: 9;

    bottom: 0;

    width: 100%;

    padding: 50px 0 0 0;

}

.traceability-text{right:auto; left:20px; }

.traceability .traceability-item,.traceability .traceability-item, .epilogue .epilogue-item ,.sealed-text-title{ margin-bottom:50px;}

.story-advantage .swiper-button-prev,.story-advantage .swiper-button-next{ top:calc(100% - 100px);  }

.product-twoc,.products-down,.two-item-text,.f-text,.feature-td,.feature-con,.lithe-text,.noise-text{ margin-top:50px;}

.ptwo-item-imgf{left:0;}

.particulars,.noise{ padding:50px 0;}

.openness-item{ margin-top:0; margin-bottom:50px;}

.feature-a{ margin-top:0; }

.feature-text,.outdoors-text{padding: 50px 0 0 0;}

.f-plist{margin-top:-100px; padding: 0 30px 30px 30px }

.f-plist .f-pitem{width: calc((100% - 30px) / 2);

    margin-right: 30px;

    margin-top: 30px;}

	

.outdoors-plist{ width:100%; position:relative; margin-top:50px;}



.traceability-item-img:after,.epilogue-item-img:after,.story-advantage-item-img:after,.cate-back{ display:none;}

	

}



@media (max-width: 960px) {

  .precursor-item-img,.precursor-item-text{ width:100%;}

  .precursor-item-img,.precursor-item-text{ padding-top:50px;}

  .round-pitem {

    width: calc((100% - 20px) / 2);

   }

   .round-plist .round-pitem:nth-child(2n) {

      margin-right: 0;

  }

}



@media (max-width: 920px) {

  .ft-wx{ width:100%; padding-top:30px;}

  .story-advantage{ margin-top:50px;}

  .story-advantage-item-img,.story-advantage-item-text{ width:100%;}

  .story-advantage-item-text{ padding:50px 0 20px 0;}

  .story-advantage .swiper-button-prev,.story-advantage .swiper-button-next{ top:auto; bottom:0;  }

  .story-advantage .swiper-button-prev{ left:0%;}

  .story-advantage .swiper-button-next{ right:auto; left:70px;}

  .pattern-info{margin-top:-250px; }

  .fangshui-con{ width:90%;}

}

@media (max-width: 800px) {

  .ft-logo {padding-bottom:0;}

  .ft-contact,.ft-navitem{width:100%; padding-top:20px; margin-right:0;}

  .page-banner-con-t{ font-size: 38px;}

}



@media (max-width: 780px) {

  .index-newsitem{width:calc((100% - 30px) / 2);}

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

  .index-newslist .index-newsitem:nth-child(3n){margin-right:30px;}

  .index-newslist .index-newsitem:nth-child(4){ display:block;}

  .index-newslist .index-newsitem:nth-child(2n),.science-item:nth-child(2n){margin-right:0;}

  .indexbanner-con-t{font-size:38px;}

  .indexbanner-con-c{ font-size:18px;}

  .down-item-title{ width:100%;}

  .down-item-down{ margin-top:15px;}

  .page-cate,.sale-info-title{font-size:28px;}

  .page-wcase{ padding:20px;}

  .retailers-item-img,.retailers-item-con,.companion-img,.companion-con{width:100%; margin-left:0;}

  .empowerment-item,.pattern .pattern-item{width:100%; margin-right:0; }

  .retailers-contact-text .text-t{ font-size:20px;}

  .companion-con{ padding-top:50px;}

  .pattern-info{margin-top:-200px; }

  .pro-cimg{ height:auto; padding:50px 0;}

  .pro-fbottom{ height:80px;}

  .particulars-con-item.three{ margin-left:0; margin-top:20px;}

  .f-plist .f-pitem{width:100%; margin-right:0;}

  .f-pitem-text{right: 20px; bottom: 20px; font-size: 16px;}

  .protection-item:nth-child(2){justify-content:flex-start; margin-top:50px;}

  .products-parameter-item{ width:100%;}

  .news-item-date{ display:none;}

  .news-list .news-item{ flex-flow: column-reverse wrap;}

  .news-list .news-item .news-item-info,.news-list .news-item .news-item-img{width:100%;}

  .news-list .news-item .news-item-info{ padding-top:20px;}

  .ft-nav{width:100%;}

  .ft-navitem{ border-bottom: 1px solid #414141; padding-top:0;}

  .ft-navitem:first-child{ padding-top: 20px;}

  .ft-navitem-tit {line-height:55px;}

  .ft-navitem-tit .icon-close{ display:block; font-size: 16px; transition: .5s; transform: rotate(-45deg);}

  .ft-navitem-son,.ft-navitem-tit .ft-disc{ display:none;}

  .ft-navitem-son{ padding-bottom:10px; margin-top:0; }

  .f_show .ft-navitem-tit .icon-close{ transform: rotate(0deg);}

}



@media (max-width: 640px) {

  .indexbanner-con,.index-about-logo,.page-banner-cate-ctitle{ display:none;}

  .index-about-clogo{display:block;}

  .indexbanner .swiper-bottom{width:100%; bottom: 30px;}

  .indexbanner .swiper-pagination{bottom: 30px;}

  .precursor-title,.index-one-title{ font-size:24px;}

  .precursor-desc{ font-size:16px;}

  .precursor .swiper-container {

    width: calc(100% - 140px);

  }

  .precursor-item-text{ padding-top:0;}

  .index-about-text{ position:relative; margin-top:30px; color:#333; width:100%; left:0; text-align:left;}

  .about-more {

    color: #fff;

    background: #3ca7ec;

   }

  .index-about-more a {

    color: #333;

   }

   .page-banner-cate-title,.retailers-ctitle,.particulars-title,.ptwo-item-title,.lingting-title,.f-title,.two-item-title,.feature-title,.feature-b-tit,.technology-title,.fangshui-title{font-size:28px;}

   .page-banner-category .category-item{ font-size:14px; line-height:34px; padding:0 20px; margin-right:10px;  }

   .traceability-title,.traceability-ctitle{ font-size:24px;}

   .iprocess .iprocess-item{width:100%; margin-right:0;}

   .sprocess-item{width:calc((100% - 182px) / 2);}

   .appendix-item,.process-item{ width:100%; margin-right:0;}

   .pattern-info{margin-top:-150px; }

   .three-td {

      left: 15px;

      width: calc(100% - 30px);

    }

    .three-td .three-td-item {

      width: calc((100% - 30px) / 3);

      margin-right: 15px;

      padding:20px 0 20px;

}

   .technology,.product-onef{width:100%;  padding:50px 0;}

   

}

@media (max-width: 480px) {

  .precursor-con{ display:none;}

  .index-newsitem{width:100%; margin-right:0;}

  .index-newslist .index-newsitem:nth-child(3n){margin-right:0;}

  .about-found-year{ font-size:56px;}

  .about-found-title{line-height:1.8; font-size:16px;}

  .guard-wtext{ padding-right:0; text-align:center;}

  .page-banner-category{margin-top:0;}

  .pattern-info{margin-top:-100px; }

  .yinsui-title,.page-banner-con-t{font-size: 30px;}

  .yinsui-entitle,.page-banner-con-c,.lithe-img-text span{font-size:16px;}

  .round-pitem {

    width:100%;

   }

  

}