body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form,button,input,textarea,th,td{font-weight:normal;margin:0;padding:0}
body,button,input,select,textarea,h1,h2,h3,h4,h5,h6,i{font:normal 12px 'Open Sans',Helvetica,Arial,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}
ul,ol,li{list-style:none}
a{text-decoration:none;color:#333}
a:hover{text-decoration:none}
img{vertical-align:middle;border:0;}
button,input,textarea{font-size:100%;vertical-align:middle;outline:none;border-radius:0;-webkit-appearance:none}
table{border-spacing:0;border-collapse:collapse}
div,a{-webkit-tap-highlight-color:rgba(255,255,255,0)}
html,body{min-width:1220px;background-color:#f5f5f5}
.clearfloat:after{font-size:0;display:block;visibility:hidden;clear:both;height:0;content:' '}
.clearfloat{*zoom:1}
.clearboth{clear:both}
.wp1000{width:1000px;margin:0 auto}
.wp1200{width:1200px;margin:0 auto}
.wp1400{width:1400px;margin:0 auto}
.wp1420{width:1420px;margin:0 auto}
@media (max-width:1440px){
    .wp1420{width:1200px}
}
.checkBrowser{font-size:14px;line-height:40px;position:fixed;z-index:99999;top:0;left:50%;width:700px;height:40px;margin-left:-360px;padding:0 10px;color:#fff;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background-color:#e6212a}
.checkBrowser a{font-size:16px;line-height:20px;position:absolute;top:10px;right:5px;display:block;width:20px;height:20px;cursor:pointer;text-align:center;color:#333;border-radius:50%;background-color:#fff}
.paged{text-align:center;font-size:0}
.paged>*:last-child{border-right:none !important}
.paged .next:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);display:inline-block}
.paged a,.paged .p_info,.paged .current,.paged .tips,.paged span{display:inline-block;vertical-align:top;padding:0 15px;font-size:14px;text-align:center;border-right:1px solid #e5e5e5;background:#fff;color:#555;height:42px;line-height:42px;-moz-box-sizing:border-box;box-sizing:border-box;min-width:50px;margin:0}
.paged .current,.paged a:hover{background:#22ac38;color:#fff}
.paged.news-page a{border:1px solid #d6d6d6;margin:0 2px}
.paged.news-page span{margin:0 2px}
.paged.pt-42{padding-top:45px}
.inside-banner{width:100%;position:relative;height: 4rem;overflow:hidden;}
.inside-banner>a>img,
.inside-banner>img{position:absolute;display:block;width:1920px;top:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:1;height: 100%;object-fit: cover;}
.list-banner{position:relative;width:100%;padding-top:10px}
.list-banner img{display:block;max-width:100%;max-height:100%}
.bread{width:1200px;margin:0 auto;padding-top:20px;font-size:14px;color:#777}
.bread a{color:#777;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;transition:color .2s ease}
.bread a:hover{color:#22ac38}
.bread.fixed{position:absolute;top:0;left:50%;margin-left:-600px;z-index:2}
.bread.pt-0{padding-top:0}
.bread.color-333{color:#333}
.bread.color-333 a{color:#333}
.bread.color-333 a:hover{color:#22ac38}
.more-btn{display:block;width:214px;height:42px;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 20px;margin:0 auto;border:1px solid #22ac38;color:#22ac38;font-size:18px;line-height:40px;position:relative;overflow:hidden;-webkit-transition:color .6s ease;-moz-transition:color .6s ease;transition:color .6s ease}
.more-btn-wp{text-align:center}
.more-btn.whole-style-more{width:315px}
.more-btn.auto-width{width:auto;min-width:214px;padding:0 70px 0 20px;display:inline-block;vertical-align:top}
.more-btn.new-btn-01{width:100px;padding:0;border-color:transparent transparent #22ac38}
.more-btn.new-btn-01 i:nth-child(2){right:30px}
.more-btn.new-btn-01 i:nth-child(3){right:22px}
.more-btn.new-btn-01 i:nth-child(4){right:14px}
.more-btn.new-btn-02{padding:0;border-color:transparent transparent #22ac38}
.more-btn.new-btn-02.w140{text-align:left;width:140px}
.more-btn.new-btn-02 i:nth-child(2){right:30px}
.more-btn.new-btn-02 i:nth-child(3){right:22px}
.more-btn.new-btn-02 i:nth-child(4){right:14px}
.more-btn span{position:relative;z-index:2}
.more-btn i{font-size:14px;position:absolute;top:50%;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);z-index:5;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}
.more-btn i:nth-child(2){color:rgba(251,128,27,0.2);right:46px}
.more-btn i:nth-child(3){color:rgba(251,128,27,0.6);right:38px}
.more-btn i:nth-child(4){color:#fb801b;right:30px}
.more-btn:after{position:absolute;display:block;content:'';width:0;height:100%;left:0;top:0}
.more-btn:hover{color:#fff}
.more-btn:hover:after{-webkit-animation-name:linear-btn;-moz-animation-name:linear-btn;animation-name:linear-btn;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}
.more-btn:hover i:nth-child(2){color:rgba(255,255,255,0.2);right:28px}
.more-btn:hover i:nth-child(3){color:rgba(255,255,255,0.6);right:20px}
.more-btn:hover i:nth-child(4){color:#fff;right:12px}
.more-btn:hover.new-btn-01{color:#22ac38}
.more-btn:hover.new-btn-01 i{color:#22ac38}
.more-btn:hover.new-btn-01 i:nth-child(2){right:22px}
.more-btn:hover.new-btn-01 i:nth-child(3){right:14px}
.more-btn:hover.new-btn-01 i:nth-child(4){right:6px}
.more-btn:hover.new-btn-01:after{display:none}
.more-btn:hover.new-btn-02{color:#22ac38}
.more-btn:hover.new-btn-02 i{color:#22ac38}
.more-btn:hover.new-btn-02 i:nth-child(2){right:22px}
.more-btn:hover.new-btn-02 i:nth-child(3){right:14px}
.more-btn:hover.new-btn-02 i:nth-child(4){right:6px}
.more-btn:hover.new-btn-02:after{display:none}

.go-top{position:fixed;width:74px;height:74px;text-align:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:14px;color:#555;cursor:pointer;z-index:950;background-color:#fff;right:0;bottom:30%;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;opacity:0;visibility:hidden}
.go-top i{font-size:32px}
.go-top:hover{background-color:#22ac38;color:#fff}
.go-top.show{opacity:1;visibility:visible}
.google-translate{margin-left:10px}
.icon-menu{font-size:0;text-align:center;background-color:#fff;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8}
.icon-menu .item{display:inline-block;vertical-align:top;height:64px;line-height:64px;position:relative;padding:0 22px;font-size:16px;color:#333;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;transition:color .2s ease}
.icon-menu .item i{font-size:24px;margin-right:10px;display:inline-block;vertical-align:middle}
.icon-menu .item:before{position:absolute;width:1px;left:0;content:'';display:block;height:10px;margin-top:-5px;top:50%;background-color:#ccc}
.icon-menu .item:first-child:before{display:none}
.icon-menu .item.on,.icon-menu .item:hover{color:#22ac38}
.icon-menu .icon-0:before{content:'\e693'}
.icon-menu .icon-1:before{content:'\e672'}
.icon-menu .icon-2:before{content:'\e639'}
.icon-menu .icon-3:before{content:'\e6b2'}
.icon-menu .icon-4:before{content:'\e67e'}
.icon-menu .icon-5:before{content:'\e67b'}
.banner-dealer-word{position:absolute;left:50%;margin-left:-560px;z-index:2;top:110px}
.banner-dealer-word .b{font-size:30px;font-weight:bold;color:#000;text-transform:uppercase}
.banner-dealer-word .p{font-size:16px;line-height:30px;color:#333;margin-bottom:10px}
.banner-dealer-word .icon-con{font-size:15px;line-height:30px}
.banner-dealer-word .icon-con span{display:inline-block;vertical-align:top;margin-right:20px;margin-bottom:5px}
.banner-dealer-word .icon-con i{margin-right:5px}
.banner-dealer-word .link-btn{display:inline-block;vertical-align:top;width:160px;height:40px;line-height:40px;color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 18px;font-size:18px;background:#22ac38;cursor:pointer;text-align:left;margin-bottom:7px;position:relative;overflow:hidden;-webkit-transition:color .6s ease;-moz-transition:color .6s ease;transition:color .6s ease;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;margin-top:10px}
.banner-dealer-word .link-btn span{position:relative;z-index:2}
.banner-dealer-word .link-btn i{font-size:14px;position:absolute;top:50%;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);z-index:5;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}
.banner-dealer-word .link-btn i:nth-child(2){color:rgba(255,255,255,0.2);right:36px}
.banner-dealer-word .link-btn i:nth-child(3){color:rgba(255,255,255,0.6);right:28px}
.banner-dealer-word .link-btn i:nth-child(4){color:#fff;right:20px}
.banner-dealer-word .link-btn:hover{color:#fff}
.banner-dealer-word .link-btn:hover i:nth-child(2){right:26px}
.banner-dealer-word .link-btn:hover i:nth-child(3){right:18px}
.banner-dealer-word .link-btn:hover i:nth-child(4){right:10px}
.edit-article{width:1200px;margin:0 auto;padding:50px 0;font-size:16px;line-height:30px;color:#777;word-break:break-word}
.edit-article img{max-width:100%;height:auto !important}
.edit-article .tdu{text-decoration:underline}
.edit-article a{color:#777}
.edit-article a:hover{color:#22ac38}
.edit-article-title{text-align:center;font-size:34px;line-height:1.4;margin-bottom:20px;color:#333;text-transform:uppercase}
.email-val-con{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;height:100vh;background-color:#fbfbfb;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.email-val-box{width:350px;height:280px;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#fff;border:1px solid #e7e7e7;padding:40px}
.email-val-box .title{text-align:center;font-size:30px;font-weight:bold;color:#333;margin-bottom:30px}
.email-val-box .input-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-bottom:30px;background-color:#fbfbfb;border:1px solid #efefef}
.email-val-box .word{font-size:14px;color:#333;padding-left:10px;line-height:36px}
.email-val-box .input{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}
.email-val-box .input input{display:block;width:100%;height:36px;line-height:36px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10px;font-size:14px;color:#444;background:none;border:none}
.email-val-box button{display:block;width:100%;height:36px;line-height:36px;text-align:center;border:none;background:#22ac38;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;color:#fff;font-size:14px;font-weight:bold;cursor:pointer}
.email-val-box button:hover{background:#fb8e1f}
.product-banner-word{top:98px;left:50%;margin-left:-600px;z-index:4;width:590px;position:absolute}
.product-banner-word .b{line-height:33px;font-size:30px;color: #fff;font-weight:700;margin-bottom:15px;text-transform:uppercase;}
.product-banner-word .p{font-size:16px;color:#444;line-height:26px;word-break:break-word}
.product-banner-word .p p{margin-bottom:8px}
.product-banner-word .p p.mb-0{margin-bottom:0}
.product-banner-word .p p.mb-30{margin-bottom:30px}
.product-banner-word .p p.uppercase{text-transform:uppercase}
.product-banner-word .p a.underline{text-decoration:underline}
.product-banner-word .color-000{color:#000}
.product-banner-word .color-333{color:#333}
.product-banner-word.w-740{width:740px}
.product-banner-word.w-780{width:780px}
.product-banner-word.t-70{top:70px}
.product-banner-word.t-140{top:140px}
.product-banner-word .contact-p{font-size:15px;color:#333}
.product-banner-word .contact-p span{margin-right:20px}
.product-banner-word .contact-p span:last-child{margin-right:0}
.product-banner-word .contact-p strong{font-size:16px;font-weight:normal}
.product-list{width:1200px;margin:0 auto;font-size:0}
.product-list li{display:inline-block;vertical-align:top;width:33.33%;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10px;position:relative;z-index:1}
.product-list li:hover{z-index:5}
.product-list li:hover .bg,.product-list li:hover .btn{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}
.product-list .wp{display:block;position:relative;padding:20px}
.product-list .bg{position:absolute;width:100%;height:455px;border:1px solid #e1e1e1;background-color:#fff;z-index:1;top:0;left:0;box-shadow:0 0 30px rgba(33,33,33,0.1);-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);opacity:0;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.product-list .img{position:relative;z-index:3;width:100%;height:208px;display:block}
.product-list .img img{width:100%;height:100%;display:block}
.product-list .tag{position:absolute;z-index:2;left:0;height:26px;line-height:26px;bottom:-13px;padding:0 10px;border-radius:13px;color:#fff;font-size:14px}
.product-list .tag.orange{background-color:#22ac38}
.product-list .tag.green{background-color:#a5bc12}
.product-list .info{padding-top:34px;padding-right:10px;padding-left:10px;position:relative;z-index:2}
.product-list .info h4{font-size:22px;font-weight:700;color:#333;line-height:26px;overflow:hidden;height:26px;white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px}
.product-list .info h4 a{color:#333}
.product-list .info p{font-size:16px;line-height:30px;height:60px;overflow:hidden;color:#666;word-break:break-word;margin-bottom:5px}
.product-list .btn{position:relative;z-index:2;opacity:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.product-list .btn span{display:inline-block;vertical-align:top;font-size:16px;line-height:22px;color:#666;padding:0 10px;position:relative;cursor:pointer}
.product-list .btn span:after{position:absolute;right:0;top:50%;margin-top:-5px;width:1px;height:10px;content:'';background-color:#ccc}
.product-list .btn span i{display:inline-block;vertical-align:top;font-size:20px;line-height:22px;height:22px;margin-right:4px;color:#22ac38}
.product-list .btn span i.icon-xin,.product-list .btn span i.icon-aixinkuaizhuang{display:none}
.product-list .btn span i.show-aixin{display:inline-block}
.product-list .btn span:last-child:after{display:none}
.product-list-article{background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;line-height:26px;color:#777;width:1200px;margin:50px auto 0;padding:36px 87px 49px;border:1px solid rgba(0,0,0,0.08);font-size:16px}
.product-list-article p{margin-bottom:13px}
.product-list-article img{max-width:100%;height:auto !important}
.product-list-article ul{list-style:disc}
.product-list-article ul li{list-style:disc}
.product-list-article ol{list-style:decimal}
.product-list-article ol li{list-style:decimal}
.product-menu{width:1200px;margin:15px auto;border:1px solid #d9d9d9;-moz-box-sizing:border-box;box-sizing:border-box}
.product-menu .top{background-color:#eee;font-size:0}
.product-menu .top .item{display:inline-block;vertical-align:top;position:relative;padding:0 24px;height:60px;line-height:60px;text-align:center;font-size:16px;color:#333;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;transition:color .2s ease}
.product-menu .top .item:after{top:50%;background-color:#bebebe;right:-1px;height:10px;width:1px;margin-top:-5px;display:block;position:absolute;content:''}
.product-menu .top .item h2{display:inline-block;font-size:16px}
.product-menu .top .item i{display:inline-block;vertical-align:top;margin-right:10px;font-size:20px;height:60px;line-height:60px}
.product-menu .top .item:hover{color:#22ac38}
.product-menu .top .item.on{z-index:2;background-color:#f5f5f5;border-right:1px solid #d9d9d9;border-left:1px solid #d9d9d9;color:#22ac38}
.product-menu .top .item.on:after{display:none}
.product-menu .top .item.on:before{position:absolute;content:'';display:block;bottom:-1px;width:20px;height:10px;background:url(../image/arrow_1.png) no-repeat center;background-size:100% 100%;right:30px;z-index:5}
.product-menu .top .item:first-child.on{border-left:none}
.product-menu .top .icon-0:before{content:'\e693'}
.product-menu .top .icon-1:before{content:'\e672'}
.product-menu .top .icon-2:before{content:'\e639'}
.product-menu .top .icon-3:before{content:'\e6b2'}
.product-menu .top .icon-4:before{content:'\e67e'}
.product-menu .top .icon-5:before{content:'\e67b'}
.product-menu .sub{font-size:0;background-color:#fff}
.product-menu .sub .link{display:inline-block;vertical-align:top;padding:0 24px;font-size:16px;color:#333;line-height:62px}
.product-menu .sub .link h2{display:inline-block;font-size:16px}
.product-menu .sub .link.on,.product-menu .sub .link:hover{color:#22ac38}
.product-menu.hasSub .top .item.on{border-bottom:1px solid #d9d9d9}
.product-menu.hasSub .top .item.on:before{background-image:url(../image/arrow_2.png)}
.product-filter-con{width:1200px;margin:0 auto 20px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.product-filter-con .item{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin-right:10px;border:1px solid #d9d9d9}
.product-filter-con .item:last-child{margin-right:0}
.product-filter-con .item select{opacity:0}
.product-filter-con .item .selectric{border:none;background-color:#fff}
.product-filter-con .item .selectric .label{height:48px;line-height:48px;margin-left:20px;font-size:16px}
.product-filter-con .item .selectric .button{height:48px;background-color:#fff;line-height:48px}
.product-filter-con .item .selectric-items li{padding:10px 19px;font-size:16px;line-height:24px}
.product-filter-con .item .active .selectric{background-color:#f8f8f8}
.product-filter-con .item .active .selectric .label{font-weight:700}
.product-filter-con .item .active .button{background-color:#f8f8f8}
.product-filter-con .filter-view{background-color:#d9d9d9;padding:0 15px;height:48px;line-height:48px;position:relative;font-size:16px;color:#444}
.product-filter-con .filter-view i{position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;z-index:2;font-size:16px !important}
.product-filter-con .filter-view i:hover{color:#22ac38}
.product-sort-con{width:1200px;margin:0 auto;padding-bottom:20px;position:relative;z-index:55;text-align:right;line-height:36px;font-size:16px;color:#333}
.product-sort-con .left-block{float:left}
.product-sort-con .left-block h1{line-height:36px;font-size:16px;color:#333}
.product-sort-con .right-block{float:right}
.product-sort-con label{display:inline-block;vertical-align:top;position:relative;color:#555;padding:0 10px;cursor:pointer}
.product-sort-con label:after{width:1px;height:10px;margin-top:-5px;display:block;content:'';left:0;top:50%;background-color:#a1a1a1;position:absolute}
.product-sort-con label:first-child:after{display:none}
.product-sort-con label input[type="radio"]{display:none}
.product-sort-con label input[type="radio"]+i{font-size:18px}
.product-sort-con label input[type="radio"]+i:before{content:'\e6c5'}
.product-sort-con label input[type="radio"]:checked+i:before{content:'\e6c6';color:#22ac38}
.product-sort-con .search{display:inline-block;vertical-align:top;border:1px solid #d9d9d9;width:238px;font-size:0;background-color:#fff}
.product-sort-con .search input{display:inline-block;vertical-align:top;-moz-box-sizing:border-box;box-sizing:border-box;width:200px;height:34px;line-height:34px;font-size:14px;color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0 10px}
.product-sort-con .search input::-webkit-input-placeholder{color:#999}
.product-sort-con .search button{display:inline-block;width:38px;height:34px;line-height:34px;text-align:center;background:none;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-size:20px;color:#000}
.modal-collect{display:none;position:fixed;top:0;left:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:9999}
.modal-collect .inner-collect{position:absolute;top:50%;left:50%;width:327px;background-color:#fff;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.modal-collect .collect-con{width:100%;padding:43px 48px 28px 39px;border-bottom:1px solid #e5e5e5;-moz-box-sizing:border-box;box-sizing:border-box}
.modal-collect .collect-con .title{margin-bottom:15px;text-align:center;font-size:20px;color:#333;font-weight:bold}
.modal-collect .collect-con .instr{width:100%;text-align:center;font-size:16px;color:#333}
.modal-collect .collect-con .instr a{color:#22ac38;text-decoration:underline;font-weight:bold}
.modal-collect .collect-con .instr a:hover{text-decoration:none}
.modal-collect .js-collect-close{width:100%;height:50px;text-align:center;line-height:50px;font-size:20px;color:#22ac38;cursor:pointer;-webkit-transition:.2s ease all;-moz-transition:.2s ease all;transition:.2s ease all}
.modal-collect .js-collect-close:hover{color:#fff;background-color:#22ac38}
.product-guide-con{background-color:#f8f8f8;padding-top:60px;padding-bottom:100px;position:relative;overflow:hidden}
.product-guide-con.pt-large{padding-top:90px}
.product-guide-con .title{text-align:center;margin-bottom:35px}
.product-guide-con .title .t{font-size:32px;color:#333;margin-bottom:5px}
.product-guide-con .title .t span{color:#22ac38}
.product-guide-con .title .p{font-size:16px;color:#888}
.guide-box{position:relative;width:1200px;margin:0 auto}
.guide-box:after{content:'Style test';font-size:132px;color:rgba(163,163,163,0.1);font-weight:600;display:block;-webkit-transform-origin:right center;-moz-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);z-index:1;position:absolute;top:526px;right:-30px}
.guide-box .container{background-color:#fff;position:relative;z-index:2;padding:88px 90px 52px}
.guide-box .masonry{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;opacity:0}
.guide-box .masonry.show{opacity:1}
.guide-box .masonry.guide-section-5 .item{padding-bottom:20px}
.guide-box .masonry.guide-section-5 .p{padding-top:12px}
.guide-box .masonry .item{-moz-box-sizing:border-box;box-sizing:border-box;width:33.33%;padding:0 18px 36px}
.guide-box .masonry .img{width:100%;display:block}
.guide-box .masonry .img img{display:block;width:100%}
.guide-box .masonry label{display:block;position:relative;overflow:hidden;cursor:pointer}
.guide-box .masonry label:hover .bg{opacity:1}
.guide-box .masonry .con{display:block;position:relative;overflow:hidden;cursor:pointer}
.guide-box .masonry input[type="checkbox"]{display:none}
.guide-box .masonry input[type="checkbox"]:checked+.bg,.guide-box .masonry input[type="checkbox"]:checked+.con .bg{opacity:1}
.guide-box .masonry input[type="checkbox"]:checked+.bg i,.guide-box .masonry input[type="checkbox"]:checked+.con .bg i{font-size:26px}
.guide-box .masonry .bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(45,60,82,0.4);opacity:0;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;transition:opacity .2s ease}
.guide-box .masonry .bg i{color:#fff;font-size:0}
.guide-box .masonry .p{padding:16px 30px 0;color:#333;font-size:16px;line-height:20px;height:20px;overflow:hidden}
.guide-box .next-step-btn{display:block;width:262px;height:42px;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 20px;margin:34px auto 0;border:1px solid #22ac38;color:#22ac38;font-size:18px;line-height:40px;position:relative;overflow:hidden;-webkit-transition:color .6s ease;-moz-transition:color .6s ease;transition:color .6s ease}
.guide-box .next-step-btn span{position:relative;z-index:2}
.guide-box .next-step-btn i{font-size:14px;position:absolute;top:50%;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);z-index:5;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}
.guide-box .next-step-btn i:nth-child(2){color:rgba(251,128,27,0.2);right:46px}
.guide-box .next-step-btn i:nth-child(3){color:rgba(251,128,27,0.6);right:38px}
.guide-box .next-step-btn i:nth-child(4){color:#fb801b;right:30px}
.guide-box .next-step-btn:after{position:absolute;display:block;content:'';width:0;height:100%;left:0;top:0}
.guide-box .next-step-btn:hover{color:#fff}
.guide-box .next-step-btn:hover:after{-webkit-animation-name:linear-btn;-moz-animation-name:linear-btn;animation-name:linear-btn;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}
.guide-box .next-step-btn:hover i:nth-child(2){color:rgba(255,255,255,0.2);right:36px}
.guide-box .next-step-btn:hover i:nth-child(3){color:rgba(255,255,255,0.6);right:28px}
.guide-box .next-step-btn:hover i:nth-child(4){color:#fff;right:20px}
@-webkit-keyframes linear-btn{0%{width:0;background:-webkit-linear-gradient(left,#22ac38,rgba(255,255,255,0));background:linear-gradient(90deg,#22ac38,rgba(255,255,255,0))}
90%{width:180%;background:-webkit-linear-gradient(left,#22ac38,rgba(255,255,255,0));background:linear-gradient(90deg,#22ac38,rgba(255,255,255,0))}
100%{width:180%;background:-webkit-linear-gradient(left,#22ac38,#22ac38);background:linear-gradient(90deg,#22ac38,#22ac38)}
}@-moz-keyframes linear-btn{0%{width:0;background:-moz- oldlinear-gradient(left,#22ac38,rgba(255,255,255,0));background:linear-gradient(90deg,#22ac38,rgba(255,255,255,0))}
90%{width:180%;background:-moz- oldlinear-gradient(left,#22ac38,rgba(255,255,255,0));background:linear-gradient(90deg,#22ac38,rgba(255,255,255,0))}
100%{width:180%;background:-moz- oldlinear-gradient(left,#22ac38,#22ac38);background:linear-gradient(90deg,#22ac38,#22ac38)}
}
@keyframes linear-btn{0%{width:0;background:-webkit-linear-gradient(left,#22ac38,rgba(255,255,255,0));background:-moz- oldlinear-gradient(left,#22ac38,rgba(255,255,255,0));background:linear-gradient(90deg,#22ac38,rgba(255,255,255,0))}
90%{width:180%;background:-webkit-linear-gradient(left,#22ac38,rgba(255,255,255,0));background:-moz- oldlinear-gradient(left,#22ac38,rgba(255,255,255,0));background:linear-gradient(90deg,#22ac38,rgba(255,255,255,0))}
100%{width:180%;background:-webkit-linear-gradient(left,#22ac38,#22ac38);background:-moz- oldlinear-gradient(left,#22ac38,#22ac38);background:linear-gradient(90deg,#22ac38,#22ac38)}
}
.next-step-con{width:1200px;margin:24px auto 0;border:1px solid #e9e9e9;background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10px 0 40px;height:56px;line-height:54px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;color:#333;position:relative;z-index:5}
.next-step-con .step a{display:inline-block;width:26px;height:26px;text-align:center;line-height:26px;margin-left:4px;font-size:14px;background-color:#f2f2f2;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.next-step-con .step a:hover{color:#22ac38;background-color:#ededed}
.next-step-con .step a.current{color:#22ac38;background:none}
.next-step-con .result .btn{display:inline-block;position:relative;width:130px;height:40px;line-height:40px;background-color:#22ac38;color:#fff;margin-left:8px;cursor:pointer;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:20px;font-size:16px}
.next-step-con .result .btn i{font-size:16px;position:absolute;top:50%;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);z-index:5;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}
.next-step-con .result .btn i:nth-child(1){color:rgba(255,255,255,0.2);right:34px}
.next-step-con .result .btn i:nth-child(2){color:rgba(255,255,255,0.6);right:26px}
.next-step-con .result .btn i:nth-child(3){color:#fff;right:18px}
.next-step-con .result .btn:hover i{-webkit-transform:translateY(-50%) rotate(180deg) translateX(-4px);-moz-transform:translateY(-50%) rotate(180deg) translateX(-4px);-ms-transform:translateY(-50%) rotate(180deg) translateX(-4px);transform:translateY(-50%) rotate(180deg) translateX(-4px)}
.guide-section-2{position:relative;z-index:5;font-size:0}
.guide-section-2 li{display:inline-block;vertical-align:top;width:50%;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:20px}
.guide-section-2 li:nth-child(1){padding-right:10px}
.guide-section-2 li:nth-child(2){padding-left:10px}
.guide-section-2 li:nth-child(3){width:100%;margin-bottom:0}
.guide-section-2 li:nth-child(3) .img{padding-bottom:39.16667%}
.guide-section-2 li:nth-child(3) .con{height:546px}
.guide-section-2 li label{display:block}
.guide-section-2 li .con{background-color:#fff;position:relative;height:365px;cursor:pointer;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;-moz-box-sizing:border-box;box-sizing:border-box}
.guide-section-2 li .con:hover{box-shadow:9px 15px 18px rgba(0,0,0,0.1);z-index:2}
.guide-section-2 li .con:hover .bg{opacity:1}
.guide-section-2 li input[type="checkbox"]{display:none}
.guide-section-2 li input[type="checkbox"]:checked+.con{box-shadow:9px 15px 18px rgba(0,0,0,0.1);z-index:2}
.guide-section-2 li input[type="checkbox"]:checked+.bg,.guide-section-2 li input[type="checkbox"]:checked+.con .bg{opacity:1}
.guide-section-2 li input[type="checkbox"]:checked+.bg i,.guide-section-2 li input[type="checkbox"]:checked+.con .bg i{font-size:26px}
.guide-section-2 li .img{position:relative;width:100%;display:block;padding-bottom:50.84746%;overflow:hidden;-moz-box-sizing:border-box;box-sizing:border-box}
.guide-section-2 li .img img{position:absolute;display:block;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:100%;max-width:100%}
.guide-section-2 li .p{text-align:center;display:block;font-size:18px;padding-top:12px;color:#333}
.guide-section-2 li .bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(45,60,82,0.4);opacity:0;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;transition:opacity .2s ease}
.guide-section-2 li .bg i{color:#fff;font-size:0}
.guide-section-3{width:1200px;margin:20px auto 0;position:relative;background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;padding:50px 70px;z-index:5}
.guide-section-3 .t{text-align:center;font-size:22px;color:#333;text-transform:uppercase}
.guide-section-3 ul{font-size:0}
.guide-section-3 ul li{display:inline-block;vertical-align:top;width:20%;-moz-box-sizing:border-box;box-sizing:border-box;padding:36px 13px 0}
.guide-section-3 ul label{display:block;cursor:pointer}
.guide-section-3 ul label:hover .img .bg{opacity:1}
.guide-section-3 ul input[type="checkbox"]{display:none}
.guide-section-3 ul input[type="checkbox"]:checked+.img .bg{opacity:1}
.guide-section-3 ul input[type="checkbox"]:checked+.img .bg i{font-size:26px}
.guide-section-3 ul .img{display:block;width:100%;position:relative;overflow:hidden;border-radius:5px;padding-bottom:54.34783%;margin-bottom:14px}
.guide-section-3 ul .img img{position:absolute;z-index:1;width:100%;height:100%;top:0;left:0}
.guide-section-3 ul .img .bg{position:absolute;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;z-index:2;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;background-color:rgba(45,60,82,0.4);opacity:0;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;transition:opacity .2s ease}
.guide-section-3 ul .img .bg i{font-size:0}
.guide-section-3 ul .p{text-align:center;font-size:16px;color:#333;line-height:22px;height:22px;overflow:hidden}
.guide-section-4{width:1200px;margin:0 auto;background-color:#fff;position:relative;z-index:5;text-align:center;font-size:0;padding:80px 0}
.guide-section-4 li{display:inline-block;vertical-align:top;margin-bottom:26px}
.guide-section-4 li:nth-child(1){width:490px;margin-right:21px}
.guide-section-4 li:nth-child(2){width:490px;margin-left:21px}
.guide-section-4 li:nth-child(3){width:1022px;margin-bottom:0}
.guide-section-4 li:nth-child(3) .img{height:314px}
.guide-section-4 li:nth-child(3) .bg i{left:75%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.guide-section-4 li:nth-child(3) .info{margin-left:0;left:38px;bottom:0}
.guide-section-4 .con{position:relative;cursor:pointer}
.guide-section-4 .con:hover .bg{opacity:1}
.guide-section-4 .img{position:relative;z-index:1;width:100%;height:514px}
.guide-section-4 .img img{display:block;width:100%;height:100%}
.guide-section-4 .bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;background-color:rgba(45,60,82,0.4);color:#fff;opacity:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.guide-section-4 .bg i{font-size:26px;position:absolute;top:133px;opacity:0}
.guide-section-4 input[type="checkbox"]{display:none}
.guide-section-4 input[type="checkbox"]:checked+.con .bg{opacity:1}
.guide-section-4 input[type="checkbox"]:checked+.con .bg i{opacity:1}
.guide-section-4 .info{background-color:#fff;position:absolute;z-index:6;width:412px;height:200px;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 30px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;box-shadow:0 10px 20px 10px rgba(119,119,119,0.1);text-align:left;bottom:40px;left:50%;margin-left:-206px}
.guide-section-4 .info .t{font-size:24px;font-weight:700;color:#333;margin-bottom:14px}
.guide-section-4 .info .p{font-size:16px;line-height:24px;color:#777}
.lightbox-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.6);z-index:1001}
.guide-lightbox{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:446px;padding:62px 70px 80px;background:#fff;z-index:1002}
.guide-lightbox .title{margin-bottom:16px;font-size:30px;font-weight:bold;color:#151515;text-align:center;text-transform:uppercase}
.guide-lightbox .p{font-size:14px;line-height:22px;color:#333;text-align:center}
.guide-lightbox .input-con{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin:20px 0;height:43px;line-height:43px;font-size:14px;color:#333;border:1px solid #cdcdcd}
.guide-lightbox .input-con .word{padding-left:26px}
.guide-lightbox .input-con .input{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.guide-lightbox .input-con .input input{display:block;width:100%;padding:0 26px 0 10px;line-height:43px;color:#333;border:none;background:none;-moz-box-sizing:border-box;box-sizing:border-box}
.guide-lightbox .checkbox-con{position:relative}
.guide-lightbox .checkbox-con input{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:2}
.guide-lightbox .checkbox-con input:checked~.check-icon{background:#22ac38;border-color:#22ac38}
.guide-lightbox .checkbox-con input:checked~.check-icon:before{content:'\e643';font-size:15px;font-family:'iconfont';color:#fff}
.guide-lightbox .checkbox-con .check-icon{position:absolute;left:0;top:3px;width:17px;height:17px;line-height:17px;text-align:center;border:1px solid #dcdcdc;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.guide-lightbox .checkbox-con .word{padding-left:27px;font-size:14px;line-height:24px;color:#333}
.guide-lightbox .form-submit{position:relative;display:block;margin:16px 0 20px;width:100%;height:48px;line-height:48px;text-align:center;font-size:14px;color:#fff;font-weight:bold;text-transform:uppercase;background:#22ac38;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.guide-lightbox .form-submit:hover{background:#fb8e1f}
.guide-lightbox .form-tips{text-align:center;font-size:14px;line-height:20px;color:#999}
.guide-lightbox .form-tips a{color:#333;text-decoration:underline}
.guide-lightbox .form-tips a:hover{color:#22ac38}
.guide-result-con{position:relative;background-color:#f8f8f8;padding-bottom:100px}
.guide-result{position:relative;width:1200px;margin:0 auto}
.guide-result:after{content:'Style test answer page';font-size:132px;color:rgba(163,163,163,0.1);font-weight:600;display:block;-webkit-transform-origin:right center;-moz-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);z-index:1;position:absolute;top:1797px;right:-30px;white-space:nowrap;text-transform:uppercase}
.guide-result .container{position:relative;margin-top:-50px;padding:54px 30px 72px;z-index:2;background-color:#fff;border:1px solid #dbdbdb}
.guide-result .container .title{margin-bottom:34px;font-size:22px;color:#333;font-weight:bold;text-align:center;text-transform:uppercase}
.guide-result-box:not(:last-child){margin-bottom:60px}
.guide-result-box1 .box-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.guide-result-box1 p{position:absolute;left:0;bottom:0;width:100%;height:55px;padding:0 20px;line-height:55px;font-size:16px;color:#fff;background:-webkit-linear-gradient(top,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.35) 40%);background:-moz- oldlinear-gradient(top,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.35) 40%);background:linear-gradient(180deg,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.35) 40%);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-moz-box-sizing:border-box;box-sizing:border-box}
.guide-result-box1 img{position:relative;width:100%;height:100%}
.guide-result-box1 .left-box{position:relative;width:757px;height:465px}
.guide-result-box1 .right-box li{position:relative;width:363px;height:224px}
.guide-result-box1 .right-box li:first-child{margin-bottom:17px}
.guide-result-box2 .item .info{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 45px;text-align:center;background-color:#f5f5f5}
.guide-result-box2 .item .info .t{font-size:26px;color:#000}
.guide-result-box2 .item .info .p{margin-top:12px;max-height:60px;font-size:16px;line-height:30px;color:#777;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.guide-result-box2 li{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.guide-result-box2 li img{width:100%;height:100%}
.guide-result-box2 li:first-child{margin-bottom:30px}
.guide-result-box2 li:first-child .item{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-right:30px;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.guide-result-box2 li:first-child .img{width:370px;height:375px}
.guide-result-box2 li+li .img{width:770px;height:373px}
.guide-result-box3 .box-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-left:28px}
.guide-result-box3 .box-wrap li{position:relative;width:342px;margin-right:28px;height:267px}
.guide-result-box3 .box-wrap li p{position:absolute;bottom:0;left:0;width:100%;height:55px;padding:0 20px;line-height:55px;font-size:16px;color:#fff;background:-webkit-linear-gradient(top,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.3) 40%);background:-moz- oldlinear-gradient(top,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.3) 40%);background:linear-gradient(180deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.3) 40%);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-moz-box-sizing:border-box;box-sizing:border-box}
.guide-result-box3 .box-wrap li img{width:100%;height:100%}
.guide-result-box4 .box-wrap img{width:100%;height:100%}
.guide-result-box4 .box-wrap p{position:absolute;bottom:0;left:0;width:100%;height:55px;padding:0 20px;line-height:55px;font-size:16px;color:#fff;background:-webkit-linear-gradient(top,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.35) 40%);background:-moz- oldlinear-gradient(top,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.35) 40%);background:linear-gradient(180deg,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.35) 40%);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-moz-box-sizing:border-box;box-sizing:border-box}
.guide-result-box4 .middle-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:0 28px;-moz-box-sizing:border-box;box-sizing:border-box}
.guide-result-box4 .middle-box li{position:relative;width:530px;height:299px}
.guide-result-box4 .middle-box li:nth-child(1),.guide-result-box4 .middle-box li:nth-child(2){margin-bottom:25px}
.guide-result-btn{margin-top:50px;text-align:center;font-size:0}
.guide-result-btn a{display:inline-block;vertical-align:top;margin:0 5px;padding:0 64px;height:40px;line-height:38px;font-size:18px;color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s}
.guide-result-btn a:hover{opacity:.85}
.guide-result-btn .again-btn{background:#22ac38;border:1px solid #f1740a}
.guide-result-btn .share-btn{background:#36549d}
.guide-result-btn .share-btn i{margin-right:5px;font-size:17px}
.sk-circle{position:absolute;bottom:0px;left:50%;margin-bottom:20px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.kitchen-con{padding-top:45px;background-color:#f5f5f5;padding-bottom:80px}
.kitchen-con.pt-0{padding-top:0}
.kitchen-con.pt-15{padding-top:15px}
.material-title{text-align:center;font-size:32px;color:#333;text-transform:uppercase}
.material-item{width:1200px;-moz-box-sizing:border-box;box-sizing:border-box;margin:30px auto 0;background-color:#fff;border:1px solid #dcdcdc;border-radius:8px;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.material-item .img{width:340px}
.material-item .img img{display:block;width:100%}
.material-item .wp{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.material-item .info{padding:60px 100px}
.material-item .top{padding-bottom:24px;border-bottom:1px dashed #aeaeae}
.material-item .top h5{font-size:26px;color:#333;margin-bottom:8px}
.material-item .top p{font-size:16px;color:#333;line-height:24px}
.material-item .p{padding-top:24px;font-size:16px;color:#333;line-height:24px}
.material-item .p *{line-height: inherit;}
.material-item .p .list:first-child{padding-top:0}
.material-item .list{padding-top:24px}
.material-item .list .li{position:relative;padding-left:15px}
.material-item .list .li:before{position:absolute;display:block;width:6px;height:6px;background-color:#22ac38;border-radius:100%;margin-right:8px;content:'';left:0;top:9px}
.material-item .list .li span{color:#777}
.material-item .list .t{font-size:20px;color:#333;margin-bottom:10px}
.kitchen-table-con{padding-top:45px;width:1200px;margin:0 auto}
.kitchen-table-con .title{text-align:center;font-size:32px;color:#333;margin-bottom:24px;text-transform:uppercase}
.kitchen-table-con table{width:100%;table-layout:fixed;background-color:#fff}
.kitchen-table-con table th{background-color:#c5beb3;font-size:16px;color:#333;height:62px;text-align:center;vertical-align:middle;border:1px solid #b1aba1;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10px}
.kitchen-table-con table td{font-size:16px;color:#333;height:62px;text-align:center;vertical-align:middle;border:1px solid #e5e5e5;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 5px}
.kitchen-table-con table td img{display:inline-block;vertical-align:baseline}
.kitchen-table-con table tr:nth-child(2n+1) td{background-color:#f5f5f5}
.kitchen-table-con table tr:last-child td{background-color:#fff}
.kitchen-table-con .img-list{font-size:0}
.kitchen-table-con .img-list li{display:inline-block;vertical-align:top;width:50%;-moz-box-sizing:border-box;box-sizing:border-box}
.kitchen-table-con .img-list li:nth-child(2n+1){padding-right:13px}
.kitchen-table-con .img-list li:nth-child(2n){padding-left:13px}
.kitchen-table-con .img-list .wp{border:1px solid #dcdcdc;background-color:#fff;padding:25px 25px 15px}
.kitchen-table-con .img-list .t{font-size:24px;color:#333;padding-left:20px;margin-bottom:20px}
.kitchen-table-con .img-list .img img{max-width:100%;display:block}
.kitchen-table-con .img-list .info{margin:20px 20px 0;height:104px;overflow:hidden;line-height:26px}
.kitchen-table-con .img-list .info p{position:relative;padding-left:15px;font-size:16px;line-height:26px;color:#333}
.kitchen-table-con .img-list .info p:before{position:absolute;display:block;width:6px;height:6px;background-color:#22ac38;border-radius:100%;margin-right:8px;content:'';left:0;top:9px}
.kitchen-table-con .img-list .info p span{color:#777;line-height:26px}
.kitchen-table-con .logo-list{font-size:0;-moz-box-sizing:border-box;box-sizing:border-box;border-left:1px solid #dcdcdc;border-top:1px solid #dcdcdc;background-color:#fff}
.kitchen-table-con .logo-list li{display:inline-block;vertical-align:top;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc}
.kitchen-table-con .logo-list li.col-3{width:33.33%}
.kitchen-table-con .logo-list li.col-5{width:20%}
.kitchen-table-con .logo-list li span{display:block;width:100%;height:148px;position:relative;overflow:hidden;background-color:#fff}
.kitchen-table-con .logo-list li span img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:100%;max-width:100%;display:block}
.door-item{width:1200px;border:1px solid #dcdcdc;background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;margin:30px auto 0;padding:50px 50px 20px}
.door-item:nth-child(2n+2) .top{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-moz-box-orient:horizontal;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.door-item:nth-child(2n+2) .info{padding-right:40px}
.door-item:nth-child(2n+2) .thumb-con{text-align:right}
.door-item:nth-child(2n+2) .thumb-item{margin-left:8px;margin-right:0;margin-bottom:5px}
.door-item .top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding-bottom:20px}
.door-item .img-list-con{width:442px;height:365px;position:relative}
.door-item .img-list-prev{position:absolute;font-size:28px;color:#22ac38;top:50%;left:20px;cursor:pointer;z-index:5;-webkit-transform:rotate(180deg) translateY(50%);-moz-transform:rotate(180deg) translateY(50%);-ms-transform:rotate(180deg) translateY(50%);transform:rotate(180deg) translateY(50%);outline:none}
.door-item .img-list-next{position:absolute;font-size:28px;color:#22ac38;top:50%;right:20px;cursor:pointer;z-index:5;outline:none;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.door-item .img-list{width:442px;height:365px}
.door-item .img-list li{display:none}
.door-item .img-list li:first-child{display:block}
.door-item .img-list li span{display:block;width:100%;height:365px;position:relative;overflow:hidden}
.door-item .img-list li span img{position:absolute;display:block;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:100%;max-width:100%}
.door-item .wp{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.door-item .info{padding-left:40px}
.door-item .intro{padding-bottom:10px}
.door-item .intro h5{font-size:28px;color:#333;margin-bottom:10px;line-height:30px}
.door-item .intro p{font-size:16px;line-height:24px;color:#333}
.door-item .intro p span{color:#777}
.door-item .ground{border-top:1px dashed #aeaeae;padding-top:16px}
.door-item .ground .h{font-size:20px;color:#000;line-height:22px;margin-bottom:10px}
.door-item .ground .h i{font-size:20px;color:#22ac38;vertical-align:top;line-height:22px;margin-right:10px}
.door-item .ground .p{font-size:16px;line-height:20px;color:#333;margin-bottom:10px}
.door-item .ground .p span{color:#777}
.door-item .thumb-con{position:relative;padding:20px 30px 0;font-size:0}
.door-item .thumb-con:after{position:absolute;width:100%;height:100px;background-color:#eaeaea;display:block;top:0;left:0;z-index:1;content:''}
.door-item .thumb-item{display:inline-block;vertical-align:top;border:1px solid #d2d2d2;background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;padding:16px;width:114px;height:110px;position:relative;z-index:2;cursor:pointer;margin-right:8px;margin-bottom:5px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.door-item .thumb-item:after{position:absolute;width:100%;height:100%;z-index:2;background:rgba(45,60,82,0.4);opacity:0;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;display:block;top:0;left:0;content:''}
.door-item .thumb-item span{display:block;position:relative;width:100%;height:100%;overflow:hidden}
.door-item .thumb-item span img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:100%;max-width:100%;display:block}
.door-item .thumb-item:hover,.door-item .thumb-item.on{border-color:#22ac38}
.door-item .thumb-item:hover:after,.door-item .thumb-item.on:after{opacity:1}
.storage-video{padding:100px 0 90px;background-color:#fff}
.storage-video-prev{position:absolute;width:24px;height:24px;border-radius:100%;border:2px solid #22ac38;left:-47px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:#22ac38;text-align:center;line-height:25px;font-size:16px;outline:none}
.storage-video-next{position:absolute;width:24px;height:24px;border-radius:100%;border:2px solid #22ac38;right:-47px;top:50%;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);cursor:pointer;color:#22ac38;text-align:center;line-height:25px;font-size:16px;outline:none}
.storage-box{position:relative}
.storage-swiper .swiper-slide{height:210px}
.storage-swiper .swiper-slide iframe{display:block;width:100%;height:210px}
.storage-con{padding:90px 0 100px;background-color:#f5f5f5}
.storage-item{width:1200px;border:1px solid #dcdcdc;background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;margin:30px auto 0;padding:70px 50px 20px}
.storage-item:first-child{margin-top:0}
.storage-item:nth-child(2n+2) .top{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-moz-box-orient:horizontal;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.storage-item:nth-child(2n+2) .info{padding-right:40px}
.storage-item:nth-child(2n+2) .thumb-con{text-align:right}
.storage-item:nth-child(2n+2) .thumb-item{margin-left:8px;margin-right:0;margin-bottom:5px}
.storage-item:nth-child(2n+2) .img-list-con{margin-left:0;margin-right:30px}
.storage-item .top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding-bottom:20px;overflow:hidden}
.storage-item .img-list-con{width:643px;height:427px;position:relative;margin-left:30px}
.storage-item .img-list-prev{position:absolute;font-size:28px;color:#22ac38;top:50%;left:20px;cursor:pointer;z-index:5;-webkit-transform:rotate(180deg) translateY(50%);-moz-transform:rotate(180deg) translateY(50%);-ms-transform:rotate(180deg) translateY(50%);transform:rotate(180deg) translateY(50%);outline:none}
.storage-item .img-list-next{position:absolute;font-size:28px;color:#22ac38;top:50%;right:20px;cursor:pointer;z-index:5;outline:none;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.storage-item .img-list{width:643px;height:427px}
.storage-item .img-list li{display:none;outline:none}
.storage-item .img-list li:first-child{display:block}
.storage-item .img-list li span{display:block;width:100%;height:427px;position:relative;overflow:hidden;outline:none}
.storage-item .img-list li span img{position:absolute;display:block;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:100%;max-width:100%;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.storage-item .wp{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:0 50px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.storage-item .intro{margin-bottom:20px}
.storage-item .intro h5{font-size:36px;color:#333;margin-bottom:100px;line-height:36px;font-weight:bold}
.storage-item .intro p{font-size:18px;line-height:24px;color:#333}
.storage-item .thumb-con{position:relative;padding:20px 30px 0;font-size:0}
.storage-item .thumb-con:after{position:absolute;width:100%;height:80px;background-color:#eaeaea;display:block;top:0;left:0;z-index:1;content:''}
.storage-item .thumb-item{display:inline-block;vertical-align:top;border:1px solid #d2d2d2;background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;padding:16px;width:128px;height:86px;position:relative;z-index:2;cursor:pointer;margin-right:8px;margin-bottom:5px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;border-radius:3px}
.storage-item .thumb-item:after{position:absolute;width:100%;height:100%;z-index:2;background:rgba(45,60,82,0.4);opacity:0;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;display:block;top:0;left:0;content:''}
.storage-item .thumb-item span{display:block;position:relative;width:100%;height:100%;overflow:hidden}
.storage-item .thumb-item span img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:100%;max-width:100%;display:block}
.storage-item .thumb-item:hover,.storage-item .thumb-item.on{border-color:#22ac38}
.storage-item .thumb-item:hover:after,.storage-item .thumb-item.on:after{opacity:1}
.storage-item .ws-bn{width:643px;height:427px}
.storage-item .ws-img{width:100%;height:100%;object-fit:cover}
@media(min-width:751px){
    .storage-item .ws-bn.swiper-container-horizontal>.swiper-pagination-bullets{display:none}
}
@media(max-width:750px){
    .storage-item .ws-bn{width:100%;height:auto;padding-bottom:20px}
    .storage-item .ws-img{height:auto}
    .storage-item .top{padding-bottom:10px}
    .storage-item .thumb-con{display:none}
    .storage-item .img-list-prev{display:none}
    .storage-item .img-list-next{display:none}
    .storage-item .ws-bn .swiper-pagination-bullet-active{background-color:#22ac38}
    .storage-item .ws-bn.swiper-container-horizontal>.swiper-pagination-bullets{bottom:1px;font-size:0;display:block;line-height:1}
}
.door-item .ws-bn{width:442px;height:365px}
.door-item .ws-img{width:100%;height:100%;object-fit:cover}
@media(min-width:751px){
    .door-item .ws-bn.swiper-container-horizontal>.swiper-pagination-bullets{display:none}
}
@media(max-width:750px){
    .door-item .ws-bn{width:100%;height:auto;padding-bottom:20px}
    .door-item .ws-img{height:auto}
    .door-item .top{padding-bottom:10px}
    .door-item .thumb-con{display:none}
    .door-item .img-list-prev{display:none}
    .door-item .img-list-next{display:none}
    .door-item .ws-bn .swiper-pagination-bullet-active{background-color:#22ac38}
    .door-item .ws-bn.swiper-container-horizontal>.swiper-pagination-bullets{bottom:1px;font-size:0;display:block;line-height:1}
}
.hardware-con{padding-bottom:100px;background-color:#f5f5f5}
.hardware-item{padding-top:60px}
.hardware-item .title{text-align:center;text-transform:uppercase;color:#333;font-size:32px;margin-bottom:30px}
.hardware-item .hardware-swiper{position:relative;width:1200px;margin:0 auto}
.hardware-item .hardware-prev{font-size:28px;color:#22ac38;left:-48px;top:50%;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);outline:none;cursor:pointer;position:absolute}
.hardware-item .hardware-next{font-size:28px;color:#22ac38;right:-48px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);outline:none;cursor:pointer;position:absolute}
.hardware-item .swiper-slide{background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;width:386px;padding:22px 25px}
.hardware-item .swiper-slide .img{width:100%;height:182px;margin-bottom:24px}
.hardware-item .swiper-slide .img img{height:100%;width:100%}
.hardware-item .swiper-slide .info{height:210px;overflow:hidden;word-break:break-word}
.hardware-item .swiper-slide .info h5{font-size:20px;line-height:24px;font-weight:bold;margin-bottom:15px;text-transform:uppercase}
.hardware-item .swiper-slide .p{font-size:16px;line-height:22px;color:#777}
.hardware-item .swiper-slide .li{position:relative;margin-bottom:12px;padding-left:16px}
.hardware-item .swiper-slide .li span{color:#000}
.hardware-item .swiper-slide .li:before{position:absolute;display:block;width:6px;height:6px;border-radius:100%;background:#22ac38;left:0;top:8px;content:''}
.video-list-con{padding:20px 0 100px;background-color:#f5f5f5}
.video-list-menu{-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #d9d9d9;background-color:#eee;font-size:0;margin-bottom:30px}
.video-list-menu .item{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:60px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:0 30px;font-size:16px;color:#333;position:relative;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.video-list-menu .item i{font-size:22px;margin-right:10px}
.video-list-menu .item .icon-0:before{content:'\e7df'}
.video-list-menu .item .icon-1:before{content:'\e683'}
.video-list-menu .item .icon-2:before{content:'\e6ed'}
.video-list-menu .item .icon-3:before{content:'\e740'}
.video-list-menu .item .icon-4:before{content:'\e72b'}
.video-list-menu .item:before{position:absolute;display:block;width:1px;height:10px;margin-top:-5px;left:-1px;top:50%;background-color:#bebebe;content:''}
.video-list-menu .item:first-child:before{display:none}
.video-list-menu .item:first-child.on{border-left:none}
.video-list-menu .item:hover{color:#22ac38}
.video-list-menu .item.on{color:#22ac38;background-color:#f5f5f5;border-right:1px solid #d9d9d9;border-left:1px solid #d9d9d9;z-index:5}
.video-list-menu .item.on:before{display:none}
.video-topic{-moz-box-sizing:border-box;box-sizing:border-box;background-color:#fff;padding:50px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:50px}
.video-topic .box{width:534px}
.video-topic .video-box{width:100%;height:297px}
.video-topic .video-box iframe{display:block;width:100%;height:100%}
.video-topic .p{text-align:center;font-size:16px;color:#555;padding-top:14px;line-height:22px;height:22px;overflow:hidden}
.video-list{font-size:0;width:1230px;margin:0 auto}
.video-list li{display:inline-block;vertical-align:top;width:33.33%;padding:0 15px;margin-bottom:50px;-moz-box-sizing:border-box;box-sizing:border-box}
.video-list li .wp{width:100%;height:210px}
.video-list li .wp iframe{display:block;width:100%;height:100%}
.video-list li .p{text-align:center;font-size:16px;color:#555;padding-top:14px;line-height:22px;height:22px;overflow:hidden}
.detail-con{padding:20px 0 90px;background-color:#f5f5f5}
.detail-pro-box{width:1200px;margin:10px auto 0}
.detail-pro-box .title{font-size:20px;color:#333;margin-bottom:10px}
.detail-pro-box .box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.detail-pro-box .left{width:734px}
.detail-pro-box .right{width:450px;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#fff;padding:24px 36px}
.detail-pro-box .right .t{text-align:center;font-size:30px;font-weight:600;color:#fff;line-height:54px;background-color:#22ac38}
.detail-pro-box .right .tools{text-align:center;padding:14px 0}
.detail-pro-box .right .tools a{display:inline-block;vertical-align:top;padding:0 22px;font-size:16px;color:#666;position:relative}
.detail-pro-box .right .tools a:after{position:absolute;width:1px;height:10px;background-color:#d6d6d6;top:50%;margin-top:-5px;right:0;content:''}
.detail-pro-box .right .tools a:last-child:after{display:none}
.detail-pro-box .right .tools span{color:#22ac38;margin-right:4px}
.detail-pro-box .right .p{font-size:14px;color:#333;line-height:20px}
.detail-pro-box .right .p.c6{color:#666}
.detail-pro-box .right .p.tac{text-align:center}
.detail-pro-box .right .p.tdu{text-decoration:underline}
.detail-pro-box .img-box{margin-bottom:5px;width:734px;height:450px;position:relative;overflow:hidden}
.detail-pro-box .img-box.big{height:650px}
.detail-pro-box .img-list li{display:none}
.detail-pro-box .img-list li:first-child{display:block}
.detail-pro-box .img-list li img{display:block;width:100%;height:100%}
.detail-pro-box .choose-box{position:absolute;left:0;width:100%;bottom:0;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px 26px 14px;background-color:rgba(0,0,0,0.5)}
.detail-pro-box .choose-box .t{font-size:16px;color:#e1e1e1;text-transform:uppercase;border-bottom:1px solid #e1e1e1;display:inline-block}
.detail-pro-box .choose-list{padding-top:14px}
.detail-pro-box .choose-list li{display:inline-block;vertical-align:top;margin-right:12px;cursor:pointer}
.detail-pro-box .choose-list li i{display:inline-block;vertical-align:top;border-radius:100%;width:26px;height:26px;border:1px solid transparent;text-align:center;line-height:26px;color:#fff;font-size:14px}
.detail-pro-box .choose-list li.on i{border-color:#fff}
.detail-pro-box .choose-list li.on i:before{content:'\e643'}
.detail-share-box{padding-top:30px;font-size:20px;color:#222}
.detail-share-box .addthis_inline_share_toolbox{display:inline-block;vertical-align:top}
.specification-box{background-color:#fff;padding:20px 30px}
.specification-box .t{text-align:center;font-size:20px;color:#000;text-transform:uppercase;margin-bottom:16px}
.specification-box .t:before{display:inline-block;font-family:'iconfont';content:'\e6c7';vertical-align:baseline;margin-right:5px}
.specification-box ul{font-size:0}
.specification-box ul li{display:inline-block;vertical-align:top;padding:0 10px;width:33.33%;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer}
.specification-box ul li:hover .img:before,.specification-box ul li:hover .img:after{opacity:1}
.specification-box ul .img{width:202px;height:79px;position:relative;overflow:hidden}
.specification-box ul .img img{display:block;width:100%;height:100%}
.specification-box ul .img:before{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;background-color:rgba(45,60,82,0.4);opacity:0;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;transition:opacity .4s ease;content:''}
.specification-box ul .img:after{font-family:'iconfont';content:'\e69b';color:#fff;font-size:24px;position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:5;opacity:0;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;transition:opacity .4s ease}
.specification-box ul .p{padding-top:8px;font-size:16px;color:#333;line-height:20px}
.specification-box ul .p span{color:#777}
.specification-dialog{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.6);top:0;left:0;z-index:991;opacity:0;visibility:hidden}
.specification-dialog.show{opacity:1;visibility:visible}
.specification-dialog-box{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.specification-dialog-box .close{border-radius:100%;border:1px solid #fff;width:24px;height:24px;text-align:center;line-height:24px;font-size:14px;color:#fff;top:0;right:-30px;cursor:pointer;position:absolute}
.specification-dialog-box .img-con{padding:14px;background-color:#fff}
.specification-dialog-box .img-con img{display:block;max-width:100%}
@-webkit-keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(0.9,0.9,0.9);transform:scale3d(0.9,0.9,0.9)}
60%{opacity:1;-webkit-transform:scale3d(1.01,1.01,1.01);transform:scale3d(1.01,1.01,1.01)}
80%{-webkit-transform:scale3d(0.99,0.99,0.99);transform:scale3d(0.99,0.99,0.99)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}@-moz-keyframes bounceIn{from,20%,40%,60%,80%,to{-moz-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{opacity:0;-moz-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
20%{-moz-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-moz-transform:scale3d(0.9,0.9,0.9);transform:scale3d(0.9,0.9,0.9)}
60%{opacity:1;-moz-transform:scale3d(1.01,1.01,1.01);transform:scale3d(1.01,1.01,1.01)}
80%{-moz-transform:scale3d(0.99,0.99,0.99);transform:scale3d(0.99,0.99,0.99)}
to{opacity:1;-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-moz-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);-moz-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);-moz-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(0.9,0.9,0.9);-moz-transform:scale3d(0.9,0.9,0.9);transform:scale3d(0.9,0.9,0.9)}
60%{opacity:1;-webkit-transform:scale3d(1.01,1.01,1.01);-moz-transform:scale3d(1.01,1.01,1.01);transform:scale3d(1.01,1.01,1.01)}
80%{-webkit-transform:scale3d(0.99,0.99,0.99);-moz-transform:scale3d(0.99,0.99,0.99);transform:scale3d(0.99,0.99,0.99)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.detail-form{padding-top:14px}
.detail-form .input-box{border:1px solid #e4e4e4;margin-bottom:6px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;background-color:#fff}
.detail-form .input-box.w-383{width:383px}
.detail-form .input-box.w-half{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;width:50%;height:36px;margin-bottom:0}
.detail-form .input-box.full{display:block}
.detail-form .input-box .name{line-height:36px;color:#666;font-size:14px;padding-left:10px}
.detail-form .input-box .name span{color:#22ac38}
.detail-form .input-box .input{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.detail-form .input-box .input input{display:block;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;height:36px;line-height:36px;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding-right:10px;font-size:14px}
.detail-form .input-box .input textarea{display:block;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;padding:5px 12px 5px 0;border:none;background:none;font-size:14px;resize:none;line-height:20px}
.detail-form .input-box .yzm{width:100px;height:100%;line-height:36px;text-align:center}
.detail-form .input-box .yzm img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%}
.detail-form .half{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.detail-form .upload-box{margin-bottom:6px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;overflow:hidden}
.detail-form .upload-box.ali-center{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.detail-form .upload-btn{display:inline-block;vertical-align:top;position:relative}
.detail-form .upload-btn:hover .btn{color:#22ac38}
.detail-form .upload-btn input{position:absolute;opacity:0;top:0;left:0;width:100%;height:100%;z-index:2;cursor:pointer}
.detail-form .upload-btn .btn{position:relative;width:160px;height:44px;text-align:center;line-height:44px;font-size:15px;color:#333;z-index:1;background-color:#ebebeb;border:1px solid #cfcfcf;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 15px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.detail-form .upload-btn .btn:after{font-family:'iconfont';content:'\e6ae'}
.detail-form .upload-result{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:inline-block;vertical-align:top;font-size:14px;color:#666;line-height:46px;height:46px;overflow:hidden;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10px;white-space:nowrap;text-overflow:ellipsis}
.detail-form .detail-form-submit{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:238px;height:40px;line-height:40px;color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 14px;font-size:18px;background:#22ac38;cursor:pointer;text-align:left;margin:10px auto 7px;border:1px solid #fdc08b;position:relative;box-shadow:0 0 0 1px #22ac38}
.detail-form .detail-form-submit.tac{text-align:center}
.detail-form .detail-form-submit i{font-size:16px;position:absolute;top:50%;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);z-index:5;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}
.detail-form .detail-form-submit i:nth-child(2){color:rgba(255,255,255,0.2);right:34px}
.detail-form .detail-form-submit i:nth-child(3){color:rgba(255,255,255,0.6);right:26px}
.detail-form .detail-form-submit i:nth-child(4){color:#fff;right:18px}
.detail-form .detail-form-submit:hover i{-webkit-transform:translateY(-50%) rotate(180deg) translateX(-4px);-moz-transform:translateY(-50%) rotate(180deg) translateX(-4px);-ms-transform:translateY(-50%) rotate(180deg) translateX(-4px);transform:translateY(-50%) rotate(180deg) translateX(-4px)}
.detail-form .tdu{text-decoration:underline}
.detail-section section{padding:90px 0}
.detail-section section .wp1200{background:inherit}
.detail-section section.project-detail-form .wp1200{background:no-repeat}
.detail-section section:nth-child(2n+1){background-color:#fff}
.detail-section section:nth-child(2n+1) .detail-product-show .topic,.detail-section section:nth-child(2n+1) .detail-product-show .bottom,.detail-section section:nth-child(2n+1) .detail-unq-list .box{background-color:#f5f5f5}
.detail-section section:nth-child(2n){background-color:#f5f5f5}
.detail-section section:nth-child(2n) .detail-ground-list li a,.detail-section section:nth-child(2n) .detail-news-list li{background-color:#fff}
.detail-section section .detail-common-title{margin-top:90px}
.detail-section section .detail-common-title:first-child{margin-top:0}
.detail-section .order-process-con.bg-fff{background-color:#fff}
.detail-common-title{background:inherit;position:relative;text-align:center}
.detail-common-title:after{border-top:1px solid #ccc;display:block;left:0;width:100%;top:50%;content:'';z-index:2;position:absolute}
.detail-common-title span{position:relative;z-index:5;display:inline-block;vertical-align:top;padding:0 50px;background:inherit;font-size:32px;color:#333;text-transform:uppercase}
.detail-common-intro{text-align:center;font-size:16px;line-height:26px;color:#777;padding-top:30px;word-break:break-word}
.order-process-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding-top:34px}
.order-process-list li{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;position:relative;}
.order-process-list li a{text-align:center;display:block}
.order-process-list li a:after{position:absolute;display:block;content:'';background:url(../image/dot_1.png) center no-repeat;width:55px;height:7px;right:-26px;top:41px}
@media(max-width:900px){
    .order-process-list li a:after{display: none;}
}
.order-process-list li a:hover .icon{background-color:#22ac38}
.order-process-list li a:hover .icon i{color:#fff}
.order-process-list li:last-child a:after{display:none}
.order-process-list li.on a .icon{background-color:#22ac38}
.order-process-list li.on a .icon i{color:#fff}
.order-process-list .icon{width:82px;height:82px;margin:0 auto 16px;border-radius:100%;background-color:#f5f5f5;line-height:82px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.order-process-list .icon i{font-size:30px;color:#414141;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;transition:color .2s ease}
.order-process-list p{font-size:14px;color:#666;text-transform:uppercase}
.detail-video-article{margin-top:30px;font-size:16px;color:#777;line-height:26px;word-break:break-word;-moz-box-sizing:border-box;box-sizing:border-box}
.detail-video-article p{margin-bottom:20px}
.detail-video-article img{max-width:100%;height:auto !important}
.detail-video-article.bgf{background-color:#fff}
.detail-video-article.sm{padding:50px 90px}
.detail-video-article iframe{max-width:100%}
.detail-video-box{width:1200px;height:527px;position:relative;overflow:hidden}
.detail-video-box .bg{position:absolute;width:100%;height:100%;top:0;left:0;background-position:center center;background-repeat:no-repeat;z-index:5;cursor:pointer}
.detail-video-box .mejs__container,.detail-video-box video,.detail-video-box .mejs__overlay,.detail-video-box .mejs__poster{width:100% !important;height:100% !important}
.detail-video-box iframe{position:absolute;width:100%;height:100%;top:0;left:0}
.detail-product-show{padding-top:40px}
.detail-product-show .topic{background-color:#fff;padding:50px 34px 50px 50px;margin-bottom:22px}
.detail-product-show .topic .p{font-size:16px;color:#666;line-height:26px;word-break:break-word}
.detail-product-show .flex-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-bottom:20px}
.detail-product-show .img{position:relative;overflow:hidden;width:451px;height:316px;margin-right:50px}
.detail-product-show .img img{display:block;width:100%;height:100%}
.detail-product-show .img p{text-align:center;position:absolute;width:100%;bottom:15px;z-index:5;color:#fff;font-size:16px;text-transform:uppercase}
.detail-product-show .info{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.detail-product-show .block{margin-bottom:35px}
.detail-product-show .t{font-size:22px;color:#333;margin-bottom:10px;word-break:break-word}
.detail-product-show .list{font-size:16px;line-height:20px;color:#333;word-break:break-word}
.detail-product-show .list p{margin-bottom:8px}
.detail-product-show .list span{font-size:14px;color:#777}
.detail-product-show .bottom{background-color:#fff;padding:50px 40px}
.detail-product-show .bottom .title{text-align:center;font-size:22px;color:#333;margin-bottom:10px;text-transform:uppercase}
.detail-product-show .bottom .p{text-align:center;font-size:16px;line-height:26px;color:#777}
.product-show-swiper{padding:20px 46px 24px;position:relative}
.product-show-swiper .product-show-prev{position:absolute;left:0;top:57px;outline:none;font-size:28px;color:#22ac38;cursor:pointer;z-index:5;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.product-show-swiper .product-show-next{position:absolute;right:0;top:57px;outline:none;font-size:28px;color:#22ac38;cursor:pointer;z-index:5}
.product-show-swiper .swiper-slide .img{width:100%;height:100px;margin-bottom:6px}
.product-show-swiper .swiper-slide .img img{display:block;width:100%;height:100%}
.product-show-swiper .swiper-slide p{text-align:center;font-size:16px;color:#666}
.detail-img-list{padding-top:30px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:24px}
.detail-img-list li{width:372px}
.detail-img-list .img{width:100%;height:247px;margin-bottom:25px}
.detail-img-list .img img{display:block;width:100%;height:100%}
.detail-img-list h5{font-size:20px;color:#333;line-height:26px;margin-bottom:15px}
.detail-img-list .p{font-size:16px;line-height:30px;color:#777}
.detail-img-list .li{position:relative;padding-left:10px}
.detail-img-list .li:before{position:absolute;display:block;width:6px;height:6px;content:'';left:0;top:12px;background-color:#22ac38;border-radius:100%}
.detail-ad-con{margin:100px auto 0;position:relative}
.detail-ad-con img{display:block;width:100%}
.detail-ad-con a{position:absolute;display:block;width:294px;height:40px;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 20px;color:#fff;font-size:18px;line-height:40px;right:50px;top:50%;margin-top:-20px;overflow:hidden;background-color:#22ac38}
.detail-ad-con a span{position:relative;z-index:2}
.detail-ad-con a i{font-size:14px;position:absolute;top:50%;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);z-index:5;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}
.detail-ad-con a i:nth-child(2){color:rgba(255,255,255,0.2);right:46px}
.detail-ad-con a i:nth-child(3){color:rgba(255,255,255,0.6);right:38px}
.detail-ad-con a i:nth-child(4){color:#fff;right:30px}
.detail-ad-con a:hover{color:#fff}
.detail-ad-con a:hover i:nth-child(2){right:36px}
.detail-ad-con a:hover i:nth-child(3){right:28px}
.detail-ad-con a:hover i:nth-child(4){right:20px}
.similar-products{padding-top:100px;padding-bottom:100px;background-color:#fff !important;position:relative;overflow:hidden}
.similar-products.bgf8{background-color:#f8f8f8 !important}
.similar-products:after{position:absolute;width:100%;height:430px;background-color:#ededed;top:0;left:0;z-index:1;content:''}
.similar-products .similar-btn{margin:60px auto 0}
.similar-products .title{position:relative;text-align:center;font-size:32px;color:#333;margin-bottom:40px;text-transform:uppercase;z-index:2}
.similar-products .similar-swiper-prev{position:absolute;left:-45px;top:50%;margin-top:-14px;outline:none;font-size:28px;color:#22ac38;cursor:pointer;z-index:5;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.similar-products .similar-swiper-next{position:absolute;right:-45px;top:50%;margin-top:-14px;outline:none;font-size:28px;color:#22ac38;cursor:pointer;z-index:5}
.similar-products .similar-swiper{position:relative;width:1200px;margin:0 auto;z-index:5}
.similar-products .similar-swiper .swiper-slide{width:33.33%}
.similar-products .similar-swiper .swiper-slide a{display:block;border:1px solid #dfdfdf;background-color:#fff;padding:20px}
.similar-products .similar-swiper .swiper-slide a:hover h4{color:#22ac38}
.similar-products .similar-swiper .swiper-slide a:hover .btn i:nth-child(2){right:36px}
.similar-products .similar-swiper .swiper-slide a:hover .btn i:nth-child(3){right:28px}
.similar-products .similar-swiper .swiper-slide a:hover .btn i:nth-child(4){right:20px}
.similar-products .similar-swiper .swiper-slide .img{width:100%}
.similar-products .similar-swiper .swiper-slide .img img{display:block;width:100%}
.similar-products .similar-swiper .swiper-slide .info{padding:30px 10px 20px}
.similar-products .similar-swiper .swiper-slide h4{font-size:22px;font-weight:700;color:#333;line-height:28px;height:28px;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;white-space:nowrap;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;transition:color .2s ease}
.similar-products .similar-swiper .swiper-slide h5{font-size:18px;line-height:28px;height:28px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px}
.similar-products .similar-swiper .swiper-slide .bottom{margin-bottom:30px}
.similar-products .similar-swiper .swiper-slide .address{display:inline-block;vertical-align:top;max-width:65%;font-size:16px;line-height:24px;height:24px;overflow:hidden;color:#444;text-overflow:ellipsis;white-space:nowrap}
.similar-products .similar-swiper .swiper-slide .address:before{font-family:'iconfont';content:'\e74f';color:#22ac38;margin-right:5px;font-size:18px}
.similar-products .similar-swiper .swiper-slide .units{display:inline-block;vertical-align:top;font-size:16px;line-height:24px;height:24px;overflow:hidden;color:#444;margin-left:20px}
.similar-products .similar-swiper .swiper-slide .units:before{font-family:'iconfont';content:'\e6d4';color:#22ac38;margin-right:5px;font-size:18px}
.similar-products .similar-swiper .swiper-slide .p{font-size:16px;color:#666;height:30px;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:20px}
.similar-products .similar-swiper .swiper-slide .multi{font-size:16px;color:#666;height:120px;line-height:30px;overflow:hidden;margin-bottom:20px}
.similar-products .similar-swiper .swiper-slide .btn{position:relative;display:block;width:100%;height:24px;-moz-box-sizing:border-box;box-sizing:border-box;color:#22ac38;font-size:16px;line-height:24px;overflow:hidden}
.similar-products .similar-swiper .swiper-slide .btn span{position:relative;z-index:2}
.similar-products .similar-swiper .swiper-slide .btn i{font-size:14px;position:absolute;top:50%;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);z-index:5;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear;font-weight:bold}
.similar-products .similar-swiper .swiper-slide .btn i:nth-child(2){color:rgba(251,128,27,0.2);right:46px}
.similar-products .similar-swiper .swiper-slide .btn i:nth-child(3){color:rgba(251,128,27,0.6);right:38px}
.similar-products .similar-swiper .swiper-slide .btn i:nth-child(4){color:#fb801b;right:30px}
.detail-ground-list{padding-top:40px;padding-bottom:28px;font-size:0}
.detail-ground-list li{display:inline-block;vertical-align:top;width:50%;margin-bottom:12px;-moz-box-sizing:border-box;box-sizing:border-box}
.detail-ground-list li:nth-child(2n+1){padding-right:9px}
.detail-ground-list li:nth-child(2n){padding-left:9px}
.detail-ground-list li a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;background-color:#f5f5f5;padding:10px}
.detail-ground-list li a:hover .img .bg{opacity:1}
.detail-ground-list li .img{position:relative;overflow:hidden;width:265px;height:197px}
.detail-ground-list li .img img{display:block;width:100%;height:100%}
.detail-ground-list li .img .bg{position:absolute;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:26px;top:0;left:0;z-index:2;background-color:rgba(45,60,82,0.4);opacity:0;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;transition:opacity .4s ease}
.detail-ground-list li .img .bg i{font-size:26px}
.detail-ground-list li .wp{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.detail-ground-list li .info{padding:0 30px}
.detail-ground-list li .info h5{font-size:20px;color:#333;margin-bottom:10px}
.detail-ground-list li .info p{font-size:16px;line-height:24px;color:#777;margin-bottom:10px}
.detail-ground-list li .info i{font-size:22px;color:#22ac38}
.detail-flex-list{padding-top:30px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.detail-flex-list li{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;text-align:center}
.detail-flex-list li:last-child{margin-right:0}
.detail-flex-list li.mr30{margin-right:30px}
.detail-flex-list li.mr26{margin-right:26px}
.detail-flex-list .img{width:100%;text-align:center;margin-bottom:22px}
.detail-flex-list .img img{max-width:100%}
.detail-flex-list .p{color:#333;line-height:24px}
.detail-flex-list .font-sm{font-size:16px}
.detail-flex-list .font-xl{font-size:20px}
.detail-flex-list .font-l{font-size:18px}
.detail-flex-list .tal{text-align:left}
.detail-unq-list{padding-top:30px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.detail-unq-list .left{width:390px;margin-right:14px;background-color:#fff;height:458px}
.detail-unq-list .left .box .img{height:215px;width:330px;margin-bottom:10px}
.detail-unq-list .right{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.detail-unq-list .right .box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;overflow:hidden;height:222px}
.detail-unq-list .right .box .img{width:330px;height:164px;margin-right:40px}
.detail-unq-list .right .info{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.detail-unq-list .box{padding:30px;background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box}
.detail-unq-list .box .img img{display:block;width:100%;height:100%}
.detail-unq-list .info{padding-top:15px;overflow:hidden}
.detail-unq-list .info h5{font-size:22px;color:#333;margin-bottom:15px}
.detail-unq-list .info .p{font-size:16px;line-height:30px;color:#777}
.detail-news-list{padding-top:30px}
.detail-news-list li{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;background-color:#f5f5f5;margin-bottom:15px;position:relative;overflow:hidden}
.detail-news-list li .num{position:absolute;right:30px;bottom:-50px;font-size:110px;font-style:italic;color:#ebebeb;display:block}
.detail-news-list li .img{margin-right:50px}
.detail-news-list li .info{width:685px;padding-top:35px}
.detail-news-list li .t{font-size:22px;color:#333;margin-bottom:10px}
.detail-news-list li .p{font-size:16px;color:#777;line-height:30px}
.house-intro-con{margin-top:40px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;background-color:#fff}
.house-intro-con .img img{max-width:100%}
.house-intro-con .wp{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.house-intro-con .info{padding:40px 50px 20px}
.house-intro-con .t{font-size:30px;color:#333;padding-bottom:20px;border-bottom:1px dashed #c1c1c1}
.house-intro-con .p{padding-top:30px;font-size:16px;line-height:30px;color:#333}
.house-intro-con .p span{color:#777}
.house-intro-con .p p{margin-bottom:10px}
.house-con{padding-top:0 !important;overflow:hidden;position:relative}
.house-item{margin-top:90px;background-color:inherit}
.house-box{margin-top:40px;font-size:16px;line-height:30px;color:#333;word-break:break-word}
.house-box-title{text-align:center;font-size:22px;line-height:30px;color:#333;margin-bottom:15px}
.house-box p{margin-bottom:15px}
.house-box img{max-width:100%}
.house-box .flex-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;background-color:#f2f2f2;background-image:url(../image/bg_1.jpg);background-position:right bottom;background-repeat:no-repeat}
.house-box .flex-box .img img{display:block;max-width:100%}
.house-box .flex-box .wp{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.house-box .flex-box .info{padding:50px 30px 0;font-size:16px;color:#333;line-height:30px;word-break:break-word}
.house-block .t{padding:16px 0;font-size:18px;font-weight:700;color:#333}
.house-block .list{font-size:0}
.house-block .list li{display:inline-block;vertical-align:top;margin-right:20px}
.house-block .list .img{width:157px;height:92px;margin-bottom:10px}
.house-block .list .img img{display:block;width:100%;height:100%}
.house-block .list p{text-align:center;font-size:14px;line-height:20px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333}
.house-float-box{position:absolute;top:180px;left:50%;margin-left:-700px;z-index:10;border-top:1px solid #e8e8e8}
.house-float-box.fixed{position:fixed;top:110px}
.house-float-box.bottom{position:absolute;top:auto;bottom:20px}
.house-float-box .box-item{position:relative;cursor:pointer;background-color:#f3f3f3;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8}
.house-float-box .box-item i{display:block;width:58px;height:58px;text-align:center;line-height:58px;font-size:18px;color:#adadad;position:relative;z-index:5;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;transition:color .2s ease}
.house-float-box .box-item .word{position:absolute;left:0;top:0;height:60px;background-color:#22ac38;color:#fff;padding-left:60px;padding-right:10px;font-size:14px;line-height:60px;z-index:4;white-space:nowrap;opacity:0;visibility:hidden;-webkit-transform:translateX(-5px);-moz-transform:translateX(-5px);-ms-transform:translateX(-5px);transform:translateX(-5px);-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.house-float-box .box-item:hover i{color:#fff}
.house-float-box .box-item:hover .word{opacity:1;visibility:visible;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.wardrobe-menu{position:relative;z-index:15;height:63px}
.wardrobe-menu .container{position:relative;background-color:#fff;border-bottom:1px solid #dcdcdc}
.wardrobe-menu .container.fixed{position:fixed;top:89px;left:0;width:100%}
@media(max-width:1800px){
    .wardrobe-menu .container.fixed{top:60px}
}
@media(max-width:1200px){
    .wardrobe-menu .container.fixed{top:46px}
}
.wardrobe-menu .wp1200{font-size:0}
.wardrobe-menu .item{display:inline-block;vertical-align:top;position:relative;font-size:16px;color:#333;padding:0 28px;line-height:62px;cursor:pointer}
.wardrobe-menu .item:after{position:absolute;width:1px;height:10px;top:50%;right:0;background-color:#ccc;display:block;content:'';margin-top:-5px}
.wardrobe-menu .item:hover{color:#22ac38}
.wardrobe-menu .item.on{color:#22ac38}
.wardrobe-menu .item.on:before{position:absolute;display:block;width:25px;height:13px;background-image:url(../image/arrow_3.png);background-repeat:no-repeat;background-position:center center;content:'';bottom:-13px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.wardrobe-con{padding-bottom:100px;background-color:#f5f5f5}
.wardrobe-item{width:1200px;border:1px solid #dcdcdc;background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;margin:40px auto 0;padding:50px 50px 30px}
.wardrobe-item:nth-child(2n+2) .top{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-moz-box-orient:horizontal;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.wardrobe-item:nth-child(2n+2) .info{padding-right:40px}
.wardrobe-item:nth-child(2n+2) .thumb-con{text-align:right}
.wardrobe-item:nth-child(2n+2) .thumb-item{margin-left:8px;margin-right:0;margin-bottom:5px}
.wardrobe-item .top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding-bottom:60px;overflow:hidden}
.wardrobe-item .img-list-con{width:743px;height:415px;position:relative}
.wardrobe-item .img-list-prev{position:absolute;font-size:28px;color:#22ac38;top:50%;left:20px;cursor:pointer;z-index:5;-webkit-transform:rotate(180deg) translateY(50%);-moz-transform:rotate(180deg) translateY(50%);-ms-transform:rotate(180deg) translateY(50%);transform:rotate(180deg) translateY(50%);outline:none}
.wardrobe-item .img-list-next{position:absolute;font-size:28px;color:#22ac38;top:50%;right:20px;cursor:pointer;z-index:5;outline:none;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.wardrobe-item .img-list{width:743px;height:415px}
.wardrobe-item .img-list li{display:none;outline:none}
.wardrobe-item .img-list li:first-child{display:block}
.wardrobe-item .img-list li span{display:block;width:100%;height:415px;position:relative;overflow:hidden;outline:none}
.wardrobe-item .img-list li span img{position:absolute;display:block;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:100%;max-width:100%;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.wardrobe-item .wp{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:0 50px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.wardrobe-item .intro{margin-bottom:20px}
.wardrobe-item .intro h5{font-size:36px;color:#333;margin-bottom:40px;line-height:36px;font-weight:bold}
.wardrobe-item .intro p{font-size:18px;line-height:24px;color:#333}
.wardrobe-item .thumb-con{position:relative;padding:20px 30px 0;font-size:0}
.wardrobe-item .thumb-con:after{position:absolute;width:100%;height:80px;background-color:#eaeaea;display:block;top:0;left:0;z-index:1;content:''}
.wardrobe-item .thumb-item{display:inline-block;vertical-align:top;border:1px solid #d2d2d2;background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;padding:16px;width:128px;height:86px;position:relative;z-index:2;cursor:pointer;margin-right:8px;margin-bottom:5px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.wardrobe-item .thumb-item:after{position:absolute;width:100%;height:100%;z-index:2;background:rgba(45,60,82,0.4);opacity:0;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;display:block;top:0;left:0;content:''}
.wardrobe-item .thumb-item span{display:block;position:relative;width:100%;height:100%;overflow:hidden}
.wardrobe-item .thumb-item span img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:100%;max-width:100%;display:block}
.wardrobe-item .thumb-item:hover,.wardrobe-item .thumb-item.on{border-color:#22ac38}
.wardrobe-item .thumb-item:hover:after,.wardrobe-item .thumb-item.on:after{opacity:1}
.index-banner{width:100%;position:relative;overflow:hidden;height:100vh;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.index-down-btn{position:absolute;left:50%;bottom:100px;z-index:10;text-align:center;color:#fff;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);cursor:pointer;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.index-down-btn i{font-size:42px;color:#fff;-webkit-animation-name:downbounce;-moz-animation-name:downbounce;animation-name:downbounce;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-duration:1.2s;-moz-animation-duration:1.2s;animation-duration:1.2s;display:inline-block;vertical-align:top;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.index-down-btn p{font-size:14px;text-transform:uppercase}
@-webkit-keyframes downbounce{from,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
63%{-webkit-animation-timing-function:cubic-bezier(0.15,0.01,0.73,0.06);animation-timing-function:cubic-bezier(0.15,0.01,0.73,0.06);-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
}@-moz-keyframes downbounce{from,to{-moz-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
63%{-moz-animation-timing-function:cubic-bezier(0.15,0.01,0.73,0.06);animation-timing-function:cubic-bezier(0.15,0.01,0.73,0.06);-moz-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
}
@keyframes downbounce{from,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-moz-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
63%{-webkit-animation-timing-function:cubic-bezier(0.15,0.01,0.73,0.06);-moz-animation-timing-function:cubic-bezier(0.15,0.01,0.73,0.06);animation-timing-function:cubic-bezier(0.15,0.01,0.73,0.06);-webkit-transform:translate3d(0,-20px,0);-moz-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
}
.index-process{width:100%;background-color:#fff;height:78px}
.index-process .wp1420{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.index-process .item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:14px;color:#555;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:78px;text-align:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-webkit-flex:auto;-moz-box-flex:1;-ms-flex:auto;flex:auto;position:relative;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;text-transform:uppercase}
.index-process .item i{font-size:26px;margin-right:10px}
.index-process .item:after{position:absolute;font-family:'iconfont';content:'\e622';right:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:5}
.index-process .item:last-child:after{display:none}
.index-banner-swiper{width:100%;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.index-banner-swiper .swiper-slide{position:relative}
.index-banner-swiper .swiper-slide .img{position:absolute;width:100%;height:100%;top:0;left:0;display:block;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover}
.index-banner-swiper .swiper-slide .img img{display:block;position:absolute;height:100%;width:auto;top:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);opacity:0;visibility:hidden}
.index-banner-swiper .button-prev,.index-banner-swiper .button-next{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid #6c6c6c;z-index:9;outline:none;cursor:pointer;-webkit-transition:.2s ease all;-moz-transition:.2s ease all;transition:.2s ease all}
.index-banner-swiper .button-prev i,.index-banner-swiper .button-next i{font-size:22px;color:#6c6c6c;-webkit-transition:.2s ease all;-moz-transition:.2s ease all;transition:.2s ease all}
.index-banner-swiper .button-prev:hover,.index-banner-swiper .button-next:hover{background-color:#22ac38;border-color:#22ac38}
.index-banner-swiper .button-prev:hover i,.index-banner-swiper .button-next:hover i{color:#fff}
.index-banner-swiper .button-prev{left:140px}
@media screen and (max-width:1440px){
    .index-banner-swiper .button-prev{left:100px}
}
.index-banner-swiper .button-next{right:140px}
@media screen and (max-width:1440px){
    .index-banner-swiper .button-next{right:100px}
}
.index-count{background-color:#f5f5f5;padding:90px 0}
.index-count .wp1420{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.index-count-list{font-size:0;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;opacity:0;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}
.index-count-list.show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.index-count-list li{display:inline-block;vertical-align:top;margin-left:16px}
.index-count-list li a{display:block;padding:20px;background-color:#fff;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.index-count-list li a:hover{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);box-shadow:0 0 20px rgba(0,0,0,0.1)}
.index-count-list .img{width:263px;height:255px}
.index-count-list .img img{display:block;width:100%;height:100%}
@media (max-width:1440px){
    .index-count-list .img{width:242px;height:235px}
}
.index-count-list .info{padding:14px 0 10px}
.index-count-list .price{font-size:20px;font-weight:700;color:#333}
.index-count-list .o-price{font-size:16px;color:#777;text-decoration:line-through}
.index-count-list .bottom{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:16px;color:#333;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:baseline;-webkit-align-items:baseline;-moz-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
.index-count-list .bottom .p span{color:#777}
.index-count-list .off{font-size:15px;color:#fff;font-weight:700;height:28px;line-height:28px;background:#22ac38;padding:0 12px}
.count-down-con{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.count-down-con .t{font-size:36px;color:#333;padding-bottom:15px;position:relative;text-align:center;margin-bottom:30px;word-break:break-word;text-transform:uppercase;line-height:1.2}
.count-down-con .t:after{width:88px;height:2px;background-color:#22ac38;left:50%;bottom:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);content:'';display:block;position:absolute}
@media (max-width:1440px){
    .count-down-con .t{font-size:32px}
}
.count-down-con .time-box{text-align:center}
.count-down-con .time-box p{font-size:24px;color:#888}
.count-down-con .count-box{padding-top:10px;font-size:24px;color:#333;font-weight:bold;line-height:30px}
.count-down-con .count-box .item{display:inline-block;vertical-align:top}
.count-down-con .count-box .item span{display:inline-block;vertical-align:top;width:25px;height:30px;background:url(../image/bg_3.png) no-repeat center;text-align:center;color:#fff;font-weight:bold;font-size:20px}
.count-down-con .count-box .p{font-size:14px;font-weight:normal}
.index-section{background-color:#fff;padding:80px 0 90px;overflow:hidden}
.index-title{position:relative;font-size:36px;color:#333;padding-bottom: 36px;text-align:center;text-transform:uppercase;}
.index-title:after{width:88px;height:2px;position:absolute;background:#22ac38;content:'';display:block;left:50%;bottom:0;margin-left:-44px}
.index-intro{padding-top:16px;width:960px;margin:0 auto;font-size:16px;color:#333;line-height:26px;word-break:break-word;text-align:center}
.index-product-list{padding-top:30px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;opacity:0;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}
.index-product-list.show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.index-product-list li{-moz-box-sizing:border-box;box-sizing:border-box}
.index-product-list li:nth-child(1),.index-product-list li:nth-child(2){width:700px;height:370px;margin-bottom:20px}
.index-product-list li:nth-child(3),.index-product-list li:nth-child(4),.index-product-list li:nth-child(5){width:460px;height:324px}
@media (max-width:1440px){
    .index-product-list li:nth-child(1),.index-product-list li:nth-child(2){width:590px;height:312px}
    .index-product-list li:nth-child(3),.index-product-list li:nth-child(4),.index-product-list li:nth-child(5){width:382px;height:272px}
}
.index-product-list li a{display:block;position:relative}
.index-product-list li a:hover .img img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.index-product-list li .bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;opacity:0;visibility:hidden;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;background-color:rgba(45,60,82,0.4)}
.index-product-list li .p{position:absolute;left:0;width:100%;bottom:25px;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 30px;color:#fff;font-size:24px;z-index:4}
.index-product-list li .img{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
.index-product-list li .img img{display:block;width:100%;height:100%;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease}
.index-project-con{padding-top:50px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;opacity:0;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}
.index-project-con.show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.index-project-con .img-box{width:1062px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
@media (max-width:1440px){
    .index-project-con .img-box{width:886px}
}
.index-project-con .img-box .item{width:344px;height:344px;margin-right:15px;margin-bottom:15px}
.index-project-con .img-box .item:last-child{margin-right:0}
.index-project-con .img-box .item:nth-child(2){margin-right:0;width:703px}
@media (max-width:1440px){
    .index-project-con .img-box .item{width:282px;height:282px}
    .index-project-con .img-box .item:nth-child(2){width:579px}
}
.index-project-con .img-box .item a{display:block;width:100%;height:100%;position:relative}
.index-project-con .img-box .item a:hover .info{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}
.index-project-con .img-box .item a:hover .bg{opacity:1;visibility:visible}
.index-project-con .img-box .item a:hover .title{opacity:0;-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
.index-project-con .img-box .item .info{color:#fff;bottom:60px;z-index:5;position:absolute;left:0;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 30px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;opacity:0;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.index-project-con .img-box .item .t{font-size:24px;margin-bottom:8px}
.index-project-con .img-box .item .p{font-size:16px;line-height:24px;word-break:break-word}
.index-project-con .img-box .item .title{position:absolute;bottom:20px;left:0;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff;padding:0 30px;font-size:24px;z-index:2;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.index-project-con .img-box .item .bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:3;background:rgba(45,60,82,0.4);opacity:0;visibility:hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.index-project-con .img-box .item .img{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:1}
.index-project-con .img-box .item .img img{display:block;width:100%;height:100%}
.index-project-con .intro-box{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10px 0 50px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.index-project-article{font-size:16px;color:#666;line-height:26px;word-break:break-word}
.index-project-article .num{color:#22ac38;font-size:60px;line-height:70px}
.index-project-article .b{font-size:26px;color:#333;margin-bottom:20px}
.index-project-article .li{position:relative;padding-left:12px;font-size:16px;line-height:26px;margin-bottom:10px;color:#000}
.index-project-article .li:before{position:absolute;width:4px;height:4px;background-color:#e8ac57;content:'';display:block;border-radius:100%;left:0;top:12px}
.index-project-article .more{display:block;width:254px;height:40px;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 20px;color:#fff;font-size:18px;line-height:40px;overflow:hidden;background-color:#22ac38;position:relative;margin-top:40px}
.index-project-article .more span{position:relative;z-index:2}
.index-project-article .more i{font-size:14px;position:absolute;top:50%;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);z-index:5;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}
.index-project-article .more i:nth-child(2){color:rgba(255,255,255,0.2);right:46px}
.index-project-article .more i:nth-child(3){color:rgba(255,255,255,0.6);right:38px}
.index-project-article .more i:nth-child(4){color:#fff;right:30px}
.index-project-article .more:hover{color:#fff}
.index-project-article .more:hover i:nth-child(2){right:36px}
.index-project-article .more:hover i:nth-child(3){right:28px}
.index-project-article .more:hover i:nth-child(4){right:20px}
.index-ad-con{display:block;width:100%;height:190px;background-position:center center;background-repeat:no-repeat;background-size:cover}
.index-ad-con .wp1420{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:190px}
.index-ad-con .word{font-size:24px;color:#fff}
.index-ad-con .a{display:block;width:294px;height:40px;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 20px;color:#fff;font-size:18px;line-height:40px;overflow:hidden;background-color:#22ac38;position:relative}
.index-ad-con .a span{position:relative;z-index:2}
.index-ad-con .a i{font-size:14px;position:absolute;top:50%;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);z-index:5;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}
.index-ad-con .a i:nth-child(2){color:rgba(255,255,255,0.2);right:46px}
.index-ad-con .a i:nth-child(3){color:rgba(255,255,255,0.6);right:38px}
.index-ad-con .a i:nth-child(4){color:#fff;right:30px}
.index-ad-con:hover .a{color:#fff}
.index-ad-con:hover .a i:nth-child(2){right:36px}
.index-ad-con:hover .a i:nth-child(3){right:28px}
.index-ad-con:hover .a i:nth-child(4){right:20px}
.index-choose{width:100%;height:832px;background-image:url(../image/bg_2.jpg);background-repeat:no-repeat;background-position:center center;background-attachment:fixed;-moz-box-sizing:border-box;box-sizing:border-box;padding:100px 0}
.index-choose .wp1420{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.index-choose .word-box{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 20px}
.index-choose .word-box .title{font-size:36px;color:#fff;text-align:center;padding-bottom:20px;position:relative;margin-bottom:90px}
.index-choose .word-box .title:after{position:absolute;bottom:0;left:50%;height:2px;width:88px;margin-left:-44px;background:#22ac38;content:'';display:block}
.index-choose .num-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;margin-bottom:80px}
.index-choose .num-box .item{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;text-align:center;color:#fff}
.index-choose .num-box .num{font-size:38px}
.index-choose .num-box .p{text-transform:uppercase;font-size:18px;font-weight:600;line-height:22px}
.index-choose .choose-box{width:700px;font-size:0}
.index-choose .choose-box .item{display:inline-block;width:350px;height:320px;vertical-align:top;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#fff;border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;position:relative}
.index-choose .choose-box .item:hover{box-shadow:0 0 30px rgba(0,0,0,0.2);z-index:5}
.index-choose .choose-box .item:hover .iconfont{color:#22ac38}
.index-choose .choose-box .item a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;height:320px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 40px}
.index-choose .choose-box .item .iconfont{font-size:44px;color:#666;margin-bottom:30px}
.index-choose .choose-box .item .t{font-size:18px;font-weight:700;color:#444;margin-bottom:12px}
.index-choose .choose-box .item .p{font-size:16px;line-height:24px;height:96px;overflow:hidden;color:#666;margin-bottom:20px}
.index-choose .choose-box .item .more{font-size:16px;color:#22ac38}
.index-choose .choose-box .item .more span{margin-right:15px}
.index-choose .choose-box .item .more i{font-size:16px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);display:inline-block;margin-left:-12px;font-weight:bold}
.index-choose .choose-box .item .more i:nth-child(2){color:rgba(250,129,6,0.6)}
.index-choose .choose-box .item .more i:nth-child(3){color:rgba(250,129,6,0.8)}
.index-choose .choose-box .item .more i:nth-child(4){color:#22ac38}
@media (max-width:1440px){
    .index-choose{height:710px;padding:80px 0}
    .index-choose .choose-box{width:600px}
    .index-choose .choose-box .item{width:300px;height:272px}
    .index-choose .choose-box .item a{height:272px}
    .index-choose .choose-box .item .iconfont{font-size:38px;margin-bottom:15px}
}
.index-custom-swiper{margin-top:40px;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;opacity:0;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}
.index-custom-swiper.show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.index-custom-swiper .swiper-slide{width:453px}
.index-custom-swiper .swiper-slide .a{display:block;background-color:#f8f8f8;padding:30px}
.index-custom-swiper .swiper-slide .a:hover .img:after{opacity:1}
.index-custom-swiper .swiper-slide .img{position:relative;width:100%;padding-top:65.13995%;overflow:hidden}
.index-custom-swiper .swiper-slide .img img{position:absolute;top:0;left:0;display:block;width:100%;height:100%}
.index-custom-swiper .swiper-slide .img:after{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(45,60,82,0.4);opacity:0;content:'';display:block;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;transition:opacity .4s ease}
.index-custom-swiper .swiper-slide .info{padding-top:30px}
.index-custom-swiper .swiper-slide .info h5{font-size:22px;font-weight:bold;color:#333;margin-bottom:15px}
.index-custom-swiper .swiper-slide .info .p{font-size:16px;line-height:30px;color:#666;height:180px;overflow:hidden}
.index-custom-swiper .swiper-slide .more{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;border-top:1px dashed #c7c7c7;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:24px;color:#22ac38;font-size:18px}
.index-custom-swiper .swiper-slide .more i{font-size:16px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);display:inline-block;margin-left:-12px;font-weight:bold}
.index-custom-swiper .swiper-slide .more i:nth-child(1){color:rgba(250,129,6,0.4)}
.index-custom-swiper .swiper-slide .more i:nth-child(2){color:rgba(250,129,6,0.7)}
.index-custom-swiper .swiper-slide .more i:nth-child(3){color:#22ac38}
.index-custom-swiper .swiper-pagination{position:static;margin-top:40px}
.index-custom-swiper .swiper-pagination-bullet{vertical-align:top;margin:0 5px;outline:none;opacity:1;background-color:#c8c8c8}
.index-custom-swiper .swiper-pagination-bullet-active{background-color:#22ac38}
.index-map{background-color:#f5f5f5;padding-top:80px}
.index-map-con{position:relative;overflow:hidden}
.index-map-box{width:100%;height:804px;margin-top:40px}
@media (max-width:1440px){
    .index-map-box{height:680px}
}
.idea-detail-top{padding:50px 0 40px;text-align:center}
.idea-detail-top h2{font-size:36px;font-weight:bold;color:#333}
.idea-detail-top .time{padding:10px 0;font-size:14px;color:#666}
.idea-detail-top .time i{margin-right:5px;color:#22ac38}
.idea-detail-top .intro{width:590px;margin:0 auto;font-size:15px;line-height:24px;color:#555}
.idea-detail-top .tags{padding-top:12px}
.idea-detail-top .tags span,.idea-detail-top .tags a{margin:0 5px;display:inline-block;vertical-align:top;border:1px solid #ababab;background-color:#fff;line-height:22px;font-size:13px;color:#777;padding:0 14px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.idea-detail-top .tags a:hover{border-color:#22ac38;color:#fff;background:#22ac38}
.idea-detail-article{position:relative;width:1200px;margin:0 auto}
.idea-detail-article:after{position:absolute;content:'Idea Detail';display:block;color:#ededed;-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);right:-825px;top:0;z-index:2;font-size:130px;font-weight:bold}
.idea-detail-article .article{background-color:#fff;border:1px solid #dcdcdc;padding:60px 80px;position:relative;z-index:5;font-size:16px;line-height:30px;color:#777;word-break:break-word}
.idea-detail-article .article img{max-width:100%;height:auto !important}
.idea-detail-article .article p{margin-bottom:20px}
.idea-detail-article .article .box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-bottom:50px}
.idea-detail-article .article .mr{margin-right:55px}
.idea-detail-article .article .mr:after{position:absolute;width:210px;height:180px;background-color:#f8f8f8;right:-87px;bottom:-60px;content:'';display:block}
.idea-detail-article .article .ml{margin-left:55px}
.idea-detail-article .article .ml:after{position:absolute;width:210px;height:180px;background-color:#f8f8f8;left:-87px;bottom:-60px;content:'';display:block}
.idea-detail-article .article .img{position:relative}
.idea-detail-article .article .img img{position:relative;display:block;z-index:5}
.idea-detail-article .article .word{position:relative;z-index:5;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-moz-box-sizing:border-box;box-sizing:border-box}
.idea-detail-article .article .word.pl-70{padding-left:70px}
.idea-detail-article .article .word .t{font-size:30px;color:#444;margin-bottom:20px}
.idea-detail-article .article .full-box{margin-bottom:70px;position:relative;z-index:5}
.idea-page{width:1200px;margin:15px auto 0;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;border:1px solid #dedede;background-color:#fff;max-width:100%}
.idea-page li{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}
.idea-page li a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;height:58px;background-color:#fff;padding:0 28px;overflow:hidden;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.idea-page li .arrow i{font-size:16px;display:inline-block;font-weight:bold;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.idea-page li span{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;font-size:16px;color:#333;overflow:hidden;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;text-overflow:ellipsis;white-space:nowrap}
.idea-page li.prev .arrow i{margin-right:-8px}
.idea-page li.prev .arrow i:nth-child(1){color:#959595}
.idea-page li.prev .arrow i:nth-child(2){color:rgba(149,149,149,0.7)}
.idea-page li.prev .arrow i:nth-child(3){color:rgba(149,149,149,0.4)}
.idea-page li.prev span{text-align:right;margin-left:5px}
.idea-page li.next .arrow{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.idea-page li.next .arrow i{margin-left:-8px}
.idea-page li.next .arrow i:nth-child(3){color:#959595}
.idea-page li.next .arrow i:nth-child(2){color:rgba(149,149,149,0.7)}
.idea-page li.next .arrow i:nth-child(1){color:rgba(149,149,149,0.4)}
.idea-page li.back{border-right:1px solid #dedede;border-left:1px solid #dedede}
.idea-page li.back a{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.idea-page li.back i{margin-right:10px;font-size:20px !important;font-weight:bold;color:#999;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.idea-page li.back span{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none}
.idea-page li:hover a{background:#22ac38}
.idea-page li:hover span{color:#fff}
.idea-page li:hover.back i{color:#fff}
.idea-page li:hover.prev .arrow i{margin-right:-5px}
.idea-page li:hover.prev .arrow i:nth-child(1){color:#fff}
.idea-page li:hover.prev .arrow i:nth-child(2){color:rgba(255,255,255,0.7)}
.idea-page li:hover.prev .arrow i:nth-child(3){color:rgba(255,255,255,0.4)}
.idea-page li:hover.next .arrow i{margin-left:-5px}
.idea-page li:hover.next .arrow i:nth-child(3){color:#fff}
.idea-page li:hover.next .arrow i:nth-child(2){color:rgba(255,255,255,0.7)}
.idea-page li:hover.next .arrow i:nth-child(1){color:rgba(255,255,255,0.4)}
.idea-con{padding:60px 0 90px;background-color:#f5f5f5}
.idea-filter-btn{cursor:pointer;background-color:#fff;width:380px}
.idea-list{width:1230px;margin:0 auto;padding-top:22px;font-size:0}
.idea-list li{display:inline-block;vertical-align:top;margin:0 15px 30px;width:380px;position:relative;z-index:2;padding:20px 20px 0;-moz-box-sizing:border-box;box-sizing:border-box}
.idea-list li .bg{z-index:1;position:absolute;width:100%;height:100%;background-color:#fff;border:1px solid transparent;-moz-box-sizing:border-box;box-sizing:border-box;top:0;left:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.idea-list li .img{display:block;position:relative;z-index:2;width:340px;height:238px}
.idea-list li .img img{display:block;width:100%;height:100%}
.idea-list li .img:hover{opacity:.9}
.idea-list li .info{position:relative;z-index:2;padding:24px 10px 0}
.idea-list li h3{font-size:20px;color:#333;font-weight:bold;overflow:hidden;height:28px;line-height:28px;text-overflow:ellipsis;white-space:nowrap}
.idea-list li h3 a{color:#333}
.idea-list li h3 a:hover{color:#22ac38}
.idea-list li .time{font-size:15px;color:#666}
.idea-list li .p{font-size:15px;line-height:24px;color:#555;padding-top:20px;height:72px;overflow:hidden}
.idea-list li .btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding-top:24px;opacity:0;visibility:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.idea-list li .like{font-size:15px;color:#666;cursor:pointer}
.idea-list li .like i{font-size:18px;color:#22ac38;margin-right:5px}
.idea-list li .tags{padding-top:20px;height:24px;overflow:hidden}
.idea-list li .tags span{display:inline-block;vertical-align:top;height:22px;border:1px solid #ccc;padding:0 12px;line-height:22px;font-size:13px;color:#777;background-color:#f5f5f5;margin-right:8px}
.idea-list li .more{font-size:18px;color:#22ac38}
.idea-list li .more span{margin-right:10px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.idea-list li .more i{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);display:inline-block;margin-left:-12px}
.idea-list li .more i:nth-child(2){color:rgba(251,128,22,0.4)}
.idea-list li .more i:nth-child(3){color:rgba(251,128,22,0.7)}
.idea-list li .more i:nth-child(4){color:#fb8016}
.idea-list li .more:hover span{margin-right:15px}
.idea-list li:hover{z-index:5}
.idea-list li:hover .bg{height:110%;border-color:#dcdcdc;box-shadow:0 0 20px rgba(220,220,220,0.4)}
.idea-list li:hover .btn{opacity:1;visibility:visible}
.idea-aside{position:fixed;width:330px;background-color:#fff;top:0;right:0;z-index:999;bottom:0;border-left:1px solid #ccc;visibility:hidden;opacity:0;-webkit-transform:translateX(330px);-moz-transform:translateX(330px);-ms-transform:translateX(330px);transform:translateX(330px);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.idea-aside.show{opacity:1;visibility:visible;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.idea-aside .top{height:62px;line-height:62px;border-bottom:1px solid #ccc;position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 28px}
.idea-aside .top .t{font-size:20px;font-weight:700;color:#333}
.idea-aside .top .close{color:#787878;font-size:20px;cursor:pointer}
.idea-aside .top .close:hover{color:#22ac38}
.idea-aside .scroll{position:absolute;width:100%;top:63px;bottom:0;-moz-box-sizing:border-box;box-sizing:border-box;overflow-y:auto;padding:28px 0 28px 28px;font-size:0}
.idea-aside .scroll a{display:inline-block;vertical-align:top;height:22px;border:1px solid #ccc;padding:0 16px;line-height:22px;font-size:13px;color:#777;background-color:#f5f5f5;margin-right:14px;margin-bottom:14px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.idea-aside .scroll a:hover,.idea-aside .scroll a.on{background-color:#22ac38;color:#fff;border-color:#22ac38}
.project-con{padding:30px 0 110px;background-color:#f5f5f5}
.project-filter{background-color:#fff}
.project-filter-menu{font-size:0}
.project-filter-menu a{display:inline-block;vertical-align:top;padding:0 26px;line-height:70px;font-size:16px;color:#000;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.project-filter-menu a i{font-size:26px;color:#5c5c5c;margin-right:10px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.project-filter-menu a.on,.project-filter-menu a:hover{background-color:#22ac38;color:#fff}
.project-filter-menu a.on i,.project-filter-menu a:hover i{color:#fff}
.project-filter-box{border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.project-filter-box .col{border-top:1px solid #e1e1e1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:20px 0;overflow:hidden}
.project-filter-box .word{text-align:right;width:114px;line-height:24px;font-size:16px;color:#000}
.project-filter-box .item{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;font-size:0}
.project-filter-box .item a{position:relative;display:inline-block;vertical-align:top;line-height:24px;font-size:16px;color:#666;padding:0 26px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.project-filter-box .item a:after{position:absolute;width:1px;height:10px;right:0;top:50%;margin-top:-5px;content:'';display:block;background-color:#ccc}
.project-filter-box .item a:last-child:after{display:none}
.project-filter-box .item a.on,.project-filter-box .item a:hover{color:#22ac38}
.project-list{width:1248px;margin:40px auto 0;font-size:0;overflow:hidden;padding-bottom:10px}
.project-list li{display:inline-block;vertical-align:top;width:370px;margin:0 23px 46px}
.project-list li a{display:block;width:100%}
.project-list li a:hover .img:after{opacity:1}
.project-list .img{width:370px;height:258px;position:relative;overflow:hidden}
.project-list .img img{display:block;width:100%;height:100%}
.project-list .img:after{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(45,60,82,0.4);opacity:0;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;transition:opacity .2s ease;content:''}
.project-list .info{padding:20px 5px 0}
.project-list .info h4{font-size:18px;line-height:28px;height:28px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px}
.project-list .address{display:inline-block;vertical-align:top;max-width:65%;font-size:16px;line-height:24px;height:24px;overflow:hidden;color:#444;text-overflow:ellipsis;white-space:nowrap}
.project-list .address:before{font-family:'iconfont';content:'\e74f';color:#22ac38;margin-right:5px;font-size:18px}
.project-list .units{display:inline-block;vertical-align:top;font-size:16px;line-height:24px;height:24px;overflow:hidden;color:#444;margin-left:20px}
.project-list .units:before{font-family:'iconfont';content:'\e6d4';color:#22ac38;margin-right:5px;font-size:18px}
.project-list .time{display:inline-block;vertical-align:top;font-size:16px;line-height:24px;height:24px;overflow:hidden;color:#444;margin-right:20px;margin-left:1px}
.project-list .time:before{font-family:'iconfont';content:'\e6a9';color:#22ac38;margin-right:5px;font-size:18px}
.project-list .p{font-size:16px;line-height:24px;color:#333;margin-bottom:10px}
.tabs-wrap{width:1200px;margin:50px auto 0;padding:36px 87px 49px;background-color:#fff;border:1px solid rgba(0,0,0,0.08);-moz-box-sizing:border-box;box-sizing:border-box}
.tabs-wrap .tabs-title{margin-bottom:15px;font-size:24px;color:#333;font-weight:bold}
.tabs-wrap .tabs-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%}
.tabs-wrap .tabs-box dl{margin-right:50px}
.tabs-wrap .tabs-box dl:last-child{margin-right:0}
.tabs-wrap .tabs-box dd{margin-bottom:10px}
.tabs-wrap .tabs-box dd a{font-size:16px;color:#999;-webkit-transition:.2s ease all;-moz-transition:.2s ease all;transition:.2s ease all}
.tabs-wrap .tabs-box dd a:hover{color:#22ac38}
.project-detail-con{background-color:#f8f8f8;padding:60px 0 90px}
.project-detail-con .box{border:1px solid #dfdfdf;background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;padding:50px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.project-detail-con .img{margin-left:60px}
.project-detail-con .info{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding-left:16px;overflow:hidden;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.project-detail-con .top{padding-bottom:30px;border-bottom:1px dashed #aeaeae}
.project-detail-con .top h4{font-size:28px;font-weight:bold;color:#333}
.project-detail-con .tools{padding-top:10px;line-height:22px}
.project-detail-con .address{position:relative;display:inline-block;vertical-align:top;font-size:18px;color:#333;padding-right:16px;margin-right:12px}
.project-detail-con .address:before{font-family:'iconfont';content:'\e6bd';font-size:18px;color:#22ac38;margin-right:8px}
.project-detail-con .address:after{position:absolute;width:1px;height:10px;right:0;top:50%;margin-top:-5px;content:'';display:block;background-color:#ccc}
.project-detail-con .time{position:relative;display:inline-block;vertical-align:top;font-size:18px;color:#333}
.project-detail-con .time:before{font-family:'iconfont';content:'\e6a9';font-size:18px;color:#22ac38;margin-right:8px}
.project-detail-con .p{margin-top:20px;font-size:18px;line-height:24px;color:#333}
.project-detail-con .p p{margin-bottom:12px}
.project-detail-section{padding:90px 0;background-color:#fff}
.project-detail-section.bgf8{background-color:#f8f8f8}
.project-detail-section .wp1200{background:inherit}
.project-article{font-size:16px;color:#777;line-height:26px;word-break:break-word;padding-top:40px}
.project-article img{max-width:100%}
.project-article p{margin-bottom:13px}
.project-article strong{line-height:26px;display:inline-block;vertical-align:top}
.project-article .box{background-color:#fff;padding:50px 80px;margin-bottom:20px}
.project-review{padding-top:50px}
.project-review .title{text-align:center;font-size:32px;text-transform:uppercase;color:#333;margin-bottom:10px}
.project-review .title:before{font-family:'iconfont';content:'\e6af';color:#22ac38;margin-right:10px}
.project-review .p{font-size:16px;line-height:26px;color:#777;word-break:break-word}
.project-review .p p{margin-bottom:13px}
.project-review .p img{max-width:100%}
.project-detail-form{padding-top:80px;padding-bottom:30px;background-image:url(../image/bg_4.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:cover}
.project-detail-form.pb-50{padding-bottom:50px}
.project-detail-form .title{text-align:center;font-size:32px;color:#333;margin-bottom:10px;text-transform:uppercase}
.project-detail-form .intro{text-align:center;font-size:16px;color:#444;margin-bottom:30px}
.project-detail-form .form-box{display:block}
.project-detail-form .tar{text-align:center}
.project-detail-form .col{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.project-detail-form .col .input-con:nth-child(2n+1){margin-right:4px}
.project-detail-form .col .input-con:nth-child(2n){margin-left:4px}
.project-detail-form .input-con{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;background-color:#fff;border:1px solid #d0d0cf;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:8px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.project-detail-form .input-con.full{display:block}
.project-detail-form .input-con.ais{-webkit-box-align:start;-webkit-align-items:start;-moz-box-align:start;-ms-flex-align:start;align-items:start}
.project-detail-form .input-con.w-half{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;width:35%;height:44px;margin-bottom:0;margin-left:10px}
.project-detail-form .input-con .yzm{width:100px;height:100%;line-height:42px;text-align:center}
.project-detail-form .input-con .yzm img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%}
.project-detail-form .word{padding-left:20px;font-size:14px;color:#666;line-height:36px}
.project-detail-form .word span{color:#22ac38;margin-right:5px}
.project-detail-form .input{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.project-detail-form .input input{display:block;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:36px;line-height:36px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;font-size:14px;color:#666;padding-right:10px}
.project-detail-form .input input:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset}
.project-detail-form .half{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.project-detail-form .textarea{width:100%}
.project-detail-form .textarea textarea{padding-right:20px;display:block;width:100%;border:none;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;resize:none;font-size:14px;line-height:30px;color:#666}
.project-detail-form .upload-result{line-height:44px;font-size:14px;color:#666;margin-left:10px}
.project-detail-form .upload-box{margin-bottom:8px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;overflow:hidden}
.project-detail-form .upload-btn{display:inline-block;vertical-align:top;position:relative}
.project-detail-form .upload-btn:hover .btn{color:#22ac38}
.project-detail-form .upload-btn input{position:absolute;opacity:0;top:0;left:0;width:100%;height:100%;z-index:2;cursor:pointer}
.project-detail-form .upload-btn .btn{position:relative;width:160px;height:44px;text-align:center;line-height:44px;font-size:15px;color:#333;z-index:1;background-color:#ebebeb;border:1px solid #c1c1c1;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 15px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.project-detail-form .upload-btn .btn:after{font-family:'iconfont';content:'\e6ae'}
.project-detail-form .p{font-size:14px;color:#666}
.project-detail-form .p.underline{text-decoration:underline}
.project-detail-form .form-submit{display:inline-block;vertical-align:top;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:230px;height:40px;line-height:40px;color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 18px;font-size:18px;background:#22ac38;cursor:pointer;text-align:left;margin-bottom:7px;position:relative;overflow:hidden;-webkit-transition:color .6s ease;-moz-transition:color .6s ease;transition:color .6s ease;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.project-detail-form .form-submit span{position:relative;z-index:2}
.project-detail-form .form-submit i{font-size:14px;position:absolute;top:50%;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);z-index:5;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}
.project-detail-form .form-submit i:nth-child(2){color:rgba(255,255,255,0.2);right:46px}
.project-detail-form .form-submit i:nth-child(3){color:rgba(255,255,255,0.6);right:38px}
.project-detail-form .form-submit i:nth-child(4){color:#fff;right:30px}
.project-detail-form .form-submit:hover{color:#fff}
.project-detail-form .form-submit:hover i:nth-child(2){right:36px}
.project-detail-form .form-submit:hover i:nth-child(3){right:28px}
.project-detail-form .form-submit:hover i:nth-child(4){right:20px}
.project-detail-form .share{margin-top:60px;font-size:14px;color:#000;line-height:30px}
.project-detail-form .share .addthis_inline_share_toolbox{display:inline-block;vertical-align:top}
.project-detail-form .white-color{color:#fff !important}
.project-general-con{background-color:#f8f8f8;padding-bottom:100px}
.project-general-box{width:1200px;border:1px solid #dcdcdc;background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;margin:30px auto 0;padding:40px 46px 30px}
.project-general-box .top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding-bottom:30px;overflow:hidden}
.project-general-box .img-list-con{width:657px;height:410px;position:relative}
.project-general-box .img-list-prev{position:absolute;font-size:28px;color:#fff;top:50%;left:20px;cursor:pointer;z-index:5;-webkit-transform:rotate(180deg) translateY(50%);-moz-transform:rotate(180deg) translateY(50%);-ms-transform:rotate(180deg) translateY(50%);transform:rotate(180deg) translateY(50%);outline:none}
.project-general-box .img-list-next{position:absolute;font-size:28px;color:#fff;top:50%;right:20px;cursor:pointer;z-index:5;outline:none;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.project-general-box .img-list{width:657px;height:410px}
.project-general-box .img-list li{display:none;outline:none}
.project-general-box .img-list li:first-child{display:block}
.project-general-box .img-list li span{display:block;width:100%;height:410px;position:relative;overflow:hidden;outline:none}
.project-general-box .img-list li span img{position:absolute;display:block;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:100%;max-width:100%;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.project-general-box .wp{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding-left:60px;padding-right:20px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.project-general-box .intro h5{font-size:30px;color:#333;line-height:36px;padding-bottom:20px;border-bottom:1px dashed #aeaeae}
.project-general-box .intro .p{font-size:16px;line-height:24px;color:#777;padding-top:25px}
.project-general-box .intro .p span{color:#333}
.project-general-box .intro .li{position:relative;padding-left:16px;margin-bottom:8px}
.project-general-box .intro .li:before{width:6px;height:6px;border-radius:100%;display:block;background-color:#22ac38;left:0;top:10px;content:'';position:absolute}
.project-general-box .thumb-con{position:relative;padding:20px 30px 0;font-size:0}
.project-general-box .thumb-con:after{position:absolute;width:100%;height:100px;background-color:#eaeaea;display:block;top:0;left:0;z-index:1;content:''}
.project-general-box .thumb-box{position:relative}
.project-general-box .thumb-prev{position:absolute;font-size:28px;color:#22ac38;top:-85px;left:-35px;cursor:pointer;z-index:5;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);outline:none}
.project-general-box .thumb-next{position:absolute;font-size:28px;color:#22ac38;top:-85px;right:-35px;cursor:pointer;z-index:5;outline:none}
.project-general-box .thumb-item{display:inline-block;vertical-align:top;border:1px solid #d2d2d2;background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;padding:6px;width:152px;height:102px;position:relative;z-index:2;cursor:pointer;margin-right:8px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.project-general-box .thumb-item span{display:block;position:relative;width:100%;height:100%;overflow:hidden}
.project-general-box .thumb-item span img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:100%;max-width:100%;display:block}
.project-general-box .thumb-item:hover,.project-general-box .thumb-item.on{border-color:#22ac38}
.thumb-swiper{position:relative;padding:20px 30px 0;font-size:0}
.thumb-swiper:after{position:absolute;width:100%;height:100px;background-color:#eaeaea;display:block;top:0;left:0;z-index:1;content:''}
.thumb-swiper .swiper-container{position:relative;z-index:5}
.thumb-swiper .swiper-slide{display:inline-block;vertical-align:top;border:1px solid #d2d2d2;background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;padding:6px;width:152px;height:102px;position:relative;z-index:2;cursor:pointer;margin-right:8px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.thumb-swiper .swiper-slide span{display:block;position:relative;width:100%;height:100%;overflow:hidden}
.thumb-swiper .swiper-slide span img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:100%;max-width:100%;display:block}
.thumb-swiper .swiper-slide:hover,.thumb-swiper .swiper-slide.on{border-color:#22ac38}
.project-case-con{padding:90px 0;background-color:#fff}
.project-case-con.bgf5{background-color:#f5f5f5}
.project-case-con.pb-10{padding-bottom:10px}
.project-case-con.pt-25{padding-top:25px}
.project-case-con .title{font-size:32px;text-transform:uppercase;margin-bottom:30px;text-align:center}
.project-case-con .title-p{text-align:center;width:965px;margin:0 auto 34px;font-size:16px;line-height:26px;color:#777}
.project-case-link{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:40px}
.project-case-link .item{display:block;width:160px;-moz-box-sizing:border-box;box-sizing:border-box;height:50px;border:1px solid #333;color:#333;text-align:center;line-height:50px;font-size:16px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.project-case-link .item:hover{background-color:#22ac38;border-color:#22ac38;color:#fff}
.project-case-masonry{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;opacity:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.project-case-masonry.show{opacity:1}
.project-case-masonry .item{margin-bottom:18px;overflow:hidden}
.project-case-masonry .item a{display:block;position:relative}
.project-case-masonry .item a:hover .img:before{opacity:1;visibility:visible}
.project-case-masonry .item a:hover .t{-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);opacity:0;visibility:hidden}
.project-case-masonry .item a:hover .info{opacity:1;visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.project-case-masonry .img{position:relative}
.project-case-masonry .img:after{position:absolute;width:100%;height:100%;background-image:url(../image/project_shadow_1.png);background-repeat:no-repeat;background-position:center bottom;background-size:100% auto;content:'';left:0;top:0;display:block}
.project-case-masonry .img:before{position:absolute;width:100%;height:100%;background-color:rgba(45,60,82,0.4);display:block;content:'';left:0;top:0;z-index:2;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;opacity:0;visibility:hidden}
.project-case-masonry .t{position:absolute;left:0;bottom:15px;z-index:2;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 20px;color:#fff;font-size:20px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.project-case-masonry .info{left:0;width:100%;position:absolute;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 20px;bottom:40px;color:#fff;font-size:16px;line-height:24px;z-index:4;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;opacity:0;visibility:hidden;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}
.project-case-masonry .info h3{font-size:20px;font-weight:bold;margin-bottom:15px}
.project-local-swiper{position:relative}
.project-local-swiper:after{position:absolute;display:block;width:100%;left:0;bottom:0;top:35px;background-color:#e6e6e6;content:''}
.project-local-swiper .swiper-container{padding-bottom:40px}
.project-local-swiper .swiper-slide{font-size:0}
.project-local-swiper .word-box{margin-top:24px;width:408px;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;display:inline-block;vertical-align:top}
.project-local-swiper .word-box:after{position:absolute;left:0;width:100%;height:54px;content:'';background-image:url(../image/project_shadow_2.png);background-position:center bottom;background-repeat:no-repeat;bottom:-26px;z-index:1}
.project-local-swiper .word-box .box{position:relative;z-index:2;background-color:#fff;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;padding:30px 45px;color:#333}
.project-local-swiper .word-box .box h5{font-size:24px;margin-bottom:24px}
.project-local-swiper .word-box .p{font-size:16px;line-height:30px;padding-bottom:24px;border-bottom:1px dashed #ccc;margin-bottom:30px}
.project-local-swiper .word-box .more-btn{width:100%}
.project-local-swiper .img-box{position:relative;display:inline-block;vertical-align:top;width:740px}
.project-local-swiper .img-box:after{position:absolute;left:0;width:100%;height:54px;content:'';background-image:url(../image/project_shadow_3.png);background-position:center bottom;background-repeat:no-repeat;bottom:-26px;z-index:1}
.project-local-swiper .img-box img{position:relative;z-index:2;display:block}
.project-local-prev{position:absolute;display:block;top:50%;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);color:#22ac38;cursor:pointer;outline:none;left:-44px;font-size:28px;z-index:6}
.project-local-next{position:absolute;display:block;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#22ac38;cursor:pointer;outline:none;right:-44px;font-size:28px;z-index:6}
.project-oversea-swiper .swiper-slide{width:25%}
.project-oversea-swiper .swiper-slide img{display:block;width:100%}
.project-oversea-swiper .swiper-pagination{position:static;padding-top:40px}
.project-oversea-swiper .swiper-pagination-bullet{border:1px solid #22ac38;opacity:1;background-color:#fff;margin:0 5px;outline:none}
.project-oversea-swiper .swiper-pagination-bullet-active{background-color:#22ac38}
.project-team-article{position:relative}
.project-team-article:after{position:absolute;background-color:#fff;z-index:1;top:0;bottom:0;left:0;width:600px;content:''}
.project-team-article .flex-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:relative;z-index:2;padding-top:40px;padding-bottom:40px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.project-team-article .flex-box img{max-width:100%}
.project-team-article .word{padding:0 55px;-moz-box-sizing:border-box;box-sizing:border-box;width:540px;position:relative;font-size:16px;line-height:32px;color:#333;word-break:break-word}
.project-team-article .img{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.project-num-con{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-bottom:15px;background-color:#f5f5f5}
.project-num-con .item{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:110px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#333;position:relative}
.project-num-con .item:before{position:absolute;left:0;top:50%;width:1px;background-color:#d9d9d9;content:'';height:30px;margin-top:-15px}
.project-num-con .item:first-child:before{display:none}
.project-num-con .num{font-size:30px}
.project-num-con .p{font-size:16px;text-transform:uppercase}
.project-num-list{font-size:0}
.project-num-list li{display:inline-block;vertical-align:top;width:390px;margin-right:15px;margin-bottom:15px}
.project-num-list li:nth-child(3n+3){margin-right:0}
.project-num-list li a{display:block;background-color:#f5f5f5;padding:30px}
.project-num-list li a:hover .btn i:nth-child(2){right:31px}
.project-num-list li a:hover .btn i:nth-child(3){right:23px}
.project-num-list li a:hover .btn i:nth-child(4){right:15px}
.project-num-list li a:hover h3{color:#22ac38}
.project-num-list .img{position:relative;width:100%;height:215px;margin-bottom:25px}
.project-num-list .img img{display:block;width:100%;height:100%}
.project-num-list h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:22px;color:#333;line-height:30px;height:30px;margin-bottom:10px;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;transition:color .2s ease}
.project-num-list .p{font-size:16px;line-height:30px;height:90px;overflow:hidden;color:#777;margin-bottom:25px}
.project-num-list .btn{position:relative;display:block;width:100%;height:24px;color:#22ac38;font-size:16px;line-height:24px;overflow:hidden;border-top:1px dashed #c5c5c5;padding-top:25px}
.project-num-list .btn span{position:relative;z-index:2}
.project-num-list .btn i{font-size:14px;position:absolute;top:50%;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin-top:5px;z-index:5;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear;font-weight:bold}
.project-num-list .btn i:nth-child(2){color:rgba(251,128,27,0.2);right:36px}
.project-num-list .btn i:nth-child(3){color:rgba(251,128,27,0.6);right:28px}
.project-num-list .btn i:nth-child(4){color:#fb801b;right:20px}
.project-partner-swiper{position:relative}
.project-partner-swiper .swiper-slide .img{border:1px solid #e5e5e5;background-color:#fff;position:relative;overflow:hidden;height:108px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.project-partner-swiper .swiper-slide .img img{max-width:100%;max-height:100%;display:block;-webkit-filter:gray;filter:gray;-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.project-partner-swiper .swiper-slide:hover .img img{-webkit-filter:none;filter:none;-webkit-filter:grayscale(0);filter:grayscale(0)}
.about-con{/* padding-bottom:100px; */background-color:#f5f5f5;position:relative;z-index:12;}
.about-con .wp1200{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #dbdbdb;background-color:#fff}
.about-menu-con{position:relative;width:228px}
.about-box{-moz-box-sizing:border-box;box-sizing:border-box;border-left:1px solid #dbdbdb;overflow:hidden}
.about-title{position:absolute;left:-1px;top:-72px;width:228px;border-left:1px solid #dbdbdb;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;height:70px;line-height:70px;font-size:22px;font-weight:bold;color:#000;text-align:center;background-color:#f5f5f5}
.about-contact{width:168px;margin-top:80px;margin-left:30px}
.about-contact.fixed{position:fixed;left:50%;top:90px !important;margin-left:-570px;margin-top:0}
.about-contact.bottom{top:auto !important;bottom:40px;position:absolute}
.about-contact .t{border-bottom:1px solid #e1e1e1;line-height:30px;padding-bottom:10px;font-weight:bold;color:#000;font-size:16px}
.about-contact .p{padding-top:20px;font-size:14px;color:#999;line-height:26px;word-break:break-word}
.about-contact .p a{color:#999;text-decoration:underline}
.about-contact .p a:hover{color:#22ac38}
.about-contact-bot{display:none}
.about-menu-list{padding:35px 20px 35px 30px}
.about-menu-list li{line-height:24px}
.about-menu-list li a{font-size:16px;text-transform:capitalize;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;display:inline-block;vertical-align:top;line-height:24px}
.about-menu-list li.active a{color:#22ac38 !important}
.about-menu-list .list-li{margin-bottom:16px}
.about-menu-list .list-li>a{color:#000}
.about-menu-list .list-li:hover>a{font-weight:bold}
.about-menu-list .list-li.on>a{font-weight:bold}
.about-menu-list .list-li.on .menu-list-child{display:block}
.about-menu-list .menu-list-child{display:none;padding-left:12px}
.about-menu-list .menu-list-child li{margin-top:16px}
.about-menu-list .menu-list-child a{color:#666}
.about-menu-list .menu-list-child a.on,.about-menu-list .menu-list-child a:hover{color:#22ac38}
.history-con{width:868px;padding:60px 0;margin:0 auto;font-size:16px;line-height:30px;color:#333}
.history-title{font-size:24px;font-weight:bold;color:#000;text-transform:uppercase;line-height:36px}
.history-item{padding-top:50px}
.history-item .dt{padding-bottom:15px;font-size:18px;font-weight:bold;color:#000;border-bottom:1px solid #000;text-transform:uppercase}
.history-item .dd{padding:10px 0;border-bottom:1px solid #e1e1e1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:16px;line-height:30px;color:#333;overflow:hidden}
.history-item .year{width:110px}
.history-item .highlighted{color:#22ac38}
.history-item .p{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.history-item .img{margin-top:40px}
.history-item .img img{max-width:100%}
.about-article{padding:54px 63px 80px 68px;font-size:16px;line-height:24px;color:#777;overflow:hidden;word-break:break-word;position:relative}
.about-article.line-height-30{line-height:30px}
.about-article p{/* margin-bottom:16px; */line-height: 1.3;}
.about-article p:last-child{margin-bottom:0}
.about-article img{max-width:100%;height:auto !important}
.about-article ul{list-style:disc}
.about-article ul li{list-style:disc}
.about-article ol{list-style:decimal}
.about-article ol li{list-style:decimal}
.about-article .color-3{color:#333}
.about-article-title{margin-bottom:25px;font-size:24px;color:#333;font-weight:bold}
.about-article-title img{display:inline-block;vertical-align:middle;margin:-4px 11px 0 0}
.about-article-title.fz36{font-size:36px}
.about-article-title.fz30{font-size:30px}
.about-article-title.ttu{text-transform:uppercase}
.about-article .pad-bottom-10{padding-bottom:10px}
.about-article .pad-top-35{padding-top:35px}
.about-article-h3{margin-bottom:15px;font-size:18px;color:#333;font-weight:bold}
.about-article .title-disc:before{content:'';display:inline-block;vertical-align:middle;margin:-3px 10px 0 4px;width:6px;height:6px;background:#22ac38;border-radius:50%}
.about-article .about-img img{display:block}
.about-article .about-img .img-description{position:relative;margin:-68px 0 0 35px;padding:24px 30px 25px 46px;min-height:105px;font-size:18px;line-height:24px;color:#333;background:#f5f5f5}
.about-article .about-img .text-wd498{width:514px}
.about-article-remark{margin-top:10px;text-align:right;color:#333}
.about-article-remark p{margin-bottom:0}
.installation-con{margin-top:46px}
.installation-con .p{margin-bottom:34px;padding-left:4px}
.installation-con .p a{color:#777}
.installation-con .p a:hover{color:#22ac38}
.installation-list{padding-top:26px;border-top:1px dashed #c5c5c5}
.installation-list .installation-item{margin-bottom:6px}
.installation-list .installation-item .item-span{display:inline-block;vertical-align:top;margin-bottom:20px;position:relative;min-width:143px}
.installation-list .installation-item .item-span span{display:inline-block;vertical-align:top;padding:0 9px 0 20px;height:40px;line-height:40px;font-size:16px;color:#333;background:#e7e7e7;border-radius:40px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.installation-list .installation-item .item-span span img{float:right;height:24px;width:auto;margin:8px 0 0 28px}
.installation-list .installation-item .item-span .sub{position:absolute;left:0;top:40px;background-color:#f9f9f9;min-width:330px;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);padding:12px 16px;z-index:90;line-height:24px;color:#777;display:none}
.installation-list .installation-item .item-span .sub a{color:#777}
.installation-list .installation-item .item-span .sub a:hover{color:#22ac38}
.installation-list .installation-item .item-span:hover{z-index:10}
.installation-list .installation-item .item-span:hover span{color:#fff;background:#22ac38}
.installation-list .installation-item .item-span:not(:last-child){margin-right:20px}
.package-con{margin-top:43px}
.warranty-servey{margin:-12px 0 18px;font-size:16px;line-height:28px;color:#666}
.warranty-box{padding-bottom:30px}
.warranty-box+.warranty-box{padding-top:28px;border-top:1px dashed #bcbcbc}
.warranty-box-title{font-size:20px;color:#333}
.warranty-box-p{margin-top:6px;color:#333}
.warranty-box-con{margin-top:10px;color:#666}
.warranty-box-con p{position:relative;margin-bottom:0;padding-left:15px}
.warranty-box-con p:before{content:'';position:absolute;left:0;top:9px;width:6px;height:6px;background-color:#22ac38;border-radius:50%}
.warranty-box-table{margin:20px 0 8px;text-align:center;line-height:20px;color:#333}
.warranty-box-table table{table-layout:fixed;width:100%}
.warranty-box-table th,.warranty-box-table td{padding:15px 0}
.warranty-box-table th{background:#e5e5e5}
.warranty-box-table table,.warranty-box-table td,.warranty-box-table tr,.warranty-box-table th{border:1px solid #b7b7b7}
.measure-servey{margin:35px 0}
.measure-servey p{margin-bottom:10px;line-height: 1.3;}
.measure-con{padding-top:35px;border-top:1px dashed #bcbcbc}
.measure-con-title{margin-bottom:20px;font-size:22px;color:#333;line-height: 1.3;}
.measure-con .about-article-h3{padding-top:18px;line-height: 1.3;}
.measure-con-h4{margin-bottom:8px;color:#333;line-height: 1.3;}
.measure-con .img{text-align:center;margin-top: 5px;}
.measure-con .text-step{padding-top:25px;line-height: 1.3;}
.measure-con .text-step+.img{padding-top:13px}
.measure-con .text-step p{line-height: 1.3;}
.measure-video{position:relative;width:839px;height:406px;margin:28px 0 15px;overflow:hidden}
.measure-video .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;z-index:6;cursor:pointer}
.measure-video .mejs__container,.measure-video video,.measure-video .mejs__overlay,.measure-video .mejs__poster{width:100% !important;height:100% !important}
.measure-video iframe{display:block;width:100%;height:100%}
.measure-tips{margin-top:36px;padding-top:34px;border-top:1px dashed #bcbcbc}
.measure-tips .tips-img{margin-bottom:10px;text-align:center;margin-top: 10px;}
.measure-tips-params{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding-top:30px}
.measure-tips-params .left,.measure-tips-params .right{width:50%;line-height:34px}
.measure-tips-params .left p,.measure-tips-params .right p{margin-bottom:0;line-height: 1.3;}
.measure-tips-params .left{padding-right:90px}
.measure-tips-params .right{padding-left:50px;border-left:1px solid #ccc}
.transit-process{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:22px 0 35px}
.transit-process .img{width:543px}
.transit-process ul{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding-left:38px}
.transit-process ul li{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;list-style:none}
.transit-process ul li:not(:first-child){padding-top:18px}
.transit-process ul li:not(:first-child) .icon,.transit-process ul li:not(:first-child) .disc{position:relative}
.transit-process ul li:not(:first-child) .icon:before,.transit-process ul li:not(:first-child) .disc:before{content:'';position:absolute;top:-45px;width:9px;height:40px;background:url(../image/about_icon12.png) center bottom no-repeat}
.transit-process ul li:not(:first-child) .icon:before{left:10px}
.transit-process ul li:not(:first-child) .disc{z-index:6}
.transit-process ul li:not(:first-child) .disc:before{left:0px}
.transit-process ul li:nth-child(2){margin-top:8px}
.transit-process ul li:last-child{margin-top: 10px;}
.transit-process ul li .icon{margin-right:15px;width:30px;text-align:center}
.transit-process ul li .disc{margin:0 27px 0 11px;width:7px;height:7px;background:#888;border-radius:50%}
.transit-process ul li .t{font-size:16px;color:#333;line-height: 24px;}
.transit-process ul li p{margin-bottom:0;color:#777;line-height: 24px;}
.transit-attention{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-bottom:30px;padding:22px 44px;background:#f5f5f5}
.transit-attention .icon{margin:3px 12px 0 0}
.transit-attention .p{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.transit-details-con{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.transit-details-con:not(:last-child){margin-bottom:45px}
.transit-details-con:nth-child(odd) .title-box{margin-right:40px}
.transit-details-con:nth-child(even) .title-box{margin-left:40px;-webkit-box-ordinal-group:7;-webkit-order:6;-moz-box-ordinal-group:7;-ms-flex-order:6;order:6}
.transit-details-con .title-box{position:relative;padding: 20px;width:244px;min-height:252px;font-size:24px;line-height:30px;color:#333;background:#f5f5f5;}
.transit-details-con .title-box .t{width:170px;font-size: 24px;color: #333;line-height: 30px;}
.transit-details-con .title-box .absolute-img{position:absolute;right:28px;bottom:20px;z-index:2}
.transit-details-con ul{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px 0 6px;flex-wrap: wrap;}
.transit-details-con ul li{list-style:none;width: 100%;margin-bottom: 10px;}
.transit-details-con ul li .t{color:#000;line-height: 24px;}
.transit-details-con ul li p{color:#777;line-height: 24px;}
.warranty-methods{margin-top:64px}
.warranty-methods .a-list p{margin-bottom:0}
.warranty-methods .a-list a{color:#777;text-decoration:underline}
.warranty-methods .a-list a:hover{color:#22ac38}
.about-company{padding:75px 54px 138px 48px}
.about-company-title{margin-bottom:18px;text-align:center;font-size:28px;color:#333;font-weight:bold}
.about-company-article{font-size:16px;line-height:28px;color:#666;overflow:hidden}
.about-company-article img{max-width:100%;height:auto !important}
.about-company-article ul{list-style:disc}
.about-company-article ul li{list-style:disc}
.about-company-article ol{list-style:decimal}
.about-company-article ol li{list-style:decimal}
.about-company-article .company-img{margin-top:22px;text-align:center}
.about-company-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.about-company-list li{margin-top:35px;width:50%;list-style:none !important;-moz-box-sizing:border-box;box-sizing:border-box}
.about-company-list li a{display:block}
.about-company-list li a:hover .box{-webkit-transform:translateY(-4px);-moz-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 0 20px rgba(0,0,0,0.15)}
.about-company-list li a:hover .t{color:#22ac38}
.about-company-list li:nth-child(odd){padding-right:21px}
.about-company-list li:nth-child(even){padding-left:21px}
.about-company-list li .t{margin-bottom:20px;font-size:22px;color:#000;font-weight:bold;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.about-company-list li .box{padding-bottom:30px;background:#f5f5f5;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.about-company-list li .img{width:412px;height:229px}
.about-company-list li .img img{width:100%;height:100% !important}
.about-company-list li .p{max-height:112px;margin:24px 25px 0;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.about-company-related{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-top:40px}
.about-company-related .related-news{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin-right:21px}
.about-company-related .related-news-title{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-bottom:22px;margin-bottom:8px;line-height:1;color:#000;border-bottom:1px solid #dbdbdb}
.about-company-related .related-news-title strong{font-size:22px}
.about-company-related .related-news-title span{font-size:13px}
.about-company-related .related-news-title:hover span{color:#22ac38}
.about-company-related .related-news-list li a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;line-height:33px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.about-company-related .related-news-list li a:hover{padding-left:10px}
.about-company-related .related-news-list li a:hover .title{color:#22ac38}
.about-company-related .related-news-list li .title{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;width:0;font-size:15px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.about-company-related .related-news-list li .time{margin-left:10px;font-size:14px;color:#999}
.about-company-related .related-menu{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-left:21px}
.about-company-related .related-menu .a-box{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:24px 20px 12px;text-align:center;border-right:1px solid #e9e9e9;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.about-company-related .related-menu .a-box:first-child{border-left:1px solid #e9e9e9}
.about-company-related .related-menu .a-box .t{font-weight:bold;font-size:16px;color:#333;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.about-company-related .related-menu .a-box .t .num{display:block;font-size:20px;color:#22ac38}
.about-company-related .related-menu .a-box .icon{width:58px;height:58px;line-height:58px;text-align:center}
.about-company-related .related-menu .a-box .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%}
.about-company-related .related-menu .a-box:hover{padding-bottom:24px}
.about-company-related .related-menu .a-box:hover .t{color:#22ac38}
.about-design-list{margin-top:25px}
.about-design-list .design-item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-top:20px;padding:28px 30px 30px;background-color:#f5f5f5}
.about-design-list .design-item .icon{margin-right:28px;width:96px;height:96px;line-height:96px;text-align:center;border-radius:50%;background:#fff;border:1px solid #dcdcdc}
.about-design-list .design-item .icon img{display:inline-block;vertical-align:middle;max-width:46px;max-height:46px}
.about-design-list .design-item .info{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.about-design-list .design-item .info p{margin-bottom:0}
.about-design-list .design-item .info .t{margin-bottom:16px;font-size:18px;font-weight:bold;color:#333}
.faq-box{padding:58px 54px 88px 48px}
.faq-paged a,.faq-paged .p_info,.faq-paged .current,.faq-paged .tips,.faq-paged span{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.faq-paged>*:last-child{border-right:1px solid #e5e5e5 !important}
.faq-paged>*:first-child{border-left:1px solid #e5e5e5}
.faq-paged .current,.faq-paged a:hover{border-top-color:#22ac38;border-bottom-color:#22ac38}
.faq-nav{text-align:center;font-size:0}
.faq-nav a{display:inline-block;vertical-align:middle;margin:0 10px 20px;padding:12px 10px;min-width:160px;line-height:24px;text-align:center;font-size:16px;color:#000;border:1px solid #333;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.faq-nav a:hover,.faq-nav a.on{color:#fff;background:#22ac38;border-color:#22ac38}
.faq-list{margin:20px 0 40px}
.faq-list li{border-bottom:1px solid #dfdfe0}
.faq-list li:first-child{border-top:1px solid #dfdfe0}
.faq-list li:nth-child(odd){background:#f8f8f8}
.faq-list-hd{position:relative;padding:22px 20px 22px 46px;line-height:24px;font-size:16px;color:#333;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.faq-list-hd:before{content:'+';position:absolute;left:20px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);line-height:1;color:#999;font-size:24px;-webkit-transition:content,color .3s;-moz-transition:content,color .3s;transition:content,color .3s}
.faq-list-hd:hover{color:#22ac38}
.faq-list-hd:hover:before{color:#22ac38}
.faq-list-hd.active:before{content:'-';left:23px;color:#22ac38}
.faq-list-bd{display:none;padding:0 70px 56px 46px;line-height:32px;font-size:16px;color:#777}
.faq-con{padding:40px 0 100px;background-color:#fff}
.faq-con-article img{max-width:100%;height:auto !important}
.word-top124{top:124px}
.faq-compare{padding-top:30px}
.faq-compare-box+.faq-compare-box{margin-top:70px}
.faq-compare-box .title{margin-bottom:10px;text-align:center;font-size:24px;line-height:1.2;font-weight:bold;color:#333;text-transform:uppercase}
.faq-compare-box .desciption{margin-bottom:36px;font-size:16px;line-height:26px;text-align:center}
.faq-compare-box .table table{table-layout:fixed;width:100%;border:1px solid #bfbfbf}
.faq-compare-box .table tr+tr{border-top:1px solid #dfdfdf}
.faq-compare-box .table tr:nth-child(even){background-color:#f8f8f8}
.faq-compare-box .table tr:nth-child(even) td+td:before{border-color:#f8f8f8}
.faq-compare-box .table td,.faq-compare-box .table th{padding-top:30px;padding-bottom:32px}
.faq-compare-box .table td:first-child,.faq-compare-box .table th:first-child{padding-left:78px;padding-right:60px}
.faq-compare-box .table td:not(:first-child),.faq-compare-box .table th:not(:first-child){padding-left:50px;padding-right:50px;border-left:1px dashed #c1c1c1}
.faq-compare-box .table th{line-height:32px;font-size:22px;font-weight:bold}
.faq-compare-box .table th:first-child{width:310px}
.faq-compare-box .table td{vertical-align:top}
.faq-compare-box .table td+td{position:relative}
.faq-compare-box .table td+td:before{content:'VS';position:absolute;left:-31px;top:50%;margin-top:-31px;width:42px;height:42px;line-height:42px;text-align:center;font-size:16px;color:#fff;border-radius:50%;background-color:#475a71;border:10px solid #fff;z-index:6}
.faq-compare-box .table .color-black{color:#2b333e}
.faq-compare-box .table .color-orange{color:#22ac38}
.faq-compare-box .table .td-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:16px;line-height:24px;color:#333}
.faq-compare-box .table .icon{margin-right:10px;padding-top:6px;width:13px}
.faq-compare-box .table .p{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.faq-delivery{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.faq-delivery-box{width:365px}
.faq-delivery-box:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)){margin-top:56px}
.faq-delivery-box:not(:nth-child(3n)){margin-right:52px}
.faq-delivery-box .title{margin-bottom:15px;font-size:20px;color:#333}
.faq-delivery-box .title .icon{display:inline-block;margin-right:9px}
.faq-delivery-box .title .icon img{max-width:27px;height:auto}
.faq-delivery-box table{width:100%;table-layout:fixed;text-align:center;font-size:16px;line-height:24px}
.faq-delivery-box table td,.faq-delivery-box table th{padding:13px 10px;border:1px solid #d2d2d2}
.faq-delivery-box table th{color:#333;font-weight:bold;background:#c6beb3}
.faq-delivery-box table th:first-child{width:200px}
.faq-delivery-box table tr:nth-child(even){background:#f5f5f5}
.faq-delivery-box table td{color:#777}
.supplier-swiper-con{margin-top:50px;width:100%}
.supplier-swiper-con .bg{position:relative;width:100%;overflow:hidden}
.supplier-swiper-con .bg img{display:block;width:100%}
.supplier-swiper-con .bg-title{position:absolute;left:50px;top:40px;z-index:2;font-size:30px;font-weight:bold;color:#333}
.supplier-swiper{position:relative;z-index:2;margin-top:-70px;padding:0 50px;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.supplier-swiper .supplier-prev{position:absolute;cursor:pointer;font-size:28px;color:#22ac38;left:10px;outline:none;top:69px;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);z-index:5}
.supplier-swiper .supplier-next{position:absolute;cursor:pointer;font-size:28px;color:#22ac38;right:10px;outline:none;top:69px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:5}
.supplier-swiper .swiper-slide{width:240px}
.supplier-swiper .supplier-prev.swiper-button-disabled,.supplier-swiper .supplier-next.swiper-button-disabled{opacity:0.3}
.supplier-swiper .swiper-slide .img{border:1px solid #dfdfe8;position:relative;height:138px;overflow:hidden;background-color:#fff;margin-bottom:10px}
.supplier-swiper .swiper-slide .img img{position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block}
.supplier-swiper .swiper-slide .p{font-size:15px;line-height:30px;height:90px;overflow:hidden;color:#555}
.supplier-cer-con{margin-top:60px;position:relative}
.supplier-cer-con .bg{position:relative}
.supplier-cer-con .bg img{display:block;width:100%}
.supplier-cer-con .bg-title{position:absolute;font-size:28px;font-weight:bold;color:#333;line-height:40px;left:30px;top:100px;z-index:3}
.supplier-cer-swiper{background-color:#fff;width:546px;position:absolute;top:70px;right:52px;padding:20px;z-index:5;-moz-box-sizing:border-box;box-sizing:border-box}
.supplier-cer-swiper .cer-img{border:1px solid #dfdfe8;position:relative;overflow:hidden;height:333px;margin-bottom:12px}
.supplier-cer-swiper .cer-img img{position:absolute;max-width:100%;max-height:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block}
.supplier-cer-swiper .cer-p{text-align:center;font-size:15px;color:#555;line-height:30px;height:30px;overflow:hidden}
.supplier-cer-swiper .supplier-cer-prev{position:absolute;cursor:pointer;font-size:28px;color:#22ac38;left:-38px;outline:none;top:50%;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);z-index:5}
.supplier-cer-swiper .supplier-cer-next{position:absolute;cursor:pointer;font-size:28px;color:#22ac38;right:-38px;outline:none;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:5}
.team-menu{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.team-menu .item{cursor:pointer;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.team-menu .item:hover{opacity:.8}
.team-experienced{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:60px 0 50px}
.team-experienced .word{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:50px;word-break:break-word;font-size:16px;line-height:30px;color:#555}
.team-experienced-title{font-size:24px;font-weight:bold;margin-bottom:24px}
.experienced-num{padding-left:50px;width:245px;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-left:1px solid #eee}
.experienced-num .num{text-align:center;font-size:80px;color:#22ac38;line-height:80px;margin-bottom:15px}
.experienced-num p{font-size:15px;line-height:24px;text-align:center;color:#555}
.team-design{padding-top:80px}
.team-design-title{font-size:24px;font-weight:bold;color:#333;margin-bottom:40px}
.team-design .box{margin-bottom:40px}
.team-design .box .inner{position:relative;padding:30px 30px 0;word-break:break-word}
.team-design .box .inner.bg{background-color:#f5f6f8;padding-bottom:150px}
.team-design .box .t{font-size:20px;font-weight:bold;color:#22ac38;margin-bottom:14px}
.team-design .box .img{text-align:center;position:relative;z-index:3;margin-top:-131px}
.team-article{padding-top:90px}
.team-article-t{font-size:24px;font-weight:bold;color:#333;margin-bottom:15px}
.team-article-li{margin-bottom:15px}
.team-article-li p{margin-bottom:0;position:relative;padding-left:20px}
.team-article-li p:before{position:absolute;display:block;border-radius:100%;background-color:#22ac38;width:6px;height:6px;content:'';left:2px;top:10px}
.honor-con{padding:60px 50px}
.honor-box{padding-top:90px}
.honor-box:first-child{padding-top:0}
.honor-title{border-bottom:2px solid #dbdbdb;height:50px;line-height:50px;text-transform:uppercase;position:relative;overflow:hidden;margin-bottom:40px;font-size:30px;font-weight:bold;color:#333}
.honor-title:before{left:0;width:130px;position:absolute;bottom:-2px;background-color:#22ac38;content:'';display:block;height:2px}
.honor-swiper{position:relative;padding:0 10px}
.honor-swiper-prev{position:absolute;cursor:pointer;font-size:28px;color:#22ac38;left:-28px;outline:none;top:50%;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);z-index:5}
.honor-swiper-next{position:absolute;cursor:pointer;font-size:28px;color:#22ac38;right:-28px;outline:none;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:5}
.honor-swiper .swiper-slide{-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #e9e9e9;padding:7px;width:270px}
.honor-swiper .img{position:relative;width:100%;height:248px;overflow:hidden}
.honor-swiper .img img{position:absolute;max-width:100%;max-height:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.honor-swiper .info{padding:30px 20px 20px}
.honor-swiper .info h5{font-size:16px;font-weight:bold;color:#333;line-height:20px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px}
.honor-swiper .p{font-size:16px;line-height:30px;height:120px;overflow:hidden;color:#666}
.about-eco-title{text-align:center;font-size:32px;color:#333;text-transform:uppercase;margin-bottom:34px}
.eco-box{margin-top:90px;position:relative;background-color:#f8f9fa;padding:80px 40px 40px}
.eco-box-img{float:right;position:relative;margin:-120px -40px 36px 24px;z-index:5}
.eco-box .eco-info{line-height:30px}
.eco-box .eco-info h4{font-size:32px;color:#000;line-height:42px;margin-bottom:24px;text-transform:uppercase}
.eco-box .eco-info p{margin-bottom:20px}
.eco-section{margin-top:120px}
.eco-section .box{position:relative}
.eco-section .eco-section-img{right:0;position:absolute;top:-50px;width:400px;z-index:5}
.eco-section .eco-section-info{position:relative;margin-right:185px;background-color:#f5f6f8;-moz-box-sizing:border-box;box-sizing:border-box;padding:60px 250px 60px 40px;min-height:465px;margin-bottom:30px;line-height:30px}
.eco-section .eco-section-info h4{font-size:32px;color:#000;line-height:42px;margin-bottom:24px;text-transform:uppercase}
.eco-section .eco-section-info p{margin-bottom:20px}
.about-cop-title{font-size:24px;text-align:center;line-height:30px;text-transform:uppercase;color:#333;font-weight:bold}
.about-cop-box{margin-top:40px}
.about-cop-box .img{position:relative;overflow:hidden}
.about-cop-box .img .word{position:absolute;top:70px;left:50px;right:50px;font-size:26px;line-height:30px;color:#000;z-index:5}
.about-cop-table{margin:-40px 30px 0;position:relative;z-index:2;background-color:#fff;border-collapse:collapse;border-spacing:0}
.about-cop-table .about-cop-row{display:table-row}
.about-cop-table .about-cop-tb{display:table-cell;vertical-align:top;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #e5e5e5;padding:25px}
.about-cop-table .about-cop-tb.cell-2{width:50%}
.about-cop-table .about-cop-tb.cell-3{width:33.33%}
.about-cop-table .tb-title{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;height:80px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;background-color:#e9e9e9;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 20px;font-size:18px;line-height:26px;color:#333;margin-bottom:5px;font-weight:bold}
.about-cop-table .tb-title.small{height:50px}
.about-cop-table .p{font-size:15px;line-height:30px;color:#555}
.about-cop-table .p span{color:#22ac38}
.news-con{padding:60px 50px}
.news-menu{display:table;border:1px solid #dcdcdc;background-color:#eee;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;margin-bottom:30px}
.news-menu-item{display:table-cell;text-align:center;vertical-align:middle;height:60px;-moz-box-sizing:border-box;box-sizing:border-box}
.news-menu-item a{display:block;font-size:15px;color:#555;position:relative;padding:0 20px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.news-menu-item a:before{position:absolute;content:'';width:1px;height:10px;background-color:#bebebe;left:0;top:50%;margin-top:-5px}
.news-menu-item a:hover{color:#22ac38}
.news-menu-item i{font-size:22px;display:inline-block;vertical-align:middle;margin-right:5px}
.news-menu-item .news-menu-icon-0:before{content:'\e6eb'}
.news-menu-item .news-menu-icon-1:before{content:'\e652'}
.news-menu-item .news-menu-icon-2:before{content:'\e7aa'}
.news-menu-item .news-menu-icon-3:before{content:'\e764'}
.news-menu-item .news-menu-icon-4:before{content:'\e63f'}
.news-menu-item:first-child a:before{display:none}
.news-menu-item.on a{color:#22ac38}
.news-list{padding-bottom:10px}
.news-list li{margin-bottom:20px;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #dcdcdc;padding:25px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.news-list li.bg-f{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#fff}
.news-list li .bg-f-img-box{width:200px;height:150px;line-height:150px;text-align:center}
.news-list li .bg-f-img-box img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%}
.news-list li .msg{margin-bottom:10px;line-height:25px;font-size:14px;color:#666}
.news-list li .img{display:block;width:270px;height:187px;overflow:hidden}
.news-list li .img img{display:block;width:100%;height:100%;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease}
.news-list li .img:hover img{-webkit-transform:scale(1.02,1.02);-moz-transform:scale(1.02,1.02);-ms-transform:scale(1.02,1.02);transform:scale(1.02,1.02)}
.news-list li .info{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin-left:25px;overflow:hidden}
.news-list li h3{font-size:20px;line-height:30px;margin-bottom:12px;max-height:60px;overflow:hidden}
.news-list li h3 a{color:#333}
.news-list li h3 a:hover{color:#22ac38}
.news-list li .p{font-size:15px;line-height:26px;height:78px;overflow:hidden;color:#666;margin-bottom:12px}
.news-list li .bottom{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.news-list li .time{font-size:14px;color:#666}
.news-list li .more{display:block;width:115px;height:28px;border:1px solid #d6d6d6;background-color:#f8f8f8;font-size:13px;line-height:28px;color:#000;text-align:center;cursor:pointer;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.news-list li .more:hover{border-color:#22ac38;background-color:#22ac38;color:#fff}
.news-article-top{text-align:center}
.news-article-top h2{font-size:28px;font-weight:bold;color:#333;margin-bottom:10px}
.news-article-top .time{font-size:14px;color:#666}
.news-article-top .time:before{font-family:'iconfont';content:'\e6a9';color:#22ac38;display:inline-block;vertical-align:middle;margin-right:5px}
.news-article{font-size:16px;line-height:28px;color:#666;padding-bottom:20px;padding-top:20px}
.news-article img{max-width:100%}
.news-article p{margin-bottom:20px}
.news-article-tip{padding:30px 60px;background-color:#f8f8f8;margin-bottom:20px}
.news-article-tip .b{font-weight:bold;font-size:18px;color:#333;margin-bottom:10px}
.news-article-tip .li{line-height:28px;font-size:16px;color:#555;padding-left:14px;position:relative}
.news-article-tip .li:before{position:absolute;width:6px;height:6px;border-radius:100%;background-color:#22ac38;left:0;content:'';display:block;top:10px}
.news-article-media{margin-bottom:20px}
.news-article-media .row{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-bottom:20px}
.news-article-media .info{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin-left:25px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.news-article-media .info strong{font-size:18px}
.news-article-media .info p{margin-bottom:0}
.factory-intro{margin-bottom:100px}
.factory-intro .factory-title{position:relative;font-size:35px;font-weight:bold;color:#333;line-height:40px;z-index:5;width:160px;margin-left:30px;text-transform:uppercase;display:inline-block;vertical-align:top;margin-top:50px;margin-right:55px}
.factory-intro .factory-title:after{width:94px;height:2px;background-color:#22ac38;content:'';position:absolute;display:block;top:24px;right:-120px}
.factory-intro .factory-img{display:inline-block;vertical-align:top;width:588px;position:relative;z-index:4}
.factory-intro .factory-info{position:relative;z-index:3;padding:156px 40px 30px;margin-top:-130px;background-color:#f5f6f8}
.factory-center{overflow:hidden;margin-bottom:100px}
.factory-center-word{float:left;width:670px;background-color:#f5f6f8;margin-top:60px;padding:40px 410px 40px 40px;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;margin-right:-392px;min-height:450px}
.factory-center-word h5{font-size:24px;color:#333;line-height:30px;margin-bottom:15px;font-weight:bold}
.factory-center-list{float:right;font-size:0;width:560px;position:relative;z-index:2}
.factory-center-list .list{display:inline-block;vertical-align:top;width:50%;padding-left:10px;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:20px}
.factory-center-list .img{width:100%;height:190px}
.factory-center-list .img img{display:block;width:100%;height:100%}
.factory-center-list .p{font-size:15px;font-weight:bold;color:#333;line-height:36px}
.factory-product-word{background-color:#f5f6f8;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 40px 90px;position:relative;z-index:1;margin-bottom:-52px}
.factory-product-word h4{font-size:24px;color:#333;font-weight:bold;margin-bottom:12px}
.factory-product-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;z-index:2}
.factory-product-list .list{width:33.33%;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 30px;margin-bottom:90px;position:relative;text-align:center}
.factory-product-list .list:after{position:absolute;width:55px;height:7px;content:'';display:block;background:url(../image/factory_12.jpg) center no-repeat}
.factory-product-list .list:nth-child(1):after,.factory-product-list .list:nth-child(2):after{top:76px;right:-25px}
.factory-product-list .list:nth-child(3):after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);bottom:-45px;left:50%;margin-left:-26px}
.factory-product-list .list:nth-child(4):after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);top:-55px;left:50%;margin-left:-26px}
.factory-product-list .list:nth-child(5):after,.factory-product-list .list:nth-child(6):after{top:76px;left:-25px}
.factory-product-list .img{width:156px;height:156px;margin:0 auto 30px}
.factory-product-list h5{font-size:18px;font-weight:bold;color:#333;line-height:30px;margin-bottom:10px}
.factory-product-list .p{font-size:16px;line-height:26px}
.factory-box{background-color:#f5f6f8;margin-bottom:100px}
.factory-box .info{padding:40px 40px 20px}
.factory-box .info h4{font-size:24px;color:#333;font-weight:bold;margin-bottom:12px}
.factory-auto{margin-bottom:60px}
.factory-auto-word{position:relative;margin-left:210px;background-color:#f5f6f8;padding:40px 40px 446px 40px;margin-bottom:-420px;-moz-box-sizing:border-box;box-sizing:border-box}
.factory-auto-word h4{font-size:20px;font-weight:bold;color:#22ac38;margin-bottom:10px}
.factory-auto-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;z-index:5;position:relative}
.factory-auto-list .list{width:270px;margin-bottom:46px}
.factory-auto-list .img{width:100%;margin-bottom:10px}
.factory-auto-list .p{font-size:15px;line-height:30px;font-weight:bold;color:#333}
.factory-auto-p{padding-top:30px;border-top:1px dashed #d6d6d6}
.factory-verification .top{position:relative;z-index:1;margin-bottom:-72px}
.factory-verification .top h4{position:absolute;top:45px;left:30px;font-size:30px;font-weight:bold;color:#333;z-index:5}
.factory-swiper-con{position:relative;z-index:5;padding:0 50px}
.factory-swiper-con .swiper-slide .img{border:1px solid #e5e5e5;background-color:#fff;position:relative;overflow:hidden;padding-bottom:129.11392%;margin-bottom:10px}
.factory-swiper-con .swiper-slide .img img{position:absolute;max-width:100%;max-height:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.factory-swiper-con .swiper-slide .p{text-align:center;font-size:16px;font-weight:bold;color:#333;line-height:24px}
.factory-swiper-con .factory-swiper-prev{position:absolute;left:0;font-size:28px;color:#22ac38;top:50%;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);outline:none;cursor:pointer}
.factory-swiper-con .factory-swiper-next{position:absolute;right:0;font-size:28px;color:#22ac38;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);outline:none;cursor:pointer}
.about-video-con{position:fixed;width:100%;height:100%;top:0;left:0;z-index:999;background:rgba(0,0,0,0.5);display:none}
.about-video-con .box{position:absolute;width:800px;height:500px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#000}
.about-video-close{position:absolute;border:1px solid #fff;font-size:18px;color:#fff;width:30px;height:30px;border-radius:100%;text-align:center;line-height:30px;background-color:#000;top:-15px;right:-15px;cursor:pointer;font-weight:bold}
.about-video-box{display:block;width:100%;height:100%}
.about-video-box iframe{display:block;width:100%;height:100%}
.reviews-swiper-con{position:relative;padding:0 40px;margin-bottom:60px}
.reviews-swiper-con .reviews-swiper-prev{position:absolute;left:0;top:124px;outline:none;font-size:28px;color:#22ac38;cursor:pointer;z-index:5;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.reviews-swiper-con .reviews-swiper-next{position:absolute;right:0;top:124px;outline:none;font-size:28px;color:#22ac38;cursor:pointer;z-index:5}
.reviews-swiper-con .video{width:100%;height:280px;margin-bottom:12px}
.reviews-swiper-con .video iframe{display:block;width:100%;height:100%}
.reviews-swiper-con .p{font-size:16px;font-weight:bold;color:#333;text-align:center}
.reviews-stories-con .item{margin-bottom:60px}
.reviews-stories-con .item:nth-child(2n+1) .img{width: 300px;padding-right: 30px;}
.reviews-stories-con .item:nth-child(2n) .img{
    width: 300px;
    padding-left: 30px;
}
.reviews-stories-con .item:nth-child(2n) .flex-box{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-moz-box-orient:horizontal;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.reviews-stories-con .flex-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.reviews-stories-con .img img{max-width:100%}
.reviews-stories-con .word{font-size:16px;line-height:30px;color:#555;flex: 1;}
.reviews-stories-con .top{border-bottom:1px solid #e3e4e4;padding-bottom:10px;margin-bottom:20px}
 .reviews-stories-con .top p{line-height: 1.6;}
.reviews-stories-con .top h5{font-size:20px;font-weight:bold;color:#333;margin-bottom:10px}
.reviews-stories-con .bottom{margin-top:20px}
.reviews-stories-con .bottom img{max-width:100%}
.reviews-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.reviews-list .li{width:48%;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #e5e5e5;margin-bottom:30px;padding:30px;background-color:#fff;overflow:hidden}
.reviews-list .top{font-size:18px;font-weight:bold;color:#333;margin-bottom:14px;line-height: 20px;/* height:30px; *//* white-space:nowrap; *//* text-overflow:ellipsis */}
.reviews-list .top img{display:inline-block;vertical-align: middle;margin-right:10px;}
.reviews-list .p{font-size:16px;line-height:30px;color:#555;word-break:break-word}
.reviews-list .p p{margin-bottom:16px}
@media(max-width:1300px){
    .reviews-list .li{width:100%;padding: 10px;margin-bottom: 10px;}
    .reviews-stories-con .item:nth-child(2n+1) .img{width:100%;padding-right:0;margin-bottom: 20px;}
    .reviews-stories-con .word{width:100%;}
    .reviews-stories-con .top{padding-bottom: 0;margin-bottom: 15px;}
    .reviews-stories-con .flex-box{flex-wrap:wrap;}
    .reviews-stories-con .item:nth-child(2n) .img{width: 100%;padding-left: 0;margin-bottom: 20px;}
}
.responsible-top{position:relative;margin-bottom:70px}
.responsible-top .word{position:absolute;right:0;bottom:0;background-color:#fff;z-index:2;padding:30px;-moz-box-sizing:border-box;box-sizing:border-box;width:340px;font-size:22px;font-weight:bold;color:#333;line-height:36px}
.responsible-list .li{margin-bottom:70px;position:relative;padding-bottom:50px}
.responsible-list .li:last-child{margin-bottom:0}
.responsible-list .li:after{position:absolute;z-index:1;width:100%;bottom:0;top:130px;content:'';display:block;background-color:#f5f6f8}
.responsible-list .li:before{color:#f5f6f8;content:'CSR';font-size:170px;font-weight:bold;position:absolute;top:85px;z-index:1}
.responsible-list .li:nth-child(2n+1) .img{float:right;margin-left:30px}
.responsible-list .li:nth-child(2n+1):before{left:0}
.responsible-list .li:nth-child(2n) .img{float:left;margin-right:30px}
.responsible-list .li:nth-child(2n):before{right:65px}
.responsible-list .img{position:relative;z-index:5}
.responsible-list .info{position:relative;z-index:5;font-size:16px;line-height:30px;color:#555;padding:170px 30px 0}
.responsible-list .info h6{font-size:24px;font-weight:bold;color:#333;margin-bottom:20px}
.responsible-list .info p{margin-bottom:15px}
.contact-con{background-color:#f5f5f5;padding-bottom:100px}
.contact-form-con{border:1px solid #e6e6e6;background-color:#fff;padding:36px;margin-top:-60px;position:relative;z-index:2;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.contact-form-box{width:856px;background-image:url(../image/form_bg_1.jpg);-moz-box-sizing:border-box;box-sizing:border-box;padding:40px}
.contact-form-box .p{color:#333}
.contact-form-box .fz-14{font-size:14px}
.contact-form-box .fz-16{font-size:16px}
.contact-form-box .row-input{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}
.contact-form-box .tar{margin-top:20px;text-align:center}
.contact-form-box .form-submit{display:inline-block;vertical-align:top;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:230px;height:40px;line-height:40px;color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 18px;font-size:18px;background:#22ac38;cursor:pointer;text-align:left;margin-bottom:7px;position:relative;overflow:hidden;-webkit-transition:color .6s ease;-moz-transition:color .6s ease;transition:color .6s ease;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.contact-form-box .form-submit span{position:relative;z-index:2}
.contact-form-box .form-submit i{font-size:14px;position:absolute;top:50%;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);z-index:5;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}
.contact-form-box .form-submit i:nth-child(2){color:rgba(255,255,255,0.2);right:46px}
.contact-form-box .form-submit i:nth-child(3){color:rgba(255,255,255,0.6);right:38px}
.contact-form-box .form-submit i:nth-child(4){color:#fff;right:30px}
.contact-form-box .form-submit:hover{color:#fff}
.contact-form-box .form-submit:hover i:nth-child(2){right:36px}
.contact-form-box .form-submit:hover i:nth-child(3){right:28px}
.contact-form-box .form-submit:hover i:nth-child(4){right:20px}
.contact-intro-con{width:238px}
.contact-intro-con .top-bold{font-size:17px;color:#333;font-weight:bold;margin-bottom:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.contact-intro-con .bottom{border-top:1px dashed #bbb;padding-top:10px;font-size:15px;line-height:26px;color:#777}
.contact-intro-list{font-size:0}
.contact-intro-list li{display:inline-block;vertical-align:top;width:100%;-moz-box-sizing:border-box;box-sizing:border-box}
.contact-intro-list li:not(:last-child){margin-bottom:20px}
.contact-intro-list .img{width:100%;height:140px;margin-bottom:10px}
.contact-intro-list .img img{display:block;width:100%;max-height:100%}
.contact-intro-list p{text-align:left;font-size:14px;color:#333}
.contact-tel-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end;width:100%;height:50px;background-color:#fff}
.contact-tel-box .tt,.contact-tel-box .a-tt{padding-right:30px;font-size:15px;color:#666}
.contact-tel-box .a-tt{display:inline-block;-webkit-transition:.2s ease all;-moz-transition:.2s ease all;transition:.2s ease all}
.contact-tel-box .a-tt:hover{color:#22ac38}
.contact-traffic-con{margin-top:20px;border:1px solid #e6e6e6;background-color:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0}
.contact-traffic-con .item{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 30px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;border-left:1px solid #f0f0f0}
.contact-traffic-con .item:first-child{border-left:none}
.contact-traffic-con .item .iconfont{color:#333;font-size:60px;margin-right:15px}
.contact-traffic-con .info{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;font-size:15px;line-height:26px;color:#333}
.contact-traffic-con .info a{text-decoration:underline;color:#999}
.contact-traffic-con .info a:hover{color:#22ac38}
.service-main-con{background-color:#fff;padding-top:90px;overflow:hidden}
.service-main-list{margin:0 auto;width:1050px;font-size:0}
.service-main-list .item{display:inline-block;vertical-align:top;width:350px;margin-bottom:100px;text-align:center}
.service-main-list .item:hover .iconfont{background-color:#22ac38;color:#fff}
.service-main-list .iconfont{display:inline-block;vertical-align:top;width:84px;height:84px;border-radius:100%;background-color:#f5f5f5;color:#22ac38;text-align:center;line-height:84px;font-size:32px;font-style:normal;margin-bottom:30px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.service-main-list p{font-size:16px;color:#333;text-transform:uppercase}
.member-commmon-con{width:100%;padding:51px 0 53px;background-image:url(../image/member_bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;-moz-box-sizing:border-box;box-sizing:border-box}
.member-commmon-con .inner-content{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.member-avatar-content{width:260px}
.member-avatar-content .avatar-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:45px 0 55px;margin-bottom:13px;background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box}
.member-avatar-content .avatar-wrap .img-box{border-radius:50%}
.member-avatar-content .avatar-wrap .img-box img{width:108px;height:111px;border-radius:50%}
.member-avatar-content .avatar-wrap .username{padding:20px 0 13px;line-height:1;text-align:center;font-size:17px;color:#000;font-weight:bold}
.member-avatar-content .avatar-wrap .character{text-align:center;font-size:12px;color:#9e9e9e}
.member-avatar-content .avatar-wrap .user-name{padding:20px 0 13px;text-align:center;font-size:14px;color:#000;font-weight:bold}
.member-avatar-content .avatar-wrap .welcome{text-align:center;font-size:14px;color:#9e9e9e}
.member-avatar-content .option-wrap{width:100%;background-color:#fff}
.member-avatar-content .option-wrap .option{width:100%;height:70px;border-bottom:1px solid #f4f4f4;-moz-box-sizing:border-box;box-sizing:border-box}
.member-avatar-content .option-wrap .option a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;height:100%;position:relative;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding-left:20px;font-size:16px;color:#333;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.4s ease all;-moz-transition:.4s ease all;transition:.4s ease all}
.member-avatar-content .option-wrap .option a::before{position:absolute;display:block;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:3px;height:26px;background-color:#22ac38;visibility:hidden;opacity:0;-webkit-opacity:0;filter:alpha(opacity=0);-webkit-transition:.4s ease all;-moz-transition:.4s ease all;transition:.4s ease all;content:''}
.member-avatar-content .option-wrap .option a:hover,.member-avatar-content .option-wrap .option a.on{font-weight:bold}
.member-avatar-content .option-wrap .option a:hover::before,.member-avatar-content .option-wrap .option a.on::before{visibility:visible;opacity:1;-webkit-opacity:1;filter:alpha(opacity=100)}
.member-pro-info-con{width:920px}
.member-pro-info-con .distance{margin-top:15px;text-align:left}
.member-pro-info-con .no-tip{width:100%;padding-top:30px;text-align:center;font-size:16px;color:#666}
.member-pro-info-con.bg-fff{background-color:#fff}
.pro-info-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;padding:50px 14px 20px;background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box}
.pro-info-list{width:33.33333%;padding:0 28px;margin-bottom:40px;-moz-box-sizing:border-box;box-sizing:border-box}
.pro-info-list a{display:block;width:100%}
.pro-info-list a:hover .img-box img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.pro-info-list a:hover .text-box .title{color:#ef9028}
.pro-info-list .img-box{position:relative;width:100%;padding-bottom:97.11934%;overflow:hidden}
.pro-info-list .img-box img{position:absolute;display:inline-block;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.4s ease all;-moz-transition:.4s ease all;transition:.4s ease all}
.pro-info-list .text-box{margin-top:20px}
.pro-info-list .text-box .title{line-height:1;margin-bottom:12px;font-size:20px;font-weight:bold;color:#333;-webkit-transition:.4s ease all;-moz-transition:.4s ease all;transition:.4s ease all}
.pro-info-list .text-box p{height:40px;line-height:20px;font-size:14px;color:#777;overflow:hidden}
.member-personal-info-con{width:920px;background-color:#fff}
.member-personal-info-con .tab-nav-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end;width:100%;height:68px;padding-left:40px;background-color:#f5f5f5;-moz-box-sizing:border-box;box-sizing:border-box}
.member-personal-info-con .tab-nav-wrap .nav-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:220px;height:66px;font-size:16px;color:#333;-webkit-transition:.4s ease all;-moz-transition:.4s ease all;transition:.4s ease all}
.member-personal-info-con .tab-nav-wrap .nav-list:hover,.member-personal-info-con .tab-nav-wrap .nav-list.on{background-color:#fff;font-weight:bold}
.personal-info-form{width:100%;padding:53px 0 66px 50px;-moz-box-sizing:border-box;box-sizing:border-box}
.personal-info-form .common-input-box{width:490px;margin-bottom:30px}
.personal-info-form .input-text{margin-bottom:20px;font-size:16px;color:#333}
.personal-info-form .input-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:40px;padding:0 15px;border:1px solid rgba(177,177,177,0.34);background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box}
.personal-info-form .input-box input[type="text"]{width:100%;font-size:14px;color:#666;background-color:#fff;border:none}
.personal-info-form .submit-btn{width:183px;height:45px;padding:1px;background-color:#fb8016;-moz-box-sizing:border-box;box-sizing:border-box}
.personal-info-form .submit-btn .inside-box{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;padding:0 20px 0 18px;border:1px solid rgba(255,255,255,0.502);-moz-box-sizing:border-box;box-sizing:border-box}
.personal-info-form .submit-btn .inside-box span{font-size:18px;color:#fff}
.personal-info-form .submit-btn .inside-box img{-webkit-transition:.4s ease all;-moz-transition:.4s ease all;transition:.4s ease all}
.personal-info-form .submit-btn .inside-box input[type="submit"]{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0;-webkit-opacity:0;filter:alpha(opacity=0)}
.personal-info-form .submit-btn .inside-box:hover img{-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);transform:translateX(5px)}
.member-history-record-con{width:920px;background-color:#fff}
.member-history-record-con.por{position:relative}
.member-history-record-con.por .more{position:absolute;top:10px;right:40px;display:block;width:200px;height:40px;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 20px;color:#fff;font-size:18px;line-height:40px;overflow:hidden;background-color:#22ac38}
.member-history-record-con.por .more span{position:relative;z-index:2}
.member-history-record-con.por .more i{font-size:14px;position:absolute;top:50%;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);z-index:5;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}
.member-history-record-con.por .more i:nth-child(2){color:rgba(255,255,255,0.2);right:46px}
.member-history-record-con.por .more i:nth-child(3){color:rgba(255,255,255,0.6);right:38px}
.member-history-record-con.por .more i:nth-child(4){color:#fff;right:30px}
.member-history-record-con.por .more:hover{color:#fff}
.member-history-record-con.por .more:hover i:nth-child(2){right:36px}
.member-history-record-con.por .more:hover i:nth-child(3){right:28px}
.member-history-record-con.por .more:hover i:nth-child(4){right:20px}
.member-history-record-con .tab-nav{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end;width:100%;height:68px;padding-left:20px;background-color:#f5f5f5;-moz-box-sizing:border-box;box-sizing:border-box}
.member-history-record-con .tab-nav a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:66px;padding:0 20px;font-size:16px;color:#333;-webkit-transition:.4s ease all;-moz-transition:.4s ease all;transition:.4s ease all}
.member-history-record-con .tab-nav a::after{position:absolute;display:block;top:50%;right:0;width:1px;height:14px;margin-top:-7px;background-color:#d4d4d4;content:''}
.member-history-record-con .tab-nav a:last-child::after{display:none}
.member-history-record-con .tab-nav a:hover,.member-history-record-con .tab-nav a.on{font-weight:bold;background-color:#fff}
.his-list-wrap,.favor-list-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:42px 27px 0}
.his-list-wrap .item,.favor-list-wrap .item{width:33.33333%;padding:0 15px;margin-bottom:66px;-moz-box-sizing:border-box;box-sizing:border-box}
.his-list-wrap .item a,.favor-list-wrap .item a{display:block;width:100%}
.his-list-wrap .item a:hover .img-box img,.favor-list-wrap .item a:hover .img-box img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.his-list-wrap .item a:hover .text-box .title,.favor-list-wrap .item a:hover .text-box .title{color:#ef9028}
.his-list-wrap .item .img-box,.favor-list-wrap .item .img-box{position:relative;width:100%;padding-bottom:60.76923%;overflow:hidden}
.his-list-wrap .item .img-box img,.favor-list-wrap .item .img-box img{position:absolute;display:inline-block;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.4s ease all;-moz-transition:.4s ease all;transition:.4s ease all}
.his-list-wrap .item .text-box,.favor-list-wrap .item .text-box{margin-top:30px}
.his-list-wrap .item .text-box .title,.favor-list-wrap .item .text-box .title{line-height:1;margin-bottom:19px;font-size:18px;color:#333;font-weight:bold;-webkit-transition:.4s ease all;-moz-transition:.4s ease all;transition:.4s ease all}
.his-list-wrap .item .text-box .brief,.favor-list-wrap .item .text-box .brief{height:44px;line-height:22px;font-size:16px;color:#666;overflow:hidden}
.favor-list-wrap{padding:90px 27px 0}
.favor-list-wrap .item{position:relative}
.favor-list-wrap .item .js-del{position:absolute;top:-15px;right:0;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;background-color:#22ac38;cursor:pointer;z-index:9;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.favor-list-wrap .item .js-del i{display:inline-block;vertical-align:middle;font-size:24px;color:#fff}
.favor-list-wrap .item .js-del:hover{opacity:0.8}
.login-con{padding:40px 0 100px;background-color:#f5f5f5}
.login-con .big-t{font-size:30px;line-height:50px;color:#333;margin-bottom:20px}
.login-con .p{font-size:16px;line-height:30px;color:#333;margin-bottom:30px}
.login-con .p a{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;text-decoration:underline}
.login-con .p a:hover{color:#22ac38}
.login-box{position:relative}
.login-box:after{position:absolute;content:'';display:block;background:url(../image/project_shadow_3.png) center bottom no-repeat;background-size:100% auto;width:100%;height:54px;left:0;bottom:-35px;z-index:1;opacity:.5}
.login-box .login-wrapper{border:1px solid #e5e5e5;padding:10px;background-color:#fff;position:relative;z-index:4;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.login-box .login-wrapper .img{width:412px}
.login-box .login-wrapper .img img{display:block;width:100%}
.login-box .register-wrapper{border:1px solid #e5e5e5;padding:20px;background-color:#fff;position:relative;z-index:4}
.login-box .register-wrapper .img{width:100%}
.login-box .register-wrapper .img img{display:block;width:100%}
.login-box .register-wrapper .info{padding:50px 80px}
.login-box .info{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 80px;overflow:hidden}
.login-box .t{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:10px;border-bottom:1px dashed #d6d6d6;margin-bottom:20px}
.login-box .t .inner-t{display:inline-block;font-size:22px}
.login-box .t .link-btn{display:inline-block;vertical-align:top;width:120px;height:30px;line-height:30px;color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10px;font-size:14px;background:#22ac38;cursor:pointer;text-align:left;position:relative;overflow:hidden;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.login-box .t .link-btn span{position:relative;z-index:2}
.login-box .t .link-btn i{font-size:12px;position:absolute;top:50%;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);z-index:5;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}
.login-box .t .link-btn i:nth-child(2){color:rgba(255,255,255,0.2);right:26px}
.login-box .t .link-btn i:nth-child(3){color:rgba(255,255,255,0.6);right:18px}
.login-box .t .link-btn i:nth-child(4){color:#fff;right:10px}
.login-box .t .link-btn:hover{color:#fff;opacity:.8}
.login-box .t .link-btn:hover i:nth-child(2){right:21px}
.login-box .t .link-btn:hover i:nth-child(3){right:13px}
.login-box .t .link-btn:hover i:nth-child(4){right:5px}
.login-form{display:block}
.login-form .row{margin-bottom:20px}
.login-form .title{margin-bottom:15px;font-size:16px;color:#000;line-height:24px}
.login-form .title i{color:#22ac38;font-size:18px;display:inline-block;vertical-align:top;margin-right:10px;line-height:24px}
.login-form .input-con{border:1px solid #e4e4e4;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.login-form .input-con span{color:#22ac38;font-size:14px;padding:0 10px}
.login-form .input-con .input{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}
.login-form .input-con input{display:block;width:100%;height:38px;line-height:38px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;font-size:14px;color:#666;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:10px}
.login-form .input-con .word{font-size:14px;color:#666}
.login-form .flex-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.login-form .flex-box .input-con{width:380px;margin-bottom:10px}
.login-form .flex-box .input-multi{width:380px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-bottom:10px;border:1px solid #e4e4e4}
.login-form .password-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.login-form .password-box .input-con{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin-right:5px}
.login-form .password-box .get-ver{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin-left:5px;height:40px;line-height:40px;display:block;text-align:center;background-color:#22ac38;font-size:14px;color:#fff;cursor:pointer;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.login-form .password-box .get-ver:hover{background-color:#d2d2d2;color:#333}
.login-form .input-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.login-form .input-box span{color:#22ac38;font-size:14px;padding:0 10px}
.login-form .input-box .input{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}
.login-form .input-box input{display:block;width:100%;height:38px;line-height:38px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;font-size:14px;color:#666;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:5px}
.login-form .input-box .word{font-size:14px;color:#666}
.login-form .underline{font-size:14px;color:#333;text-decoration:underline}
.login-form .underline:hover{color:#22ac38}
.login-form .login-btn{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:180px;height:40px;line-height:40px;color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 14px;font-size:18px;background:#22ac38;cursor:pointer;text-align:left;border:1px solid #fdc08b;position:relative;box-shadow:0 0 0 1px #22ac38;margin-bottom:15px}
.login-form .login-btn.tac{text-align:center}
.login-form .login-btn i{font-size:16px;position:absolute;top:50%;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);z-index:5;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}
.login-form .login-btn i:nth-child(2){color:rgba(255,255,255,0.2);right:34px}
.login-form .login-btn i:nth-child(3){color:rgba(255,255,255,0.6);right:26px}
.login-form .login-btn i:nth-child(4){color:#fff;right:18px}
.login-form .login-btn:hover i{-webkit-transform:translateY(-50%) rotate(180deg) translateX(-4px);-moz-transform:translateY(-50%) rotate(180deg) translateX(-4px);-ms-transform:translateY(-50%) rotate(180deg) translateX(-4px);transform:translateY(-50%) rotate(180deg) translateX(-4px)}
.login-form .quickly{width:100%;padding-top:30px;text-align:center;font-size:14px;color:#666}
.login-form .login-auth{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding-top:40px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.login-form .login-auth.pt-10{padding-top:10px}
.login-form .login-auth .btn{width:122px;height:42px;border:1px solid #e6e6e6;font-size:14px;color:#000;text-transform:uppercase;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;cursor:pointer}
.login-form .login-auth .btn img{margin-right:6px}
.login-form .login-auth .btn:hover{border-color:#22ac38;color:#22ac38}
.cabinet-list-con{padding-top:60px;padding-bottom:80px;background-color:#f5f5f5}
.cabinet-list{font-size:0;width:1215px;margin:0 auto}
.cabinet-list li{display:inline-block;vertical-align:top;margin:0 10px 20px;width:385px}
.cabinet-list li a{display:block;border:1px solid #d8d8d8;background-color:#fff;padding:17px}
.cabinet-list li a:hover h3{color:#22ac38}
.cabinet-list li a:hover .img img{-webkit-transform:scale(1.02,1.02);-moz-transform:scale(1.02,1.02);-ms-transform:scale(1.02,1.02);transform:scale(1.02,1.02)}
.cabinet-list li .img{overflow:hidden;width:100%;height:263px;margin-bottom:15px}
.cabinet-list li .img img{display:block;width:100%;height:100%;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease}
.cabinet-list li h3{font-size:16px;color:#333;line-height:26px;height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;transition:color .2s ease}
.cabinet-detail-title{padding-top:30px;padding-bottom:20px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end}
.cabinet-detail-title h2{font-size:26px;text-transform:uppercase;color:#333;margin-bottom:5px}
.cabinet-detail-title .tag-con{font-size:14px;line-height:30px;color:#919191}
.cabinet-detail-title .tag-con i{color:#22ac38;font-weight:bold;margin-right:5px}
.cabinet-detail-title .tag-con span{display:inline-block;vertical-align:top;color:#000;padding:0 10px;background-color:#fff;border:1px solid #d1d1d1;line-height:28px}
.cabinet-detail-title .down-load{display:block;width:205px;height:40px;line-height:40px;color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 18px;font-size:18px;background:#22ac38;cursor:pointer;text-align:left;position:relative;overflow:hidden;-webkit-transition:color .6s ease;-moz-transition:color .6s ease;transition:color .6s ease;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.cabinet-detail-title .down-load span{position:relative;z-index:2}
.cabinet-detail-title .down-load i{font-size:14px;position:absolute;top:50%;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);z-index:5;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}
.cabinet-detail-title .down-load i:nth-child(2){color:rgba(255,255,255,0.2);right:46px}
.cabinet-detail-title .down-load i:nth-child(3){color:rgba(255,255,255,0.6);right:38px}
.cabinet-detail-title .down-load i:nth-child(4){color:#fff;right:30px}
.cabinet-detail-title .down-load:hover{color:#fff}
.cabinet-detail-title .down-load:hover i:nth-child(2){right:36px}
.cabinet-detail-title .down-load:hover i:nth-child(3){right:28px}
.cabinet-detail-title .down-load:hover i:nth-child(4){right:20px}
.cabinet-detail-title .down-con{display:inline-block;vertical-align:top;padding:0 14px;background-color:#fff;border:1px solid #d1d1d1;font-size:16px;color:#c1c1c1;line-height:38px}
.cabinet-detail-title .down-con span{color:#000}
.cabinet-detail-title .down-con a{display:inline-block;vertical-align:top;color:#22ac38;text-decoration:underline}
.cabinet-detail-title .down-con a:hover{color:#fb9a38}
.pdf-view-con{position:relative}
.pdf-view-con:after{position:absolute;top:0;content:'Brochures';font-weight:bold;font-size:110px;color:#efefef;z-index:1}
.pdf-view{position:relative;z-index:2;background-color:#fff}
.pdf-view canvas{display:block;width:100%}
.pdf-view iframe{display:block;width:100%;height:870px}
.thanks-content{width:100%;margin-bottom:100px}
.thanks-content .pd{padding:32px 0 33px;font-size:16px}
.thanks-content .pd a{color:#333}
.thanks-content .pd a:hover{color:#22ac38}
.thanks-content .con{position:relative;width:100%;padding:70px 56px 78px 55px;background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box}
.thanks-content .close-btn{position:absolute;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;top:20px;right:20px;width:24px;height:24px}
.thanks-content .title{margin-bottom:19px;line-height:1;text-align:center;font-size:45px;color:#333}
.thanks-content .text{margin-bottom:40px;text-align:center;font-size:16px;color:#666}
.thanks-content .img-box{margin-bottom:37px;text-align:center}
.thanks-content .img-box img{max-width:100%;height:auto}
.thanks-content .btn-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}
.thanks-content .bth-wrap{width:320px;height:42px;margin:0 15px;padding:1px;background-color:#fb8016;-moz-box-sizing:border-box;box-sizing:border-box}
.thanks-content .bth-wrap a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;padding:0 20px 0 15px;border:1px solid rgba(255,255,255,0.5);-moz-box-sizing:border-box;box-sizing:border-box}
.thanks-content .bth-wrap a img{-webkit-transition:.2s ease all;-moz-transition:.2s ease all;transition:.2s ease all}
.thanks-content .bth-wrap a:hover img{-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);transform:translateX(5px)}
.thanks-content .bth-wrap .txt{font-size:18px;color:#fff}
.notFound-content{width:100%}
.notFound-content .pd{padding:34px 0 33px;font-size:16px}
.notFound-content .pd a{color:#333}
.notFound-content .pd a:hover{color:#22ac38}
.notFound-content .con{position:relative;margin-bottom:100px}
.notFound-content .con:after{position:absolute;left:0;bottom:-94px;width:100%;height:188px;content:'';background-image:url(../image/404_shadow.png);background-position:center bottom;background-repeat:no-repeat;z-index:1}
.notFound-content .inner-con{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;background:#fff;z-index:2}
.notFound-content .left-img-box{width:345px;height:591px}
.notFound-content .left-img-box>img{display:inline-block;width:100%;height:100%}
.notFound-content .right-text-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding-top:134px}
.notFound-content .right-text-box .notfound-img-box{text-align:center}
.notFound-content .right-text-box .notfound-img-box img{max-width:100%;height:auto}
.notFound-content .right-text-box .title{margin-top:14px;margin-bottom:45px;line-height:1;text-align:center;font-size:40px;color:#333;font-weight:bold}
.notFound-content .right-text-box .p{width:585px;line-height:30px;text-align:center;font-size:16px;color:#666}
.notFound-content .right-text-box .bth-wrap{width:400px;height:42px;margin-top:40px;padding:1px;background-color:#fb8016;-moz-box-sizing:border-box;box-sizing:border-box}
.notFound-content .right-text-box .bth-wrap a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;padding:0 20px 0 15px;border:1px solid rgba(255,255,255,0.5);-moz-box-sizing:border-box;box-sizing:border-box}
.notFound-content .right-text-box .bth-wrap a img{-webkit-transition:.2s ease all;-moz-transition:.2s ease all;transition:.2s ease all}
.notFound-content .right-text-box .bth-wrap a:hover img{-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);transform:translateX(5px)}
.notFound-content .right-text-box .bth-wrap .txt{font-size:18px;color:#fff}
.privacy-content{width:100%}
.privacy-content.pb-40{padding-bottom:40px}
.privacy-content .pd{padding:40px 0 20px;font-size:16px}
.privacy-content .pd a{color:#333}
.privacy-content .pd a:hover{color:#22ac38}
.privacy-content .con{padding:60px 50px 97px 48px;margin-bottom:100px;background-color:#fff;font-size:14px}
.privacy-content .con p{margin-bottom:15px}
.privacy-content .con img{max-width:100%;height:auto !important}
.privacy-content .con ul{list-style:disc}
.privacy-content .con ul li{list-style:disc}
.privacy-content .con ol{list-style:decimal}
.privacy-content .con ol li{list-style:decimal}
.privacy-content .con .h2{font-size:32px;color:#333;font-weight:bold;margin-bottom:40px}
.privacy-content .con p{line-height:30px;margin-bottom:20px;font-size:16px;color:#777}
.privacy-content .con .h3{margin-top:40px;margin-bottom:25px;font-size:24px;color:#333;font-weight:bold}
.privacy-content .con .list-box{margin-top:20px}
.privacy-content .con .list-box .list{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.privacy-content .con .list-box .list .disc{display:block;width:6px;height:6px;margin-top:12px;border-radius:50%;background-color:#fa8016}
.privacy-content .con .list-box .list .txt{display:block;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding-left:8px;line-height:30px;font-size:16px;color:#777}
.privacy-content .con .mt1{margin-top:10px}
.privacy-content .con .mb1{margin-bottom:20px}
.privacy-content .con .mb2{margin-bottom:30px}
.privacy-content .con .nm{margin-bottom:0}
.privacy-content .tab-list{width:100%;padding-bottom:20px;font-size:0}
.privacy-content .tab-list a{display:inline-block;vertical-align:top;height:25px;margin-right:8px;padding:0 10px;line-height:25px;font-size:14px;color:#666;background:#f4f4f4;border:1px solid #d6d6d6;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}
.privacy-content .tab-list a:hover,.privacy-content .tab-list a.on{border-color:#fff;background:#22ac38;color:#fff}
.privacy-content .bfc{overflow:hidden}
.flow-path-content{width:100%}
.flow-path-content .banner-box{width:100%;height:350px;background-image:url(../image/flow_path_img1.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}
.flow-path-content .banner-box .pd{padding-top:40px;font-size:16px}
.flow-path-content .banner-box .pd a{color:#333}
.flow-path-content .banner-box .pd a:hover{color:#22ac38}
.flow-path-content .con{width:100%;padding:60px 0 97px;background:#fff}
.flow-path-content .item{width:100%}
.flow-path-content .title-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.flow-path-content .title-wrap .icon-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#fb801b}
.flow-path-content .title-wrap .m-title{padding-left:13px;font-size:22px;color:#000}
.flow-path-content .content-wrap{width:100%;height:172px;background-image:url(../image/flow_path_bg.jpg);background-size:cover;background-repeat:repeat-y;font-size:14px}
.flow-path-content .content-wrap p{margin-bottom:15px}
.flow-path-content .content-wrap img{max-width:100%;height:auto !important}
.flow-path-content .content-wrap ul{list-style:disc}
.flow-path-content .content-wrap ul li{list-style:disc}
.flow-path-content .content-wrap ol{list-style:decimal}
.flow-path-content .content-wrap ol li{list-style:decimal}
.flow-path-content .content-wrap.no-bg{height:auto;background-image:none}
.flow-path-content .content-wrap .p{padding-top:10px;padding-left:62px;line-height:25px;font-size:15px;color:#777}
.flow-path-content .content-wrap .p a{color:#777;text-decoration:underline;-webkit-transition:.2s ease all;-moz-transition:.2s ease all;transition:.2s ease all}
.flow-path-content .content-wrap .p a:hover{color:#22ac38}
.flow-path-content .content-wrap .p p{margin-bottom:0}
.flow-path-content .content-wrap .p1{padding-top:10px;padding-left:62px;line-height:25px;font-size:15px;color:#777}
.bathroom-detail-content .detail-con .left .img-box{height:650px;margin-bottom:0}
.bathroom-detail-content .detail-con .left .choose-box{height:100px}
.bathroom-detail-content .detail-con .right{padding-bottom:0}
.bathroom-detail-content .detail-con .self-btn{width:100%;text-align:left;background-color:#fff;cursor:pointer}
.bathroom-detail-content .detail-con .tal{padding-top:18px;text-align:left}
.bathroom-detail-content .bathroom-detail-con{margin:40px 0 20px;padding:60px 47px 49px 49px;background-color:#fff}
.bathroom-detail-content .bathroom-detail-con .h3{margin-bottom:40px;text-align:center;font-size:22px;color:#333}
.bathroom-detail-content .bathroom-detail-con .txt p{margin-bottom:25px;line-height:25px;font-size:16px;color:#333}
.bathroom-detail-content .bathroom-detail-con .txt .detail-video-article{margin-top:15px}
.bathroom-detail-content .display-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.bathroom-detail-content .item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:590px;padding:10px;margin-bottom:14px;background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box}
.bathroom-detail-content .item .img-box{position:relative;width:267px;padding-bottom:34.5614%;overflow:hidden}
.bathroom-detail-content .item .img-box>img{position:absolute;display:inline-block;top:0;left:0;width:100%;height:100%}
.bathroom-detail-content .item .text-box{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding:28px 38px 0 32px}
.bathroom-detail-content .item .text-box .h3{margin-bottom:18px;font-size:22px;color:#333;text-transform:uppercase}
.bathroom-detail-content .item .text-box p{line-height:20px;font-size:16px;color:#777}
.bathroom-detail-content .bfc{overflow:hidden}
.cupboard-guide-content .cupboard-section section{padding:90px 0 100px}
.cupboard-guide-content .cupboard-section section.project-detail-form{padding-bottom:70px}
.cupboard-guide-content .cupboard-section section:nth-child(2n+1){background-color:#fff}
.cupboard-guide-content .detail-ad-con{margin-top:0;margin-bottom:90px}
.cupboard-guide-content .detail-ad-con .more-btn{width:219px}
.cupboard-guide-content .bth-wrap{width:253px;height:40px;margin-top:30px;background-color:#fb8016}
.cupboard-guide-content .bth-wrap a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;padding:0 20px;-moz-box-sizing:border-box;box-sizing:border-box}
.cupboard-guide-content .bth-wrap a img{-webkit-transition:.2s ease all;-moz-transition:.2s ease all;transition:.2s ease all}
.cupboard-guide-content .bth-wrap a:hover img{-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);transform:translateX(5px)}
.cupboard-guide-content .bth-wrap .txt{font-size:16px;color:#fff}
.cupboard-guide-content .cupboard-section-title{margin-bottom:40px;text-align:center;font-size:32px;color:#333;text-transform:uppercase}
.cupboard-guide-content .whole-section-title{margin-bottom:20px}
.cupboard-guide-content .whole-section-p{font-size:16px;color:#777}
.cupboard-guide-content .whole-section-p.mb40{margin-bottom:40px}
.cupboard-guide-content .cupboard-style-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-bottom:40px}
.cupboard-guide-content .cupboard-style-list .left-item{width:295px;margin-right:10px}
.cupboard-guide-content .cupboard-style-list .left-item .list{width:100%;margin-bottom:14px}
.cupboard-guide-content .cupboard-style-list .left-item .list:last-child{margin-bottom:0}
.cupboard-guide-content .cupboard-style-list .left-item a{position:relative;display:block;width:100%;height:203px}
.cupboard-guide-content .cupboard-style-list .left-item a::after{position:absolute;width:100%;height:100%;z-index:5;left:0;top:0;background:url(../image/project_shadow_1.png) center bottom repeat-x;display:block;z-index:1;content:''}
.cupboard-guide-content .cupboard-style-list .left-item a:hover .img>img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.cupboard-guide-content .cupboard-style-list .center-item{width:590px;margin-right:10px}
.cupboard-guide-content .cupboard-style-list .center-item a{position:relative;display:block;width:100%;height:420px}
.cupboard-guide-content .cupboard-style-list .center-item a::after{position:absolute;width:100%;height:100%;z-index:5;left:0;top:0;background:url(../image/project_shadow_1.png) center bottom repeat-x;display:block;z-index:1;content:''}
.cupboard-guide-content .cupboard-style-list .center-item a:hover .img>img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.cupboard-guide-content .cupboard-style-list .right-item{width:295px}
.cupboard-guide-content .cupboard-style-list .right-item .list{width:100%;margin-bottom:14px}
.cupboard-guide-content .cupboard-style-list .right-item .list:last-child{margin-bottom:0}
.cupboard-guide-content .cupboard-style-list .right-item a{position:relative;display:block;width:100%;height:203px}
.cupboard-guide-content .cupboard-style-list .right-item a::after{position:absolute;width:100%;height:100%;z-index:5;left:0;top:0;background:url(../image/project_shadow_1.png) center bottom repeat-x;display:block;z-index:1;content:''}
.cupboard-guide-content .cupboard-style-list .right-item a:hover .img>img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.cupboard-guide-content .cupboard-style-list .img{position:relative;width:100%;height:100%;overflow:hidden}
.cupboard-guide-content .cupboard-style-list img{position:absolute;display:inline-block;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.6s ease all;-moz-transition:.6s ease all;transition:.6s ease all}
.cupboard-guide-content .cupboard-style-list h3{position:absolute;left:0;bottom:0;width:100%;padding-left:25px;margin-bottom:20px;font-size:20px;color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;z-index:2}
.cupboard-guide-content .cupboard-test-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-top:40px}
.cupboard-guide-content .cupboard-test-wrap .left-test-bg{background-position:center;background-repeat:no-repeat;-moz-box-sizing:border-box;box-sizing:border-box;width:360px;height:675px;padding:56px 40px 0;background-size:cover}
.cupboard-guide-content .cupboard-test-wrap .left-test-h2{margin-bottom:18px;font-size:24px;color:#333;font-weight:bold;text-transform:uppercase}
.cupboard-guide-content .cupboard-test-wrap .left-test-p{margin-bottom:30px;line-height:24px;font-size:16px;color:#333}
.cupboard-guide-content .cupboard-test-wrap .left-test-flow{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.cupboard-guide-content .cupboard-test-wrap .left-test-flow-item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:100%}
.cupboard-guide-content .cupboard-test-wrap .num-box{width:32px;height:32px;text-align:center;line-height:32px;font-size:16px;color:#fff;background:#fb801b;border-radius:50%}
.cupboard-guide-content .cupboard-test-wrap .left-test-flow-title{padding-left:10px;font-size:16px;color:#333}
.cupboard-guide-content .cupboard-test-wrap .flow-img{display:block;max-width:100%;padding:5px 0 5px 14px}
.cupboard-guide-content .cupboard-test-wrap .right-test-box{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding:56px 22px 0 28px;background:#fff;-moz-box-sizing:border-box;box-sizing:border-box}
.cupboard-guide-content .cupboard-test-wrap .right-test-h2{margin-bottom:30px;text-align:center;font-size:24px;color:#333}
.cupboard-guide-content .cupboard-test-wrap .right-test-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;margin-bottom:50px}
.cupboard-guide-content .cupboard-test-wrap .right-test-list img{display:block;width:100%}
.cupboard-guide-content .cupboard-test-wrap .right-test-l{width:254px;margin-right:20px}
.cupboard-guide-content .cupboard-test-wrap .right-test-r{width:254px}
.cupboard-guide-content .cupboard-test-wrap .right-test-item{position:relative;display:block;width:100%;height:184px;margin-bottom:20px}
.cupboard-guide-content .cupboard-test-wrap .right-test-item::after{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background-image:url(../image/cupboard_true.png);background-position:center;background-repeat:no-repeat;background-color:rgba(45,60,82,0.4);content:'';opacity:0;-webkit-opacity:0;filter:alpha(opacity=0);-webkit-transition:.4s ease all;-moz-transition:.4s ease all;transition:.4s ease all}
.cupboard-guide-content .cupboard-test-wrap .right-test-item:last-child{margin-bottom:0}
.cupboard-guide-content .cupboard-test-wrap .right-test-item:hover::after{opacity:1;-webkit-opacity:1;filter:alpha(opacity=100)}
.cupboard-guide-content .cupboard-test-wrap .img-box{position:relative;width:100%;height:100%;overflow:hidden}
.cupboard-guide-content .cupboard-test-wrap .img-box img{position:absolute;display:inline-block;top:0;left:0;width:100%;height:100%}
.cupboard-guide-content .cupboard-test-wrap .right-test-c{width:242px;margin-right:20px}
.cupboard-guide-content .cupboard-test-wrap .right-test-c .h388{height:388px}
.cupboard-guide-content .cupboard-inspiration-wrap .cupboard-inspiration-h2{margin-bottom:20px;line-height:1;text-align:center;font-size:32px;color:#333}
.cupboard-guide-content .cupboard-inspiration-wrap .cupboard-inspiration-p{margin-bottom:40px;text-align:center;font-size:16px;color:#777}
.cupboard-guide-content .cupboard-inspiration-wrap .cupboard-inspiration-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.cupboard-guide-content .cupboard-inspiration-wrap .cupboard-inspiration-item{width:380px;background-color:#fff;border:1px solid #e2e2e2}
.cupboard-guide-content .cupboard-inspiration-wrap .cupboard-inspiration-item a{position:relative;display:block;width:100%;padding:20px 20px 50px;-moz-box-sizing:border-box;box-sizing:border-box}
.cupboard-guide-content .cupboard-inspiration-wrap .cupboard-inspiration-item a:hover .cupboard-inspiration-img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.cupboard-guide-content .cupboard-inspiration-wrap .cupboard-inspiration-item a:hover h3{color:#22ac38}
.cupboard-guide-content .cupboard-inspiration-wrap .cupboard-inspiration-item .cupboard-inspiration-img-box{position:relative;width:100%;padding-top:70%;margin-bottom:30px;overflow:hidden}
.cupboard-guide-content .cupboard-inspiration-wrap .cupboard-inspiration-item .cupboard-inspiration-img{position:absolute;display:inline-block;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.6s ease all;-moz-transition:.6s ease all;transition:.6s ease all}
.cupboard-guide-content .cupboard-inspiration-wrap .cupboard-inspiration-item .info-box{padding-left:10px}
.cupboard-guide-content .cupboard-inspiration-wrap .cupboard-inspiration-item h3{font-size:20px;color:#333;font-weight:bold;overflow:hidden;height:28px;line-height:28px;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:.6s ease all;-moz-transition:.6s ease all;transition:.6s ease all}
.cupboard-guide-content .cupboard-inspiration-wrap .cupboard-inspiration-item .time{font-size:15px;color:#666}
.cupboard-guide-content .cupboard-inspiration-wrap .cupboard-inspiration-item .p{font-size:15px;line-height:24px;color:#555;padding-top:30px;height:72px;overflow:hidden}
.cupboard-guide-content .cupboard-inspiration-wrap .tags{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-top:30px;height:24px;overflow:hidden}
.cupboard-guide-content .cupboard-inspiration-wrap .tags>span{display:inline-block;margin:0 5px;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;text-align:center;border:1px solid #ababab;background-color:#f5f5f5;line-height:22px;font-size:13px;color:#777}
.cupboard-guide-content .cupboard-solutions-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.cupboard-guide-content .cupboard-solutions-item{width:590px;padding:10px 35px 10px 10px;margin-bottom:14px;background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box}
.cupboard-guide-content .cupboard-solutions-item a{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%}
.cupboard-guide-content .cupboard-solutions-item a:hover .img-box:before{opacity:1;-webkit-opacity:1;filter:alpha(opacity=100)}
.cupboard-guide-content .cupboard-solutions-item a:hover .icon-jiahao2{opacity:1;-webkit-opacity:1;filter:alpha(opacity=100)}
.cupboard-guide-content .cupboard-solutions-item a:hover .arrow-box{background-color:#22ac38}
.cupboard-guide-content .cupboard-solutions-item a:hover .arrow-box i{color:#fff}
.cupboard-guide-content .cupboard-solutions-item .icon-jiahao2{position:absolute;top:50%;left:50%;font-size:24px;color:#fff;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:3;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;opacity:0;-webkit-opacity:0;filter:alpha(opacity=0);-webkit-transition:.4s ease all;-moz-transition:.4s ease all;transition:.4s ease all}
.cupboard-guide-content .cupboard-solutions-item .img-box{position:relative;width:266px;height:197px;overflow:hidden}
.cupboard-guide-content .cupboard-solutions-item .img-box img{position:absolute;display:inline-block;top:0;left:0;width:100%;height:100%;z-index:1}
.cupboard-guide-content .cupboard-solutions-item .img-box::before{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background-color:rgba(45,60,82,0.4);content:'';z-index:2;opacity:0;-webkit-opacity:0;filter:alpha(opacity=0);-webkit-transition:.4s ease all;-moz-transition:.4s ease all;transition:.4s ease all}
.cupboard-guide-content .cupboard-solutions-item .info-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding-left:30px;overflow:hidden}
.cupboard-guide-content .cupboard-solutions-item .h2{line-height:26px;font-size:20px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cupboard-guide-content .cupboard-solutions-item .info-p{padding-top:15px;height:72px;line-height:24px;font-size:16px;color:#777;overflow:hidden}
.cupboard-guide-content .cupboard-solutions-item .arrow-box{width:22px;height:22px;margin-top:12px;text-align:center;line-height:22px;border:1px solid #22ac38;border-radius:50%;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.4s ease all;-moz-transition:.4s ease all;transition:.4s ease all}
.cupboard-guide-content .cupboard-solutions-item .arrow-box i{font-size:12px;color:#22ac38;-webkit-transition:.4s ease all;-moz-transition:.4s ease all;transition:.4s ease all}
.cupboard-guide-content .bfc-more-btn{overflow:hidden}
.cupboard-guide-content .bfc-more-btn .more-btn{margin-top:28px}
.cupboard-guide-content .cupboard-order-title{margin-bottom:6px;line-height:1;text-align:center;font-size:32px;color:#555;text-transform:uppercase}
.cupboard-guide-content .project-detail-form{background-image:url(../image/cupboard_9.jpg)}
.cupboard-guide-content .form-submit-box{text-align:right}
.sitemap-wrap{width:100%;padding-top:40px;padding-bottom:100px;background-color:#f5f5f5}
.sitemap-wrap .list-box{width:100%;margin-bottom:10px}
.sitemap-wrap .title-box{display:block;width:100%;height:60px;padding:0 28px;line-height:60px;background-color:#22ac38;font-size:18px;color:#fff;font-weight:bold;text-transform:uppercase;-moz-box-sizing:border-box;box-sizing:border-box}
.sitemap-wrap .con-box{width:100%}
.sitemap-wrap .con-list{width:100%;background-color:#fff}
.sitemap-wrap .item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:60px;padding:0 28px;border-bottom:1px solid #e2e2e2;cursor:pointer}
.sitemap-wrap .item .word{display:block;font-size:16px;color:#333;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;transition:color .2s ease}
.sitemap-wrap .item .word:hover{color:#22ac38}
.sitemap-wrap .item .icon{font-size:22px;color:#333}
.sitemap-wrap .sub{display:none;padding:30px 28px 45px;background-color:#fff;border-bottom:1px solid #e2e2e2}
.sitemap-wrap .sub-list-word{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-bottom:20px;font-size:16px;color:#999;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;transition:color .2s ease}
.sitemap-wrap .sub-list-word span{display:inline-block;padding-left:3px}
.sitemap-wrap .sub-list-word::before{content:'-';display:inline-block}
.sitemap-wrap .sub-list-word:hover{color:#22ac38}
.whole-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:1200px;margin:0 auto;padding-bottom:40px}
.whole-list li{-moz-box-sizing:border-box;box-sizing:border-box;width:33.33333%;padding:0 10px;display:inline-block;vertical-align:top;margin-bottom:30px;box-sizing:border-box}
.whole-list li a{display:block;width:100%;border:1px solid #d9d9d9;padding:15px;background-color:#fff;-moz-box-sizing:border-box;box-sizing:border-box}
.whole-list li a:hover .info h2{color:#22ac38}
.whole-list .img{width:100%;height:276px}
.whole-list .img img{display:block;width:100%;height:100%}
.whole-list .info{padding:25px 14px 0}
.whole-list .info h2{font-size:22px;font-weight:bold;color:#333;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px}
.whole-list .info p{font-size:16px;line-height:30px;height:60px;overflow:hidden;color:#666}
.whole-icon-con{background-color:#fff;padding:50px 0}
.whole-icon-con .wp1200{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.whole-icon-con .item{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;position:relative}
.whole-icon-con .item:before{font-family:'iconfont';content:'\e6e8';color:#22ac38;font-size:16px;display:block;position:absolute;left:-8px;top:26px;z-index:5}
.whole-icon-con .item:first-child:before{display:none}
.whole-icon-con .item:last-child:before{content:'\e6e9'}
.whole-icon-con .img{width:72px;height:72px;margin:0 auto 15px}
.whole-icon-con p{text-align:center;font-size:16px}
.whole-section section{padding:80px 0;overflow:hidden}
.whole-section section:nth-child(2n+1){background-color:#f5f5f5}
.whole-section section:nth-child(2n){background-color:#fff}
.whole-section-title{text-align:center;font-size:32px;color:#333;line-height:40px;margin-bottom:10px;text-transform:uppercase}
.whole-section-p{margin:0 auto 30px;width:1200px;word-break:break-word;font-size:16px;line-height:26px;color:#444;text-align:center}
.whole-style-list{font-size:0;position:relative;margin-bottom:50px}
.whole-style-list li:nth-child(1){position:absolute;width:430px;height:574px}
.whole-style-list li:nth-child(2){margin-left:445px;width:755px;height:315px;margin-bottom:12px}
.whole-style-list li:nth-child(3){display:inline-block;vertical-align:top;margin-left:445px;height:247px;width:372px}
.whole-style-list li:nth-child(4){display:inline-block;vertical-align:top;margin-left:11px;height:247px;width:372px}
.whole-style-list li a{display:block;width:100%;height:100%;position:relative}
.whole-style-list li a:after{position:absolute;width:100%;height:100%;z-index:5;left:0;top:0;background:url(../image/project_shadow_1.png) center bottom repeat-x;display:block;content:''}
.whole-style-list li a:hover .img img{-webkit-transform:scale(1.02,1.02);-moz-transform:scale(1.02,1.02);-ms-transform:scale(1.02,1.02);transform:scale(1.02,1.02)}
.whole-style-list li .img{position:relative;width:100%;height:100%;overflow:hidden}
.whole-style-list li .img img{display:block;width:100%;height:100%;top:0;left:0;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease}
.whole-style-list li h3{position:absolute;z-index:6;left:20px;right:20px;bottom:10px;color:#fff;font-size:24px;line-height:32px}
.whole-video-list{font-size:0}
.whole-video-list li{display:inline-block;vertical-align:top;width:585px}
.whole-video-list li:nth-child(2n+1){margin-right:15px}
.whole-video-list li:nth-child(2n){margin-left:15px}
.whole-video-list .video-box{width:585px;height:325px}
.whole-video-list .video-box iframe{display:block;width:100%;height:100%}
.whole-video-list .p{height:54px;line-height:54px;text-align:center;overflow:hidden;font-size:16px;color:#444;text-overflow:ellipsis;white-space:nowrap}
.whole-case-swiper{margin-top:40px;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease}
.whole-case-swiper .swiper-slide{width:453px}
.whole-case-swiper .swiper-slide a{display:block;background-color:#fff;padding:30px}
.whole-case-swiper .swiper-slide a:hover .img:after{opacity:1}
.whole-case-swiper .swiper-slide .img{position:relative;width:100%;height:215px}
.whole-case-swiper .swiper-slide .img img{display:block;width:100%;height:100%}
.whole-case-swiper .swiper-slide .img:after{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(45,60,82,0.4);opacity:0;content:'';display:block;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;transition:opacity .4s ease}
.whole-case-swiper .swiper-slide .info{padding-top:30px}
.whole-case-swiper .swiper-slide .info h5{font-size:22px;font-weight:bold;color:#333;margin-bottom:15px}
.whole-case-swiper .swiper-slide .info .p{font-size:16px;line-height:30px;color:#666;height:210px;overflow:hidden}
.whole-case-swiper .swiper-slide .more{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;border-top:1px dashed #c7c7c7;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:24px;color:#22ac38;font-size:18px}
.whole-case-swiper .swiper-slide .more i{font-size:16px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);display:inline-block;margin-left:-12px;font-weight:bold}
.whole-case-swiper .swiper-slide .more i:nth-child(1){color:rgba(250,129,6,0.4)}
.whole-case-swiper .swiper-slide .more i:nth-child(2){color:rgba(250,129,6,0.7)}
.whole-case-swiper .swiper-slide .more i:nth-child(3){color:#22ac38}
.whole-case-swiper .swiper-pagination{position:static;margin-top:40px}
.whole-case-swiper .swiper-pagination-bullet{vertical-align:top;margin:0 5px;outline:none;opacity:1;background-color:#c8c8c8}
.whole-case-swiper .swiper-pagination-bullet-active{background-color:#22ac38}
.whole-customer-con .whole-customer-box:first-child{display:block}
.whole-customer-box{display:none}
.whole-customer-box .flex-box{padding:40px 60px;background-color:#f5f5f5;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-top:30px}
.whole-customer-box .info{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin:0 20px 0 70px;overflow:hidden;word-break:break-word}
.whole-customer-box .info h5{font-size:24px;color:#000;margin-bottom:12px}
.whole-customer-box .p{font-size:16px;line-height:24px;color:#777}
.whole-customer-box .p *{line-height: inherit;}
.whole-customer-box .p p{margin-bottom:10px}
.whole-banner{width:100%}
.whole-banner .swiper-slide{width:100%;height:350px;position:relative;overflow:hidden}
.whole-banner .swiper-slide img{position:absolute;height:100%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:0}
.whole-banner .swiper-pagination{bottom:20px}
.whole-banner .swiper-pagination-bullet{opacity:1;background-color:#fff;outline:none;margin:0 5px !important}
.whole-banner .swiper-pagination-bullet-active{background-color:#22ac38}
.dealer-con{padding:90px 0 100px}
.dealer-con.bg-fff{background-color:#fff}
.dealer-con.bg-f5{background-color:#f5f5f5}
.dealer-title{font-size:32px;color:#333;text-transform:uppercase;margin-bottom:30px;text-align:center}
.dealer-support-box .word{position:relative;z-index:1;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #f1f1f1;padding:50px 50px 390px;font-size:16px;line-height:30px;color:#777;background-color:#fcfcfc;word-break:break-word}
.dealer-support-box .flex-box{position:relative;z-index:2;margin:-364px 50px 0;background-color:#f5f5f5;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.dealer-support-box .img-list{width:760px;font-size:0}
.dealer-support-box .img-list li{display:inline-block;vertical-align:top;width:50%;height:249px;position:relative}
.dealer-support-box .img-list li img{display:block;width:100%;height:100%}
.dealer-support-box .img-list li:after{position:absolute;width:100%;height:100%;z-index:2;left:0;top:0;content:'';background:url(../image/project_shadow_1.png) center bottom repeat-x}
.dealer-support-box .img-list li p{position:absolute;color:#fff;font-size:16px;left:30px;right:30px;bottom:16px;z-index:5}
.dealer-support-box .word-list{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin:0 30px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}
.dealer-support-box .word-list li{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #dcdcdc;font-size:16px;color:#333}
.dealer-support-box .word-list li i{color:#22ac38;font-size:22px;margin-right:10px}
.dealer-support-box .word-list li:last-child{border-bottom:none}
.dealer-types-con .img{position:relative;z-index:1}
.dealer-types-con .img img{display:block;width:100%}
.dealer-types-con .flex-box{position:relative;z-index:2;margin:-67px 40px 0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.dealer-types-con .box{position:relative;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;border:1px solid #e5e5e5;-moz-box-sizing:border-box;box-sizing:border-box;padding:20px 20px 100px;margin:0 5px;background-color:#fff}
.dealer-types-con .title{width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:80px;background-color:#f5ebe3;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;font-size:21px;font-weight:bold;color:#333;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:80px;line-height:24px;position:relative;overflow:hidden}
.dealer-types-con .num{color:#fff;font-size:16px;text-align:center;width:140px;height:50px;overflow:hidden;line-height:70px;position:absolute;top:0;left:-70px;-webkit-transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);z-index:5;background-color:#22ac38}
.dealer-types-con .info{padding-top:30px}
.dealer-types-con .info p{position:relative;padding-left:12px;font-size:16px;color:#777;margin-bottom:10px}
.dealer-types-con .info p:before{position:absolute;width:6px;height:6px;border-radius:100%;background-color:#22ac38;content:'';left:0;top:8px;display:block}
.dealer-types-con .info p strong{color:#333}
.dealer-types-con .dealer-btn{position:absolute;left:50%;bottom:30px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.examples-con{border:1px solid #e5e5e5;padding:40px 50px;background-color:#fff;position:relative}
.examples-con .examples-wrapper:first-child{display:block}
.examples-con .examples-swiper-prev{position:absolute;left:10px;top:40%;outline:none;font-size:28px;color:#22ac38;cursor:pointer;z-index:5;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.examples-con .examples-swiper-next{position:absolute;right:10px;top:40%;outline:none;font-size:28px;color:#22ac38;cursor:pointer;z-index:5}
.examples-wrapper{display:none}
.examples-box{margin-bottom:30px;font-size:0}
.examples-box .img{display:inline-block;vertical-align:top;width:627px;height:380px}
.examples-box .img .box{display:none;position:relative;width:100%;height:100%}
.examples-box .img .box img{position:absolute;display:block;max-width:100%;max-height:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.examples-box .img .box:first-child{display:block}
.examples-box .info{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;margin-left:30px;height:380px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:441px}
.examples-box .top h3{font-size:24px;color:#333;margin-bottom:12px}
.examples-box .top p{font-size:16px;line-height:26px;margin-bottom:8px;color:#777}
.examples-box .top p strong{color:#333}
.examples-box .comment{border-top:1px dashed #d6d6d6;padding-top:26px}
.examples-box .avatar{font-size:18px;line-height:35px;margin-bottom:12px;color:#333}
.examples-box .avatar img{display:inline-block;vertical-align:top;margin-right:10px}
.examples-box .p{font-size:16px;line-height:26px;color:#777}
.examples-swiper{position:relative}
.examples-swiper:before{position:absolute;width:100%;height:110px;background-color:#eaeaea;left:0;top:0;content:'';z-index:1}
.examples-swiper .swiper-container{margin:0 30px;padding-top:15px;z-index:5}
.examples-swiper .swiper-slide{background-color:#fff;border:1px solid #dadada;padding:8px;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer}
.examples-swiper .swiper-slide img{width:145px;height:95px}
.examples-swiper .swiper-slide.on{border-color:#22ac38}
.dealer-video-list{font-size:0}
.dealer-video-list li{display:inline-block;vertical-align:top;width:50%;-moz-box-sizing:border-box;box-sizing:border-box}
.dealer-video-list li:nth-child(2n+1){padding-right:15px}
.dealer-video-list li:nth-child(2n){padding-left:15px}
.dealer-video-list li iframe{display:block;width:100%;height:297px}
.dealer-map{width:1440px;margin:0 auto 80px}
.dealer-map iframe{display:block;width:100%}
@media screen and (max-width:1440px){
    .dealer-map{width:1200px}
}
.dealer-map-info{width:1440px;margin:0 auto}
@media screen and (max-width:1440px){
    .dealer-map-info{width:1200px}
}
.dealer-map-title{height:70px;line-height:70px;background-color:#22ac38;color:#fff;text-transform:uppercase;font-size:34px;overflow:hidden;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 120px}
.dealer-map-p{padding:40px 120px;background-color:#fff;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-left:1px solid #e6e6e6;font-size:16px;line-height:30px;color:#777}
.dealer-map-p img{max-width:100%}
.quality-detail{background-color:#fff;padding:70px 0 90px}
.quality-detail .title{font-size:32px;color:#333;text-align:center;margin-bottom:24px}
.quality-detail .article{font-size:16px;line-height:32px;color:#777}
.quality-detail .article p{margin-bottom:20px}
.quality-detail .article img{max-width:100%}
.quality-pro-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.quality-pro-list .item{display:block;width:584px;height:370px;position:relative;margin-bottom:30px;overflow:hidden}
.quality-pro-list .item .img,.quality-pro-list .item img{display:block;width:100%;height:100%;position:relative;z-index:1}
.quality-pro-list .item .t{position:absolute;z-index:2;left:30px;right:30px;bottom:20px;font-size:18px;font-weight:bold;color:#333;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.quality-pro-list .item:before{position:absolute;width:100%;height:100%;left:0;top:0;z-index:3;background-color:rgba(45,60,82,0.4);display:block;content:'';-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;opacity:0;visibility:hidden}
.quality-pro-list .item .word{position:absolute;z-index:4;left:30px;right:30px;bottom:20px;color:#fff;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;opacity:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;visibility:hidden;-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
.quality-pro-list .item .word h4{font-size:24px;font-weight:bold;margin-bottom:15px}
.quality-pro-list .item .p{font-size:16px;line-height:30px}
.quality-pro-list .item:hover .t{opacity:0;-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
.quality-pro-list .item:hover:before{opacity:1;visibility:visible}
.quality-pro-list .item:hover .word{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;visibility:visible}
.quality-list{background-color:#f5f5f5;padding:90px 10px 40px}
.quality-list .title{text-align:center;font-size:32px;color:#333;margin-bottom:30px}
.quality-list .item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-bottom:60px;padding-bottom:40px;position:relative;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}
.quality-list .item .img{width:600px;height:396px;position:relative;z-index:4;margin-left:68px;box-shadow:0 30px 15px -17px rgba(0,0,0,0.2);background-color:#fff}
.quality-list .item .img img{display:block;width:100%;height:100%}
.quality-list .item .word{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;position:relative;z-index:5;background-color:#fff;height:350px;-moz-box-sizing:border-box;box-sizing:border-box;padding:50px 60px 0;box-shadow:0 5px 12px rgba(0,0,0,0.1)}
.quality-list .item h5{font-size:24px;line-height:30px;color:#333;margin-bottom:20px}
.quality-list .item .p{font-size:16px;line-height:30px;color:#777}
.quality-list .item:nth-child(2n+1){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-moz-box-orient:horizontal;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.quality-list .item:nth-child(2n+1) .img{margin-left:0;margin-right:68px}
.quality-list .item:before{position:absolute;width:100%;top:24px;bottom:0;display:block;content:'';background-color:#e7e7e7}
.ui-mask{position:fixed;width:100%;height:100%;z-index:999;background-color:rgba(0,0,0,0.5);top:0;left:0}
.ui-alert-con{position:absolute;width:300px;background-color:#fff;border:1px solid #eee;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-moz-box-sizing:border-box;box-sizing:border-box;z-index:998}
.ui-alert-con .title{text-align:center;color:#333;font-size:20px;font-weight:bold;padding:15px 15px 0;text-transform:uppercase}
.ui-alert-con .content{padding:10px 15px 25px;font-size:14px;color:#666;line-height:24px}
.ui-alert-con .btn-con{border-top:1px solid #eee;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.ui-alert-con .btn{width:100%;height:50px;text-align:center;line-height:50px;font-size:18px;color:#22ac38;cursor:pointer;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.header{display:none !important}
.footer{display:none !important}
#goTop{bottom:160px}
#contact{bottom:90px !important}
.op-ac{background-color:#eee}
.index-custom-swiper .abc{display:inline-block !important}
.project-detail-form .col .input-con.ais{margin-right:0}
.op-100{width:100%}
.op-ch{background-color:#eee}
.op-av p{display:inline-block;vertical-align:top}
.op-bx a{font-size:14px;font-weight:bold;color:#22ac38}
.op-bp p{line-height:1.7}
.ke-zeroborder{margin-top: 10px;}
@media(min-width:1201px){
    .op-f:hover{color:#22ac38}
}
@media(min-width:1500px){
    .bread{width:1440px}
    .bread.fixed{left:-720px}
    .op-l{width:1440px !important}
    .op-r{width:473px !important}
    .op-ah1{width:955px !important;margin-right:11px !important}
    .op-ah2{width:474px !important}
    .wp1200{width:1440px}
    .whole-video-list li{width:702px}
    .whole-video-list li:nth-child(2n+1){margin-right:17px}
    .whole-video-list li:nth-child(2n){margin-left:17px}
    .op-y{width:352px !important}
    .op-ce{width:472px !important;margin-right:11px !important}
    .op-t{margin-bottom:18px !important}
    .op-n{width:471px !important;margin-right:13px !important}
    .op-n:nth-child(3n){margin-right:0 !important}
    .op-o{width:471px !important;margin-right:13px !important}
    .op-o:nth-child(3n){margin-right:0 !important}
    .op-o img{width:100%}
    .op-e{width:471px !important;margin-right:13px !important}
    .op-e:nth-child(3n){margin-right:0 !important}
    .op-e img{width:100%}
    .op-cf{width:471px !important;margin-right:13px !important;background-color:#eee}
    .op-cf:nth-child(3n){margin-right:0 !important}
    .op-cg{width:1440px !important}
    .op-q{width:471px !important;margin-right:13px !important}
    .op-q:nth-child(3n){margin-right:0 !important}
    .op-al{width:471px !important;margin-right:13px !important}
    .op-al:nth-child(3n){margin-right:0 !important}
    .op-aj{width:1440px !important}
    .op-ao{width:714px !important;margin-right:12px !important}
    .op-ao:nth-child(2n){margin-right:0 !important}
    .op-aq{width:714px !important;margin-right:12px !important}
    .op-aq:nth-child(2n){margin-right:0 !important}
    div.slider{width:1440px}
    .op-au{width:714px !important;margin-right:12px !important;background-color:#eee}
    .op-au:nth-child(2n){margin-right:0 !important}
    .about-contact.fixed{margin-left:-690px}
    .op-bc{width:530px !important}
    .op-bc img{width:100%}
    .op-bc2{width:350px !important}
    .history-con{width:1041px}
    .service-main-list .item{width:480px}
    .product-banner-word{margin-left:-720px}
    .about-article .about-img img{width:100%}
    .faq-delivery-box{width:438px}
    .faq-delivery-box:not(:nth-child(3n)){margin-right:63px}
    .op-bo{width:471px !important;margin-right:14px !important}
    .op-bp{width:955px !important}
    .op-bz{width:471px !important;margin-right:13px !important}
    .op-bz:nth-child(3n){margin-right:0 !important}
    div.honor-con{padding-bottom:30px !important}
    div.storage-swiper .swiper-slide{height:245px}
}
@media (max-width:1300px){
    .index-custom-swiper{width:100% !important;padding-bottom:30px !important;padding-top:0px !important}
    .op-l{width:704px !important;box-sizing:border-box;margin-top:0;margin-left:auto;margin-right:auto}
    .index-custom-swiper>div>p{padding-bottom:0 !important}
    .index-custom-swiper p>br{display:none}
    .index-custom-swiper .swiper-wrapper{flex-wrap:wrap}
    .index-custom-swiper .swiper-wrapper>br{display:none}
    .index-custom-swiper .swiper-slide{width:231px !important;margin-right:5px !important}
    .index-custom-swiper .swiper-slide:nth-child(3n){margin-right:0 !important}
    .index-custom-swiper img{max-width:100%}
    .index-title{font-size:22px !important;padding-top:20px !important;padding-bottom:20px !important}
    .project-detail-form .title{font-size:22px}
    .project-detail-form .intro{font-size:14px}
    .project-detail-form .input input{font-size:14px}
    .index-custom-swiper>div.index-title{padding-left:0;padding-right:0}
    .project-detail-form .p.underline{margin-bottom:20px}
    .inside-banner>img{width:auto;position:relative;left:50%;transform:translateX(-50%);height:29vw}
    div.inside-banner{height:auto !important;}
    html,body{min-width:0}
    .bread{width:100%;box-sizing:border-box;padding:10px}
    .bread.fixed{left:0;margin-left:0}
    .header{height:44px;overflow:hidden;position:relative}
    .header .box{padding-top:0;height:44px}
    .header.inside .wp{width:100%}
    .header.fixed .box{padding-top:0}
    .nav{display:none}
    .nav>li>a{height:44px;line-height:44px}
    .header-search i{height:auto}
    .footer{width:100%;overflow:hidden}
    #goTop{width:50px;height:auto;padding:0 0 10px 0;bottom:138px}
    #goTop span{font-size:10px !important}
    #contact{width:50px !important;height:auto !important;padding:10px 0 !important;box-sizing:border-box}
    #contact a{font-size:10px !important;white-space:nowrap;padding:0 !important;display:block;text-align:center}
    .go-top i{font-size:22px}
    .whole-icon-con{padding:20px 0}
    .whole-banner .swiper-slide img{width:auto;position:relative;height:32vw}
    div.whole-banner .swiper-slide{height:auto !important}
    .whole-section section{padding:30px 0}
    .whole-section-title{font-size:22px}
    .op-h{font-size:18px !important;padding:10px 0 !important}
    .op-i{padding-bottom:10px !important}
    .whole-icon-con p{font-size:14px}
    .op-j.index-custom-swiper{padding-bottom:0 !important}
    .op-k{display:none}
    .op-m{padding-top:10px;padding-bottom:10px}
    .op-a{font-size:10px !important}
    .op-u{margin-bottom:20px}
    .op-v{padding-bottom:0 !important}
    .op-w{padding-bottom:0 !important}
    .op-x{font-size:22px !important}
    .index-custom-swiper .swiper-slide.op-y{width:50% !important;margin-right:0 !important;margin-bottom:20px}
    .op-z{margin-top:30px}
    .op-aa{padding-bottom:0 !important}
    .whole-video-list .video-box{width:100% !important;background-color:#eee;height:208px !important}
    .op-ac{width:49% !important;margin-right:2% !important}
    .op-ac:nth-child(2n){margin-right:0 !important;margin-left:0 !important}
    .whole-case-swiper .swiper-slide a{padding:0}
    .whole-case-swiper .swiper-slide .info{padding:10px 5px}
    .whole-case-swiper .swiper-slide .info .p{font-size:12px;line-height:1.5;height:auto;padding-bottom:10px}
    .whole-case-swiper .swiper-slide .more{font-size:13px}
    .whole-case-swiper .swiper-slide .img{height:auto}
    .whole-case-swiper .swiper-pagination{margin-top:20px}
    .op-ae{padding-bottom:20px}
    .order-process-list li a:after{background-position:center center}
    .order-process-list .icon{position:relative;z-index:100}
    .order-process-list p{font-size:12px}
    .whole-customer-box .flex-box{padding:20px 10px}
    .op-af{width:200px}
    .whole-customer-box .info{margin-left:10px;margin-right:0px}
    .whole-customer-box .info h5{font-size:20px}
    .whole-customer-box .p{font-size:14px}
    .op-ag{white-space:nowrap;overflow:auto;width:100% !important}
    .order-process-list li{padding:0 20px;width:100px;white-space:normal}
    .index-custom-swiper .swiper-slide.op-ah{width:100% !important;max-width:400px;margin:0 auto !important}
    .op-ai{font-size:32px !important}
    .op-aj{padding-bottom:30px !important;margin-bottom:30px !important}
    .index-custom-swiper .swiper-slide.op-ao{width:100% !important}
    .op-am{padding:10px !important;font-size:16px !important;margin-bottom:0 !important}
    .op-an{padding:10px !important}
    .op-an p{font-size:14px !important;padding-bottom:15px !important}
    .op-ap{font-size:22px !important}
    .index-custom-swiper .swiper-slide.op-aq{width:50% !important;margin-right:0 !important;margin-bottom:20px !important}
    .op-ar{padding-left:10px !important}
    .op-ar p{font-size:14px}
    .op-as{padding-top:10px !important}
    .slider.op-at .slider-img .slider-img-ul li img{/* width:100% !important */}
    .slider.op-at .slider-img .slider-img-ul li img{/* height:300px !important */}
    .slider.op-at,.slider.op-at .slider-img{/* height:300px !important */width: 100%;}
    .slider.op-at .slider-dot ul{width:100%;right:0 !important;font-size:0;text-align:center}
    .slider.op-at .slider-dot ul li{display:inline-block;vertical-align:top;float:none}
    .index-custom-swiper .swiper-slide.op-au{width:49% !important;margin-right:2% !important}
    .index-custom-swiper .swiper-slide.op-au:nth-child(2n){margin-right:0 !important}
    div.inside-banner>img{top:0 !important}
    .about-title{position:relative;top:-1px;width:200px}
    .about-title{font-size:16px;line-height:2;height:auto}
    .about-menu-con{width:200px}
    .about-menu-list{padding:10px}
    .about-menu-list li{margin-bottom:5px !important}
    .about-menu-list li a{font-size:14px !important}
    .about-contact{margin:0;width:100%;padding:10px;box-sizing:border-box;display:none}
    .about-contact-bot{display:block}
    .about-company{padding:30px 10px}
    .about-article{padding:30px 10px}
    .about-contact.fixed{position:relative;left:0;top:0 !important;margin-left:0}
    .op-av{padding-top:0 !important;font-size:32px !important;line-height:1.3;margin-bottom:20px !important}
    .op-aw{margin-bottom:0 !important}
    .op-ax{margin-bottom:0 !important;flex-wrap:wrap}
    .op-ay{width:100% !important}
    .op-ay iframe{width:100%;height:200px}
    .op-az{font-size:14px !important;line-height:1.5}
    .op-ba{font-size:14px !important;padding:0 !important;margin-bottom:10px}
    div.about-con{padding-bottom:30px !important;padding-top:30px !important}
    .about-contact.bottom{bottom:0 !important;position:relative !important}
    .op-bd{flex-wrap:wrap;margin-bottom:20px !important;flex-direction:row}
    .op-bd.sp{margin-bottom:0 !important}
    .op-bc{width:100% !important;margin-bottom:20px !important;text-align:center}
    .op-bc img{width:auto;max-width:100%}
    .op-be{padding-top: 5px !important;font-size:14px !important;text-align:center !important;}
    .op-bf{font-size:18px !important;padding-left:0 !important}
    .op-bf span{font-size:14px !important}
    .op-bg{font-size:0;height:0;line-height:0}
    .op-bh{padding-left:0 !important}
    .op-bi{font-size:16px !important}
    .op-bj{font-size:14px !important;line-height:1.5;padding-top:10px !important}
    .op-bk{font-size:14px}
    .supplier-swiper-con{margin-top:20px}
    .supplier-swiper .swiper-slide .p{font-size:12px;line-height:1.5}
    .supplier-swiper{margin-top:0;padding:0 30px}
    .supplier-swiper-con .bg-title{font-size:18px;top:50%;transform:translate(0,-50%);left:20px;line-height:1.5}
    .supplier-cer-con .bg-title{font-size:18px;top:50%;transform:translate(0,-50%);left:20px;line-height:1.5}
    .supplier-swiper .supplier-prev{left:0;top:45px}
    .supplier-swiper .supplier-next{right:0;top:45px}
    .supplier-swiper .swiper-slide .img{height:90px}
    .supplier-swiper-con .bg{margin-bottom:10px}
    .supplier-cer-con .bg{margin-bottom:10px}
    .supplier-cer-swiper{width:100%;position:relative;right:0;top:0;padding-top:0;padding-bottom:0}
    .supplier-cer-swiper .supplier-cer-prev{left:0;top:100px}
    .supplier-cer-swiper .supplier-cer-next{right:0;top:100px}
    .supplier-cer-swiper .cer-img{height:280px}
    .about-eco-title{font-size:18px;line-height:1.5;margin-bottom:15px}
    .eco-box{margin-top:0;padding:0}
    .eco-box-img{margin:0;float:none;text-align:center}
    .eco-box .eco-info{padding:0 10px 10px}
    .eco-box .eco-info h4.op-bl{font-size:18px;line-height:1.5;padding-top:10px;margin-bottom:10px}
    .eco-section .eco-section-info h4.op-bl{font-size:18px;line-height:1.5;padding-top:10px;margin-bottom:10px}
    .eco-box .eco-info p{font-size:14px;line-height:1.7}
    .eco-box .eco-info p:last-child{margin-bottom:0}
    .eco-section .eco-section-info{width:100%;min-height:0;padding:0 10px 10px;margin-bottom:20px}
    .eco-section p{font-size:14px;line-height:1.7}
    .eco-section p:last-child{margin-bottom:0}
    .eco-section{margin-top:0}
    .eco-section .eco-section-img{position:relative;left:0;top:0;width:100%;text-align:center}
    .responsible-top{margin-bottom:20px}
    .responsible-top .word{position:relative;padding:10px 0;width:100%;font-size:16px !important;line-height:1.7}
    .responsible-list .li .img{margin-left:0 !important;float:none !important;text-align:center}
    .responsible-list .info{padding:10px 10px 0}
    .responsible-list .info h6{font-size:16px;line-height:1.7;margin-bottom:10px}
    .responsible-list .info h6 br{display:none}
    .responsible-list .info p{font-size:14px;line-height:1.7}
    .responsible-list .info p:last-child{margin-bottom:0}
    .responsible-list .li{padding-bottom:30px;margin-bottom:30px}
    .responsible-list .li:nth-child(2n) .img{float:none;margin-right:0}
    .responsible-list .li:before{display:none}
    .team-experienced{padding-top:0;display:block;padding:0 0 20px}
    .team-experienced .word{width:100%;padding-right:0}
    .team-experienced-title{font-size:16px;line-height:1.7;margin-bottom:10px}
    .team-experienced .word p{font-size:14px;line-height:1.7}
    .experienced-num{width:100%;border-left:none;padding-left:0;display:flex;flex-direction:row}
    .experienced-num .box{flex:1}
    .experienced-num .num{font-size:50px;line-height:1}
    .experienced-num p{font-size:12px;line-height:1.7}
    .team-design{padding-top:30px}
    .team-design-title{font-size:16px;margin-bottom:20px}
    .team-design .box .inner.bg{padding:10px}
    .team-design .box .img{margin-top:0}
    .team-design .box .t{font-size:16px;margin-bottom:5px}
    .team-design .box p{font-size:14px;line-height:1.7}
    .team-design .box p:last-child{margin-bottom:0}
    .team-design .box .inner{padding:0}
    .team-design .box{margin-bottom:20px}
    .team-article{padding-top:30px}
    .team-article-t{font-size:16px}
    .team-item-scroll p{font-size:14px;line-height:1.7}
    .team-item-scroll p:last-child{margin-bottom:0}
    .history-con{width:100%;padding:30px 10px;box-sizing:border-box}
    .history-title{font-size:16px;line-height:1.7}
    .history-item{padding-top:30px}
    .history-item .p{word-break:break-all;font-size:14px;line-height:1.7}
    .history-item .dt{font-size:14px;padding-bottom:10px;line-height:1}
    .history-item .year{font-size:14px;width:70px}
    .inside-banner{height:auto;}
    .inside-banner>img{height:auto;position:relative;width: 100%;height:29vw;}
    .product-banner-word{top:50% !important;left:0;margin-left:0;transform:translate(0,-50%);width:100% !important;padding:0 10px;box-sizing:border-box}
    .service-main-con{padding-top:30px;padding-bottom:10px}
    .service-main-list .item{width:33.333%;margin-bottom:20px}
    .service-main-list p{font-size:14px}
    .service-main-list .iconfont{margin-bottom:10px}
    .op-bm{font-size:18px !important;line-height:1 !important;display:block}
    .op-bn{font-size:14px !important;line-height:1.3 !important;display:block}
    .transit-process{display:block;padding-top:0}
    .about-article .color-3{margin-right:0 !important;font-size:14px;line-height:1.7}
    .transit-process .img{width:100%;margin-bottom:20px}
    .about-article-title{font-size:16px;margin-bottom:15px}
    .about-article-title img{width:28px}
    .transit-process ul{padding-left:0}
    .transit-process ul li .t{font-size:14px}
    .transit-process ul li p{font-size:14px}
    .transit-attention{padding:10px}
    .transit-details-con{display:block}
    .transit-details-con .title-box{width:100%;padding:10px;min-height:0;box-sizing:border-box}
    .transit-details-con .title-box .t{width:100%;padding:0px;font-size:16px;margin-bottom:10px}
    .transit-details-con .title-box .absolute-img{position:relative;right:0;bottom:0;width:60px}
    .transit-details-con:nth-child(even) .title-box{margin-left:0}
    .transit-details-con ul li .t{font-size:14px;line-height:1.7}
    .transit-details-con ul li p{font-size:14px;line-height:1.7}
    .transit-details-con:not(:last-child){margin-bottom:20px}
    .about-article .about-img .text-wd498{width:100%;position:relative;margin:0;padding:10px;box-sizing:border-box;min-height:0}
    .installation-con{margin-top:30px}
    .about-article-h3{font-size:14px;margin-bottom:8px}
    .installation-con .p{font-size:14px;line-height:1.7;margin-bottom:20px}
    .installation-list .installation-item .item-span{min-width:0;margin-bottom:15px}
    .installation-list .installation-item .item-span span{font-size:12px;height:34px;line-height:34px;margin-bottom:0px}
    .installation-list .installation-item .item-span span img{margin-top:5px;margin-left:10px}
    .installation-list .installation-item .item-span .sub{left:0 !important;right:auto !important;position:relative;top:0}
    .installation-list .installation-item .item-span .sub a{font-size:14px;line-height:1.7}
    .measure-servey{margin:20px 0}
    .measure-video{width:100%;height:300px;margin-top:20px}
    .measure-tips-params{display:block}
    .measure-tips-params .left,.measure-tips-params .right{width:100%;padding-right:0;padding-left:0;border-left:none}
    .measure-tips-params{padding-top:20px}
    .measure-tips-params .left p,.measure-tips-params .right p{line-height:2}
    .about-article .about-img .img-description{padding:10px;position:relative;min-height:0;margin:0;font-size:14px;line-height:1.7}
    .package-con{margin-top:20px}
    .warranty-methods{margin-top:30px}
    .product-banner-word .b{font-size:18px;line-height:1.3}
    .product-banner-word .p{font-size:14px !important;line-height:1.3 !important}
    .product-banner-word .p img{max-width:100%}
    .faq-delivery-box{width:345px;margin-right:14px !important;margin-top:0 !important;margin-bottom:30px !important}
    .faq-delivery-box:nth-child(2n){margin-right:0 !important}
    .faq-delivery-box .title{font-size:16px}
    .faq-delivery-box table th{font-size:14px;padding:10px 5px}
    .faq-delivery-box table td{font-size:14px;padding:10px 5px}
    .faq-delivery-box .title .icon img{max-width:20px;max-height:20px}
    .faq-con{padding-bottom:40px}
    .op-bo{width:200px !important}
    .op-bp{flex:1;padding-top:0 !important;padding-right:0 !important}
    .op-bp p{font-size:14px;}
    .op-bq{display:none}
    .op-br{padding-top:0 !important;font-size:18px !important}
    .op-bt a{font-size:16px}
    .op-bu{font-size:14px;line-height:1.5;padding-top:5px !important}
    div.quality-list{padding-top:20px !important;padding-bottom:20px !important}
    .op-bv{font-size:16px !important;margin-bottom:10px}
    .op-bw{padding:0 !important;font-size:14px;line-height:1.5}
    .op-by{height:8px}
    .index-custom-swiper .swiper-slide.op-bz{width:226px !important;margin-right:10px !important}
    .index-custom-swiper .swiper-slide.op-bz:nth-child(3n){margin-right:0 !important}
    .material-title{font-size:22px;padding-bottom:20px}
    .material-item .img{width:200px}
    .material-item .info{padding:10px}
    .kitchen-con{padding-top:30px;padding-bottom:30px}
    .material-item{margin-bottom:20px}
    .material-item .top h5{font-size:18px}
    .material-item .top p{font-size:14px;line-height:1.7}
    .material-item .top{padding-bottom:15px}
    .material-item .list .li{font-size:14px;line-height:1.7}
    .material-item .p{padding-top:15px}
    .material-item .list{padding-top:15px}
    .material-item .list .t{font-size:16px;line-height:1.7;margin-bottom:0}
    .kitchen-table-con .title{font-size:22px;margin-bottom:20px}
    .kitchen-table-con table th{font-size:14px;padding:5px 2px;line-height:1.5;height:auto;word-break:break-all}
    .kitchen-table-con table td{font-size:14px;padding:5px 2px;line-height:1.5;height:auto;word-break:break-all}
    .kitchen-table-con .img-list .wp{padding:10px}
    .kitchen-table-con .img-list .t{font-size:18px;padding-left:0;margin-bottom:10px}
    .kitchen-table-con .img-list .info{margin:0;padding-top:10px;padding-bottom:10px;height:auto}
    .kitchen-table-con .img-list .info p{font-size:14px;line-height:1.7}
    .kitchen-table-con .img-list .info p span{line-height:inherit}
    .wardrobe-menu .item{font-size:14px;line-height:40px;padding:0 20px}
    .op-cc{width:100%;text-align:center}
    .wardrobe-menu .item.on:before{display:none}
    .door-item{padding:10px}
    .wardrobe-menu{height:auto}
    .kitchen-con.pt-0{padding-top:30px}
    .door-item{margin-bottom:20px}
    .door-item .top{display:block}
    .door-item .img-list-con{margin:0 auto}
    .door-item .info{padding-left:0}
    .door-item .intro h5{font-size:18px;line-height:1.7;margin-bottom:0px}
    .door-item .intro p{font-size:14px;line-height:1.7}
    .door-item .wp{padding-top:10px}
    .door-item .ground{padding-bottom:10px}
    .door-item .ground .h{margin-bottom:5px}
    .door-item .ground .h i{font-size:16px;margin-right:5px;vertical-align:top;line-height:1.7}
    .door-item .ground .h{font-size:16px;line-height:1.7}
    .door-item .ground .p{font-size:14px;line-height:1.7;margin-bottom:5px}
    .kitchen-table-con .logo-list li span{height:100px}
    .hardware-item{padding-top:30px}
    .hardware-item .title{font-size:22px;margin-bottom:20px}
    .hardware-item .swiper-slide{padding:10px}
    .hardware-item .swiper-slide .img{margin-bottom:15px;height:auto}
    .hardware-item .swiper-slide .img img{height:auto}
    .hardware-item .swiper-slide .info{height:auto}
    .hardware-item .swiper-slide .info h5{font-size:16px;line-height:1.3}
    .hardware-item .swiper-slide .li{font-size:14px;line-height:1.7}
    .hardware-item .hardware-prev{left:0;z-index:123456}
    .hardware-item .hardware-next{right:0;z-index:123456}
    .hardware-con{padding-bottom:30px}
    .storage-video{padding:30px 0}
    .storage-item{padding:10px;margin:0 auto 20px}
    .storage-item .img-list-con{margin-left:auto;margin-right:auto}
    .storage-con{padding:30px 0}
    .storage-item .top{display:block}
    .storage-item .wp{padding:10px 0 0}
    .storage-item .intro h5{font-size:22px;margin-bottom:10px;line-height:1.5}
    .storage-item .intro p{font-size:14px;line-height:1.7}
    .storage-item .thumb-con{white-space:nowrap;overflow:auto;padding:0}
    .storage-item .thumb-con:after{display:none}
    .storage-item .intro{margin-bottom:0}
    .storage-video-prev{left:0}
    .storage-video-next{right:0}
    div.honor-box{padding-top:0px !important;margin-bottom:30px}
    div.honor-con{padding:10px !important}
    .honor-title{height:auto;line-height:1;font-size:22px;padding-bottom:10px;margin-bottom:10px;border-width:1px}
    .honor-swiper .img{height:130px;margin-bottom:5px}
    .honor-swiper .info{padding:0}
    .honor-swiper .info h5{font-size:14px;line-height:1.7;margin-bottom:5px}
    .honor-swiper .p{font-size:12px;line-height:1.7;height:auto}
    .honor-swiper-prev{left:0}
    .honor-swiper-next{right:0}
    .honor-swiper{padding:0}
    .thanks-content{margin-bottom:50px}
    .thanks-content .title{font-size:32px;margin-bottom:10px}
    .thanks-content .text{font-size:14px;line-height:1.7;margin-bottom:20px}
    .thanks-content .con{padding:50px 20px}
    .thanks-content .pd{padding:20px 0}
    .thanks-content .pd a{font-size:14px}
    .about-design-list .design-item{padding:10px}
    .about-design-list .design-item .icon{margin-right:10px}
    .about-design-list .design-item .info .t{font-size:16px;margin-bottom:5px;line-height:1.7}
    .about-design-list .design-item .info .p{font-size:14px;line-height:1.7}
    .op-ch{height:150px}
    .storage-video-prev{z-index:123456}
    .storage-video-next{z-index:123456}
    .op-bc img{width:100%}
}
@media (max-width:1000px){
    .index-custom-swiper .swiper-wrapper{flex-wrap:wrap}
}
@media(min-width:751px){
    .honor-swiper .swiper-container.swiper-container-horizontal>.swiper-pagination-bullets{display:none}
    .storage-swiper.swiper-container-horizontal>.swiper-pagination-bullets{display:none}
    .hardware-swiper .swiper-container.swiper-container-horizontal>.swiper-pagination-bullets{display:none}
    .supplier-swiper .swiper-container.swiper-container-horizontal>.swiper-pagination-bullets{display:none}
    .supplier-cer-swiper .swiper-container.swiper-container-horizontal>.swiper-pagination-bullets{display:none}
}
@media (max-width:750px){
    .hardware-item{padding-left:20px;padding-right:20px}
    .hardware-item .hardware-prev{left:-15px}
    .hardware-item .hardware-next{right:-15px}
    .op-hide750{display:none !important}
    .op-l{width:100% !important;padding-left:4%;padding-right:4%;max-width:500px}
    .op-l.op-sp{padding-left:0;padding-right:0}
    .index-custom-swiper .swiper-wrapper{flex-wrap:wrap}
    .index-custom-swiper .swiper-slide{width:100% !important;margin-right:0 !important}
    .index-custom-swiper .swiper-slide:nth-child(3n){margin-right:0 !important}
    .op-b{padding:12px 0 8px 0 !important}
    .op-c{padding:10px 0 !important}
    .index-custom-swiper .swiper-slide>a{display:block;text-align:center}
    .index-title{font-size:16px !important}
    .index-custom-swiper p{font-size:14px}
    div.abc{padding:0 !important;margin-top:10px}
    a.abc{padding:5px 10px !important;margin-bottom:0 !important}
    .bread{display:none}
    .project-detail-form .col{display:block}
    .project-detail-form .input-con{width:100%}
    .project-detail-form .col .input-con:nth-child(2n){margin-left:0}
    .project-detail-form .word{padding-left:10px}
    .project-detail-form .form-submit span{font-size:14px}
    .project-detail-form .share{margin-top:30px}
    .op-a{height:1px;padding:5px !important}
    .op-d{font-size:16px !important}
    section.project-detail-form{padding-top:30px !important}
    .op-f{font-size:14px !important;color:#22ac38}
    .op-h{font-size:16px !important}
    .index-custom-swiper>div.op-nolr{padding-left:0;padding-right:0}
    .op-n{margin-bottom:30px}
    .op-n:last-child{margin-bottom:0}
    .op-o{margin-bottom:30px}
    .op-o:nth-child(3n){margin-bottom:0}
    .op-e{margin-bottom:30px}
    .op-p{padding-bottom:0 !important}
    .op-q{margin-bottom:30px}
    .op-q:last-child{margin-bottom:0}
    .op-r{margin-bottom:20px}
    .op-r:last-child{margin-bottom:0}
    .whole-section-title{font-size:16px}
    .index-custom-swiper>div>p{font-size:14px !important}
    .op-s{padding-top:20px !important}
    .op-t{margin-bottom:0 !important}
    .op-ab{padding-bottom:0 !important}
    .op-ac{width:100% !important;margin-right:0;margin-bottom: 10px;}
    .op-ac:last-child{margin-bottom: 0;}
    .op-af{width:150px}
    .whole-customer-box .info h5{font-size:16px}
    .whole-customer-box .p p{font-size:12px;line-height:1.5}
    .op-al{margin-bottom:20px !important}
    .op-al:last-child{margin-bottom:0 !important}
    .op-ai{font-size:22px !important;padding:10px 0 !important}
    .op-ak{margin-bottom:10px !important}
    .op-am{margin-bottom:10px}
    .index-custom-swiper .swiper-slide.op-aq{width:100% !important}
    .op-ap{font-size:16px !important}
    .index-custom-swiper .swiper-slide.op-au{width:100% !important;margin-right:0 !important;margin-bottom: 10px;}
    .index-custom-swiper .swiper-slide.op-au:last-child{margin-bottom: 0;}
    .about-menu-con{width:100%;min-height:0 !important}
    .op-bb{flex-wrap:wrap;padding-left:0 !important;padding-right:0 !important}
    .about-title{width:100%}
    .about-menu-list{text-align:center;padding-bottom:0}
    .about-menu-list>li{display:inline-block;width:auto;margin:0 10px 5px}
    .about-menu-list>li>a{display:block}
    div.about-con{padding-top:0 !important}
    .about-contact .t{font-size:14px;padding-bottom:0}
    .about-contact .p{padding-top:10px;font-size:13px;line-height:1.7}
    .op-av{font-size:22px !important}
    .op-av p{display:inline-block;vertical-align:top}
    .about-company{padding-top:20px}
    .supplier-swiper{padding:0 0 20px}
    .supplier-swiper .swiper-slide .img{width:100%;height:100px;margin:0 auto;box-sizing:border-box}
    .supplier-swiper .swiper-slide.swiper-slide-active .img{border-right:none}
    .supplier-swiper .swiper-slide .p{width:100%;margin:0 auto;padding-top:10px;height:auto}
    .supplier-swiper .supplier-prev,.supplier-swiper .supplier-next{top:60px;width:28px;height:32px;line-height:32px;display:none}
    .supplier-swiper-con{margin-top:10px}
    .supplier-swiper .swiper-container{padding-bottom:25px}
    .supplier-swiper .swiper-pagination-bullet-active{background-color:#22ac38}
    .supplier-swiper .swiper-container.swiper-container-horizontal>.swiper-pagination-bullets{bottom:1px;font-size:0;display:block;line-height:1}
    .supplier-cer-swiper .supplier-cer-prev,.supplier-cer-swiper .supplier-cer-next{top:122px;display:none}
    .supplier-cer-swiper .cer-img{width:245px;height:245px;margin:0 auto}
    .supplier-cer-con{margin-top:30px}
    .supplier-cer-swiper{padding:0}
    .supplier-cer-swiper .cer-img{width:100%;padding-top:100%;height:auto;border:none}
    .supplier-cer-swiper .swiper-container{padding-bottom:25px}
    .supplier-cer-swiper .swiper-pagination-bullet-active{background-color:#22ac38}
    .supplier-cer-swiper .swiper-container.swiper-container-horizontal>.swiper-pagination-bullets{bottom:1px;font-size:0;display:block;line-height:1}
    .about-eco-title{font-size:16px;line-height:1.5}
    .experienced-num{padding-top:10px}
    .experienced-num .num{font-size:40px;margin-bottom:0}
    .service-main-list .item{width:50%}
    .op-bm{font-size:16px !important}
    .op-bn{font-size:12px !important}
    .measure-video{height:200px}
    .product-banner-word .b{font-size:16px;margin-bottom:5px}
    .product-banner-word .p{font-size:12px !important}
    .faq-delivery-box{width:100% !important;margin-right:0 !important}
    .op-br{font-size:16px !important;padding-bottom:10px !important}
    .op-bo{margin-bottom:20px}
    .op-bp{padding-left:0 !important;padding-bottom:0}
    .op-bt a{font-size:14px}
    .op-bu{font-size:12px}
    .op-bp{padding-bottom:0 !important}
    .op-ca{display:block}
    .index-custom-swiper .swiper-slide.op-bz{width:100% !important;margin-right:0 !important;margin-bottom:40px}
    .op-cb{padding-bottom:0 !important}
    .material-title{font-size:18px;padding-bottom:15px}
    .material-item.op-l{padding-left:0px;padding-right:0px;margin-bottom:10px}
    .material-item .img{width:130px}
    .material-item .top h5{font-size:16px}
    .material-item .top p{font-size:12px}
    .material-item .list .li{font-size:12px}
    .material-item .list .t{font-size:14px}
    .material-item .top{padding-bottom:10px}
    .material-item .p{padding-top:10px}
    .material-item .list{padding-top:10px}
    .kitchen-table-con{padding:30px 0 0}
    .kitchen-table-con .title{font-size:18px;margin-bottom:15px}
    .kitchen-table-con table th{font-size:10px;word-break:break-all}
    .kitchen-table-con table td{font-size:10px}
    .kitchen-table-con .img-list li{width:100%;padding-right:0;margin-bottom:10px}
    .kitchen-table-con .img-list li:last-child{margin-bottom:0}
    .kitchen-table-con .img-list li:nth-child(2n+1){padding-right:0}
    .kitchen-table-con .img-list li:nth-child(2n){padding-left:0}
    .kitchen-table-con .img-list .t{font-size:16px}
    .door-item.op-l{padding-left:10px;padding-right:10px;position:relative}
    .door-item .thumb-con{padding:0;white-space:nowrap;overflow:auto;position:absolute;left:0;top:0;margin-top:82.6%;width:100%;padding-left:10px;padding-top:10px;padding-right:10px;box-sizing:border-box}
    .door-item .thumb-con:after{display:none}
    .door-item .thumb-item{width:70px;height:70px}
    .door-item:nth-child(2n+2) .thumb-item{margin-left:0;margin-right:8px}
    .door-item .img-list{width:100%;height:auto}
    .door-item .img-list li span{height:auto}
    .door-item .img-list li span img{position:relative;transform:translate(0,0);left:0;top:0;width:100%}
    .door-item .img-list-con{width:100%;height:auto;margin-bottom:10px}
    .wardrobe-menu .item{font-size:12px;line-height:30px;padding:0 5px}
    .kitchen-con.pt-0{padding-top:10px;padding-left:10px;padding-right:10px;width:100%;box-sizing:border-box}
    .kitchen-con.pt-0 .door-item.op-l{padding-left:0;padding-right:0;padding-top:0}
    .kitchen-con.pt-0 .door-item .wp{padding-left:10px;padding-right:10px}
    .door-item .intro h5{font-size:16px}
    .door-item .intro p{font-size:12px}
    .door-item .ground .h{font-size:14px}
    .door-item .ground .h i{font-size:14px}
    .door-item .ground .p{font-size:12px}
    .door-item .top{padding-bottom:0px}
    .kitchen-table-con .logo-list li span{height:80px}
    .op-cd{display:none}
    .hardware-item .title{font-size:18px;margin-bottom:10px}
    .hardware-item .swiper-slide .info h5{font-size:14px;margin-bottom:5px}
    .hardware-item .swiper-slide .li{font-size:12px}
    .storage-item{padding-left:10px;padding-right:10px}
    .storage-item .intro h5{font-size:18px}
    .storage-item .img-list-con{width:100%;height:auto}
    .storage-item .img-list{width:100%;height:auto}
    .storage-item .img-list li span{height:auto}
    .storage-item .img-list li span img{position:relative;left:0;top:0;transform:translate(0,0);width:100%;height:auto}
    .honor-swiper .img{width:100%;padding-top:100%;margin:0 auto;height:auto}
    .honor-swiper .img img{width:100%;height:100%;transform:translate(0,0);left:0;top:0;object-fit:contain}
    .honor-swiper .info{width:100%;margin:0 auto;padding-top:10px}
    .honor-swiper-prev{left:7px;top:130px;display:none}
    .honor-swiper-next{right:7px;top:130px;display:none}
    .honor-swiper .swiper-container{padding-bottom:20px}
    .honor-swiper .swiper-pagination-bullet-active{background-color:#22ac38}
    .honor-swiper .swiper-container.swiper-container-horizontal>.swiper-pagination-bullets{bottom:1px;font-size:0;display:block}
    .thanks-content{margin-bottom:30px}
    .thanks-content .pd{display:block;padding-left:10px;padding-right:10px}
    .thanks-content .title{font-size:22px}
    .thanks-content .bth-wrap .txt{font-size:16px}
    .thanks-content .text{margin-bottom:0}
    .thanks-content .img-box{margin-top:20px}
    .thanks-content .bth-wrap .txt{font-size:14px}
    .thanks-content .bth-wrap a{padding:0 10px}
    .thanks-content .bth-wrap{margin:0 5px}
    .about-design-list .design-item .icon{width:80px;height:80px;line-height:80px}
    .about-design-list .design-item .info .t{font-size:14px}
    .about-design-list .design-item .info .p{font-size:12px}
    .storage-swiper{padding-bottom:20px}
    .storage-video-prev,.storage-video-next{display:none}
    .storage-swiper .swiper-slide{height:260px}
    .storage-swiper .swiper-slide iframe{height:260px;pointer-events:none}
    .storage-swiper .swiper-pagination-bullet-active{background-color:#22ac38}
    .storage-swiper.swiper-container-horizontal>.swiper-pagination-bullets{bottom:1px;font-size:0}
    .hardware-swiper .swiper-container{padding-bottom:20px}
    .hardware-swiper .swiper-pagination-bullet-active{background-color:#22ac38}
    .hardware-swiper .swiper-container.swiper-container-horizontal>.swiper-pagination-bullets{bottom:1px;font-size:0;display:block}
    .hardware-item .hardware-prev,.hardware-item .hardware-next{display:none}
    div.inside-banner{display:none}
}
@media(max-width:500px){
    .eco-box-img img{width:100%}
    .hardware-item{padding-left:0;padding-right:0}
    .op-l{padding-left:0;padding-right:0}
    .storage-item .intro{padding-left: 10px;padding-right: 10px;}
    .faq-delivery-box .title{padding-left:10px;padding-right:10px;}
    .hardware-con{padding-left: 10px;padding-right: 10px;}
}
.mg-auto{margin:0 auto}
@media(max-width:750px){div.whole-banner{display:none}
    .wardrobe-menu .wp1200{padding-top:5px;padding-bottom:5px}
    .whole-case-swiper.op-l{padding-left:0;padding-right:0}
    .whole-case-swiper.op-l .swiper-slide{padding-left:10px;padding-right:10px;box-sizing:border-box}
}
.op-n p,.op-q p,.op-o p,.op-l td,.op-ar p,.op-bk *,.about-contact .p p{line-height:1.3}
.about-box{width:1240px}
@media(max-width:1500px){
    .about-box{width:1000px;max-width: 100%;}
}


.op-bw{line-height: 1.3;}

.op-sw-wrap{position: relative;padding: .5rem 10px;}
.op-sw-inner{width: 100%;max-width: 14.4rem;position: relative;}
.op-sw{width: 100%;}
.op-arrow{width:.64rem;height:.64rem;border-radius:50%;background-color:#fff;box-shadow:0 .1rem .1rem rgba(0,0,0,0.1);position:absolute;top:50%;margin-top: -0.32rem;z-index:12;background-image:url(../image/w21.png);background-size:.1rem .17rem;background-repeat:no-repeat;background-position:center center;cursor:pointer;transition:all .4s}
.op-prev{left:-0.32rem}
.op-next{right:-0.32rem;transform:rotate(180deg)}
.op-arrow.swiper-button-disabled{opacity:0.3;cursor:default}
.op-sw .swiper-pagination-bullet{width:.12rem;height:.12rem;background-color:transparent;opacity:1;border:1px solid #ccc}
.op-sw .swiper-pagination-bullet-active{background-color:#22ac38;border-color:#22ac38}
.op-sw.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .05rem}
.op-sw.swiper-container-horizontal>.swiper-pagination-bullets{bottom:.2rem;font-size:0}
@media(max-width: 1300px){
    .op-sw-wrap{padding-top: .2rem;}
}
@media(min-width:1201px){
    .op-arrow:hover{background-color:#22ac38;background-image:url(../image/w22.png)}
}
@media(max-width:750px){
    .op-prev{left:-10px}
    .op-next{right:-10px}
}


.vid-box{width: 100%;padding-top: 56.25%;position: relative;}
.vid-box iframe{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}