@import url(https://fonts.googleapis.com/css2?family=Lato&family=Roboto:wght@400;500&display=swap);
*{padding:0;margin:0;box-sizing:border-box}
a{text-decoration:none;color:#333;cursor:pointer}
li,ul{list-style:none}
.l-wrap{max-width:1400px;margin:0 auto}
img{max-width:100%;border:none}
.clearfix::after{content:'';display:block;height:0;visibility:hidden;clear:both}
.float-l{float:left}
.float-r{float:right}
table{border-collapse:collapse}
.mg4{margin-right:4%}
.table td,.table th{border:1px solid #f0f1f2}
.table-tr-bg tr td:nth-child(1){background:#f2f8fa}
body{font-family:Roboto,sans-serif;font-size:14px;background:#f0f1f2;font-weight:400}
.body-layer{overflow:hidden}
.h-top{background:#fff;padding:12px 0}
.welcome{float:left;font-family:Lato,sans-serif;color:#666}
.h-top-r{float:right;font-family:Lato,sans-serif}
.h-top-r li{float:left;padding:0 14px;border-right:1px solid #cbcbcb}
.icon{background:url(../images/css-s1.png) no-repeat}
.h-top-r li a{font-size:16px;color:#666;display:block}
.h-top-r li a i.icon{display:inline-block;width:15px;height:15px;vertical-align:middle}
.h-top-r .h-top-r-sign a i{background-position:0 -1px}
.h-top-r .h-top-r-register a i{background-position:-16px -1px}
.h-top-r .h-top-r-contact a i{background-position:-40px -3px}
.h-top-r .h-top-r-signName a i{background-position:-4px -105px}
.h-top-r .h-top-r-registerOut a i{background-position:-31px -105px}
.h-top-r li:last-child{border:none;padding-right:0}
.h-bot{background:#01558b}
.h-bot-ts{padding-top:34px;padding-bottom:34px}
.search{float:right;width:calc(100% - 370px);height:47px;background:#fff;border-radius:5px;overflow:hidden}
.search form{display:block;width:100%;height:100%}
.search select{float:left;color:#292929;height:100%;border:none;font-size:16px;font-family:Lato,sans-serif;outline:0;padding-left:20px;max-width:141px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;background:url(../images/searcharr.png) no-repeat right center #fff;background-size:8px;padding-right:12px;-ms-user-select:none;-khtml-user-select:none;user-select:none}
select::-ms-expand{display:none}
.search-box{float:right;width:calc(100% - 158px);height:100%;position:relative}
.search-box::before{content:'';display:block;position:absolute;top:10px;left:0;width:1px;height:27px;background:#c1c1c1}
.search-box input{width:calc(100% - 130px);height:100%;border:none;color:#292929;outline:0;padding-left:22px}
.search-box input::-webkit-input-placeholder{color:#adadad;font-size:14px}
.search-box input::-moz-placeholder{color:#adadad;font-size:14px}
.search-box input:-ms-input-placeholder{color:#adadad;font-size:14px}
.search-box input::-ms-input-placeholder{color:#adadad;font-size:14px}
.search-box input::placeholder{color:#adadad;font-size:14px}
.search-box button{display:block;float:right;height:100%;color:#fff;font-size:16px;font-family:Lato,sans-serif;border:none;background:#4ac4fa;border-radius:5px;padding:0 24px;outline:0;cursor:pointer}
.search-box button i{margin-right:10px}
.h-bot-bar{position:relative;height:53px}
.pro-menu{position:absolute;top:0;left:0;width:291px;z-index:1000;text-transform:capitalize}
.pro-menu h6{width:100%;height:53px;background:#4ac4fa;border-radius:10px 10px 0 0;color:#fff;font-size:16px;padding:18px;text-transform:uppercase;font-weight:500}
.pro-menu h6 a{color:#fff}
.pro-menu h6 i{font-weight:400;margin-right:6px}
.pro-menu>.pro-menu-box>ul{width:100%;background:#fff;height:calc(100% - 60px);border-radius:0}
.pro-menu>.pro-menu-box>ul:last-child{border-radius:0 0 10px 10px}
.pro-menu>.pro-menu-box>ul>li>a:before{content:'';width:100%;height:35px;position:absolute;top:6px;left:6px;box-shadow:0 0 4px 0 rgb(0 0 0 / 12%);display:none}
.pro-menu>.pro-menu-box>ul>li>a:hover:before{display:block}
.pro-menu>.pro-menu-box>ul>li>a{display:block;width:100%;padding:15px 20px;position:relative}
.pro-menu>.pro-menu-box>ul>li>i{display:none}
.pro-menu>.pro-menu-box>ul>li>a i,.pro-menu>.pro-menu-box>ul>li>i{float:right}
.pro-menu>.pro-menu-box>ul>li a{font-size:14px;color:#333}
.pro-menu>.pro-menu-box>ul>li:hover>a,.pro-submenu li a:hover{color:#4ac4fa}
.pro-submenu{position:absolute;top:0;width:230%;min-height:100%;left:100%;display:none;background:rgba(255,255,255,.98);box-shadow:0 0 4px 0 rgb(0 0 0 / 12%);padding:10px;border-radius:10px}
.pro-submenu li{padding:3px;line-height:1}
.pro-menu .pro-submenu li a{font-size:12px}
.pro-submenu h3{margin-bottom:10px;line-height:1}
.pro-menu .pro-menu-box{display:none}
.pro-menu>.pro-menu-box>ul>li:hover .pro-submenu{display:block}
.pro-submenu .category-layout{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.pro-submenu .category-layout .category-item{margin:0 20px 20px 0;width:calc(33.3% - 20px)}
.pro-submenu .category-layout .category-item h3,.pro-submenu .category-layout .category-item li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.categories-submenu,.categories-thrmenu{display:none;position:absolute;top:0;left:100%;width:300px;background:#fff;border-radius:4px;box-shadow:3px 3px 5px rgb(0 33 66 / 20%)}
.pro-menu .categories-submenu a:hover{color:#00adef}
.categories-sfmenu .categories-submenu li a{display:inline-block;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.categories-lev1,.categories-lev2{position:relative}
.categories-lev2,.categories-lev3{padding:10px 20px 0}
.categories-lev2 a,.categories-lev3 a{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.categories-lev1 .categories-submenu .categories-lev2:last-child,.categories-lev2 .categories-thrmenu .categories-lev3:last-child{padding-bottom:10px}
.categories-lev1:hover .categories-submenu,.categories-lev2:hover .categories-thrmenu{display:block}
.categories-lev2 i.fa.fa-angle-right{position:absolute;right:10px;top:11px}
.h-bot-bar nav{float:left;padding-left:336px;padding-top:18px;width:auto}
.h-bot-bar nav li{float:left;margin-right:70px}
.h-bot-bar nav li a{color:#fff;font-size:18px}
.h-bot-bar nav li a:hover{color:#4ac4fa}
.h-bot-bar nav .nav>ul>li:last-child{margin-right:0}
.shoppingcar{float:right;height:53px;background:#4ac4fa;border-radius:10px 10px 0 0;font-family:Lato,sans-serif;color:#fff;padding:13px 20px 9px 26px}
.shoppingcar a{display:block;color:#fff}
.shoppingcar a:hover>span{color:#01558b}
.scar-icon{width:31px;height:31px;position:relative;float:left;margin-right:14px;background-position:-292px -131px}
.scarnum{position:absolute;width:20px;height:20px;background:#01558b;border-radius:50%;top:-7px;right:-7px;font-size:12px;text-align:center;line-height:20px}
.shoppingcar>a>span{float:left;line-height:2}
.index-banner{padding-top:26px}
.index-banner .swiper-container{margin-right:0;margin-left:auto;width:100%}
.index-banner .swiper-container .swiper-pagination{bottom:16px}
.index-banner .swiper-container .swiper-pagination-bullet{width:10px;height:10px;background:#e0e0e0;border-radius:50%;opacity:1}
.index-banner .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{width:10px;height:10px;background:rgba(224,224,224,0);border:2px solid #4ac4fa;border-radius:50%}
.index-banner .swiper-button-next,.index-banner .swiper-button-prev{color:#fff;background-color:rgba(0,0,0,.7);width:30px;height:58px;transition:all .3s ease-in-out}
.index-banner .swiper-button-next{right:-30px;background-position:-82px -80px}
.index-banner .swiper-button-prev{left:-30px;background-position:-58px -82px}
.index-banner .swiper-button-next::after,.index-banner .swiper-button-prev::after{font-size:18px;font-weight:600}
.index-banner .swiper-container:hover .swiper-button-next{right:0}
.index-banner .swiper-container:hover .swiper-button-prev{left:0}
.index-banner img{width:100%}
.index-banner .swiper-button-next,.index-banner .swiper-button-prev{background-image:url(../images/css-s1.png);background-size:auto}
.pro-item-tit{padding:34px 0 17px;font-size:21px;color:#2c2c2c;font-weight:900;text-transform:uppercase;position:relative;margin-bottom:20px;font-family:Lato,sans-serif}
.pro-item-tit::before{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:7px;background:#dcdee3;border-radius:4px}
.pro-item-list{margin-bottom:40px}
.pro-item-list:last-child{margin-bottom:0}
.pil-left{width:20%;float:left;position:relative}
.pil-left a{display:block}
.pil-left img{display:block;width:100%}
.pil-left-txt{position:absolute;top:50%;width:100%;left:0;padding:0 10px;text-align:center;transform:translateY(-50%)}
.pil-left-txt h6{font-size:25px;font-weight:900;color:#fff;text-transform:uppercase;font-family:Lato,sans-serif}
.pil-left-txt h6 i{display:none}
.pil-left-txt p{display:inline-block;width:103px;background:#f43a3a;border-radius:3px;font-size:16px;color:#fff;padding:6px 0 10px;margin-top:30px;font-family:Lato,sans-serif}
.pil-list{width:80%;float:left;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.pil-list>li{width:25%;height:auto;border:1px solid #eaeaea;text-align:center;padding:15px 0;background:#fff}
.pil-img{width:160px;margin:13px auto 28px;height:160px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-justify-content:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;align-items:center}
.pil-img img{max-height:100%;transition:all .2s ease-in-out;max-width:100%;width:100%}
.pil-list>li:nth-child(2n),.pil-list>li:nth-child(4n-1){border-left:none}
.pil-list>li:nth-last-of-type(-n+4){border-top:none}
.pil-list>li a:hover h6{color:#f43a3a}
.pil-list>li a:hover img{transform:scale(1.05)}
.pil-list>li h6,.pro-slide h6{color:#666;transition:all .2s ease-in-out;max-width:200px;margin:0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:500}
.pil-price{color:#f44;margin:10px 0 3px}
.pro-slide .swiper-slide{border:1px solid #eaeaea;text-align:center;padding:15px 0;background:#fff;width:20%;height:100%}
.pro-slide .swiper-slide:nth-child(2n){border-left:none;border-right:none}
.pro-slide .swiper-slide a{color:#666}
.pro-slide .swiper-slide a:hover img{transform:scale(1.05)}
.pro-slide .swiper-slide a:hover h6{color:#f43a3a}
.pro-slide-but{float:right}
.pro-slide-but i{display:inline-block;color:#a9a9a9;width:30px;height:30px;text-align:center;line-height:30px;outline:0;cursor:pointer}
.pro-slide-but i:hover{color:#000}
.pro-slide .pil-img{height:160px}
.contact{margin:40px 0}
.contact .l-wrap{background:url(../images/contact.jpg) no-repeat center;background-size:cover;padding:44px 20px 42px 0}
.contact-box{max-width:580px;background:#fff;padding:30px 24px;margin-left:auto;margin-right:0}
.contact-box h6{font-size:25px;color:#282828;font-weight:400}
.contact-box input,.contact-box textarea{border:1px solid #e9e9e9;margin-top:10px;padding:12px 0 12px 16px;border-radius:3px;font-family:Roboto,sans-serif}
.contact-box input:focus,.contact-box textarea:focus{border-color:#1470cc;outline:0}
.contact-box input,.contact-box input::placeholder,.contact-box select,.contact-box textarea,.contact-box textarea::placeholder{color:#9e9e9e;font-size:14px;font-family:Roboto,sans-serif;font-weight:400}
#ic-des,#ic-key{width:100%}
#ic-des{min-height:85px}
#ic-price{padding:11px 24px 11px 16px;border:1px solid #e9e9e9;margin-left:10px;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../images/ic-price.png) no-repeat 72px center #fff}
#ic-price:focus{outline:0;border-color:#1470cc}
#ic-submit{display:inline-block;background:#4ac4fa;border-radius:3px;color:#fff;text-align:center;padding:9px 16px;transition:all .1s ease-in-out}
#ic-submit:hover{background:#01558b}
footer{background:#445268;color:#fff}
footer a{color:#fff}
footer a:hover{color:#4ac4fa}
.foot-top{padding:56px 0;border-bottom:1px solid rgba(255,255,255,.3)}
.foot-top .l-wrap{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-between;-moz-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between}
.foot-top .l-wrap>ul{max-width:20%;float:left}
.foot-top .l-wrap>ul li{padding:4px 0}
.foot-top .l-wrap>ul>li:first-child{font-size:18px;margin-bottom:8px}
.foot-bot{padding:22px 0 14px}
.copy{float:left}
.f-share{float:right}
.f-share a{display:inline-block;width:22px;height:22px;background:#fff;border-radius:3px;text-align:center;line-height:22px;margin-left:2px}
.f-share a i{color:#445268;font-size:12px}
.f-share a:hover i{color:#4ac4fa}
.f-share span{margin-right:6px}
.monav{color:#fff;border:1px solid #fff;width:90px;text-align:center;padding:8px 0;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;user-select:none;display:none}
.monav-close,.mopmenu,.mopmenu-close{display:none}
.h-bot-act .h-bot-ts{position:fixed;width:100%;top:0;left:0;z-index:99999999;padding:10px 13%;background:#01558b}
.h-bot-act .h-bot>.l-wrap{padding-top:70px}
.h-bot-act .logo{margin-bottom:0}
.logo{display:block;float:left;margin-bottom:8px}
.pro-menu>.pro-menu-box>ul>li>a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:74px}
.pro-menu>.pro-menu-box>ul>li>a>i{position:absolute;right:14px;top:14px}
/*! inner  */
.breadcrumbs-nav .l-wrap{padding-top:20px;padding-bottom:20px;color:#333;font-size:14px;font-weight:500}
.breadcrumbs-nav a{color:#00adef}
/*! product */
.propage-l{float:left;width:291px;background:#fff;padding:24px 30px 10% 30px;color:#2c2c2c;min-height:903px}
.propage-l h6,.propage-r h6{font-size:16px;font-weight:500;margin-bottom:16px}
.sf-menu a{display:inline-block;width:100%;color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sf-menu a:hover{color:#00adef}
.sf-menu .LiLevel1>a{font-size:14px;line-height:2}
.sf-menu .Lilevel2>a{font-size:13px;padding-left:18px;line-height:2}
.sub-menu{display:none}
.type-active .sub-menu,.type-active>.thr-menu{display:block}
.type-active>a{color:#00adef}
.sf-menu .LiLevel1:hover .sub-menu{display:block}
.sf-menu .LiLevel1:hover,.type-active{border-bottom:2px solid #ebebeb;padding-bottom:10px;margin-bottom:10px}
.propage-c{float:left;width:calc(100% - 513px);margin:0 16px;background:#fff;min-height:903px}
.propage-c h1{font-size:16px;font-weight:700;color:#2c2c2c;border-left:3px solid #4ac4fa;padding:20px 0 20px 20px;font-weight:400}
.propage-c h1 strong{font-weight:500}
.propage-list{border-top:1px solid #f0f1f2;border-bottom:1px solid #f0f1f2}
.propage-item{padding:26px 24px;border-bottom:1px solid #f0f1f2}
.propage-item-img{float:left;width:220px;height:220px;background:#fff;border:1px solid #e5e5e5;text-align:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-justify-content:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;align-items:center}
.propage-item-img img{max-width:100%;max-height:100%;width:100%}
.propage-item-cont{width:calc(100% - 220px);padding:0 3%;float:left}
.propage-item-cont h6{font-size:18px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;margin-bottom:10px}
.pro-star{margin:8px 0}
.pro-star span.icon{display:inline-block;width:13px;height:13px;background-position:-20px -83px}
.pro-star1 .icon:nth-child(-n+1),.pro-star2 .icon:nth-child(-n+2),.pro-star3 .icon:nth-child(-n+3),.pro-star4 .icon:nth-child(-n+4),.pro-star5 .icon:nth-child(-n+5){background-position:-3px -83px}
.propage-item-specil span{display:inline-block;font-size:14px;line-height:1.5}
.propage-item-specil .specifications-tit{width:120px;margin-right:30px;color:#888}
.propage-item-specil .price{font-weight:500}
.propage-item-specil .price .specifications-txt{color:#4ac4fa}
.propage-item-specil .price .specifications-tit,.propage-item-specil .specifications-txt{color:#333}
.specifications-txt{max-width:calc(100% - 180px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align:middle}
.propage-item-bth{padding-top:12px;border-top:1px solid #ebebeb;margin-top:10px}
.Inquiry-now,.shopppingcar-btn{display:block;float:left;margin-right:18px;width:160px;height:36px;background:#4ac4fa;border-radius:3px;color:#fff;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;text-align:center;line-height:36px;transition:all .3s ease-in-out}
.Inquiry-now i,.shopppingcar-btn i{display:inline-block;width:23px;height:20px;background-position:-354px -136px;font-size:16px;vertical-align:text-bottom;margin-right:10px}
.Inquiry-now{margin-right:0}
.Inquiry-now i{background-position:-34px -58px}
.Inquiry-now:hover,.pro-checked .shopppingcar-btn,.shopppingcar-btn:hover{background:#01558b;color:#fff}
.propage-r{float:left;width:190px;background:#fff;padding:20px 16px 0 14px}
.propage-r-list li{text-align:center;margin-bottom:10px}
.propage-r-img{width:160px;height:160px;background:#fff;border:1px solid #eaeaea;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-justify-content:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;align-items:center}
.propage-r-img img{width:100%;max-height:100%}
.propage-r-tit{font-size:12px;color:#666;line-height:2;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:4px}
.propage-r-price{color:#f44;font-size:12px}
.common-pages{width:calc(100% - 46px);height:56px;line-height:56px;margin:30px auto;background:#f5f5f5;padding:0 20px}
.common-pages-dis{color:#888;font-size:14px;float:left}
.common-pages-dis a{margin:0 2px;color:#888}
.common-pages-dis a:hover{color:#4ac4fa;text-decoration:underline}
.common-pages-dis .common-pages-disact{color:#4ac4fa}
.common-pages-r{float:left;margin-left:10%;padding-top:2px}
.common-pages-r a,.common-pages-r span{display:inline-block;width:auto;height:30px;background:#fff;border:1px solid rgba(74,196,250,.4);border-radius:3px;text-align:center;line-height:30px;color:#4ac4fa;margin-right:2px;padding:0 10px;font-size:16px}
.common-pages-r .ctxt,.common-pages-r a:hover{background:#4ac4fa;color:#fff}
.propage-box{margin-bottom:50px}
.pro-menu:hover .pro-menu-box{display:block;box-shadow:3px 3px 5px rgb(0 33 66 / 20%)}
/*! product_detail */
.pdetailpage-l{margin-right:16px;float:left;width:calc(100% - 206px)}
.pdetail-detail{background:#fff;padding:20px 80px 20px 20px;margin-bottom:16px}
.pdetail-detail-l{float:left}
.pdetails-img-l{position:relative}
.preview-container{position:relative;width:450px}
.preview-container .small-box{position:relative;width:450px;height:450px;border:1px solid #eee;display:flex;justify-content:center;align-items:center;box-sizing:border-box;background-color:#fff}
.preview-container .small-box img{max-width:450px;max-height:450px}
.preview-container .small-box .hover{position:absolute;width:180px;height:180px;background-color:hsla(0,0%,80%,.6);border:1px solid #eee;display:none}
.preview-container .thumbnail-box{margin-top:10px;position:relative;width:100%}
.preview-container .thumbnail-box .btn{position:absolute;top:50%;width:22px;height:32px;margin-top:-16px}
.preview-container .thumbnail-box .btn-prev{left:0;background-position:-234px -30px}
.preview-container .thumbnail-box .btn-next{right:0;background-position:-254px -30px}
.preview-container .thumbnail-box .btn_next_disabled,.preview-container .thumbnail-box .btn_prev_disabled{opacity:.5;cursor:not-allowed}
.preview-container .thumbnail-box .list{overflow:hidden;width:390px;margin:0 auto;position:relative}
.preview-container .thumbnail-box .list ul{padding:2px 0;width:100000px}
.preview-container .thumbnail-box .list ul .item{width:58px;height:58px;display:flex;justify-content:center;align-items:center;margin:0 10px;box-sizing:border-box;border:1px solid #ccc}
.preview-container .thumbnail-box .list ul .item-cur{outline:1px solid #4ac4fa;border:1px solid #4ac4fa}
.preview-container .thumbnail-box .list ul .item img{width:calc(100% - 2px);max-height:56px}
.preview-container .thumbnail-box .list .banner-page{display:none;justify-content:center;align-items:center;position:absolute;height:6.6666666667vw;width:13.3333333333vw;border-radius:5.3333333333vw;background:rgba(0,0,0,.8);bottom:1.3333333333vw;right:1.3333333333vw;z-index:999}
.preview-container .thumbnail-box .list .banner-page span{color:#fff;font-size:4vw}
.preview-container .big-box{display:none;overflow:hidden;top:0;left:449px;border:1px solid #eee;position:absolute;width:450px;height:450px;box-sizing:border-box;background:#fff;z-index:20}
.preview-container .big-box img{display:block;max-width:none;max-height:none;width:160%}
.pdetail-detail-cont{padding-left:38px;float:left;width:calc(100% - 450px)}
.pdetail-detail-cont h1{font-size:24px;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.getprice{display:inline-block;font-size:14px;color:#4ac4fa;line-height:1.4;margin-top:10px}
.getprice:hover{color:#01558b}
.full-description table th,.info-tit p{font-weight:500}
.pdetail-detail-cont .propage-item-specil .price{display:inline-block;background:#f2f8fa;border:1px solid #eee;border-radius:3px;padding:4px 10px;margin:4px 0 12px}
.pdetail-detail-cont .propage-item-specil .price .specifications-tit{margin-right:20px}
.pay .specifications-txt a{display:inline-block;width:35px;height:20px;margin-right:2px}
.pay .specifications-txt a:nth-child(1){width:35px;height:19px;background-position:-60px -8px}
.pay .specifications-txt a:nth-child(2){width:35px;height:19px;background-position:-96px -8px}
.pay .specifications-txt a:nth-child(3){width:67px;height:24px;background-position:-133px -4px}
.pay .specifications-txt a:nth-child(4){width:64px;height:24px;background-position:-202px -4px}
.pay .specifications-txt a:nth-child(5){width:77px;height:27px;background-position:-268px -1px}
.pdetail-detail-cont .propage-item-specil{border-bottom:1px solid #ebebeb}
.pay{padding:10px 0}
.pdetail-btn p{font-size:12px;color:#888;line-height:16px}
.pdetail-Inquiry-now,.pdetail-order{display:inline-block;width:287px;height:36px;background:#4ac4fa;border-radius:3px;text-align:center;line-height:36px;font-size:18px;font-weight:500;color:#fff;transition:all .3s ease-in-out;margin-bottom:4px;margin-top:20px;cursor:pointer}
.pdetail-Inquiry-now .icon,.pdetail-order .icon{display:inline-block;width:23px;height:16px;background-position:-34px -62px;vertical-align:middle}
.pdetail-order .icon{width:23px;height:20px;background-position:-357px -138px}
.pdetail-Inquiry-now:hover,.pdetail-order:hover{background:#01558b;color:#fff}
.shareTo{float:left}
.shareTo span{font-size:16px;color:#333;line-height:1.2;vertical-align:middle;margin-right:2px}
.shareTo span i{display:inline-block;width:15px;height:13px;background-position:-105px -34px}
.shareTo a{display:inline-block;width:22px;height:22px;margin-left:4px;vertical-align:middle}
.shareTo a:nth-child(2){background-position:-128px -34px}
.shareTo a:nth-child(5){background-position:-156px -34px}
.shareTo a:nth-child(4){background-position:-183px -34px;display:none}
.shareTo a:nth-child(3){background-position:-211px -34px}
.pdetail-share .pro-star{float:right;margin:4px 0}
.pdetail-share{padding:16px 0 0 0}
.pdetail-detail-txt{background:#fff}
.pdetail-detail-txt-bar{height:52px;line-height:52px;width:100%;background:#f2f8fa}
.pdetail-detail-txt-bar li{float:left;padding:0 60px 0 25px;position:relative;font-size:16px;font-weight:600;color:#333;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}
.pdetail-detail-txt-content>li{display:none;padding:0 78px 40px 25px;font-size:14px;color:#333;line-height:1.7}
.pdetail-detail-txt-content .pdtbact-cont{display:block}
.pdtbact{background:#fff}
.pdtbact::before{content:'';display:block;position:absolute;width:100%;height:2px;left:0;top:0;background:#4ac4fa}
.pdetail-txt-tit{position:relative;font-size:16px;font-weight:600;color:#333;line-height:1.5;padding:0 0 14px 12px;border-bottom:1px solid #f0f1f2;margin:40px 0 16px}
.pdetail-txt-tit::before{content:'';display:block;position:absolute;width:6px;height:6px;background:#4ac4fa;border-radius:50%;top:8px;left:0}
.pdetail-detail-txt-content>li table td{padding:5px 18px}
.buyers,.related{background:#fff;margin-top:16px;padding:16px 78px 30px 24px}
.buyers h6,.related h6{font-size:16px;font-weight:600;color:#333;line-height:1.6;margin-bottom:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.buyers-next,.buyers-prev,.related-next,.related-prev{width:26px;height:200px;border:1px solid #e5e5e5;text-align:center;line-height:200px;float:left;outline:0;cursor:pointer}
.buyers-next i,.buyers-prev i,.related-next i,.related-prev i{display:inline-block;width:11px;height:20px;background-position:-240px -37px}
.buyers-next i,.related-next i{background-position:-260px -37px}
#buyers,#related{margin:0 6px;float:left;width:calc(100% - 64px)}
#buyers .swiper-slide,#related .swiper-slide{width:calc(20% - 5px);border:1px solid #e5e5e5;font-size:14px;text-align:center;padding:0 4px}
#buyers .swiper-slide:last-child,#related .swiper-slide:last-child{margin:0}
.rela-img{text-align:center;height:140px;line-height:140px;margin-bottom:8px}
.rela-img img{max-width:100%;max-height:140px}
.rela-tit{color:#666;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rela-price{color:#f44;line-height:2}
.pdetailpage-box{padding-bottom:60px}
.pdetail-detail-cont .price .specifications-txt{max-width:100%}
.thr-menu{display:none}
.sub-menu>li:hover .thr-menu{display:block}
.thr-menu .Lilevel3>a{padding-left:36px;font-size:12px;display:inline-block;width:100%;line-height:2}
/*! login  */
.page-content{width:100%;margin:0;background:#fff;padding:40px}
.page-register .title{width:100%;display:flex;justify-content:center;font-size:24px}
.page-form{width:980px;margin:0 auto}
.page-form .details{font-size:18px;padding-bottom:20px;border-bottom:1px solid #e5e5e5}
.page-form .gender{margin-top:20px;font-size:18px}
.page-form .gender>input{margin:0 10px;vertical-align:middle}
.page-form .company,.page-form .info,.page-form .pwd{margin-top:10px;display:flex;flex-wrap:wrap}
.page-form .component{width:50%;margin-bottom:15px}
.component-center{margin-left:auto;margin-right:auto}
.page-form .component:nth-of-type(odd){padding-right:15px}
.page-form .component:nth-of-type(even){padding-left:15px}
.page-form .component>.label{font-size:14px}
.page-form .component>input{margin-top:10px;height:42px;width:100%;padding:2px;border:2px solid #ececec}
.page-form input{outline:0}
.page-form .submit{margin-top:30px;display:flex;justify-content:center;border:none}
.submit>button{background:#4ac4fa;width:50%;border:none;height:50px;border-radius:5px;font-size:20px;color:#fff}
.submit>button:hover{cursor:pointer;border:none;outline:0;background:#32bdfa}
.submit>button:visited{border:1px solid red}
.message-leave-page-content{width:100%}
.message-leave-page-content .form{width:100%;font-size:14px}
.message-leave-page-content .form div .label{width:30%;min-width:100px;text-align:right;margin-right:10px}
.message-leave-page-content .form>div{margin-bottom:10px;display:flex;align-items:center}
.message-leave-page-content .form input{height:34px;outline:0;padding:2px}
.message-leave-page-content .form div:nth-child(1) input{width:530px}
.message-leave-page-content .form div:nth-child(2) input{width:375px}
.message-leave-page-content .form div:nth-child(3) input{width:180px}
.message-leave-page-content .form div:nth-child(4)>p{width:375px}
.message-leave-page-content .form div:nth-child(5)>p{width:530px}
.message-leave-page-content .form div:nth-child(4) input{width:375px}
.message-leave-page-content .form div:nth-child(5) input{width:530px}
.message-leave-page-content .form .multiline-box .label{margin-top:-130px}
.message-leave-page-content .form .multiline-box>p{width:530px}
.message-leave-page-content .form textarea{width:530px;height:162px;resize:none;outline:0;overflow:hidden;font-size:14px;padding:2px}
.message-leave-page-content .bubble-box{padding:10px;width:265px;font-size:12px;height:auto;background:#eff5fd;border-radius:5px;position:relative;margin-left:20px}
.message-leave-page-content .triangle{position:absolute;left:-13px;top:30px;width:0;height:0;border-top:10px solid transparent;border-right:20px solid #eff5fd;border-bottom:10px solid transparent}
.message-leave-page-content .triangle-r{display:none}
.message-leave-page-content .submit>button{width:20%;min-width:400px}
.message-leave-page-content .title{font-size:24px;margin-bottom:25px;width:100%;text-align:center}
.message-leave-page-content .form div .label span{margin-left:10px}
.login-page{display:flex}
.login-page .left h1{font-size:30px;font-weight:400}
.login-page .left{flex:1;margin:0 2%}
.login-page .right{flex:1;margin:0 2% 0 calc(30px + 2%)}
.login-page .line{width:30px}
.login-page .left .form-box{background:#f8f8f8;margin-top:35px;padding:5% 7%}
.login-page .left .form-box>div:nth-child(1),.login-page .left .form-box>div:nth-child(2){margin-bottom:25px}
.login-page .left label{display:inline-block;padding-bottom:10px}
.login-page .left input[type=password],.login-page .left input[type=text]{height:42px;width:100%;outline:0}
.login-page .left input[type=checkbox]{font-size:20px}
.login-page .left .forgot-box{display:flex;justify-content:space-between}
.login-page .left .forgot-box a{color:#01558b}
.login-page .left .forgot-box a:visited{color:#01558b}
.login-page .left .forgot-box a:hover{color:#00008b}
.login-page .left button[type=submit]{width:100%;height:50px;border:none;background:#4ac4fa;border-radius:5px;outline:0;cursor:pointer;font-size:20px;color:#fff;margin-top:20px}
.login-page .left button[type=submit]:hover{cursor:pointer;border:none;outline:0;background:#32bdfa}
.login-page .line{border-right:1px solid #f8f8f8;height:405px;display:flex;align-items:center}
.login-page .line div{background:#fff;width:100%;height:30px;text-align:right;display:flex;align-items:center;justify-content:center;transform:translateX(50%)}
.login-page .right h2{font-weight:400;font-size:24px;overflow:hidden;padding-bottom:8px}
.login-page .right>div{background:#f8f8f8;margin-top:35px;padding:5% 7%}
.login-page .right>div p{color:#01558b;font-size:18px;margin-bottom:15px}
.login-page .right button{width:100%;outline:0;background:#01558b;height:50px;border:none;cursor:pointer;color:#fff;border-radius:5px;margin-top:20px;font-size:20px}
.login-page .right button:hover{width:100%;outline:0;background:#0f5f9b;height:50px;border:none;color:#fff;border-radius:5px;margin-top:20px;font-size:20px}
.about{margin-top:17px;display:flex;flex-wrap:wrap;width:100%;background:#fff;padding:40px 70px;justify-content:center}
.about h4{font-size:18px;font-weight:400;width:100%;border-bottom:1px solid #e5e5e5;padding-bottom:10px}
.about p{width:100%;margin-top:10px;font-size:14px}
.login-page .email-tip{margin-left:10px}
.info-gender .gender span.newsletter{margin-left:30px}
.info-gender .gender{padding-left:15px;margin-top:0;margin-top:10px;font-size:14px}
.newsletter input{margin-left:6px;vertical-align:middle}
.verification-code{display:flex;justify-content:space-between}
.verification-code>input{margin-top:10px;height:42px;width:53%;padding:2px;border:2px solid #ececec}
.verification-code #getcode{color:#fff;background:#4ac4fa;width:45%;border:2px solid #fff;outline:0;font-size:14px;cursor:pointer}
.verification-tip{font-size:12px;padding-top:10px}
.verification-tip p{width:55%;padding-right:2%;color:#888}
#code-num{width:45%;color:#4ac4fa}
.info.ema-verifi{padding-top:20px}
/*! order  */
.page-l{width:290px;background:#fff;padding:6px 30px 40px;color:#2c2c2c;margin-right:16px;float:left}
.page-l h6{font-family:Lato;font-size:18px;border-bottom:1px solid #ebebeb;padding:16px 0}
.page-l-list li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#2c2c2c;line-height:36px}
.page-l .type-active{border:none;margin-bottom:0;padding-bottom:0}
.page-l-list .type-active>a{color:#00adef}
.page-l-list{margin-top:10px}
.page-r{width:calc(100% - 306px);float:right;background:#fff;margin-bottom:50px}
.page-title{font-size:16px;font-family:Lato;color:#4ac4fa;border-left:2px solid #4ac4fa;padding:18px 25px;overflow:hidden;border-bottom:1px solid #e5e5e5}
.page-title strong{color:#2c2c2c}
.order-r-menu{border-bottom:1px solid #e5e5e5;padding:10px 25px}
.order-r-menu p{font-size:16px;font-weight:500;color:#333}
.order-r-list{padding:10px 25px}
.order-r-list>li{line-height:1.5;border-bottom:1px solid #e5e5e5;padding:16px 0}
.order-r-list>li:nth-child(1){padding-top:0}
.order-r-list>li strong{font-weight:500}
.order-r-item-time{font-size:15px}
.order-r-item-cont{margin:10px 0 16px}
.order-r-box{font-size:14px;padding-bottom:100px}
.order-details{display:inline-block;width:120px;height:36px;background:#4ac4fa;border-radius:3px;color:#fff;font-weight:500;text-align:center;line-height:36px;transition:all .3s ease-in-out}
.order-details:hover{background:#01558b}
.login-success{width:100%}
.login-success-txt,.send-success-txt{color:#2c2c2c;margin:20px 0 50px;font-size:18px;text-align:center;border-top:1px solid #e5e5e5;padding-top:30px;width:100%}
.login-next-step{text-align:center}
.login-next-step input[type=submit]{display:inline-block;border:none;outline:0;width:120px;text-align:center;height:40px;font-size:16px;background:#4ac4fa;color:#fff;transition:all .3s ease-in-out;border-radius:4px;cursor:pointer}
.login-next-step input[type=submit]:hover{background:#01558b}
.field-validation-error,.validation-summary-errors{color:#e64552;background:#ffdbdb;display:inline-block;padding:4px 6px;width:100%}
.validation-summary-errors{margin-bottom:10px}
/*! about */
.about-page>.l-wrap{background:url(../images/aboutpagebg.jpg) no-repeat center;background-size:cover}
.apage-box{max-width:985px;margin:0 auto;color:#333;min-height:400px}
.apage-box h1{font-size:24px;font-family:Lato;font-weight:700;padding:30px 0 20px;border-bottom:1px solid #e5e5e5;text-align:center;margin-bottom:20px}
.apage-box p{font-size:14px;line-height:1.6}
.aboutpage-img{margin:30px 0;display:flex;justify-content:space-between;flex-wrap:wrap}
.aboutpage-img-three img{width:32.5%}
.abou colortpage-img-four img{width:24.5%}
.aboutpage-list-show{display:flex;justify-content:space-between;flex-wrap:wrap;border-top:1px solid #e5e5e5;padding:30px 0 60px;margin-top:50px;font-family:Lato}
.aboutpage-list-show li{width:auto;max-width:24%;text-align:center}
.aboutpage-list-show li h6{font-size:18px}
.aboutpage-list-show .icon{display:inline-block;width:50px;height:50px;margin-bottom:6px}
.aboutpage-icon1{background-position:-121px -72px}
.aboutpage-icon2{background-position:-186px -72px}
.aboutpage-icon3{background-position:-252px -74px}
.aboutpage-icon4{background-position:-320px -72px}
.sf-menu .LiLevel1:hover .sub-menu,.thr-menu .Lilevel3>a{padding-left:20px}
.sf-menu .Lilevel2>a{padding-left:0}
input[readonly]{cursor:not-allowed;color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9}
/*! contract  */
.flex{display:flex;flex-wrap:wrap}
.flex-ac{align-items:center}
.flex-jc{justify-content:center}
.flex-sb{justify-content:space-between}
.flex-sa{justify-content:space-around}
.flex-rowr{flex-direction:row-reverse}
.contract-page>.l-wrap{background:#fff}
.contract-page .apage-box h1{border:none;margin-bottom:0}
.contract-list1{padding:28px 0 0;background:#f0f1f2}
.contract-list1>li{background:#fff;padding:16px 0;margin-bottom:28px}
.contract-list1>li:nth-child(even) .contract-item-l{text-align:right;padding-right:0;padding-left:30px}
.contract-list1>li:last-child{margin-bottom:0;padding-top:26px;padding-bottom:100px}
.contract-item-r{width:342px}
.contract-item-r img{max-width:100%;display:block}
.contract-item-l{width:calc(100% - 342px);padding-right:36px}
.contract-item-l h5{font-size:20px;font-weight:500;color:#4ac4fa;margin-bottom:10px;margin-top:10px}
.contract-item-l p{font-size:14px;color:#555}
.contract-item-l>div{margin-bottom:40px}
.contract-item-l>div h6{font-size:16px;font-weight:500;color:#333;border-bottom:1px solid #e5e5e5;line-height:2.2;margin-bottom:10px}
.contract-list1>li:last-child .contract-item-r img:nth-child(2){margin-top:32px}
.contract-two{margin:20px auto;text-align:center}
.contract-two h2{font-size:24px;font-family:Lato;font-weight:700;padding:30px 0 20px;text-align:center;margin-bottom:20px}
.contract-two img{max-width:100%;margin-bottom:40px}
.contract-page .contract-thr{background:url(../images/contract-manufacturing_bbg.jpg) no-repeat;background-size:cover;padding-top:52px;padding-bottom:52px;margin-bottom:20px}
.contract-thr .apage-box{min-height:0;color:#fff}
.contract-bottom-l>p:nth-child(1){font-size:16px;font-family:Lato;font-weight:700}
.contract-bottom-l>p:nth-child(2){font-size:26px;font-weight:500;text-shadow:0 3px 7px rgba(0,0,0,.35);text-transform:uppercase}
.contract-bottom-r a{display:inline-block;width:180px;height:36px;border-radius:3px;text-align:center;line-height:36px;font-size:14px}
.Request-Now{background:#4ac4fa;color:#fff}
.Upload-Attachment{background:#fff;color:#4ac4fa;margin-left:20px}
.Upload-Attachment i.icon{display:inline-block;width:18px;height:18px;background-position:-283px -38px;vertical-align:middle}
/*! contact  */
.contact-page>.l-wrap{background:#fff;margin-bottom:60px}
.contact-map{width:100%;height:320px}
.cpage-box,.cpage-box p{font-size:16px}
.contact-map+p{margin:20px 0;font-weight:500}
.p-color{color:#4ac4fa}
.contact-tel-ema{border:1px solid #e5e5e5;border-radius:10px;padding:20px}
.cte-l,.cte-r{width:50%}
.cte-r{text-align:center;font-size:0}
.cte-r img{max-width:100%;max-height:100%}
.cte-l li i.icon{width:25px;height:25px;border:1px solid #7d7d7d;border-radius:5px;margin-right:14px}
.cte-l li:nth-child(1) i.icon{background-position:-300px -35px}
.cte-l li:nth-child(2) i.icon{background-position:-318px -35px}
.cte-l li>div{width:calc(100% - 39px)}
.cte-l li>div strong{font-weight:500}
.cte-l li:nth-child(1){margin-bottom:20px;align-items:center}
.cte-l li a{color:#4ac4fa}
.cpage-address{margin-top:30px;padding-bottom:40px}
.cpage-address li{padding:15px 0}
.cpage-address li i.icon{width:40px;height:40px;background-position:-348px 4px;border:1px solid #7d7d7d;border-radius:8px;margin-right:20px}
.cpage-address li>div{width:calc(100% - 60px)}
.cpage-address li>div>p:first-child{font-weight:500;line-height:1.2}
.cpage-address li>div>p:last-child{color:#555}
.cpage-address li:first-child{border-bottom:1px solid #e5e5e5}
.cpage-address li:first-child i.icon{width:50px;height:50px;background-position:-362px -27px;margin-right:10px}
.cpage-address li:first-child>div>p:first-child{font-size:18px;line-height:1.5}
.amap-icon img{width:20px}
/*! searchzero  */
.searchpage-box{padding:0 20px;font-size:16px;font-family:Lato;font-weight:400;color:#2c2c2c}
.sbo-l{width:35%;padding-top:10px}
.sbo-r{width:60%}
.sbo-l>p:first-child{margin-bottom:10px}
.sbo-l>p a{display:block;line-height:1.4}
.spage-box-two{margin:30px 0}
.page-box-inquiry form{display:flex;flex-wrap:wrap;justify-content:space-between}
.page-box-inquiry form>div{width:49%;font-size:14px;font-family:Roboto;font-weight:400;color:#333}
.page-box-inquiry form>div input{width:100%;height:34px;border:1px solid #cbcbcb;padding:0 6px;margin-top:4px;outline:0}
.page-box-inquiry form>div.multiline-box{width:100%;margin-top:16px}
.multiline-txt>p{width:49%}
.page-box-inquiry form>.multiline-box textarea{width:100%;height:140px;border:1px solid #cbcbcb;outline:0;padding:6px;margin-top:6px}
.multiline-txt .bubble-box{width:246px;height:95px;background:#eff5fd;margin-left:3%;padding:10px 15px 22px;font-size:12px;color:#555;line-height:1.4;margin-top:10px;position:relative}
.multiline-txt .bubble-box:before{content:"";width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #eff5fd;position:absolute;top:26px;left:-8px}
.page-box-inquiry form .search-but{width:100%;margin-top:26px}
.search-but .addattach,.search-but .submit{width:48%;height:40px;border-radius:5px;position:relative}
.search-but .submit>button{width:100%;height:100%;font-size:18px}
#filebtn{text-align:center;width:100%;height:100%;line-height:40px;border:1px dashed #4ac4fa;border-radius:5px;cursor:pointer;color:#4ac4fa;font-size:18px}
#filebtn .icon{display:inline-block;width:22px;height:20px;background-position:-378px -100px;vertical-align:middle;margin-right:10px}
#addattach{position:absolute;top:0;left:0;width:0;margin:0;visibility:hidden}
/*! chemical  */
.about-page.chem-page>.l-wrap{background:#fff}
.cbo-l{width:46%}
.cbo-r{width:37%}
.chem-box-two{background:#fafbfb;padding:40px 0}
.chem-inquiry{max-width:985px;margin:0 auto;padding-right:205px;color:#333}
.chem-box-one .cbo-l p{font-size:16px;line-height:1.4}
.chem-box-one .cbo-l>p:first-child{font-size:18px;color:#4ac4fa;margin-bottom:10px}
.chem-box-thr{padding:40px 0 60px;min-height:0}
.chem-box-thr h6{font-size:18px;font-weight:400;color:#4ac4fa}
.cooperate-list{margin-top:20px}
.cooperate-list li{width:20%;border:1px solid #f0f1f2;display:flex;align-items:center;justify-content:center;border-right:none;overflow:hidden;text-align:center}
.cooperate-list li:nth-child(5n){border-right:1px solid #f0f1f2}
.cooperate-list li:nth-child(n+6){border-top:none}
.cooperate-list li img{max-width:100%;max-height:100%;transition:all .3s ease-in-out}
.cooperate-list li:hover img{transform:scale(1.1)}
/*! sitemap */
.sitemap-page>.l-wrap{background:#fff}
.sitemap-txt1{text-align:center}
.about-page.sitemap-page .apage-box h6{font-size:20px;font-family:Lato;font-weight:700;padding:30px 0 20px;border-bottom:1px solid #e5e5e5;text-align:center;margin-bottom:20px}
.Categories-list,.Manufacturers-list,.general-list{border:1px solid #e5e5e5;padding:12px 2%}
.Categories-list li,.Manufacturers-list li,.general-list li{width:auto;padding:6px 0;margin:0 4%}
.Categories-list a,.Manufacturers-list a,.general-list a{color:#4ac4fa}
#getcode.getcodeact{opacity:.5}
.single-page>.l-wrap{background:#fff;margin-bottom:80px}
.aglobal-sec{padding:6% 0;min-height:285px}
.aglobal-sec h6{font-size:18px;color:#4ac4fa;font-weight:400;margin-bottom:10px}
.aglobal-sec p{font-size:14px;color:#333;line-height:1.5}
.aglobal-sec h6,.aglobal-sec p{max-width:980px;margin-left:auto;margin-right:auto;padding-right:35%}
.aglobal-sec2,.aglobal-sec4{text-align:right}
.aglobal-sec2 h6,.aglobal-sec2 p,.aglobal-sec4 h6,.aglobal-sec4 p{padding-left:35%;padding-right:0}
.aglobal-sec1{background:url(../images/about-global1.jpg) no-repeat center;background-size:cover}
.aglobal-sec2{background:url(../images/about-global2.jpg) no-repeat center;background-size:cover}
.aglobal-sec3{background:url(../images/about-global3.jpg) no-repeat center;background-size:cover}
.aglobal-sec4{background:url(../images/about-global4.jpg) no-repeat center;background-size:cover}
.single-page .single-title{border:none;text-align:left;padding-bottom:0;margin-bottom:0}
.for-quotation-page h6{font-size:18px;font-weight:500;margin-bottom:6px}
.for-quotation-page section img{margin-top:10px}
.for-quotation-page section{padding:26px 0}
.for-quotation-page .apage-box{padding-bottom:40px}
.for-quotation-page .apage-box hr{border:1px solid #e5e5e5}
.in-global-page h6{font-size:18px;color:#fff;display:inline-block;background:linear-gradient(-90deg,#4ac4fa 0,#32afff 100%);border-radius:18px;font-weight:400;padding:7px 20px 7px 56px;margin-top:40px;position:relative;margin-bottom:7px}
.in-global-page h6 .icon{display:block;width:50px;height:50px;background-position:-412px -2px;position:absolute;left:0;top:-7px}
.left-line{min-height:30px;border-left:1px solid #e5e5e5;margin:7px 0 7px 24px;padding-left:36px}
.in-global-cont p{font-size:16px;color:#555;position:relative}
.in-global-cont>p:first-child{margin-left:7px}
.in-global-cont>p:first-child span{margin-left:16px;width:calc(100% - 54px);line-height:1.3}
.in-global-cont>p:first-child i{display:block;width:34px;height:34px;text-align:center;line-height:34px;color:#fff;background:linear-gradient(0deg,#4ac4fa 0,#32afff 100%);box-shadow:0 1px 4px 0 rgba(1,85,139,.14);border-radius:50%;font-style:normal}
.left-line-no{border:none}
.in-global-page .apage-box{padding-bottom:40px}
.paymentS-page h6{font-size:18px;font-weight:500;margin-bottom:20px}
.paymentS-page section:nth-child(2){padding-top:40px;margin-bottom:40px}
.paymentS-list li{border:1px solid #e5e5e5;margin-bottom:26px}
.paymentS-list .paymentS-img{width:27.5%}
.paymentS-list .paymentS-img img{display:block;max-width:100%}
.paymentS-list li>p{width:43%;font-size:14px;color:#555;line-height:1.5;margin-left:10%}
.paymentM-list{padding:36px 0 0}
.paymentM-list h6,.paymentM-list p{font-size:16px}
.paymentM-list h6{margin-bottom:20px}
.paymentM-list h6,.paymentM-list strong{font-weight:500}
.paymentM-list li .icon{display:inline-block;width:21px;height:21px;margin-right:6px;vertical-align:text-bottom}
.paymentM-list h6 .icon{width:40px;height:36px;background-position:-416px -63px;margin-right:14px}
.paymentM-list li{margin-bottom:60px}
.paymentM-list li p{margin:8px 0;padding-left:8px}
.paymentM-list li p span{width:calc(100% - 125px);padding-left:6px}
.paymentM-icon1{background-position:-473px -1px}
.paymentM-icon2{background-position:-473px -36px}
.paymentM-icon3{background-position:-473px -74px}
.paymentM-icon4{background-position:-474px -108px}
.paymentM-icon5{background-position:-473px -147px}
.paymentM-icon6{background-position:-449px -149px}
.single-page .apage-box{padding-bottom:70px}
/*! allcate  */
.all-cate-page section{margin-top:40px}
.allCate-menu{margin-top:50px}
.allCate-menu li{margin-right:26px;margin-bottom:30px}
.allCate-menu li:last-child{margin-right:0}
.allCate-menu li a{font-size:16px;font-weight:500;color:#333}
.allCate-menu li a:hover{color:#4ac4fa}
.all-cate-page section .icon,.allCate-menu li .icon{display:inline-block;width:24px;height:27px;vertical-align:middle;margin-right:6px}
.allCate-menu1 .icon{background-position:-2px -139px}
.allCate-menu2 .icon{background-position:-31px -141px}
.allCate-menu3 .icon{background-position:-61px -140px}
.allCate-menu4 .icon{background-position:-90px -140px}
.allCate-menu5 .icon{background-position:-119px -142px}
.allCate-menu6 .icon{background-position:-146px -141px}
.allCate-menu7 .icon{background-position:-174px -139px}
.allCate-menu8 .icon{background-position:-201px -138px}
.all-cate-page section h6 a{font-size:16px;font-weight:400;color:#4ac4fa}
.all-cate-page section h6 a .icon{margin-right:10px}
.allcate-sfmenu a{color:#555;line-height:1.5}
.allcate-sfmenu a:hover{color:#4ac4fa}
.allcate-sfmenu li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.allcate-sfmenu>li{width:33%;margin-top:24px;padding:0 6px}
.allcate-sfmenu>li>a{font-weight:500}
.allcate-submenu{margin:4px 0}
.allcate-sfmenu .allmenu-more{margin-top:4px}
.allcate-sfmenu .allmenu-more a{color:#4ac4fa;font-size:13px}
.transArea-page h5{font-size:18px;font-weight:500;margin-top:30px}
.transArea-page section{margin-top:20px}
.transArea-page section h6{font-size:18px;font-weight:500;color:#4ac4fa}
.transArea-page section table{border-collapse:collapse;width:100%;border:1px solid #e5e5e5;margin-top:8px}
.transArea-page section table tr:nth-child(even){background:#f7f8f8}
.transArea-page section table tr td{padding:16px 40px;border-right:1px solid #e5e5e5}
.transWays-page .apage-box .single-title{margin-bottom:20px}
.transWays-page section{margin-top:30px}
.transWays-page section h6{font-size:18px;font-weight:500;margin-bottom:10px}
.transWays-page section p{color:#555}
.transWays-page section img{margin:20px 0}
.transWays-page hr{border:1px solid #e5e5e5}
.wishlist-r{padding-bottom:70px}
.wishlist-menu{padding:6px 60px 6px 24px;border-bottom:1px solid #e5e5e5;text-align:center}
.wishlist-list,.wishlist-menu{font-size:14px;color:#333}
.wishlist-menu strong{font-weight:500}
.wishlist-list{text-align:center}
.wishlist-list li{padding:0 60px 0 24px;transition:all .2s ease-in-out}
.wish-list-box{border-bottom:1px solid #e5e5e5;padding:18px 0}
.wishlist-list li:hover a{color:#4ac4fa}
.wishlist-list li:hover{box-shadow:0 0 10px #ccc}
.wishlist-list li:hover .wish-list-box{border-color:transparent}
.wishlist-list li p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:34px;word-break:break-word}
.wishlist-list-img,.wishlist-menu-photo{width:124px}
.wishlist-list-img{height:124px;border:1px solid #e5e5e5}
.wishlist-list-img img{max-width:90%}
.wishlist-menu-name,.wishlist-name{width:22%}
.wishlist-cas,.wishlist-menu-cas{width:10%}
.wishlist-menu-spe,.wishlist-spe{width:90px}
.wishlist-menu-price,.wishlist-price{width:170px;color:#4ac4fa;font-weight:500;font-size:16px}
.wishlist-menu-price{font-size:14px}
.wishlist-delete,.wishlist-inquily,.wishlist-menu-delete,.wishlist-menu-inquily{width:50px}
.wishlist-delete a{cursor:pointer}
.wishlist-delete a.icon,.wishlist-inquily a.icon{display:inline-block;width:22px;height:22px}
.wishlist-inquily a.icon{background-position:-239px -130px}
.wishlist-delete a.icon{background-position:-267px -132px}
.wishlist-name{text-align:left}
/*!  */
.do-entry dl:after,.do-entry-list:after,.do-performance:after{visibility:hidden;display:block;height:0;font-size:0;content:"\0020";clear:both}
.do-entry-list dl{width:50%;zoom:1;float:left;padding:0 20px;box-sizing:border-box;line-height:1.5}
.do-entry-list dl dt{width:124px;padding:4px 0;color:#666;float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.do-entry-list dl dd{padding:4px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;margin:0}
.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.do-entry-list-percent dl{width:100%}
.ife-detail-decorate-table{overflow-x:auto}
.package-img-container{display:inline-block;position:relative;width:32px;height:32px;margin-right:8px}
.package-img-entry{width:100%;height:100%;filter:brightness(50%)}
.package-img-magnifier{width:16px;height:16px;display:inline-block;background:url(//img.alicdn.com/tfs/TB1QwV.QFXXXXaiXXXXXXXXXXXX-180-200.png) scroll 0 0 no-repeat;background-position:-20px -20px;vertical-align:middle;position:absolute;margin:auto;top:0;right:0;left:0;bottom:0;filter:brightness(200%)}
.pdetail-detail-txt-content>li table b{font-weight:inherit}
.pdetail-detail-txt-content>li:nth-child(2) .table-tr-bg tr td:nth-child(1){color:#666}
/*! mobile */
@media(max-width:1600px){
.h-bot-act .h-bot-ts{padding:10px 5%}
}
@media(max-width:1440px){
.l-wrap{max-width:100%;padding:0 20px}
.index-banner{padding-top:26px}
.pil-img{margin-bottom:22px}
.h-bot-act .h-bot-ts{padding:10px 20px}
.h-bot-bar nav li{margin-right:50px}
}
@media(max-width:1366px){
.pil-img{margin:0 auto 25px}
.pro-menu>.pro-menu-box>ul>li>a{padding:13px 74px 13px 20px}
.pro-submenu .category-layout .category-item{margin:0 14px 14px 0}
.pro-submenu h3{margin-bottom:8px}
.pil-price{margin-top:5px}
.pdetail-detail-cont .pay .specifications-txt{max-width:100%;white-space:normal}
.wishlist-list li,.wishlist-menu{padding-right:24px}
}
@media(max-width:1315px){
.multiline-box{position:relative}
.message-leave-page-content .bubble-box{position:absolute;left:3%}
.message-leave-page-content .triangle{width:100%;position:none;display:none}
.message-leave-page-content .triangle-r{display:block;position:absolute;right:-13px;top:30px;width:0;height:0;border-top:10px solid transparent;border-left:20px solid #eff5fd;border-bottom:10px solid transparent}
}
@media(max-width:1300px){
.h-bot-bar nav li{margin-right:40px}
}
@media(max-width:1280px){
.pil-left,.pil-list{width:100%;float:none}
.pro-menu>.pro-menu-box>ul>li>a{padding:11px 74px 11px 20px}
.pil-left-txt h6 i{display:inline-block;margin-left:6px}
.pil-left-txt p{display:none}
.pro-item-list .pil-left img{display:none}
.pil-left a{height:90px}
.pro-item-list:nth-child(2) .pil-left a{background:url(../images/pitem1.jpg) no-repeat center;background-size:cover}
.pro-item-list:nth-child(3) .pil-left a{background:url(../images/pitem2.jpg) no-repeat center;background-size:cover}
.pro-item-list:nth-child(4) .pil-left a{background:url(../images/pitem3.jpg) no-repeat center;background-size:cover}
.pro-item-list:nth-child(5) .pil-left a{background:url(../images/pitem4.jpg) no-repeat center;background-size:cover}
.pro-item-list:nth-child(6) .pil-left a{background:url(../images/pitem5.jpg) no-repeat center;background-size:cover}
.pil-left-txt{text-align:left}
.pil-left-txt h6{font-size:20px;color:#000}
.propage-l{width:270px;padding:24px 20px 10% 20px}
.propage-c{width:calc(100% - 492px)}
.pdetail-detail{padding-right:20px}
.pdetail-detail-cont{padding-left:20px}
.pil-img{width:200px;height:200px;margin-top:3px}
.pro-slide .pil-img{width:160px;margin-bottom:6px}
.pro-slide .swiper-slide{padding:14px 0}
.h-bot-bar nav li{margin-right:30px}
}
@media(max-width:1220px){
.h-bot-bar nav li{margin-right:20px}
}
@media(max-width:1215px){
.message-leave-page-content .bubble-box{position:absolute;left:-20px}
}
@media(max-width:1180px){
.h-bot-bar nav li{margin-right:20px}
.h-bot-bar nav li a{font-size:16px}
}
@media(max-width:1120px){
.h-bot-bar nav{padding-left:316px}
.h-bot-bar nav li{margin-right:20px}
.h-bot-bar nav li a{font-size:14px}
}
@media(max-width:1088px){
.h-bot-bar nav li{margin-right:16px}
}
@media(max-width:1050px){
.message-leave-page-content div{width:100%;display:flex;flex-wrap:wrap}
.message-leave-page-content div input{width:100%!important;margin-top:8px}
.message-leave-page-content .form div:nth-last-child(2)>div{height:auto}
.message-leave-page-content .form textarea{width:100%;margin-top:8px}
.message-leave-page-content .form div .label{width:100%}
.message-leave-page-content .submit>button{width:20%;min-width:150px}
.message-leave-page-content .bubble-box{position:static!important;margin-left:0;width:100%;margin-top:10px}
.message-leave-page-content .triangle-r{display:none}
.message-leave-page-content .form .multiline-box .label{margin-top:0}
.message-leave-page-content .form div.submit{display:flex;align-items:center;justify-content:center}
}
@media(max-width:1024px){
.h-bot-bar nav li a{font-size:16px}
.header-mark{position:fixed;width:100vw;height:100vh;background:rgba(0,0,0,.7);top:0;left:0;z-index:999;display:none}
.monav{display:block;font-size:16px;border:none}
.monav i{margin-right:2px}
.h-bot-bar nav{padding-top:8px;float:right;padding-left:0;width:auto}
.h-bot-bar nav .nav,.pro-menu-box{position:fixed;width:40vw;height:100vh;background:#f5f7fa;top:0;left:-40vw;z-index:1000;-webkit-overflow-scrolling:touch;transition:left .2s;-webkit-transition:left .2s}
.h-bot-bar nav .nav li{float:none;padding:20px 20px;height:auto;line-height:1;border-bottom:1px solid #e6ecf2;margin:0}
.monav-close,.mopmenu-close{display:block;color:#555;font-size:18px;height:60px;line-height:60px;padding:0 20px;border-bottom:1px solid #e6ecf2;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}
.monav-close i,.mopmenu-close i{width:20px;height:20px;display:inline-block;background-position:-38px -22px;margin-right:4px}
.h-bot-bar nav li a{color:#555}
.index-banner .swiper-container{width:100%}
.shoppingcar{background-color:transparent;padding:13px 10px 9px 16px}
.shoppingcar>a>span{display:none}
.scar-icon{margin-right:0}
.scarnum{background:#4ac4fa}
.pro-menu h6{display:none}
.mopmenu{display:block;color:#fff;background:0 0;padding:8px 0;text-align:center;width:126px;height:auto;border-radius:0;margin-top:8px;font-weight:400;font-size:16px;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;user-select:none;text-transform:uppercase}
.mopmenu i{margin-right:4px}
.pro-menu>.pro-menu-box>ul{background:0 0}
.pro-submenu{width:calc(100vw - 40vw);height:100vh;border-radius:0}
.pro-submenu .category-layout .category-item{width:calc(50% - 14px)}
.pro-menu>.pro-menu-box>ul>li>a:hover:before{display:none}
.h-bot-ts{padding-bottom:10px}
.pro-menu>.pro-menu-box>ul>li:hover>a{color:#555}
.pro-menu>.pro-menu-box>ul>li{padding:15px 20px}
.pro-menu>.pro-menu-box>ul>li>a{display:inline-block;padding:0;width:auto;max-width:70%}
.pro-menu>.pro-menu-box>ul>li>a>i{display:none}
.pro-menu>.pro-menu-box>ul>li>i{display:block}
.pmenuli-act .pro-submenu{display:block!important}
.propage-c,.propage-l,.propage-r{width:100%;float:none;margin:0}
.inner .pro-menu>.pro-menu-box{display:block}
.propage-l .Lilevel2{float:left}
.propage-l .sub-menu{display:block}
.sf-menu .LiLevel1{border-bottom:2px solid #ebebeb;padding-bottom:10px;margin-bottom:10px}
.propage-l{display:none}
.propage-c{margin:20px 0;padding-bottom:30px}
.common-pages{margin-bottom:0}
.propage-r-list li{width:24%;margin-right:1%;float:left}
.propage-r-img{margin:0 auto}
.pro-menu>.pro-menu-box>ul>li:hover{background:#eee}
a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0)}
.pdetailpage-l{width:100%;float:none}
.pdetailpage-box .propage-r{margin-top:16px}
.pdetails-img-l #Box{width:400px;height:400px}
.buyers,.pdetail-detail-txt-content>li,.related{padding-right:25px}
.pil-img{width:160px;height:160px;margin-top:0;margin-bottom:10px}
.pil-list>li{padding:12px 0}
.pro-slide .swiper-slide{width:25%}
.page-form .component{width:100%;margin-bottom:15px}
.page-form .component:nth-of-type(odd){padding-right:0}
.page-form .component:nth-of-type(even){padding-left:0}
.page-form{width:100%}
.pro-menu>.pro-menu-box{display:block}
.categories-lev1{position:initial}
.categories-submenu{width:60vw;top:0;height:100vh;height:100vh;overflow-y:auto}
.categories-thrmenu{display:block;position:initial}
.categories-lev2,.categories-lev3{padding-top:6px}
.categories-lev1 .categories-submenu .categories-lev2:last-child,.categories-lev2 .categories-thrmenu .categories-lev3:last-child{padding-bottom:0}
.categories-sfmenu .categories-submenu li a{max-width:40vw}
.categories-sfmenu .categories-thrmenu li a{max-width:30vw}
.categories-lev2 i.fa.fa-angle-right{display:none}
.categories-submenu,.categories-thrmenu{border-radius:0;box-shadow:none}
.categories-submenu{padding:20px 0}
.page-l{display:none}
.page-r{width:100%}
.order-r-list,.order-r-menu,.page-title{padding-left:10px;padding-right:10px}
.info-gender .gender{padding-left:0;margin-bottom:10px}
.propage-c{min-height:0}
.chem-box-two{padding-left:10px;padding-right:10px}
.foot-top .l-wrap>ul{width:100%;max-width:100%;display:flex;flex-wrap:wrap}
.foot-top .l-wrap>ul>li{margin-right:30px;margin-bottom:10px}
.foot-top .l-wrap>ul>li:first-child{width:100%;margin-bottom:0}
.foot-top{padding:20px 0}
.aglobal-sec{min-height:230px}
}
@media(max-width:920px){
.login-page{display:block}
.login-page .line{margin:auto;border-bottom:1px solid #e5e5e5;height:45px;width:96%;display:flex;align-items:center;justify-content:center;border-right:none;margin-bottom:20px}
.login-page .line div{background:#fff;width:30px;transform:translateY(70%)}
.login-page .right{flex:1;margin:0 2%}
}
@media(max-width:800px){
.h-bot-ts{padding-top:20px}
.search{float:none;width:calc(100% - 140px);margin-left:auto;margin-top:10px}
.h-bot-bar nav,.shoppingcar{position:absolute;top:-112px;right:0}
.shoppingcar{right:90px;padding-top:8px;padding-bottom:0;height:42px}
.pro-menu{width:auto;top:-56px}
.mopmenu{margin-top:0;border:1px solid #fff;padding:12px 0}
.h-bot-bar{height:auto}
.pro-slide .swiper-slide{width:25%}
.contact .l-wrap{padding:0 20px 40px;background:0 0}
.contact-box{max-width:100%}
#ic-price{width:100px}
.contact{margin-bottom:0}
.h-bot-act .h-bot-ts{position:initial;padding-left:0;padding-right:0}
.h-bot-act .h-bot{position:fixed;width:100%;top:0;left:0;z-index:9999}
.h-bot-act .logo,.h-bot-act .pro-menu{display:none}
.h-bot-act .search{width:100%;margin-top:0}
.h-bot-bar nav li a{font-size:14px}
.h-bot-act .h-bot-bar{height:auto}
.propage-item{padding:20px 10px}
.pdetail-detail-cont,.pdetail-detail-l{float:none;width:100%}
.pdetails-img-l #Box{width:440px;height:440px}
.pdetail-share{max-width:524px}
#bigBox,#lay{display:none!important}
.pdetail-detail-cont{margin-top:20px;padding-left:0}
.pdetail-btn>div{float:left}
.pdetail-btn>div:first-child{margin-right:10px}
.rela-img{height:110px;line-height:110px}
.rela-img img{max-height:110px}
.buyers-next,.buyers-prev,.related-next,.related-prev{height:170px;line-height:170px}
#buyers .swiper-slide,#related .swiper-slide{width:calc(25% - 5px)}
.h-bot-act .h-bot>.l-wrap{padding-top:0}
.h-bot-act .h-top{padding-top:120px}
.pil-img,.pro-slide .pil-img{width:120px;height:120px}
.pil-list>li h6,.pro-slide h6{padding:0 4px}
.pil-list>li,.pro-slide .swiper-slide{padding:4px 0}
.pro-slide .pil-img{margin-bottom:10px}
.contract-item-l>div{margin-bottom:10px}
.contract-list1>li:last-child{padding-bottom:30px}
.contract-bottom-l{width:100%;margin-bottom:20px}
.contract-page .contract-thr{padding-top:25px;padding-bottom:25px}
.sbo-l,.sbo-r{width:50%}
.chem-inquiry{padding-right:0}
.wishlist-list li,.wishlist-menu{padding-left:10px;padding-right:10px}
.wishlist-list-img{height:90px}
.wishlist-list-img,.wishlist-menu-photo{width:90px}
}
@media(max-width:768px){
.breadcrumbs-nav{visibility:hidden;opacity:0;height:30px}
.pro-submenu{width:calc(100vw - 50vw);overflow-y:auto}
.pro-submenu .category-layout .category-item{width:100%}
.pdetail-btn p,.welcome{display:none}
.preview-container{visibility:hidden;width:100%}
.preview-container .small-box{display:none}
.preview-container .thumbnail-box{margin-top:0}
.preview-container .thumbnail-box a{display:none}
.preview-container .thumbnail-box .list,.preview-container .thumbnail-box .list .wrapper{width:100%}
.preview-container .thumbnail-box .list .wrapper .item{height:auto;border:none;margin:0;outline:0}
.preview-container .thumbnail-box .list .wrapper .item img{width:100%;max-height:none}
.preview-container .thumbnail-box .list .banner-page{display:flex}
.submit>button{width:50%;height:40px;font-size:18px}
.chem-box-one .cbo-l p,.mopmenu{font-size:14px}
.pro-menu .pro-menu-box .categories-lev3 a{font-size:12px}
.categories-lev2,.categories-lev3{padding-left:10px;padding-right:10px}
.propage-c{margin-top:0}
.cooperate-list li img{max-width:90%;max-height:90%}
.paymentS-list .paymentS-img{width:30.5%}
.paymentS-list li>p{margin-left:8%;width:60%}
.categories-submenu{width:50vw}
.categories-submenu,.categories-thrmenu{width:100%}
.categories-submenu li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.transArea-page section table tr td{padding:16px 20px}
.wishlist-menu{display:none}
.wishlist-name{width:calc(100% - 134px)}
.wishlist-list-img{margin-bottom:10px}
.wishlist-list li p{height:auto}
.wishlist-cas,.wishlist-menu-cas{width:90px}
.wishlist-delete,.wishlist-inquily,.wishlist-menu-delete,.wishlist-menu-inquily{width:34px}
.wishlist-menu-spe,.wishlist-spe{width:80px}
.wishlist-list-img,.wishlist-menu-photo{width:120px}
.wishlist-list-img{height:120px}
.wish-list-box{position:relative;align-items:flex-start;padding-left:130px;min-height:156px;justify-content:flex-start}
.wishlist-list-img{position:absolute;top:18px;left:0}
.wishlist-name,.wishlist-price{width:100%}
.wishlist-list li p{text-align:left}
}
@media(max-width:600px){
.message-leave-page-content{padding:15px}
.message-leave-page-content .title{font-size:18px;margin-bottom:10px}
.page-register{padding:15px}
.page-register .title{font-size:18px;margin-bottom:10px}
.page-form .details{font-size:16px}
.page-form .gender{font-size:14px}
.page-form .submit{margin-top:0}
.login-page{padding:15px 10px}
.login-page .left h1{font-size:18px}
.login-page .left .form-box{margin-top:15px}
.login-page .left button[type=submit]{margin-top:10px}
.login-page .line{height:25px}
.login-page .line div{background:#fff;width:30px;transform:translateY(40%)}
.login-page .right>div{margin-top:10px}
.about{padding:15px 20px}
.login-page .right h2{font-size:18px}
.login-page .right>div p{font-size:16px}
.login-page .right section{font-size:14px}
.login-page .left .form-box{padding:10px}
}
@media(max-width:540px){
.l-wrap{padding:0 10px}
.index-banner{padding-top:20px}
.contact .l-wrap{padding-left:10px;padding-right:10px}
.search select{padding-left:6px;font-size:14px}
.search{width:calc(100% - 130px)}
.search-box{width:calc(100% - 124px)}
.search-box input{padding-left:10px;width:calc(100% - 44px);text-overflow:ellipsis}
.search-box button{padding:0 14px}
.search-box button span{display:none}
.search-box button i{margin-right:0}
.pil-list>li,.pro-slide .swiper-slide{width:50%}
.foot-top .l-wrap{display:block}
.foot-top .l-wrap>ul{max-width:100%;margin-bottom:4px;float:none}
.foot-top .l-wrap>ul li{float:left;margin-right:20px}
.foot-top .l-wrap>ul>li:first-child{width:100%;margin-bottom:2px}
.foot-top{padding:30px 0 10px}
.copy,.f-share{width:100%;float:none;text-align:center}
.foot-bot{padding:16px 0 10px}
.f-share{margin-top:8px}
.pro-submenu .category-layout .category-item a,.pro-submenu .category-layout .category-item h3 a{font-size:12px}
.propage-item-cont h6{font-size:14px;margin-top:10px}
.propage-item-specil span{font-size:12px}
.propage-item-specil .specifications-tit{width:104px;margin-right:10px}
.specifications-txt{max-width:calc(100% - 118px)}
.common-pages{width:calc(100% - 20px);padding:0 6px}
.common-pages-r{margin-left:20px}
.propage-r{padding:20px 10px 0 10px}
.propage-r-list li{width:49.5%}
.propage-r-list li:nth-child(2n){margin-right:0}
.propage-item-img{width:200px;height:200px}
.propage-item-cont{width:calc(100% - 200px);padding-right:0}
.Inquiry-now,.shopppingcar-btn{width:136px}
.shopppingcar-btn{margin-right:10px}
.propage-item-bth{padding-top:8px;margin-top:6px}
.propage-c h1{padding:10px}
.pdetails-img-l #Box{width:calc(100% - 84px);height:396px}
.pdetail-share{padding-left:0}
.pdetail-detail-cont h1{font-size:20px}
.pdetail-txt-tit{margin:20px 0 10px}
.float-l,.float-r{float:none;margin:10px 0}
table{width:100%}
#buyers .swiper-slide,#related .swiper-slide{width:calc(50% - 3px)}
.shareTo span{font-size:14px}
.pil-list>li,.pro-slide .swiper-slide{padding:10px 0}
.pil-img,.pro-slide .pil-img{width:160px;height:160px;margin:10px auto 26px}
.logo img{max-width:200px;padding-bottom:0}
.order-r-menu>p{padding:0;margin:8px 0;border-right:1px solid #e5e5e5}
.order-r-menu{padding-top:0;padding-bottom:0}
.order-r-list>li{font-size:13px}
.page-title{padding-top:10px;padding-bottom:10px}
.aboutpage-list-show li h6{font-size:16px}
.aboutpage-img-four img,.aboutpage-img-three img{width:49%;margin-bottom:2%}
.aboutpage-list-show li{width:49%;max-width:100%;margin-bottom:2%}
.contract-item-l{width:100%;margin-bottom:10px}
.contract-item-r{width:100%}
.contract-list1>li:nth-child(even) .contract-item-l{padding-left:0;text-align:left}
.contract-item-l{padding-right:0}
.multiline-txt>p{width:100%}
.page-box-inquiry form>.multiline-box textarea{height:80px}
.multiline-txt .bubble-box{width:100%;margin-left:0}
.multiline-txt .bubble-box:before{top:-16px;left:calc(50% - 8px);border-right:8px solid transparent;border-bottom:8px solid #eff5fd;border-left:8px solid transparent}
.search-but .addattach,.search-but .submit{width:100%}
.search-but .addattach{margin-top:10px}
.searchpage-box{padding:0 10px}
.searchpage-box{font-size:14px}
.foot-top .l-wrap>ul>li:first-child,.for-quotation-page h6,.in-global-page h6{font-size:16px}
.aglobal-sec{min-height:170px}
.aglobal-sec h6,.aglobal-sec p{padding-right:0}
.aglobal-sec2 h6,.aglobal-sec2 p,.aglobal-sec4 h6,.aglobal-sec4 p{padding-left:0}
.aglobal-sec{padding:4% 0}
.in-global-cont p{font-size:14px}
.in-global-page h6 .icon{top:0}
.in-global-page h6{border-radius:40px}
.allCate-menu li{margin-bottom:20px}
.all-cate-page section,.allCate-menu{margin-top:20px}
.all-cate-page section.allCate1{margin-top:20px}
.allcate-sfmenu>li{margin-top:14px}
.transArea-page section table{overflow-x:auto;display:block}
.do-entry-list dl{width:100%;padding:0 10px}
.do-entry-list dl dd.leadtime-table__value{overflow-x:auto}
.do-entry-list dl dd,.do-entry-list dl dt{padding:1px 0}
.table td{font-size:12px}
}
@media(max-width:415px){
.h-top-r li{padding:0 6px}
.h-top-r li a,.welcome{font-size:12px}
.monav{width:66px;font-size:14px}
.shoppingcar{right:70px}
.mopmenu{font-size:14px;width:110px;padding:8px 0}
.search select,.search-box input,.search-box input::placeholder{font-size:12px}
.search{height:36px;width:calc(100% - 114px)}
.pro-menu{top:-45px}
.mopmenu i{margin-right:2px}
.h-bot-bar nav,.shoppingcar{top:-106px}
.search select{padding-left:4px}
.search-box::before{height:26px;top:5px}
.search-box{width:calc(100% - 100px)}
.search-box input{padding-left:6px}
.search-box button{padding:0 8px}
.foot-bot,.foot-top .l-wrap>ul li{font-size:12px}
.foot-top .l-wrap>ul>li:first-child,.pil-left-txt h6{font-size:14px}
.contact-box h6{font-size:20px}
.propage-item-img{width:150px;height:150px}
.propage-item-cont{width:100%;float:none;padding-left:0}
.propage-item-cont h6{padding-left:10px}
.pro-star span.icon:nth-child(1),.propage-item-specil .specifications-tit{margin-left:10px}
.specifications-txt{max-width:calc(100% - 268px)}
.propage-item-bth{border:none;display:flex;flex-wrap:wrap;width:100%}
.propage-item-specil .specifications-tit{margin-right:0;vertical-align:middle}
.common-pages{height:auto;line-height:1;padding:16px 6px}
.common-pages-r{margin-left:0;margin-top:10px}
.propage-l h6,.propage-r h6{margin-bottom:10px}
.pdetail-detail{padding:10px}
.pdetails-img-l .smallBox{width:50px}
.pdetails-img-l .smallBox li{height:50px}
.pdetails-img-l .smallBox{height:350px}
.pdetails-img-l #Box{width:calc(100% - 66px);height:300px}
.pdetail-detail-cont h1{font-size:18px}
.pdetail-detail-cont .specifications-txt{max-width:calc(100% - 120px)}
.pdetail-detail-cont .propage-item-specil .specifications-tit{margin-left:0}
.pdetail-detail-txt-bar li{width:auto;padding:0 10px 0 10px;font-size:16px}
.pdetail-detail-txt-content>li{padding:0 10px 40px 10px;font-size:14px}
.buyers h6,.pdetail-txt-tit,.related h6{font-size:16px}
.pdetail-detail-txt-content>li table td{padding:4px 10px}
.buyers,.related{padding:10px}
#buyers .swiper-slide,#related .swiper-slide{font-size:12px}
.buyers-next,.buyers-prev,.related-next,.related-prev{height:163px;line-height:163px}
.pdetail-Inquiry-now,.pdetail-order{font-size:16px}
.foot-top .l-wrap>ul{margin-bottom:0}
.pil-img,.pro-slide .pil-img{width:120px;height:120px;margin:3px auto 10px}
.message-leave-page-content .form textarea{height:120px}
.login-page .left button[type=submit],.login-page .right button{font-size:18px}
.apage-box h1,.contract-bottom-l>p:nth-child(2),.contract-two h2{font-size:20px}
.contract-item-l h5{font-size:16px}
.contract-bottom-l>p:nth-child(1),.contract-item-l>div h6{font-size:14px}
.cte-l,.cte-r{width:100%}
.contact-tel-ema{flex-direction:column-reverse}
.cpage-box,.cpage-box p{font-size:14px}
.cpage-address li:first-child>div>p:first-child,.transWays-page section h6{font-size:16px}
.contact-tel-ema{padding:10px}
.page-box-inquiry form>div{width:100%;margin-top:10px}
.scarnum{top:-6px;right:-6px}
.cbo-l,.cbo-r,.sbo-l,.sbo-r{width:100%}
.chem-box-one,.spage-box-one{flex-direction:column-reverse}
.cbo-r,.sbo-r{text-align:center}
.cooperate-list li{width:25%;min-height:70px}
.cooperate-list li:nth-child(5n){border-right:none}
.cooperate-list li:nth-child(4n){border-right:1px solid #f0f1f2}
.cooperate-list li:nth-child(n+5){border-top:none}
.cooperate-list li:last-child{border-right:1px solid #f0f1f2}
.aglobal-sec h6{font-size:16px;margin-bottom:0}
.aglobal-sec{min-height:130px;background:#fff}
.aglobal-sec2,.aglobal-sec4{background:#f9fdfe}
.aglobal-sec p{font-size:13px}
.paymentS-list .paymentS-img{width:100%}
.paymentS-list li{text-align:center;border:none}
.paymentS-list .paymentS-img img{margin:0 auto}
.paymentS-list li>p{margin-left:0;width:100%;padding:10px}
.paymentM-list h6,.paymentM-list p{font-size:14px}
.paymentM-list li p span{line-height:1.8}
.allCate-menu li a{font-size:14px}
.allCate-menu li{margin-right:16px}
.allcate-sfmenu>li{width:100%}
.allcate-submenu{margin:0}
.transArea-page section table tr td{padding:8px}
}
@media(max-width:375px){
.contact-box{padding:20px 14px}
.sf-menu .LiLevel1,.sf-menu .LiLevel1:hover,.type-active{padding-bottom:4px;margin-bottom:4px}
.sf-menu .Lilevel2>a{line-height:1.7}
.propage-c h1{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.propage-item-specil .specifications-tit{width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.specifications-txt{max-width:calc(100% - 246px)}
.propage-item-cont h6{padding-left:6px;margin-top:0;margin-bottom:6px}
.pro-star span.icon:nth-child(1),.propage-item-specil .specifications-tit{margin-left:6px}
.propage-r-img{max-width:100%}
.pdetails-img-l .smallBox li{margin-bottom:6px}
.pdetails-img-l .smallBox{height:334px}
.pdetails-img-l #Box{margin-left:10px}
.pdetails-img-l #Box{width:calc(100% - 60px)}
.propage-item-specil .specifications-tit{width:106px}
.propage-item-img{width:130px;height:130px;margin-bottom:6px}
.pil-img,.pro-slide .pil-img{width:100px;height:100px}
.logo img{max-width:160px;padding-bottom:10px}
.order-r-box{padding-bottom:50px}
.contract-bottom-r a{width:156px}
.contract-bottom-l{margin-bottom:10px}
}
@media(max-width:350px){
.login-page .email-tip{margin-left:0;display:block}
}
@media(max-width:320px){
.propage-item-img{width:130px;height:130px}
.propage-item-cont h6{margin-top:0}
.specifications-txt{max-width:calc(100% - 120px)}
.pro-star{margin:6px 0}
.Inquiry-now,.shopppingcar-btn{width:134px}
.propage-r-img{height:139px}
.common-pages-r a:last-child,.common-pages-r span:last-child{margin-right:0}
.common-pages-r a,.common-pages-r span,.pdetail-detail-cont h1{font-size:14px}
.pdetails-img-l .smallBox{height:278px}
.pdetails-img-l #Box{height:248px}
.getprice,.shareTo span{font-size:12px}
.shareTo a{margin-left:2px}
.pdetail-Inquiry-now,.pdetail-order{margin-top:10px;width:100%}
.pdetail-btn>div{width:100%}
.pdetail-detail-txt-bar li{width:auto;padding:0 10px 0 10px}
.rela-img{height:95px;line-height:95px}
.rela-img img{max-height:95px}
.buyers-next,.buyers-prev,.related-next,.related-prev{height:148px;line-height:148px}
.propage-item-cont,.propage-item-img{width:100%;float:none;border:none}
.mopmenu{font-size:12px;width:98px;padding:10px 0}
.search{width:calc(100% - 102px)}
.search-box{width:calc(100% - 94px)}
.logo img{max-width:130px;padding-bottom:10px}
.aboutpage-img-four img,.aboutpage-img-three img{width:100%}
.Upload-Attachment{margin-left:0;margin-top:10px}
.apage-box h1,.contract-bottom-l>p:nth-child(2),.contract-two h2{font-size:18px}
.contract-page .contract-thr{padding-top:10px;padding-bottom:15px}
.contract-bottom-r a{width:180px}
.verification-code #getcode{font-size:12px}
.info-gender .gender span.newsletter{margin-left:0;display:block;margin-top:10px}
.info.ema-verifi{padding-top:10px}
.propage-item-img img{width:auto}
.in-global-page h6 .icon{top:50%;margin-top:-25px}
}
.swiper-button-disabled,input[disabled=true]{cursor:not-allowed!important}
.r-success{color:#4ac4fa}
/*!  */
.floatright{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:99999;padding-left:14px}
.floatmessage{margin-top:13px}
.floatmessage-box{display:none;position:absolute;right:100%;top:0;background:#fff;box-shadow:0 0 5px #ccc;padding:16px 30px 20px;border-radius:10px;width:340px}
.icomessage,.icowhatsapp{background:url(../images/float.png);margin:0 auto;cursor:pointer}
.icowhatsapp{display:block;width:61px;height:61px;background-position:-1px 0;margin-bottom:6px}
.icomessage{display:block;width:61px;height:61px;background-position:-67px 0}
.floatwhatsapp a,.floatwhatsapp a:hover{color:#4a4a4a}
.floatmessage-box-tt{font-size:20px;color:#333;text-align:center;margin-bottom:18px}
.floatmessage-content,.floatmessage-email{border:1px solid #e3e3e3;width:100%;margin-bottom:16px;padding:0 10px}
.floatmessage-content textarea,.floatmessage-email input{border:none;background:0 0;outline:0;font-family:inherit;padding-left:4px}
.floatmessage-email input{width:200px;height:40px}
.floatmessage-content{padding-top:8px}
.floatmessage-content textarea{height:60px;width:185px;vertical-align:top;padding-top:2px;resize:none}
.floatmessage-box label{color:#434343;font-size:12px}
.floatmessage-box label span{color:red}
.floatmessage-box button{width:100%;height:42px;background:#4ac4fa;border:none;border-radius:4px;color:#fff;text-transform:uppercase;text-align:center;font-family:Lato,sans-serif;font-size:16px;cursor:pointer}
.floatmessage-box button i{margin-left:10px}
@media(max-width:540px){
.icomessage,.icowhatsapp{transform:scale(.8)}
.floatwhatsapp a{font-size:12px}
.floatright{right:10px}
.icowhatsapp{margin-bottom:0}
}
@media(max-width:415px){
.floatright{padding-left:4px;width:61px}
.floatmessage-box{width:300px;padding:10px 10px 14px}
}
@media(max-width:376px){
.floatmessage-box{width:280px}
.floatmessage-content,.floatmessage-email{padding:0 6px}
.floatmessage-content textarea{width:180px}
}
/*!20220315  */
.contract-logo{margin-bottom:20px;padding:40px 20px}
.clogo-options{background:#fff;border:1px solid #ebebeb;border-radius:3px;padding:20px}
.clogo-options-list{margin-left:10px}
.clogo-options-list li{background:#fff;border:1px solid #bddaea;border-radius:3px;font-size:14px;color:#555;text-align:center;text-transform:uppercase;padding:10px 16px;margin:0 5px;cursor:pointer;user-select:none}
.clogo-options-list li.active,.clogo-options-list li:hover{background-color:#4ac4fa;color:#fff}
.clogo-options-search input{width:42px;height:40px;background:#f5f9fd;border:1px solid #bddaea;border-radius:2px;margin:0 4px;text-align:center}
.clogo-options-search button{width:42px;height:40px;background:#4ac4fa;border-radius:2px;border:none;color:#fff;margin:0 4px;cursor:pointer}
.clogo-options-search{margin-left:20px}
.clogo-options-search>span{margin-right:10px}
.clogo-options-cont{margin-left:10px}
.clogo-cont-list>li{width:18%;margin:35px 2.5% 0 0;text-align:center}
.clogo-cont-list>li:hover div{border-color:#4ac4fa;box-shadow:0 0 7px 0 rgba(74,196,250,.74)}
.clogo-cont-list>li:nth-child(5n){margin-right:0}
.clogo-cont-list>li a{display:flex;flex-direction:column;height:100%}
.clogo-cont-list>li div{background:#fff;border:1px solid #ebebeb;border-radius:3px;display:flex;align-items:center;justify-content:center;flex:1}
.clogo-cont-list>li div img{max-height:90px}
.clogo-cont-list>li p{font-size:12px;color:#555;margin-top:10px;line-height:1.3}
.clogo-pages{margin-top:50px}
.clogo-pages>span{margin:6px 20px;color:#4ac4fa;cursor:pointer}
.clogo-pages>span.disabled{color:#d3d3d4;pointer-events:none}
.pages-list span{font-size:16px;color:#000;margin:6px 20px;cursor:pointer}
.pages-list span.active,.pages-list span:hover{color:#1fa5ff}
.contract-details-page .l-wrap{padding:40px 20px;background:#fff;margin-bottom:20px}
.cdo-l{width:50%;padding-right:2%}
.cdo-r{width:50%;color:#555;padding-left:2%}
.cdo-r h6{font-size:20px;font-weight:500;color:#4ac4fa;margin-bottom:10px}
.cdo-r ul li{width:48%;position:relative;margin:4px 0;padding-left:20px}
.cdo-r ul li::before{content:'';display:inline-block;width:10px;height:10px;background:#4ac4fa;border-radius:2px;position:absolute;top:4px;left:0}
.margin20{margin:20px 0}
.cp-bg{background:url(../images/cp-bg.jpg) no-repeat center;background-size:cover}
.cp-list>li{width:25%;text-align:center;border-right:1px solid rgba(229,232,237,.3);color:#fff}
.cp-list>li:last-child{border:none}
.cp-bg .apage-box{min-height:0;padding:3% 0}
.cp-list>li p{font-size:18px;font-weight:500;margin-top:20px;line-height:1.4}
.contract-details-two h3{position:relative;font-size:20px;font-weight:500;color:#4ac4fa;padding-top:6px;margin-bottom:30px}
.contract-details-two h3::before{content:'';display:block;width:45px;height:3px;background:#4ac4fa;position:absolute;top:0;left:0}
.contract-details-two div img{max-width:32%;margin-top:2%}
.contract-details-two .apage-box{min-height:0}
.contract-details-page .contract-thr{background:url(../images/contract-manufacturing_bbg.jpg) no-repeat;background-size:cover;padding-top:52px;padding-bottom:52px;margin-bottom:20px}
.apage-tit{font-size:24px;font-weight:500;color:#000;text-align:center;margin-bottom:40px}
.contract-details-four ul li{max-width:33%;display:flex;align-items:flex-start}
.contract-details-four .apage-box{min-height:0}
.contract-details-four ul li div{padding-left:20px}
.contract-details-four ul li div p:nth-child(1){font-size:20px;font-weight:500;color:#4ac4fa;line-height:1;margin-bottom:4px}
.contract-details-four ul li div a,.contract-details-four ul li div span{font-size:14px;color:#555;word-break:break-all}
.cdt-l{width:40%}
.cdt-r{width:60%;padding-left:5%}
.apage-h3{position:relative;font-size:20px;font-weight:500;color:#4ac4fa;padding-bottom:14px;margin-bottom:30px}
.apage-h3::before{content:'';display:block;width:45px;height:3px;background:#4ac4fa;position:absolute;bottom:0;left:0}
.cdt-r p{line-height:2}
.cdt2{margin:30px 0}
.cdt2 img{max-width:32%}
.cdt3-l{width:50%}
.cdt3-l:nth-of-type(1){padding-right:2%}
.cdt3-l:nth-of-type(2){padding-left:2%}
.cdt3-l p{line-height:2}
.cdt3-l ul li{font-size:14px;color:#01558b;margin-bottom:14px;position:relative;padding-left:20px}
.cdt3-l ul li::before{content:'';display:inline-block;width:8px;height:2px;background:#01558b;position:absolute;top:8px;left:0}
.cdt3-l:nth-of-type(2) div img{max-width:48%}
@media(max-width:800px){
.clogo-options-search{width:100%;margin:20px 0 0}
.cdo-l,.cdt-l,.cdt3-l{width:100%;padding:0}
.cdo-r,.cdt-r{width:100%;padding:20px 0}
.contract-details-one .cdo-l.flex-sb{justify-content:flex-start}
.cp-list>li p{font-size:16px}
.cdt3-l:nth-of-type(1),.cdt3-l:nth-of-type(2){padding:10px 0}
.cdt3-l div.flex-sb{justify-content:flex-start}
.cdt3-l div.flex-sb img,.contract-details-one .cdo-l.flex-sb img{margin-right:20px;max-width:calc(50% - 20px)}
.cp-bg{padding-left:20px;padding-right:20px}
}
@media(max-width:540px){
.clogo-options-list{width:100%;margin:10px 0 0}
.clogo-options-list li{padding:6px 10px;margin:0 10px 10px 0}
.clogo-options-search{margin-top:10px}
.clogo-options-search button,.clogo-options-search input{height:30px}
.clogo-cont-list>li{width:23%}
.clogo-cont-list>li:nth-child(5n){margin-right:2.5%}
.clogo-cont-list>li:nth-child(4n){margin-right:0}
.clogo-pages>span,.pages-list span{margin:6px 10px}
.contract-details-four ul li{max-width:100%;width:50%;margin-bottom:20px}
.cp-list>li{width:50%;margin:20px 0}
.cp-list>li:nth-child(2){border:none}
}
@media(max-width:415px){
.clogo-options-list li{padding:4px 6px;font-size:12px}
.contract-bottom-r a{width:150px;font-size:13px}
.cp-list>li img{max-height:40px}
.cdo-r ul li,.contract-details-four ul li{width:100%}
.contract-details-four ul li img{width:20px}
.contract-details-four ul li div p:nth-child(1){font-size:16px}
.apage-h3,.cdo-r h6,.contract-details-two h3{font-size:18px}
.Upload-Attachment{margin-left:10px}
}
@media(max-width:320px){
.Upload-Attachment{margin-left:0}
}
/*! 20220328  */
.inner-banner img{display:block;width:100%}
.invitation-sec1{background-color:#f4f9fd}
.invitation-sec1-flex{background-color:#fff;margin-top:-10%;position:relative}
.invitation-sec1-l{width:50%}
.invitation-sec1-l img{width:100%;display:block}
.invitation-sec1-r{width:50%;padding:4% 3% 3%;position:relative;overflow:hidden}
.invitation-sec1-r::before{content:'Introduction';text-transform:uppercase;font-size:70px;font-weight:900;color:#f4f9fd;position:absolute;top:-8%;left:auto}
.invitation-sec1-r h6{font-size:36px;font-weight:400;color:#002;margin-bottom:5%}
.invitation-sec1-r p{font-size:16px;line-height:2;color:#666}
.invitation-sec2{background:url(../images/invitation-2bg.jpg) no-repeat center;background-size:cover;padding:4% 0 5%}
.invitation-tit{position:relative;font-size:36px;color:#222;text-align:center;font-weight:400;padding:20px 0 30px;margin-bottom:4%}
.invitation-tit::before{content:'';width:55px;height:2px;background:#4ac4fa;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.invitation-tit::after{content:'What do you do';text-transform:uppercase;position:absolute;top:-8px;left:50%;transform:translateX(-50%);font-size:80px;font-weight:900;color:#fff;width:100%}
.invitation-tit span{position:relative;z-index:1}
.isec2-list>li{width:32%}
.flex-jc-sb{display:flex;flex-wrap:wrap;justify-content:space-between}
.isec2-box{margin-top:20px;padding:8% 6%}
.isec2-text{font-size:20px;color:#000002;line-height:2;position:relative}
.isec2-text::after{content:'';display:block;width:50px;height:2px;background:#222;margin:20px 0 30px}
.isec2-num{font-size:24px;font-weight:700;color:#4ac4fa}
.isec2-list>li:nth-child(1) .isec2-box{background:#fff url(../images/invitation-2.png) no-repeat 94% 86%}
.isec2-list>li:nth-child(2) .isec2-box{background:#fff url(../images/invitation-3.png) no-repeat 94% 86%}
.isec2-list>li:nth-child(3) .isec2-box{background:#fff url(../images/invitation-4.png) no-repeat 94% 86%}
.invitation-sec3{background:url(../images/invitation-5bg.jpg) no-repeat center;background-size:cover;padding:3% 0 5%}
.isec3-list>li{background:url(../images/invitation-6.png) no-repeat left center;padding-left:40px;font-size:34px;color:#fff}
.isec3-img{text-align:center;position:relative}
.isec3-img img{margin-left:-20px}
.isec3-img::after{content:'';width:2px;height:31px;background:#fff;display:block;margin:3% auto 2%}
.invitation-sec4{padding:5% 0}
.sec4-flexl{width:22%}
.sec4-flexl h6{font-size:48px;font-weight:700;color:#eaeaea;text-transform:uppercase;line-height:1}
.sec4-flexl h6::after{content:'';display:block;width:55px;height:2px;background:#4ac4fa;margin:20px 0}
.sec4-flexl p{font-size:36px;color:#222}
.sec4-flexr{width:70%}
.sec4-flexr>li{border:1px solid #e1e1e1;width:49%;transition:box-shadow .2s,background-color .2s;display:flex;align-items:center;justify-content:center}
.flex-ai-c{display:flex;flex-wrap:wrap;align-items:center}
.sec4-flexr>li>div>div{flex:1;padding-left:20px;font-size:20px;color:#000002}
.sec4-flexr>li>div>div>p:nth-of-type(1){margin-bottom:20px}
.sec4-qr>div>div>p:nth-of-type(2){font-size:16px;color:#999}
.sec4-flexr>li:hover{background:#fff;box-shadow:0 0 46px 0 rgba(215,215,215,.55);border-color:#fff}
@media(max-width:1281px){
.invitation-sec1-r::before{font-size:60px}
.isec3-list>li{font-size:28px}
}
@media(max-width:1024px){
.invitation-sec1-l,.invitation-sec1-r{width:100%}
.invitation-sec1-l img{width:auto}
.invitation-tit::after{font-size:70px}
.isec2-text{font-size:16px}
.isec2-box{background-size:auto 50px!important}
}
@media(max-width:768px){
.isec3-list>li{margin:10px 0}
.sec4-flexl{width:100%}
.sec4-flexr{width:100%;margin-top:30px}
.sec4-flexr>li{padding:10px 0}
}
@media(max-width:540px){
.invitation-tit::after{font-size:44px;top:0}
}
@media(max-width:481px){
.invitation-sec1-r h6,.invitation-tit,.sec4-flexl p{font-size:30px}
.invitation-sec1-r::before{font-size:50px}
.isec2-list>li{width:100%;margin:20px 0}
.isec2-list>li img{width:100%}
.isec3-list>li{font-size:20px;width:100%}
.sec4-flexl h6{font-size:40px}
.sec4-flexr>li{width:100%;margin:10px 0;justify-content:flex-start;padding:10px 20px}
.sec4-flexr>li img{max-width:80px}
.sec4-flexr>li>div>div>p:nth-of-type(1){margin-bottom:10px}
}
@media(max-width:415px){
.invitation-tit::after{font-size:34px}
}
@media(max-width:376px){
.invitation-sec1-r h6,.invitation-tit,.sec4-flexl p{font-size:24px}
}