/***********banner***********/
.prosearchyy{  position: absolute; display: none; top: 0; left: 0; z-index: 13; width: 100%; background: #000; opacity: 0.5;}
.flex-centerbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.down_img {
    overflow: hidden;
}
.down_img img {
    transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}
.down_img:hover img {
    transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}
.cl:before,.cl:after{ content: ''; display:block;}
.cl:after { clear: both; margin-bottom:60px;}
img{ max-width:100%;}
.bannerLi{ width:100%; height:570px; background-repeat:no-repeat; background-size:cover; background-position:50%; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center;display: flex; display: -webkit-box; display: -ms-flexbox; -webkit-box-align: left; -ms-flex-align: center;  align-items: left;  -webkit-box-pack: left;  -ms-flex-pack: left;  justify-content: left;}
.bannerLi .note{ width: 70%; max-width:1320px; margin:0 auto; color:#fff; font-size:100px; line-height:120px; font-weight:lighter; text-transform:uppercase;}
.bannerIndex{ width:100%; height:740px; position: relative; z-index:10; overflow:hidden; background:url(../images/loading.gif) no-repeat center center;}
.bannerLi2{ width:100%; height:650px; position: relative; z-index:10; overflow:hidden; background:url(../images/loading.gif) no-repeat center center;}

.banner-container{ width:100%; height:740px; position: relative; z-index:10; overflow:hidden; background:#000 url(../images/loading.gif) no-repeat center center;}
.banner-container .swiper-slide *{height: 100%;width: 100%;}

.factory-title{font-size: 18px; line-height: 25px;}
.factory-desc{font-size: 18px; line-height: 25px; margin-bottom: 0.8%;}

.index-about-container { width: 70%; max-width:1320px; margin:0 auto; text-align:center; overflow: hidden;}
.index-about-container .note{ font-size:16px; color:#595757; line-height:30px; padding:80px 0;}
.index-about-container .note h3{ font-size:32px; line-height:50px; font-weight:normal; padding-bottom:40px;}
.index-intro-container { width:100%; background:#f7f8f8; text-align:center; overflow: hidden;}
.index-intro-container .note{ width: 70%; max-width:1320px; margin:0 auto; font-size:16px; line-height:30px; font-weight:lighter; color:#000; padding:80px 0;}
.index-intro-container .note h3{ font-size:32px; font-weight:normal; padding-bottom:40px;}

.indexTeam-container { width: 70%; max-width:1320px; margin:0 auto; padding:100px 0 0; overflow: hidden;}
.indexTeam-container .note{ font-size:16px; color:#221815; padding:60px 0 80px; line-height:30px; text-align:center; font-weight:lighter;}
.indexTeam-container .note h3{ color:#595757; font-size:32px; line-height:50px; font-weight:normal; padding-bottom:40px;}

.showRoom-container { width: 70%; max-width:1320px; height:800px; margin:0 auto 100px; padding:100px 0 0; overflow: hidden; position:relative;}
.showRoom-container .note{ position:absolute; left:0; bottom:0; z-index:10; max-width:450px; font-size:14px; color:#fff; background:#59b0ad; padding:86px 60px; line-height:30px; text-align:right; font-weight:lighter;}
.showRoom-container .note h3{ font-size:32px; line-height:40px; font-weight:normal; text-transform:uppercase; padding-bottom:40px;}

.showRoom1-container { width:100%; height:500px; overflow: hidden; position:relative;}
.showRoom1-container .note{ position:absolute; right:0; top:0; z-index:10; max-width:410px; font-size:14px; color:#000; padding:86px 0 86px 60px; line-height:30px; text-align:right; font-weight:lighter;}
.showRoom1-container .note h3{ font-size:32px; line-height:40px; font-weight:normal; text-transform:uppercase; padding-bottom:40px;}

.supplier-container{ width:100%; background:#f7f8f8; margin:0 auto; padding:0 0 80px; overflow: hidden;}
.supplier-container .supplier{ width: 70%; max-width:1320px; margin:0 auto; font-size:14px; line-height:30px; font-weight:lighter; color:#000;}
.supplier-container .title{ padding:90px 0 60px 0; text-align:center;}
.supplier-container .title h3{ color:#000; font-size:32px; font-weight:normal; text-transform:uppercase;}
.supplier-container .title hr{ width:87px; height:2px; background:#000; border:none; margin:40px auto 0; text-align:center;}
.supplier-container .supplierList{ overflow:hidden;}
.supplier-container .supplierList ul li{ float:left; width:310px; height:520px; margin:0 26px 28px 0; text-align:center; background:#fff; position: relative;}
.supplier-container .supplierList ul li:nth-of-type(4n){ margin:0 0 28px 0;}
.supplier-container .supplierList ul li img{ width:100%; height:auto; display:block;}
.supplier-container .supplierList ul li a{ color:#221815; font-size:14px; line-height:30px; font-weight:lighter; cursor:default;}
.supplier-container .supplierList ul li p{ width:100%; height:90px; background:#fff; padding:30px 20px; overflow:hidden; text-align:center;}
.supplier-container .supplierList .show_more{ width: 100%;height: 400px;background-color: #9f594d;position: absolute; top:0;display: none;cursor: pointer;}
.supplier-container .supplierList .show_more a{ width:100%; height:100%; display:block; cursor:default;}
.supplier-container .supplierList .color1{ background-color:rgba(7,118,229,0.85);}
.supplier-container .supplierList .color2{ background-color:rgba(255,141,39,0.85);}
.supplier-container .supplierList .color3{ background-color:rgba(55,229,224,0.85);}
.supplier-container .supplierList .color4{ background-color:rgba(155,135,229,0.85);}

.fashion-containerbg{ background:#f7f8f8; overflow:hidden;}
.fashion-container { width: 70%; max-width:1320px; padding:100px 0; margin:0 auto; overflow: hidden;}
.fashion-container .fashionContent{ overflow:hidden;}
.fashion-container .fashionMtop{ margin:0 0 50px;}
.fashion-container .fashionPic{ float:left; width:50%; height:460px; background-repeat:no-repeat; background-size:cover; background-position:50%;}
.fashion-container .fashionPic a{ height:100%; display:block;}
.fashion-container .fashionPic img{ width:100%; height:auto; display:block;}
.fashion-container .fashionNote{ float:left; width:50%; padding:0 74px; font-size:16px; line-height:30px; color:#221815; text-align:center; font-weight:lighter;}
.fashion-container .fashionNote .title{ padding:50px 0 0;}
.fashion-container .fashionNote h3{ color:#595757; font-size:32px; line-height:50px; padding:30px 0; text-transform:uppercase; font-weight:normal;}
.fashion-container .fashionPic2{ float:left; width:32%; height:522px; background-repeat:no-repeat; background-size:cover; background-position:50%;}
.fashion-container .fashionPic2 img{ max-width:100%; height:auto; display:block;}
.fashion-container .fashionNote2{ float:left; width:68%; padding:0 0 0 10%; font-size:16px; line-height:30px; color:#221815; font-weight:lighter;}
.fashion-container .fashionNote2 .title{ overflow:hidden; float:left;}
.fashion-container .fashionNote2 h3{ float:left; color:#595757; font-size:32px; line-height:50px; text-transform:uppercase; font-weight:normal;}
.fashion-container .fashionNote2 span{ float:left; width:420px; padding:5px 0 0 15px; color:#595757; font-size:16px; line-height:20px;}
.fashion-container .fashionNote2 .note{ clear:left; font-size:16px; line-height:30px; padding:40px 0 0;}
.fashion-container .fashionList{ padding:50px 0 0; overflow:hidden;}
.fashion-container .fashionList ul li{ float:left; width:32%; margin:0 2% 2% 0; overflow:hidden;}
.fashion-container .fashionList ul li:nth-of-type(3n){ margin:0 0 2% 0;}
.fashion-container .fashionList ul li img{ width:100%; height:auto; display:block;}
.fashion-container .fashionList ul li a{ color:#595757; font-size:16px; line-height:30px;}
.fashion-container .fashionList ul li p{ width:100%; font-size:20px; padding:30px 0 20px; text-transform:uppercase; overflow:hidden;}
.fashion-container .fashionList ul li span{ font-weight:lighter; max-height:58px; overflow: hidden; display: block; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.fashion-container .fashionList i{ font-size:14px; width:118px; margin:20px 0 0; display:block; height:34px; line-height:32px; font-weight:lighter; border:1px solid #595757; text-align:center; font-style:normal;}
.fashion-container .fashionList a:hover i{ background:#222; color:#fff; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s;	transition: all .5s}
.fashion-container .fashionList2{ padding:80px 0 30px; overflow:hidden;}
.fashion-container .fashionList2 ul li{ float:left; width:23.85%; margin:0 1.5% 1.5% 0; overflow:hidden;}
.fashion-container .fashionList2 ul li:nth-of-type(4n){ margin:0 0 1.5% 0;}
.fashion-container .fashionList2 ul li img{ width:100%; height:auto; display:block;}
.fashion-container .fashionList2 ul li a{ color:#595757; font-size:16px; line-height:30px;}
.fashion-container .fashionList2 ul li p{ color:#000; width:100%; font-size:20px; padding:15px 20px; text-transform:capitalize; overflow:hidden;}
.pb0{ padding-bottom:0;}

.partner-containerbg{ background:#f7f8f8; overflow:hidden; padding:100px 0;}
.partner-container{ width: 70%; max-width:1320px; margin:0 auto; padding:0; overflow:hidden;}
.partner-one{ padding:100px 0 50px;}
.partner-container .title{ padding:0 0 50px; text-align:center;}
.partner-container .title h3{ color:#000; font-size:32px; font-weight:normal; text-transform:uppercase;}
.partner-container .title .note{ color:#000; line-height:30px; font-weight:lighter; padding:45px 0 0;}
.partner-container .partnerList{ overflow:hidden;}
.partner-container .partnerList ul li{ float:left; width:23%; margin:0 2.5% 2.5% 0; text-align:center; background:#fff;}
.partner-container .partnerList ul li:nth-of-type(4n){ margin:0 0 2.5% 0;}
.partner-container .partnerList ul li img{ max-width:100%; height:auto; display:block;}

/*********About***********/
.about-container { width: 70%; max-width:1320px; margin:0 auto; text-align:center; overflow: hidden;}
.about-container .title{ padding:90px 0;}
.about-container .title h2{ color:#595757; font-size:60px; font-weight:normal; text-transform:uppercase;}
.about-container .note{ font-size:16px; line-height:34px; color:#221815; padding-bottom:40px; font-weight:lighter;}
.about-container .note h3{ font-size:20px; font-weight:bold;}

.sustainable-container .title{ padding:40px 0;}
.sustainable-container .title h2{ color:#595757; font-size:60px; font-weight:normal; text-transform:uppercase;}
.sustainable-container .note1{text-align: center; color: #585656; font-size: 32px; line-height: 40px;}
.sustainable-container .note2{text-align: center; color: #595757; font-size: 16px; line-height: 28px; margin-top: 15px;}
.sustainable-container .note3{text-align: center; color: #585656; font-size: 32px; line-height: 40px; background-color: #f5f1ee; display: inline-block; padding: 10px 29px; line-height: 30px;}
.sustainable-container .note4{text-align: center; color: #595757; font-size: 16px; line-height: 28px; margin-top: 15px;}
.sustainable-container .img{text-align: center;}
.sustainable-container .img img{ max-width: 90%;}

.sustainable-container { text-align:center; overflow: hidden;}

.history-container { width: 70%; max-width:1320px; margin:0 auto; overflow: hidden;}
.history-container .title{ padding:40px 0; text-align:center;}
.history-container .title h3{ color:#595757; font-size:32px; font-weight:normal; text-transform:uppercase;}

.culture-container { width: 70%; max-width:1320px; margin:0 auto; overflow: hidden;}
.culture-container .title{ padding:90px 0 60px 100px;}
.culture-container .title h3{ color:#595757; font-size:32px; font-weight:normal; text-transform:uppercase;}
.culture-container .title hr{ width:87px; height:2px; background:#595757; border:none; margin:40px 0 0; text-align:left;}
.culture-container .cultureContent{ overflow:hidden; padding-bottom:100px;}
.culture-container .culturePic{ float:left; width:50%; height:430px; margin-bottom:50px; background-repeat:no-repeat; background-size:cover; background-position:50%;}
.culture-container .culturePic img{ width:100%; height:auto; display:block;}
.culture-container .cultureNote{ float:left; width:50%; padding:35px 0 0 80px;}
.culture-container .cultureNote h3{ font-size:20px; text-transform:uppercase; font-weight:normal; padding:0 0 5px;}
.culture-container .cultureNote p{ font-size:16px; line-height:30px; color:#221815; font-weight:lighter;}
.culture-container .cultureDesc{ clear:left; width:100%; padding:40px 0; background:#f7f8f8; font-size:20px; text-align:center; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}

.team-container{ background:#000; padding:0 0 100px; overflow:hidden;}
.team-container .title{ padding:100px 0; text-align:center;}
.team-container .title h3{ color:#fff; font-size:100px; font-weight:lighter; text-transform:uppercase;}
.team-container ul{ overflow:hidden;}
.team-container ul li{ float:left; position:relative;}
.team-container ul li img{ width:100%; height:auto; display:block;}
.team-container ul li .note{ position:absolute; display:inline-block; padding:32px; background:#ea4d1a; color:#efe1d4; font-size:30px; font-weight:lighter;}
.team-container ul li .note span{ font-weight:normal; text-decoration:underline; display: inline-block;}
.team-container ul li.team1{ width:40%;}
.team-container ul li.team2{ width:31%; padding:300px 0 0;}
.team-container ul li.team3{ width:29%; padding:124px 0 0;}
.team-container ul li.team1 .note{ bottom:20%;}
.team-container ul li.team2 .note{ bottom:11%; max-width:225px;}
.team-container ul li.team3 .note{ right:0; bottom:8%; max-width:278px;}

.design-container{ width: 70%; max-width:1320px; margin:0 auto; padding:0 0 70px; overflow:hidden;}
.design-container .title{ padding:100px 100px 100px 0; text-align:right; overflow:hidden;}
.design-container .title h3{ color:#595757; font-size:60px; font-weight:normal; text-transform:uppercase;}
.design-container .title hr{ float:right; width:180px; height:2px; background:#595757; border:none; margin:50px 0 0; text-align:right;}
.design-container .cultureDesc{ padding:0 100px 100px 0; overflow:hidden;}
.design-container .cultureDesc .cultureDesc_pic{ float:right; width:640px; height:380px;}
.design-container .cultureDesc .cultureDesc_pic img{ width:100%; height:auto; display:block;}
.design-container .cultureDesc .cultureDesc_nr{ float:left; width:520px; height:380px; padding:0 50px 0 0; color:#221815; font-size:16px; line-height:30px; font-weight:lighter; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center;}

.design-container .cultureList{ overflow:hidden;}
.design-container .cultureList .collage-item{ float:left; height:310px; background-size:cover; background-position: 50%; background-repeat:no-repeat;}
.design-container .cultureList .collage-item img{ width:100%; height:auto;}
.design-container .cultureList .col-1{ width:420px; margin:0 30px 30px 0;}
.design-container .cultureList .col-2{ width:420px; margin:0 30px 30px 0;}
.design-container .cultureList .col-3{ width:420px; margin:0 0 30px 0;}
.design-container .cultureList .col-4{ width:645px; margin:0 30px 30px 0;}
.design-container .cultureList .col-5{ width:645px; margin:0 0 30px 0;}

.found-containerbg{ background:#f7f8f8; overflow:hidden;}
.found-container{ width: 85%; max-width:1620px; margin:0 auto; padding:0 0 68px; overflow:hidden;}
.found-container .title{ padding:90px 0 70px; text-align:center;}
.found-container .title h3{ color:#595757; font-size:32px; font-weight:normal; text-transform:uppercase;}
.found-container .title hr{ width:90px; height:1px; background:#595757; border:none; margin:25px auto 0; text-align:center;}
.found-container .title .note{ color:#221815; line-height:30px; font-weight:lighter; padding:45px 0 0;}
.found-container .foundList{ overflow:hidden;}
.found-container .foundList ul li{ float:left; width:31.8%; margin:0 2.2% 2.2% 0; text-align:center; background:#fff;}
.found-container .foundList ul li:nth-of-type(3n){ margin:0 0 2.2% 0;}
.found-container .foundList ul li img{ width:100%; height:auto; display:block;}
.found-container .foundList ul li a{ color:#221815; font-size:18px; line-height:30px; font-weight:lighter;}
.found-container .foundList ul li p{ width:100%; height:60px; margin:30px 0; padding:0 20px; overflow:hidden; text-align:center;}
.cmore{  width:auto; padding:0 30px; margin:0 auto;}
.cmore a{ width:118px; margin:0 auto; display:block; height:34px; line-height:32px; font-weight:lighter; border:1px solid #595757; color:#221815; text-align:center;}
.cmore a:hover{ background:#000; color:#fff; border:1px solid #000;-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s;	transition: all .5s}
.cmore a.now{ width:188px; cursor:default;}
/*****service*****/

.service-qcbg{ background:#f7f8f8; overflow:hidden; padding:45px 0 60px;}
.service-qc-container{ width: 70%; max-width:1320px; margin:0 auto; color:#fff;}
.service-qc-container .title{ padding:45px 0; text-align:center;}
.service-qc-container .title h3{ color:#000; font-size:32px; font-weight:normal; text-transform:uppercase;}
.service-qc-container .note{ font-size:14px; color:#000; line-height:30px; overflow:hidden;}
.service-qc-container .note ul li{ color:#000; background:#fff; float:left; width:49%; height:auto; margin:0 2% 0 0;}
.service-qc-container .note ul li:nth-of-type(2n){ margin:0;}
.service-qc-container .note ul li a:hover{ color:#000;}
.service-qc-container .note ul li .note{ width:100%; height:290px; padding:60px 40px; color:#595757;}
.service-qc-container .note ul li .note .Ftitle{ font-size:32px;}
.service-qc-container .note ul li .note .desc{ font-size:16px; line-height:30px; font-weight:lighter; display:block; padding:20px 0 30px;}
.service-qc-container .note ul li .note p.more{ font-size:14px; width:118px; display:block; height:34px; line-height:32px; font-weight:lighter; border:1px solid #595757; color:#221815; text-align:center;}
.service-qc-container .note ul li a:hover p.more{ background:#000; color:#fff; border:1px solid #000;-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s;	transition: all .5s}

.sample-container{ width: 70%; max-width:1320px; padding:100px 0; margin:0 auto; overflow:hidden;}
.sample-container #indexTeam .indexTeam { height: 600px;}
.sample-container .samplePic{ float:left; width:800px; height:600px; padding-bottom:40px;}
.sample-container .samplePic img{ height:100%;}
.sample-container .sampleNote{ float:left; width:33%; padding:49px 0 0 70px; font-size:14px; line-height:33px;}
.sample-container .sampleNote h3{ color:#000; font-size:32px; font-weight:normal; line-height:40px; text-transform:uppercase;}
.sample-container .sampleNote img{ display:block;}

.design1-container{ width: 70%; max-width:1320px; margin:0 auto; padding:90px 0 0; overflow:hidden;}
.design1-container .title{ padding:0 0 50px; text-align:center;}
.design1-container .title h3{ color:#000; font-size:32px; font-weight:normal; text-transform:uppercase;}
.design1-container .title .note{ color:#595757; font-size:16px; line-height:30px; font-weight:lighter; padding:50px 0;}
.design1-container .designList{ overflow:hidden;}
.design1-container .designList ul li{ float:left; width:48%; margin:0 0 60px 0; color:#fff; font-size:14px; position:relative;}
.design1-container .designList ul li:nth-of-type(2n){ margin:0 0 60px 3.5%;}
.design1-container .designList ul li .pic img{ display:block;}
.design1-container .designList ul li .note{ position:absolute; bottom:0; width:100%; display:block; color:#fff; font-weight:normal; padding:0 0 40px; text-transform:capitalize;}
.design1-container .designList ul li .note p{ font-size:26px;  position: absolute; left: 20px; bottom: 26px;}
.design1-container .designList ul li .note span{font-size:12px; position: absolute; right: 20px; bottom: 35px;}

.design1-container .designList2 ul li{ margin:0 0 100px; overflow:hidden; position:relative;}
.design1-container .designList2 ul li .leftDesc{ float:left; width:48.5%;}
.design1-container .designList2 ul li .rightDesc{ float:left; width:48.5%; padding:6% 10% 0; margin:0 0 0 3%; text-align:left; font-size:16px; line-height:30px; color:#595757; overflow:hidden;}
.design1-container .designList2 ul li.Dfr .leftDesc{ float:right; margin:0 0 0 3%;}
.design1-container .designList2 ul li.Dfr .rightDesc{ float:left; margin:0; padding:6% 13% 0 0;}
.design1-container .designList2 ul li .rightDesc .Dcontent{ padding:0 0 40px;}
.design1-container .designList2 ul li .rightDesc .Dcontent h3{ color:#000; font-size:80px; line-height:96px; padding:0 0 60px; font-weight:normal;}
.design1-container .designList2 ul li .rightDesc .Dcontent span{ color:#000; font-size:20px; line-height:30px; display:block; background:url(../images/design_line.gif) no-repeat left center; padding:0 0 0 170px;}

/* display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/
.design2-container{ width: 70%; max-width:1320px; margin:0 auto; padding:50px 0 100px; overflow:hidden; position:relative;}
.design2-container .pic{ position:relative; }
.design2-container .title{ position:absolute; left:50%; top:50%; width:550px; margin:-120px 0 0 -275px; text-align:center;}
.design2-container .title h3{ font-size:60px; color:#333; font-weight:normal; text-transform:uppercase;}
.design2-container img{ display:block;}
.design2-container .title .cmore{ margin:50px auto 0;}
.design2-container .title .cmore a{ color:#333; border:1px solid #333;}
.design2-container .title .cmore a:hover{ background:#333; color:#fff;}

.service-factory-container{ width: 70%; max-width:1320px; margin:0 auto; padding:100px 0; overflow:hidden;}
.service-factory-container .title{ padding:0 0 50px; text-align:center;}
.service-factory-container .title h3{ color:#000; font-size:32px; font-weight:normal; text-transform:uppercase;}
.service-factory-container .note{ color:#595757; font-size:16px; line-height:30px; font-weight:lighter; text-align:center;}

.service-factory1-bg{ background:#f7f8f8; overflow:hidden; padding:100px 0 60px;}
.service-factory1-container{ width: 70%; max-width:1320px; margin:0 auto; color:#020101;}
.service-factory1-container .title{ padding:0 0 50px; text-align:center;}
.service-factory1-container .title h3{ color:#000; font-size:32px; font-weight:normal; text-transform:uppercase;}
.service-factory1-container .note{ color:#595757; line-height:30px; font-weight:lighter; padding:0 0 45px; text-align:center;}
.service-factory1-container .capacity{ padding:0 0 80px; overflow:hidden;}
.service-factory1-container .capacity dl{ float:left; width:30.2%; margin:0 1.8% 1.8% 0; font-size:20px; line-height:40px; font-weight:lighter;text-align: center;}
.service-factory1-container .capacity dl:nth-of-type(4n){ margin:0 0 1.8% 0;}
.service-factory1-container .capacity dl dt{ font-size:32px; font-weight:bold; padding:130px 0 20px; background-size:100px !important;}
.service-factory1-container .capacity dl dd{ font-size:20px; line-height:40px; font-weight:lighter;}
.service-factory1-container .capacity dl dd u{ text-decoration:none; border-bottom:1px solid #000; padding-bottom:2px;}
.service-factory1-container .capacity dl.c02{ padding:0 0 0 30px;}
.service-factory1-container .capacity dl.c03{ padding:0 0 0 60px;}
.service-factory1-container .capacity dl.c04{ padding:0 0 0 80px;}
.service-factory1-container .factoryList{ overflow:hidden;}
.service-factory1-container .factoryList ul li{ float:left; width:32.1%; margin:0 1.8% 1.8% 0; text-align:center; background:#fff;}
.service-factory1-container .factoryList ul li:nth-of-type(3n){ margin:0 0 1.8% 0;}
.service-factory1-container .factoryList ul li img{ width:100%; height:auto; display:block;}
.service-factory1-container .cmore{ margin:30px auto 0;}

.service-factory2-container{ width: 70%; max-width:1320px; margin:0 auto; padding:100px 0;}
.service-factory2-container .title{ padding:0 0 50px; text-align:center;}
.service-factory2-container .title h3{ color:#000; font-size:32px; font-weight:normal; text-transform:uppercase;}
.service-factory2-container .title hr{ width:70px; height:2px; background:#595757; border:none; margin:40px auto 0; text-align:center;}
.service-factory2-container .process{ height:500px; position:relative; font-size:16px; line-height:30px;}
.service-factory2-container .process .pro1{ position:absolute; top:28px;}
.service-factory2-container .process .pro2{ position:absolute; left:232px; top:18px;}
.service-factory2-container .process .pro3{ width:270px; height:130px; position:absolute; left:292px; top:60px;}
.service-factory2-container .process .pro3 h3{ padding:0 0 20px; font-weight:normal;}
.service-factory2-container .process .pro4{ position:absolute; left:582px; top:0;}
.service-factory2-container .process .pro5{ position:absolute; left:785px; top:0;}
.service-factory2-container .process .pro6{ position:absolute; left:529px; top:132px;}
.service-factory2-container .process .pro7{ position:absolute; left:330px; top:239px;}
.service-factory2-container .process .pro8{ position:absolute; left:529px; top:288px;}
.service-factory2-container .process .pro8 h3{ padding:0 0 20px; font-weight:normal;}
.service-factory2-container .process .pro9{ position:absolute; right:100px; top:58px;}
.service-factory2-container .process .pro10{ position:absolute; right:5px; top:0;}
.service-factory2-container .process .pro11{ position:absolute; right:200px; top:200px;}
.service-factory2-container .process .pro12{ position:absolute; right:5px; top:250px;}

.showroom ul{ overflow:hidden;}
.showroom ul li{ float:left; width:23.5%; padding:50px 40px; margin:0 2% 2% 0; background:#fff; border:1px solid #666; font-size:16px; line-height:30px; color:#595757; text-align:center; font-weight:lighter;}
.showroom ul li:nth-of-type(4n){ margin:0 0 2% 0;}

.sustainability-qcbg{ background:#f7f8f8; overflow:hidden; padding:45px 0 60px;}
.sustainability-qcbgfff{ background:#fff; overflow:hidden; padding:45px 0 60px;}
.sustainability-qc-container{ width: 70%; max-width:1320px; margin:0 auto;}
.sustainability-qc-container .title{ padding:45px 0; text-align:center; font-size:16px; color:#221815; font-weight:lighter; line-height:30px; overflow:hidden;}
.sustainability-qc-container .title h3{ color:#000; font-size:32px; font-weight:normal; text-transform:uppercase; padding:0 0 60px;}
.sustainability-qc-container .Nopa{ padding:45px 0 0;}
.sustainability-qcbgfff .sustainability-qc-container .title h3{ color:#595757; text-transform:capitalize;}
.sustainability-qcbgfff .sustainability-qc-container{ color:#595757;}
.sustainability-qcbgfff .sustainability-qc-container .downlist{ overflow:hidden;}
.sustainability-qcbgfff .sustainability-qc-container .downlist dl{ float:left; width:50%; text-align:center; margin:0 0 50px;}
.sustainability-qcbgfff .sustainability-qc-container .downlist dl dd{ margin:20px 0 0;}
.sustainability-qcbgfff .sustainability-qc-container .downlist dl dd img{ width:60px; display:block; margin:0 auto;}
.sustainability-qcbgfff .sustainability-qc-container .downlist dl dd a.more{ font-size:12px; width:110px; height:30px; line-height:30px; border:1px solid #595757; display:block; margin:0 auto; text-align:center;}
.sustainability-qcbgfff .sustainability-qc-container .downlist dl dd a.more:hover{ background:#000; color:#fff;}

.zero-more-d1{background-color: #f7f8f8;}
.zero-more-d1-m{max-width:1320px; margin:0 auto; margin: 0 auto; height: 384px; position: relative; }
.zero-more-d1-m img{ position: absolute; left: -100px; bottom: 0; width: 450px;}
.zero-more-d1-i1{position: absolute; right: 0; top: 75px; font-size: 35px; line-height: 42px; font-weight: bold; color: #000;}
.zero-more-d1-i2{position: absolute; right: 0; bottom: 55px; font-size: 20px; font-weight: bold; color: #000;}

.zero-more-d2{background-color: #fff;}
.zero-more-d2-m{max-width:1320px; margin:0 auto; margin: 0 auto; position: relative; }
.zero-more-d2-m ul{display: flex;}
.zero-more-d2-m li{flex: 1;}
.zero-more-d2-m li:first-child{padding: 120px 0 0 70px; color: #000; font-size: 32px;}
.zero-more-d2-m li:last-child{padding: 120px 20px 0 20px; font-size: 16px; line-height: 30px;}
.zero-more-d2-m-li-t{line-height: 38px; padding-bottom: 20px; padding-left: 10px;}
.zero-more-d2-m-img{ padding: 90px 0 55px 0;}
.zero-more-d2-m-img img{ width: 100%;}

.zero-more-d3{background-color: #f7f8f8;}
.zero-more-d3-m{max-width:700px; margin:0 auto; position: relative; min-height: 449px; padding-bottom: 30px; }
.zero-more-d3-m-title{padding: 104px 0 35px 0; line-height: 45px; color: #000; font-size: 32px; text-align: center;}
.zero-more-d3-m-node{ line-height: 32px; text-align: center; color: #595757;}

.zero-more-d4{background-color: #fff;}
.zero-more-d4-m{ max-width:1320px; margin:0 auto; margin: 0 auto; position: relative; padding-bottom: 80px; min-height: 780px; }
.zero-more-d4-m ul{display: flex;}
.zero-more-d4-m li{flex: 1;}
.zero-more-d4-m li:first-child{padding: 240px 0 0 0;}
.zero-more-d4-m li:last-child{padding: 120px 20px 0 20px;}
.zero-more-d4-m-title{ color: #000; font-size: 32px; padding-bottom: 33px;}
.zero-more-d4-m-node{ font-size: 16px; color: #595757; line-height: 32px; }
.zero-more-d4-m-img{ padding-bottom: 5px;}
.zero-more-d4-m-img img{width: 100%;}

.zero-more-d5{background-color: #f7f8f8;}
.zero-more-d5-m{max-width:700px; margin:0 auto; position: relative; min-height: 449px; padding-bottom: 30px; }
.zero-more-d5-m-title{padding: 104px 0 35px 0; line-height: 45px; color: #000; font-size: 32px; text-align: center;}
.zero-more-d5-m-node{ line-height: 32px; text-align: center; color: #595757;}

.zero-more-d6{background-color: #fff;}
.zero-more-d6-m{max-width:1320px; margin:0 auto; position: relative; min-height: 1000px; padding-bottom: 30px; }
.zero-more-d6-m-title{padding: 104px 0 35px 0; line-height: 45px; color: #000; font-size: 32px; text-align: center;}
.zero-more-d6-m-node{ line-height: 32px; text-align: center; color: #595757;  max-width: 600px; margin: 0 auto;}
.zero-more-d6-m-img{padding: 100px 0 10px 0;}
.zero-more-d6-m-img img{max-width: 100%;}
.zero-more-d6-m-img ul{display: flex; padding: 0 20px;}
.zero-more-d6-m-img li{flex: 1; padding: 0 20px;}

.zero-more-d7{background-color: #f7f8f8;}
.zero-more-d7-m{max-width:1320px; margin:0 auto; position: relative; min-height: 1000px; padding-bottom: 30px; }
.zero-more-d7-m-title{padding: 104px 0 35px 0; line-height: 45px; color: #000; font-size: 32px; text-align: center;}
.zero-more-d7-m-node{ line-height: 32px; text-align: center; color: #595757;  max-width: 600px; margin: 0 auto;}
.zero-more-d7-m-img{padding: 80px 0 10px 0; text-align: center;}
.zero-more-d7-m-img img{max-width: 100%;}

.zero-more-d8{background-color: #fff;}
.zero-more-d8-m{max-width:1320px; margin:0 auto; position: relative; min-height: 1000px; padding-bottom: 30px; }
.zero-more-d8-m-title{padding: 104px 0 35px 0; line-height: 45px; color: #000; font-size: 32px; text-align: center;}
.zero-more-d8-m-node{ line-height: 32px; text-align: center; color: #595757;  max-width: 600px; margin: 0 auto;}
.zero-more-d8-m-img{padding: 60px 0 10px 0;}
.zero-more-d8-m-img img{max-width: 100%;}
.zero-more-d8-m-img ul{display: flex; padding: 0 20px;}
.zero-more-d8-m-img li{flex: 1; padding: 0 20px;}

.zero-more-d9{background-color: #f7f8f8;}
.zero-more-d9-m{max-width:1320px; margin:0 auto; position: relative; min-height: 1000px; padding-bottom: 30px; }
.zero-more-d9-m-title{padding: 104px 0 35px 0; line-height: 45px; color: #000; font-size: 32px; text-align: center;}
.zero-more-d9-m-node{ line-height: 32px; text-align: center; color: #595757;  max-width: 600px; margin: 0 auto;}
.zero-more-d9-m-img{padding: 60px 0 10px 0;}
.zero-more-d9-m-img img{max-width: 100%;}
.zero-more-d9-m-img ul{display: flex; padding: 0 20px;}
.zero-more-d9-m-img li{flex: 1; padding: 0 20px;}

.sustainability2-qc-container{ width: 70%; max-width:1320px; margin:0 auto;}
.sustainability2-qc-container .title{ padding:80px 0; text-align:center;}
.sustainability2-qc-container .title h3{ color:#000; font-size:20px; line-height:30px; font-weight:normal;}
.sustainability2-qc-container .note{ color:#020101; line-height:30px; overflow:hidden; margin:0 0 50px;}
.sustainability2-qc-container .note .box{ float:left; width:50%;}
.sustainability2-qc-container .note .desc{ padding:0 80px; font-size:16px; font-weight:lighter;}
.sustainability2-qc-container .note .desc h3{ font-size:20px; font-weight:normal; padding:0 0 10px;}
.sustainability2-qc-container .note2 .fr{ float:right; width:44%;}
.sustainability2-qc-container .note2 .fr img{ width:100%;}
.sustainability2-qc-container .note2 .desc{ width:56%; padding:80px 80px 0 0;}
.sustainability2-qc-container .note2 .desc h3{ float:left; text-align:center; padding:0 10px 10px 0;}
.sustainability2-qc-container .note2 .desc p{ padding:10px 0 0;}



.social-container{ width: 70%; max-width:1320px; margin:0 auto; padding:100px 0 70px; font-size:16px; line-height:30px;}
.social-container .title{ padding:0 0 40px; text-align:center; font-weight:lighter; color:#020101;}
.social-container .title h3{ color:#000; font-size:32px; font-weight:normal; text-transform:uppercase; padding:30px 0;}
.social-container .title2{ padding:0 0 40px; text-align:center; font-weight:lighter; color:#020101;}
.social-container .title2 h3{ color:#000; font-size:32px; font-weight:normal; text-transform:uppercase;}
.social-container .title2 span{ color:#000; font-size:20px; padding:10px 0 30px; display:block; font-weight:normal;}
.social-container .note1{ color:#020101; line-height:30px; overflow:hidden; margin:0 0 100px;}
.social-container .note1 .box1{ float:left; width:675px; margin:0 60px 0 0;}
.social-container .note1 .box1 h3{ color:#000; font-size:32px; line-height:30px; font-weight:normal; padding:30px 0 ;}
.social-container .note1 .box2{ float:left; width:585px;}
.social-container .note1 .box3{ clear:both; width:50%; font-size:16px; font-weight:lighter;}
.social-container .note1 .box3 h3{ color:#000; font-size:32px; line-height:30px; font-weight:normal; padding:30px 0 ;}
.social-container .note2{ padding:0 0 100px; overflow:hidden;} 
.social-container .note2 .social1 div{ float:left; max-height:280px; overflow:hidden;}
.social-container .note2 .social1 img{ width:100%; display:block;}
.social-container .note2 .social1 .day1{ width:377px; margin:0 30px 30px 0;}
.social-container .note2 .social1 .day2{ width:506px; margin:0 30px 30px 0;}
.social-container .note2 .social1 .day3{ width:377px; margin:0 0 30px 0;}
.social-container .note2 .social1 .day4{ width:615px; margin:0 30px 30px 0;}
.social-container .note2 .social1 .day5{ width:675px; margin:0 0 30px 0;}
.social-container .note3{ padding:0; overflow:hidden;} 
.social-container .note3 .social1 div{ float:left; max-height:280px; overflow:hidden;}
.social-container .note3 .social1 img{ width:100%; display:block;}
.social-container .note3 .social1 .day1{ width:292px; margin:0 30px 30px 0;}
.social-container .note3 .social1 .day2{ width:292px; margin:0 30px 30px 0;}
.social-container .note3 .social1 .day3{ width:676px; margin:0 0 30px 0;}
.social-container .note3 .social1 .day4{ width:420px; margin:0 30px 30px 0;}
.social-container .note3 .social1 .day5{ width:420px; margin:0 30px 30px 0;}
.social-container .note3 .social1 .day6{ width:420px; margin:0 0 30px 0;}
.social-container img{ display:block;}

.material-container{ width: 70%; max-width:1320px; margin:0 auto; padding:70px 0; font-size:16px; line-height:30px; overflow:hidden;}
.material-container .title{ font-weight:lighter; color:#020101;}
.material-container .title h3{ color:#000; font-size:32px; font-weight:normal; text-transform:uppercase; padding:30px 0;}

.material2-container{ width: 70%; max-width:1320px; margin:0 auto; padding:0 0 90px; font-size:16px; line-height:30px; overflow:hidden;}
.material2-container .title{ font-weight:lighter; color:#020101;}
.material2-container .title h3{ color:#000; font-size:32px; line-height:42px; font-weight:normal; text-transform:uppercase; padding:40px 0;}
.material2-container .left_box{ float:left; width:65%; padding:0 12% 0 0;}
.material2-container .right_box{ float:right; width:35%; max-width:430px; position:relative;}
.material2-container .right_box i{ position:absolute; z-index:1; width:100%; height:100%; display:block; background:url(../images/icon_play.png) no-repeat center center; background-size:100px;}
.material2-container .right_box video{ width:100%; height:100%; background:#000; margin:160px 0 0;}

.material3-containerbg{ width:100%; background:#f7f8f8; margin:0 auto; padding:70px 0; overflow: hidden;}
.material3-container{ width: 70%; max-width:1320px; margin:0 auto; font-size:16px; line-height:30px; overflow:hidden;}
.material3-container .title{ font-weight:lighter; color:#020101;}
.material3-container .title h3{ color:#000; font-size:32px; line-height:42px; font-weight:normal; text-transform:uppercase; padding:0 0 40px;}
.material3-container .left_box{ float:left; width:50%; padding:0 10% 0 0;}
.material3-container .right_box{ float:right; width:50%; text-align:right;}

.material4-container{ width: 70%; max-width:1320px; margin:0 auto; padding:100px 0; font-size:16px; line-height:30px; overflow:hidden;}
.material4-container .title{ font-weight:lighter; color:#020101;}
.material4-container .title h3{ color:#000; font-size:32px; line-height:42px; font-weight:normal; text-transform:uppercase; padding:0 0 40px;}
.material4-container .left_box{ float:left; width:55%; text-align:left;}
.material4-container .right_box{ float:left; width:45%; padding:0 0 0 10%;}

/********quality************/
.quality-container { width:100%; padding:100px 0 0; margin:0 auto; overflow: hidden;}
.quality-container .title{ width: 70%; max-width:1320px; margin:0 auto; padding:0 0 60px 10px; font-size:14px; color:#000; line-height:30px;}
.quality-container .title h3{ color:#000; font-size:32px; line-height:55px; font-weight:normal; text-transform:uppercase;}
.quality-container .title p{ padding:10px 0 0;}
.quality-container .note{ color:#000; overflow:hidden; padding:0 0 0 300px;}
.quality-container .note dl{ float:left; width:400px; height:390px; padding:45px; background:#f7f8f8; margin:0 25px 0 0;}
.quality-container .note dl dt{ font-size:32px; font-weight:lighter; text-align:right;}
.quality-container .note dl dd{ padding:50px 0 0;}
.quality-container .note dl dd p{ font-size:16px; font-weight:lighter;}
.quality-container .note dl dd span{ font-size:32px; font-weight:bold; border-bottom:2px solid #000; padding-bottom:5px;}

.quality2-container{ width: 70%; max-width:1320px; margin:0 auto; padding:90px; overflow:hidden; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center;}
.quality2-container .note{ float:left; width:49%; margin:0 0 2% 0; color:#000; font-size:14px;}
.quality2-container .note:nth-of-type(2n){margin:0 0 0 2%;}
.quality2-container .note h3{ font-size:70px; font-weight:bold; color:#000; text-transform:uppercase;}
.quality2-container .note table,.quality2-container .note table td {border-bottom:1px solid #b3b3b3; border-collapse:collapse;}
.quality2-container .note table td:first-child{ border-top:1px solid #b3b3b3;}
.quality2-container .note table th{ padding:35px 0; background:#f7f8f8; font-weight:normal;}
.quality2-container .note table td{ padding:35px 0;}

.quality3-containerbg{ background:#000; overflow:hidden;}
.quality3-container{ width: 70%; max-width:1320px; margin:0 auto; padding:60px 0; overflow:hidden; position:relative;}
.quality3-container .title { font-size:14px; color:#fff; line-height:30px; overflow:hidden; padding:0 0 50px; text-align:center;}
.quality3-container .title h3{ color:#fff; font-size:32px; font-weight:normal; text-transform:uppercase; padding:20px 0;}

.quality3-container .note{ font-size:14px; color:#fff; line-height:30px;}
.quality3-container .note table{ border:1px solid #4f4e4e;}
.quality3-container .note table,.quality3-container .note table td { border-bottom:1px solid #4f4e4e; border-collapse:collapse;}
.quality3-container .note table td{ padding:10px 0;}

.picwall-tip{content: '';background: url(../images/touch.png) no-repeat;background-size:45px;width:55px;height:37px;position: absolute;left: 50%;margin: 0 0 0 -.3725rem;z-index: 1;bottom: 0;-webkit-animation:  picwall 1s linear infinite alternate-reverse;
       -moz-animation:  picwall 1s linear infinite alternate-reverse;
            animation: picwall 1s linear infinite alternate-reverse;}
@-webkit-keyframes picwall { from { left: 45%; } to { left: 55%; }  }
   @-moz-keyframes picwall { from { left: 45%; } to { left: 55%; }  }
        @keyframes picwall { from { left: 45%; } to { left: 55%; }  }
		
.quality4-container { width: 70%; max-width:1320px; padding:100px 0; margin:0 auto; overflow: hidden;}
.quality4-container ul{ overflow:hidden;}
.quality4-container ul li{ float:left; width:31.8%; height:360px; margin:0 2.2% 2.2% 0; position:relative; background:#000;}
.quality4-container ul li:nth-of-type(3n){ margin:0 0 2.2% 0;}
.quality4-container ul li video{ width:100%; height:100%;}
.quality4-container ul li img{ width:100%; height:360px; display:block;}
.quality4-container ul li h3{ font-size:32px; line-height:50px; font-weight:normal; text-transform:uppercase; padding:0 50px 30px 0; background:url(../images/icon_line.png) no-repeat left bottom; background-size:73px;}
.quality4-container ul li p{ font-size:14px; line-height:30px; font-weight:lighter; padding:30px 0 0;}
.quality4-container ul li.t1{ background:#59b0ad; color:#fff; padding:40px 60px;}
.quality4-container ul li p.more{ background:url(../images/icon_right2.png) no-repeat right center; background-size:28px; text-indent:-9999px;}
.quality4-container ul li i{ position:absolute; z-index:1; width:100%; height:100%; display:block; background:url(../images/icon_play.png) no-repeat center center; background-size:100px;}

/********partners************/
.map-container { width:100%; background:#f7f8f8; text-align:center; overflow: hidden;}
.map-container .note{ width: 70%; max-width:1320px; margin:0 auto; font-size:14px; line-height:30px; font-weight:lighter; color:#000;}
.map-container .note img{ display:block;}

.news-container { width: 70%; max-width:1320px; margin:0 auto; padding:60px 0; overflow: hidden; color:#000;}
.news-container ul{ padding:0 0 50px;}
.news-container ul li{ width:100%; padding:35px 25px 35px 0; border-bottom:1px solid #b3b3b3; overflow:hidden;}
.news-container ul li img{ float:right; width:210px;}
.news-container ul li a{ display:block; overflow:hidden;}
.news-container ul li:hover{ -moz-box-shadow:0px 0px 7px #f6f6f6; -webkit-box-shadow:0px 0px 7px #f6f6f6; box-shadow:0px 0px 7px #f6f6f6;}
.news-container ul li p{ float:left; font-size:20px; padding:45px 0 0 5px; width:80%; height:150px; overflow:hidden;}
.news-container ul li span{ font-size:14px; font-weight:lighter; display:block; padding:0 0 10px;}

.newsshow-container { width: 70%; max-width:1320px; margin:0 auto; padding:0 0 40px; overflow: hidden;}
.newsshow-container .title{ padding:90px 0; text-align:center;}
.newsshow-container .title h2{ color:#000; font-size:32px; font-weight:normal; text-transform:uppercase; padding:0 0 10px;}
.newsshow-container .note{ line-height:34px; color:#221815; padding-bottom:40px;}
.newsshow-container .note h3{ font-size:20px; font-weight:bold;}
.newsshow-container .newsMoreList{ overflow:hidden;}
.newsshow-container .newsMoreList ul li{ float:left; width:31.8%; margin:0 2.2% 2.2% 0; padding:0 80px; background:#fff;}
.newsshow-container .newsMoreList ul li:nth-of-type(3n){ margin:0 0 2.2% 0;}
.newsshow-container .newsMoreList ul li img{ width:100%; height:auto; display:block;}
.newsshow-container .newsMoreList ul li a{ color:#221815; font-size:14px; line-height:30px; font-weight:lighter;}
.newsshow-container .newsMoreList ul li span{ width:100%; display:block; padding:20px 0; color:#666;}

/********products************/
.product-container{ width: 70%; max-width:1320px; margin:0 auto; padding:50px 0; overflow:hidden;}
.product-container .title{ padding:0 0 50px;}
.product-container .title h3{ font-size:32px; font-weight:normal; text-transform:uppercase;}
.getmore{ padding:50px 0;}
.product-container .product-box{ width:49.5%; height:100%; margin:0; background:#fff;}
.product-container .product-box:nth-of-type(2n){margin:0 1% 0 0;}
.product-container .product-box.fr:nth-of-type(2n){margin:0 0 0 1%;}
.product-container .product-box ul{ overflow:hidden;}
.product-container .product-box ul li{ float:left; width:49%; margin:0 0 2% 0; background:#f0f0f0;}
.product-container .product-box ul li:nth-of-type(2n){margin:0 0 2% 2%;}
.product-container .product-box ul li:nth-child(3){ margin-bottom:0;}
.product-container .product-box ul li:nth-child(4){ margin-bottom:0;}
.product-container .product-box.Pleft{ background:url(../images/loadings.gif) no-repeat center center; min-height:946px;}
.product-container .product-box .note{ text-align:center; height:78px; line-height:28px; padding:0 50px; overflow:hidden; position:relative;}
.product-container .product-box .note a{ color:#595757; border-bottom:1px solid #595757; padding:0 0 5px;}
.product-container .product-box .note a:hover{ color:#000;}
.product-container .product-box .note a.add{ width:16px; height:16px; display:block; background:url(../images/icon_add.png) no-repeat; background-size:16px; padding:0; border:none; position:absolute; right:30px; top:8px;}
.product-container .product-box img{ width:100%; display:block;}
.product-container .product-box .heart { background:url(../images/web_heart_animation.png);background-position:left;background-repeat:no-repeat;height:69px;width:69px;cursor:pointer;position:absolute; right:0; top:0; background-size:2900%; z-index:1;}
.product-container .product-box .heart:hover,.product-container .product-box .heart:focus{ background-position:right;}

.product-list-container .product-list .heart { background:url(../images/web_heart_animation.png);background-position:left;background-repeat:no-repeat;height:69px;width:69px;cursor:pointer;position:absolute; right:0; top:0; background-size:2900%; z-index:1;}
.product-list-container .product-list .heart:hover,.product-list-container .product-list .heart:focus{ background-position:right;}
.product-list-container .product-list .likeCount{ width:50px; text-align:center; font-size:10px; font-family:Arial, Helvetica, sans-serif; position:absolute; right:10px; bottom:5px; z-index:10;}
.product-list-container .product-list .feed{ clear:both; height:69px; position:relative; background:url(../images/logo.png) no-repeat 25px 28px; background-size:80px;}

.productDetail .heart { background:url(../images/web_heart_animation.png);background-position:left;background-repeat:no-repeat;height:69px;width:69px;cursor:pointer;position:absolute; right:0; top:0; background-size:2900%; z-index:1;}
.productDetail .heart:hover,.productDetail .heart:focus{ background-position:right;}
.productDetail .likeCount{ width:50px; text-align:center; font-size:10px; font-family:Arial, Helvetica, sans-serif; position:absolute; right:10px; bottom:5px; z-index:10;}
.productDetail .feed{ clear:both; height:69px; position:relative; background:#f0f0f0 url(../images/logo.png) no-repeat 25px 28px; background-size:80px;}

.product-container .product-box .pc{ width:100%; height:946px;}
.product-container .product-box .pc a{ width:100%; height:100%; display:block; display:block;}

/*************************** search (start) ***************************/
.search-container{ width: 70%; max-width:1320px; margin:0 auto; padding:50px 0 0; overflow:hidden;}
.i-search{ float:right; width:313px; height:35px; }
.i-search .search{ width:311px; height:35px; border:1px solid #585858; border-radius:3px; position:relative;}
.i-search .search-q{ position:absolute; left:140px; font-size:14px; width:134px; height:33px; line-height:33px; padding:0 0 0 10px; border:none; background:transparent; color:#585858; outline:medium;}
.i-search .search-go{ position:absolute; right:0; width:36px; height:33px; border:none; cursor:pointer; background:url(../images/top_icon4.png) center center no-repeat; outline:medium; background-size:15px;}
#searN{ position:absolute; width: 140px; height:33px; line-height:33px; padding-left:5px; float:left; border:none; outline:none; appearance:none; -moz-appearance:none; -webkit-appearance:none; background:url(../images/arrow-bottom.png) no-repeat 96% center; background-size:15px;}
@-webkit-keyframes heartBlast {
	0% {
		background-position:left;
	}
	100% {
		background-position:right;
	}
}

@keyframes heartBlast {
	0% {
		background-position:left;
	}
	100% {
		background-position:right;
	}
}
.product-container .product-box .heartAnimation,.product-list-container .product-list .heartAnimation,.productDetail .heartAnimation{
	display:inline-block;
	-webkit-animation-name:heartBlast;
	animation-name:heartBlast;
	-webkit-animation-duration:.8s;
	animation-duration:.8s;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1;
	-webkit-animation-timing-function:steps(28);
	animation-timing-function:steps(28);
	background-position:right;
}
.product-container .product-box .likeCount{ width:50px; text-align:center; font-size:10px; font-family:Arial, Helvetica, sans-serif; position:absolute; right:10px; bottom:5px;}
.product-container .product-box .feed{ clear:both; height:69px; position:relative; background:url(../images/logo.png) no-repeat 25px 28px; background-size:80px;}

.product-list-container{ width: 70%; max-width:1320px; margin:0 auto; padding:100px 0; overflow:hidden;}.pb30{ padding-bottom:30px;}
.product-list-container .title{ padding:0 0 50px; overflow:hidden;}
.product-list-container .title h3{ float:left; font-size:20px; padding:0 15px; height:33px; line-height:33px; display:block; border:1px solid #595757; border-radius:3px; font-weight:normal; text-transform:uppercase;}
.product-list-container .title i{ float:left; padding:0 10px 0 15px; height:30px; line-height:30px;}
.product-list-container .title span{ float:left; font-size:20px; height:30px; line-height:30px; margin:0 0 0 15px; display:block; font-weight:normal; text-transform:uppercase; border-bottom:1px solid #595757;}
.product-list-container .product-list{ width:100%; overflow:hidden;}
.product-list-container .product-list ul{ overflow:hidden;}
.product-list-container .product-list ul li{ float:left; width:23.3%; height:auto; margin:0 2.2% 2.2% 0; background:#f0f0f0; text-align:center; position: relative; overflow:hidden;}
.product-list-container .product-list ul li:nth-of-type(4n){ margin:0 0 2.2% 0;}
.product-list-container .product-list .note{ text-align:center; height:78px; line-height:28px; padding:0 50px; overflow:hidden; position:relative;}
.product-list-container .product-list .note a{ color:#595757; border-bottom:1px solid #595757; padding:0 0 5px;}
.product-list-container .product-list .note a:hover{ color:#000;}
.product-list-container .product-list .note a.add{ width:16px; height:16px; display:block; background:url(../images/icon_add.png) no-repeat; background-size:16px; padding:0; border:none; position:absolute; right:30px; top:8px;}
.product-list-container .product-list img{ display:block;}



.product-list-container .productPic{ overflow:hidden;}
.product-list-container .productPic .productDetail{ float:left; width:49%; margin:0; font-size:14px;}
.product-list-container .productPic .productDetail:nth-of-type(2n){ margin:0 0 0 2%;}
.product-list-container .productPic .productDetail img{ display:block;}
.product-list-container .Dnote{ height:100%; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center;display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;}
.product-list-container .Dnote .Desc table{ margin:0 auto;}
.product-list-container .Dnote .Desc table td,.product-list-container .Dnote .Desc table th{ padding:15px 0;}
.product-list-container .Dnote .Desc table,.product-list-container .Dnote .Desc table td { border-collapse:collapse;}
.product-list-container .Dnote .Desc table td:nth-of-type(2n+1){ font-weight:bold;}
.product-list-container .cmore{ width:380px; margin:50px auto 0; padding:0; overflow:hidden;}
.product-list-container .cmore a{ float:left; width:270px; height:38px; line-height:38px; border:2px solid #ea4d1a; color:#ea4d1a; border-radius:3px; font-weight:bold;}
.product-list-container .cmore a:hover{ background:#ea4d1a; color:#fff;}

.Detail-container { width: 70%; max-width:1320px; margin:0 auto; padding:0 0 100px; overflow: hidden;}
.Detail-container .title{ padding:0 0 90px; text-align:center;}
.Detail-container .title h2{ color:#595757; font-size:32px; font-weight:normal; text-transform:uppercase;}
.Detail-container .note{ line-height:34px; color:#221815;}
.Detail-container .note h3{ font-size:20px; font-weight:bold;}
.Detail-container .note img{ max-width:100%;}

.pagination { list-style: none; margin: 50px auto; text-align: center; padding: 0;  vertical-align: bottom}
.pagination li { display: inline-block!important; border: solid 1px #EBEBEB; border-radius: 4px}
.pagination a { color: #333;padding: 8px 12px; line-height: 18px; display: block; transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {
    cursor: not-allowed;pointer-events: none;color: #EBEBEB}
.pagination .active { pointer-events: none}
.pagination .active,.pagination a:hover { transition: all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}

/*分页 begin*/
.pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;}
.pagination li a {border-radius:4px;color:#1a1a1a;background:#fff;padding:12px 16px;border:1px solid #DCDCDC;}
/* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */
.pagination li.active a,.pagination li a:hover {background:#1a1a1a;color:#fff;border:1px solid #1a1a1a;}
/*分页 end*/

/***contact***/
.contact-container { width: 70%; max-width:1320px; margin:0 auto; padding:0 0 60px; overflow: hidden;}
.contact-container .title{ padding:90px 0; text-align:center;}
.contact-container .title h2{ color:#000; font-size:32px; font-weight:normal; text-transform:uppercase;}
.contact-container .left_box{ float:left; width:50%; color:#595757; padding:0 5%;}
.contact-container .left_box dl{ width:100%; margin:0 0 30px;}
.contact-container .left_box dl dt{ font-size:20px;}
.contact-container .left_box dl dd{ font-weight:lighter;}
.contact-container .left_box dl.note1 dt{ background:url(../images/bicon_home.png) no-repeat; background-size:22px; padding:0 0 15px 37px;}
.contact-container .left_box dl.note2 dt{ background:url(../images/bicon_address.png) no-repeat left 2px; background-size:16px; padding:0 0 15px 37px;}
.contact-container .left_box dl.note3 dt{ background:url(../images/bicon_tel.png) no-repeat left 3px; background-size:21px; padding:0 0 15px 37px;}
.contact-container .left_box dl.note4 dt{ background:url(../images/bicon_email.png) no-repeat left 5px; background-size:25px; padding:0 0 15px 37px;}
.contact-container .left_box dl.note5{ }
.contact-container .left_box dl.note5 dt{ background:url(../images/bicon_wechat.png) no-repeat left 3px; background-size:27px; padding:0 0 15px 37px;}
.contact-container .left_box dl.note5 .pic{ }
.contact-container .left_box dl.note6{ }
.contact-container .left_box dl.note6 dt{ background:url(../images/bicon_whatsapp.png) no-repeat; background-size:26px; padding:0 0 15px 36px;}
.contact-container .left_box dl dd a{ color:#595757;}
.contact-container .left_box dl dd a:hover{ padding-bottom:2px; border-bottom:1px solid #fff;}

.contact-form{margin-top:50px;}

.contact-container .right_box{ float:left; width:50%; padding:0 5%; font-size:14px; line-height:30px;}
.contact-container .right_box{ float:left; width:50%;}
.contact-container .right_box input,.contact-container .right_box textarea{
    display: block;
    width: 100%;
    height: 44px;
    min-height: 44px;
    padding: 0 10px;
    margin: 0;
    line-height: 22px;
    border: 1px solid #ffffff;
    outline: none;
    background: #fff;
    color: #5f6a7d;
    font: 13px "Microsoft YaHei","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 15px;
    -webkit-appearance: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 3px;
}
.contact-container .right_box input:focus,.contact-container .right_box textarea:focus{border:1px solid #aaa;color:#444}
.contact-container .right_box label,.contact-container .right_box legend,.contact-container .right_box .option_title {
    display: block;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.contact-container .right_box textarea {
    min-height: 80px;
    padding: 15px 9px;
}
.red {
    color: #C33;
}
.pb50{ padding-bottom:50px;}
.contact-container .pr{ position:relative;}
.contact-container .code{width:80px; position:absolute; left:90px; top:4px;}
.contact-container .action_button {
    display: block;
    padding:0 45px !important;
	float:left;
	width:auto !important;
	background: #000 !important;
    color: #fff !important;
    border: 1px solid #000000;
    text-align: center;
    cursor: pointer;
    min-height: 44px;
    height: 40px;
    line-height: 1.2;
    vertical-align: top;
    font-family: Rubik;
    font-weight: normal;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
	border-radius: 3px;
}
.contact-container .action_button:hover {
    background: #7a7a7a !important;
	
}
.sitemap .nrnav { padding-left:20px;}
.sitemap li { border-bottom:1px dashed #ccc; line-height:32px;}
.sitemap li a{ text-decoration:none;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sitemap li a:hover{ color:#1b2881}
.sitemap .nav { padding-left:12px;}
.sitemap .one{ clear:left; background:#f7f8f8; color:#333;}
.sitemap .sub{ float:left; width:20%;}
.sitemap .last{ border-bottom:none;}

@media (max-width: 1679px) {
.about-container{ width:90%;}
.history-container{ width:90%;}
.culture-container{ width:90%;}
.design-container{ width:90%;}
.found-container{ width:90%;}
.index-about-container{ width:90%;}
.index-intro-container .note{ width:90%;}
.indexTeam-container{ width:90%;}
.showRoom-container{ width:90%;}
.supplier-container .supplier{ width:90%;}
.fashion-container{ width:90%;}
.partner-container{ width:90%;}
.map-container .note{ width:90%;}
.product-container{ width:90%;}
.product-list-container{ width:90%;}.pb30{ padding-bottom:30px;}
.service-factory-container{ width:90%;}
.service-factory1-container{ width:90%;}
.service-factory2-container{ width:90%;}
.service-container{ width:90%;}
.service-qc-container{ width:90%;}
.sample-container{ width:90%;}
.design1-container{ width:90%;}
.design2-container{ width:90%;}
.Detail-container{ width:90%;}
#bannerIndex .slide-home-top{ height:570px;}
.banner-container{ height:570px;}
#bannerIndex .slide-content-wrapper p{ font-size:60px; line-height:80px;}
.news-container{ width:90%;}
.newsshow-container{ width:90%;}
.contact-container{ width:90%;}
.short .nav-main{ padding:6px 0 0;}
.quality-container .title{ width:90%;}
.quality-container .note{ padding:0 0 0 150px;}
.quality2-container{ width:90%;}
.quality3-container{ width:90%;}
.quality4-container{ width:90%;}
.search-container{ width:90%;}
.sustainability-qc-container{ width:90%;}
.sustainability2-qc-container{ width:90%;}
.social-container{ width:90%;}
.material-container{ width:90%;}
.material2-container{ width:90%;}
.material3-container{ width:90%;}
.material4-container{ width:90%;}

.design-container .title{ padding:100px 0 100px 0;}
.design-container .cultureDesc{ padding:0 0 100px 0;}
.design-container .cultureDesc .cultureDesc_pic{ width: 50%; height: auto;}
.design-container .cultureDesc .cultureDesc_nr{ width:50%; height:310px; padding:0 80px 0 0;}

.design-container .cultureList{ overflow:hidden;}
.design-container .cultureList .collage-item{ float:left; background-size:cover; background-position: 50%; background-repeat:no-repeat;}
.design-container .cultureList .collage-item img{ width:100%; height:auto; display:none;}
.design-container .cultureList .col-1{ width:31.8%; margin:0 2.2% 2.2% 0;}
.design-container .cultureList .col-2{ width:31.8%; margin:0 2.2% 2.2% 0;}
.design-container .cultureList .col-3{ width:31.8%; margin:0 0 2.2% 0;}
.design-container .cultureList .col-4{ width:48.8%; margin:0 0 2.2% 0;}
.design-container .cultureList .col-5{ width:48.8%; margin:0 0 2.2% 2.2%;}

.supplier-container .supplierList ul li{ float:left; width:23.3%; height:auto; margin:0 2.2% 2.2% 0; text-align:center; position: relative;}
.supplier-container .supplierList ul li:nth-of-type(4n){ margin:0 0 2.2% 0;}
.supplier-container .supplierList ul li img{ width:100%; height:auto; display:block;}
.supplier-container .supplierList ul li a{ color:#221815; font-size:14px; line-height:30px; font-weight:lighter;}
.supplier-container .supplierList ul li p{ width:100%; height:90px; background:#fff; padding:30px 20px; margin:0 0 30px; overflow:hidden; text-align:center;}
.supplier-container .supplierList .show_more{ width: 100%; height: 77%;background-color: #9f594d;position: absolute; top:0;display: none;cursor: pointer;}
.supplier-container .supplierList .show_more a{ width:100%; height:100%; display:block;}
.supplier-container .supplierList .color1{ background-color:rgba(7,118,229,0.85);}
.supplier-container .supplierList .color2{ background-color:rgba(255,141,39,0.85);}
.supplier-container .supplierList .color3{ background-color:rgba(55,229,224,0.85);}
.supplier-container .supplierList .color4{ background-color:rgba(155,135,229,0.85);}

.product-container .product-box img{ height:100%;}
.sample-container .samplePic{ width:60%;}
.sample-container .sampleNote{ width:39%;}

.social-container .note1 .box1{ width:51%; margin:0 60px 40px 0;}
.social-container .note1 .box2{ width:44.1%;}
.social-container .note1 .box3{ width:100%;}
.social-container .note2 .social1 div{ max-height:258px;}
.social-container .note2 .social1 img{ width:100%; display:block;}
.social-container .note2 .social1 .day1{ width:28%; margin:0 2.2% 2.2% 0;}
.social-container .note2 .social1 .day2{ width:38%; margin:0 2.2% 2.2% 0;}
.social-container .note2 .social1 .day3{ width:29.6%; margin:0 0 2.2% 0;}
.social-container .note2 .social1 .day4{ width:46%; margin:0 2.2% 2.2% 0;}
.social-container .note2 .social1 .day5{ width:51.8%; margin:0 0 2.2% 0;}
.social-container .note3 .social1 div{ max-height:258px;}
.social-container .note3 .social1  img{ width:100%; display:block;}
.social-container .note3 .social1 .day1{ width:22%; margin:0 2.2% 2.2% 0;}
.social-container .note3 .social1 .day2{ width:22%; margin:0 2.2% 2.2% 0;}
.social-container .note3 .social1 .day3{ width:51.4%; margin:0 0 2.2% 0;}
.social-container .note3 .social1 .day4{ width:31.8%; margin:0 2.2% 2.2% 0;}
.social-container .note3 .social1 .day5{ width:31.8%; margin:0 2.2% 2.2% 0;}
.social-container .note3 .social1 .day6{ width:31.8%; margin:0 0 2.2% 0;}

}

@media (max-width: 1440px) {
#indexTeam .indexTeam{ height:660px;}
#showRoom .showRoom{ height:620px;}
.history-container,.culture-container { max-width:none;}
.culture-container .title{ padding:50px 0 60px 100px;}
.team-container{ padding:0 0 50px; max-width:none;}
.team-container .title{ padding:50px 0;}
.team-container .title h3{ font-size:60px;}
.team-container ul li .note{ padding:20px 30px; font-size:16px;}
.team-container ul li.team2{ padding:210px 0 0;}
.team-container ul li.team2 .note{ max-width:150px;}
.team-container ul li.team3 .note{ max-width:168px;}
.team-container ul li.team3{ padding:44px 0 0;}
.design-container{ padding:0 0 30px; max-width:none;}
.design-container .title{ padding:50px 0;}
.design-container .title hr{ margin:40px 0 0;}
.design-container .cultureDesc{ padding:0 0 50px 0;}
.found-container .title{ padding:50px 0;}
.found-container .title .note{ padding:35px 0 0;}
.found-container{ padding:0 0 50px; max-width:none;}
.bannerLi .note{ font-size: 60px; line-height: 80px;}
.news-container{ width:90%; max-width:none;}
.news-container ul li{ padding:35px 0;}
.quality-container .title{ padding:0 0 60px 0;}
.quality-container .note{ padding:0 0 0 70px;}
.design1-container{ width:90%; max-width:none;}
.design2-container{ width:90%; max-width:none;}
.product-container{ width:90%; max-width:none;}
.search-container{ width:90%; max-width:none;}
.sustainability-qc-container{ width:90%; max-width:none;}
.sustainability2-qc-container{ width:90%; max-width:none;}
.social-container{ width:90%; max-width:none;}
.material-container{ width:90%; max-width:none;}
.material2-container{ width:90%; max-width:none;}
.material3-container{ width:90%; max-width:none;}
.material4-container{ width:90%; max-width:none;}

.product-container .product-box .note a.add{ right:20px;}
.product-container .product-box .note{ padding:0 50px 0 20px;}
.product-container .product-box .feed{ height:49px;}
.product-container .product-box .heart{ height:49px;}
.product-container .product-box .likeCount{ bottom:0;}
.product-container .product-box img{ width:100%; height:100%;}

.input_item input,.input_item textarea{ padding-left:5% !important;}
.input_item input.loginyzm{ padding-left:34% !important;}

.newsshow-container .newsMoreList ul li{ padding:0;}
.service-factory-container{ width:90%; max-width:none;}
.service-factory2-container .process{ height:370px; overflow:hidden;}
.service-factory2-container .process .pro1{ top:28px; left:10px;}
.service-factory2-container .process .pro1 img{ width:60%;}
.service-factory2-container .process .pro2{ top:28px; left:150px;}
.service-factory2-container .process .pro2 img{ width:60%;}
.service-factory2-container .process .pro3{ left:190px; top:55px;}
.service-factory2-container .process .pro4 img{ width:70%;}
.service-factory2-container .process .pro4{ left:420px; top:20px;}
.service-factory2-container .process .pro5 img{ width:62%;}
.service-factory2-container .process .pro5{ left:800px; top:20px;}
.service-factory2-container .process .pro6{ left:635px; top:130px;}
.service-factory2-container .process .pro6 img{ width:60%;}
.service-factory2-container .process .pro7{ left:550px; top:180px;}
.service-factory2-container .process .pro7 img{ width:70%;}
.service-factory2-container .process .pro8{ left:540px; top:310px; text-align:center;}
.service-factory2-container .process .pro3 h3,.service-factory2-container .process .pro8 h3{ padding:0; font-weight:normal; font-size:14px;}
.service-factory2-container .process .pro3 p,.service-factory2-container .process .pro8 p{ font-size:14px;}
.service-factory2-container .process .pro9{ right:30px; top:50px;}
.service-factory2-container .process .pro9 img{ width:60%;}
.service-factory2-container .process .pro10{ right:-65px; top:10px;}
.service-factory2-container .process .pro10 img{ width:60%;}
.service-factory2-container .process .pro11{ right:185px; top:160px;}
.service-factory2-container .process .pro11 img{ width:60%;}
.service-factory2-container .process .pro12{ right:35px; top:220px;}
.service-factory2-container .process .pro12 img{ width:60%;}

.social-container .note1 .box1{ width:51%; margin:0 3.5% 3.5% 0;}
.social-container .note1 .box2{ width:45%;}
.social-container .note1 .box3{ width:100%;}
.social-container .note1 .box3 h3{ padding:0 0 30px;}

#showRoom1{ width:810px;}
.fashion-container .fashionNote{ padding:0 30px;}

.fashion-container .fashionNote2 span{ width:300px;}

.product-container .product-box.Pleft{ min-height:850px}

.product-container .product-box .pc{ height:auto; min-height:790px;}
}


@media (max-width: 1280px){
.short .nav-main{ padding:0;}
.news-container ul li p{ width:75%;}
.nav-main .level-1 > li:last-child{ border-bottom: 1px solid #cdcdcd;}

.product-container .product-box.Pleft{ min-height:810px}

}


@media (max-width: 1180px) {

.product-list-container .product-list ul li{ width:32%; margin:0 2% 2% 0;}
.product-list-container .product-list ul li:nth-of-type(4n){ margin:0 2% 2% 0;}
.product-list-container .product-list ul li:nth-of-type(3n){ margin:0 0 2% 0 !important;}

.product-container .product-box.Pleft{ min-height:210px}

}

@media (max-width: 960px){

.news-container ul li p{ width:68%;}

}

@media (max-width: 850px){
.n_news .g_list .n_box .g_text{ width:60%;}
.n_news .g_list .n_box .g_text2{ width:60%;}
}


/* iPads (portrait) ----------- */  
@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)
and (orientation : portrait) {  
/**Index**/
#bannerWap{ display:none}
#bannerIndex .slide-home-top{ height: 400px; max-width:none; }
.banner-container{ height:400px; max-width:none;}
#bannerIndex .slide-content-wrapper p{ font-size:36px; line-height:60px;}
#bannerIndex .slide-content-wrapper span{ font-size:40px; padding-bottom:20px;}
#bannerIndex i{ display:none !important;}#indexTeam i{ text-indent:-9999px;}#showRoom i{ text-indent:-9999px;}
.index-about-container .note{ padding:40px 0; font-weight:normal;}
.index-about-container .note h3{ font-size:18px; line-height:30px; padding-bottom:20px;}
.index-intro-container .note{ padding:40px 0;}
.indexTeam-container{ width:94%; max-width:none; padding:40px 0;}
.indexTeam-container .note{ font-weight:normal;}
.indexTeam-container .note h3{ font-size:18px; line-height:30px; padding-bottom:30px;}
.showRoom-container{ width:94%; max-width:none; padding:40px 0;}
.showRoom-container .note{ font-weight:normal;}
.index-intro-container .note{ font-size:14px; font-weight:normal;}
.index-intro-container .note h3{ font-size:18px; padding-bottom:30px;}
.cmore a{ font-weight:normal;}
#indexTeam .indexTeam{ height: 375px; max-width:none; }
.indexTeam-container .note{ font-size:14px; padding:40px 0 0;}
#showRoom .showRoom{ height: 375px; max-width:none; }
#showRoom1 .showRoom{ height: 375px; max-width:none; }
.showRoom-container .note{ padding:40px 0;}
.supplier-container{ padding:0 0 40px;}
.supplier-container .title{ padding:40px 0 30px 0;}
.supplier-container .title h3{ font-size:18px;}
.supplier-container .title hr{ margin:20px auto 0;}
.supplier-container .supplier{ width:94%; max-width:none;}
.supplier-container .supplierList ul li a{ line-height:22px; font-weight:normal;}
.supplier-container .supplierList ul li p{ height:110px; padding:20px; margin:0;}
.supplier-container .supplierList .show_more{ height:217px;}
.fashion-container{ width:94%; max-width:none; padding:40px 0;}
.fashion-container .fashionPic{ height:300px;}
.fashion-container .fashionNote{ padding:0; font-weight:normal;}
.partner-container{ width:94%; max-width:none; padding:0 0 40px;}
.partner-one{ padding:40px 0;}
.partner-container .title{ padding:0 0 30px;}
.partner-container .title h3{ font-size:18px;}
.partner-container .title .note{ padding:30px 0 0; font-weight:normal;}
.material-container{ font-size:14px;}
.material2-container .left_box{ width:55%; padding:0 4% 0 0;}
.material2-container .right_box{ width:45%;}
.material2-container .right_box video{ margin:140px 0 0;}
.material-container .title{ font-weight:normal;}
.material-container .title h3{ font-size:18px; padding:0 0 30px;}
.material2-container{ width:94%; max-width:none; padding:0 0 40px; font-size:14px;}
.material2-container .title{ font-weight:normal;}
.material2-container .title h3{ font-size:18px; line-height:30px; padding:40px 0 30px;}
.material3-container{ width:94%; font-size:14px;}
.material3-container .title{ font-weight:normal;}
.material3-containerbg{ padding:40px 0;}
.material3-container .left_box{ width:55%; padding:0 2% 0 0;}
.material3-container .right_box{ width:45%;}
.material4-container{ width:94%; font-size:14px; padding:40px 0;}
.material4-container .title{ font-weight:normal;}
.material4-container .title h3{ font-size:18px; line-height:30px; padding:0 0 10px;}
.material4-container .left_box{ width:50%;}
.material4-container .right_box{ width:50%; padding:0 0 0 30px;}

.fashion-container .fashionList2{ padding:30px 0;}
.fashion-container .fashionList2 ul li{ width:49%; margin:0 2% 2% 0;}
.fashion-container .fashionList2 ul li:nth-of-type(4n){ margin:0;}
.fashion-container .fashionList2 ul li:nth-of-type(2n){ margin:0 0 1.5% 0;}
.fashion-container .fashionList2 ul li p{ font-size:14px;}


/**about**/

.bannerLi{ height:300px;}.bannerLi2{ height:300px;}
.about-container{ width:94%; max-width:none;}
.about-container .title{ padding:40px;}
.about-container .title h2{ font-size:18px; font-weight:normal;}
.about-container .note{ font-size:14px; line-height:30px; font-weight:normal;}
.about-container .note h3{ font-size:14px;}

.sustainable-container .title{ padding:40px;}
.sustainable-container .title h2{ color:#595757; font-size:18px; font-weight:normal; text-transform:uppercase;}
.sustainable-container .note1{text-align: center; color: #585656; font-size: 16px; line-height: 24px;}
.sustainable-container .note2{text-align: center; color: #595757; font-size: 12px; line-height: 18px; margin-top: 10px;}
.sustainable-container .note3{text-align: center; color: #585656; font-size: 16px; line-height: 24px; background-color: #f5f1ee; display: inline-block; padding: 5px 15px;}
.sustainable-container .note4{text-align: center; color: #595757; font-size: 12px; line-height: 18px; margin-top: 10px;}
.sustainable-container .img{text-align: center;}
.sustainable-container .img img{ max-width: 90%; display:inline-block;}

.history-container{ width:94%; max-width:none;}
.history-container .title h3{ font-size:18px; font-weight:normal;}
#slider-home-top .slide-home-top,#slider-home-top-wap .slide-home-top { height: 330px; max-width:none; }
#slider-home-top .slide-content-wrapper p{ font-size:16px;}
#slider-home-top .slide-content-wrapper span{ font-size:40px; padding-bottom:20px;}
#slider-home-top .slide-content-wrapper h3{ font-size:20px; font-weight:normal; padding-bottom:0;}
.culture-container{ width:94%; max-width:none;}
.culture-container .cultureContent{ padding-bottom:40px;}
.culture-container .title{ padding:40px 0 40px 50px;}
.culture-container .title h3{ font-size:18px; font-weight:normal;}
.culture-container .title hr{ margin:20px 0 0;}
.culture-container .culturePic{ float:left; width:50%; height:480px; padding-bottom:40px;}
.culture-container .culturePic img{ height:100%;}
.culture-container .cultureNote{ padding:40px 0 40px 40px;}
.culture-container .cultureNote p{ font-size:14px; font-weight:normal;}
.culture-container .cultureNote h3{ font-size:16px; padding:0 0 8px;}
.culture-container .cultureDesc{ font-size:14px; padding:30px 0; line-height:30px; font-family:"Microsoft YaHei",微软雅黑,Arial, Helvetica, sans-serif;}
.team-container{ padding:0 0 40px;}
.team-container .title{ padding:40px 0;}
.team-container .title h3{ font-size:18px; font-weight:normal;}
.team-container ul li .note{ padding:15px; font-size:14px; font-weight:normal;}
.team-container ul li.team2{ padding:120px 0 0;}
.team-container ul li.team2 .note{ max-width:110px;}
.team-container ul li.team3 .note{ max-width:118px;}
.team-container ul li.team3{ padding:44px 0 0;}
.design-container{ width:94%; max-width:none; padding:0 0 30px 0;}
.design-container .title{ padding:40px 0;}
.design-container .title h3{ font-size:18px; font-weight:normal;}
.design-container .title hr{ margin:20px 0 0;}
.design-container .cultureDesc{ padding:0 0 40px 0;}
.design-container .cultureDesc .cultureDesc_nr{ font-size:14px; display:block !important; height:auto; padding:0 5% 0 3%; font-weight:normal;}
.design1-container .designList2 ul li{ margin:0 0 40px;}
.design1-container .designList2 ul li .rightDesc{ font-size:14px; padding:3% 0 0;}
.design1-container .designList2 ul li .rightDesc .Dcontent{ padding:0 0 20px;}
.design1-container .designList2 ul li .rightDesc .Dcontent h3{ font-size: 18px; line-height: 30px; padding: 0 0 10px;}
.design1-container .designList2 ul li .rightDesc .Dcontent span{ font-size: 16px; background: url(../images/design_line.gif) no-repeat -70px center; padding: 0 0 0 100px;}
.design1-container .designList2 ul li.Dfr .rightDesc{ padding:3% 0 0 0;}
.design-container .cultureList .collage-item{ height:170px;}

#showRoom{ width:100%;}
#showRoom i{ width:44px; height:44px; top:50%; margin:-22px 0 0;}
#showRoom i.arrow-icon-left{ left:0;}
#showRoom i.arrow-icon-right{ right:0;}

.showRoom-container{ height:715px; margin:0 auto 40px;}
.showRoom-container .note{ width:100%; max-width:none; font-weight:normal; padding:40px;}
.showRoom-container .note h3{ font-size:20px; line-height:30px;}

.found-container .title{ padding:40px 0;}
.found-container .title h3{ font-size:18px; font-weight:normal;}
.found-container .title .note{ font-weight:normal;}
.found-container .title .note span{ font-size:14px !important;}
.found-container{ width:94%; max-width:none; padding:0 0 40px;}
.found-container .foundList ul li a{ font-size:14px; font-weight:normal;}
/**partner**/
.map-container .note{ width:94%; max-width:none;}
.bannerLi .note { font-size: 40px; line-height: 50px;}
/****products*****/
.product-container .product-box{ height:auto !important;}
.product-container .product-box .pc{ display:none;}
.product-container .product-box .wap{ display:block;}
.product-container{ width:94%; max-width:none; padding:40px 0;}
.product-container .title{ padding:0 0 20px;}
.product-container .title h3{ font-size:20px;}
.product-container .product-box{ width:100%; margin:0 0 2% 0;}
.product-container .product-box:nth-of-type(2n){margin:0 2% 2% 0;}
.product-container .product-box.fr:nth-of-type(2n){margin:0 0 2% 2%;}
.product-container .product-box ul{ overflow:hidden;}
.product-container .product-box ul li{ float:left; width:49%; margin:0 0 2% 0; background:#f0f0f0;}
.product-container .product-box ul li:nth-of-type(2n){margin:0 0 2% 2%;}
.product-container .product-box ul li:nth-child(3){ margin-bottom:0;}
.product-container .product-box ul li:nth-child(4){ margin-bottom:0;}
.product-container .product-box .feed{ background: url(../images/logo.png) no-repeat 15px 18px; background-size: 70px;}
.search-container{ width:94%; max-width:none; padding:60px 0 0;}

.product-list-container{ width:94%; max-width:none;}
.product-list-container .product-list ul li{ width:32%; margin:0 2% 2% 0;}
.product-list-container .product-list ul li:nth-of-type(4n){ margin:0 2% 2% 0;}
.product-list-container .product-list ul li:nth-of-type(3n){ margin:0 0 2% 0 !important;}
.product-list-container .product-list .note{ padding:0; margin:0 10px; height:80px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product-list-container .product-list .note a.add{ margin:20px auto 0; position:static;}
.product-list-container .product-list .feed{ height:40px; background: url(../images/logo.png) no-repeat 15px 18px; background-size: 60px;}
.product-list-container .product-list .heart{ height:40px;}
.product-list-container .product-list .likeCount{ bottom:-10px;}
.product-list-container .product-list img{ width:100%;}

.Detail-container{ width:94%; max-width:none; padding:0 0 60px;}
.Detail-container .title{ padding:0 0 50px;}
.Detail-container .title h2{ font-size:22px;}
.product-list-container{ padding:60px 0;}.pb30{ padding-bottom:30px;}
.product-list-container .Dnote .Desc{ padding:0 0 0 30px;}
.product-list-container .Dnote .Desc table td, .product-list-container .Dnote .Desc table th{ padding:6px 0;}
.product-list-container .Dnote .Desc table{ width:100%;}
.product-list-container .cmore{ width: auto; margin: 20px 0 0 30px; padding:0;}
.product-list-container .cmore a{ width:100%;}
.productDetail .pc{ display:none;}

.found-container .foundList ul li p{ height: auto; margin: 20px 0; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.service-qc-container{ width:94%; max-width:none;}
.service-qcbg{ padding:40px 0;}.pb40{ padding:0 0 40px;}
.sample-container{ width:94%; max-width:none; padding:40px 0;}
.sample-container .samplePic{ float:none; width:100%; height:auto; padding:0;}
.sample-container #indexTeam .indexTeam{ height:540px;}
.sample-container .sampleNote{ float:none; width:100%; padding:30px 0;}

#showRoom1{ width:100%; position:relative; right:auto;}
#showRoom1 i{ width:44px; height:44px; top:50%; margin:-22px 0 0;}
#showRoom1 i.arrow-icon-left{ left:0;}
#showRoom1 i.arrow-icon-right{ right:0;}
.showRoom1-container{ height:auto; margin:0 auto;}
.showRoom1-container .note{ position:static; width:100%; max-width:none; font-weight:normal; padding:20px; margin:3% 0 0; text-align:left;}
.showRoom1-container .note h3{ font-size:16px; line-height:30px;}

.design1-container{ width:94%; max-width:none; padding:40px 0;}
.design1-container .designList ul li.de1 .pic{ width:40%;}
.design1-container .designList ul li.de1 .note{ width: 55%; padding: 50px 0 0 50px;}
.design1-container .designList ul li{ height:350px;}
.design1-container .designList ul li.de2 .pic{ width:40%; margin:-50px 0 0;}
.design1-container .designList ul li.de2 .note{ width: 55%; padding: 50px 0 0 50px;}
.design1-container .designList ul li.de1 .note .title1 p,.design1-container .designList ul li.de2 .note .title1 p{ float:none; width:100%;}
.design1-container .designList ul li.de1 .note .title1 span,.design1-container .designList ul li.de2 .note .title1 span{ float:none; width:100%; line-height:20px; padding:10px 0 0; font-size:16px;}

.input_item input,.input_item textarea{ padding-left:7% !important;}
.input_item input.loginyzm{ padding-left:34% !important;}

.news-container{ width:94%; max-width:none; padding:40px 0;}
.newsshow-container .title{ padding:60px 0;}
.newsshow-container .title h2{ font-size:20px;}
.news-container ul li{ padding:30px 0;}
.news-container ul li p{ width:65%; font-size:16px; padding:35px 0 0; height:150px; overflow:hidden;}
.news-container ul li span{ font-weight:normal}

.contact-container{ width:94%; max-width:none; padding:0 0 40px;}
.contact-container .title{ padding:50px 0;}
.contact-container .left_box{ line-height:26px;}
.contact-container .left_box dl dt{ font-size:14px; font-weight:bold;}
.contact-container .left_box dl dd{ font-weight:normal;}
.contact-container .left_box dl.note1 dt{ background-size: 16px; background-position:0 3px; padding: 0 0 10px 25px;}
.contact-container .left_box dl.note2 dt{ background-size: 13px; background-position:3px 3px; padding: 0 0 10px 25px;}
.contact-container .left_box dl.note3 dt{ background-size: 16px; background-position:2px 4px; padding: 0 0 15px 25px;}
.contact-container .left_box dl.note4 dt{ background-size: 18px; background-position:2px 7px; padding: 0 0 15px 30px;}
.contact-container .left_box dl.note5 dt{ background-size: 17px; background-position:2px 5px; padding: 0 0 15px 30px;}
.contact-container .left_box dl.note6 dt{ background-size: 17px; background-position:2px 4px; padding: 0 0 15px 30px;}

.quality-container{ padding:60px 0 0;}
.quality-container .title{ width:94%; max-width:none;}
.quality-container .title h3{ font-size:18px; line-height:30px;}
.quality-container .note{ padding:0 0 0 25px;}
.quality-container .note dl{ width:300px; height:290px; padding:35px;}
.quality-container .note dl dt{ font-weight:normal;}
.quality-container .note dl dd{ padding:30px 0 0;}
.quality-container .note dl dd span{ font-size:20px; padding:5px 0;}
.quality-container .note dl dd p{ font-weight:normal;}
.quality2-container{ width:94%; max-width:none; display:block; padding:50px 0;}
.quality2-container .note{ float:none; width:100%; margin:0;}
.quality2-container .note:nth-of-type(2n){ margin:0;}
.quality2-container .note h3{ font-size:32px; font-weight:normal; padding:0 0 30px; text-align:center;}
.quality2-container .note table td{ padding:25px 0;}
.quality3-container{ width:94%; max-width:none;}
.quality3-container .title h3{ font-size:18px;}
.quality4-container{ width:94%; max-width:none; padding:60px 0;}
.quality4-container ul li h3{ font-size:18px; line-height:30px; background-size:63px;}
.quality4-container ul li p{ font-weight:normal;}
.quality4-container ul li{ height:auto; margin:0;}
.quality4-container ul li{ float:left; width:49%; height:360px; margin:2% 0 0;}
.quality4-container ul li:nth-of-type(2n){ margin:2% 0 0 2%;}
.quality4-container ul li:nth-of-type(3n){ margin:2% 0 0;}
.quality4-container ul li p.more{ margin:30px 0 0;}
.quality4-container ul li i{ background-size: 70px;}
.quality4-container ul li.t1{ padding:60px 40px 0;}

.service-qc-container .title{ padding:0 0 40px;}
.service-qc-container .title h3{ font-size:18px; font-weight:normal;}
.service-qc-container .note ul li .note{ height:auto; padding:30px;}
.service-qc-container .note ul li .note .Ftitle{ font-size:16px; font-weight:normal;}
.service-qc-container .note ul li .note .desc{ font-size:14px; font-weight:normal;}
.service-qc-container .note ul li .note p.more{ font-weight:normal;}

.design1-container{ width:94%; padding:40px 0 0;}
.design1-container .title{ padding:0 0 40px;}
.design1-container .title h3{ font-size:18px;}
.design1-container .title .note{ font-size:14px; padding:40px 0; font-weight:normal;}
.design1-container .designList ul li{ height:auto;}
.design1-container .designList ul li .note{ padding:0 0 25px;}
.design1-container .designList ul li .note p{ font-size:18px; padding:0 40px;}
.design1-container .designList ul li .note span{ font-size:14px; margin:5px 0 0; font-weight:normal;}
.design2-container{ width:94%; padding:0 0 40px;}
.design2-container .title{ margin:-65px 0 0 -275px;}
.design2-container .title h3{ font-size:18px; text-align:center;}
.design2-container .title .cmore{ margin:30px auto 0;}

.service-factory-container{ width:94%; max-width:none; padding:60px 0;}
.service-factory-container .title{ padding:0 0 40px;}
.service-factory-container .title h3{ font-size:18px;}
.service-factory-container .note{ font-size:14px; font-weight:normal;}
.service-factory1-bg{ padding:60px 0;}
.service-factory1-container{ width:94%; max-width:none;}
.service-factory1-container .title h3{ font-size:18px;}
.service-factory1-container .title{ padding:0 0 40px;}
.service-factory1-container .note{ font-weight:normal;}
.service-factory2-container{ width:94%; max-width:none; padding:60px 0;}
.service-factory1-container .capacity dl dt{ font-size:18px; font-weight:normal; padding:70px 0 20px;}
.service-factory1-container .capacity dl.c01 dt,.service-factory1-container .capacity dl.c02 dt,.service-factory1-container .capacity dl.c03 dt{ background-size:50px !important;}
.service-factory1-container .capacity dl dd{ font-size:14px; font-weight:normal;}
.service-factory1-container .capacity dl.c01{ padding:0 0 0 20px;}
.service-factory1-container .capacity dl.c02{ padding:0 0 0 20px;}
.service-factory1-container .capacity dl.c03{ padding:0 0 0 20px;}
.service-factory2-container{ padding:40px 0;}
.service-factory2-container .title{ padding:0 0 40px;}
.service-factory2-container .title h3{ font-size:18px;}
.service-factory2-container .process{ height:530px; overflow:hidden;}
.service-factory2-container .process .pro1{ top:28px; left:10px;}
.service-factory2-container .process .pro1 img{ width:60%;}
.service-factory2-container .process .pro2{ top:28px; left:150px;}
.service-factory2-container .process .pro2 img{ width:60%;}
.service-factory2-container .process .pro3{ left:190px; top:55px;}
.service-factory2-container .process .pro4 img{ width:70%;}
.service-factory2-container .process .pro4{ left:450px; top:40px;}
.service-factory2-container .process .pro5 img{ width:62%;}
.service-factory2-container .process .pro5{ left:300px; top:220px;}
.service-factory2-container .process .pro6{ position:absolute; left:135px; top:310px;}
.service-factory2-container .process .pro6 img{ width:60%;}
.service-factory2-container .process .pro7{ position:absolute; left:45px; top:340px;}
.service-factory2-container .process .pro7 img{ width:70%;}
.service-factory2-container .process .pro8{ left:33px; top:460px; text-align:center;}
.service-factory2-container .process .pro3 h3,.service-factory2-container .process .pro8 h3{ padding:0; font-weight:normal; font-size:14px;}
.service-factory2-container .process .pro3 p,.service-factory2-container .process .pro8 p{ font-size:14px;}
.service-factory2-container .process .pro9{ right:55px; top:240px;}
.service-factory2-container .process .pro9 img{ width:60%;}
.service-factory2-container .process .pro10{ right:-65px; top:200px;}
.service-factory2-container .process .pro10 img{ width:60%;}
.service-factory2-container .process .pro11{ right:175px; top:360px;}
.service-factory2-container .process .pro11 img{ width:60%;}
.service-factory2-container .process .pro12{ right:5px; top:400px;}
.service-factory2-container .process .pro12 img{ width:60%;}

.sustainability-qcbgfff{ padding:0 0 45px;}
.sustainability-qcbgfff .sustainability-qc-container table{ font-size:16px; width:100%;}
.sustainability-qc-container{ width:94%; max-width:none;}
.sustainability-qc-container .title{ padding:40px 0 0; font-size:14px; font-weight:normal;}
.sustainability-qc-container .title h3{ font-size:18px; padding:0 0 20px;}
.sustainability2-qc-container{ width:94%; max-width:none;}
.sustainability2-qc-container .title{ padding:40px 0;}
.sustainability2-qc-container .title h3{ font-size:16px;}
.sustainability2-qc-container .note .desc{ font-size:14px; padding:0; font-weight:normal;}
.sustainability2-qc-container .note .desc h3{ font-size:18px;}
.sustainability2-qc-container .note .box{ float:none; width:100%;}
.sustainability2-qc-container .note .img img{ width:60% !important; margin:0 auto; text-align:center;}
.sustainability2-qc-container .note2 .img img{ margin:0 auto 40px;}
.sustainability2-qc-container .note2 h3 br{ display:none;}

.zero-more-d1{background-color: #f7f8f8;}
.zero-more-d1-m{width: 94%; margin: 0 auto; height: 254px; position: relative; }
.zero-more-d1-m img{ position: absolute; left: -100px; bottom: 0; width: 300px;}
.zero-more-d1-i1{position: absolute; right: 0; top: 45px; font-size: 25px; line-height: 42px; font-weight: bold; color: #000;}
.zero-more-d1-i2{position: absolute; right: 0; bottom: 35px; font-size: 18px; font-weight: bold; color: #000;}

.zero-more-d2{background-color: #fff;}
.zero-more-d2-m{width: 70%; max-width:1320px; margin:0 auto; margin: 0 auto; position: relative; }
.zero-more-d2-m ul{display: flex;}
.zero-more-d2-m li{flex: 1;}
.zero-more-d2-m li:first-child{padding: 120px 0 0 70px; color: #000; font-size: 32px;}
.zero-more-d2-m li:last-child{padding: 120px 20px 0 20px; font-size: 16px; line-height: 28px;}
.zero-more-d2-m-li-t{line-height: 38px; padding-bottom: 20px; padding-left: 10px;}
.zero-more-d2-m-img{ padding: 90px 0 55px 0;}
.zero-more-d2-m-img img{ width: 100%;}

.zero-more-d3{background-color: #f7f8f8;}
.zero-more-d3-m{width: 70%; max-width:700px; margin:0 auto; position: relative; min-height: 449px; padding-bottom: 30px; }
.zero-more-d3-m-title{padding: 104px 0 35px 0; line-height: 45px; color: #000; font-size: 32px; text-align: center;}
.zero-more-d3-m-node{ line-height: 28px; text-align: center; color: #595757;}

.zero-more-d4{background-color: #fff;}
.zero-more-d4-m{ max-width:none; margin:0 auto; position: relative; padding-bottom: 80px; min-height: auto; }
.zero-more-d4-m ul{display: flex;}
.zero-more-d4-m li{flex: 1;}
.zero-more-d4-m li:first-child{padding: 60px 0 0 20px;}
.zero-more-d4-m li:last-child{padding: 120px 20px 0 20px;}
.zero-more-d4-m-title{ color: #000; font-size: 32px; padding-bottom: 20px;}
.zero-more-d4-m-node{ font-size: 16px; color: #595757; line-height: 28px; }
.zero-more-d4-m-img{ padding-bottom: 5px;}
.zero-more-d4-m-img img{width: 100%;}

.zero-more-d5{background-color: #f7f8f8;}
.zero-more-d5-m{width: 70%; max-width:700px; margin:0 auto; position: relative; min-height: 449px; padding-bottom: 30px; }
.zero-more-d5-m-title{padding: 104px 0 35px 0; line-height: 45px; color: #000; font-size: 32px; text-align: center;}
.zero-more-d5-m-node{ line-height: 28px; text-align: center; color: #595757;}

.zero-more-d6{background-color: #fff;}
.zero-more-d6-m{max-width:1320px; margin:0 auto; position: relative; min-height: 600px; padding-bottom: 30px; }
.zero-more-d6-m-title{padding: 80px 0 35px 0; line-height: 45px; color: #000; font-size: 32px; text-align: center;}
.zero-more-d6-m-node{ line-height: 32px; text-align: center; color: #595757;  max-width: 600px; margin: 0 auto;}
.zero-more-d6-m-img{padding: 70px 0 10px 0;}
.zero-more-d6-m-img img{max-width: 100%;}
.zero-more-d6-m-img ul{display: flex; padding: 0 20px;}
.zero-more-d6-m-img li{flex: 1; padding: 0 20px;}

.zero-more-d7{background-color: #f7f8f8;}
.zero-more-d7-m{max-width:auto; margin:0 auto; position: relative; min-height: 1000px; padding-bottom: 30px; }
.zero-more-d7-m-title{padding: 104px 0 35px 0; line-height: 45px; color: #000; font-size: 32px; text-align: center;}
.zero-more-d7-m-node{ line-height: 32px; text-align: center; color: #595757;  max-width: 600px; margin: 0 auto;}
.zero-more-d7-m-img{padding: 80px 0 10px 0; text-align: center;}
.zero-more-d7-m-img img{max-width: 100%;}

.zero-more-d8{background-color: #fff;}
.zero-more-d8-m{max-width:1320px; margin:0 auto; position: relative; min-height: 550px; padding-bottom: 30px; }
.zero-more-d8-m-title{padding: 80px 0 35px 0; line-height: 45px; color: #000; font-size: 32px; text-align: center;}
.zero-more-d8-m-node{ line-height: 32px; text-align: center; color: #595757;  max-width: 600px; margin: 0 auto;}
.zero-more-d8-m-img{padding: 70px 0 10px 0;}
.zero-more-d8-m-img img{max-width: 100%;}
.zero-more-d8-m-img ul{display: flex; padding: 0 20px;}
.zero-more-d8-m-img li{flex: 1; padding: 0 20px;}

.zero-more-d9{background-color: #f7f8f8;}
.zero-more-d9-m{max-width:1320px; margin:0 auto; position: relative; min-height: 550px; padding-bottom: 30px; }
.zero-more-d9-m-title{padding: 80px 0 35px 0; line-height: 45px; color: #000; font-size: 32px; text-align: center;}
.zero-more-d9-m-node{ line-height: 32px; text-align: center; color: #595757;  max-width: 600px; margin: 0 auto;}
.zero-more-d9-m-img{padding: 70px 0 10px 0;}
.zero-more-d9-m-img img{max-width: 100%;}
.zero-more-d9-m-img ul{display: flex; padding: 0 20px;}
.zero-more-d9-m-img li{flex: 1; padding: 0 20px;}

.fashion-container .fashionNote{ font-size:14px;}
.fashion-container .fashionNote .title{ padding:0;}
.fashion-container .fashionNote h3{ font-size:18px; line-height:30px;}
.fashion-container .fashionNote2{ font-size:14px; padding:0 30px; font-weight:normal;}
.fashion-container .fashionNote2 .title{ padding:0; display:block;}
.fashion-container .fashionNote2 h3{ font-size:18px; line-height:30px; padding:5px 0 0;}
.fashion-container .fashionPic2{ height:295px;}
.fashion-container .fashionNote2 .note { font-size: 14px; padding: 20px 0 0;}
.fashion-container .fashionNote2 span{ width:300px; padding:10px 0 0;}
.fashion-container .fashionList{ padding:40px 0 0;}
.fashion-container .fashionList ul li p{ font-size:14px; padding:20px 0 10px;}
.fashion-container .fashionList ul li span{ font-weight:normal;}
.fashion-container .fashionList ul li i{ font-weight:normal;}
.fashion-container .fashionList ul li a{ font-size:14px;}
.pb0{ padding-bottom:0;}

.social-container{ width:94%; padding:40px 0; font-size:14px;}
.social-container .title{ font-weight:normal;}
.social-container .title h3{ font-size:18px; padding:30px 0 10px;}
.social-container .title2{ font-weight:normal;}
.social-container .title2 h3{ font-size:18px;}
.social-container .title2 span{ font-size:16px; padding:0 0 10px;}
.social-container .note1{ margin:0 0 40px;}
.social-container .note1 .box3 { float: none; width: 100%; margin: 0; font-size: 14px; font-weight: normal; padding:0 0 40px;}
.social-container .note1 .box3 h3{ font-size:18px; padding:0 0 10px;}
.social-container .note2{ padding:0 0 60px;}
.social-container .note2 .social1  div{ max-height:150px;}
.social-container .note2 .social1  img{ width:100%; display:block;}
.social-container .note2 .social1 .day1{ width:28%; margin:0 2.2% 2.2% 0;}
.social-container .note2 .social1 .day2{ width:38%; margin:0 2.2% 2.2% 0;}
.social-container .note2 .social1 .day3{ width:29.6%; margin:0 0 2.2% 0;}
.social-container .note2 .social1 .day4{ width:46%; margin:0 2.2% 2.2% 0;}
.social-container .note2 .social1 .day5{ width:51.8%; margin:0 0 2.2% 0;}
.social-container .note3 .social1  div{ max-height:150px;}
.social-container .note3 .social1  img{ width:100%; display:block;}
.social-container .note3 .social1 .day1{ width:22%; margin:0 2.2% 2.2% 0;}
.social-container .note3 .social1 .day2{ width:22%; margin:0 2.2% 2.2% 0;}
.social-container .note3 .social1 .day3{ width:51.4%; margin:0 0 2.2% 0;}
.social-container .note3 .social1 .day4{ width:31.8%; margin:0 2.2% 2.2% 0;}
.social-container .note3 .social1 .day5{ width:31.8%; margin:0 2.2% 2.2% 0;}
.social-container .note3 .social1 .day6{ width:31.8%; margin:0 0 2.2% 0;}
.cmore a{ font-weight:normal;}

}

/* iPads (portrait) 纵向----------- */  
@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)   
and (orientation : landscape) {  
/**Index**/
#bannerWap{ display:none}
#bannerIndex .slide-home-top{ height: 350px; max-width:none; }
.banner-container{ height:350px; max-width:none;}
#bannerIndex .slide-content-wrapper p{ font-size:36px; line-height:60px;}
#bannerIndex .slide-content-wrapper span{ font-size:40px; padding-bottom:20px;}
#bannerIndex i{ display:none !important;}#indexTeam i{ text-indent:-9999px;}#showRoom i{ text-indent:-9999px;}
.index-about-container .note{ padding:40px 0; font-weight:normal;}
.index-about-container .note h3{ font-size:18px; line-height:30px; padding-bottom:20px;}
.index-intro-container .note{ padding:40px 0;}
.indexTeam-container{ width:94%; max-width:none; padding:40px 0;}
.indexTeam-container .note{ font-weight:normal;}
.showRoom-container{ width:94%; max-width:none; padding:40px 0;}
.showRoom-container .note{ font-weight:normal;}
.index-intro-container .note{ font-size:14px; font-weight:normal;}
.cmore a{ font-weight:normal;}
#indexTeam .indexTeam{ height: 500px; max-width:none; }
.indexTeam-container .note{ font-size:14px; padding:40px 0 0;}
.indexTeam-container .note h3{ font-size:18px; line-height:30px; padding-bottom:30px;}
#showRoom .showRoom{ width:780px; height: 435px; max-width:none; }
.showRoom-container .note{ padding:40px 0;}
.supplier-container{ padding:0 0 40px;}
.supplier-container .title{ padding:40px 0 30px 0;}
.supplier-container .title h3{ font-size:18px;}
.supplier-container .title hr{ margin:20px auto 0;}
.supplier-container .supplier{ width:94%; max-width:none;}
.supplier-container .supplierList ul li a{ line-height:22px; font-weight:normal;}
.supplier-container .supplierList ul li p{ height:90px; padding:20px; margin:0;}
.supplier-container .supplierList .show_more{ height:289px;}
.fashion-container{ width:94%; max-width:none; padding:40px 0;}
.fashion-container .fashionPic{ height:300px;}
.fashion-container .fashionNote{ padding:0; font-weight:normal;}
.fashion-container .fashionNote h3{ font-size:18px; line-height:30px;}
.partner-container{ width:94%; max-width:none; padding:0 0 40px;}
.partner-one{ padding:40px 0;}
.partner-container .title{ padding:0 0 30px;}
.partner-container .title .note{ padding:20px 0 0; font-weight:normal;}
.partner-container .title h3{ font-size:18px; line-height:30px;}
.material-container{ font-size:14px;}
.material2-container .left_box{ width:55%; padding:0 4% 0 0;}
.material2-container .right_box{ width:45%;}
.material2-container .right_box video{ margin:140px 0 0;}
.material-container .title{ font-weight:normal;}
.material-container .title h3{ font-size:18px; padding:0 0 30px;}
.material2-container{ width:94%; max-width:none; padding:0 0 40px; font-size:14px;}
.material2-container .title{ font-weight:normal;}
.material2-container .title h3{ font-size:18px; line-height:30px; padding:40px 0 30px;}
.material3-container{ width:94%; font-size:14px;}
.material3-container .title{ font-weight:normal;}
.material3-containerbg{ padding:40px 0;}
.material3-container .left_box{ width:55%; padding:0 2% 0 0;}
.material3-container .right_box{ width:45%;}
.material4-container{ width:94%; font-size:14px; padding:40px 0;}
.material4-container .title{ font-weight:normal;}
.material4-container .title h3{ font-size:18px; line-height:30px; padding:0 0 10px;}
.material4-container .left_box{ width:50%;}
.material4-container .right_box{ width:50%; padding:0 0 0 30px;}

.fashion-container .fashionList2{ padding:30px 0;}
.fashion-container .fashionList2 ul li{ width:49%; margin:0 2% 2% 0;}
.fashion-container .fashionList2 ul li:nth-of-type(4n){ margin:0;}
.fashion-container .fashionList2 ul li:nth-of-type(2n){ margin:0 0 1.5% 0;}
.fashion-container .fashionList2 ul li p{ font-size:14px;}
/**about**/
.bannerLi{ height:350px;}.bannerLi2{ height:350px;}
.about-container{ width:94%; max-width:none;}
.about-container .title{ padding:40px;}
.about-container .title h2{ font-size:18px; font-weight:normal;}
.about-container .note{ font-size:14px; line-height:30px; font-weight:normal;}
.about-container .note h3{ font-size:14px;}

.sustainable-container .title{ padding:40px;}
.sustainable-container .title h2{ color:#595757; font-size:18px; font-weight:normal;}
.sustainable-container .note1{text-align: center; color: #585656; font-size: 16px; line-height: 24px;}
.sustainable-container .note2{text-align: center; color: #595757; font-size: 12px; line-height: 18px; margin-top: 10px;}
.sustainable-container .note3{text-align: center; color: #585656; font-size: 16px; line-height: 24px; background-color: #f5f1ee; display: inline-block; padding: 5px 15px;}
.sustainable-container .note4{text-align: center; color: #595757; font-size: 12px; line-height: 18px; margin-top: 10px;}
.sustainable-container .img{text-align: center;}
.sustainable-container .img img{ max-width: 90%; display:inline-block;}

.zero-more-d1{background-color: #f7f8f8;}
.zero-more-d1-m{width: 94%; margin: 0 auto; height: 254px; position: relative; }
.zero-more-d1-m img{ position: absolute; left: -100px; bottom: 0; width: 300px;}
.zero-more-d1-i1{position: absolute; right: 0; top: 45px; font-size: 25px; line-height: 42px; font-weight: bold; color: #000;}
.zero-more-d1-i2{position: absolute; right: 0; bottom: 35px; font-size: 18px; font-weight: bold; color: #000;}

.zero-more-d2{background-color: #fff;}
.zero-more-d2-m{width: 70%; max-width:1320px; margin:0 auto; margin: 0 auto; position: relative; }
.zero-more-d2-m ul{display: flex;}
.zero-more-d2-m li{flex: 1;}
.zero-more-d2-m li:first-child{padding: 120px 0 0 70px; color: #000; font-size: 32px;}
.zero-more-d2-m li:last-child{padding: 120px 20px 0 20px; font-size: 16px; line-height: 30px;}
.zero-more-d2-m-li-t{line-height: 38px; padding-bottom: 20px; padding-left: 10px;}
.zero-more-d2-m-img{ padding: 90px 0 55px 0;}
.zero-more-d2-m-img img{ width: 100%;}

.zero-more-d3{background-color: #f7f8f8;}
.zero-more-d3-m{width: 70%; max-width:700px; margin:0 auto; position: relative; min-height: 449px; padding-bottom: 30px; }
.zero-more-d3-m-title{padding: 104px 0 35px 0; line-height: 45px; color: #000; font-size: 32px; text-align: center;}
.zero-more-d3-m-node{ line-height: 32px; text-align: center; color: #595757;}

.zero-more-d4{background-color: #fff;}
.zero-more-d4-m{ max-width:none; margin:0 auto; position: relative; padding-bottom: 80px; min-height: auto; }
.zero-more-d4-m ul{display: flex;}
.zero-more-d4-m li{flex: 1;}
.zero-more-d4-m li:first-child{padding: 60px 0 0 20px;}
.zero-more-d4-m li:last-child{padding: 120px 20px 0 20px;}
.zero-more-d4-m-title{ color: #000; font-size: 32px; padding-bottom: 20px;}
.zero-more-d4-m-node{ font-size: 16px; color: #595757; line-height: 28px; }
.zero-more-d4-m-img{ padding-bottom: 5px;}
.zero-more-d4-m-img img{width: 100%;}

.zero-more-d5{background-color: #f7f8f8;}
.zero-more-d5-m{width: 70%; max-width:700px; margin:0 auto; position: relative; min-height: 449px; padding-bottom: 30px; }
.zero-more-d5-m-title{padding: 104px 0 35px 0; line-height: 45px; color: #000; font-size: 32px; text-align: center;}
.zero-more-d5-m-node{ line-height: 32px; text-align: center; color: #595757;}

.zero-more-d6{background-color: #fff;}
.zero-more-d6-m{max-width:1320px; margin:0 auto; position: relative; min-height: 600px; padding-bottom: 30px; }
.zero-more-d6-m-title{padding: 80px 0 35px 0; line-height: 45px; color: #000; font-size: 32px; text-align: center;}
.zero-more-d6-m-node{ line-height: 32px; text-align: center; color: #595757;  max-width: 600px; margin: 0 auto;}
.zero-more-d6-m-img{padding: 70px 0 10px 0;}
.zero-more-d6-m-img img{max-width: 100%;}
.zero-more-d6-m-img ul{display: flex; padding: 0 20px;}
.zero-more-d6-m-img li{flex: 1; padding: 0 20px;}

.zero-more-d7{background-color: #f7f8f8;}
.zero-more-d7-m{max-width:auto; margin:0 auto; position: relative; min-height: 1000px; padding-bottom: 30px; }
.zero-more-d7-m-title{padding: 104px 0 35px 0; line-height: 45px; color: #000; font-size: 32px; text-align: center;}
.zero-more-d7-m-node{ line-height: 32px; text-align: center; color: #595757;  max-width: 600px; margin: 0 auto;}
.zero-more-d7-m-img{padding: 80px 0 10px 0; text-align: center;}
.zero-more-d7-m-img img{max-width: 100%;}

.zero-more-d8{background-color: #fff;}
.zero-more-d8-m{max-width:1320px; margin:0 auto; position: relative; min-height: 550px; padding-bottom: 30px; }
.zero-more-d8-m-title{padding: 80px 0 35px 0; line-height: 45px; color: #000; font-size: 32px; text-align: center;}
.zero-more-d8-m-node{ line-height: 32px; text-align: center; color: #595757;  max-width: 600px; margin: 0 auto;}
.zero-more-d8-m-img{padding: 70px 0 10px 0;}
.zero-more-d8-m-img img{max-width: 100%;}
.zero-more-d8-m-img ul{display: flex; padding: 0 20px;}
.zero-more-d8-m-img li{flex: 1; padding: 0 20px;}

.zero-more-d9{background-color: #fff;}
.zero-more-d9-m{max-width:1320px; margin:0 auto; position: relative; min-height: 550px; padding-bottom: 30px; }
.zero-more-d9-m-title{padding: 80px 0 35px 0; line-height: 45px; color: #000; font-size: 32px; text-align: center;}
.zero-more-d9-m-node{ line-height: 32px; text-align: center; color: #595757;  max-width: 600px; margin: 0 auto;}
.zero-more-d9-m-img{padding: 70px 0 10px 0;}
.zero-more-d9-m-img img{max-width: 100%;}
.zero-more-d9-m-img ul{display: flex; padding: 0 20px;}
.zero-more-d9-m-img li{flex: 1; padding: 0 20px;}

.history-container{ width:94%; max-width:none;}
.history-container .title h3{ font-size:18px; font-weight:normal;}
#slider-home-top .slide-home-top,#slider-home-top-wap .slide-home-top { height: 440px; max-width:none; }
#slider-home-top .slide-content-wrapper p{ font-size:16px;}
#slider-home-top .slide-content-wrapper span{ font-size:40px; padding-bottom:20px;}
#slider-home-top .slide-content-wrapper h3{ font-size:20px; font-weight:normal; padding-bottom:0;}
.culture-container{ width:94%; max-width:none;}
.culture-container .cultureContent{ padding-bottom:40px;}
.culture-container .title{ padding:40px 0 40px 50px;}
.culture-container .title h3{ font-size:18px; font-weight:normal;}
.culture-container .title hr{ margin:20px 0 0;}
.culture-container .culturePic{ float:left; width:50%; height:480px;}
.culture-container .culturePic img{ height:100%;}
.culture-container .cultureNote p{ font-size:14px; font-weight:normal;}
.culture-container .cultureNote h3{ font-size:16px; padding:0 0 8px;}
.culture-container .cultureDesc{ font-size:14px; padding:30px 0; line-height:30px; font-family:"Microsoft YaHei",微软雅黑,Arial, Helvetica, sans-serif;}
.team-container{ padding:0 0 40px;}
.team-container .title{ padding:40px 0;}
.team-container .title h3{ font-size:18px; font-weight:normal;}
.team-container ul li .note{ padding:15px; font-size:14px; font-weight:normal;}
.team-container ul li.team2{ padding:150px 0 0;}
.team-container ul li.team2 .note{ max-width:110px;}
.team-container ul li.team3 .note{ max-width:118px;}
.team-container ul li.team3{ padding:44px 0 0;}
.design-container{ width:94%; max-width:none; padding:0 0 30px 0;}
.design-container .title{ padding:40px 0;}
.design-container .title h3{ font-size:18px; font-weight:normal;}
.design-container .title hr{ margin:30px 0 0;}
.design-container .cultureDesc{ padding:0 0 40px 0;}
.design-container .cultureDesc .cultureDesc_nr{ font-size:14px; height:auto; display:block !important; padding:0 5% 0 3%; font-weight:normal;}
.design-container .cultureList .collage-item{ height:225px;}
.design1-container .designList2 ul li{ margin:0 0 40px;}
.design1-container .designList2 ul li .rightDesc{ font-size:14px; padding:3% 0 0;}
.design1-container .designList2 ul li .rightDesc .Dcontent{ padding:0 0 20px;}
.design1-container .designList2 ul li .rightDesc .Dcontent h3{ font-size: 18px; line-height: 30px; padding: 0 0 10px;}
.design1-container .designList2 ul li .rightDesc .Dcontent span{ font-size: 16px; background: url(../images/design_line.gif) no-repeat -70px center; padding: 0 0 0 100px;}
.design1-container .designList2 ul li.Dfr .rightDesc{ padding:3% 0 0 0;}

.found-container .title{ padding:40px 0;}
.found-container .title h3{ font-size:18px; font-weight:normal;}
.found-container .title .note{ font-weight:normal;}
.found-container .title .note span{ font-size:14px !important;}
.found-container{ width:94%; max-width:none; padding:0 0 40px;}
.found-container .foundList ul li a{ font-size:14px; font-weight:normal;}
/**partner**/
.map-container .note{ width:94%; max-width:none;}
.bannerLi .note { font-size: 40px; line-height: 50px;}
/****products*****/
.product-container{ width:94%; max-width:none; padding:60px 0 0;}
.product-container .title{ padding:0 0 20px;}
.product-container .title h3{ font-size:20px;}
.product-container .product-box .note a.add{ right:20px;}
.product-container .product-box .note{ padding:0 50px 0 20px;}
.product-container .product-box .feed{ height:49px; background: url(../images/logo.png) no-repeat 15px 18px; background-size: 60px;}
.product-container .product-box .heart{ height:49px;}
.product-container .product-box .likeCount{ bottom:0;}
.product-container .product-box img{ width:100%; height:100%;}
.search-container{ width:94%; max-width:none; padding:60px 0 0;}

.product-list-container{ width:94%; max-width:none;}.pb30{ padding-bottom:30px;}
.product-list-container .product-list ul li{ width:23.3%; margin:0 2% 2% 0;}
.product-list-container .product-list ul li:nth-of-type(3n){ margin:0 2% 2% 0 !important;}
.product-list-container .product-list ul li:nth-of-type(4n){ margin:0 0 2% 0 !important;}


.product-list-container .product-list .note{ padding:0; margin:0 10px; height:80px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product-list-container .product-list .note a.add{ margin:20px auto 0; position:static;}
.product-list-container .product-list .feed{ height:40px; background: url(../images/logo.png) no-repeat 15px 18px; background-size: 60px;}
.product-list-container .product-list .heart{ height:40px;}
.product-list-container .product-list .likeCount{ bottom:-10px;}
.product-list-container .product-list img{ width:100%;}

.Detail-container{ width:94%; max-width:none; padding:0 0 60px;}
.Detail-container .title{ padding:60px 0 50px;}
.Detail-container .title h2{ font-size:22px;}
.product-list-container .Dnote .Desc{ padding:0 0 0 60px;}
.product-list-container .Dnote .Desc table td, .product-list-container .Dnote .Desc table th{ padding:10px 0;}
.product-list-container .Dnote .Desc table{ width:100%;}
.product-list-container .cmore{ width: 350px; margin: 40px auto 0;}
.productDetail .pc{ display:none;}


.found-container .foundList ul li p{ height: auto; margin: 20px 0; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.service-qc-container{ width:94%; max-width:none;}
.service-qcbg{ padding:40px 0;}
.sample-container{ width:94%; max-width:none; padding:40px 0;}
.sample-container #indexTeam .indexTeam{ height:487px;}
.sample-container .samplePic{ height:487px;}
.sample-container .sampleNote h3{ font-size:22px; line-height: 32px;}
.sample-container .sampleNote{ padding:10px 0 0 30px}

#showRoom{ width:80%; right:0;}
.showroom ul li{ min-height:192px;}
.showRoom-container{ width:94%; height:600px; margin:0 auto 40px;}
.showRoom-container .note{ padding:40px; max-width:380px;}
.showRoom-container .note h3{ font-size:20px; line-height:30px; padding-bottom:30px;}

.showRoom1-container{ height:310px;}
.showRoom1-container .note{ padding:26px 0 26px 30px; font-weight:normal;}
.showRoom1-container .note h3{ font-size:20px; line-height:30px; padding-bottom:30px;}
#showRoom1{ width:550px;}
#showRoom1 .showRoom{ height:310px;}
#showRoom1 i{ width:44px; height:44px; top:50%; margin:-22px 0 0;}
#showRoom1 i.arrow-icon-left{ left:0;}
#showRoom1 i.arrow-icon-right{ right:0;}

.design1-container{ width:94%; max-width:none; padding:40px 0 0;}
.design1-container .designList ul li.de1 .pic{ width:40%;}
.design1-container .designList ul li.de1 .note{ width: 55%; padding: 50px 0 0 50px;}
.design1-container .designList ul li{ height:400px;}
.design1-container .designList ul li.de2 .pic{ width:40%; margin:-100px 0 0;}
.design1-container .designList ul li.de2 .note{ width: 55%; padding: 50px 0 0 50px;}
.design1-container .designList ul li.de1 .note .title1 p,.design1-container .designList ul li.de2 .note .title1 p{ float:none; width:100%;}
.design1-container .designList ul li.de1 .note .title1 span,.design1-container .designList ul li.de2 .note .title1 span{ float:none; width:100%; line-height:20px; padding:10px 0 0; font-size:16px;}

.input_item input,.input_item textarea{ padding-left:5% !important;}
.input_item input.loginyzm{ padding-left:30% !important;}

.news-container{ width:94%; max-width:none; padding:40px 0;}
.newsshow-container .title{ padding:60px 0;}
.newsshow-container .title h2{ font-size:20px;}
.news-container ul li{ padding:30px 0;}
.news-container ul li p{ width:75%; font-size:16px; padding:35px 0 0; height:150px; overflow:hidden;}
.news-container ul li span{ font-weight:normal}

.contact-container{ width:94%; max-width:none; padding:0 0 40px;}
.contact-container .title{ padding:50px 0;}
.contact-container .left_box dl dt{ font-size:14px;}
.contact-container .left_box dl dd{ font-weight:normal;}
.contact-container .left_box dl.note1 dt{ background-size: 18px; padding: 0 0 10px 25px;}
.contact-container .left_box dl.note2 dt{ background-size: 13px; background-position:3px 2px; padding: 0 0 10px 25px;}
.contact-container .left_box dl.note3 dt{ background-size: 18px; padding: 0 0 15px 25px;}
.contact-container .left_box dl.note4 dt{ background-size: 22px; padding: 0 0 15px 30px; background-position:0 3px;}
.contact-container .left_box dl.note5 dt{ background-size: 22px; padding: 0 0 15px 30px;}
.contact-container .left_box dl.note6 dt{ background-size: 22px; padding: 0 0 15px 30px;}

.quality-container{ padding:60px 0 0;}
.quality-container .title{ width:94%; max-width:none;}
.quality-container .title h3{ font-size:18px; line-height:30px;}
.quality-container .note{ padding:0 0 0 25px;}
.quality-container .note dl{ width:300px; height:290px; padding:35px;}
.quality-container .note dl dd{ padding:30px 0 0;}
.quality-container .note dl dd span{ font-size:20px; padding:5px 0;}
.quality2-container{ width:94%; max-width:none; display:block; padding:60px 0;}
.quality2-container .note{ float:none; width:100%; margin:0;}
.quality2-container .note:nth-of-type(2n){ margin:0;}
.quality2-container .note h3{ font-size:32px; font-weight:normal; padding:0 0 30px; text-align:center;}
.quality2-container .note table td{ padding:25px 0;}
.quality3-container{ width:94%; max-width:none;}
.quality3-container .title h3{ font-size:18px;}
.quality4-container{ width:94%; max-width:none; padding:60px 0;}
.quality4-container ul li h3{ font-size:18px; line-height:30px; padding:0 0 20px 0; background-size:55px;}
.quality4-container ul li p{ font-weight:normal; padding:20px 0 0;}
.quality4-container ul li{ width:31.8%; height:260px; margin:0 2.2% 2.2% 0;}
.quality4-container ul li img{ height:auto;}
.quality4-container ul li:nth-of-type(3n){ margin:0 0 2.2% 0;}
.quality4-container ul li p.more{ margin:0;}
.quality4-container ul li i{ background-size: 70px;}
.quality4-container ul li.t1{ padding:30px 20px 30px 30px;}

.service-qc-container .title{ padding:0 0 40px;}
.service-qc-container .title h3{ font-size:18px; font-weight:normal;}
.service-qc-container .note ul li .note{ height:auto; padding:30px;}
.service-qc-container .note ul li .note .Ftitle{ font-size:16px; font-weight:normal;}
.service-qc-container .note ul li .note .desc{ font-size:14px; font-weight:normal;}
.service-qc-container .note ul li .note p.more{ font-weight:normal;}

.design1-container{ width:94%; padding:40px 0 0;}
.design1-container .title{ padding:0 0 40px;}
.design1-container .title h3{ font-size:18px;}
.design1-container .title .note{ font-size:14px; padding:40px 0; font-weight:normal;}
.design1-container .designList ul li{ height:auto;}
.design1-container .designList ul li .note p{ font-size:18px; padding:0 40px;}
.design1-container .designList ul li .note span{ font-size:14px; margin:5px 0 0; font-weight:normal;}
.design2-container{ width:94%; padding:0 0 40px;}
.design2-container .title{ margin:-65px 0 0 -275px;}
.design2-container .title h3{ font-size:18px; text-align:center;}
.design2-container .title .cmore{ margin:30px auto 0;}

.service-factory-container{ width:94%; max-width:none; padding:60px 0;}
.service-factory-container .title{ padding:0 0 40px;}
.service-factory-container .title h3{ font-size:18px;}
.service-factory-container .note{ font-size:14px; font-weight:normal;}
.service-factory1-bg{ padding:60px 0;}
.service-factory1-container{ width:94%; max-width:none;}
.service-factory1-container .title h3{ font-size:18px;}
.service-factory1-container .title{ padding:0 0 40px;}
.service-factory1-container .note{ font-weight:normal;}
.service-factory2-container{ width:94%; max-width:none; padding:60px 0;}
.service-factory1-container .capacity dl dt{ font-size:18px; font-weight:normal; padding:70px 0 20px;}
.service-factory1-container .capacity dl.c01 dt,.service-factory1-container .capacity dl.c02 dt,.service-factory1-container .capacity dl.c03 dt{ background-size:50px !important;}
.service-factory1-container .capacity dl dd{ font-size:14px; font-weight:normal;}
.service-factory1-container .capacity dl.c01{ padding:0 0 0 20px;}
.service-factory1-container .capacity dl.c02{ padding:0 0 0 20px;}
.service-factory1-container .capacity dl.c03{ padding:0 0 0 20px;}
.service-factory2-container{ padding:40px 0;}
.service-factory2-container .title{ padding:0 0 40px;}
.service-factory2-container .title h3{ font-size:18px;}
.service-factory2-container .process{ height:370px; overflow:hidden;}
.service-factory2-container .process .pro1{ top:28px; left:10px;}
.service-factory2-container .process .pro1 img{ width:60%;}
.service-factory2-container .process .pro2{ top:28px; left:150px;}
.service-factory2-container .process .pro2 img{ width:60%;}
.service-factory2-container .process .pro3{ left:190px; top:55px;}
.service-factory2-container .process .pro4 img{ width:70%;}
.service-factory2-container .process .pro4{ left:420px; top:20px;}
.service-factory2-container .process .pro5 img{ width:62%;}
.service-factory2-container .process .pro5{ left:600px; top:20px;}
.service-factory2-container .process .pro6{ left:435px; top:130px;}
.service-factory2-container .process .pro6 img{ width:60%;}
.service-factory2-container .process .pro7{ left:350px; top:180px;}
.service-factory2-container .process .pro7 img{ width:70%;}
.service-factory2-container .process .pro8{ left:340px; top:310px; text-align:center;}
.service-factory2-container .process .pro3 h3,.service-factory2-container .process .pro8 h3{ padding:0; font-weight:normal; font-size:14px;}
.service-factory2-container .process .pro3 p,.service-factory2-container .process .pro8 p{ font-size:14px;}
.service-factory2-container .process .pro9{ right:5px; top:50px;}
.service-factory2-container .process .pro9 img{ width:60%;}
.service-factory2-container .process .pro10{ right:-65px; top:10px;}
.service-factory2-container .process .pro10 img{ width:60%;}
.service-factory2-container .process .pro11{ right:115px; top:160px;}
.service-factory2-container .process .pro11 img{ width:60%;}
.service-factory2-container .process .pro12{ right:-35px; top:220px;}
.service-factory2-container .process .pro12 img{ width:60%;}

.sustainability-qcbgfff{ padding:0 0 45px;}
.sustainability-qcbgfff .sustainability-qc-container table{ font-size:16px; width:100%;}
.sustainability-qc-container{ width:94%; max-width:none;}
.sustainability-qc-container .title{ padding:40px 0; font-size:14px; font-weight:normal;}
.sustainability-qc-container .title h3{ font-size:18px; padding:0 0 20px;}
.sustainability2-qc-container{ width:94%; max-width:none;}
.sustainability2-qc-container .title{ padding:40px 0;}
.sustainability2-qc-container .title h3{ font-size:16px;}
.sustainability2-qc-container .note .desc{ font-size:14px; padding:0 0 0 20px; font-weight:normal;}
.sustainability2-qc-container .note .desc h3{ font-size:18px;}
.sustainability2-qc-container .note2 .desc{ padding:0 40px 0 0;}
.sustainability2-qc-container .note2 h3 br{ display:none;}

.sustainability-qcbgfff{ padding:0 0 45px;}.sustainability-qcbg{ padding:0 0 45px;}
.sustainability-qcbgfff .sustainability-qc-container table{ font-size:16px; width:100%;}
.sustainability-qc-container{ width:94%; max-width:none;}
.sustainability-qc-container .title{ padding:40px 0 0;}
.sustainability-qc-container .title h3{ font-size:18px;}
.fashion-container .fashionNote{ font-size:14px;}
.fashion-container .fashionNote .title{ padding:0;}
.fashion-container .fashionNote h3{ font-size:18px; line-height:30px;}
.fashion-container .fashionNote2{ font-size:14px; padding:0 30px; font-weight:normal;}
.fashion-container .fashionNote2 .title{ padding:0; display:block; width:100%;}
.fashion-container .fashionNote2 h3{ font-size:18px; line-height:30px; padding:5px 0 0;}
.fashion-container .fashionPic2{ height:295px;}
.fashion-container .fashionNote2 .note { font-size: 14px; padding: 20px 0 0;}
.fashion-container .fashionNote2 span{ width:63%; padding:10px 0 0 0; font-weight:normal;}
.fashion-container .fashionList{ padding:40px 0 0;}
.fashion-container .fashionList ul li p{ font-size:14px; padding:20px 0 10px;}
.fashion-container .fashionList ul li span{ font-weight:normal;}
.fashion-container .fashionList ul li i{ font-weight:normal;}
.fashion-container .fashionList ul li a{ font-size:14px;}
.pb0{ padding-bottom:0;}

.social-container{ width:94%; padding:40px 0; font-size:14px;}
.social-container .title{ font-weight:normal;}
.social-container .title h3{ font-size:18px; padding:30px 0 10px;}
.social-container .title2{ font-weight:normal;}
.social-container .title2 h3{ font-size:18px;}
.social-container .title2 span{ font-size:16px; padding:0 0 10px;}
.social-container .note1{ margin:0 0 40px;}
.social-container .note1 .box3 { float: none; width: 100%; margin: 0; font-size: 14px; font-weight: normal; padding:0 0 40px;}
.social-container .note1 .box3 h3{ font-size:18px; padding:0 0 10px;}
.social-container .note2{ padding:0 0 60px;}
.social-container .note2 .social1 div{ max-height:150px;}
.social-container .note2 .social1 img{ width:100%; display:block;}
.social-container .note2 .social1 .day1{ width:28%; margin:0 2.2% 2.2% 0;}
.social-container .note2 .social1 .day2{ width:38%; margin:0 2.2% 2.2% 0;}
.social-container .note2 .social1 .day3{ width:29.6%; margin:0 0 2.2% 0;}
.social-container .note2 .social1 .day4{ width:46%; margin:0 2.2% 2.2% 0;}
.social-container .note2 .social1 .day5{ width:51.8%; margin:0 0 2.2% 0;}
.social-container .note3 .social1 div{ max-height:150px;}
.social-container .note3 .social1 img{ width:100%; display:block;}
.social-container .note3 .social1 .day1{ width:22%; margin:0 2.2% 2.2% 0;}
.social-container .note3 .social1 .day2{ width:22%; margin:0 2.2% 2.2% 0;}
.social-container .note3 .social1 .day3{ width:51.4%; margin:0 0 2.2% 0;}
.social-container .note3 .social1 .day4{ width:31.8%; margin:0 2.2% 2.2% 0;}
.social-container .note3 .social1 .day5{ width:31.8%; margin:0 2.2% 2.2% 0;}
.social-container .note3 .social1 .day6{ width:31.8%; margin:0 0 2.2% 0;}
.cmore a{ font-weight:normal;}

}

@media (min-width: 1024px) and (max-device-width : 1365px){
.product-container .product-box{ width:49.5%; height:100%; margin:0; background: #fff;}
.product-container .product-box:nth-of-type(2n){margin:0 1% 0 0;}
.product-container .product-box.fr:nth-of-type(2n){margin:0 0 0 1%;}
.product-container .product-box ul{ overflow:hidden;}
.product-container .product-box ul li{ float:left; width:49%; margin:0 0 2% 0; background:#f0f0f0;}
.product-container .product-box ul li:nth-of-type(2n){margin:0 0 2% 2%;}
.product-container .product-box ul li:nth-child(3){ margin-bottom:0;}
.product-container .product-box ul li:nth-child(4){ margin-bottom:0;}
.product-container .product-box.Pleft{ /*background:#f0f0f0*/}
.product-container .product-box.Pleft img{ width:100%; height:100%;}

.Detail-container{ width:94%; max-width:none; padding:0 0 60px;}
.Detail-container .title{ padding:0 0 50px;}
.Detail-container .title h2{ font-size:22px;}
.product-list-container .Dnote .Desc{ padding:0 0 0 60px;}
.product-list-container .Dnote .Desc table td, .product-list-container .Dnote .Desc table th{ padding:10px 0;}
.product-list-container .Dnote .Desc table{ width:100%;}
.product-list-container .cmore{ width: auto; margin: 40px 0 0 60px; padding:0;}
.product-list-container .cmore a{ width:100%;}

.input_item input,.input_item textarea{ padding-left:5% !important;}
.input_item input.loginyzm{ padding-left:34% !important;}

.news-container ul li p{ width:75%;}

.quality-container .note{ padding:0 0 0 30px;}

.service-factory2-container .process{ height:370px; overflow:hidden;}
.service-factory2-container .process .pro1{ top:28px; left:10px;}
.service-factory2-container .process .pro1 img{ width:60%;}
.service-factory2-container .process .pro2{ top:28px; left:150px;}
.service-factory2-container .process .pro2 img{ width:60%;}
.service-factory2-container .process .pro3{ left:190px; top:55px;}
.service-factory2-container .process .pro4 img{ width:70%;}
.service-factory2-container .process .pro4{ left:420px; top:20px;}
.service-factory2-container .process .pro5 img{ width:62%;}
.service-factory2-container .process .pro5{ left:600px; top:20px;}
.service-factory2-container .process .pro6{ left:435px; top:130px;}
.service-factory2-container .process .pro6 img{ width:60%;}
.service-factory2-container .process .pro7{ left:350px; top:180px;}
.service-factory2-container .process .pro7 img{ width:70%;}
.service-factory2-container .process .pro8{ left:340px; top:310px; text-align:center;}
.service-factory2-container .process .pro3 h3,.service-factory2-container .process .pro8 h3{ padding:0; font-weight:normal; font-size:14px;}
.service-factory2-container .process .pro3 p,.service-factory2-container .process .pro8 p{ font-size:14px;}
.service-factory2-container .process .pro9{ right:5px; top:50px;}
.service-factory2-container .process .pro9 img{ width:60%;}
.service-factory2-container .process .pro10{ right:-65px; top:10px;}
.service-factory2-container .process .pro10 img{ width:60%;}
.service-factory2-container .process .pro11{ right:115px; top:160px;}
.service-factory2-container .process .pro11 img{ width:60%;}
.service-factory2-container .process .pro12{ right:-35px; top:220px;}
.service-factory2-container .process .pro12 img{ width:60%;}

#showRoom{ width:80%; right:0;}
#showRoom i{ width:44px; height:44px; top:auto; margin:0;}
#showRoom i.arrow-icon-left{ left:auto; bottom:-44px; right:44px;}
#showRoom i.arrow-icon-right{ right:0; bottom:-44px;}
.showroom ul li{ min-height:192px;}
.showRoom-container{ width:94%; height:600px; margin:0 auto 40px;}
.showRoom-container .note{ padding:40px; max-width:380px;}
.showRoom-container .note h3{ font-size:20px; line-height:30px; padding-bottom:30px;}

.social-container .note2 .social1 div{ max-height:200px;}
.social-container .note3 .social1 div{ max-height:200px;}


}

@media (max-width: 767px) {
.short .nav-main .level-1{ text-align:left;}

/**index**/
.bannerIndex{ height:400px; }
.banner-container{ height:400px;}
#bannerWap { display:block; height:500px; position:relative; margin:0;}
#bannerWap .slide-home-top{ height:500px;}
#bannerWap button{ display:none !important;}
#bannerIndex .slide-home-top { height: 400px;}
#bannerIndex .slide-content-wrapper p{ font-size:24px; line-height:26px; padding:0; text-align:center;}
#bannerIndex i{ display:none !important;}
.bannerLi .note{ max-width:none;}
.index-about-container .note{ padding:40px 0;}
.index-about-container .note h3{ font-size:18px; line-height:26px; padding-bottom:20px;}
.index-intro-container .note{ width:94%; max-width:none; padding:40px 0; font-size:14px; line-height:26px; font-weight:normal;}
.index-intro-container .note h3{ font-size:18px; line-height:26px;}
.indexTeam-container{ width:94%; max-width:none; padding:40px 0;}
#indexTeam .indexTeam { height: 300px;}
#indexTeam i{ width:25px; background-size:25px !important;}
.indexTeam-container .note{ padding:40px 0 0; font-size:14px; line-height:26px; font-weight:normal;}
.indexTeam-container .note h3{ font-size:18px; line-height:26px; padding-bottom:20px;}

.showRoom-container{ width:94%; max-width:none; padding:30px 0; position:static;}
#showRoom .showRoom { height: 250px; margin:0 1px;}
.showRoom-container .note{ padding:40px 0 0;}
.showRoom-container .note h3{ font-size:22px; line-height:26px; padding-bottom:20px;}

.showRoom1-container{ padding:0;}
#showRoom1 .showRoom { height: 250px; margin:0 1px;}
.showRoom1-container .note{ padding:40px 0 0;}
.showRoom1-container .note h3{ font-size:22px; line-height:26px; padding-bottom:20px;}

.supplier-container{ padding:0 0 40px;}
.supplier-container .supplier{ width:94%; max-width:none;}
.supplier-container .title{ padding:40px 0 30px 0;}
.supplier-container .title h3{ font-size:18px; line-height:26px;}
.supplier-container .title hr{ margin:25px auto 0;}
.supplier-container .supplierList ul li{ width:49%; margin:0 0 2% 0;}
.supplier-container .supplierList ul li:nth-of-type(2n){margin:0 0 2% 2%;}
.supplier-container .supplierList .show_more{ display:none;}
.supplier-container .supplierList ul li a{ font-weight:normal;}
.supplier-container .supplierList ul li p{ margin:0; height:auto; padding:20px; line-height:22px;}
.fashion-container{ width:94%; max-width:none; padding:40px 0;}
.fashion-container .fashionNote{ float:none; font-size:14px; width:100%; padding:0 0 30px; line-height:26px; font-weight:normal;}
.fashion-container .fashionNote h3{ padding:0 0 30px; font-size:22px;}
.fashion-container .fashionPic{ float:none; width:100%; height:250px;}
.fashion-container .fashionContent{ display:block !important;}.fashion-container .fashionMtop{ margin:0;}
.fashion-container .fashionPic2{ float:none; width:100%; height:auto;}
.fashion-container .fashionNote2{ float:none; width:100%; padding:30px 10px 0; font-size:14px; font-weight:normal;}
.fashion-container .fashionNote2 .note{ font-size:14px; padding:20px 0 0; line-height:26px;}
.fashion-container .fashionNote2 h3{ font-size:18px; line-height:26px; width:100%;}
.fashion-container .fashionNote2 span{ width:100%; padding:10px 0 0; font-size:14px;}
.fashion-container .fashionList{ padding:0;}
.fashion-container .fashionList ul li{ width:100%; margin:0; padding:30px 0 0;}
.fashion-container .fashionList ul li p{ font-size:16px; margin:0; padding:20px 0 10px;}
.fashion-container .fashionList ul li span{ font-size:14px; line-height:26px; font-weight:normal;}
.fashion-container .fashionList i{ font-weight:normal;}

.partner-containerbg{ padding:40px 0 0;}
.partner-container{ width:94%; max-width:none; padding:0 0 30px;}
.partner-one{ padding:30px 0;}
.partner-container .title h3{ font-size:18px;}
.partner-container .title .note{ padding:25px 0 0; line-height:26px; font-weight:normal;}
.partner-container .title{ padding:0 0 30px;}
.partner-container .partnerList{ padding:0 0 20px;}
.partner-container .partnerList ul{ overflow:hidden;}
.partner-container .partnerList ul li{ width:31.6%;}
.partner-container .partnerList ul li:nth-of-type(3n){ margin:0 0 2.5% 0;}
.partner-container .partnerList ul li:nth-of-type(4n){ margin-right:2.5%;}
.partner-container .partnerList ul li:nth-child(12){ margin:0 0 2.5% 0;}

/**about**/
.bannerLi{ height:200px;/* background-size:140% 100% !important;*/}
.bannerLi2{ height:350px;/* background-size:140% 100% !important;*/}
.ipadBan{ background-size:130% 100% !important;}
.about-container{ width:94%; max-width:none;}
.about-container .title{ padding:40px;}
.about-container .title h2{ font-size:18px; font-weight:normal;}
.about-container .note{ font-size:14px; line-height:26px; font-weight:normal;}
.about-container .note h3{ font-size:14px; font-weight:normal;}


.sustainable-container .title{ padding:40px;}
.sustainable-container .title h2{ color:#595757; font-size:18px; font-weight:normal;}
.sustainable-container .note1{text-align: center; color: #585656; font-size: 16px; line-height: 24px;}
.sustainable-container .note2{text-align: center; color: #595757; font-size: 12px; line-height: 18px; margin-top: 10px;}
.sustainable-container .note3{text-align: center; color: #585656; font-size: 16px; line-height: 24px; background-color: #f5f1ee; display: inline-block; padding: 5px 15px;}
.sustainable-container .note4{text-align: center; color: #595757; font-size: 12px; line-height: 18px; margin-top: 10px;}
.sustainable-container .img{text-align: center;}
.sustainable-container .img img{ max-width: 90%; display:inline-block;}

.zero-more-d1{background-color: #f7f8f8;}
.zero-more-d1-m{width: 94%; max-width:none;  margin: 0 auto; height: 150px; position: relative; }
.zero-more-d1-m img{ position: absolute; left: -80px; bottom: 0; width: 180px;}
.zero-more-d1-i1{position: absolute; right: 0; top: 15px; font-size: 15px; line-height: 20px; font-weight: bold; color: #000;}
.zero-more-d1-i2{position: absolute; right: 0; bottom: 35px; font-size: 13px; font-weight: bold; color: #000;}

.zero-more-d2{background-color: #fff;}
.zero-more-d2-m{width: 94%; max-width:none; margin:0 auto; position: relative; }
.zero-more-d2-m ul{display: block;}
.zero-more-d2-m li{width: 100%;}
.zero-more-d2-m li:first-child{padding: 50px 0 0 20px; color: #000; font-size: 20px;}
.zero-more-d2-m li:last-child{padding: 50px 20px 0 20px; font-size: 13px; line-height: 20px;}
.zero-more-d2-m-li-t{line-height: 38px; padding-bottom: 20px; padding-left:0px;}
.zero-more-d2-m-img{ padding: 40px 0 30px 0;}
.zero-more-d2-m-img img{ width: 100%;}

.zero-more-d3{background-color: #f7f8f8;}
.zero-more-d3-m{width: 94%; max-width:none; margin:0 auto; margin: 0 auto; position: relative; padding-bottom: 30px; min-height: auto;}
.zero-more-d3-m-title{padding: 54px 0 20px 0; line-height: 30px; color: #000; font-size: 20px; text-align: center;}
.zero-more-d3-m-node{ line-height: 25px; text-align: center; color: #595757; font-size: 13px;}

.zero-more-d4{background-color: #fff;}
.zero-more-d4-m{ max-width:none; margin:0 auto; position: relative; padding-bottom: 30px; min-height: auto; }
.zero-more-d4-m ul{display: block;}
.zero-more-d4-m li{width: 100%;}
.zero-more-d4-m li:first-child{padding: 30px 20px 0 20px;}
.zero-more-d4-m li:last-child{padding: 30px 20px 0 20px;}
.zero-more-d4-m-title{ color: #000; font-size: 25px; padding-bottom: 20px;}
.zero-more-d4-m-node{ font-size: 13px; color: #595757; line-height: 28px; }
.zero-more-d4-m-img{ padding-bottom: 5px;}
.zero-more-d4-m-img img{width: 100%;}

.zero-more-d5{background-color: #f7f8f8;}
.zero-more-d5-m{width: 94%; max-width:none; margin:0 auto; margin: 0 auto; position: relative; padding-bottom: 30px; min-height: auto;}
.zero-more-d5-m-title{padding: 54px 0 20px 0; line-height: 30px; color: #000; font-size: 20px; text-align: center;}
.zero-more-d5-m-node{ line-height: 25px; text-align: center; color: #595757; font-size: 13px;}

.zero-more-d6{background-color: #fff;}
.zero-more-d6-m{width: 94%; max-width:none; margin:0 auto; position: relative; padding-bottom: 30px; min-height: auto; }
.zero-more-d6-m-title{padding: 80px 0 20px 0; line-height: 30px; color: #000; font-size: 25px; text-align: center;}
.zero-more-d6-m-node{ line-height: 28px; text-align: center; color: #595757;  max-width: 600px; margin: 0 auto;}
.zero-more-d6-m-img{padding: 30px 0 10px 0;}
.zero-more-d6-m-img img{width: 100%;}
.zero-more-d6-m-img ul{display: block;}
.zero-more-d6-m-img li{ width: 100%; padding: 0 20px;}

.zero-more-d7{background-color: #f7f8f8;}
.zero-more-d7-m{width: 94%; max-width:auto; margin:0 auto; position: relative; padding-bottom: 30px; min-height: auto; }
.zero-more-d7-m-title{padding: 80px 0 20px 0; line-height: 30px; color: #000; font-size: 25px; text-align: center;}
.zero-more-d7-m-node{ line-height: 32px; text-align: center; color: #595757;  max-width: 600px; margin: 0 auto;}
.zero-more-d7-m-img{padding: 30px 0 10px 0; text-align: center;}
.zero-more-d7-m-img img{width: 100%;}

.zero-more-d8{background-color: #fff;}
.zero-more-d8-m{width: 94%; max-width:none; margin:0 auto; position: relative; padding-bottom: 30px; min-height: auto; }
.zero-more-d8-m-title{padding: 80px 0 20px 0; line-height: 30px; color: #000; font-size: 25px; text-align: center;}
.zero-more-d8-m-node{ line-height: 28px; text-align: center; color: #595757;  max-width: 600px; margin: 0 auto;}
.zero-more-d8-m-img{padding: 20px 0 10px 0;}
.zero-more-d8-m-img img{width: 100%;}
.zero-more-d8-m-img ul{display: block;}
.zero-more-d8-m-img li{ width: 100%; padding: 0 20px;}

.zero-more-d9{background-color: #f7f8f8;}
.zero-more-d9-m{width: 94%; max-width:none; margin:0 auto; position: relative; padding-bottom: 30px; min-height: auto; }
.zero-more-d9-m-title{padding: 80px 0 20px 0; line-height: 30px; color: #000; font-size: 25px; text-align: center;}
.zero-more-d9-m-node{ line-height: 28px; text-align: center; color: #595757;  max-width: 600px; margin: 0 auto;}
.zero-more-d9-m-img{padding: 20px 0 10px 0;}
.zero-more-d9-m-img img{width: 100%;}
.zero-more-d9-m-img ul{display: block;}
.zero-more-d9-m-img li{ width: 100%; padding: 0 20px;}

.history-container{ width:94%; max-width:none;}
.history-container .title h3{ font-size:18px; font-weight:normal;}
#slider-home-top {margin:0 -1px;}
#slider-home-top .slide-home-top,#slider-home-top-wap .slide-home-top { height: 300px; max-width:none; }
#slider-home-top .slide-content-wrapper div.note{ line-height:26px;}
#slider-home-top .slide-content-wrapper p{ font-size:14px;}
#slider-home-top .slide-content-wrapper span{ font-size:30px; font-weight:normal; padding-bottom:10px;}
.culture-container{ width:94%; max-width:none;}
.culture-container .title h3{ font-size:18px;}
.culture-container .cultureContent{ padding-bottom:40px;}
.culture-container .title{ padding:40px 0; text-align:center;}
.culture-container .title hr{ margin:20px auto 0; text-align:center;}
.culture-container .culturePic{ float:none; width:100%; height:250px; margin:0;}
.culture-container .culturePic img{ height:100%;}
.culture-container .cultureNote{ float:none; width:100%; padding:30px 20px;}
.culture-container .cultureNote h3{ font-size:16px; padding:0 0 10px;}
.culture-container .cultureNote p{ font-size:14px; font-weight:normal; line-height:26px;}
.culture-container .cultureDesc{ font-size:16px; padding:30px 20px;}
.team-container{ padding:0; margin-bottom:-20px;}
.team-container .title{ padding:30px 0 10px;}
.team-container .title h3{ font-size:18px; font-weight:normal;}
.team-container ul li .note{ padding:20px; font-size:14px; font-weight:normal;}
.team-container ul li.team2{ padding:2px 0 0;}
.team-container ul li.team2 .note{ max-width:110px;}
.team-container ul li.team3 .note{ max-width:118px;}
.team-container ul li.team3{ padding:8px 0 0; margin:0;}
#teamList { overflow:hidden; margin-bottom:-19px;}
#teamList .slick-dots {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  text-align: center;
  position:absolute;
  bottom:30px;
}
#teamList .slick-dots li {
  display: inline-block;
  width: 7px;
  height: 7px;
  border:1px solid #fff;
  border-radius: 50%;
  margin:0 12px 0 0;
  padding:0;
  float:none;
}
#teamList .slick-dots ul{display:inline-block;}
#teamList .slick-dots li span{ background:none; width:auto; height:auto; line-height:none;}
#teamList .slick-dots li:last-child {
  margin-right: 0;
}
#teamList .slick-dots li.slick-active {
  background: #fff;
}


.design-container{ width:94%; max-width:none; padding:0 0 30px 0;}
.design-container .title{ padding:60px 0 40px;}
.design-container .title h3{ font-size:18px; font-weight:normal;}
.design-container .title hr{ margin:20px 0 0;}
.design-container .cultureDesc{ padding:0;}
.design-container .cultureDesc .cultureDesc_nr{ height:215px; padding:0 0 0 3%;}
.found-container .title{ padding:40px 0;}
.found-container{ width:94%; max-width:none; padding:0 0 40px;}
.design-container .cultureDesc .cultureDesc_pic{ float:none; width:100%;}
.design-container .cultureList .collage-item{ height:310px; background-repeat:no-repeat; background-size:cover; background-position:50%; margin:0 !important;}
.design-container .cultureList .collage-item img{ display:none;}
.design-container .cultureDesc .cultureDesc_nr{ width:100%; height:auto; padding:20px; font-size:14px; line-height:26px; font-weight:normal;}
.design-container .cultureList {margin:0 -1px -60px;}
.design-container .cultureList .col-1{ width:100%; margin:0;}
.design-container .cultureList { display:block; height:288px; position:relative; margin:0 -1px;}
.design-container .cultureList .slide-home-top{ height:288px;}
.design-container .cultureList button{ display:none !important;}
.design-container .cultureList .slick-dots {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  text-align: center;
  position:absolute;
  bottom:10px;
}
.design-container .cultureList .slick-dots li {
  display: inline-block;
  width: 7px;
  height: 7px;
  border:1px solid #fff;
  border-radius: 50%;
  margin:0 12px 0 0;
  padding:0;
  float:none;
}
.design-container .cultureList button{ display:none !important;}
.design-container .cultureList .slick-dots ul{display:inline-block;}
.design-container .cultureList .slick-dots li span{ background:none; width:auto; height:auto; line-height:none;}
.design-container .cultureList .slick-dots li:last-child {
  margin-right: 0;
}
.design-container .cultureList .slick-dots li.slick-active {
  background: #000;
}
.found-container .title h3{ font-size:18px;}
.found-container .title .note p span{ font-size:14px !important;}
.found-container .title .note{ font-weight:normal; font-size:14px; line-height:26px;}
.found-container .foundList ul li{ width:100%; margin:0;}
.found-container .foundList ul li p{ margin:10px 0;}
.found-container .foundList ul li a{ font-size:14px; font-weight:normal;}
.found-container .foundList {margin:0 -1px;}
.found-container .cmore{ width:auto; padding:0 30px; margin:30px auto 0;}
.found-container .cmore a{ margin:0 auto;}
.found-container .foundList .slick-dots {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  text-align: center;
  position:absolute;
  bottom:20px;
}
.found-container .foundList .slick-dots li {
  display: inline-block;
  width: 7px;
  height: 7px;
  border:1px solid #333;
  border-radius: 50%;
  margin:0 12px 0 0;
  padding:0;
  float:none;
}
.found-container .foundList .slick-dots li.slick-active {
  background: #000;
}
/**partner**/
.map-container .note{ width:94%; max-width:none;}
.bannerLi .note { font-size: 30px; line-height: 35px;}
/****products*****/
.product-container{ width:94%; max-width:none; padding:40px 0 0;}
.product-container .title h3{ font-size:18px;}
.product-container .title{ padding:0 0 20px;}
.product-container .product-box{ width:100%; margin:0 0 2% 0;}
.product-container .product-box:nth-of-type(2n){margin:0 2% 2% 0;}
.product-container .product-box.fr:nth-of-type(2n){margin:0 0 3% 2%;}
.product-container .product-box ul{ overflow:hidden;}
.product-container .product-box ul li{ float:left; width:49%; margin:0 0 2% 0; background:#f0f0f0;}
.product-container .product-box ul li:nth-of-type(2n){margin:0 0 2% 2%;}
.product-container .product-box ul li:nth-child(3){ margin-bottom:0;}
.product-container .product-box ul li:nth-child(4){ margin-bottom:0;}
.product-container .product-box .note{ padding:0; margin:0 10px; height:80px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product-container .product-box .note a.add{ margin:20px auto 0; position:static;}
.product-container .product-box .feed{ height:40px; background: url(../images/logo.png) no-repeat 15px 18px; background-size: 60px;}
.product-container .product-box .heart{ height:40px;}
.product-container .product-box .likeCount{ bottom:-10px;}
.search-container{ width:94%; max-width:none; padding:40px 0 0;}
.i-search{ float:none; width:100%; margin:0 0 20px;}
.i-search .search{ width:100%;}
.i-search .search-q{ width:90%;}

.getmore{ padding:20px 0;}
.product-list-container .title{ padding:0 0 20px;}
.product-list-container .title h3{ font-size:16px;}
.product-list-container .title span{ font-size:14px;}
.product-list-container{ width:94%; max-width:none; padding:30px 0;}
.product-list-container .product-list ul li{ width:49%; margin:0 0 2% 0;}
.product-list-container .product-list ul li:nth-of-type(4n){ margin:0 2% 2% 0;}
.product-list-container .product-list ul li:nth-of-type(3n){ margin:0 0 2% 0 !important;}
.product-list-container .product-list ul li:nth-of-type(2n){margin:0 0 2% 2% !important;}
.product-list-container .product-list .note{ padding:0; margin:0 10px; height:70px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product-list-container .product-list .note a.add{ margin:10px auto 0; position:static;}
.product-list-container .product-list .feed{ height:40px; background: url(../images/logo.png) no-repeat 15px 15px; background-size: 70px;}
.product-list-container .product-list .heart{ height:40px; right:-10px;}
.product-list-container .product-list .likeCount{ bottom:-10px; right:0;}
.product-list-container .product-list img{ width:100%;}
.product-list-container .cmore{ padding:0 0 30px;}

.Detail-container{ width:94%; max-width:none; padding:0 0 60px;}
.Detail-container .title{ padding:0 0 50px;}
.Detail-container .title h2{ font-size:22px;}
.product-list-container .productPic{ display:block;}
.product-list-container .productPic .productDetail{ float:none; width:100%; height:auto !important;}
.product-list-container .productPic .productDetail:nth-of-type(2n){ margin:0;}
.product-list-container .Dnote .Desc{ padding:20px 20px 0;}
.product-list-container .Dnote .Desc table td, .product-list-container .Dnote .Desc table th{ padding:10px 0;}
.product-list-container .Dnote .Desc table,.product-list-container .Dnote .Desc table td { border-collapse:collapse;}
.product-list-container .Dnote .Desc table{ width:100%;}
.product-list-container .cmore{ width: 100%; margin: 40px auto 20px; padding:0 20px;}
.product-list-container .cmore a{ width:100%;}


.found-container .foundList ul li p{ height: auto; margin: 20px 0; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.service-container .foundList ul li{ float:left; width:49%; margin:0 0 2% 0;}
.service-container .foundList ul li:nth-of-type(3n){ margin:0 0 2% 0;}
.service-container .foundList ul li:nth-of-type(2n){margin:0 0 2% 2%;}
.service-container .cmore{ margin:30px auto 0;}

.pb50{ width:auto; padding:0 0 40px;}
.pb50 a{ margin:0 auto;}
.pb50 a.now{ width:188px; margin:0 auto;}

.form-feedback .btn{ width: 100%;}

.news-container{ padding:20px 0 60px;}
.news-container ul li img{ float:none; width:100%;}
.news-container ul li p{ float:none; width:100%; font-size:14px; max-height:none; height:auto; padding:30px 0 0; line-height:26px;}
.news-container ul li span{ font-weight:normal;}

.newsshow-container .title{ padding:30px 0;}
.newsshow-container .title h2{ font-size:16px;}
.newsshow-container .newsMoreList ul li{ float:none; width:100%; margin:0 0 5% 0}
.newsshow-container .newsMoreList ul li a{ font-weight:normal; line-height:26px;}
.newsshow-container .newsMoreList ul li img{ display:none;}
.newsshow-container .newsMoreList ul li span{ padding:20px 0 0;}

.contact-container{ width:94%; max-width:none; padding:0 0 40px;}
.contact-container .title{ padding:40px 0;}
.contact-container .title h2{ font-size:18px;}
.contact-container .left_box{ float:none; width:100%; padding:0 10px; line-height:26px;}
.contact-container .left_box dl.note5 .pic img{ width:100px !important;}
.contact-container .right_box{ float:none; width:100%; padding:0 10px; line-height:26px;}
.contact-container .left_box dl dt{ font-size:14px; font-weight:bold;}
.contact-container .left_box dl dd{ font-weight:normal;}
.contact-container .left_box dl.note1 dt{ background-size: 16px; background-position:0 3px; padding: 0 0 10px 25px;}
.contact-container .left_box dl.note2 dt{ background-size: 13px; background-position:3px 3px; padding: 0 0 10px 25px;}
.contact-container .left_box dl.note3 dt{ background-size: 16px; background-position:2px 3px; padding: 0 0 15px 25px;}
.contact-container .left_box dl.note4 dt{ background-size: 18px; background-position:2px 6px; padding: 0 0 15px 30px;}
.contact-container .left_box dl.note5 dt{ background-size: 17px; background-position:2px 5px; padding: 0 0 15px 30px;}
.contact-container .left_box dl.note6 dt{ background-size: 17px; background-position:2px 3px; padding: 0 0 15px 30px;}
.contact-container .left_box dl dt,.contact-container .left_box dl dd,.contact-container .left_box dl dd a{ color:#595757;}

.quality-container{ padding:40px 0 0;}
.quality-container .title{ width:94%; max-width:none; padding:0 0 40px;}
.quality-container .title h3{ font-size:18px; line-height:26px;}
.quality-container .note{ padding:0 0 0 12px;}
.quality-container .note dl{ width:256px; height:auto; padding:35px;}
.quality-container .note dl dt{ font-size:24px; font-weight:normal;}
.quality-container .note dl dd{ padding:25px 0 10px;}
.quality-container .note dl dd p{ font-size:14px; font-weight:normal; padding:0 0 5px;}
.quality-container .note dl dd span{ font-size:20px;}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{ width:100px;}
.mCSB_horizontal>.mCSB_container{ margin-bottom:40px;}
.quality2-container{ width:94%; max-width:none; display:block; padding:40px 0;}
.quality2-container .note{ float:none; width:100%; margin:0;}
.quality2-container .note:nth-of-type(2n){ margin:0;}
.quality2-container .note h3{ font-size:20px; font-weight:normal; padding:0 0 30px; text-align:center;}
.quality2-container .note table td{ padding:20px 0;}
.quality3-container{ width:94%; max-width:none; padding:40px 0;}
.quality3-container .title { line-height:26px;}
.quality3-container .title h3{ font-size:18px; font-weight:normal; padding:0 0 10px;}
.quality3-container .proshow{ width: 100%; overflow-x: auto;}
.quality3-container .note { line-height:26px;}
.quality3-container .note table{ line-height:22px;}
.quality3-container .note table td{ padding:10px 20px;}
.quality4-container{ width:94%; max-width:none; padding:40px 0;}
.quality4-container ul li{ height:auto; margin:0;}
.quality4-container ul li h3{ font-size:18px; line-height:26px; padding: 0 0 15px; background: url(../images/icon_line.png) no-repeat left bottom; background-size: 60px;}
.quality4-container ul li.t1{ padding:30px 30px 15px;}
.quality4-container ul li.t2{ float:none; width:100%; margin:4% 0;}
.quality4-container ul li.t3{ float:none; width:100%; margin:0;}
.quality4-container ul li:first-child{ float:none; width:100%; margin:0 0 4%;}
.quality4-container ul li p{ font-weight:normal; line-height:26px;}
.quality4-container ul li p.more{ margin:0;}
.quality4-container ul li img{ height:auto;}
.quality4-container ul li i{ background-size:80px;}

.service-qcbg{ padding:0 3% 40px 3%;}
.service-qc-container{ width:94%;}
.service-qc-container .title{ padding:0 0 30px;}
.service-qc-container .title h3{ font-size:18px; font-weight:normal;}
.service-qc-container .note ul li{ float:none; width:100%; margin:0;}
.service-qc-container .note ul li .note{ height:auto; padding:30px;}
.service-qc-container .note ul li .note .Ftitle{ font-size:16px; font-weight:normal;}
.service-qc-container .note ul li .note .desc{ font-size:14px; font-weight:normal; line-height:26px;}
.service-qc-container .note ul li .note p.more{ font-weight:normal;}

.design1-container{ width:94%; padding:40px 0 0;}
.design1-container .title{ padding:0 0 40px; word-wrap: break-word; word-break: normal;}
.design1-container .title h3{ font-size:18px;}
.design1-container .title .note{ font-size:14px; padding:40px 0; font-weight:normal; line-height:26px;}
.design1-container .designList ul li{ float:none; width:100%; margin:0; height:auto;}
.design1-container .designList ul li:nth-of-type(2n){margin:3% 0 0;}
.design1-container .designList ul li:nth-of-type(3n){margin:3% 0 0;}
.design1-container .designList ul li .note{ padding:0 0 25px; padding:30px 0;}
.design1-container .designList ul li .note p{ font-size:18px; padding:0 0;}
.design1-container .designList ul li .note span{ font-size:14px; margin:5px 0 0; font-weight:normal;}
.design2-container{ width:94%; padding:0 0 40px;}
.design2-container .title{ position:static; margin:0; width:100%; padding:30px 10px 0;}
.design2-container .title h3{ font-size:18px; text-align:center;}
.design2-container .title .cmore{ margin:30px auto 0;}

.design1-container .designList2 ul li{ margin:0 0 40px;}
.design1-container .designList2 ul li .leftDesc{ float:none; width:100%; margin:0;}
.design1-container .designList2 ul li .rightDesc{ float:none; width:100%; font-size:14px; padding:3% 0 0; margin:0; line-height:26px;}
.design1-container .designList2 ul li .rightDesc .Dcontent{ padding:0 0 20px;}
.design1-container .designList2 ul li .rightDesc .Dcontent h3{ font-size: 24px; line-height: 30px; padding: 0 0 10px;}
.design1-container .designList2 ul li .rightDesc .Dcontent span{ font-size: 16px; background: url(../images/design_line.gif) no-repeat -70px center; padding: 0 0 0 100px; line-height:26px;}
.design1-container .designList2 ul li.Dfr .rightDesc{ padding:3% 0 0 0;}

.service-factory-container{ width:94%; max-width:none; padding:40px 0;}
.service-factory-container .title{ padding:0 0 40px;}
.service-factory-container .title h3{ font-size:18px;}
.service-factory-container .note{ font-size:14px; font-weight:normal; line-height:26px;}
.service-factory1-bg{ padding:40px 0;}
.service-factory1-container{ width:94%; max-width:none;}
.service-factory1-container .title h3{ font-size:18px; font-weight:normal;}
.service-factory1-container .title{ padding:0 0 40px;}
.service-factory1-container .note{ font-weight:normal; line-height:26px;}
.service-factory2-container{ width:94%; max-width:none; padding:40px 0;}
.service-factory1-container .capacity dl{ float:none; width:100%; text-align:center; margin:0 0 30px 0; border:1px solid #ccc; border-radius:5px;}
.service-factory1-container .capacity dl dt{ font-size:18px; font-weight:normal; padding:70px 0 20px;}
.service-factory1-container .capacity dl.c01 dt,.service-factory1-container .capacity dl.c02 dt,.service-factory1-container .capacity dl.c03 dt,.service-factory1-container .capacity dl.c04 dt{ background-size:50px !important; background-position:top center !important;}
.service-factory1-container .capacity dl dd{ font-size:14px; font-weight:normal;}
.service-factory1-container .capacity dl.c01{ padding:20px 0;}
.service-factory1-container .capacity dl.c02{ padding:20px 0;}
.service-factory1-container .capacity dl.c03{ padding:20px 0;}
.service-factory1-container .capacity dl.c04{ padding:20px 0;}

.service-factory1-container .factoryList ul li{ float:none; width:100%; margin:0 0 15px 0;}
.service-factory1-container .capacity{ padding:0 0 40px;}
.service-factory2-container{ padding:40px 0;}
.service-factory2-container .title{ padding:0 0 40px;}
.service-factory2-container .title h3{ font-size:18px;}
.service-factory2-container .title hr{ margin:20px auto 0;}
.service-factory2-container .process{ height:800px; overflow:hidden; line-height:26px;}
.service-factory2-container .process img{ width:60%; margin:0 auto;}
.service-factory2-container .process .pro1{ left:-30px;}
.service-factory2-container .process .pro2{ left:115px;}
.service-factory2-container .process .pro3{ position:absolute; width:180px; left:210px; top:65px;}
.service-factory2-container .process .pro4{ position:absolute; left:auto; right:0; top:220px;}
.service-factory2-container .process .pro5{ position:absolute; left:30px; top:450px;}
.service-factory2-container .process .pro6{ position:absolute; left:-125px; top:530px; }
.service-factory2-container .process .pro7{ position:absolute; left:-23px; top:570px;}
.service-factory2-container .process .pro8{ position:absolute; left:10px; top:740px; text-align:center;}
.service-factory2-container .process .pro3 h3,.service-factory2-container .process .pro8 h3{ padding:0; font-weight:normal; font-size:14px;}
.service-factory2-container .process .pro3 p,.service-factory2-container .process .pro8 p{ font-size:14px;}
.service-factory2-container .process .pro9{ position:absolute; right:-28px; top:460px;}
.service-factory2-container .process .pro10{ position:absolute; right:-35px; top:370px;}
.service-factory2-container .process .pro11{ position:absolute; right:70px; top:580px;}
.service-factory2-container .process .pro12{ position:absolute; right:-35px; top:670px;}

#showRoom{ width:100%; position:relative; right:auto;}
#showRoom i{ display:none !important;}
#showRoom .slick-dots{ bottom:0;}
.showRoom-container{ height:auto; margin:0 auto;}
.showRoom-container .note{ position:static; width:100%; max-width:none; font-weight:normal; padding:20px; margin:3% 0 0; text-align:left; line-height:26px;}
.showRoom-container .note h3{ font-size:16px; line-height:26px;}

#showRoom1{ width:100%; position:relative; right:auto;}
#showRoom1 i{ display:none !important;}
#showRoom1 .slick-dots{ bottom:0;}
.showRoom1-container{ height:auto; margin:0 auto; position:relative;}
.showRoom1-container .note{ position:static; width:100%; max-width:none; font-weight:normal; padding:20px; margin:3% 0 0; text-align:left; line-height:26px;}
.showRoom1-container .note h3{ font-size:16px; line-height:26px;}

.fashion-container .fashionNote .title{ padding:0;}
.fashion-container .fashionNote h3{ font-size:18px; line-height:26px;}

.sustainability-qcbgfff{ padding:0 0 45px;}.sustainability-qcbg{ padding:45px 0 25px;}
.sustainability-qcbgfff .sustainability-qc-container table{ font-size:16px; width:100%;}
.sustainability-qc-container{ width:94%; max-width:none;}
.sustainability-qc-container .title{ padding:0 0 20px; font-size:14px; line-height:26px; font-weight:normal;}
.sustainability-qc-container .title h3{ font-size:18px; padding:0 0 20px;}
.Nopa{ padding:40px 0 0;}
.sustainability2-qc-container{ width:94%; max-width:none;}
.sustainability2-qc-container .title{ padding:40px 0;}
.sustainability2-qc-container .title h3{ font-size:16px;}
.sustainability2-qc-container .note{ line-height:26px;}
.sustainability2-qc-container .note .desc{ font-size:14px; padding:0; font-weight:normal;}
.sustainability2-qc-container .note .desc h3{ font-size:16px;}
.sustainability2-qc-container .note .box{ float:none; width:100%;}
.sustainability2-qc-container .note .img img{ width:100% !important; margin:0 auto; text-align:center;}
.sustainability2-qc-container .note2 .img img{ margin:0 auto 40px;}
.sustainability2-qc-container .note2 h3 br{ display:none;}
.sustainability2-qc-container .note2 .desc h3{ padding:0 0 50px 0}
.sustainability2-qc-container .note .desc img{ width:auto;}
.sustainability2-qc-container .note2 .desc p{ padding:0;}
.sustainability-qcbgfff .sustainability-qc-container .downlist dl{ margin:0 0 30px;}
.sustainability-qcbgfff .sustainability-qc-container .downlist dl dd img{ width:60px;}

.social-container{ width:94%; padding:40px 0; font-size:14px;}
.social-container .title{ font-weight:normal; padding:0 0 20px; line-height:26px;}
.social-container .title h3{ font-size:18px; padding:0 0 10px;}
.social-container .title p br{ display:none}
.social-container .title2{ font-weight:normal; line-height:26px;}
.social-container .title2 h3{ font-size:18px;}
.social-container .title2 span{ font-size:16px; padding:0 0 10px;}
.social-container .note1{ margin:0 0 60px;}
.social-container .note1 .box1 { float: left; width: 100%; height:310px; margin: 0;}
.social-container .note1 .box2{ float: left; width: 100%; height:310px;}
.social-container .note1 .box3 { float: left; width: 100%; height:auto; margin: 0; font-size: 14px; font-weight: normal; padding:0; line-height:26px;}
.social-container .note1 .box3 h3{ font-size:18px; padding:20px 0 10px;}
.social-container .note1 .box1 img,.social-container .note1 .box2 img{ display:none;}
.social-container .note2{ padding:0 0 30px;}
.social-container .note2 .social1 div{ float: left; width: 100%; height:310px; max-height:none; margin:0 !important;}
.social-container .note3 .social1 div{ float: left; width: 100%; height:310px; max-height:none; margin:0 !important;}
.social-container .note2 .social1 img,.social-container .note3 .social1 img{ display:none !important;}

.material-container{ font-size:14px; line-height:26px;}
.material2-container .left_box{ float:none; width:100%; padding:0;}
.material2-container .right_box{ float:none; width:100%;}
.material2-container .right_box video{ margin:30px 0 0;}
.material-container .title{ font-weight:normal;}
.material-container .title h3{ font-size:18px; padding:0 0 20px;}
.material2-container{ width:94%; max-width:none; padding:0 0 40px; font-size:14px; line-height:26px;}
.material2-container .title{ font-weight:normal;}
.material2-container .title h3{ font-size:18px; line-height:26px; padding:40px 0 10px;}
.material3-container{ width:94%; font-size:14px; line-height:26px; display:block !important;}
.material3-container .title{ font-weight:normal;}
.material3-containerbg{ padding:40px 0;}
.material3-container .left_box{ float:none; width:100%; padding:0;}
.material3-container .right_box{ float:none; width:100%; padding:30px 0 0;}
.material4-container{ width:94%; font-size:14px; padding:40px 0; line-height:26px; display:block !important;}
.material4-container .title{ font-weight:normal;}
.material4-container .title h3{ font-size:18px; line-height:26px; padding:30px 0 10px;}
.material4-container .left_box{ float:none; width:100%;}
.material4-container .right_box{ float:none; width:100%; padding:0;}

.fashion-container .fashionList2{ padding:30px 0;}
.fashion-container .fashionList2 ul li{ width:49%; margin:0 2% 2% 0;}
.fashion-container .fashionList2 ul li:nth-of-type(4n){ margin:0;}
.fashion-container .fashionList2 ul li:nth-of-type(2n){ margin:0 0 1.5% 0;}
.fashion-container .fashionList2 ul li p{ font-size:14px;}
.cmore a{ font-weight:normal;}
.sitemap .sub{ float:none; width:100%;}

}
@media (max-width: 480px) {
.service-factory2-container .process .pro5{ left:60px;}
.service-factory2-container .process .pro11{ right:105px;}
.service-factory2-container .process .pro12{ right:-25px; top:650px;}
.service-factory2-container .process .pro9{ left:95px; right:auto; top:440px;}
.service-factory2-container .process .pro9 img{ transform:rotate(-150deg); -ms-transform:rotate(-150deg); -moz-transform:rotate(-150deg); -webkit-transform:rotate(-150deg); -o-transform:rotate(-150deg);}
.service-factory2-container .process .pro10{ left:30px; top:340px; right:auto;}
}
@media (max-width: 412px) {
.service-factory2-container .process .pro5{ left:40px;}
.service-factory2-container .process .pro9{ left:70px;}
.service-factory2-container .process .pro11{ right:60px;}
}
@media (max-width: 375px) {
	.showroom ul li{ min-height:155px;}
	.service-factory2-container .process .pro9{ left:60px; right:auto;}
	.service-factory2-container .process .pro10{ left:10px;}
	.service-factory2-container .process .pro11{ right:40px;}
	.fashion-container .fashionNote2 .title{ display:block;}
}
@media (max-width: 360px){
.service-factory2-container .process .pro3{ width:148px; left:200px; top:65px;}	
.service-factory2-container .process .pro6{ left:-145px; top:520px;}
.service-factory2-container .process .pro7{ top:545px;}
.service-factory2-container .process .pro9{ left:50px;}
}
@media (max-width: 320px) {
	.showroom ul li{ float:none; width:100%; margin:0 0 2% 0; padding:30px; min-height:auto;}
}