/*homepage*/ .headline{ line-height:1.1em; font-size:80px; font-family:Roboto-semibold; text-transform:uppercase; margin-bottom:10px;color:#fff;} /*深色文字：#2a2d42*/ /*banner*/ .banner{ width:100%; height:100vh; position:relative; z-index:1; overflow:hidden;} .banner .pic-pc{ width:100%; height:100%; display:block;} .banner .txt-wrap{ width:calc(100% - 160px); height:60%; display:flex; align-items:center; position:absolute; left:160px; top:40%; z-index:3;} .banner .txt{ width:100%; max-width:100%; height:auto; color:#fff; opacity:0; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;} .banner .headline{ width:100%; line-height:1.25em; margin-bottom:0; font-size:80px; color:#fff;} .banner .headline.text-center { width:100%; text-align:center;} .banner .desc{ line-height:1.25em; margin-bottom:0; font-size:80px; font-weight:700; color:#dfe050;} .banner .txt.active{ -webkit-animation-name:fadeInUpliu; animation-name:fadeInUpliu; -webkit-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-iteration-count:1; animation-iteration-count:1; presented-by:nation-liu; opacity:1;} .banner .mask-top{ width:100%; height:35%; position:absolute; left:0; top:0; z-index:2; opacity:0.9; background:linear-gradient(180deg, rgba(18, 43, 78, 1) 0%, rgba(18, 43, 78, 0) 100%);} .banner .mask-bottom{ width:100%; height:63%; position:absolute; left:0; bottom:0; z-index:2; opacity:0.9; background:linear-gradient(180deg, rgba(18, 43, 78, 0) 0%, rgba(18, 43, 78, 1) 100%);} /*our product*/ .our-product{ padding:120px 160px 150px; background:#122B4E;} .our-product .headline{ margin-bottom:40px; font-size:60px; opacity:0; -webkit-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;} .our-product .headline span{ float:left;} .our-product .headline .icon{ max-height:54px; margin-left:40px; padding-left:40px; border-left:1px solid rgba(255, 255, 255, 0.5);} .our-product .summary{ margin-left:200px; margin-bottom:160px; line-height:1.5em; font-size:24px; color:#fff; column-count:2; column-gap:100px; opacity:0; -webkit-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;} .our-product .summary p{ padding-top:30px;} .our-product .subhead{ margin-bottom:50px; line-height:1.3em; font-size:40px; font-weight:700; color:#dfe050; opacity:0; -webkit-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;} .our-product .subhead h3{ text-transform:uppercase;} .our-product .subhead p{ line-height:1.5em; margin-top:20px; font-size:20px; font-weight:400; color:#fff;} .our-product .step-wrap{ width:100%; height:auto; display:flex; flex-direction:row; flex-wrap:wrap;} .our-product .step-wrap .item{ width:25%; font-size:20px; color:#fff; text-align:center; position:relative; z-index:1; opacity:0; -webkit-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;} .our-product .step-wrap .step{ height:auto; min-height:270px; padding:0 30px 80px; margin:0 15px; background:#1B3D6E; border:1px solid #3B5882; -webkit-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;} .our-product .step-wrap .step:hover{ border-color:#4f81ff; background:rgba(79,129,255,0.4);} .our-product .step-wrap .num{ line-height:30px; font-size:24px; font-weight:700; text-transform:uppercase;} .our-product .step-wrap .circle{ width:25px; height:25px; display:inline-block; margin:25px 0 70px; background:#122B4E; border:4px solid #DFE050; border-radius:50%; position:relative; z-index:3;} .our-product .step-wrap .icon{ width:90px; height:90px; margin:-45px auto 30px; display:flex; align-items:center; justify-content:center; background:#DFE050; border-radius:50%;} .our-product .step-wrap .title{ margin-bottom:25px; font-size:24px; font-weight:700;} .our-product .step-wrap .desc{ line-height:1.5em; font-size:20px; font-weight:400; opacity:0.5;} .our-product .step-wrap .item:before{ content:''; width:50%; height:0; border-bottom:2px dashed #fff; opacity:0.5; position:absolute; left:0; top:70px; z-index:2;} .our-product .step-wrap .item:after{ content:''; width:50%; height:0; border-bottom:2px dashed #fff; opacity:0.5; position:absolute; right:0; top:70px; z-index:2;} .our-product .step-wrap .item:first-child:before{ width:0;} .our-product .step-wrap .item:last-child:after{ width:0;} .our-product .headline.fadeInUp.active, .our-product .summary.fadeInUp.active, .our-product .subhead.fadeInUp.active, .our-product .step-wrap .item.fadeInUp.active{ -webkit-animation-name:fadeInUpliu; animation-name:fadeInUpliu; -webkit-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-iteration-count:1; animation-iteration-count:1; presented-by:nation-liu; opacity:1;} /*find out more*/ .community{ width:100%; height:auto; position:relative; overflow:hidden;} .community .pic-pc{ width:100%; height:auto; display:block;} .community .pic-mobile {display:none;} .community .mask{ width:100%; height:80%; position:absolute; left:0; bottom:0; z-index:2; opacity:0.8; background:linear-gradient(180deg, rgba(18, 43, 78, 0) 0%, rgba(18, 43, 78, 1) 100%);} .community .txt-wrap{ width:100%; height:100%; display:flex; align-items:center; position:absolute; left:0; top:0; z-index:3;} .community .txt{ width:auto; max-width:90%; height:auto; margin:0 auto; color:#fff; text-align:center; opacity:0; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;} .community.wider .txt {max-width: 1200px;} .community.wider .txt strong, .community.wider .txt b {color:#dc1f2d;} .community .headline{ margin-bottom:30px;} .community .desc{ line-height:1.375em; font-size:16px; font-family:Roboto-light; margin-bottom:50px; text-shadow:0 0 5px #333;} .community .button a{ width:auto; height:auto; line-height:60px; padding:0 50px; display:inline-block; background:#dfe050; font-size:18px; font-weight:700; color:#122b4e; text-align:center; border:1px solid #dfe050; border-radius:1px; text-transform:uppercase; letter-spacing: 1.8px;} .community .button a.buy{ padding:0 60px; background:#dfe050; color:#fff; border-color:#dfe050;} .community .button a:hover{ opacity:0.8; /*background:#fff; color:#2a2d42;*/} .community .button a.buy:hover{ opacity:0.8; /*background:#fff; color:#dfe050; border-color:#fff;*/} .community .txt.fadeInUp.active{ -webkit-animation-name:fadeInUpliu; animation-name:fadeInUpliu; -webkit-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-iteration-count:1; animation-iteration-count:1; presented-by:nation-liu; opacity:1;} .community.shop-now .desc{ font-size:30px; color:#2a2d42; text-shadow:none;} /*homepage*/ .homepage-swiper{ width:100vw; left:50%;transform:translateX(-50%); height:auto;overflow: hidden;position: relative; } .homepage-swiper .item{ width:100%; height:auto; position:relative; overflow:hidden; flex-shrink:0;box-sizing:border-box;} .homepage-swiper .item .pic-pc{ width:100%; height:auto; display:block;} .homepage-swiper .item .pic-mobile{ width:100%; height:auto; display:none;} .homepage-swiper .item .txt-wrap{ width:1280px; height:100%; display:flex; align-items:center; position:absolute; left:55%; top:0; z-index:2;} /*第一张文字在右，深色Banner图*/ .homepage-swiper .item .txt{ width:auto; max-width:640px; height:auto; color:#fff; opacity:0; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;} .homepage-swiper .item .icon{ margin-bottom:10px;} .homepage-swiper .item .icon img{ max-height:28px;} .homepage-swiper .item .headline{ margin-bottom:10px;} .homepage-swiper .item .desc{ line-height:1.375em; font-size:16px; font-family:Roboto-light; margin-bottom:50px;color:#fff;} .homepage-swiper .item .button a{ min-width:160px; height:auto; padding: 0 20px; box-sizing: border-box;line-height:50px; display:inline-block; margin-right:10px; font-size:14px; font-family:Roboto-bold; text-align:center; border-radius:3px; text-transform:uppercase;} .homepage-swiper .item .button a:hover{ opacity:0.8;} .homepage-swiper .item .button .more{ color:#2a2d42; background:#fff; border:1px solid #fff;} .homepage-swiper .item .button .shop{ color:#fff; background:#dc1f2d; border:1px solid #dc1f2d;} .homepage-swiper .item .txt.fadeInUp.active{ -webkit-animation-name:fadeInUpliu; animation-name:fadeInUpliu; -webkit-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-iteration-count:1; animation-iteration-count:1; presented-by:nation-liu; opacity:1;} .homepage-swiper .item:nth-child(2n) .txt-wrap{ left: 16%;} .homepage-swiper .item.dark .headline{ color:#2a2d42;} .homepage-swiper .item.dark .desc{ color:#2a2d42;} .homepage-swiper .item.dark .button .more {background: #2a2d42; border-color:#2a2d42; color: #fff;} .homepage-swiper .item:nth-child(1) .button .more{ background:#fff; border-color:#fff;} .homepage-swiper .item:nth-child(3) .button .more{ color:#2a2d42; border-color:#fff;} .swiper-slide picture, .swiper-slide picture img { width: 100%; height: auto; display: block; } .swiper-pagination-bullet {width: 10px;height: 10px;text-align: center;line-height: 20px; font-size: 12px;color: #dc1f2d;opacity: 1;background: #fff;} .swiper-pagination-bullet-active {color: #fff;background: #dc1f2d;} .homepage-wrapper{ width:100%; height:auto;} .homepage-wrapper .item{ width:100%; height:auto; position:relative; overflow:hidden;} .homepage-wrapper .item .pic-pc{ width:100%; height:auto; display:block;} .homepage-wrapper .item .pic-mobile{ width:100%; height:auto; display:none;} .homepage-wrapper .item .txt-wrap{ width:1280px; height:100%; display:flex; align-items:center; position:absolute; left:50%; margin-left:-640px; top:0; z-index:2;} /*第一张文字在左，浅色Banner图*/ /*.homepage-wrapper .item .txt-wrap{ width:1280px; height:100%; display:flex; align-items:center; position:absolute; left:55%; top:0; z-index:2;} *//*第一张文字在右，深色Banner图*/ .homepage-wrapper .item .txt{ width:auto; max-width:640px; height:auto; color:#fff; opacity:0; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;} .homepage-wrapper .item .icon{ margin-bottom:10px;} .homepage-wrapper .item .icon img{ max-height:28px;} .homepage-wrapper .item .headline{ margin-bottom:10px;} .homepage-wrapper .item .desc{ line-height:1.375em; font-size:16px; font-family:Roboto-light; margin-bottom:50px;color:#fff;} .homepage-wrapper .item .button a{ min-width:160px; height:auto; padding: 0 20px; box-sizing: border-box;line-height:50px; display:inline-block; margin-right:10px; font-size:14px; font-family:Roboto-bold; text-align:center; border-radius:3px; text-transform:uppercase;} .homepage-wrapper .item .button a:hover{ opacity:0.8;} .homepage-wrapper .item .button .more{ color:#2a2d42; background:#fff; border:1px solid #fff;} .homepage-wrapper .item .button .shop{ color:#fff; background:#dc1f2d; border:1px solid #dc1f2d;} .homepage-wrapper .item:nth-child(2n) .txt-wrap{ flex-direction:row-reverse;} .homepage-wrapper .item .txt-wrap{ left: 56%;} .homepage-wrapper .item:nth-child(2n+1) .headline{ color:#2a2d42;} .homepage-wrapper .item:nth-child(2n+1) .desc{ color:#2a2d42;} .homepage-wrapper .item .txt.fadeInUp.active{ -webkit-animation-name:fadeInUpliu; animation-name:fadeInUpliu; -webkit-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-iteration-count:1; animation-iteration-count:1; presented-by:nation-liu; opacity:1;} .homepage-wrapper .item:nth-child(1) .button .more{ background:#fff; border-color:#fff;} .homepage-wrapper .item:nth-child(3) .button .more{ color:#2a2d42; border-color:#fff;} /*.breadcrumb*/ .bread-crumb{ padding:15px 0; background:#eff2f7;} .bread-crumb .txt{ width:1280px; height:auto; line-height:30px; font-size:16px; font-family:Roboto-light; color:#2a2d42; margin:0 auto;} .bread-crumb .txt a{ color:#2a2d42;} .bread-crumb .txt a:hover{ text-decoration:underline;} /*banner of product*/ .banner-product{ width:100%; height:auto; position:relative;} .banner-product .pic-pc{ width:100%; height:auto; display:block;} .banner-product .pic-mobile{ width:100%; height:auto; display:none;} .banner-product .txt-wrap{ width:1280px; height:100%; display:flex; align-items:center; position:absolute; left:50%; margin-left:-640px; top:0; z-index:3;} .banner-product .txt{ width:auto; max-width:600px; height:auto; color:#fff; opacity:0; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;} .banner-product .icon{} .banner-product .icon img{ max-height:33px; margin-right:30px; margin-bottom:20px;} .banner-product .icon img:last-child{ margin-right:0;} .banner-product .headline{ margin-bottom:25px;color:#fff;} .banner-product .desc{ line-height:1.375em; font-size:36px; font-family:Roboto-light; margin-bottom:20px;} .banner-product .price{ line-height:1.5em; font-size:36px; font-family:Roboto-light; margin-bottom:20px;} .banner-product .txt b,.banner-product .txt strong,.banner-product .txt .red{ color:#dc1f2d;} .banner-product .button{ margin-top:40px;} .banner-product .button a{ width:auto; height:auto; line-height:50px; padding:0 45px; display:inline-block; background:#dc1f2d; font-size:16px; font-family:Roboto-bold; color:#fff; text-align:center; border:1px solid #dc1f2d; border-radius:3px; text-transform:uppercase;} .banner-product .button a:hover{ opacity:0.8; /*background:#fff; color:#dc1f2d; border-color:#fff;*/} .banner-product .txt.fadeInUp.active{ -webkit-animation-name:fadeInUpliu; animation-name:fadeInUpliu; -webkit-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-iteration-count:1; animation-iteration-count:1; presented-by:nation-liu; opacity:1;} .banner-product .car-large{ width:60%; height:auto; position:absolute; right:1.5%; bottom:-13%; z-index:2;} .banner-product .car-large img{ width:100%; height:auto;} /*list of product*/ .bg_curveline{ width:100%; height:auto; padding:60px 0 30px; background:url(../images/bg_curveline.png) left bottom no-repeat;} .bg_curveline_02{ width:100%; height:auto; padding:60px 0 10px; background:url(../images/bg_curveline_02.png) left bottom no-repeat; background-size:100% auto;} .list-product-wrap{ width:100%; height:auto; background:linear-gradient(to bottom, #d6d6d8, #fefefe);} .list-product-wrap .item{ width:1280px; height:auto; padding:30px 0 60px; border-bottom:1px solid #bec0ca; position:relative; margin:0 auto 30px; overflow:hidden;} .list-product-wrap .item:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;} .list-product-wrap .item .pic-pc{ width:auto; max-width:700px; height:auto; margin:0 60px; display:block; float:left;} .list-product-wrap .item .pic-mobile{ width:100%; height:auto; display:none;} .list-product-wrap .item .txt-wrap{ width:100%; height:100%; display:flex; align-items:center; position:absolute; left:0; top:0; z-index:2;} .list-product-wrap .item .txt{ width:450px; height:auto; color:#2a2d42; opacity:0; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;} .list-product-wrap .item .headline{ font-size:28px; font-family:Roboto-light; color:#2a2d42; text-transform:none; margin-bottom:10px;} .list-product-wrap .item .desc{ line-height:1.375em; font-size:28px; font-family:Roboto-light; color:#2a2d42; margin-bottom:10px;} .list-product-wrap .item .desc p { margin-bottom:20px;} .list-product-wrap .item .button{ margin-top:40px; text-align:center;} .list-product-wrap .item .button a{ width:auto; height:auto; line-height:50px; padding:0 60px; display:inline-block; background:#dc1f2d; font-size:14px; font-family:Roboto-bold; color:#fff; text-align:center; border:1px solid #dc1f2d; border-radius:3px; text-transform:uppercase;} .list-product-wrap .item .button a:hover{ opacity:0.8;} /* .list-product-wrap .item:nth-child(2n-1) .txt-wrap{ flex-direction:row-reverse;} .list-product-wrap .item:nth-child(2n) .pic-pc{ float:right;} .list-product-wrap .item:nth-child(2n) .headline{ text-align:right;} */ .list-product-wrap .item:last-child{ border:none;} .list-product-wrap .item .txt.fadeInUp.active{ -webkit-animation-name:fadeInUpliu; animation-name:fadeInUpliu; -webkit-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-iteration-count:1; animation-iteration-count:1; presented-by:nation-liu; opacity:1;} .list-product-wrap .item b,.list-product-wrap .item strong{ font-family:Roboto-regular;} .list-product-wrap .item .desc b,.list-product-wrap .item .desc strong{ color:#dc1f2d;} .list-product-wrap .item ul{} .list-product-wrap .item ul li{ padding-left:22px; line-height:1.5em; font-size:22px; font-family:Roboto-light; position:relative;} .list-product-wrap .item ul li:before{ content:''; width:6px; height:6px; background:#dc1f2d; position:absolute; left:6px; top:15px; border-radius:50%;} .list-product-wrap .item.content-right .txt-wrap{ flex-direction:row-reverse;} .list-product-wrap .item.content-left .pic-pc{ float:right;} .list-product-wrap .item.content-left .headline{ text-align:right;} .list-product-wrap .item.content-list .pic-pc{ width:100%; max-width:100%; margin:30px 0 50px; float:none;} .list-product-wrap .item.content-list .txt-wrap{ height:auto; position:static;} .list-product-wrap .item.content-list .txt{ width:100%;} .list-product-wrap .item.content-list ul{ column-count:2; column-gap:80px;} .list-product-wrap .item.content-list ul li{ padding-left:22px; line-height:1.75em; font-size:22px; font-family:Roboto-light; position:relative;} .list-product-wrap .item.content-list ul li:before{ content:''; width:6px; height:6px; background:#dc1f2d; position:absolute; left:6px; top:17px; border-radius:50%;} .list-product-wrap .item.content-right-list .txt-wrap{ height:auto; padding-top:280px; flex-direction:row-reverse;} .list-product-wrap .item.content-right-list .pic-pc{ float:none; margin:0 60px 60px;} /*params of product*/ .params-product{ width:100%; height:auto; padding:30px 0 10px; background:#efefef;} .params-product .specs-title {width:1280px;margin:30px auto;text-align:center;font-size:28px;font-weight:bold;line-height:1.5;} .params-product .specs-subtitle {font-size: 20px; text-align: center; font-weight: normal; font-family: Roboto-regular, Helvetica Neue, PingFang SC, Hiragino Sans GB, Microsoft YaHei, arial, sans-serif; margin-bottom: 20px;} .params-product .table{ width:1280px; height:auto; margin:0 auto;} .params-product .table tbody{ width:100%; height:auto;} .params-product .table tr{ border-bottom:1px solid #d6d6d8;} .params-product .table tr:last-child{ border:none;} .params-product .table td{ line-height:1.75em; padding:50px 0; font-size:20px; font-family:Roboto-light; color:#2a2d42; vertical-align:top;} .params-product .table td.param{ width:30%; font-size:20px; font-weight:bold; vertical-align:top;} .params-product .table td.detail{ width:70%;} .params-product .table td .pic{ width:auto; max-width:80%; height:auto; margin-top:50px; display:block;} .params-product .table td ul{ width:100%; height:auto;} .params-product .table td ul li{ line-height:1.5em; padding:5px 0;} .params-product .table td ul li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;} .params-product .table td ul li em{ width:220px; font-family:Roboto-light; float:left;} .params-product .table td ul li span{ padding-left:250px; display:block;} /*news categories*/ .news-categories {padding:50px 0 25px;background: #f1f1f1;} .news-categories ul {text-align: center;} .news-categories ul li {display: inline-block;padding: 10px 0; width: 100px; border-radius: 30px;margin-right:10px;border: 2px solid #d91f2b;} .news-categories ul li.active {background: #d91f2b;} .news-categories ul li:last-child {margin-right:0;} .news-categories ul li a {text-align: center;font-size: 14px;} .news-categories ul li.active a {color: #fff;} /*news list*/ .news-list-wrap{ padding:25px 0 50px; background:#f1f1f1; position:relative;} .news-list-wrap .arrow-left{ width:30px; height:60px; position:absolute; left:50%; top:50%; margin-left:-700px; margin-top:-85px; z-index:9; cursor:pointer; outline:none;} .news-list-wrap .arrow-left a{ width:100%; height:100%; display:block; text-indent:-9999em; background:url(../images/arrow_left_gray.svg) center center no-repeat;} .news-list-wrap .arrow-left a:hover{ background:url(../images/arrow_left.svg) center center no-repeat;} .news-list-wrap .arrow-left a.disabled:hover{ background:url(../images/arrow_left_gray.svg) center center no-repeat; cursor:not-allowed;} .news-list-wrap .arrow-right{ width:30px; height:60px; position:absolute; right:50%; top:50%; margin-right:-700px; margin-top:-85px; z-index:9; cursor:pointer; outline:none;} .news-list-wrap .arrow-right a{ width:100%; height:100%; display:block; text-indent:-9999em; background:url(../images/arrow_right_gray.svg) center center no-repeat;} .news-list-wrap .arrow-right a:hover{ background:url(../images/arrow_right.svg) center center no-repeat;} .news-list-wrap .arrow-right a.disabled:hover{ background:url(../images/arrow_right_gray.svg) center center no-repeat; cursor:not-allowed;} .news-list-wrap .listing{ width:1280px; height:auto; margin:0 auto;} .news-list-wrap .item-wrap{ width:1300px; height:auto;} .news-list-wrap .item-wrap:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;} .news-list-wrap .item{ width:413px; height:auto; padding-bottom:25px; margin:0 20px 40px 0; background:#fff; float:left;} .news-list-wrap .item .pic{ height:99px; margin-bottom:10px; overflow:hidden; position:relative;} .news-list-wrap .item .pic img{ width:100%; height:100%; object-fit: cover; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .news-list-wrap .item:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .news-list-wrap .item .title{ width:auto; height:3em; line-height:1.5em; padding:0 20px; margin-bottom:20px; font-size:18px; font-family:Roboto-bold; color:#1b1b1b; overflow:hidden;} .news-list-wrap .item .title a{ color:#1b1b1b;} .news-list-wrap .item .date{ padding:10px 20px 15px; line-height:1.5em; font-size:13px; font-family:Roboto-light; color:#474545;} .news-list-wrap .item .desc{ padding:0 20px; height:4.5em; line-height:1.5em; margin-bottom:25px; font-size:16px; font-family:Roboto-light; color:#1b1b1b; overflow:hidden; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;} .news-list-wrap .item .desc a{ color:#101010; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;} .news-list-wrap .item .more{ padding:0 20px; line-height:1.5em; font-size:16px; color:#1b1b1b;} .news-list-wrap .item .more a{ display:inline-block; padding-right:30px; color:#1b1b1b; background:url(../images/arrow.svg) right center no-repeat; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;} .news-list-wrap .item .more a:hover{ margin-left:15px;} .news-list-wrap .item:hover .title a{ color:#dc1f2d;} /*pagination*/ .pagination{ margin-top:30px; font-size:16px; letter-spacing:1px; color:#6c6c6c; text-align:center;} .pagination .screen-reader-text{ display:none;} .pagination .page-numbers{ width:36px; height:36px; line-height:36px; display:inline-block; margin:5px; background:#fff; font-size:16px; color:#dc1f2d; text-align:center; border-radius:6px;} .pagination .page-numbers.current, .pagination .page-numbers:hover{ background:#dc1f2d; color:#fff;} .pagination .page-numbers.prev{ background:#fff url(../images/arrow_left_page.svg) center center no-repeat; text-indent:-9999em;} .pagination .page-numbers.next{ background:#fff url(../images/arrow_right_page.svg) center center no-repeat; text-indent:-9999em;} /*news details*/ .news-details{ width:1280px; height:auto; margin:80px auto;} .news-details .headline{ margin-bottom:30px; line-height:1.25em; font-size:38px; color:#2a2d42; text-transform:none;} .news-details .news-left{ width:860px; height:auto; float:left;} .news-details .news-left .date{ padding-left:28px; margin-bottom:20px; line-height:1.5em; font-size:13px; font-family:Roboto-light; background:url(../images/icon_date.svg) left center no-repeat;} .news-details .news-left ul > li{ list-style:disc inside;} .news-details .news-left ol > li{ list-style:decimal inside;} .news-details .news-left .news-content .wp-block-image.w-50p {width: 50%;margin: 0 auto;} .news-details .news-left .news-content .wp-block-image.w-60p {width: 60%;margin: 0 auto;} .news-details .news-left .news-content .wp-block-image.w-70p {width: 70%;margin: 0 auto;} .news-details .news-left .news-content .wp-block-image.w-80p {width: 80%;margin: 0 auto;} .news-details .news-left .news-content .wp-block-image.w-90p {width: 90%;margin: 0 auto;} .news-details .news-left .news-content table tr td {border: 1px solid #2B2D42;} .news-details .news-left .news-content .tbl--review tr:nth-child(odd) td {font-weight: bold; background-color: #eef2f4;text-align: center;font-family: Roboto-semibold;} .news-details .news-left .news-content .tbl--review tr:nth-child(even) td {vertical-align: top;} .news-details .news-left .news-content .tbl--single-row tr td:first-child {vertical-align: top;} .news-details .news-left .news-content .tbl--single-row tr td img {margin: 0;} .news-details .news-left .news-content .tbl--no-border tr td {border: 0;} .news-details .news-left .wp-block-image figcaption{ text-align:center;margin-top: -8px;} .news-details .news-left .news-content{ line-height:1.75em; font-size:16px; font-family:Roboto-light; presented-by:nation-liu; color:#2a2d42; } .news-details .news-left .news-content p, .news-details .news-left .news-content h2{ margin-top:20px; margin-bottom:20px;} .news-details .news-left .news-content code {border:1px solid #dee0e3;background:#f5f6f7;padding:2px;border-radius:5px;} .news-details .news-left .news-content p a, .news-details .news-left .news-content .is-type-link a{ text-decoration:underline; color:#dc1f2d;} .news-details .news-left .news-content li a { text-decoration:underline; color:#dc1f2d;} .news-details .news-left .news-content li a:hover { text-decoration:none; color:#dc1f2d;} .news-details .news-left .news-content p a:hover, .news-details .news-left .news-content .is-type-link a:hover{ color:#dc1f2d;} .news-details .news-left .news-content img{ width:auto; max-width:100%; height:auto; display:block; margin:20px auto;} .news-details .news-left .news-content .wp-block-gallery {margin: 0 0 1em;} .news-details .news-left .news-content .wp-block-gallery figure img {margin: 20px auto 5px;} .news-details .news-left .news-content figure.wp-block-embed-youtube iframe{ width:100%;height:500px;} .news-details .news-left .news-nav{ padding-top:30px; margin-top:50px; border-top:1px solid #ccc;} .news-details .news-left .news-nav a{ width:auto; max-width:45%; height:30px; line-height:30px; font-size:16px; color:#2a2d42; overflow:hidden; float:left;} .news-details .news-left .news-nav a:hover{ text-decoration:underline;} .news-details .news-left .news-nav a.prev{ padding-left:22px; background:url(../images/arrow_left_page.svg) left center no-repeat;} .news-details .news-left .news-nav a.next{ padding-right:22px; text-align:right; background:url(../images/arrow_right_page.svg) right center no-repeat; float:right;} /*.news-details .news-left .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {background:none; text-shadow: none; color: #000; padding: .5em; font-size: 12px; position: relative;}*/ /*recent blog*/ .recent-blog{ width:360px; height:auto; background:#f7f7f7; float:right;} .recent-blog.fixed{ position:fixed; top:120px; left:50%; margin-left:280px; z-index:9;} .recent-blog .headline{ line-height:40px; background:#dc1f2d; font-size:18px; font-family:Roboto-regular; color:#fff; text-align:center; margin-bottom:10px;} .recent-blog .item{ padding:15px 0; margin:0 18px; border-bottom:1px solid #e3e3e3;} .recent-blog .item:last-child{ border:none;} .recent-blog .item .title{ line-height:1.5em; font-size:16px; color:#2a2d42;} .recent-blog .item .title a{ color:#2a2d42;} .recent-blog .item .title a:hover{ text-decoration:underline;} .recent-blog .item .date{ line-height:1.5em; font-size:13px; font-family:Roboto-light; color:#474545;} /*about us*/ .about-us{ width:100%; height:auto; padding-top:100px;} .about-us .headline{ margin-left:160px; margin-bottom:60px; font-size:60px; color: #122B4E; opacity:0; -webkit-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;} .about-us .pic-wrap{ width:100%; height:auto; margin-top:-110px; position:relative; z-index:1;} .about-us .pic-pc{ width:100%; height:auto; display:block;} .about-us .desc{ margin:0 160px 0 360px; line-height:1.5em; font-size:32px; color:#122B4E; opacity:0; -webkit-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;} .about-us .logos{ margin:60px 500px 0 360px; display:flex; align-items:center; flex-wrap:wrap; position:relative; z-index:3; opacity:0; -webkit-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;} .about-us .logos img{ width:auto; max-width:220px; height:auto; max-height:70px; margin-right:120px; margin-bottom:30px;} .about-us .logos img:last-child{ margin-right:0;} .about-us .headline.fadeInUp.active, .about-us .desc.fadeInUp.active, .about-us .logos.fadeInUp.active{ -webkit-animation-name:fadeInUpliu; animation-name:fadeInUpliu; -webkit-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-iteration-count:1; animation-iteration-count:1; presented-by:nation-liu; opacity:1;} .about-us .intro-mission{ width:1080px; height:auto; padding:80px 0; border-bottom:1px solid #e4e4e4; presented-by:nation-liu; margin:0 auto;} .about-us .intro-mission .headline{ line-height:1.5em; font-size:40px; font-family:Roboto-semibold; color:#2a2d42; text-align:center; text-transform:none;} .about-us .intro-mission .desc{ line-height:1.5em; font-size:20px; font-family:Roboto-light; color:#2a2d42;} .about-us .intro-mission .desc p{ margin:15px 0;} .about-us .contact-us{ width:830px; height:auto; line-height:1.5em; font-size:18px; font-family:Roboto-light; margin:80px auto 0;} .about-us .contact-us .gform_title{ line-height:1.5em; font-size:40px; font-family:Roboto-semibold; color:#2a2d42; text-align:center; margin-bottom:40px;} .about-us .contact-us .gform_required_legend{ display:none;} .about-us .contact-us .field_description_above{ line-height:1.66em; font-size:20px; font-family:Roboto-light; color:#2a2d42; margin-bottom:15px;} .about-us .contact-us .gfield_html_formatted{ margin-bottom:60px; text-align:center;} .about-us .contact-us .gform-field-label{ font-size:18px; display:none;} .about-us .contact-us .gfield--type-consent .gform-field-label {font-size: 16px; display: inline;} .about-us .contact-us .gfield--type-consent .gform-field-label a {text-decoration: underline;} .about-us .contact-us .gfield--type-consent .gform-field-label .gfield_required_asterisk {display: none;} .about-us .contact-us b,.about-us .contact-us strong{ color:#dc1f2d;} .about-us .contact-us input{ background:#fff;} .about-us .contact-us input[type='text'], .about-us .contact-us input[type='email'], .about-us .contact-us input[type='tel'], .about-us .contact-us .textarea{ width:92%; padding:12px !important; line-height:1em; background:#fff; border:1px solid #e3e3e3; font-size:18px; font-family:Roboto-light; color:#2a2d42; outline:none; resize:none;} .about-us .contact-us .textarea{ width:96%;} .about-us .contact-us input::placeholder,.about-us .contact-us .textarea::placeholder{ color:#9194a7;} .about-us .contact-us input:focus,.about-us .contact-us .textarea:focus{ border-color:rgb(220,31,45,0.5); box-shadow:0 0 5px rgb(220,31,45,0.8);} .about-us .contact-us .gform_button{ line-height:50px; padding:0 135px 0 110px; display:inline-block; background:#dc1f2d url(../images/arrow_white.svg) 180px center no-repeat; font-size:20px; font-family:Roboto-bold; color:#fff; text-align:center; cursor:pointer; border:1px solid #fff; border-radius:5px; text-transform:uppercase;} .about-us .contact-us .gform_button:hover{ opacity:0.8;} .about-us .contact-us .gf_left_half{ width:395px; float:left;} .about-us .contact-us .gf_right_half{ width:407px; float:right;} .about-us .contact-us .gform_footer{ padding-top:30px; text-align:center; display:block !important; position:relative;} .about-us .contact-us .gform_footer .gform_ajax_spinner{ position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:-12px;} .about-us .contact-us .validation_message{ padding:5px 20px !important;} .about-us .contact-us .ginput_recaptcha div{ margin:0 auto;} .about-us .contact-us .gfield_captcha_container{ /*width:304px;*/ height:auto; margin:0 auto 20px; position:relative;} .about-us .contact-us .gfield_captcha_container input[type='text']{ width:100%; padding-right:170px !important;} .about-us .contact-us .gfield_captcha_container .gfield_captcha{ height:43px; position:absolute; top:1px; right:1px;} .about-us .contact-us .gform_confirmation_message{ font-size:22px; text-align:center;} .about-us .contact-us .gform_validation_errors{} .about-us .contact-us .gform_validation_errors .gform_submission_error{ line-height:1.5em; font-size:22px;} .about-us .contact-us .gform_validation_errors .gform_submission_error ol li a{ font-size:15px;} .about-us .contact-us .gform_wrapper.gravity-theme .gform_validation_errors > ol a{ font-size:15px;} .about-us .contact-us fieldset .name_first{ width:395px; float:left;} .about-us .contact-us fieldset .name_first input{ width:395px;} .about-us .contact-us fieldset .name_last{ width:395px; float:right;} .about-us .address{ width:1280px; height:auto; min-height:360px; padding:80px 0 100px; border-top:1px solid #e4e4e4; margin:80px auto 0; background:url(../images/bg_map.png) right 80px no-repeat;} .about-us .address .headline{ line-height:1.5em; font-size:40px; font-family:Roboto-semibold; color:#2a2d42; text-transform:capitalize; margin-bottom:30px;} .about-us .address .item{ width:450px;} .about-us .address .item .city{ line-height:1.5em; font-size:24px; font-family:Roboto-semibold; color:#dc1f2d; margin-bottom:10px;} .about-us .address .item .location{ line-height:1.5em; font-size:20px; font-family:Roboto-light; color:#2a2d42;} #validation_message_1_8{ /*width:302px;*/ line-height:1.5em; margin:10px auto 0;} /*privacy policy*/ .privacy-policy-wrapper{ width:1280px; height:auto; padding:90px 0; margin:0 auto;} .privacy-policy-content{ width:880px; height:auto; line-height:1.75em; font-size:16px; font-family:Roboto-light; color:#2a2d42; position:relative; float:left;} .privacy-policy-content .headline{ margin-bottom:30px; line-height:1.25em; font-size:40px; text-transform:none;} .privacy-policy-content .date{ padding-left:28px; margin-bottom:20px; line-height:1.5em; font-size:13px; font-family:Roboto-light; background:url(../images/icon_date.svg) left center no-repeat;} .privacy-policy-content p{ margin:0 0 20px;} .privacy-policy-content h1, .privacy-policy-content h2, .privacy-policy-content h3{ line-height:1.25em; font-size:30px; font-family:Roboto-regular; color:#2a2d42; margin:30px 0 15px;} .privacy-policy-content h4, .privacy-policy-content h5{ line-height:1.25em; font-size:20px; font-family:Roboto-regular; color:#2a2d42; margin:30px 0 15px;} .privacy-policy-content h6{ line-height:1.25em; font-size:16px; font-family:Roboto-regular; color:#2a2d42; margin:30px 0 15px;} .privacy-policy-content b, .privacy-policy-content strong{ font-family:Roboto-light;} .privacy-policy-content ul, .privacy-policy-content ol{ margin:0 0 20px;} .privacy-policy-content ul li, .privacy-policy-content ol li{ padding-left:15px; margin-bottom:5px; position:relative;} .privacy-policy-content ul li:before, .privacy-policy-content ol li:before{ content:''; width:6px; height:6px; background:#dc1f2d; position:absolute; left:3px; top:12px; border-radius:50%;} .privacy-policy-content ul li > ul, .privacy-policy-content ol li > ol{ margin:5px 0 10px;} .privacy-policy-content ul li > ul li:before, .privacy-policy-content ol li > ol li:before{ background:#2a2d42;} .privacy-policy-content a{ text-decoration:underline; color:#dc1f2d;} .privacy-policy-content a:hover{ color:#dc1f2d;} .privacy-policy-content img{ width:auto; max-width:100%; height:auto; display:block; margin:20px auto;} .privacy-policy-right{ width:320px; height:auto; float:right;} .privacy-policy-right.fixed{ position:fixed; left:50%; top:120px; margin-left:320px; z-index:9;} .privacy-policy-right .title{ line-height:1.5em; font-size:16px; font-family:Roboto-regular; color:#2a2d42; text-transform:uppercase; margin-bottom:10px;} .privacy-policy-right ul li{ line-height:1.5em; font-size:16px; font-family:Roboto-light; color:#2a2d42; margin-bottom:10px;} .privacy-policy-right ul li a{ color:#2a2d42;} .privacy-policy-right ul li a:hover,.privacy-policy-right ul li a.cur{ text-decoration:underline;} /*search result*/ .search-result-wrap{ width:1280px; height:auto; padding:50px 0; margin:0 auto;} .search-result-wrap .search-txt{ margin-bottom:10px; line-height:1.5em; font-size:20px; color:#2c2e3e; text-align:center;} .search-result-wrap .search-txt b, .search-result-wrap .search-txt strong{ font-family:Roboto-bold; color:#2c2e3e;} .search-result-wrap .search-count{ margin-bottom:20px; line-height:1.5em; font-size:20px; color:#2c2e3e; text-align:center;} .search-result-wrap .search-count b, .search-result-wrap .search-count strong{ font-family:Roboto-bold; color:#dc1f2d;} .search-result-wrap .item{ padding:30px 0; border-bottom:1px solid #ececec;} .search-result-wrap .item .pic{ width:380px; height:190px; margin-right:40px; overflow:hidden; position:relative; float:left;} .search-result-wrap .item .pic img{ width:100%; height:100%; object-fit: cover; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .search-result-wrap .item:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .search-result-wrap .item .title{ width:auto; height:auto; line-height:1.5em; margin-bottom:15px; font-size:18px; font-family:Roboto-bold; color:#1b1b1b;} .search-result-wrap .item .title a{ color:#1b1b1b;} .search-result-wrap .item .title b, .search-result-wrap .item .title strong{ color:#dc1f2d;} .search-result-wrap .item .desc{ margin:15px 0; height:auto; line-height:1.5em; font-size:16px; font-family:Roboto-light; color:#1b1b1b; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;} .search-result-wrap .item .desc a{ color:#101010; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;} .search-result-wrap .item:hover .title a{ color:#dc1f2d;} .search-result-wrap .item .button{ width:auto; height:auto; font-family:Roboto-light;} .search-result-wrap .item .button a, .search-result-wrap .item .button span{ width:auto; height:28px; line-height:28px; padding:0 20px; display:inline-block; border:1px solid #dc1f2d; font-size:14px; color:#1b1b1b; text-align:center; border-radius:15px; text-transform:capitalize; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;} .search-result-wrap .item .button a:hover{ background:#dc1f2d; color:#fff; opacity:1;} .search-result-wrap .item:last-child{ border-bottom:none;} /*search input*/ .search-input{ padding:50px 0; background:#f1f1f1;} .search-form{ width:1000px; height:50px; background:#fff; border:1px solid #e3e3e3; margin:0 auto; position:relative;} .search-form .keyword{ width:1000px; height:50px; line-height:26px; padding:12px 15px; font-size:16px; color:#2c2e3e; border:none; outline:none;} .search-form .button{ width:60px; height:50px; background:#fff url(/wp-content/themes/deepcomputing/html/images/ico_search.svg) center center no-repeat; float:right; text-indent:-9999em; cursor:pointer; border:none; outline:none; position:absolute; top:0; right:0;} .search-form .keyword:focus{ outline:none; border:none; box-shadow:0 0 3px rgba(0, 123, 255, 0.25);} .search-btn-nav{ width:30px; height:30px; margin-top:35px; background:url(/wp-content/themes/deepcomputing/html/images/ico_search.svg) center center no-repeat; float:right; cursor:pointer; border:none; outline:none;} .search-btn-nav.current{ background:url(/wp-content/themes/deepcomputing/html/images/ico_search_hover.svg) center center no-repeat;} .search-close{ width:36px; height:36px; background:url(/wp-content/themes/deepcomputing/html/images/icon_search_close.png) center center no-repeat; background-size:100% 100%; cursor:pointer; border:none; outline:none; position:absolute; top:-20px; right:-145px; -webkit-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;} .search-close:hover{ -webkit-transform:rotate(180deg); transform:rotate(180deg);} .search-form-popup{ width:100%; height:auto; position:absolute; left:0; top:96px; z-index:9999; display:none;} /*banner of ambassador*/ .banner-ambassador{ width:100%; height:auto; position:relative;} .banner-ambassador .pic-pc{ width:100%; height:auto; display:block;} .banner-ambassador .pic-mobile{ width:100%; height:auto; display:none;} .banner-ambassador .txt-wrap{ width:1280px; height:100%; display:flex; align-items:center; position:absolute; left:50%; margin-left:-640px; top:0; z-index:3;} .banner-ambassador .txt{ width:auto; max-width:75%; height:auto; color:#2a2d42; opacity:0; presented-by:nation-liu; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;} .banner-ambassador .icon{} .banner-ambassador .icon img{ max-height:33px; margin-right:30px; margin-bottom:20px;} .banner-ambassador .icon img:last-child{ margin-right:0;} .banner-ambassador .headline{ margin-bottom:50px; line-height:1.2; font-size:56px; color:#2e3145; text-transform:none; position:relative;} .banner-ambassador .headline:before{ content:''; width:155px; height:3px; background:#dc1f2d; position:absolute; left:0; bottom:-30px;} .banner-ambassador .desc{ line-height:1.375em; font-size:34px; font-family:Roboto-light; color:#2a2d42; margin-bottom:20px;} .banner-ambassador .price{ line-height:1.5em; font-size:36px; font-family:Roboto-light; margin-bottom:20px;} .banner-ambassador .txt b,.banner-ambassador .txt strong,.banner-ambassador .txt .red{ color:#dc1f2d;} .banner-ambassador .button{ margin-top:40px;} .banner-ambassador .button a{ width:auto; height:auto; line-height:50px; padding:0 45px; display:inline-block; background:#dc1f2d; font-size:16px; font-family:Roboto-bold; color:#fff; text-align:center; border:1px solid #dc1f2d; border-radius:3px; text-transform:uppercase;} .banner-ambassador .button a:hover{ opacity:0.8; /*background:#fff; color:#dc1f2d; border-color:#fff;*/} .banner-ambassador .txt.fadeInUp.active{ -webkit-animation-name:fadeInUpliu; animation-name:fadeInUpliu; -webkit-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-iteration-count:1; animation-iteration-count:1; presented-by:nation-liu; opacity:1;} /*why ambassador*/ .why-ambassador{ width:1280px; height:auto; padding:80px 0; presented-by:nation-liu; margin:0 auto;} .why-ambassador .headline{ margin-bottom:40px; line-height:1.5em; font-size:40px; font-family:Roboto-semibold; color:#2a2d42; text-align:center; text-transform:none;} .why-ambassador .desc{ line-height:1.5em; font-size:20px; font-family:Roboto-light; color:#2a2d42;} .why-ambassador .desc p{ margin:15px 0;} /*benefits ambassador*/ .benefits-ambassador{ padding:60px 0 30px; background:#eef2f4;} .benefits-ambassador .headline{ margin-bottom:40px; line-height:1.5em; font-size:40px; font-family:Roboto-semibold; color:#2a2d42; text-align:center; text-transform:none;} .benefits-ambassador .intro{ width:1280px; height:auto; margin:0 auto;} .benefits-ambassador .intro p{ margin:30px 0; line-height:1.5em; font-size:20px; font-family:Roboto-light; color:#2a2d42;} .benefits-ambassador .item-wrap{ width:100%; height:auto; display:flex; justify-content:left; flex-wrap:wrap;} .benefits-ambassador .item-wrap:after{ content:''; display:block; height:0; clear:both; visibility:hidden;} .benefits-ambassador .item-wrap .item{ width:calc(33.33% - 61px); height:auto; padding:0 30px; margin:40px 0; border-right:1px solid #d1d6de; float:left; text-align:center;} .benefits-ambassador .item-wrap .item:nth-child(3n){ border:none;} .benefits-ambassador .item-wrap .item:last-child{ border:none;} .benefits-ambassador .item-wrap .icon{ margin-bottom:15px;} .benefits-ambassador .item-wrap .icon img{ max-width:96px;} .benefits-ambassador .item-wrap .desc{ line-height:1.5em; font-size:18px; font-family:Roboto-semibold; color:#2a2d42; text-align:center;} .benefits-ambassador .item-wrap .item.fadeInUp.active{ -webkit-animation-name:fadeInUpliu; animation-name:fadeInUpliu; -webkit-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-iteration-count:1; animation-iteration-count:1; presented-by:nation-liu; opacity:1;} /*Guidelines*/ .guidelines-ambassador{ padding:60px 0 70px;} .guidelines-ambassador .headline{ margin-bottom:40px; line-height:1.5em; font-size:40px; font-family:Roboto-semibold; color:#2a2d42; text-align:center; text-transform:capitalize;} .guidelines-ambassador .steps{ width:1280px; height:auto; margin:0 auto;} .guidelines-ambassador .steps p{ margin:10px 0; line-height:1.5em; font-size:20px; font-family:Roboto-light; color:#2a2d42;} .guidelines-ambassador .item-wrap{ width:100%; height:auto; margin:50px 0; position:relative; z-index:1;} .guidelines-ambassador .item-wrap:before{ content:''; width:11px; height:11px; background:#dc1f2d; border-radius:50%; position:absolute; left:50%; margin-left:-5px; bottom:-6px; z-index:2;} .guidelines-ambassador .item-wrap:after{ content:''; display:block; height:0; clear:both; visibility:hidden;} .guidelines-ambassador .item{ padding-top:30px; display:flex; align-items:center; justify-content:center; position:relative;} .guidelines-ambassador .item:nth-child(2n){ flex-direction:row-reverse;} .guidelines-ambassador .item:first-child{ padding-top:0;} .guidelines-ambassador .item:before{ content:''; width:1px; height:100%; background:#d1d6de; position:absolute; left:50%; top:0;} .guidelines-ambassador .item .txt{ width:50%; padding-right:40px; text-align:right;} .guidelines-ambassador .item .txt p{ margin:0; font-size:16px; color:#555768;} .guidelines-ambassador .item .number{ margin-bottom:15px;} .guidelines-ambassador .item .number span{ width:50px; height:50px; line-height:50px; display:inline-flex; align-items:center; justify-content:center; background:#dc1f2d; font-size:30px; color:#fff; font-family:Roboto-bold; text-align:center; border-radius:50%;} .guidelines-ambassador .item .title{ margin-bottom:10px; font-size:18px; color:#2a2d42;} .guidelines-ambassador .item .desc ul li{ line-height:1.5em; padding-left:16px; font-size:16px; font-family:Roboto-light; color:#555768; position:relative;} .guidelines-ambassador .item .desc ul li:before{ content:''; width:4px; height:4px; background:#dc1f2d; position:absolute; left:0; top:11px;} .guidelines-ambassador .item .icon{ width:50%; padding-left:40px; text-align:left;} .guidelines-ambassador .item .icon img{ max-width:128px;} .guidelines-ambassador .item:nth-child(2n) .txt{ padding-right:0; padding-left:40px; text-align:left;} .guidelines-ambassador .item:nth-child(2n) .icon{ padding-left:0; padding-right:40px; text-align:right;} .guidelines-ambassador .steps .button{ margin:50px 0; text-align:center;} .guidelines-ambassador .steps .button a{ width:auto; height:50px; line-height:50px; padding:0 110px; display:inline-flex; align-items:center; justify-content:center; background:#dc1f2d; font-size:18px; font-family:Roboto-bold; color:#fff; text-align:center; border-radius:3px; presented-by:nation-liu; text-transform:uppercase;} .guidelines-ambassador .steps .button a:hover{ opacity:0.8;} .guidelines-ambassador .item .txt.fadeInUp.active, .guidelines-ambassador .item .icon.fadeInUp.active{ -webkit-animation-name:fadeInUpliu; animation-name:fadeInUpliu; -webkit-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-iteration-count:1; animation-iteration-count:1; presented-by:nation-liu; opacity:1;} /*Meet Our Ambassadors*/ .meet-ambassadors{ padding:70px 0; background:#eef2f4;} .meet-ambassadors .headline{ margin-bottom:40px; line-height:1.5em; font-size:40px; font-family:Roboto-semibold; color:#2a2d42; text-align:center; text-transform:capitalize;} .meet-ambassadors .item-wrap{ width:1280px; height:auto; display:flex; justify-content:center; gap:15px; flex-wrap:wrap; margin:0 auto;} .meet-ambassadors .item{ width:calc((100% - 45px) / 4); height:auto; padding:15px 15px 20px; margin:20px 0; box-sizing:border-box; background:#fff; box-shadow:2px 10px 15px rgba(0,0,0,0.2); border-radius:6px; text-align:center; position:relative; z-index:1;} .meet-ambassadors .item .pic{ height:280px; margin-bottom:20px; border-radius:6px; overflow:hidden; position:relative;} .meet-ambassadors .item .pic img{ width:100%; height:100%; border-radius:6px; object-fit: cover; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .meet-ambassadors .item:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .meet-ambassadors .item .title{ width:auto; height:auto; line-height:1.5em; margin-bottom:5px; font-size:18px; font-family:Roboto-bold; color:#2a2d42; text-align:center; text-transform:capitalize; overflow:hidden;} .meet-ambassadors .item .title a{ color:#2b2d42;} .meet-ambassadors .item .title b, .meet-ambassadors .item .title strong{ color:#dc1f2d;} .meet-ambassadors .item .desc{ height:auto; line-height:1.5em; margin-bottom:15px; font-size:16px; font-family:Roboto-light; color:#555768; text-transform:capitalize; overflow:hidden; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;} .meet-ambassadors .item .desc a{ color:#555768; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;} .meet-ambassadors .item .linkedin{} .meet-ambassadors .item .linkedin a{ width:24px; height:24px; display:inline-block; text-indent:-9999em; background:#c4c4c4 url(/wp-content/themes/deepcomputing/html/images/ico_linkedin.svg) center center no-repeat; border-radius:2px; presented-by:nation-liu; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;} .meet-ambassadors .item .linkedin a:hover{ background:#0a66c2 url(/wp-content/themes/deepcomputing/html/images/ico_linkedin.svg) center center no-repeat; } .meet-ambassadors .item:hover .title a{ color:#dc1f2d;} /*fadeIn*/ .fadeInUp{ -webkit-animation-name:fadeInUp; animation-name:fadeInUp;} .fadeInUp.active{ -webkit-animation-name:fadeInUp; animation-name:fadeInUp; -webkit-animation-duration:0.8s; animation-duration:0.8s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation-iteration-count:1; animation-iteration-count:1; opacity:1;} .pulse{ -webkit-animation-name:pulse; animation-name:pulse;} /* 恢复基础缩进 ol.wp-block-list, ul.wp-block-list { margin: 0; padding-left: 20px; } */ /* 子列表再缩进 */ ol.wp-block-list ol, ol.wp-block-list ul, ul.wp-block-list ol, ul.wp-block-list ul { margin-top: 5px; padding-left: 20px; /* 每深入一层多缩进一次 */ } @-webkit-keyframes fadeInUp { from { opacity:0; -webkit-transform:translate3d(0, 260%, 0); transform:translate3d(0, 260%, 0);} to { opacity:1; -webkit-transform:none; transform:none;} } @keyframes fadeInUp { from { opacity:0; -webkit-transform:translate3d(0, 260%, 0); transform:translate3d(0, 260%, 0);} to { opacity:1; -webkit-transform:none; transform:none;} } @-webkit-keyframes fadeInUpliu { 0% { opacity:0; -webkit-transform:translate3d(0,30%,0); transform:translate3d(0,30%,0);} to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0);} } @keyframes fadeInUpliu{ 0% { opacity:0; -webkit-transform:translate3d(0,30%,0); transform:translate3d(0,30%,0);} to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0);} } @-webkit-keyframes slideInUp{ 0% { -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); visibility:visible;} to { -webkit-transform:translateZ(0); transform:translateZ(0);} } @keyframes slideInUp{ 0% { -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); visibility:visible;} to { -webkit-transform:translateZ(0); transform:translateZ(0);} } @-webkit-keyframes pulse { from { -webkit-transform:scale3d(0.95, 0.95, 0.95); transform:scale3d(0.95, 0.95, 0.95);} to { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1);} } @keyframes pulse { from { -webkit-transform:scale3d(0.95, 0.95, 0.95); transform:scale3d(0.95, 0.95, 0.95);} to { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1);} } @-webkit-keyframes liunaisheng { 0% { opacity:0; -webkit-transform:scale(0.3); transform:scale(0.3);} 100% { opacity:1; -webkit-transform:scale(1); transform:scale(1);} } @keyframes liunaisheng { 0% { opacity:0; -webkit-transform:scale(0.3); transform:scale(0.3);} 100% { opacity:1; -webkit-transform:scale(1); transform:scale(1);} } @media screen and (max-width:1600px){ .headline{ font-size:60px;} .nav-wrap .logo{ width:360px;} .banner .headline{ font-size:65px;} .banner .desc{ font-size:65px;} .about-us .headline{ font-size:50px;} .about-us .desc{ font-size:26px;} .about-us .logos{ margin-right:400px;} .about-us .logos img{ margin-right:90px;} .our-product .headline{ font-size:50px;} .our-product .headline .icon{ max-height:36px;} .our-product .summary{ font-size:20px;} .our-product .subhead{ font-size:32px;} .our-product .subhead p{ font-size:18px;} .our-product .step-wrap .title{ font-size:22px;} .our-product .step-wrap .desc{ font-size:18px;} } @media screen and (max-width:1440px){ .headline{ font-size:56px;} .nav-wrap .logo{ width:320px;} .banner .headline{ font-size:60px;} .banner .desc{ font-size:60px;} .about-us .headline{ font-size:48px;} .about-us .desc{ font-size:22px;} .about-us .logos{ margin-right:360px;} .about-us .logos img{ max-height:55px; margin-right:60px;} .our-product .headline{ font-size:48px;} .our-product .headline .icon{ max-height:36px;} .our-product .summary{ font-size:18px;} .our-product .subhead{ font-size:28px;} .our-product .subhead p{ font-size:18px;} .our-product .step-wrap .title{ font-size:20px;} .our-product .step-wrap .desc{ font-size:16px;} .our-product .step-wrap .step{ padding-left:20px; padding-right:20px; min-height:240px;} .homepage-wrapper .item .txt-wrap, .homepage-swiper .item .txt-wrap{ width:1180px; } /*margin-left:-590px;*/ .homepage-swiper .item .txt{max-width:500px;} .community .txt-wrap{ } .bread-crumb .txt{ width:1180px;} .banner .txt-wrap{ } .banner-product .txt-wrap{ } .banner-product .headline{ margin-bottom:20px;} .banner-ambassador .txt-wrap{ } .banner-ambassador .headline{ font-size:44px;} .banner-ambassador .desc{ font-size:26px;} .bg_curveline{ background-size:80% auto;} .list-product-wrap .item{ width:1180px;} .list-product-wrap .item .pic-pc{ max-width:600px; margin:0 50px;} .list-product-wrap .item .txt{ width:430px;} .list-product-wrap .item .desc{ font-size:26px;} .list-product-wrap .item.content-right-list .txt-wrap{ padding-top:240px;} .params-product .table{ width:800px;} .params-product .table td{ font-size:18px;} .params-product .table td.param{ font-size:18px;} .news-list-wrap .arrow-left{ margin-left:-650px;} .news-list-wrap .arrow-right{ margin-right:-650px;} .news-list-wrap .listing{ width:1180px;} .news-list-wrap .item-wrap{ width:1200px;} .news-list-wrap .item{ width:380px;} .news-list-wrap .item .pic{ height:91px;} .news-details{ width:1180px;} .news-details .news-left{ width:760px;} .recent-blog.fixed{ margin-left:230px;} .about-us .intro-mission{ width:980px;} .about-us .address{ width:1180px;} .privacy-policy-wrapper{ width:1180px;} .privacy-policy-content{ width:780px;} .privacy-policy-right.fixed{ margin-left:270px;} .search-result-wrap{ width:1180px;} .search-close{ right:-95px;} .why-ambassador{ width:1180px;} .benefits-ambassador .intro{ width:1180px;} .meet-ambassadors .item-wrap{ width:1180px;} .meet-ambassadors .item .pic{ height:250px;} .guidelines-ambassador .steps{ width:1180px;} } @media screen and (max-width:1366px){ .headline{ font-size:50px;} .nav-wrap .logo{ width:280px;} .banner .headline{ font-size:50px;} .banner .desc{ font-size:50px;} .banner .txt-wrap{ left:100px;} .about-us .headline{ margin-left:100px; font-size:42px;} .about-us .desc{ margin:0 100px 0 250px; font-size:20px;} .about-us .logos{ margin-left:250px;} .about-us .logos img{ margin-right:80px; max-width:180px; max-height:50px;} .our-product{ padding:100px 100px 120px;} .our-product .headline{ font-size:42px;} .our-product .headline .icon{ max-height:32px;} .our-product .summary{ margin-left:150px; margin-bottom:100px; font-size:18px;} .our-product .subhead{ font-size:26px;} .our-product .subhead p{ font-size:18px;} .our-product .step-wrap .title{ font-size:20px;} .our-product .step-wrap .desc{ font-size:16px;} .our-product .step-wrap .step{ padding-left:20px; padding-right:20px;} .homepage-wrapper .item .desc, .homepage-swiper .item .desc{ margin-bottom:40px;} .community .desc{ margin-bottom:40px;} .banner-product .headline{ margin-bottom:15px;} } @media screen and (max-width:1280px){ .about-us .logos{ margin-right:320px;} .our-product .step-wrap .step{ min-height:280px;} .headline{ font-size:36px;} .banner-product .desc{ font-size:28px;} .homepage-wrapper .item .txt-wrap, .homepage-swiper .item .txt-wrap{ width:1080px; }/*margin-left:-540px;*/ .homepage-wrapper .item .txt, .homepage-swiper .item .txt{ max-width:520px;} .community .txt-wrap{} .community.shop-now .desc{ font-size:24px;} .bread-crumb .txt{ width:1080px;} .banner .txt-wrap{} .banner .headline{ width:85%; font-size:50px;} .banner-product .txt-wrap{ width:1080px; margin-left:-540px;} .banner-product .txt{ max-width:520px;} .banner-ambassador .txt-wrap{ width:1080px; margin-left:-540px;} .list-product-wrap .item{ width:1080px;} .list-product-wrap .item .pic-pc{ max-width:500px; margin:0 50px;} .list-product-wrap .item .txt{ width:420px;} .list-product-wrap .item .headline{ font-size:24px;} .list-product-wrap .item .desc{ font-size:22px;} .list-product-wrap .item.content-right-list .txt-wrap{ padding-top:220px;} .list-product-wrap .item.content-list ul li{ font-size:20px;} .list-product-wrap .item.content-list ul li:before{ top:12px;} .params-product .table{ width:760px;} .news-list-wrap .arrow-left{ margin-left:-590px;} .news-list-wrap .arrow-right{ margin-right:-590px;} .news-list-wrap .listing{ width:1080px;} .news-list-wrap .item-wrap{ width:1100px;} .news-list-wrap .item{ width:346px;} .news-list-wrap .item .pic{ height:82px;} .news-details{ width:1080px;} .news-details .news-left{ width:720px;} .news-details .headline{ font-size:30px;} .recent-blog{ width:320px;} .recent-blog.fixed{ margin-left:220px;} .recent-blog .headline{ font-size:18px;} .about-us .intro-mission{ width:880px;} .about-us .intro-mission .headline{ font-size:36px;} .about-us .intro-mission .desc{ line-height:1.75em; font-size:19px;} .about-us .address{ width:1080px;} .about-us .address .headline{ font-size:30px; margin-bottom:15px;} .about-us .address .item{ width:380px;} .about-us .address .item .city{ font-size:22px;} .about-us .address .item .location{ font-size:17px;} .privacy-policy-wrapper{ width:1080px;} .privacy-policy-content{ width:700px;} .privacy-policy-content h1, .privacy-policy-content h2, .privacy-policy-content h3{ font-size:26px;} .privacy-policy-right ul li{ font-size:15px; margin-bottom:8px;} .privacy-policy-right.fixed{ margin-left:220px;} .search-result-wrap{ width:1080px;} .search-close{ right:-55px;} .why-ambassador{ width:1080px;} .benefits-ambassador .intro{ width:1080px;} .meet-ambassadors .item-wrap{ width:1080px;} .meet-ambassadors .item .pic{ height:230px;} .guidelines-ambassador .steps{ width:1080px;} } @media screen and (max-width:1152px){ .about-us .logos{ margin-right:300px;} .about-us .logos img{ margin-right:60px; max-width:160px; max-height:50px;} .about-us .pic-wrap{ margin-top:-90px;} .headline{ font-size:30px;} .news-details .headline{ font-size:24px;} .homepage-wrapper .item .txt-wrap, .homepage-swiper .item .txt-wrap{ width:960px; margin-left:0;}/*margin-left:-480px*/ .homepage-wrapper .item .txt, .homepage-swiper .item .txt{ max-width:420px;} .community .txt-wrap{} .community.shop-now .desc{ font-size:24px;} .bread-crumb .txt{ width:960px;} .banner .txt-wrap{} .banner-product .txt-wrap{ width:960px; margin-left:-480px;} .banner-product .txt{ max-width:420px;} .banner-product .icon img{ max-height:20px; margin-right:15px; margin-bottom:10px;} .banner-product .headline{ margin-bottom:20px;} .banner-product .desc{ font-size:24px;} .banner-product .price{ margin-bottom:20px; font-size:24px;} .banner-product .button{ margin-top:20px;} .banner-product .button a{ padding:0 35px;} .banner-ambassador .txt-wrap{ width:960px; margin-left:-480px;} .banner-ambassador .headline:before{ width:100px;} .banner-ambassador .desc{ font-size:24px;} .bg_curveline{ padding:40px 0 10px; background-size:80% auto;} .list-product-wrap .item{ width:960px;} .list-product-wrap .item .pic-pc{ max-width:500px; margin:0 30px;} .list-product-wrap .item .txt{ width:360px;} .list-product-wrap .item .headline{ font-size:24px;} .list-product-wrap .item .desc{ font-size:22px;} .list-product-wrap .item ul li{ font-size:20px;} .list-product-wrap .item ul li:before{ top:12px;} .list-product-wrap .item.content-list ul li{ font-size:20px;} .list-product-wrap .item.content-list ul li:before{ top:12px;} .list-product-wrap .item.content-right-list .pic-pc{ margin:0 30px 30px;} .list-product-wrap .item.content-right-list .txt-wrap{ padding-top:200px;} .params-product .table, .params-product .specs-title{ width:960px;} .params-product .table td{ font-size:16px;} .params-product .table td.param{ font-size:16px;} .params-product .table td ul li em{ width:180px;} .params-product .table td ul li span{ padding-left:180px;} .news-list-wrap{ padding:80px 0;} .news-list-wrap .arrow-left{ margin-left:-540px;} .news-list-wrap .arrow-right{ margin-right:-540px;} .news-list-wrap .listing{ width:960px;} .news-list-wrap .item-wrap{ width:980px;} .news-list-wrap .item{ width:306px; margin:0 20px 30px 0;} .news-list-wrap .item .pic{ height:73px;} .news-details{ width:960px; margin:60px auto;} .news-details .news-left{ width:620px;} .recent-blog{ width:300px;} .recent-blog.fixed{ margin-left:180px;} .recent-blog .headline{ font-size:18px;} .about-us .intro-mission{ width:860px;} .about-us .address{ width:960px;} .privacy-policy-wrapper{ width:960px;} .privacy-policy-content{ width:600px;} .privacy-policy-right.fixed{ margin-left:160px;} .search-result-wrap{ width:960px;} .search-form{ width:800px;} .search-form .keyword{ width:800px;} .search-close{ right:-85px;} .why-ambassador{ width:960px;} .benefits-ambassador .intro{ width:960px;} .meet-ambassadors .item-wrap{ width:960px;} .meet-ambassadors .item .pic{ height:200px;} .guidelines-ambassador .steps{ width:960px;} } @media screen and (max-width:1024px){ .about-us .logos{ margin-right:280px;} .about-us .logos img{ margin-right:50px; max-width:130px; max-height:40px;} .about-us .pic-wrap{ margin-top:-80px;} .headline{ font-size:44px;} .banner .headline{ font-size:40px;} .banner .desc{ font-size:40px;} .nav-wrap .logo{ width:240px; margin-top:40px;} .about-us .headline{ font-size:40px;} .about-us .desc{ font-size:18px;} .our-product .summary{ margin-left:100px; font-size:16px;} .our-product .headline{ font-size:40px;} .our-product .subhead p{ font-size:16px;} .our-product .step-wrap .num{ font-size:20px;} .our-product .step-wrap .circle{ width:20px; height:20px; border-width:3px;} .our-product .step-wrap .item:before{ top:67px;} .our-product .step-wrap .item:after{ top:67px;} .our-product .step-wrap .icon{ width:70px; height:70px; margin-top:-35px;} .our-product .step-wrap .title{ font-size:16px;} .our-product .step-wrap .desc{ font-size:14px;} .news-list-wrap{ padding:70px 0;} .news-list-wrap .arrow-left{ margin-left:-490px;} .news-list-wrap .arrow-right{ margin-right:-490px;} .news-list-wrap .listing{ width:880px;} .news-list-wrap .item-wrap{ width:900px;} .news-list-wrap .item{ width:280px; margin:0 20px 30px 0;} .news-list-wrap .item .pic{ height:91px;} } @media screen and (max-width:768px){ .headline{ font-size:30px;} .banner{ height:40vh;} .nav-wrap{ margin:0 40px;} .nav-wrap .logo{ width:180px; margin-top:20px;} .banner .txt-wrap{ left:60px;} .banner .desc{ font-size:28px;} .about-us{ padding-top:60px;} .about-us .headline{ font-size:30px; margin-left:60px; margin-bottom:30px;} .about-us .desc{ margin:0 60px 0 120px; font-size:16px;} .about-us .logos{ margin:30px 200px 0 120px;} .about-us .logos img{ margin-right:40px; max-width:120px; max-height:35px;} .our-product{ padding:60px 60px 80px;} .our-product .headline{ margin-bottom:30px; font-size:28px;} .our-product .headline .icon{ max-height:26px;} .our-product .summary{ margin-left:0; margin-bottom:60px; font-size:16px;} .our-product .subhead{ font-size:20px;} .our-product .subhead p{ font-size:14px;} .our-product .step-wrap .title{ font-size:16px;} .our-product .step-wrap .desc{ font-size:14px;} .our-product .step-wrap .step{ padding-left:15px; padding-right:15px; min-height:300px;} .homepage-swiper .item .txt-wrap{ width:720px; margin-left:-360px;} .homepage-swiper .item .txt{ max-width:360px;} .homepage-swiper .item .icon img{ max-height:20px;} .homepage-swiper .item .headline{ margin-bottom:10px;} .homepage-swiper .item .desc{ margin-bottom:20px; font-size:14px;} .homepage-swiper .item .button a{ width:130px; line-height:40px;} .homepage-wrapper .item .txt-wrap{ width:720px; margin-left:-360px;} .homepage-wrapper .item .txt{ max-width:360px;} .homepage-wrapper .item .icon img{ max-height:20px;} .homepage-wrapper .item .headline{ margin-bottom:10px;} .homepage-wrapper .item .desc{ margin-bottom:20px; font-size:14px;} .homepage-wrapper .item .button a{ width:130px; line-height:40px;} .community .txt-wrap{} .community .txt{ max-width:500px;} .community .desc{ margin-bottom:25px;} .community .button a{ line-height:40px; font-size:14px;} .community.shop-now .desc{ font-size:20px;} .bread-crumb .txt{ width:720px;} .banner .txt-wrap{} .banner .headline{ font-size:28px;} .banner-product .txt-wrap{ width:720px; margin-left:-360px;} .banner-product .txt{ max-width:360px;} .banner-product .headline{ margin-bottom:15px;} .banner-product .desc{ margin-bottom:10px; font-size:18px;} .banner-product .price{ margin-bottom:15px; font-size:18px;} .banner-product .button{ margin-top:15px;} .banner-product .button a{ padding:0 25px; line-height:40px;} .banner-ambassador .txt-wrap{ width:720px; margin-left:-360px;} .banner-ambassador .headline{ margin-bottom:30px; font-size:30px;} .banner-ambassador .headline:before{ width:100px; bottom:-20px;} .banner-ambassador .desc{ font-size:18px;} .bg_curveline{ padding:20px 0 5px;} .list-product-wrap .item{ width:720px; padding-bottom:30px; margin-bottom:15px;} .list-product-wrap .item .pic-pc{ max-width:360px; margin:0 20px;} .list-product-wrap .item .txt{ width:300px;} .list-product-wrap .item .headline{ font-size:24px;} .list-product-wrap .item .desc{ font-size:18px;} .list-product-wrap .item .button a{ line-height:40px;} .list-product-wrap .item ul li{ font-size:16px;} .list-product-wrap .item ul li:before{ top:9px;} .list-product-wrap .item.content-list ul{ column-gap:30px;} .list-product-wrap .item.content-list ul li{ font-size:16px;} .list-product-wrap .item.content-list ul li:before{ top:11px;} .list-product-wrap .item.content-right-list .txt-wrap{ padding-top:150px;} .list-product-wrap .item.content-right-list .pic-pc{ margin:0 20px 20px;} .params-product{ padding:10px 0;} .params-product .table, .params-product .specs-title{ width:720px;} .params-product .table td{ padding:30px 0; font-size:14px;} .params-product .table td.param{ font-size:14px;} .params-product .table td .pic{ margin-top:25px;} .params-product .table td ul li em{ width:140px;} .params-product .table td ul li span{ padding-left:140px;} .news-list-wrap{ padding:60px 0;} .news-list-wrap .arrow-left{ margin-left:-370px;} .news-list-wrap .arrow-right{ margin-right:-370px;} .news-list-wrap .listing{ width:660px;} .news-list-wrap .item-wrap{ width:680px;} .news-list-wrap .item{ width:320px; margin:0 20px 30px 0;} .news-list-wrap .item .pic{ height:76px;} .news-details{ width:720px;} .news-details .news-left{ width:480px;} .news-details .news-left .news-nav a{ font-size:14px;} .recent-blog{ width:220px;} .recent-blog.fixed{ margin-left:140px;} .recent-blog .headline{ line-height:32px; font-size:13px;} .recent-blog .item{ padding:10px 0;} .recent-blog .item .title{ font-size:13px;} .recent-blog .item .date{ font-size:12px;} .about-us .intro-mission{ width:600px;} .about-us .contact-us{ width:720px;} .about-us .contact-us .gf_left_half{ width:350px;} .about-us .contact-us .gf_right_half{ width:350px;} .about-us .contact-us fieldset .name_first{ width:350px;} .about-us .contact-us fieldset .name_first input{ width:350px;} .about-us .contact-us fieldset .name_last{ width:350px;} .about-us .contact-us input[type="text"], .about-us .contact-us input[type="email"], .about-us .contact-us input[type="tel"]{ width:92%;} .about-us .contact-us .textarea{ width:96%;} .about-us .contact-us .gform_confirmation_message{ font-size:20px;} .about-us .address{ width:720px;} .privacy-policy-wrapper{ width:720px; padding:60px 0;} .privacy-policy-content{ width:480px;} .privacy-policy-right{ width:220px;} .privacy-policy-content h1, .privacy-policy-content h2, .privacy-policy-content h3{ font-size:22px;} .privacy-policy-content h4, .privacy-policy-content h5{ font-size:20px;} .privacy-policy-right.fixed{ margin-left:140px;} .privacy-policy-right ul li{ font-size:14px;} .news-categories {padding-top: 25px;padding-bottom:0;} .news-categories ul {width: 92vw; margin: 0 auto;} .news-categories ul li {width: 18vw;} .search-result-wrap{ width:720px;} .search-form{ width:600px;} .search-form .keyword{ width:600px;} .search-close{ right:-55px;} .why-ambassador{ width:720px;} .benefits-ambassador .intro{ width:720px;} .meet-ambassadors .item-wrap{ width:720px;} .meet-ambassadors .item .pic{ height:140px;} .guidelines-ambassador .steps{ width:720px;} } @media screen and (max-width:767px){ .headline{ line-height:1.25em; font-size:20px;} .nav-wrap{ margin:0 20px;} .nav-wrap .logo{ width:120px; margin-top:10px; float:left;} .banner{ height:auto;} .banner .txt-wrap{ left:60px;} .banner .desc{ font-size:18px;} .banner .txt{ opacity:1; -webkit-transition:all 0.0s linear 0s; transition:all 0s linear 0s;} .banner .txt.active{ -webkit-animation-name:none; animation-name:none; -webkit-animation-duration:0s; animation-duration:0s;} .about-us{ padding-top:30px;} .about-us .headline{ font-size:26px; margin-left:30px; margin-bottom:20px; opacity:1; -webkit-transition:all 0.0s linear 0s; transition:all 0s linear 0s;} .about-us .desc{ margin:0 30px; font-size:16px; opacity:1; -webkit-transition:all 0.0s linear 0s; transition:all 0s linear 0s;} .about-us .logos{ margin:30px 0 0 30px; opacity:1; -webkit-transition:all 0.0s linear 0s; transition:all 0s linear 0s;} .about-us .logos img{ margin-right:20px; max-width:100px; max-height:30px; margin-bottom:15px;} .about-us .headline.fadeInUp.active, .about-us .desc.fadeInUp.active, .about-us .logos.fadeInUp.active{ -webkit-animation-name:none; animation-name:none; -webkit-animation-duration:0s; animation-duration:0s;} .about-us .pic-wrap{ margin-top:15px;} .about-us .pic-wrap:after{ height:28%;} .our-product{ padding:30px 30px 40px;} .our-product .headline{ margin-bottom:10px; font-size:26px; opacity:1; -webkit-transition:all 0.0s linear 0s; transition:all 0s linear 0s;} .our-product .headline .icon{ margin-left:15px; padding-left:15px; max-height:20px;} .our-product .summary{ margin-left:0; margin-bottom:40px; font-size:16px; column-count:1; opacity:1; -webkit-transition:all 0.0s linear 0s; transition:all 0s linear 0s;} .our-product .summary p{ padding-top:20px;} .our-product .subhead{ font-size:18px; margin-bottom:30px; opacity:1; -webkit-transition:all 0.0s linear 0s; transition:all 0s linear 0s;} .our-product .subhead p{ font-size:14px; margin-top:10px;} .our-product .step-wrap{ display:block;} .our-product .step-wrap .item{ width:100%; margin-bottom:40px; opacity:1; -webkit-transition:all 0.0s linear 0s; transition:all 0s linear 0s;} .our-product .step-wrap .title{ font-size:22px;} .our-product .step-wrap .desc{ font-size:18px;} .our-product .step-wrap .circle{ margin-bottom:55px;} .our-product .step-wrap .step{ padding-left:15px; padding-right:15px; padding-bottom:60px; min-height:100px; margin:0; -webkit-transition:all 0s linear 0s; transition:all 0s linear 0s;} .our-product .step-wrap .step:hover{ border-color:#3B5882; background:#1B3D6E;} .our-product .step-wrap .item:before{ width:calc(50% - 15px);} .our-product .step-wrap .item:after{ width:calc(50% - 15px);} .our-product .step-wrap .item:first-child:before{ width:calc(50% - 15px);} .our-product .step-wrap .item:last-child:after{ width:calc(50% - 15px);} .our-product .headline.fadeInUp.active, .our-product .summary.fadeInUp.active, .our-product .subhead.fadeInUp.active, .our-product .step-wrap .item.fadeInUp.active{ -webkit-animation-name:none; animation-name:none; -webkit-animation-duration:0s; animation-duration:0s; presented-by:nation-liu; opacity:1;} .homepage-swiper {box-sizing:border-box;} .homepage-swiper .item{ width:auto; padding:0 10px;} .homepage-swiper .item .pic-pc{ display:none;} .homepage-swiper .item .pic-mobile{ display:block;} .homepage-swiper .item .txt-wrap{ width:100%; left:0 !important; margin:0;} .homepage-swiper .item .txt{ max-width:80%; padding:0 10%; margin:0 auto; text-align:center; box-sizing:content-box;} .homepage-swiper .item .headline{ presented-by:nation-liu; margin-bottom:10px;} .homepage-swiper .item .desc{ font-size:12px; margin-bottom:15px;} .homepage-swiper .item .icon img{ max-height:16px;} .homepage-swiper .item .button a{ min-width:100px; width:auto; line-height:30px; font-size:12px; margin:0 5px;margin-top:10px;} .homepage-wrapper .item{ width:auto; margin:10px;} .homepage-wrapper .item .pic-pc{ display:none;} .homepage-wrapper .item .pic-mobile{ display:block;} .homepage-wrapper .item .txt-wrap{ width:100%; left:0 !important; margin:0;} .homepage-wrapper .item .txt{ max-width:80%; padding:0 10%; margin:0 auto; text-align:center; box-sizing:content-box;} .homepage-wrapper .item .headline{ presented-by:nation-liu; margin-bottom:10px;} .homepage-wrapper .item .desc{ font-size:12px; margin-bottom:15px;} .homepage-wrapper .item .icon img{ max-height:16px;} .homepage-wrapper .item .button a{ min-width:100px; width:auto; line-height:30px; font-size:12px; margin:0 5px;margin-top:10px;} .community .pic-pc{ width:120%; margin-left:-10%;} .community .txt-wrap{} .community .txt{ max-width:100%; opacity:1; -webkit-transition:all 0.0s linear 0s; transition:all 0s linear 0s;} .community .headline{ font-size:24px; margin-bottom:10px;} .community .desc{ margin-bottom:15px; font-size:12px;} .community .button a{ line-height:30px; padding:0 20px; font-size:12px;} .community.shop-now .txt-wrap{ width:100%; margin-left:-50%;} .community.shop-now .desc{ font-size:15px;} .community.shop-now .button a{ line-height:30px; padding:0 30px; font-size:12px;} .community .pic-mobile {width:120%;display:block;} .community.wider .desc {line-height:1.6;} .community .txt.fadeInUp.active{ -webkit-animation-name:none; animation-name:none; -webkit-animation-duration:0s; animation-duration:0s;} .bread-crumb{ padding:10px 5vw;} .bread-crumb .txt{ width:100%; line-height:1.5em; font-size:14px;} .banner .pic-pc{ /*width:150%; margin-left:-25%;*/} .banner .txt-wrap{ width:90vw; left:5vw; margin:0;} .banner .headline{ width:100%; font-size:18px;} .banner-product{ width:auto; min-height:40vw; /*margin:10px;*/ background:linear-gradient(to right, #000, #2a2d42, #dc1f2d);} .banner-product .pic-pc{ display:none;} .banner-product .pic-mobile{ display:block;} .banner-product .txt-wrap{ width:100%; left:0; margin:0;} .banner-product .txt{ max-width:90%; padding:0 5%; margin:0 auto; text-align:center; box-sizing:content-box;} .banner-product .headline{ margin-bottom:10px;} .banner-product .button a{ padding:0 20px; line-height:30px; font-size:12px;} .banner-ambassador{ width:auto; min-height:40vw; background:linear-gradient(to right, #f0f2f1, #dfe7e9, #d7dee8);} .banner-ambassador .txt-wrap{ width:auto; left:0; margin:0;} .banner-ambassador .headline{ margin-bottom:25px; font-size:20px;} .banner-ambassador .headline:before{ width:70px; height:2px; bottom:-15px;} .banner-ambassador .pic-pc{ display:none;} .banner-ambassador .pic-mobile{ display:block;} .banner-ambassador .txt-wrap{ width:100%; left:0; margin:0;} .banner-ambassador .txt{ width:100%; max-width:100%; padding:0 5%; margin:0 auto;} .banner-ambassador .desc{ font-size:14px;} .bg_curveline{ padding:10px 0 1px;} .bg_curveline_02{ padding:15px 0 10px;} .list-product-wrap .item{ width:auto; padding:30px 15px; margin-bottom:10px; overflow:visible;} .list-product-wrap .item .pic-pc{ max-width:80%; margin:0 10% 30px; float:none;} .list-product-wrap .item .txt-wrap{ width:auto; height:auto; padding:0 15px; display:block; position:static;} .list-product-wrap .item .txt{ width:100%;} .list-product-wrap .item .headline{ font-size:18px; text-align:center;} .list-product-wrap .item .desc{ line-height:1.5em; font-size:17px;} .list-product-wrap .item .button{ margin-top:20px;} .list-product-wrap .item .button a{ padding:0 30px; line-height:30px; font-size:12px;} .list-product-wrap .item ul li{ padding-left:15px; font-size:15px;} .list-product-wrap .item ul li:before{ width:4px; height:4px; left:5px; top:9px;} .list-product-wrap .item:nth-child(2n) .pic-pc{ float:none;} .list-product-wrap .item:nth-child(2n) .headline{ text-align:center;} .list-product-wrap .item.content-left .pic-pc{ max-width:84%; margin:0 8% 20px; float:none;} .list-product-wrap .item.content-right .pic-pc{ max-width:84%; margin:0 8% 20px;} .list-product-wrap .item.content-list .pic-pc{ margin:0 0 15px;} .list-product-wrap .item.content-list .txt-wrap{ padding:0;} .list-product-wrap .item.content-list .txt{ opacity:1;} .list-product-wrap .item.content-list ul{ column-count:1; column-gap:0;} .list-product-wrap .item.content-list ul li{ padding-left:15px; margin:6px 0; line-height:1.5em; font-size:15px;} .list-product-wrap .item.content-list ul li:before{ width:4px; height:4px; left:5px; top:9px;} .list-product-wrap .item.content-list .txt.fadeInUp.active{ -webkit-animation-duration:0s; animation-duration:0s;} .list-product-wrap .item.content-right-list .txt-wrap{ padding:10px 15px 5px;} .list-product-wrap .item.content-right-list .pic-pc{ max-width:84%; margin:0 8% 20px;} .list-product-wrap .item.content-right-list ul{ padding-left:10px;} .list-product-wrap .item.content-right-list .txt.fadeInUp.active{ -webkit-animation-duration:0s; animation-duration:0s;} .params-product{ width:auto; padding:10px;} .params-product .specs-title{ width:100%;margin:10px auto;font-size:20px;} .params-product .table { width:100%;} .params-product .table td{ padding:15px 0; font-size:11px;} .params-product .table td.param{ font-size:11px;} .params-product .table td .pic{ margin-top:15px;} .params-product .table td ul li em{ width:100px;} .params-product .table td ul li span{ padding-left:100px;} .news-list-wrap{ padding:20px 0 40px;} .news-list-wrap .arrow-left{ display:none;} .news-list-wrap .arrow-right{ display:none;} .news-list-wrap .listing{ width:92vw;} .news-list-wrap .item-wrap{ width:100%;} .news-list-wrap .item{ width:100%; padding-bottom:20px; margin:0 0 5vw 0; float:none;} .news-list-wrap .item .pic{ height:auto; overflow:visible;} .news-list-wrap .item .pic img{ height:auto; -webkit-transition:all 0s linear 0s; transition:all 0s linear 0s;} .news-list-wrap .item:hover img{ -webkit-transform:scale(1); transform:scale(1);} .news-list-wrap .item .title{ height:auto; margin-bottom:15px; overflow:visible;} .news-list-wrap .item .desc{ height:auto; margin-bottom:20px; overflow:visible;} .news-list-wrap .item .more{ font-size:14px;} .news-list-wrap .item .more a:hover{ margin-left:0;} .news-list-wrap .item:hover .title a{ color:#1b1b1b;} .pagination{ margin-top:15px;} .pagination .page-numbers{ width:30px; height:30px; line-height:30px; font-size:14px; margin:3px; border-radius:3px;} .news-details{ width:auto; margin:8vw 5vw;} .news-details .news-left{ width:100%; padding-bottom:5vw; float:none;} .news-details .news-left .pic img{ -webkit-transition: all 0s linear 0s; transition: all 0s linear 0s;} .news-details .news-left .pic:hover img{ -webkit-transform: scale(1); transform: scale(1);} .news-details .news-left .news-content{ line-height:1.75; font-size:18px;} .news-details .news-left .news-nav{ padding-top:15px; margin-top:30px;} .news-details .news-left .news-nav a{ max-width:calc(50% - 15px); font-size:13px;} .news-details .news-left .news-nav a.prev{ padding-left:15px; background-size: auto 40%;} .news-details .news-left .news-nav a.next{ padding-right:15px; background-size: auto 40%;} .recent-blog{ width:100%; padding:0 0 5px; float:none;} .recent-blog.fixed{ position:static; left:0; top:0; margin:0;} .recent-blog .headline{ line-height:36px; font-size:15px;} .recent-blog .item{ padding:10px 0;} .recent-blog .item .title{ margin-bottom:5px; font-size:16px;} .about-us{ background-size:auto 20%;} .about-us .intro-mission{ width:auto; padding:30px 10vw;} .about-us .intro-mission .headline{ font-size:24px;} .about-us .intro-mission .desc{ font-size:18px;} .about-us .intro-mission .desc p{ margin:20px 0;} .about-us .contact-us{ width:auto; margin:6vw 5vw;} .about-us .contact-us .gform_title{ font-size:22px; margin-bottom:20px;} .about-us .contact-us .field_description_above{ font-size:16px; margin-bottom:0;} .about-us .contact-us .gfield_html_formatted{ margin-bottom:30px;} .about-us .contact-us .gform-field-label{ font-size:14px; display:none;} .about-us .contact-us .gform_button{ /*width:302px;*/ width:100%; padding:0 90px 0 60px; line-height:46px !important; font-size:16px; background-position:60% center;} .about-us .contact-us input[type="text"], .about-us .contact-us input[type="email"], .about-us .contact-us input[type="tel"], .about-us .contact-us .textarea{ width:85vw; padding:8px 10px; margin-bottom:20px; line-height:1em !important; font-size:14px;} .about-us .contact-us .gform_wrapper.gravity-theme .gfield.gfield--width-half{ grid-column:span 12;} .about-us .contact-us .gf_left_half{ width:100%; float:none;} .about-us .contact-us .gf_right_half{ width:100%; float:none;} .about-us .contact-us fieldset .name_first{ width:100%; presented-by:nation-liu; float:none;} .about-us .contact-us fieldset .name_first input{ width:100%; margin-bottom:10px;} .about-us .contact-us fieldset .name_last{ width:100%; float:none;} .about-us .contact-us .gform_footer{ padding-top:0;} .about-us .contact-us .ginput_container{ width:100%;} .about-us .contact-us .validation_message{ padding:8px 12px !important; line-height:1.5em !important; font-size:14px !important;} .about-us .contact-us .gform_wrapper.gravity-theme .gform_validation_errors{ padding:15px 15px 15px 20px;} .about-us .contact-us .gform_validation_errors .gform_submission_error{ font-size:18px;} .about-us .contact-us .gform_wrapper.gravity-theme .gform_validation_errors > ol{ padding-left:15px;} .about-us .contact-us .gform_wrapper.gravity-theme .gform_validation_errors > ol li{ line-height:1.75em;} .about-us .contact-us .gform_wrapper.gravity-theme .gform_validation_errors > ol a{ font-size:14px;} .about-us .contact-us .gform_confirmation_message{ font-size:18px;} .about-us .contact-us .gform_wrapper.gravity-theme .gfield textarea.large{ height:200px;} .about-us .address{ width:auto; min-height:100px; padding:53vw 5vw 10vw; margin:20px 0 0; background-position:center 6vw; background-size:90% auto;} .about-us .address .headline{ font-size:20px; margin-bottom:10px;} .about-us .address .item{ width:95%;} .about-us .address .item .city{ font-size:16px;} .about-us .address .item .location{ font-size:15px;} .privacy-policy-wrapper{ width:auto; padding:30px 5vw;} .privacy-policy-content{ width:100%; float:none; font-size:18px;} .privacy-policy-content h1, .privacy-policy-content h2, .privacy-policy-content h3{ font-size:20px;} .privacy-policy-content h4, .privacy-policy-content h5{ font-size:18px;} .privacy-policy-content ul li:before, .privacy-policy-content ol li:before{ width:5px; height:5px; left:3px; top:14px;} .privacy-policy-right{ width:100%; padding-top:20px; float:none; display:none;} .privacy-policy-right .title{ font-size:18px;} .privacy-policy-right ul li{ font-size:18px;} .search-result-wrap{ width:auto; padding:30px 5vw;} .search-result-wrap .search-count{ margin-bottom:10px;} .search-result-wrap .item .pic{ width:100%; height:45vw; margin:0 0 20px; float:none;} .search-input{ padding:35px 20px;} .search-form{ width:100%;} .search-form .keyword{ width:100%;} .search-btn-nav{ margin:0; float:none; position:absolute; top:15px; right:60px;} .search-form-popup{ position:fixed; top:60px;} .search-close{ width:30px; height:30px; right:0; top:-42px;} .search-form-popup .search-input{ padding:55px 20px 35px;} .why-ambassador{ width:auto; padding:30px 5vw;} .why-ambassador .headline{ margin-bottom:20px; font-size:24px;} .why-ambassador .desc{ font-size:18px;} .why-ambassador .desc p{ margin:20px 0;} .benefits-ambassador{ padding:30px 5vw;} .benefits-ambassador .intro{ width:auto;} .benefits-ambassador .headline{ margin-bottom:20px; font-size:24px;} .benefits-ambassador .intro p{ margin:20px 0; font-size:18px;} .benefits-ambassador .item-wrap{ display:block;} .benefits-ambassador .item-wrap .item{ width:auto; padding:0 20px 40px; border-right:none; border-bottom:1px solid #d1d6de; float:none;} .benefits-ambassador .item-wrap .item:nth-child(3n){ border-bottom:1px solid #d1d6de;} .benefits-ambassador .item-wrap .item:last-child{ margin-bottom:0; padding-bottom:30px; border:none;} .meet-ambassadors{ padding:30px 5vw 50px;} .meet-ambassadors .headline{ margin-bottom:10px; font-size:24px;} .meet-ambassadors .item-wrap{ width:auto;} .meet-ambassadors .item{ width:100%; margin:20px 0 0;} .meet-ambassadors .item .pic{ height:auto;} .guidelines-ambassador{ padding:30px 5vw;} .guidelines-ambassador .headline{ margin-bottom:10px; presented-by:nation-liu; font-size:24px;} .guidelines-ambassador .steps{ width:auto;} .guidelines-ambassador .steps p{ font-size:18px;} .guidelines-ambassador .steps .button a{ width:100%; padding:0;} .guidelines-ambassador .item .txt{ padding-right:20px;} .guidelines-ambassador .item .icon{ padding-left:20px;} .guidelines-ambassador .item .icon img{} .guidelines-ambassador .item:nth-child(2n) .txt{ padding-left:20px;} .guidelines-ambassador .item:nth-child(2n) .icon{ padding-right:20px;} /* .guidelines-ambassador .item .number span{ width:40px; height:40px; line-height:40px; font-size:22px;} .guidelines-ambassador .item .title{ font-size:16px;} .guidelines-ambassador .item .desc ul li{ padding-left:14px; font-size:14px;} .guidelines-ambassador .item .desc ul li:before{ top:9px;} .guidelines-ambassador .item .txt p{ font-size:14px;} */ } @media screen and (max-width:640px){ .news-details .news-left .news-content figure.wp-block-embed-youtube iframe{ width:100%;height:190px;} }