/* aboutus */
.about-page{background-color: #fff;}
.about-page .breadcrumbs a{color: #fff;}
.about-page .black-bg{background-color: #373844;}
.about-page .black-bg .limit{position: relative;text-align: center;overflow: hidden;}
.about-page .black-bg .limit::before{content: '';position: absolute;top: 63%;left: 50%;transform: translate(-50%,-50%);width: 1253px;height: 209px;background: url('../images/about-img.png') no-repeat center;}
.about-page .black-bg h1{background: url('../images/logo.png') no-repeat 0 -102px;width: 445px;height: 98px;margin: 0 auto;}
.about-page .black-bg h2{font-size: 27px;font-weight: normal;color: #818395;text-transform: uppercase;text-shadow: 2px 3px 5px rgba(0, 0, 0, 0.15);background: linear-gradient(0deg, #616271 0%, #c1c6e2 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom: 280px;margin-top: 40px;}
.about-page .black-bg ul{display: flex;justify-content: center;margin-bottom: 40px;}
.about-page .black-bg ul li{width: 241px;max-width: 100%;height: 89px;}
.about-page .black-bg ul li a{display: block;background-color: rgba(32, 32, 41, 0);border-radius: 50px;margin: 15px 15px 0;box-shadow: inset -2px -2px 10px -2px rgb(255 255 255 / 75%);padding-top: 50px;padding-bottom: 10px;color: #fff;font-size: 13px;font-weight: bold;position: relative;}
.about-page .black-bg ul li a::before{position: absolute;top: 10px;left: 0;right: 0;margin: 0 auto;font-size: 35px;}
.about-page .black-bg ul li a:hover{background-color: #ff6d0c;color: #fff;}
.about-page .company-profile{text-align: center;color: #a2a6b1;font-size: 14px;line-height: 1.3;text-align: center;margin: 45px auto;max-width: 1000px;}
.about-page .company-profile h1{font-size: 26px;color: #222222;margin-bottom: 10px;}
.about-page .strategy{background: #373844;text-align: center;color: #fff;padding: 50px 0;min-height: 640px;}
.about-page .strategy .limit{position: relative;}
.about-page .strategy .limit::before{content: '';position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;background: url('../images/map.png') no-repeat center;width: 100%;height: 522px;opacity: .2;}
.about-page .strategy h1{color: #fff;font-size: 26px;margin-bottom: 18px;}
.about-page .strategy ul{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;margin-top: 80px;}
.about-page .strategy ul li{min-height: 277px;width: 24%;padding: 40px;color: #a2a6b1;font-size: 14px;background: #00000030;margin-bottom: 20px;position: relative;transition: all .3s;}
.about-page .strategy ul li::before{content: '';position: absolute;top: 60px;left: 0;right: 0;margin: 0 auto;background: url('../images/strengths-logo.png') no-repeat 0 0;height: 48px;width: 54px;font-size: 54px;}
.about-page .strategy ul li:nth-child(2):before{background-position: -1em 0;}
.about-page .strategy ul li:nth-child(3):before{background-position: -2em 0;}
.about-page .strategy ul li:nth-child(4):before{background-position: -3em 0;}
.about-page .strategy ul li b{display: block;font-size: 16px;color: #fff;margin-bottom: 5px;margin-top: 110px;position: relative;}
.about-page .strategy ul li b::before{position: absolute;top: -25px;left: 0;right: 0;margin: 0 auto;height: 1px;width: 147px;background-color: #d3d9de30;content: '';}
.about-page .strategy ul li:hover{border-top: 4px solid #fff;margin-top: -10px;background: #00000045;}
.about-page .what-we-sell{text-align: center;margin-top: 24px;}
.about-page .what-we-sell h1{font-size: 28px;color: #222222;line-height: 42px;font-weight: normal;margin-bottom: 18px;}
.about-page .what-we-sell ul{position: relative;margin-left: auto;margin-right: auto;}
.about-page .what-we-sell ul li{background-repeat: no-repeat;background-size: 100% 100%;transition: all 0.3s;text-align: left;float: left;margin-bottom: 11px;position: relative;}
.about-page .what-we-sell ul li:nth-child(1), .about-page .what-we-sell ul li:nth-child(8){width: 269px;height: 347px;}
.about-page .what-we-sell ul li:nth-child(2), .about-page .what-we-sell ul li:nth-child(3),.about-page .what-we-sell ul li:nth-child(6), .about-page .what-we-sell ul li:nth-child(7){width: 555px;height: 168px;}
.about-page .what-we-sell ul li:nth-child(4), .about-page .what-we-sell ul li:nth-child(5){width: 415px;height: 168px;}
.about-page .what-we-sell ul li:nth-child(1), .about-page .what-we-sell ul li:nth-child(2), .about-page .what-we-sell ul li:nth-child(4), .about-page .what-we-sell ul li:nth-child(6){margin-right: 10px;}
.about-page .what-we-sell ul li:nth-child(1){background-image: url('../images/aboutus/module-img1.jpg');}
.about-page .what-we-sell ul li:nth-child(2){background-image: url('../images/aboutus/module-img2.jpg');}
.about-page .what-we-sell ul li:nth-child(3){background-image: url('../images/aboutus/module-img3.jpg');}
.about-page .what-we-sell ul li:nth-child(4){background-image: url('../images/aboutus/module-img4.jpg');}
.about-page .what-we-sell ul li:nth-child(5){background-image: url('../images/aboutus/module-img5.jpg');}
.about-page .what-we-sell ul li:nth-child(6){background-image: url('../images/aboutus/module-img6.jpg');}
.about-page .what-we-sell ul li:nth-child(7){background-image: url('../images/aboutus/module-img7.jpg');}
.about-page .what-we-sell ul li:nth-child(8){background-image: url('../images/aboutus/module-img8.jpg');position: absolute;right: 0;bottom: 0;margin-right: 0;}
.about-page .what-we-sell ul li::before{position: absolute;width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;padding: 15px;color: #313341;font-weight: bold;font-size: 16px;content: '';background-color: rgb(240, 240, 240, .9);transition: all .3s;}
.about-page .what-we-sell ul li a{position: absolute;left: 20px;bottom: 20px;padding-bottom: 40px;}
.about-page .what-we-sell ul li a::before{content: '>';position: absolute;z-index: 1;color: #fff;width: 33px;height: 33px;background: rgba(255, 255, 255, 0);border: 1px solid rgba(255, 255, 255, 0.55);color: white;line-height: 33px;text-align: center;font-size: 16px;bottom: 0;}
.about-page .what-we-sell ul li b{display: block;position: relative;z-index: 1;color: #313341;font-size: 16px;}
.about-page .what-we-sell ul li s{text-decoration: none;position: relative;z-index: 1;color: #747685;font-size: 13px;}
.about-page .what-we-sell ul li:hover::before{background-color: rgb(49 51 65/55%);}
.about-page .what-we-sell ul li:hover b, .about-page .what-we-sell ul li:hover s{color: #fff;}
.about-page .strong-point{text-align: center;margin-top: 24px;}
.about-page .strong-point h1{font-size: 28px;color: #222222;line-height: 42px;margin-bottom: 18px;}
.about-page .strong-point ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 18px;}
.about-page .strong-point ul li{width: calc(100% / 3);text-align: left;position: relative;text-align: left;padding-left: 20px;margin-bottom: 30px;color: #5f6578;font-size: 14px;}
.about-page .strong-point ul li::before{content: "";width: 10px;height: 10px;background: #c7c9d0;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.about-page .strong-point a{min-width: 229px;height: 44px;background: #6c7089;font-size: 18px;font-weight: bold;color: #ffffff;border-radius: 20px;display: inline-block;line-height: 44px;margin: 0 auto;cursor: pointer;margin-bottom: 50px;}
.about-page .strong-point a:hover{background: #ff6d0c;color: #fff;}
/* contactus & aboutus */
.link-way{text-align: center;padding-bottom: 50px;}
.link-way h1{font-size: 28px;color: #222222;line-height: 42px;margin-bottom: 18px;}
.link-way s{text-decoration: none;margin-bottom: 20px;display: block;font-size: 14px;color: #5f6578;}
.link-way ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.link-way ul li{width: calc(100% / 3);}
.link-way ul li h2{color: #5f6578;font-weight: bold;line-height: 20px;font-size: 14px;font-weight: bold;min-height: 90px;}
.link-way ul li h2 b{color: #a2a6b1;display: block;position: relative;padding-bottom: 15px;margin-bottom: 15px;}
.link-way ul li h2 b::before{content: '';width: 23px;height: 3px;background: #5f657840;margin: 15px 0;position: absolute;left: 0;right: 0;bottom: 0;margin: 0 auto;}
/* contact */
.contact .breadcrumbs a{color: #fff;}
.contact .top{color: #fff;background: url('../images/contact-bg.jpg') no-repeat;background-size: auto;background-position: bottom;padding-bottom: 30px;margin-bottom: 40px;position: relative;z-index: 0;min-height: 649px;}
.contact .top .form-container{width: 893px;float: right;}
.contact .top .form-container h1{font-size: 40px;font-weight: bold;font-style: italic;letter-spacing: 2px;color: #818395;font-family: "435";text-shadow: 2px 3px 5px rgb(0 0 0 / 46%);background: linear-gradient( 0deg, rgba(255, 255, 255, 0.6) 10%, #fff 100% );-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 50px;margin-top: 20px;margin-bottom: 30px;}
.contact .top .form-container dl dt{font-size: 18px;font-weight: bold;color: #ffffff;margin-bottom: 10px;}
.contact .top .form-container dl dd{position: relative;padding-left: 20px;color: #a2a6b1;font-size: 14px;margin-bottom: 30px;}
.contact .top .form-container dl dd::before{content: '';width: 8px;height: 8px;border-radius: 50%;background-color: #A2A6B1;position: absolute;left: 0;top: 4px;}
.contact .top .form-container ul{margin-bottom: 0;justify-content: space-between;}
.contact .top .form-container ul li{border-bottom: 1px solid #7f8089;width: 49%;}
.contact .top .form-container ul li label{color: #fff;}
.contact .top .form-container ul li input{color: #fff;}
.contact .top .form-container li.message{width: 100%;}
.contact .top .form-container li textarea{color: #fff;}
/* appcenter */
.appcenter{text-align: center;}
.appcenter h1{font-size: 30px;color: #222222;margin-bottom: 10px;}
.appcenter > ul{margin-bottom: 6px;height: 786px;}
.appcenter > ul:first-of-type{margin-top: 24px;}
.appcenter > ul li{width: calc(33.33% - 2px);height: 262px;position: relative;transition: all .2s;overflow: hidden;position: relative;cursor: pointer;float: left;margin-bottom: 4px;margin-right: 1px;}
.appcenter > ul li:nth-child(3n+3){margin-right: 0;}
.appcenter > ul li img{width: 100%;height: 100%;object-fit: cover;}
.appcenter > ul li dl{position: absolute;left: 16px;bottom: 33px;display: flex;flex-wrap: wrap;text-align: left;color: #fff;}
.appcenter > ul li dl dt{width: 100%;font-weight: bold;font-size: 18px;margin-bottom: 8px;}
.appcenter > ul li dl dd{width: 0;font-size: 13px;line-height: 20px;overflow: hidden;height: 0;transition: all .1s;}
.appcenter > ul li:hover img{filter: blur(5px);}
.appcenter > ul li:nth-child(3n+3):hover{margin-right: 1px;}
.appcenter .latest-product{margin-top: 20px;}
.appcenter .latest-product ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 30px;}
.appcenter .latest-product ul li{width: 19%;}
.appcenter .latest-product ul li a{display: block;width: 100%;border: 1px solid #DCDCDC;text-align: left;color: #888b9a;font-size: 14px;padding: 15px;}
.appcenter .latest-product ul li a .image-brand{width: 122px;height: 45px;margin: 4px auto 40px;}
.appcenter .latest-product ul li a .image-product{width: 100px;height: 100px;margin: 0 auto 50px;}
.appcenter .latest-product ul li a img{max-width: 100%;max-height: 100%;}
.appcenter .latest-product ul li a b{display: block;width: 100%;color: #515a6a;font-size: 15px;}
.appcenter .latest-product ul li a s{text-decoration: none;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.appcenter .latest-product ul li a:hover{box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);color: #ff6d0c;}
/* notfound */
.notfound{text-align: center;margin-bottom: 200px;}
.notfound h1{font-size: 127px;color: #74747a;font-weight: normal;margin-bottom: 30px;}
.notfound s{text-decoration: none;font-size: 14px;color: #111;position: relative;}
.notfound s::before{content: '';width: 734px;max-width: 90%;border-bottom: 1px dashed #e7e7e7;margin-top: 50px;margin-bottom: 20px;position: absolute;top: -30px;left: 50%;right: 0;margin: 0 auto;transform: translateX(-25%);}
.notfound .btn{width: 161px;display: block;height: 34px;background: #ffffff;border: 1px solid #a2a2a280;font-size: 14px;color: #9397a2;border-radius: 20px;line-height: 34px;text-align: center;margin-top: 30px;margin: 30px auto 20px;}
.notfound .btn:hover{background-color: #ff6d0c;color: #fff;border-color: transparent;}
/* withresults */
.withresults{margin-bottom: 30px;}
.withresults span.keyword{color: #ff6d0c;}
/* noresult */
.noresult{text-align: center;margin-bottom: 200px;}
.noresult h2{font-size: 20px;color: #2f3455;font-weight: bold;margin-top: 100px;margin-bottom: 50px;}
.noresult s{text-decoration: none;font-size: 14px;color: #111;position: relative;}
.noresult s::before{content: '';width: 734px;max-width: 90%;border-bottom: 1px dashed #e7e7e7;margin-top: 50px;margin-bottom: 20px;position: absolute;top: -30px;left: 0;right: 0;margin: 0 auto;}
.noresult .btn{width: 161px;display: block;height: 34px;background: #ffffff;border: 1px solid #a2a2a280;font-size: 14px;color: #9397a2;border-radius: 20px;line-height: 34px;text-align: center;margin-top: 30px;margin: 30px auto 20px;}
.noresult .btn:hover{background-color: #ff6d0c;color: #fff;border-color: transparent;}
.noresult dl{display: flex;flex-wrap: wrap;justify-content: space-between;text-align: left;margin-bottom: 30px;}
.noresult dl dt{width: 100%;color: #222222;font-weight: bold;font-size: 20px;padding: 10px 0;border-bottom: 3px solid #8f93a9;}
.noresult dl dd{width: calc(100% / 6);margin-top: 15px;}
.noresult dl dd a{text-decoration: none;font-size: 14px;color: #111;position: relative;display: inline-block;}
.noresult dl dd a:hover{color: #ff6d0c;}
.noresult dl dd a:hover span{color: #ff6d0c;}
/* sitemap */
.sitemap h1{font-size: 26px;color: #222222;text-align: center;}
.sitemap .tree-structure{display: flex;flex-wrap: wrap;margin-top: 100px;margin-bottom: 80px;}
.sitemap .tree-structure dl{position: relative;width: fit-content;margin-left: auto;margin-right: auto;width: 20%;margin-left: auto;margin-right: auto;}
.sitemap .tree-structure dl::before{content: "";width: 0px;height: 38px;border: 1px dotted #e7e7e7;position: absolute;top: -45px;left: 50%;}
.sitemap .tree-structure dl::after{content: "";width: calc(100% - 1px);max-width: 20vw;height: 0;border: 1px dotted #e7e7e7;position: absolute;top: -45px;left: 0;right: 0;}
.sitemap .tree-structure dl:first-of-type::after{left: 50%;width: calc(50% - 1px);}
.sitemap .tree-structure dl:last-of-type::after{width: calc(50% - 1px);}
.sitemap .tree-structure dl dt{font-size: 15px;font-weight: bold;color: #1a1a1a;display: block;margin-bottom: 30px;position: relative;padding-left: 40%;}
.sitemap .tree-structure dl dt::before{content: '';position: absolute;bottom: -25px;left: 40%;width: 23px;height: 2px;background: #5f657840;margin-top: 15px;margin-bottom: 10px;}
.sitemap .tree-structure dl dd a{display: block;width: 187px;height: 30px;background: #ffffff;border-radius: 20px;border: 1px solid transparent;padding: 0 20px;margin-left: -20px;line-height: 28px;margin-left: calc(40% - 20px);}
.sitemap .tree-structure dl dd a:hover{border: 1px solid #a2a2a250;}
.sitemap .categories{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 17px;}
.sitemap .categories dl{width: 33%;margin-bottom: 15px;}
.sitemap .categories dl dt{font-size: 15px;font-weight: bold;padding-bottom: 12px;margin-bottom: 12px;color: #1a1a1a;display: block;text-align: center;position: relative;}
.sitemap .categories dl dt::before{content: '';position: absolute;left: 0;bottom: 0;border-bottom: 1px dashed #e7e7e7;width: 100%;height: 1px;}
.sitemap .categories dl dd a{display: block;font-size: 14px;line-height: 24px;color: #888a97;}
.sitemap .categories dl dd a:hover{color: #ff6d0c;}
.sitemap .categories dl:hover dt::before{border-bottom: 3px solid #8E93A9;}
.sitemap .categories dl:hover dt::after{border: 9px solid transparent;border-top: 9px solid #8E93A9;content: '';position: absolute;top: 30px;left: 0;right: 0;margin: 0 auto;width: 9px;}
.sitemap .categories a{padding-left: 7px;display: inline-block;font-size: 13px;color: #AAAFC1;}
.sitemap .categories a:hover{color: #ff6d0c;}
.sitemap > ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 20px;}
.sitemap > ul li{width: 32.5%;padding: 12px 0;border-bottom: 1px dashed #e7e7e7;text-align: center;}
.sitemap > ul li:nth-child(-n+3){border-top: 1px dashed #e7e7e7;}
.sitemap > ul li a{display: block;font-size: 15px;font-weight: bold;color: #1a1a1a;display: block;}
.sitemap > ul li a:hover{color: #ff6d0c;}
/* login */
.login{margin-top: 120px;position: relative;margin-bottom: 50px;width: 500px;min-height: 730px;}
.login::before{content: '';position: absolute;top: -90px;left: 0;right: 0;margin: 0 auto;background: url('../images/logo.png') no-repeat 0 0;width: 208px;height: 48px;}
.login .tab{display: flex;}
.login .tab li{width: 50%;height: 87px;text-align: center;padding-top: 50px;font-size: 18px;font-weight: bold;color: #818291;cursor: pointer;background-color: #ececed;margin-bottom: 3px;position: relative;}
.login .tab li::before{position: absolute;top: 17px;left: 0;right: 0;margin: 0 auto;font-size: 25px;}
.login .tab li.actived{color: #ffffff;font-weight: 400;height: 90px;background-color: #41424e;margin-bottom: 0;}
.login form{max-width: 100%;color: #c4c7d7;font-size: 13px;margin: 0 auto;display: none;text-align: center;}
.login form.actived{display: block;}
.login form span{display: inline-block;margin: 0 10px;}
.login form ol{padding: 15px;background-color: #484955;border-radius: 5px;border-top-left-radius: 0;border-top-right-radius: 0;}
.login form ol li{height: 57px;border-bottom: 1px solid rgba(255, 255, 255, .25);text-align: left;display: flex;align-items: center;}
.login form ol li label{font-weight: bold;align-self: center;margin-right: 10px;font-size: 13px;color: #C4C7D7;font-weight: bold;white-space: nowrap;}
.login form ol li input{width: 100%;height: 100%;color: #fff;font-size: 13px;border: none;outline: none;background-color: transparent;text-align: left;}
.login form ol li.check{border: none;}
.login form ol li.check input{-webkit-appearance:checkbox;width: unset;}
.login form ol li.check label{cursor: pointer;user-select: none;margin-left: 8px;font-size: 13px;white-space: normal;}
.login form ol li.check label span{color: #ff6d0c;margin: 0;}
.login form ol li.btn{border: none;line-height: 57px;height: auto;}
.login form ol li.btn button{width: 100%;height: 48px;background-color: #5A5B6A;border-radius: 4px;border: none;margin-top: 30px;margin-bottom: 10px;font-size: 17px;color: #fff;font-weight: bold;cursor: pointer;}
.login form ol li.btn button:hover{background-color: #ff6d0c;}
.login form .error{background-color: #8F93A9;padding: 15px 0;color: #fff;}
.login form h5{color: #000;margin-bottom: 10px;font-size: 13px;font-weight: bold;margin-top: 40px;}
.login form a{font-size: 13px;color: #868A96;}
.login form a:hover{color: #ff6d0c;}
/* register-success */
.register-success{position: relative;padding: 50px 0;text-align: center;}
.register-success::before{content: '';position: absolute;top: 30px;left: 0;right: 0;margin: 0 auto;background: url('../images/logo.png') no-repeat 0 0;width: 208px;height: 48px;}
.register-success h1{font-size: 22px;font-weight: bold;color: #a1a1a1;margin-bottom: 60px;padding-top: 150px;position: relative;}
.register-success h1::before{position: absolute;top: 60px;right: 0;left: 0;margin: 0 auto;font-size: 80px;font-weight: bold;color: #ff7200;}
.register-success h5{padding-top: 30px;position: relative;color: rgb(22, 22, 22);font-size: 16px;font-weight: 600;margin-bottom: 8px;}
.register-success h5::before{content: '';position: absolute;top: 0;left: 0;right: 0;width: 850px;max-width: 90%;height: 0px;border: 1px dotted #e7e7e7;margin: 0 auto;}
.register-success s{text-decoration: none;display: block;color: #b2b2b2;font-size: 14px;line-height: 30px;}
.register-success b{color: #000;margin-right: 12px;}
.register-success a{margin-top: 30px;font-size: 14px;color: #b2b2b2;display: inline-block;}
.register-success span{margin: 0 8px;display: inline-block;}
.register-success a.to-home{display: block;margin-top: 80px;}
.register-success a:hover{color: #ff6d0c;}
/* rfq-success & contact-us-success */
.submit-success{position: relative;padding: 50px 0;text-align: center;}
.submit-success h1{font-size: 22px;font-weight: bold;color: #a1a1a1;margin-bottom: 40px;padding-top: 150px;position: relative;}
.submit-success h1::before{position: absolute;top: 55px;right: 0;left: 0;margin: 0 auto;font-size: 80px;font-weight: bold;color: #ff7200;}
.submit-success h5{padding-top: 30px;position: relative;color: rgb(22, 22, 22);font-size: 16px;font-weight: 600;margin-bottom: 8px;}
.submit-success h5::before{content: '';position: absolute;top: 0;left: 0;right: 0;width: 850px;max-width: 90%;height: 0px;border: 1px dotted #e7e7e7;margin: 0 auto;}
.submit-success s{text-decoration: none;display: block;color: #b2b2b2;font-size: 14px;line-height: 30px;}
.submit-success b{color: #000;margin-right: 12px;}
.submit-success a{margin-top: 30px;font-size: 14px;color: #b2b2b2;display: inline-block;}
.submit-success span{margin: 0 8px;display: inline-block;}
.submit-success a.to-home{display: block;margin-top: 80px;}
.submit-success a:hover{color: #ff6d0c;}
/* account */
.account{background-color: #373844;color: #fff;}
.account .breadcrumbs a{color: #fff;}
.account .left{width: 25%;float: left;}
.account .left h1{font-size: 20px;margin-bottom: 15px;font-weight: normal;padding-bottom: 15px;border-bottom: 3px solid rgba(143, 147, 169, .3);}
.account .left dl{padding-bottom: 15px;border-bottom: 1px solid rgba(143, 147, 169, .3);margin-bottom: 15px;}
.account .left dl dt{font-size: 15px;margin-bottom: 8px;}
.account .left dl dd a{font-size: 13px;color: #A4A6B3;line-height: 29px;}
.account .right{width: calc(75% - 10px);float: right;margin-top: 40px;}
.account .right > div{border-radius: 10px;background-color: #3f404e;margin-bottom: 10px;}
.account .right .info{padding: 10px;}
.account .right .info > *{float: left;}
.account .right .info .avatar{width: 158px;height: 158px;background-image: url('../images/avatar.jpg');background-size: 100% 100%;background-repeat: no-repeat;background-position: center;margin-right: 20px;}
.account .right .info h2{font-size: 16px;display: block;float: unset;}
.account .right .info ol li{font-size: 13px;line-height: 24px;}
.account .right .info ol li span{color: #a4a6b3;margin-right: 4px;}
.account .right .info ol li span.account-status{color: #fff;position: relative;padding-left: 33px;}
.account .right .info ol li span.account-status::before{content: '';position: absolute;left: 0;display: inline-block;width: 25px;top: 50%;transform: translateY(-50%);height: 7px;background: #22be08;}
.account .right .info ol li a{height: 28px;background: transparent;border: 1px solid #646577;border-radius: 0;color: #a4a6b3;font-size: 13px;padding: 0 20px;line-height: 28px;text-align: center;display: inline-block;margin-right: 10px;margin-top: 10px;}
.account .right .info ol li a::before{margin-right: 8px;font-size: 15px;}
.account .right .info ol li a:hover{background-color: #595c75;color: #fff;}
.account .right .info .shopping{float: right;padding: 25px 30px 0;height: 70px;background-image: url('../images/shopping-bg.jpg');background-repeat: no-repeat;background-size: 100% 100%;}
.account .right .info .shopping b{font-size: 13px;line-height: 20px;}
.account .right .info .shopping b.icon-cart{margin-right: 40px;}
.account .right .info .shopping b.icon-cart::before{margin-right: 4px;font-size: 17px;}
.account .right .info .shopping span{font-size: 13px;color: #FF3C00;display: inline-block;margin-left: 8px;vertical-align: middle;}
.account .right .order{background-color: #3F404E;border-radius: 6px;overflow: hidden;min-height: 98px;}
.account .right .order h1{height: 40px;background-color: #4C4D5E;line-height: 40px;padding-left: 17px;font-size: 15px;color: #fff;margin-bottom: 23px;}
.account .right .order s{text-decoration: none;padding-left: 19px;color: #A4A6B3;font-size: 13px;display: inline-block;}


@media screen and (max-width: 1440px)
{
	.about-page .what-we-sell ul li:nth-child(1), .about-page .what-we-sell ul li:nth-child(8){width:256px;}
	.about-page .what-we-sell ul li:nth-child(2), .about-page .what-we-sell ul li:nth-child(3), .about-page .what-we-sell ul li:nth-child(6), .about-page .what-we-sell ul li:nth-child(7){width:482px;}
	.about-page .what-we-sell ul li:nth-child(4), .about-page .what-we-sell ul li:nth-child(5){width:349px;}
}
@media screen and (max-width: 768px)
{
	/* aboutus */
	 .about-page .black-bg .limit{width: 100%;padding: 0 8px;}
	.about-page .black-bg h1{background: url(../images/logo.png) no-repeat 0 -68px;height: 69px;background-size: 300px auto;display: block;text-align: center;margin-left: 40px;}
	.about-page .black-bg .limit::before{content: none;}
	.about-page .black-bg h2{margin-bottom: 50px;font-size: 20px;}
	.about-page .black-bg ul{flex-direction: column;align-items: center;}
	.about-page .company-profile{padding: 0 8px;}
	.about-page .company-profile h1{font-size: 20px;}
	.about-page .strategy{padding: 24px 8px;}
	.about-page .strategy .limit{width: 100%;}
	.about-page .strategy .limit::before{content: none;}
	.about-page .strategy h1{font-size: 22px;}
	.about-page .strategy ul li{width: 100%;}
	.about-page .what-we-sell{width: 100%;padding: 0 8px;}
	.about-page .what-we-sell ul li{width: 100% !important;height: 200px !important;}
	.about-page .what-we-sell ul li.last-box{position: relative;}
	.about-page .strong-point.limit{width: 100%;padding: 0 8px;}
	.about-page .strong-point ul li{width: 100%;}
	.about-page .what-we-sell ul li::before{height: 200px;}
	.link-way.limit{width: 100%;padding: 0 8px;}
	.link-way ul li{width: 100%;}
	/* contact */
	 .contact .top{height: auto;}
	.contact .top .limit{width: 100%;padding: 0 8px;background-color: #373844;}
	.contact .top .form-container{width: 100%;}
	.contact .top .form-container h1{font-size: 25px;}
	.contact .top .form-container ul{flex-direction: column;}
	.contact .top .form-container ul li{margin-left: 0;width: 100%;}
	/* .appcenter */
	 .appcenter.limit{width: 100%;padding: 0 8px;}
	.appcenter > ul{flex-wrap: wrap;margin-bottom: 0;}
	.appcenter > ul li{width: 100%;margin-bottom: 4px;}
	.appcenter .latest-product ul li{width: 49%;margin-bottom: 12px;}
	.appcenter .latest-product ul li a .image-product{margin-bottom: 20px;}
	.appcenter .latest-product ul li a b{margin-bottom: 4px;}
	.appcenter .latest-product ul li a s{-webkit-line-clamp: 2;font-size: 13px;}
	/* .account */
	 .account .limit{width: 100%;}
	.account .left{width: 100%;padding: 0 8px;}
	.account .right{width: 100%;padding: 0 8px;}
	.account .right .info > *{float: none;}
	.account .right .info h2{margin-top: 12px;}
	.account .right .info ol{margin-bottom: 24px;}
	/* .login */
	 .login.limit{width: 100%;min-height: unset;padding: 0 8px;}
	/* .register-success */
	 .register-success.limit{width: 100%;}
	/* sitemap */
	 .sitemap.limit{width: 100%;}
	.sitemap .tree-structure{margin-top: 20px;}
	.sitemap .tree-structure dl{width: 50%;text-align: center;margin-bottom: 24px;}
	.sitemap .tree-structure dl::after, .sitemap .tree-structure dl::before{content: none;}
	.sitemap .tree-structure dl dt, .sitemap .tree-structure dl dd a{padding: 0;margin-left: 0;}
	.sitemap .categories dl{width: 100%;}
	.sitemap > ul li{width: 100%;}
	.sitemap > ul li:nth-child(-n+3){border-top: none;}
	.sitemap > ul li:first-of-type{border-top: 1px dashed #e7e7e7;}
	/* .notfound */
	 .notfound{margin-bottom: 50px;}
	.notfound.limit{width: 100%;padding: 0 8px;}
	.notfound h2{margin-top: 40px;}
	/* .withresults */
	 .withresults.limit{width: 100%;}
	/* noresult */
	 .noresult{margin-bottom: 50px;}
	.noresult.limit{width: 100%;padding: 0 8px;}
	.noresult dl dd{width: 50%;}
}