html, body {width:100%;	height:100%; background:#fff;}
.pc{ display:block;}
.wap{ display:none;}
.banner-container-wap{ display:none;}
.ell{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/***********banner***********/
.banner-container{ width:100%; height:100vh; position: relative; z-index:10; overflow:hidden; background:#000 url(../images/loading.gif) no-repeat center center;}
.banner-container .swiper-slide{height: 100vh;width: 100%; overflow:hidden;}
.banner-container:hover .arrow-left0, .banner-container:hover .arrow-right0{ display:block !important; cursor:pointer;}
.banner-container .arrow-left0 { z-index:99; position: absolute; left: 90px; top: 50%; margin-top: -33px; width: 36px; height: 66px; background:url(../images/store_pre_w.png) center center no-repeat; transition:all 0.3s ease-out; display:none !important;}
.banner-container .arrow-right0 { z-index:99; position: absolute; right: 90px; top: 50%; margin-top: -33px; width: 36px; height: 66px; background:url(../images/store_nex_w.png) center center no-repeat; transition:all 0.3s ease-out; display:none !important;}
.banner-container .swiper-slide a{ width:100%; height:100%; display:block;}

.section1{ width:100%; background:#cfcfcf; border-top:3px solid #fff;}
.section1 .section1Wrapper{ overflow:hidden; position:relative;}
.section1 .section1-pic{ float:left; width:58%; height:587px;}
.section1 .section1-note{ float:left; width:42%; font-size:18px; line-height:30px; position:absolute; right:0; top:50%; transform:translate(0,-50%); color:#000; padding:0 0 0 55px;}
.section1 .section1-note h3{ font-size:32px; line-height:42px; color:#010101;} 

.section2{ width:100%; background:#333; color:#fff;}
.section2 .section2Wrapper{ overflow:hidden;}
.section2 dl{ float:left; width:25%; text-align:center; height:496px; padding:178px 0 0; border-right:1px solid #fff; position:relative;}
.section2 dt{ font-size:32px; line-height:32px; font-weight:lighter;}
.section2 dl span{ font-size:100px; line-height:100px; font-weight:lighter;}
.section2 dl i{ font-weight:lighter;}
.section2 dl dd{ font-size:18px; line-height:30px; padding:10px 0 0;}
.section2 dl:last-child{ border-right:none;}

.section3{ width:100%; background:#dedede; border-top:3px solid #fff;}
.section3 .section3Wrapper{ width:100%; height:1044px; overflow:hidden; position:relative;}
.section3 .section3-note{ font-size:22px; line-height:38px; text-align:center; position:absolute; left:50%; top:49%; transform:translate(-50%,-50%)}
.section3 .section3-note h3{ font-size:38px; line-height:38px; font-weight:bold; padding:0 0 35px;}
.section3 a{ width:100%; height:100%; display:block;}

.section4{ width:100%; background:#000; color:#fff;}
.section4 .section4Wrapper{ width:100%; height:1061px; overflow:hidden; position:relative;}
.section4 .section4-note{ font-size:22px; line-height:38px; text-align:center; padding:30% 0 0; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.section4 .section4-note h3{ font-size:38px; line-height:38px; font-weight:bold; padding:0 0 35px;}

.section5{ width:100%; background:#fff; padding:10px 0;}
.section5 .section5Wrapper{ width:100%; position:relative;}
.section5 .section5-slide{ width:100%; height:auto; overflow:hidden; position:relative;}
.section5 .section5-pic{ width:100%; height:auto;}
.section5 .section5-note{ width:300px; font-size:28px; line-height:48px; text-align:center; position:absolute; right:200px; top:50%; transform:translate(0,-50%)}
.section5 .section5-note h3{ color:#fff; font-size:60px; line-height:90px; font-weight:bold;}
.section5 .section5-note p{ color:#fff;}
.section5 .slick-dots { margin: 0; padding: 0; list-style: none; width:100%; text-align: center; position:absolute; bottom:40px;}
.section5 .slick-dots li { display: inline-block; float:none; width: 16px; height: 16px; background:#fff; border-radius: 50%; margin-right: 10px; cursor:pointer;}
.section5 .slick-dots li:last-child { margin-right: 0;}
.section5 .slick-dots li.slick-active { background: #333;}

.section6{ width:100%; color:#fff; background:#333; padding:100px 0 100px 100px;}
.section6 .section6Wrapper{ overflow:hidden; position:relative;}
.section6 .section6-pic{ float:right; width:70%; height:838px; position:relative; overflow:hidden;}
.section6 .section6-pic .swiper-slide-2{height: 838px;width: 100%;}
.section6 .section6-pic:hover .arrow-left1, .section6 .section6-pic:hover .arrow-right1{ display:none !important; cursor:pointer;}
.section6 .section6-pic .arrow-left1 { z-index:99; position: absolute; left: 90px; top: 50%; margin-top: -33px; width: 36px; height: 66px; background:url(../images/store_pre_w.png) center center no-repeat; transition:all 0.3s ease-out; display:none !important;}
.section6 .section6-pic .arrow-right1 { z-index:99; position: absolute; right: 90px; top: 50%; margin-top: -33px; width: 36px; height: 66px; background:url(../images/store_nex_w.png) center center no-repeat; transition:all 0.3s ease-out; display:none !important;}
.section6 .section6-pic .swiper-slide a{ width:100%; height:100%; display:block;}

.section6 .section6-note{ float:left; width:30%; font-size:18px; font-weight:lighter; line-height:36px; position:absolute; left:0; top:50%; transform:translate(0,-50%)}
.section6 .section6-note h3{ font-size:40px; line-height:50px;} 
.section6 .section6-note a{ color:#fff;}

/**content start**/

a, .transition, :before, img, .g-nav {
    transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
}

/******News*******/

.group-news-section { width:100%; color:#333; background:#fff; padding:65px 0;}
.group-news-section a{ color:#333}
.group-news-section .newsWrapper{ position:relative; overflow:hidden;}
.section1-nav{ padding:0 0 100px; text-align:center;}
.section1-nav a{ display:inline-block; padding:0 30px; line-height:22px; border:1px solid #000;}
.section1-nav a.now{ background:#000; color:#fff;}
.section1-nav span.line{ width:125px; background:#333; height:1px; display:inline-block;}

.group-news-list { width:100%; background:#ebebeb; padding:65px 0;}
.group-news-list a{ color:#000}
.group-news-list .newsWrapper{ width:1366px; margin:0 auto; position:relative; overflow:hidden;}

.newsWrapper .newslist{ overflow:hidden;}
.newsWrapper .newslist .box{ float:left; width:30%; margin:0 5% 5% 0; padding:4px 0; position:relative;}
.newsWrapper .newslist .box:nth-of-type(3n){ margin:0 0 5% 0;}
.newsWrapper .newslist .box-shadow{ overflow:hidden; border-bottom:1px solid #333;}
.newsWrapper .newslist .img{ width:100%; height:270px;}
.newsWrapper .newslist .datetime{ font-size:14px; line-height:24px; padding:20px 0;}
.newsWrapper .newslist .title{ font-size:16px; height:24px; margin:0 0 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} 
.newsWrapper .newslist .note{ color:#b4b6ba; font-size:14px; line-height:24px; padding:0; margin:0 0 20px; height:72px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.newsWrapper .newslist a{ width:100%; height:100%; display:block;}

/**Fashion Detail**/
.group-news-section2 { width:100%; color:#333; background:#ebebeb;}
.group-news-section2 a{ color:#333;}
.group-news-section2 .news2Wrapper{ width:1115px; margin:0 auto; position:relative; overflow:hidden;}
.section2-nav{ padding:40px 0 20px; border-bottom:1px solid #333; overflow:hidden;}
.section2-nav h3{ float:left; font-size:18px;}
.section2-nav p{ float:right; font-size:14px; padding:5px 0 0;}

.news2Wrapper .newslist{ padding:50px 0 0; overflow:hidden;}
.news2Wrapper .newslist .box{ width:100%; padding:0 0 50px; position:relative; text-align:center;}
.news2Wrapper .newslist .box-shadow{ overflow:hidden; border-bottom:1px solid #333;}
.news2Wrapper .newslist .img img{ width:100%;}
.news2Wrapper .newslist .datetime{ font-size:18px; line-height:24px; padding:0 0 30px;}
.news2Wrapper .newslist .datetime p{ font-size:12px;}
.news2Wrapper .newslist .title{ font-size:24px; line-height:30px; padding:0 0 30px;} 
.news2Wrapper .newslist .note{ color:#444; font-size:14px; line-height:24px; padding:0; margin:20px 0 30px; max-height:72px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.news2Wrapper .newslist a{ width:100%; height:100%; display:block;}
.news2Wrapper .btnmore{ width:148px; height:44px; line-height:44px; background:url(../images/btn.png) no-repeat; margin:0 auto 50px;}

/**relations**/
.relations { width:100%; color:#000; background:#c6c6c6; padding:100px 0;}
.relations a{ color:#000;}
.relations .relationsWrapper{ width:570px; margin:0 auto; position:relative;}
.relations .relations-box{ width:560px; min-height:160px; padding:32px 0 15px; border:1px solid #000; text-align:center; position:relative; z-index:10;}
.relations .relations-navbox{ width:560px; min-height:160px; border:1px solid #000; position:absolute; left:10px; top:10px;}
.relations .relations-box h3{ font-size:24px;}
.relations .relations-box h4{ font-size:12px; text-transform:uppercase;}
.relations hr{ width:105px; height:2px; border:none; background:#000; margin:8px auto 0;}
.relations .relations-box ul{ overflow:hidden; padding:15px 0 0; display:inline-block;}
.relations .relations-box ul li{ float:left; text-align:left; padding:0 0 0 25px;}
.relations .relations-box ul li.icon1{ background:url(../images/tel.png) no-repeat left center; background-size:18px; margin:0 30px 0 0;}
.relations .relations-box ul li.icon2{ background:url(../images/iphone2.png) no-repeat left center; background-size:18px;}

.fixedtop{ position:fixed; top:111px; z-index:9;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;}
.hideNav{}
/**relations2**/
.relations2 { width:100%; color:#000; background:#353535; padding:10px 0 90px;}
.relations2 a{ color:#000;}
.relations2 .relations2Wrapper{ width:1170px; margin:0 auto; position:relative; overflow:hidden;}
.relations2 .relations2-box{ overflow:hidden;}
.left-pc{ float:left; width:235px; padding:0 5px 0 0;}
.left-pc h2{ width:230px; height:62px; border-bottom:3px solid #757575; background:url(../images/left-tit.jpg) no-repeat; background-size:cover; text-indent:-9999px;}
.left-pc a{ color:#fdfcfc; display:block; padding:0 0 0 90px; background:#191919; height:46px; line-height:44px; border-bottom:2px solid #353535;}
.left-pc .btn{ display:none;}
.left-pc a:hover,.left-pc a.on{ background:#000;}
.left-pc a:last-child{ background:#191919 url(../images/left-arr.jpg) no-repeat left top;}
.left-pc a:last-child.on,.relations-left .left-pc a:last-child:hover{ background:#000 url(../images/left-arr2.jpg) no-repeat left top;}

.relations-right{ float:right; width:935px; min-height:670px; background:#efefef;}
.relations-right-title{ color:#fff; font-size:14px; background:#030303; width:100%; height:50px; line-height:50px; padding:0 20px;}
.relations-right-title span{ text-transform:uppercase; font-size:12px;}

.relations-con{ width:100%;}
.relations-con h3{ font-size:24px; text-align:center; padding:0 0 20px;}
.relations-con .tab-tit { overflow:hidden;}
.relations-con .tab-tit a{ float:left; color:#030303; width:466px; margin:0 3px 0 0; height:37px; line-height:37px; background:url(../images/left-tit2.jpg); font-weight:bold; font-size:16px; text-align:center;}
.relations-con .tab-tit a.on{ background:url(../images/left-tit3.jpg);}
.relations-con .tab-tit a:nth-of-type(2n){ margin:0;}
.relations-con .tab-con{ overflow:hidden}
.relations-con .tab-con table{table-layout:fixed;}

.relations-con .news-nav{ overflow:hidden;}
.relations-con .news-nav .icon-note{ float:left; width:621px; height:36px; line-height:36px; background:#e6e6e6; padding:0 40px;}
.relations-con .news-nav .icon-time{ float:left; width:161px; height:36px; line-height:36px; background:#e6e6e6; text-align:center; margin:0 3px;}
.relations-con .news-nav .icon-pdf{ float:left; width:147px; height:36px; line-height:36px; background:#e6e6e6; text-align:center;}

.relations-con .news-list{ padding:0 10px 0 20px;}
.relations-con .news-item{ width:100%; height:51px; line-height:50px; border-bottom:1px solid #989898;}
.relations-con .news-item:hover{ background:#e6e6e6;}
.relations-con .item-tit{ float:left; width:601px; padding:0 20px;}
.relations-con .item-date{ float:left; width:161px; text-align:center; margin:0 3px; color:#989898;}
.relations-con .item-pdf{ float:left; width:137px; text-align:center; background:url(../images/pdf.png) no-repeat 26px center; background-size:30px; padding:0 0 0 36px;}
.relations-con .wz{ padding:20px;}

.relations-con table{border:solid #d5d5d4; border-width:1px 0px 0px 1px; line-height:26px;}
.relations-con th{ padding:10px;}
.relations-con th,.relations-con td{border:solid #d5d5d4; border-width:0px 1px 1px 0px;}
.relations-con td{ padding:10px;}
.b{background-color:#e6e6e6;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}
::-webkit-input-placeholder { color:#ccc; }
:-moz-placeholder { color:#ccc;}
::-moz-placeholder { color:#ccc;}
:-ms-input-placeholder { color:#ccc;}

.anti-container{width:900px;background:#f5f5f5;margin:30px auto;padding-top:20px}
.anti-container p{text-align:center}
.anti-container p span.color{color:#b31231}
.anit-desc p{text-align:left;color:#a3a3a3;line-height:30px;padding-left:220px}
.anit-desc{margin-top:70px;padding-bottom:30px}
.anit-title p:nth-of-type(2){font-size:16px}
.bSing-items-one{font-size:20px;text-align:center;padding-top:50px;margin-bottom:20px}
.bSing-items-two,.bSing-items-thr{width:600px;margin:0 auto 15px;text-align:left !important;color:#616161;line-height:20px;font-size:14px}
.bSing-items-two span.color{color:#b31231}
.bsing-flag{padding-bottom:80px}
.bsing-flag a.common-a{width:210px !important;margin-top:95px}
p.normal-p{color:#9c9c9c;line-height:30px;margin-bottom: 40px}
.items-num .num-title{ float:left;font-size:13px;height:68px;line-height:68px;padding-right:15px}
.items-num .num-input{ float:left; color:#000; display:inline-block;width:475px;height:68px;line-height:68px;outline:none;background:#fff;border:1px solid #eee;padding-left:10px;font-size:16px}
.items-num a.submit{ float:left; display:inline-block;width:170px;height:68px;line-height:68px;color:#fff;text-align:center;background:#333;font-size:16px}
.items-num a.submit:hover{ background:#000;}
.items-num{width:750px;margin:30px auto; overflow:hidden;}
.sepa-ppp p{width:85%;padding-left:77px}
.common-a{display:block;width:260px;height:42px;line-height:42px;text-align:center;color:#fff;margin:30px auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;overflow:hidden;font-size:13px}
a.just-qd:hover{color:#fff;background:#b31231}
a.just-qd{background:#b31231}
.bsing-flag a.common-a{width:210px !important;margin-top:95px}

.common-shanping{position:absolute;top:50% !important;left:50% !important; transform:translate(-50%,-50%); padding:5px;background:rgba(0,0,0,.7);background:#000\9;filter:alpha(opacity=70)\9;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;z-index:9999999999!important}
.common-shanping p{color:#fff;font-size:24px;padding:25px 40px;line-height:50px}
.common-shanping p i{background:url("../images/icon.png") no-repeat 0 -465px;width:50px;height:50px;float:left;margin-right:15px}
.common-shanping p i.error{background-position:-55px -465px}
.common-shanping p i.success{background-position:-110px -465px}

/**join**/
.join { width:100%; height:954px; color:#cca574; background:#060606 url(../images/joinbg.jpg) no-repeat top center; position:relative;}
.join .joinWrapper{ width:730px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.join .join-box{ width:100%; text-align:center;}
.join .join-box .title01{ color:#cb9c62;}
.join .join-box .title01 h1{ font-size:60px; line-height:60px; font-weight:bold;}
.join .join-box .title01 p{ font-size:16px; letter-spacing:5px; padding:20px 0;}
.join .join-box .title02{ width:284px; height:46px; line-height:44px; margin:0 auto; background:url(../images/jointitle.png) no-repeat; font-size:24px;}
.join .join-box .note{ font-size:16px; line-height:30px; padding:50px 0 80px;}
.join .join-box .desc{ font-size:24px; line-height:40px; padding:40px 0; display:inline-block;}
.join .join-box .desc a{ color:#cca574;}
.join .join-box .desc div{ padding:0 0 0 38px; text-align:left;}
.join .join-box .desc div.icon-tel{ background:url(../images/icon-tel.png) no-repeat left center; background-size:23px;}
.join .join-box .desc div.icon-phone{ background:url(../images/icon-phone.png) no-repeat left center; background-size:23px;}

/**News Detail**/
.viewnews{ width:100%;}
.viewnews .viewnewsWrapper{ width:1280px; margin:0 auto; padding:60px 0; overflow:hidden;}
.viewnews  h1{ font-size:30px; line-height:40px; font-weight:bold; text-align:center;}
.viewnews .viewnews-note{ color:#000; font-size:16px; line-height:30px; padding:100px 0 35px; overflow:hidden;}.fashionpt0{ padding:0 0 35px !important;}
.viewnews .datatime{ font-size:16px; color:#838282; padding:15px 0 0; line-height:36px; text-align:center; border-bottom: 1px solid #c0c0c0;}
.viewnews .datatime span{ padding:0 18px;}
.viewnews .datatimeDiv{ display:inline-block;}
.newsWrapper .hover-shadow{position:relative;top:0;transition:all .2s linear}
.newsWrapper .hover-shadow:hover{top:-4px; transition:translate3d(0,-2px,0)}
.viewnews .viewnews-note p { margin-bottom: 11px;}

.fashion-box{ width:100%; height:940px; position:relative;}
.fashion-tit{ color:#fff; width:920px; position:absolute; bottom:140px; left:220px; z-index:10;}
.fashion-box .mask{ width:100%; height:100%; background:rgba(0,0,0,0.36); position:absolute; left:0; top:0;}
.fashion-tit p{ font-size:28px; line-height:28px; padding:0 0 45px; margin:0 0 45px; border-bottom:2px solid #fff;}
.fashion-tit h1{ font-size:52px; line-height:72px; font-weight:bold; text-align:left;}

.listmore{ margin:30px 0 60px;}
.listmore a{ width:300px; margin:0 auto; display:block; color:#333; font-size:16px; border:2px solid #333; height:53px; line-height:49px; text-align:center; cursor:pointer;}
.listmore a:hover{ background:#000; color:#fff;}

.loadmore{ margin:30px 0 60px;}
.loadmore a{ width:300px; margin:0 auto; display:block; color:#333; font-size:16px; border:2px solid #333; height:53px; line-height:49px; text-align:center; cursor:pointer;}
.loadmore a:hover{ background:#333; color:#fff;}

/**other-news-list**/
.other-news-list{ padding:110px 46px 0; border-top:1px solid #aaa; overflow:hidden; position:relative;}
.other-news-list a{ width:100%; height:100%; display:block; position:relative; z-index:20;}
.other-box{ float:left; overflow:hidden; padding:0 14px;}
.other-box-img{ width:100%; height:388px; position:relative;}
.other-box .txt{ width:100%; color:#fff; font-size:16px; height:55px; line-height:55px; padding:0 28px; position:absolute; bottom:0; z-index:10;}
.other-box .mask{ width:100%; height:100%; background:rgba(0,0,0,0.46); position:absolute; left:0; top:0;}
.other-news-list i { position: absolute; top: 50%; color: #fff; z-index: 1; cursor:pointer; margin-top: 11px; width: 40px; height: 58px; text-align: center;}
.other-news-list i.arrow-icon-left { left: 0; background:url(../images/icon_left.png) no-repeat center; background-size:22px;}
.other-news-list i.arrow-icon-right { right: 0; background:url(../images/icon_right.png) no-repeat center; background-size:22px;}

/**technology**/
.technology1{ width:100%; background:#000; color:#fff;}
.technology1 .technology1Wrapper{ width:100%; height:1055px; overflow:hidden; position:relative;}
.technology1 .technology1-note{ font-size:20px; line-height:46px; text-align:center; position:absolute; left:250px; bottom:120px;}
.technology1 .technology1-note h3{ font-size:30px; line-height:40px;}

.technology2{ width:100%; background:#fff; padding:0 100px;}
.technology2 .technology2Wrapper{ overflow:hidden; position:relative;}
.technology2 .technology2-pic{ float:left; width:55%; height:1045px;}
.technology2 .technology2-note{ float:left; width:45%; font-size:22px; line-height:36px; text-align:center; position:absolute; right:0; top:50%; transform:translate(0,-50%);}
.technology2 .technology2-note h3{ font-size:38px; line-height:62px;} 
.technology2 .technology2-note h4{ font-size:30px; line-height:46px;} 
.technology2 .technology2-note .desc{ padding:120px 0 0; display:inline-block; overflow:hidden;}
.technology2 .technology2-note .desc div{ float:left; width:105px; padding:80px 20px 0;}
.technology2 .technology2-note .desc .icon1{ background:url(../images/about-icon1.png) no-repeat top center; background-size:63px;}
.technology2 .technology2-note .desc .icon2{ background:url(../images/about-icon2.png) no-repeat top center; background-size:63px;}
.technology2 .technology2-note .desc .icon3{ background:url(../images/about-icon3.png) no-repeat top center; background-size:63px;}

.technology3{ width:100%; height:1044px; color:#fff;}
.technology3 .technology3Wrapper{ width:100%; height:1044px; overflow:hidden; position:relative;}
.technology3 .technology3-note{ font-size:22px; line-height:38px; text-align:center; position:absolute; left:50%; top:40%; transform:translate(-50%,-50%)}
.technology3 .technology3-note h3{ font-size:38px; line-height:100px;}

/**brand**/
.brand{display:flex;justify-content:center;align-items:center;position:relative;height:100vh}
.brand-bg{background-repeat:no-repeat;background-size:cover;background-position:center;width:105%;position:absolute !important;top:0;left:-2.5% !important;height:100%}
.brand img{ position:relative !important;}
.brand2{ width:100%; background:#fff;}
.brand2 .brand2Wrapper{ width:100%; padding:100px 0; overflow:hidden; position:relative;}
.brand2 .brand2-note{ font-size:22px; line-height:38px; text-align:center;}
.brand2 .brand2-note h3{ font-size:38px; line-height:100px; font-weight:bold;}
.brand3{ width:100%; background:#fff;}
.brand3 .brand3Wrapper{ width:100%; padding:0 0 120px; overflow:hidden;}
.brand3-list .brand-item{ float:left; width:33%; height:480px; margin:0 0.5% 0 0; position:relative;}
.brand3-list .brand-item:nth-child(3n){margin:0}
.brand3-list .brand-note{ width:100%; color:#fff; font-size:22px; line-height:38px; padding:0 40px 30px; position:absolute; bottom:0;}
.brand4{ width:100%; color:#fff;}
.brand4 .brand4Wrapper{ width:100%; height:830px; overflow:hidden; position:relative;}
.brand4 .brand4-note{ font-size:22px; line-height:38px; position:absolute; left:90px; bottom:90px;}
.brand4 .brand4-note h3{ font-size:38px; line-height:100px; font-weight:bold;}
.brand5{ width:100%; color:#525252;}
.brand5 .brand5Wrapper{ width:100%; padding:120px 0 90px; overflow:hidden;}
.brand5 .brand5-note{ font-size:36px; line-height:90px; text-align:center;}
.brand5 .brand5-note h3{ font-size:36px; line-height:90px;}
.brand5 .brand5-note span{ color:#5693b8; font-size:73px;}
/**join**/
.join2{ width:100%; background:#fff;}
.join2 .join2Wrapper{ width:100%; padding:100px 0; overflow:hidden; position:relative;}
.join2 .join2-note{ font-size:30px; line-height:38px; color:#333; text-align:center;}
.join2 .join2-note h3{ font-size:48px; line-height:58px; font-weight:bold; color:#cb9c62; margin:-20px 0 0; padding:0 0 15px;}
.join2 .join2-note h4{ font-size:55px; line-height:58px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#cb9c62; background:linear-gradient(rgba(204,160,96,.8),rgba(204,160,96,.1)70%); -webkit-background-clip:text; color:transparent;}
.join3{ width:100%; background:#fff;}
.join3 .join3Wrapper{ width:100%; padding:0 0 120px; overflow:hidden;}
.join3-list .join-item{ float:left; width:49.5%; height:600px; margin:0 1% 1% 0; position:relative;}
.join3-list .join-item:nth-child(2n){margin:0 0 1%;}
.join3-list .join-note{ width:100%; color:#fff; font-size:28px; line-height:48px; padding:0 50px 40px; position:absolute; bottom:0;}
.join3-list .join-note h3{ font-size:42px; line-height:58px; font-weight:bold;}
.join4{ width:100%; background:#fff; border-bottom:1px solid #e2e2e1;}
.join4 .join4Wrapper{ width:100%; padding:0 0 100px; overflow:hidden; position:relative;}
.join4 .join4-note{ font-size:42px; line-height:52px; color:#333; text-align:center; padding:0 0 60px;}
.join4 .join4-list ul li{ float:left; padding:0 76px 0 0; background:url(../images/join-arr.png) no-repeat right center;}
.join4 .join4-list ul li .circle{ width:126px; height:126px; border-radius:50%; border:1px solid #cdcdcd; font-size:24px; line-height:32px; text-align:center; position:relative;}
.join4 .join4-list ul li p{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.join4 .join4-list ul li:hover .circle{ background:#cb9c62; border:1px solid #cb9c62;transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease;}
.join4 .join4-list ul li:hover .circle p{ color:#fff;}
.join4 .join4-list ul li:last-child{ padding:0; background:none;}
.join5{ width:100%; background:#fff;}
.join5 join5Wrapper{ width:100%; padding:100px 0; overflow:hidden; position:relative;}
.join5 .join5-note{ font-size:30px; line-height:38px; color:#333; text-align:center;}
.join5 .join5-img{ width:100%; padding:100px 0;}
/**products**/
.products1{ width:100%; background:#000;}
.products1 .products1Wrapper{ width:100%; height:1055px; overflow:hidden; position:relative;}
.products1 .products-note { color:#fff; font-size:60px; line-height:80px; text-align:center; position:absolute; right:200px; top:50%; transform:translate(0,-50%);}
.products1 .products-note h3{ font-size:90px; line-height:120px; font-weight:bold;}
.products1 .note1{ right:200px; top:36%; transform:translate(0,-50%);}
.products1 .note2{ top:38%; transform:translate(0,-50%);}
.products1 .note3{ right:200px; top:auto; top:28%; transform:none;}
.products1 .note4{ right:180px; top:50%; transform:translate(0,-50%);}
.products1 .note5{ right:80px; top:75%; transform:translate(0,-50%);}

.products2{ width:100%; background:#fff; padding:120px 100px;}
.products2 .technology2Wrapper{ overflow:hidden; position:relative;}
.products2-box{ width:100%; overflow:hidden; position:relative;}
.products2 .products2-video{ float:left; width:1200px; height:680px; margin:0 auto; background:#000; overflow:hidden;}
.products2 .products2-note{ float:left; font-size:24px; line-height:42px; text-align:center; position:absolute; right:0; top:50%; transform:translate(0,-50%);}
.products2 .products2-note h3{ font-size:48px; line-height:62px; font-weight:bold; padding:0 0 30px;} 
.products2 .products2-note .point{ padding:30px 0 0; display:inline-block; overflow:hidden;}
.products2 .products2-note .point div{ float:left; width:105px; padding:70px 0 0; font-size:20px;}
.products2 .products2-note .sub1 .icon1{ background:url(../images/about-icon1.png) no-repeat top center; background-size:63px;}
.products2 .products2-note .sub1 .icon2{ background:url(../images/about-icon2.png) no-repeat top center; background-size:63px;}
.products2 .products2-note .sub1 .icon3{ background:url(../images/about-icon3.png) no-repeat top center; background-size:63px;}
.products2 .products2-note .sub2 .icon1{ background:url(../images/about-icon4.png) no-repeat top center; background-size:63px;}
.products2 .products2-note .sub2 .icon2{ background:url(../images/about-icon5.png) no-repeat top center; background-size:63px;}
.products2 .products2-note .sub2 .icon3{ background:url(../images/about-icon6.png) no-repeat top center; background-size:63px;}
.products2 .products2-note .sub3 div{ padding:80px 0 0; font-size:14px; line-height:20px;}
.products2 .products2-note .sub3 .icon1{ background:url(../images/about-icon7.png) no-repeat top center; background-size:63px;}
.products2 .products2-note .sub3 .icon2{ background:url(../images/about-icon8.png) no-repeat top center; background-size:63px;}
.products2 .products2-note .sub3 .icon3{ background:url(../images/about-icon9.png) no-repeat top center; background-size:63px;}
.products2 .products2-note .sub4 div{ padding:80px 0 0; font-size:14px; line-height:20px;}
.products2 .products2-note .sub4 .icon1{ background:url(../images/about-icon5.png) no-repeat top center; background-size:63px;}
.products2 .products2-note .sub4 .icon2{ background:url(../images/about-icon9.png) no-repeat top center; background-size:63px;}
.products2 .products2-note .sub4 .icon3{ background:url(../images/about-icon10.png) no-repeat top center; background-size:63px;}
.products2 .products2-note .sub5 .icon1{ background:url(../images/about-icon11.png) no-repeat top center; background-size:63px;}
.products2 .products2-note .sub5 .icon2{ background:url(../images/about-icon5.png) no-repeat top center; background-size:63px;}
.products2 .products2-note .sub5 .icon3{ background:url(../images/about-icon12.png) no-repeat top center; background-size:63px;}

.products2-container{ width:100%; overflow:hidden; border-top:1px solid #e6e6e6; background:#f7f7f7; position:relative;}
.products2-list{ float:left; width:50%; display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:50%;}
.products2-list .list-item-box{ width:100%; position:absolute; top:50%; transform:translate(0,-50%);}
.products2-list .list-item{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center; width:50%; min-height:434px; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.products2-list .list-item .list-item-top{position:relative;width:100%;overflow:hidden;}
.products2-list .list-item .list-item-top .img-block{display:block;width:100%}
.products2-list .list-item .list-item-top .list-item-img{position:absolute;top:0;left:0;display:block;width:100%;transition:all .3s}
.products2-list .list-item .list-item-top .list-item-single{position:absolute;top:0;left:0;display:block;width:100%;transition:all .3s}
.products2-list .list-item .list-item-top .list-item-imgs{position:absolute;top:0;left:0;width:100%;opacity:0;transition:all .3s}
.products2-list .list-item .list-item-title{width:100%;height:18px;font-size:12px;color:#666;line-height:18px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center; position:absolute; bottom:100px;}
.products2-list .list-item .list-item-color{ position:absolute; bottom:44px; text-align:center;}
.products2-list .list-item .list-item-color span{ width:25px; height:25px; display:inline-block; margin:0 3px;}
.products2-list .list-item:hover .list-item-top .list-item-img{opacity:0}
.products2-list .list-item:hover .list-item-top .list-item-imgs{opacity:1}
.products2-list .list-item img{ display:block;}

.products2-right-top{ float:left; width:50%; height:auto; border-bottom:1px solid #e6e6e6; position:absolute; right:0; bottom:0;}
.products2-right-top .list-item-box{ width:100%; height:100%;}
.products2-right-top .list-item{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.products2-right-top .list-item .list-item-top{ position:relative;width:100%;overflow:hidden;}
.products2-right-top .list-item .list-item-top .img-block{display:block;width:100%}
.products2-right-top .list-item .list-item-top .list-item-img{position:absolute;top:0;left:0;display:block;width:100%;transition:all .3s}
.products2-right-top .list-item .list-item-top .list-item-single{position:absolute;top:0;left:0;display:block;width:100%;transition:all .3s}
.products2-right-top .list-item .list-item-top .list-item-imgs{position:absolute;top:0;left:0;width:100%;opacity:0;transition:all .3s}
.products2-right-top .list-item .list-item-title{width:100%;height:18px;font-size:12px;color:#666;line-height:18px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center; position:absolute; bottom:100px;}
.products2-right-top .list-item .list-item-color{ position:absolute; bottom:44px; text-align:center;}
.products2-right-top .list-item .list-item-color span{ width:25px; height:25px; display:inline-block; margin:0 3px;}
.products2-right-top .list-item:hover .list-item-top .list-item-img{opacity:0}
.products2-right-top .list-item:hover .list-item-top .list-item-imgs{opacity:1}

.bb5 .list-item .list-item-title{ bottom:60px;}
.bb5 .list-item:hover .list-item-top .list-item-img{opacity:1}

.products2-more{ width:172px; margin:60px auto;}
.products2-more a{ width:172px; height:36px; line-height:36px; display:block; background:#231f20; color:#fff; font-size:18px; text-align:center;}

#category_wap, .dialog .selectBox .btn{ display:none;}
.pages{ width:100%; color:#1a4b85; overflow:hidden; text-align:center; padding:0; line-height:0; display:table; word-spacing:-1em;}
.pages span{ padding:0 6px; margin:0 0 12px; display:inline-block; color:#555;}
.pages a{ display:block; color:#333; text-align:center; vertical-align:middle; padding:0px 20px; line-height:50px; overflow:hidden; box-sizing:border-box; font-size:16px; background:#fff; border-radius:5px;border:1px solid #dedede;}
.pages span.pg_num_current a{ display:block; background:#000; color:#fff; border:1px solid #000;}
.pages a:hover{background:#dedede; color:#fff;}
.pages span.pg_home_dis,span.pg_prev_dis,span.pg_next_dis,span.pg_end_dis{ margin:0 6px; display:inline-block; color:#555; text-align:center; padding:0px 26px; line-height:50px; overflow:hidden; box-sizing:border-box; font-size:16px; background:#f5f5f5; border-radius:5px;border:1px solid #dedede; cursor:not-allowed}
.pages span.ttips{ margin:0 6px; display:inline-block; color:#555; text-align:center; padding:0px 6px; line-height:50px; overflow:hidden; box-sizing:border-box; font-size:16px;}

@media (max-width: 1919px){ 
.products2 .products2-video{ width:65%; height:auto;}
.products2-right-top .list-item .list-item-top{ bottom:30px;}


}


@media (max-width: 1679px){ 
.foot-box{ margin-right:110px;}


}

@media (max-width: 1440px){ 
.logo{ left:60px;}
.head-v3 .navigation-inner{ right:60px;}
.nav-level-2-list.secondary .nav-level-2-item{ max-width:16%;}

.banner-container{ height:705px;}
.banner-container .swiper-slide{ height: 705px;}
.section2{ height:360px;}
.section2 dl{ width:25%; height:360px; padding:115px 0 0;}
.section3 .section3Wrapper{ height:783px; background-size:cover !important;}
.section4 .section4Wrapper{ height:783px; background-size:cover !important;}
.section5{ width:100%; padding:10px 0;}
.section5 .section5-pic{ height:auto;}
.section5 .section5-pic{ width:100%;}
.section5 .section5-note{ font-size:27px; line-height:47px; right:80px;}
.section5 .section5-note h3{ font-size:45px; line-height:80px;}
.section6{ padding:40px 0;}
.section6 .section6-pic{ width:70%; height:630px;}
.section6 .section6-pic .swiper-slide-2{ height:638px;}
.section6 .section6-note{ width:30%; font-weight:normal; left:60px;}
.section6 .section6-note a{ color:#fff;}

.group-news-list .newsWrapper,.group-news-section2 .news2Wrapper{ width:100%; padding:0 60px;}
.newsWrapper .newslist .box{ width:30.3%; margin:0 4.5% 4.5% 0;}

.technology1 .technology1Wrapper{ height:792px;}
.technology1 .technology1-note{ font-size:27px; line-height:46px; left:180px; bottom:140px;}
.technology1 .technology1-note h3{ font-size:36px; line-height:50px;}
.technology2 .technology2-pic{ height:785px; background-size:cover !important;}
.technology2 .technology2-note{ font-size:18px; line-height:30px;}
.technology2 .technology2-note img{ width:170px;}
.technology2 .technology2-note h3{ font-size:36px; line-height:50px;} 
.technology2 .technology2-note h4{ font-size:27px; line-height:46px;} 
.technology2 .technology2-note ul{ padding:100px 0 0;}
.technology3,.technology3 .technology3Wrapper{ height:783px; background-size:cover !important;}
.technology3 .technology3-note{ font-size:22px; line-height:40px;}
.technology3 .technology3-note h3{ font-size:36px; line-height:80px;}

.brand2 .brand2Wrapper{ padding:60px 0;}
.brand2 .brand2-note{ font-size:22px; line-height:40px;}
.brand2 .brand2-note h3{ font-size:40px; line-height:100px;}
.brand3 .brand3Wrapper{ padding:0 0 60px;}
.brand3-list .brand-item{ height:360px;}
.brand3-list .brand-note{ font-size:18px; line-height:26px; padding:0 30px 30px;}
.brand3-list .brand-note p br{ display:none;}
.brand4 .brand4Wrapper{ height:625px;}
.brand4 .brand4-note{ font-size:22px; line-height:40px; left:75px; bottom:60px;}
.brand4 .brand4-note h3{ font-size:40px; line-height:100px; font-weight:bold;}
.brand5 .brand5Wrapper{ width:100%; padding:90px 0 60px; overflow:hidden;}
.brand5 .brand5-note{ font-size:28px; line-height:70px; text-align:center;}
.brand5 .brand5-note h3{ font-size:28px; line-height:70px;}
.brand5 .brand5-note span{ font-size:56px;}

.products1 .products1Wrapper{ height:790px;}
.products1 .products-note { font-size:45px; line-height:65px;}
.products1 .products-note h3{ font-size:68px; line-height:98px;}
.products1 .note1{ right:150px;}
.products1 .note2{ right:150px;}
.products1 .note3{ right:150px;}
.products1 .note4{ right:100px;}
.products1 .note5{ right:60px;}
.products2{ padding:60px;}
.products2 .products2-video{ float:none; width:100%; height:100%; background:none;}
.products2 .products2-note{ float:none; position:static; transform:none; padding:60px 0 0;}
.products2-list .list-item{ min-height:325px;}
.products2-list .list-item-box{ top:40%;}
.products2-list .list-item .list-item-title{ bottom:80px;}
.products2-list .list-item .list-item-color{ bottom:30px;}
.products2-right-top .list-item .list-item-top{ bottom:30px;}
.products2-right-top .list-item .list-item-title{ bottom:80px;}
.products2-right-top .list-item .list-item-color{ bottom:30px;}

.other-news-list{ padding:90px 46px 0;}
.other-box-img{ height:290px;}
.other-box .txt{ font-size:16px;}

.viewnews .viewnewsWrapper{ width:100%; padding:60px; overflow:hidden;}
.viewnews  h1{ font-size:30px; line-height:50px;}
.viewnews .viewnews-note{ font-size:16px; line-height:30px; padding:60px 60px 35px; overflow:hidden;}
.viewnews .datatime{ font-size:14px; color:#838282; padding:0; line-height:36px;}

.fashion-box{ height:705px;}
.fashion-tit{ width:700px; position:absolute; bottom:110px; left:60px;}
.fashion-tit p{ font-size:20px; line-height:20px; padding:0 0 25px; margin:0 0 25px; border-bottom:2px solid #fff;}
.fashion-tit h1{ font-size:38px; line-height:54px;}

.newsWrapper .newslist .img{ height:265px;}
.newsWrapper .newslist .title{ font-size:14px;}

.footer{ padding:0 40px;}
}

@media (max-width: 1366px){ 
.banner-container{ height:670px;}
.banner-container .swiper-slide{ height: 670px;}
.section3 .section3Wrapper{ height:740px;}
.section3 .section3-note{ font-size:18px; line-height:30px;}
.section3 .section3-note h3{ font-size:32px; line-height:50px; padding:0 0 10px;}
.section4 .section4Wrapper{ height:740px; }
.section4 .section4-note{ font-size:18px; line-height:30px;}
.section4 .section4-note h3{ font-size:32px; line-height:50px; padding:0 0 10px;}
.section5 .section5-slide{ height:auto;}
.section6 .section6-pic{ height:auto;}
.section6 .section6-pic .swiper-slide-2{ height:auto;}
.section6 .section6-note h3{ font-size:32px; line-height:42px;} 
.section5 .section5-note h3{ font-size:32px; line-height:50px;}
.section5 .section5-note{ font-size:18px; line-height:30px;}

.products1 .products-note h3{ font-size:48px; line-height:78px;}
.products1 .products-note{ font-size:30px; line-height:45px;}
.products2 .products2-note{ font-size:16px; line-height:30px;}
.products2 .products2-note h3{ font-size:32px; line-height:50px; padding:0 0 10px;}
.products2 .products2-note .point div{ font-size:16px;}


.technology1 .technology1Wrapper{ height:752px;}
.technology1 .technology1-note h3{ font-size:32px; line-height:50px;}
.technology2 .technology2-pic{ height:744px;}
.technology2 .technology2-note h3{ font-size:32px; line-height:50px;}
.technology2 .technology2-note{ font-size:16px; line-height:30px;}
.technology3,.technology3 .technology3Wrapper{ height:744px;}
.technology3 .technology3-note h3{ font-size:32px; line-height:50px; padding:0 0 10px;}
.technology3 .technology3-note{ font-size:16px; line-height:30px;}
.technology2 .technology2-note ul{ padding:60px 0 0;}
.technology2 .technology2-note ul li{ padding:70px 20px 0;}

.brand{ height:670px;}
.brand img{ width:280px;}
.brand2 .brand2-note{ font-size:18px; line-height:30px;}
.brand2 .brand2-note h3{ font-size:30px; line-height:60px;}
.brand3-list .brand-note{ font-size:14px; line-height:24px;}
.brand3-list .brand-item{ height:340px;}
.brand4 .brand4Wrapper{ height:590px;}
.brand4 .brand4-note h3{ font-size:30px; line-height:60px;}
.brand4 .brand4-note{ font-size:14px; line-height:24px; left:60px;}


.group-news-section{ padding:0;}
.fashion-box{ height:650px;}
.fashion-tit h1{ font-size:30px; line-height:40px;}

.foot-box{ margin-right:90px;}

}

@media (max-width: 1280px){ 
.header-wrap{ display:none;}
.pc{ display:none;}
.wap{ display:block;}
.foot-wap{ display:none;}

.section5-pic .pc{ display:block;}
.section5-pic .wap{ display:none;}
.section5 .slick-dots{ bottom:20px;}
/*菜单动画*/
.menuIcon,.menuIcon2{position:absolute; right:0px; top:0px; z-index:996; cursor:pointer;}
.btn-nav{background:0 0;border:none;padding:14px 20px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;cursor:pointer;z-index:99999}
.btn-nav:focus{outline:0}
.icon-bar{display:block;margin:5px 0;width:25px;height:2px;background-color:#fff}
.btn-nav:hover .icon-bar{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;background-color:#fff}
.animated2{display:block;margin:0 auto}
.animated2:focus .icon-bar,.animated2:hover .icon-bar{background-color:#fff}
.animated2:focus{cursor:pointer;z-index:9999}

.icon-bar3{display:block;margin:5px 0;width:23px;height:2px;background-color:#fff}
.btn-nav3:hover .icon-bar3{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;background-color:#fff}
.animated3{display:block;margin:0 auto}
.animated3:focus .icon-bar,.animated3:hover .icon-bar{background-color:#fff}
.animated3:focus{cursor:pointer;z-index:9999}


.middle{width:18px;}
.icon-bar{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;z-index:999999}
.animated2 .icon-bar{z-index:999999;background-color:#000}
.animated2 span.ztop{-webkit-transform:translateY(6px) rotateZ(45deg);-moz-transform:translateY(6px) rotateZ(45deg);-ms-transform:translateY(6px) rotateZ(45deg);-o-transform:translateY(6px) rotateZ(45deg);transform:translateY(6px) rotateZ(45deg)}
.animated2 span.zbottom{-webkit-transform:translateY(-8px) rotateZ(-45deg);-moz-transform:translateY(-8px) rotateZ(-45deg);-ms-transform:translateY(-8px) rotateZ(-45deg);-o-transform:translateY(-8px) rotateZ(-45deg);transform:translateY(-8px) rotateZ(-45deg)}
.animated2 span.zmiddle{width:0}

/*公共头部*/
.menuIcon2{ background:url(../images/icon_05.png) no-repeat center center; background-size:18px; width:63px; height:46px; display:none;}
header{ left:0; top:0; width:100%; height:55px; z-index:1000;position:fixed; background:#000;transition:background 0.4s ease-out 0.5s; -webkit-transition:background 0.4s ease-out 0.5s;}
header .logo{ position:absolute; left:20px; top:0; height:55px; background:url(../images/logo.png) no-repeat left center; background-size:180px;}
header .logo a{ display:block; width:100%; height:100%;}
header.showMenu{ position:fixed; background:none;transition:background 0s ease-out; -webkit-transition:background 0s ease-out;}
header.showMenu .logo{ background-image:url(../images/logo.png)}
header.showMenu .logo a{ color:#fff;}
header.showMenu .animated2 .icon-bar{ background:#fff;}
.menuMain{ position: fixed; left:0; top:0; width:100%; height:100%; z-index:999; background:#000; display:none; margin:0; padding:0; overflow:hidden; overflow-y: scroll;}
.menuBox{ margin:55px 0px 20px 0px; padding:0 20px; height:100%; position:relative; overflow:hidden; overflow-y:scroll;}
.menuBox li{ padding:0 0px 0 0; position:relative; line-height:48px; background:url(../images/icon_01-.png) no-repeat 98% 18px; background-size:12px; display:block;}
.menuBox li>a{ height:48px; line-height:48px; color:rgba(255,255,255,1); font-size:14px; opacity:0.8}
.menuBox li>i{ width:100%; height:48px; line-height:48px; display:block; position:absolute;}
.menuBox li.on{ background-image:url(../images/icon_02--.png);}
.menuBox li.link{ background-image:url(../images/icon_03.png);}
.menuBox li.link a{ display:block;}
.menuBox li.searchBtn>a{ background: url(../images/icon_04.png) no-repeat left center;background-size:14px; text-indent:18px; display:block;}
.menuBox .linkBtn{ padding-top:35px; text-align:center;}
.menuBox .linkBtn a{height:42px; line-height:42px; color:rgba(255,255,255,0.5); padding:0 30px; border-radius:5px; display:inline-block; margin:0 15px; font-size:14px; position:relative;}
.menuBox .linkBtn a:after{border-radius:10px;}
.serList{ overflow:hidden; display:none;}
.serList a{ width:50%; display:inline-block; height:42px; line-height:42px; font-size:13px; float:left; color:rgba(255,255,255,0.6); position:relative; background-repeat:no-repeat; background-position:15px center; background-size:28px; text-indent:60px; text-transform:uppercase;}
.serList a{ width:100%; text-indent:20px;}
.menuBox .preBox ul{ padding:0 20px;}
.menuBox .preBox{ position:absolute; left:0; top:0; width:100%;
-webkit-transform: translateY(0px); transform:translateY(0px);
 transition:-webkit-transform 0.35s linear;
    transition: transform 0.35s linear;}
    
.menuBox li,.linkBtn{opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(1.1) translateY(-24px);
    transform: scale(1.1) translateY(-24px);
    -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;}
.showMain .menuBox li,.showMain .linkBtn{opacity: 1;pointer-events: auto; -webkit-transform: none; transform: none;}
.showMain .menuBox li:nth-child(2){-webkit-transition-delay: 100ms,100ms; transition-delay: 100ms,100ms;}
.showMain .menuBox li:nth-child(3){-webkit-transition-delay: 180ms,180ms; transition-delay: 180ms,180ms;}
.showMain .menuBox li:nth-child(4){-webkit-transition-delay: 260ms,260ms; transition-delay: 260ms,260ms;}
.showMain .linkBtn{-webkit-transition-delay: 340ms,340ms; transition-delay: 340ms,340ms;}

/****************************************************************************/
/*描边*/
.bBor:after,.tBor:before{ display:none; position:absolute;content:"";height:1px;background:rgba(220,220,220,.5);left:0;right:0}
.tBor:before{top:0}
.bBor:after{bottom:0}
.lBor:before,.rBor:after{position:absolute;content:"";width:1px;background:rgba(220,220,220,.5);top:0;bottom:0}
.lBor:before{left:0}
.rBor:after{right:0}
.trblBor:after{position:absolute;content:"";top:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;border:1px solid rgba(220,220,220,.5);point-events:none}
@media (min--moz-device-pixel-ratio:1.5),(-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution:144dpi),(min-resolution:1.5dppx),(-ms-high-contrast:active),(-ms-high-contrast:none){.bBor:after,.tBor:before{-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);-o-transform:scaleY(.5);transform:scaleY(.5)}
.lBor:before,.rBor:after{-webkit-transform:scaleX(.5);-ms-transform:scaleX(.5);-o-transform:scaleX(.5);transform:scaleX(.5)}
.trblBor:after{width:200%;height:200%;-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}
.lBor:before,.tBor:before,.trblBor:after{-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.bBor:after,.rBor:after{-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%}
}
@media (-webkit-device-pixel-ratio:1.5){.bBor:after,.tBor:before{-webkit-transform:scaleY(.6666);-ms-transform:scaleY(.6666);-o-transform:scaleY(.6666);transform:scaleY(.6666)}
.lBor:before,.rBor:after{-webkit-transform:scaleX(.6666);-ms-transform:scaleX(.6666);-o-transform:scaleX(.6666);transform:scaleX(.6666)}
.trblBor:after{width:150%;height:150%;-webkit-transform:scale(.6666);-ms-transform:scale(.6666);-o-transform:scale(.6666);transform:scale(.6666)}
}
@media (-webkit-device-pixel-ratio:3){.bBor:after,.tBor:before{-webkit-transform:scaleY(.3333);-ms-transform:scaleY(.3333);-o-transform:scaleY(.3333);transform:scaleY(.3333)}
.lBor:before,.rBor:after{-webkit-transform:scaleX(.3333);-ms-transform:scaleX(.3333);-o-transform:scaleX(.3333);transform:scaleX(.3333)}
.trblBor:after{width:300%;height:300%;-webkit-transform:scale(.3333);-ms-transform:scale(.3333);-o-transform:scale(.3333);transform:scale(.3333)}
}


.aa1{ margin:55px 0 0;}
.products1 .products1Wrapper{ height:700px;}
.products1 .products-note{ font-size:30px; line-height:40px;}
.products1 .products-note h3{ font-size:42px; line-height:52px;}
.products1 .note1,.products1 .note2,.products1 .note3{ right:100px;}
.products1 .note4{ left:auto; right:100px;}
.products1 .note5{ right:100px;}
.products2{ padding:40px;}
.products2 .products2-note h3{ font-size:30px; line-height:40px;}
.products2 .products2-note{ font-size:18px; line-height:30px;}
.products2 .products2-note .point div{ font-size:16px;}
.products2-list .list-item{ min-height:320px;}
.products2-list .list-item-box{ top:45%;}
.products2-list .list-item .list-item-title,.products2-right-top .list-item .list-item-title{ bottom:50px;}
.products2-list .list-item .list-item-color,.products2-right-top .list-item .list-item-color{ bottom:15px;}
.products2-list .list-item .list-item-color span,.products2-right-top .list-item .list-item-color span{ width:15px; height:15px;}
.products2-more a{ width:160px; font-size:14px;}


.technology1 .technology1Wrapper{ height:700px;}
.relations-con h3{ font-size:20px; font-weight:bold;}
.relations2{ padding:10px 0 40px; position:relative; z-index:10;}
.relations2 .relations2Wrapper{ width:100%; padding:0 40px;}
.relations-left{ width:24.8%;}
.relations-left .left-pc h2{ width:100%;}
.relations-right{ width:75.2%}
.relations-con .tab-tit a{ width:49.7%; margin:0 0.6% 0 0;}
.relations-con .news-nav .icon-note,.relations-con .item-tit{ width:64%;}
.relations-con .news-nav .icon-time,.relations-con .item-date{ width:17.5%; margin:0 0.5%;}
.relations-con .news-nav .icon-pdf,.relations-con .item-pdf{ width:17.5%;}
.relations-con .news-nav .icon-pdf,.relations-con .item-pdf{ background-position:20px center; background-size: 22px;}

.brand{ height:620px; margin:55px 0 0;}
.brand2 .brand2Wrapper{ padding:40px 0;}
.brand2 .brand2-note h3{ font-size:20px; line-height:50px;}
.brand2 .brand2-note{ font-size:16px;}
.brand3-list .brand-note{ padding:0 20px 20px;}
.brand4 .brand4Wrapper{ height:550px;}
.brand4 .brand4-note{ left:40px;}
.brand4 .brand4-note h3{ font-size:20px; line-height:50px;}
.brand5 .brand5-note h3,.brand5 .brand5-note{ font-size:20px; line-height:50px;}
.brand5 .brand5-note span{ font-size:36px;}

.group-news-list .newsWrapper{ padding:0 40px;}
.group-news-section2 .news2Wrapper{ padding:65px 40px 0;}
.viewnews h1{ font-size:20px; line-height:30px;}
.viewnews .viewnewsWrapper{ padding:110px 40px 0;}
.viewnews .viewnews-note{ padding:60px 40px 35px;}
.viewnews .viewnews-note p{ font-size:16px !important; padding:0 !important; margin-bottom:0 !important;}
.other-news-list{ padding:60px 46px 0;}
.fashion-box{ height:620px;}
.fashion-tit p{ font-size:16px; line-height:30px;}
.fashion-tit h1{ font-size:20px; line-height:30px;}
.other-news-list{ padding:40px 46px;}
.other-news-list i{ margin-top:-40px;}
.fashion-tit{ width:60%;}

.anti-container{ margin-top:85px;}
.items-num .num-title{ padding:0;}
.footer{ z-index:1}
.foot-box{ margin-right:30px;}
.foot-btn ul li{ margin:0 0 0 30px;}
.foot-btn ul li:first-child{ margin:0;}
}

@media (max-width: 1050px){ 
.left-pc{ display:none;}
.relations-right{ width:100%;}
.bBor:after,.tBor:before{ display:block;}

#category_wap{position:relative;width:100%;margin:30px auto;}
#category_wap .label{background:#f6f6f6 url(../images/arr8.png) no-repeat 96% center;background-size:20px;border-radius:25px;color:#444;line-height:50px;height:50px;font-size:16px;padding:0 20px;display:block}
#category_wap .label .text{ line-height: 50px;}
#category_wap,.dialog .selectBox .btn,.dialog .selectBox h2{ display:block;}

.dialog{ position:fixed; left:0; top:0; background:rgba(0,0,0,0.5); -webkit-backdrop-filter: blur(4px); width:100%; height:100%; overflow:hidden; z-index:9999; display:none;}
.dialog .selectBox{ position:absolute; left:0; bottom:0; width:100%; background:#fff; padding-bottom:50px;}
.dialog .selectBox .btn{ height:50px; line-height:50px; background:#333; text-align:center; font-size:14px; color:#fff; position: absolute; bottom:0; left:0; width:100%;}
.dialog .selectBox h2{ font-size:16px; font-weight:normal; text-align:center; padding:20px 0 10px 0;}
.dialog .selectBox ul{ padding:0 20px;}
.dialog .selectBox li{ height:45px; line-height:45px; position:relative;}
.dialog .selectBox li i{ position:absolute; width:21px; height:21px; background-repeat:no-repeat; background-position:center center; background-size:12px; right:4px; top:10px; border:1px solid #888;border-radius: 100%;}
.dialog .selectBox .on i{ background-color:#333; background-image:url(../images/icon_03.png); border:1px solid #333;}
.dialog .selectBox li.bBor:after{background:#d6d6d6;}
.dialog .selectBox li p{background-position:left center; background-size:30px; display:inline-block; background-repeat:no-repeat; color:#555;}

.dialog .selectBox{ -webkit-transform: translateY(100%); transform:translateY(100%); opacity: 0;
-webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;}
.dialogShow{ top:0;}
.dialogShow .selectBox{ opacity: 1; -webkit-transform: none; transform: none;}

.technology2{ padding:0 40px;}

.newsWrapper .newslist .img{ height:180px;}
.fashion-box{ height:500px;}
.brand{ height:510px;}
.brand img{ width:200px;}
.brand3-list .brand-item{ width:49%; margin:0 2% 2% 0;}
.brand3-list .brand-item:nth-child(3n){ margin:0 2% 2% 0;}
.brand3-list .brand-item:nth-child(2n){ margin:0 0 2% 0;}

.anti-container{ width:90%;}
.items-num{ width:100%; padding:0 40px; text-align:center;}
.items-num .num-title{ width:15%;}
.items-num .num-input{ width:60%;}
.items-num a.submit{ width:25%;}
.sepa-ppp p{ width:100%; padding:0 40px;}

.foot-box{ width:20%; margin-right:30px;}
.foot-box2{ width:25%;}
.foot-btn{ float:right;}
.foot-btn ul li{ margin:0 0 0 10px;}


}



@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)   
and (orientation : portrait) {  

.aa1{ margin:55px 0 0;}
.products1 .products1Wrapper{ height:450px;}
.products1 .products-note{ font-size:18px; line-height:30px;}
.products1 .products-note h3{ font-size:30px; line-height:40px;}
.products1 .note1{ right:80px;}
.products1 .note2,.products1 .note3{ right:60px;}
.products1 .note4{ left:auto; right:60px;}
.products1 .note5{ right:40px;}
.products2{ padding:40px;}
.products2 .products2-note h3{ font-size:30px; line-height:40px;}
.products2 .products2-note{ font-size:16px; line-height:30px;}
.products2 .products2-note .point div{ font-size:16px;}
.products2-list .list-item{ min-height:220px;}
.products2-list .list-item .list-item-title,.products2-right-top .list-item .list-item-title{ bottom:50px;}
.products2-list .list-item .list-item-color,.products2-right-top .list-item .list-item-color{ bottom:15px;}
.products2-list .list-item .list-item-color span,.products2-right-top .list-item .list-item-color span{ width:15px; height:15px;}
.products2-more a{ width:160px; font-size:14px;}

.newsWrapper .newslist .box{ width:47%; margin:0 6% 6% 0;}
.newsWrapper .newslist .box:nth-of-type(3n){ margin:0 6% 6% 0;}
.newsWrapper .newslist .box:nth-of-type(2n){ margin:0 0 6% 0;}
.newsWrapper .newslist .img{ height:215px;}
.viewnews .viewnews-note{ padding:40px 25px 35px;}

.brand{ height:510px;}
.brand3-list .brand-item{ height:285px;}
.brand4 .brand4Wrapper{ height:330px;}

.technology1 .technology1Wrapper{ height:420px;}
.technology1 .technology1-note h3{ font-size:20px; line-height:30px;}
.technology1 .technology1-note{ font-size:18px; line-height:30px; left: 40px; bottom: 40px;}
.technology2 .technology2-pic{ width:50%; height:420px;}
.technology2 .technology2-note h3{ font-size:20px; line-height:30px;}
.technology2 .technology2-note h4{ font-size:18px; line-height:30px;}
.technology2 .technology2-note{ width:50%; font-size:16px;}
.technology2 .technology2-note ul{ padding:20px 0 0;}
.technology2 .technology2-note ul li{ width:85px; padding:70px 20px 0;}
.technology2 .technology2-note img{ width:100px;}
.technology3,.technology3 .technology3Wrapper{ height:420px;}
.technology3 .technology3-note h3{ font-size:20px; line-height:60px;}
.technology3 .technology3-note{ font-size:16px; line-height:30px;}

}


/* iPads (landscape) 纵向----------- */  
@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)   
and (orientation : landscape) {  

.newsWrapper .newslist .box{ width:30.6%; margin:0 4% 4% 0;}
.newsWrapper .newslist .box:nth-of-type(2n){ margin:0 4% 4% 0;}
.newsWrapper .newslist .box:nth-of-type(3n){ margin:0 0 4% 0;}
.newsWrapper .newslist .img{ height:200px;}


}


@media (min-device-width : 1024px) and (max-width: 1366px) and (orientation : portrait){
.newsWrapper .newslist .box{ width:30.6%; margin:0 4% 4% 0;}
.newsWrapper .newslist .box:nth-of-type(2n){ margin:0 4% 4% 0;}
.newsWrapper .newslist .box:nth-of-type(3n){ margin:0 0 4% 0;}
.newsWrapper .newslist .img{ height:190px;}
.brand4 .brand4Wrapper{ height:440px;}
.brand3-list .brand-item{ height:380px;}

.products1 .products1Wrapper{ height:550px;}
.dialog{ top:0 !important;}
}
@media (min-device-width : 1025px) and (max-width: 1366px) and (orientation : landscape){


}
.brandpc{ display:block !important;}.banner-video-wap,.brandwap{ display:none !important;}
@media screen and (max-width: 767px) {
#top{ display:none;}
.brandpc,.pc{ display:none;}
.banner-video-wap,.wap{ display:block;}
.menuMain{ display:none;}
.banner-container{ display:none;}

.banner-container-wap{ display:block; margin:55px 0 0; width:100% !important; height:calc(100vh - 55px); position: relative; z-index:10; overflow:hidden;}
.banner-container-wap .swiper-slide{ height:calc(100vh - 55px);width: 100%; overflow:hidden;}
.banner-container-wap:hover .arrow-left0, .banner-container-wap:hover .arrow-right0{ display:none !important; cursor:pointer;}
.banner-container-wap .arrow-left0 { z-index:99; position: absolute; left: 90px; top: 50%; margin-top: -33px; width: 36px; height: 66px; background:url(../images/store_pre_w.png) center center no-repeat; transition:all 0.3s ease-out; display:none !important;}
.banner-container-wap .arrow-right0 { z-index:99; position: absolute; right: 90px; top: 50%; margin-top: -33px; width: 36px; height: 66px; background:url(../images/store_nex_w.png) center center no-repeat; transition:all 0.3s ease-out; display:none !important;}
.banner-container-wap .swiper-slide a{ width:100%; height:100%; display:block;}

.video-container {width: 100%;height: 100%;position: fixed;top: 0;z-index: 109;background: #000;display: none;}
.close-btn {position: absolute;right: 30px;top: 80px;width: 48px;}
.banner-video-wap{position:relative;line-height:0;z-index:1 }
.banner-video-wap .play-btn {position: absolute;width: 64px;left: 50%;top: 50%;margin-left: -32px;margin-top: -32px;}
.btn {background: transparent;border: 0;margin-top: 48px;width:48px;z-index: 99;}
.video-container video {width: 90%;margin: 5%;height: auto;margin-top: 50%;}
.img-responsive { max-width: 100%; height: auto; display: block;}
  
/****social****/
.banner-container-wap button{ display:none !important;}
.banner-container-wap .slick-dots {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  text-align: center;
    position:absolute;
	bottom:20px;
}
.banner-container-wap .slick-dots li {
  display: inline-block;
  background:none;
  width: 7px;
  height: 7px;
  border:1px solid #fff;
  border-radius: 50%;
  margin:0 12px 0 0;
  padding:0;
  float:none;
}
.banner-container-wap .slick-dots ul{display:inline-block;}
.banner-container-wap .slick-dots li span{ background:none; width:auto; height:auto; line-height:none;}
.banner-container-wap.slick-dots li:last-child {
  margin-right: 0;
}
.banner-container-wap .slick-dots li.slick-active {
  background: #fff;
}

.section1 .section1-pic{ float:none; width:100%; height:300px; background-size:cover !important;}
.section1 .section1-note{ float:none; width:100%; position:static; transform:none; font-size:14px; padding:30px 20px; text-align:center;}
.section1 .section1-note h3{ font-size:20px; line-height:26px;}
.section2{ height:auto;}
.section2 dt{ font-size:20px; font-weight:normal;}
.section2 dl{ width:50%; height:auto; padding:50px 0; border-right:1px solid #616161; border-bottom:1px solid #616161;}
.section2 dl:nth-of-type(2n){ border-right:none;}
.section2 dl span{ font-size:40px; line-height:40px; font-weight:normal;}
.section2 dl dd{ font-size:14px; padding:0;}
.section3 .section3Wrapper{ height:auto; min-height:340px; background:#ebebeb !important;}
.section3 .section3-note{ position:static; transform:none; font-size:14px; padding:0 20px 40px;}
.section3 .section3-note h3{ font-size:20px; line-height:30px;}
.section4 .section4Wrapper{ height:auto;}
.section4 .section4-note{ position:static; transform:none; font-size:14px; padding:480px 20px 60px;}
.section4 .section4-note h3{ font-size:20px; line-height:30px;}
.section5{ padding:10px 0 30px;}
.section5 .section5-note{ width:100%; position:static; transform:none; padding:30px 20px 10px; font-size:14px;}
.section5 .slick-dots{ width:100%; position:static; transform:none;}
.section5 .section5-note h3{ color:#333 !important; font-size:20px; line-height:30px;}
.section5 .section5-note p{ color:#333 !important;}
.section5 .slick-dots li{ width:12px; height:12px; margin-right:8px; background:#ccc;}
.section6{ padding:0 0 40px;}
.section6 .section6-pic{ float:none; width:100%; position:static; transform:none;}
.section6 .section6-note{ float:none; width:100%; position:static; transform:none; padding:30px 20px 0; font-size:14px; text-align:center;}
.section6 .section6-note h3{ font-size:20px; line-height:30px; font-weight:bold;}

.products1 .products1Wrapper{ height:225px;}
.products1 .products-note{ font-size:14px; line-height:30px;}
.products1 .products-note h3{ font-size:20px; line-height:20px;}
.products1 .note1,.products1 .note2,.products1 .note3{ right:40px;}
.products1 .note4{ right:25px;}
.products1 .note5{ right:20px;}
.products2{ padding:20px;}
.products2 .products2-note h3{ font-size:20px; line-height:30px; padding:0 0 10px;}
.products2 .products2-note{ font-size:14px; line-height:30px; padding:30px 0 0;}
.products2 .products2-note .point div{ font-size:14px; width:70px; padding:55px 0 0; margin:0 5px; background-size:50px !important;}
.products2-list{ float:none; width:100%;}
.products2-list .list-item{ min-height:250px;}
.products2-list .list-item-box{ top:45%;}
.products2-list .list-item .list-item-title,.products2-right-top .list-item .list-item-title{ bottom:50px;}
.products2-list .list-item .list-item-color,.products2-right-top .list-item .list-item-color{ bottom:15px;}
.products2-list .list-item .list-item-color span,.products2-right-top .list-item .list-item-color span{ width:15px; height:15px;}
.products2-more{ margin:30px auto;}
.products2-more a{ width:160px; font-size:14px;}
.products2-right-top{ float:none; width:100%; position:static;}
.products2-right-top .list-item-box{ padding:0 0 30px;}
.products2-right-top .list-item .list-item-top{ bottom:0;}

.technology1{ margin:55px 0 0; height:calc(100vh - 55px);}
.technology1 .technology1Wrapper{ height:auto; background:none !important;}
.technology1 .technology1-note{ display:none; font-size:14px; line-height:30px; left:30px; bottom:40px;}
.technology1 .technology1-note h3{ font-size:20px; line-height:30px; font-weight:bold;}
.technology2{ padding:0 20px;}
.technology2 .technology2-pic{ float:none; width:100%; height:410px;}
.technology2 .technology2-note{ float:none; width:100%; position:static; transform:none; font-size:14px;}
.technology2 .technology2-note h3{ font-size:20px; line-height:30px; font-weight:bold;}
.technology2 .technology2-note h4{ font-size:18px; line-height:30px;}
.technology2 .technology2-note ul{ padding:30px 0;}
  .technology2 .technology2-note .desc{ padding:40px 0;}
.technology3 .technology3Wrapper{ background:none !important;}
.technology3,.technology3 .technology3Wrapper{ height:355px;}
.technology3 .technology3-note{ width:100%; padding:0 20px; font-size:14px;}
.technology3 .technology3-note h3{ font-size:20px; line-height:30px; font-weight:bold;}

.brand{ height:360px;}
.brand img{ width:35%;}.brandpc{ display:none !important;}.brandwap{ display:block !important;}
.brand-bg{ width:100%; left:0 !important; transform:none !important;}
.brand2 .brand2-note{ font-size:14px;}
.brand3 { height:360px;}
.brand3 .brand3Wrapper{ padding:0;}
.brand3-list .brand-item{ float:left; height:310px; margin:0;}
.brand3-list .brand-item:nth-of-type(2n){ margin:0;}
.brand3-list .brand-item:nth-child(3n){ margin:0;}
.brand4 { height:310px;}
.brand4 .brand4Wrapper{ background:none !important; height:310px; background-position:75% top !important;}
.brand4 .brand4-note{ left:0; bottom:0; padding:0 20px 20px;}
.brand4 .brand4-note p br{ display:none;}

.group-news-list{ padding:65px 0 0;}
.group-news-list .newsWrapper{ padding:0 20px;}
.group-news-section2 .news2Wrapper{ padding:65px 20px 0;}
.news2Wrapper .newslist .datetime { font-size: 14px; line-height: 20px; padding: 0 0 20px;}
.news2Wrapper .newslist .title { font-size: 14px; padding: 0 0 20px;}
.news2Wrapper .newslist .box-shadow{ border-bottom:1px solid #333;}

.section1-nav{ padding:40px 0;}
.section1-nav a{ padding:0 10px;}
.section1-nav span.line{ width:25px;}
.newsWrapper .newslist .box{ float:none; width:100%; margin:0 0 5%;}
.newsWrapper .newslist .box:nth-of-type(3n){ margin:0 0 5%;}
.newsWrapper .newslist .img{ height:250px;}
.newsWrapper .newslist .box-shadow{ border-bottom:none;}
.newsWrapper .newslist .note{ margin:0;}
.news2Wrapper .newslist .box{ padding:0 0 10px;}
.listmore{ margin:30px 0; text-align:center;}
.listmore a{ width: auto; margin: 0 auto; display: inline-block; padding: 0 30px; color: #fff; font-size: 14px; border: 1px solid #fff;}
.viewnews h1{ font-size:20px; line-height:26px;}
.viewnews .viewnewsWrapper{ padding:40px 20px 0;}

.group-news-section .viewnews .viewnewsWrapper{ padding:90px 20px 30px;}
.fashion-news .viewnews .viewnewsWrapper{ padding:30px 20px;}
.viewnews .datatime{ border-bottom: 1px solid #c0c0c0;}
.viewnews .viewnews-note{ font-size:14px; padding:15px 0 0;}
.viewnews .viewnews-note p{ font-size:14px !important; margin-bottom:0;}
.loadmore a{ width:160px; font-size:14px}
.loadmore{ margin:20px 0 30px;}
.other-news-list{ padding:30px 0 0;border-top: 1px solid #aaa;}
.other-news-list i{ display:none !important;}
.other-box{ padding:0;}
.other-box-img{ height:220px;}
.slick-dots { clear:both; margin: 10px 0 0; padding: 0; list-style: none; width: 100%; text-align: center; display:block !important;}
.slick-dots li { display: inline-block; float:none; width: 12px; height: 12px; background:#ddd; border-radius: 50%; margin-right: 10px;}
.slick-dots li:last-child { margin-right: 0;}
.slick-dots li.slick-active { background: #000;}
.fashion-tit{ left:20px;}
.fashion-tit h1{ font-size:20px; line-height:26px;}
.fashion-tit p{padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px solid #fff;}

.join{ margin:55px 0 0; height:auto;}
.join .joinWrapper{ width:100%; position:static; transform:none; padding:60px 20px;}
.join .join-box .title01 h1{ font-size:30px; line-height:40px;}
.join .join-box .title01 p{ letter-spacing:0; padding:0 0 20px;}
.join .join-box .title02{ width:240px; height:40px; line-height:40px; background-size:contain !important; background-position:center; font-size:20px;}
.join .join-box .note{ font-size:14px; padding:30px 0;}
.join .join-box .desc{ font-size:20px; line-height:30px; padding:30px 0;}

.relations{ margin:55px 0 0; padding:40px 30px 50px 20px; min-height:288px;}
.relations .relationsWrapper{ width:100%; z-index:0}
.relations .relations-box{ width:100%; min-height:197px; padding:32px 0 15px 20px;}
.relations .relations-navbox{ width:100%; min-height:197px;}
.relations .relations-box ul li{ float:none; line-height:30px;}
.relations2{ padding:30px 20px;}
.relations2 .relations2Wrapper{ padding:0;}

.relations-left{ width:100%; height:100%;}
.relations-right{ float:none; width:100%; min-height:400px;}
.relations-con .news-list{ padding:0 10px;}
.relations-con .news-nav .icon-note, .relations-con .item-tit{ width:69%; padding:0 0 0 10px;}
.relations-con .news-nav .icon-note{ padding:0 0 0 20px;}
.relations-con .news-nav .icon-time, .relations-con .item-date{ display:none;}
.relations-con .item-date{ font-size:13px;}
.relations-con .news-nav .icon-pdf, .relations-con .item-pdf{ width:30%;}
.pages span.ttips{ margin:0 6px 10px; display:block; width:100%;}
.gsgg tr td:first-child{ white-space:nowrap;}

.bsing-flag{ padding:20px;}
.bSing-items-one{ padding-top:20px;}
p.normal-p{ margin-bottom:0;}
.items-num{ padding:0; text-align:left;}
.items-num .num-title,.items-num .num-input,.items-num a.submit{ height:48px; line-height:48px;}
.items-num .num-title{ width:100%;}
.items-num .num-input{ clear:left; font-size:14px;}
.items-num a.submit{ width:40%; font-size:14px;}
.sepa-ppp p{ padding:0;}
.common-shanping{ width:90%;}
.common-shanping p{ font-size:16px; line-height:28px; padding:20px; text-align:center;}
.common-shanping p i{ float:none; display:block; margin:0 auto 10px;}
.bSing-items-two, .bSing-items-thr{ width:100%;}
.bsing-flag a.common-a{ margin-top:40px;}

.footer{ padding:30px 20px 0; border-top:1px solid #222;}
.foot-note{ padding:30px 0 0;}
.foot-wap{ height:41px; line-height:40px; border-bottom:1px solid #444; color: #fff; font-size: 14px; font-weight:bold; background: url(../images/icon_01-.png) no-repeat right center; background-size: 12px; display: block;}
.on{ background-image: url(../images/icon_02--.png); background-size: 12px;}
.foot-nav{ display:none; height:auto; line-height:40px; border-bottom:none;}
.foot-nav ul{ float:none; width:100%;}
.foot-nav ul li{ float:none; width:100%; line-height:40px; border-bottom:1px solid #444;}
.foot-box{ width:46%; margin:0 8% 0 0;}
.foot-box:nth-of-type(2n){ margin:0;}
.foot-box2{ clear:left; width:100%; float:none;}
.foot-box2 .foot-contact{ text-align:center; padding:0 0 20px;}
.foot-btn{ float:none; text-align:center;}
.foot-btn ul{ display:inline-block;}
.foot-btn ul li,.foot-btn ul li:first-child{ margin:0 10px;}
.foot-copyright{ padding:10px 0 15px;}


.am-popup-title{ font-size:18px !important;}
.dialog{ top:0 !important;}
.pages{ line-height:32px; padding:0 0 20px;}
.pages span{ padding:0 3px; float:left;}
.pages span.ttips,.pages span.pg_home_dis, span.pg_prev_dis, span.pg_next_dis, span.pg_end_dis,.pages a{ padding: 7px 10px; line-height: 20px;border-radius: 0; font-size:14px;}
.pages span.pg_home_dis, span.pg_prev_dis, span.pg_next_dis, span.pg_end_dis{ margin:0 3px;}


}
@media screen and (max-width: 375px) {
.newsWrapper .newslist .img{ height:230px;}

}


@media screen and (max-width: 360px) {
.newsWrapper .newslist .img{ height:220px;}

}

@media screen and (max-width: 320px) {


}