header{position:relative;width:100%}
header .logo{background:url(../images/logo.png) no-repeat 0 0;width:267px;height:72px;float:left;position:absolute;left:150px;top:0px}
header .lang a{color:#fff}
header .lang>span{display:inline-block;width:188px;text-align:center}
header .lang>span{cursor:pointer;color:#f60}
#section_01_1 .item{width:31%!important}
.slide_content{width:1178px;overflow:hidden;color:#fff;text-transform:uppercase;position:absolute;left:50%;top:50%;margin-top:-210px;margin-left:-603px;z-index:1;text-align:center}
.bigheading{font-size:70px;line-height:70px;font-family:league_gothic,Arial;text-shadow:none;margin-top:19px}
.mongol{background:#000;opacity:.5;width:100%;height:100%;position:absolute}
.title-col{font:normal 30px Arial,Helvetica,sans-serif;margin-top:41px;text-shadow:none}
.call-acton-button{margin-top:220px}
.action-button{width:24%;display:inline-block}
hgroup.title strong{font-family:league_gothic,Arial}
.page-area .title{font:normal 48px nexa_lightregular,Arial,Helvetica,sans-serif;font-family:nexa_lightregular,Arial,Helvetica,sans-serif;text-transform:uppercase}
.page-area .title{padding-top:60px;text-align:center}
.page-area .item{width:18%!important;margin:50px 7px 0!important;float:left;text-align:center}
#section_01_3 .item{width:31%!important}
.page-area .item .thumbnail img{width:80px;border-radius:100%;padding:10px;border:1px solid #b22222}
.page-area .item .thumbnail{margin:0 auto 40px;background:0 0;border:0;margin-bottom:40px}
.topSocialDivLike_h2{height:75px;font-size:18px;color:#000;font-weight:700;font-family:nexa_boldregular,Arial,Helvetica,sans-serif}

.social_j .item{width:23%!important;margin:50px 7px 0!important;float:left;text-align:center}
.config .item .thumbnail{overflow:hidden;margin:0 auto 40px}
.blockbg9 .item .thumbnail img{border-radius:7px;border:0;background:#000;width:64px}
.blockbg9 .item .thumbnail{height:80px}
.blockbg9 .item{height:230px}
.logo a{display:block;width:267px;height:66px}
li a{color:#fff;display:block}
header .socials li{float:left;width:40px;font-size:20px}
header .carousel .carousel-inner .item img{margin: 0 auto;}

.img-line{width:11px}
.article{padding-top:25px;width:711px;height:249px;background-image:url(../images/bgc.png);background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:200px;right:170px;text-align:center}
.article p{padding-right:142px;text-align:right;font-size:42px;font-weight:bolder;color:#fff;z-index:10}
.article .red{font-size:50px;z-index:10;color:#ed1b33}
.carousel-indicators li{width:88px;height:20px;border-radius:0;border:0;background-color:#d5d2d1}
.carousel-indicators .active{width:88px;height:20px;border-radius:0;border:0;background-color:#ed1b33}
.carousel-control{display:none}
.article .month{padding:16px 32px 10px 32px}
.article{top:300px;width:auto;background:0 0;height:auto;position:absolute;right:50px}
.article .bg-c{background:#000;height:100%;width:100%;opacity:.3;position:absolute}
.article p{opacity:1;padding-left:20px;padding-right:10px;position:relative;z-index:1}
.article{animation:myfirst 2s linear;-moz-animation:myfirst 2s linear;-webkit-animation:myfirst 1s linear;-o-animation:myfirst 2s linear;opacity:1}
@keyframes myfirst{from{opacity:0;right:-550px}
}
@-moz-keyframes myfirst{from{opacity:0;right:-550px}
}
@-webkit-keyframes myfirst{from{opacity:0;right:-550px}
}
@-o-keyframes myfirst{from{opacity:0;right:-550px}
}
.brands .subhead{margin-top:60px;padding:0;text-align:center;font-size:45px;font-weight:700}
.brands{position:relative;width:100%;height:100%;background-image:url(../images/home/map.png);overflow:hidden}

.red-line{width:60px;height:8px;margin:30px auto;background-color:#ed1b33;border-radius: 5px;}
.brands-logo{margin-top: 45px; justify-content: center; display: flex; flex-wrap: wrap; overflow: hidden;height: 540px;  padding-bottom: 40px;}
.brands-logo li{    margin-left: 20px; float: left;margin-top: 10px; height: 250px; margin-bottom: 10px; width: 250px; overflow: hidden;  border-radius: 10px; background: #F3F2ED; text-align: center; border: 1px solid #de1c3300;    position: relative;}
.brands-logo li:hover{border: 1px solid #DE1C32; transition: all .5s ease-in-out;box-shadow: 0 0 10px 0px rgba(246, 6, 6, 0.267);}
.brands-logo .actions-links{background: url(../images/home/h_bg.png) repeat;  height:60px; left: 0px; opacity: 0; overflow: hidden; position: absolute;bottom: 0; width:100%; z-index: 1000; transition: all 0.3s linear 0s; display: none\0;}
.brands-logo li:hover .actions-links {background:url(../images/home/h_bg.png) repeat;opacity:1;transition: all 0.3s linear 0s; display:block\0;}
.brands-logo .actions-links .web-repertory{color: #fff;font-size: 18px;font-weight:bold;}
.brands-logo .actions-links .glyphicon-heart { font-size: 14px; color: #FFF; padding: 7px; border-radius: 3px; position: relative;  opacity: 0.8; transition: all 0.3s linear 0s;padding-top: 0;}
.brands-logo .actions-links .web-ico-right {border-radius: 3px;cursor: pointer; color:#ed1b33; margin-top: 0px;opacity: 0.8;}
.brands-logo .actions-links .web-ico-right span{color: #fff;padding-left: 5px;}
.brands-logo .actions-links .web-ico-right:hover {color: #ed1b33;text-decoration: none; opacity:1}

.brands-logo li>img{width:100%;}


.dowebok{margin-top: 45px;display: flex; flex-wrap: wrap; overflow: hidden;padding-bottom: 40px;}
.dowebok li{margin-left: 19px;float: left;height: 110px;margin-bottom: 10px;width: 250px;overflow: hidden;text-align: center;position: relative;}
.dowebok li:hover{border: 1px solid #DE1C32; transition: all .5s ease-in-out;box-shadow: 0 0 10px 0px rgba(246, 6, 6, 0.267);}
.dowebok li>img{width:100%;}

.mser{background:#001B48 url(../images/home/video-bj.jpg) no-repeat center;height: 730px;}
.mser .mserbg {text-align: center; position: relative; top: 135px;}
.mser .mserbg video{height: 450px; border: 10px solid #5576A4; border-radius: 45px;}

.blockbg1 .blockbg1-bj{color:#000;padding-bottom:64px;}
.blockbg1{background-image: linear-gradient(to right,#F9F9F9 , #F0E9EF);height: auto;}

.blockbg1 .title{padding-top:40px;}
.blockbg1 hgroup.title p,.blockbg1 hgroup.title strong{color:#fff}
.blockbg1 hgroup.title p{font-family:inherit;font-size:18px;padding-top:13px}
.blockbg1 .thumbnail{background-color:transparent;border:0;border-radius:0}
.clients .clients_title{margin-top: 60px;padding: 0;text-align: center;font-size: 45px;font-weight: 700;}
.clients .cl-text{font-size:22px;width:1200px;margin:auto;padding-top:12px;text-align:center;line-height:34px}
.str_wrap{overflow:hidden;width:100%;font-size:9pt;line-height:1pc;position:relative;-moz-user-select:none;-khtml-user-select:none;user-select:none;white-space:nowrap}
.str_move{white-space:nowrap;position:absolute;top:0;left:0;cursor:move}
.str_move_clone{display:inline-block;vertical-align:top;position:absolute;left:100%;top:0}
.str_vertical .str_move_clone{left:0;top:100%}
.str_down .str_move_clone{left:0;bottom:100%}
.str_down .str_move,.str_vertical .str_move{white-space:normal;width:100%}
.noStop .str_move,.no_drag .str_move,.str_static .str_move{cursor:inherit}
.str_wrap img{max-width:none!important}
/*
.dowebok{width:100%;margin:0 auto;font-size:0;margin-top:75px;text-align:center}
.dowebok img{margin-left:70px;vertical-align:top;width:240px;height:240px;border-radius:300px;opacity:.8;background:#fff}
.dowebok img:hover{opacity:1}
 */
.learn{position:relative;width:266px;height:56px;border:3px solid #6eaad7;font-size:20px;line-height:50px;text-align:center;color:#6eaad7;margin-top:20px;margin-left:193px}
.learn i{display:inline-block;position:absolute;top:0;margin-top:4px;font-size:40px;left:190px}
.learn a{color:#6eaad7}
.introduction .right img{margin-top:44px;margin-left:45px}
.learn a{color:#6eaad7}
.introduction .right img{margin-top:44px;margin-left:45px}
.lang .dropdown-menu{min-width:59px;border-top:0;font-size:12px;width:188px}
.lang .dropdown-menu>li>span{padding-left:9px;color:#3b3b3b}
.lang .web_english .dropdown-menu>li>span{width:auto}
.service_k{display: flex;flex-wrap: wrap;}

.service_k .wrapper{width: 50%;background: #DE1C32;padding: 60px 0;text-align: center;}
.service_k .wrapper span{font-size:40px; color: #000; font-weight: 600; background: #fff; padding: 5px 39px; border-radius: 50px;opacity: .8;display: inline-block;min-width: 519px;}
.service_k .wrapper:hover span{opacity: 1;}
.service_k .wrapper:hover{background: #BB1D2F;}
.service_k .wrapper .viewdetails {display: block;color: #fff;padding-top: 9px;font-size: 18px;}


header {background: #fff;padding:0px;position: fixed;width: 100%;z-index: 3;top: 0px;}
.carousel{ position:relative;color:#fff;height:100vh;overflow:hidden;}
.carousel img{width:100%}
.carousel .ca-text{position:absolute;height:100vh;display:flex;display: flex;justify-content: center; align-items: center;    width: 100%;text-align:center;top:0px;}
.carousel .ca-text .mada{font-size:260px;font-weight:bold;line-height: 300px;}

.carousel .in-video{width: 100%}
.carousel .ct-warp{}
.carousel .ca-text .madc{text-align: center;z-index: 1;position: relative;    font-size: 70px;line-height: 70px;font-family: league_gothic,Arial;width: 961px;color: #fff}
.carousel .ca-text .madc .best{color:#ffb000}

.carousel .ca-text .madd{font-size:27px;text-align: center;z-index: 1;position: relative;top: 12px;}
.carousel .ca-text .madd span{padding: 2px 12px;color: #30bfff}
.carousel .carbg{position:absolute;height:100vh;width: 100%;opacity:0.6;background-color: #000;left:0px;top:0px;}
.carousel .ca-text .red{color:#ff1616}
.carousel .ca-text .padleft {padding-left: 65px; display: inline-block;}
.carousel .ca-text .bannerline{height:50px;background:url(../images/banner_line.png) no-repeat center;position: relative;z-index: 1;display: none}
.carousel .ca-text .big {font-size: 60px; padding: 0px 6px;color: #ff1616; font-weight: bold;}

.animate-bounce-up{position:fixed;left:50%;bottom: 20px;width:76px;height:70px; background: url(../images/down.png) no-repeat;}
-webkit-keyframes bounce-down{25%{-webkit-transform:translateY(-10px);}
50%,100%{-webkit-transform:translateY(0);}
75%{-webkit-transform:translateY(10px);}
}
@keyframes bounce-down{25%{transform:translateY(-10px);}
50%,100%{transform:translateY(0);}
75%{transform:translateY(10px);}
}
.animate-bounce-down{-webkit-animation:bounce-down 1.5s linear infinite;animation:bounce-down 1.5s linear infinite;}
@-webkit-keyframes bounce-up{25%{-webkit-transform:translateY(10px);}
50%,100%{-webkit-transform:translateY(0);}
75%{-webkit-transform:translateY(-10px);}
}
@keyframes bounce-up{25%{transform:translateY(10px);}
50%,100%{transform:translateY(0);}
75%{transform:translateY(-10px);}
}
.animate-bounce-up{-webkit-animation:bounce-up 1.4s linear infinite;animation:bounce-up 1.4s linear infinite;}

@media screen and (max-width:786px){
.carousel{height:auto}
header .menu{color:#fff}
.carousel .ca-text .mada {font-size: 38px;line-height: 50px;}
.carousel .ca-text .madb { font-size: 12px}
.carousel .ca-text .big{font-size:14px;}
.carousel .ca-text .madc {
    font-size: 34px;
    width: 100%;
    line-height: 32px;
    text-align: center;
    padding: 0px;
}
.carousel .carbg {
 
    top: -80px;
}
.carousel .ca-text .madd {font-size: 17px;}
.carousel .ca-text{height:auto;top:70px}
.carousel .ca-text .padleft {padding-left: 15px;}
.carousel .ca-text .bannerline {height: 23px;background-size: 59%;}
.fixednav header nav ul li a {color: #fff;}
.fixednav header nav ul .contact_btn a {color: #fff;border: solid 1px #fff;}
.fixednav header nav ul .contact_btn .btn-1 {background: -webkit-linear-gradient(left, #fff, #fff) no-repeat; background: linear-gradient(to right, #fff, #fff) .fixednav no-repeat;background-size: 0% 100%;}
.fixednav header nav ul .contact_btn .btn-1:hover {background-size: 100% 100%;color: #fff;}
.fixednav header nav ul li a {color: #fff;}
.fixednav header nav ul a:after{background: #fff}
.fixednav  header nav ul li a:hover{color: #fff;}
.fixednav .animate-bounce-up{display:none;}
.animate-bounce-up{display:none;}
}







.page-area .casewarp{width:1536px;margin: 0 auto;}
.page-area .casewarp .lest li{float: left;padding-bottom: 40px;padding-left: 40px;}
.page-area .casewarp .lest li a{border: 10px solid #fff;border-radius: 10px;transition: all .5s ease-in-out;position: relative;display: block;}
.page-area .casewarp .lest li a:hover{ box-shadow: 0 0 20px 0px rgba(246, 6, 6, 0.513);}


.page-area .casewarp .lest li .item-mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all .3s ease-out;opacity: 0;background: #000;filter: alpha(opacity=0);}
.page-area .casewarp .lest li a .item-mask {opacity: .2;background: #000; filter: alpha(opacity=20);}
.page-area .casewarp .lest li .btn-link_i {position: absolute;top: 50%;left: 50%; width: 50px;height: 50px;margin: -35px 0 0 -35px;background: url(../images/play-icon.png) no-repeat;transform: scale(2); backface-visibility: hidden;transition: all .25s ease-out;background-size: 100%;}
.page-area .casewarp .lest li a .btn-link_i{opacity:1;filter: alpha(opacity=100);width:35px;height:35px;margin: -25px 0 0 -33px;background-size: 100%;}
.page-area .casewarp .lest li a:hover .btn-link_i{opacity: 0;filter: alpha(opacity=0);transform: scale(3); }
.page-area .casewarp .lest li a:hover  .item-mask{opacity: 0;filter: alpha(opacity=0);}

.page-area .casewarp .lest .lower-right{position: relative;top:60px;}
.page-area .casewarp .lest li img { width: 690px;height: 390px;}

#section_04 .more{margin-top:80px}
.more{text-align: center;width: 300px;margin: auto;margin-top: 32px;position: relative;    height: 100px;}
.more .more-all{padding: 12px 20px;     cursor: pointer;border: 2px solid #ED1B33;font-size: 18px;padding: 10px 0;display: block;margin-top: auto; color: #000;transition: all .3s linear 0s; opacity:0.8;border-radius: 5px;}
.more .more-all:hover{opacity:1}
.more i{padding-left:12px;}
.more .more-load {position: absolute; width: 100%;height: 49px;border-radius: 5px;z-index: 1;display: none;}
.more .more-load span {position: absolute;left: 50%;margin-left: -30px;top: 10px;font-size: 24px;}
.shop_bg a{display: block;height: 100%;border:1px solid red;}
.livewarp{width: 1400px; margin: auto;position: relative;margin-top: 48px;display: none;}
.live_play{background:#1d2d46 url(../images/home/meet-bj.jpg) no-repeat  center;background-size: cover;height: 700px;display: flex;justify-content: center;align-items: center;overflow:hidden;}
.live_play .hongkong{font-size: 100px;color: #fff;}












.livewarp img{width: 100%;margin-top: 35px;}
.livewarp p{color: #fff71a;width: 105px; text-align: center;position: absolute;text-decoration: underline;}
.livewarp .employee-a{top: -10px;left: 50px;}
.livewarp .employee-b{top: -10px;left:250px;}
.livewarp .employee-c{left:150px;bottom: -48px;}
.livewarp .employee-d{left:350px;bottom: -48px;}
.livewarp .employee-e{left:550px;bottom: -48px;}
.livewarp .employee-f{left:750px;bottom: -48px;}
.livewarp .employee-g{bottom: -48px;right: 350px;}
.livewarp .employee-h{bottom: -48px;right: 150px;}
.livewarp .employee-i{top: -10px;right: 50px;}
.livewarp .employee-j{top: -10px;right: 250px;}
.live_play .title{padding-top:30px;text-align: center; font-size: 45px;font-weight: 700;color: #fff;}

footer{width:100%;height:400px;background-color:#191919;padding-left:45px;position:relative}
footer ul{margin-top:47px;float:left;margin-left:155px;color:#fff;font-size:15px;line-height:36px}
footer ul .footer-head{font-size:24px}
footer .copyright{float:left}
footer article{float:right;margin-right:198px;margin-top:34px;text-align:right;position:relative}
article .footer-logo{float:right;background-image:url(../images/logo.png);background-repeat:no-repeat;width:206px;height:51px;background-size:100%}
article .para-a{margin-top:10px;clear:both;float:right;text-align:right;font-size:16px;color:#fff}
article .para-b{clear:both;float:right;text-align:right;font-size:16px;color:#fff}
article .para-d {clear: both; float: right; text-align: right; font-size: 16px; color: #fff;margin-top: 10px;}
article .para-c{clear:both;float:right;text-align:right;line-height:33px;font-size:16px;position:relative;color:#fff;padding-top:12px;padding-right:44px;color:#36c4f3}
article .para-c .fa-skype{position:absolute;font-size:35px;right:0;color:#36c4f3}
article .para-a div{float:right;color:#6e6e6e;font-size:50px;position:relative;bottom:10px}
article .para-b div{float:right;color:#6e6e6e;font-size:30px;position:relative;top:2px}
article .para-d div{float:right;color:#6e6e6e;font-size:30px;position:relative;top:2px;transform: rotateY(180deg); -ms-transform:rotateY(180deg);  -moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -o-transform:rotateY(180deg); }
article .para-a p{text-align:right;float:right;padding-right:10px}
article .para-b p{float:right;padding-right:10px}
article .para-d p{float:right;padding-right:10px}
footer .copyright{font-size:14px;margin-left:155px;color:#fff;float:left;clear:left;position:relative;top:85px;color:#727272}
footer .footer-link{float:right;position:absolute;top:309px;right:195px;margin-left:0;margin-top:0}
footer .footer-link li{float:left;width:38px;height:38px;border-radius:19px;text-align:center;font-size:23px;line-height:38px;margin-left:15px}
footer .footer-link .linkedin{background-color:#0177b5}
footer .footer-link .facebook{background-color:#507cbe}
footer .footer-link .instagram{background-color:#fcc95d}
footer .footer-link .twitter{background-color:#63cdf1}
.footer-link a:hover{color:#fff}
nav ul img{opacity:.5}
@media screen and (max-width:786px){


	header{position:relative;width:100%;

background: #ddd url(../images/contact.jpg) no-repeat center;
    background-size: cover;

	}




header .logo {
    background-size: 100%;
    width: 149px;
    float: left;
    position: absolute;
    left: 11px !important;
    top: 0 !important;
}
h1{margin-top:10px}
header .socials{position:absolute;right:0;top:10px;overflow:hidden;width:160px}
.logo a{display:block;width:117px;height:26px}
li a{color:#fff}
header .socials li{float:left;width:40px;font-size:20px}
nav ul li{float:left;line-height:25px;font-size:15px;color:#fff;font-weight:400;width:130px;text-align:center}
.img-line{width:11px}
.article{padding-top:25px;width:711px;height:249px;background-image:url(../images/bgc.png);background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:200px;right:170px;text-align:center}
.article p{padding-right:142px;text-align:right;font-size:42px;font-weight:bolder;color:#fff;z-index:10}
.article .red{font-size:50px;z-index:10;color:#ed1b33}
.carousel-indicators{bottom:42px;left:45%}
.carousel-indicators li{width:20px;height:6px;border-radius:0;border:0;background-color:#d5d2d1}
.carousel-indicators .active{width:20px;height:6px;border-radius:0;border:0;background-color:#ed1b33}
.brands{padding:0}
.brands-logo{margin-top:45px;margin-left:0px;overflow:hidden;padding: 0 15px;height: 570px;margin-bottom:45px;}
.brands-logo li {
    margin-left: 0px;
    margin-bottom: 20px;
    width: 43%;
    border: 3px solid #e5e5e5;
    float: none;
    border-radius: 12px;
    margin: 13px;
}
.brands-logo li>img { top: 38px;}
.service p{font-size:16px}
.brands p{padding:7px 20px}
nav ul li{width:90px}
nav ul{position:absolute;right:0;font-size:2px;background:#ed1b33;height:70px;z-index:1;width:100%;padding-top:11px;text-align:center}
.brands .subhead{margin-top:100px}
.introduction{background-color:#fff;width:100%;height:100%;overflow:hidden}
.introduction .left{width:100%;float:left}
.introduction .right{width:100%;clear:left;text-align:center}
.introduction .left .subhead{font-size:25px;margin-top:40px;margin-left:0;text-align:center}
.introduction .left p{margin-top:40px;margin-left:0;text-align:center}
.introduction .left p img{width:360px;height:268px}
.introduction .right .subhead{margin-top:55px;margin-left:0;font-size:40px;text-align:center}
.introduction .right .red-line{margin-left:40%;margin-top:30px;margin-bottom:30px}
.introduction .right p{line-height:32px;font-size:16px;width:100%;text-align:center;margin-left:0}
.introduction .right img{margin-top:0;margin-left:0}
.learn{position:relative;width:266px;height:56px;border:3px solid #6eaad7;font-size:20px;line-height:50px;text-align:center;color:#6eaad7;margin-top:20px;margin-left:13%;margin-bottom:20px}
.clients{background:#bb1d2f;min-height:590px;color:#fff;padding-bottom:40px;padding-top: 10px;}
.clients .clients_title{padding-top:20px;text-align:center;font-size:45px}
.clients .red-line{height:8px;margin:8px auto;background-color:#fff}
.clients .cl-text{font-size:22px;width:100%;margin:auto;padding-top:12px;text-align:center;line-height:34px;padding-top:0}
footer{width:100%;height:1000px;background-color:#191919;padding-left:45px;position:relative;overflow:hidden}
footer ul{margin-top:47px;float:left;margin-left:95px;color:#fff;font-size:15px;line-height:36px}
footer ul .footer-head{font-size:24px}
footer .copyright{float:left}
footer article{float:right;margin-right:88px;margin-top:34px;text-align:right;position:relative}
article .footer-logo{float:right;background-image:url(../images/logo.png);background-repeat:no-repeat;width:206px;height:51px;background-size:100%}
article .para-a{margin-top:10px;clear:both;float:right;text-align:right;font-size:16px;color:#fff}
article .para-b{clear:both;float:right;text-align:right;font-size:16px;color:#fff}
article .para-a div{float:right;color:#6e6e6e;font-size:50px;position:relative;bottom:10px}
article .para-b div{float:right;color:#6e6e6e;font-size:30px;position:relative;top:2px}
article .para-a p{text-align:right;float:right;padding-right:10px}
article .para-b p{float:right;padding-right:10px}
footer .copyright{font-size:14px;margin-left:5px;color:#fff;position:relative;bottom:80px;color:#727272;text-align:center}
footer .footer-link{position:relative;top:15px;right:111px;margin-right:1px;margin-top:18px}
footer .footer-link li{float:left;width:38px;height:38px;border-radius:19px;text-align:center;font-size:23px;line-height:38px;margin-left:15px}
footer .footer-link .facebook{background-color:#507cbe}
footer .footer-link .instagram{background-color:#fcc95d}
footer .footer-link .twitter{background-color:#63cdf1}
.footer-link a:hover{color:#fff}
footer ul{display:none}
footer article{float:none;margin-right:20px;margin-top:34px;text-align:left;position:relative;width:auto}
footer{width:100%;height:auto;padding-left:0;padding-bottom:66px}
.page-area .wrapper{width:100%;height:auto;margin:0 auto}
.config .item .thumbnail{height:auto;margin:0 auto 10px}
#section_01_1 .item{width:100%!important}
.page-area .item{width:100%!important;margin:12px 0 0!important;height:auto;overflow:hidden;float:none;text-align:center}
/*.dowebok{margin-top:15px}*/
.page-area .title{padding-top:30px;padding-bottom:0}
.page-area .wrapper{text-align:center}
/*.dowebok img{width:140px;height:140px;margin-left:18px}*/
.config{padding:16px}
.brands .subhead{margin-top:30px}
.slides{display:none}
header .lang{top:45px;right:21px}
nav ul li{width:22%;position: relative;top: 10px;}
.page-area .title{font-size:30px}
.topSocialDivLike_h2{height:auto}
.page-area .item{background:#fff;padding:20px}
#section_01_3 .item{width:100%!important}
.service_k .wrapper,.tab-content .wrapper{width:100%;    border-bottom: 2px solid #fff;    padding: 26px 0;}
.service_k .nav-tabs li{width:50%}
.service_k .nav-tabs li p{font-size:16px}
.service_k .nav-tabs li{background:#424242;opacity:1;border-left:1px solid #797878}
.page -area .casewarp .box3,.page-area .casewarp .box1,.page-area .casewarp .box2,.page-area .casewarp .box4,.page-area .casewarp .box5,.page-area .casewarp .box6,.page-area .casewarp .box7,.page-area .casewarp .box8,.page-area .casewarp .box9{position:relative;left:0;top:auto;float:none}
.page-area .casewarp .lest{height:auto}
.page-area .casewarp .lest  img{width: 100%}
.mser .mserbg {top: 52px;padding: 0 15px;}
/*.dowebok img{margin-top:22px}*/
.page-area .casewarp .box3{top:0;left:0;position:relative}
.tab-content .wrapper{padding-bottom:0}
.cooperation_model{height:auto;padding:16px;background-size: cover;}
.cooperation_model .content_center .tiktok_kol,.cooperation_model .content_left .tiktok,.cooperation_model .content_right .thirdpartnar{width:100%;height:auto;padding:0;background:unset;background-size:unset}
.cooperation_model .content_left{padding:20px}
.cooperation_model .content_right .download_more{margin:auto;margin-bottom:20px}
.cooperation_model .content_right .thirdpartnar{margin-bottom:30px}
.cooperation_model .content_center .tiktok_top{display:none}
.cooperation_model .content_right .download_more{opacity: 1;}
.newslist .listwarp{width: 100%;padding-top:0px;}
.newslist {padding: 0px;}
.newslist .listwarp img {max-height: auto;min-height: auto; border: 2px solid #fff;margin-top: 20px;}
.cooperation_model .content_left{padding: 0px;}

.shop_bg img{width: 100%;height:auto;}
.shop_bg {height:auto;}
.livewarp {width: 100%;height:auto;}
.live_play .livea,
.live_play .liveb,
.live_play .livec,
.live_play .livd,
.live_play .livee{position: inherit;left:auto;top:auto;}

.mser .mserbg video { height:auto; width: 100%;}
.mser { height: 315px;}
.brands-logo .actions-links:hover { display: none;}
.livewarp p { display: none;}
.live_play {height: 300px;}
.livewarp img {margin-top: 0px;position: absolute; top: -30px;}
.page-area .casewarp .lest li>a>video { width: 100%;height: auto;}
.page-area .casewarp .lest li {float: none; padding-bottom: 0px !important;padding-left: 10px !important;padding-right: 10px !important;width: 100% !important;}
.page-area .casewarp .lest .lower-right { top: 0px;}
.page-area .casewarp .lest li>a>p { padding-top: 5px;padding-bottom: 20px;}
.more a {padding: 0px 20px;margin-top: 0;font-size: 16px;}
.blockbg1 .blockbg1-bj {padding-bottom: 0px;}
.more { margin-top: 10px !important; padding-bottom:8px !important;margin-bottom: 0px !important;}
.service_k .wrapper span {font-size: 24px !important;}
    .live_play .hongkong {font-size: 50px;}
    .live_play { height: 300px;background-size: cover;height: 172px;}
}

/* Mobile */
@media screen and (max-width:320px){
    nav ul li .dropdown .button-green { top: 24px; left: 220px; }
    nav ul li .dropdown-menu { top: 51px;left: 160px;}
    .mser { height: 260px;}
    .live_play .title { font-size: 36px;}
    .blockbg1 { height: 1110px;}
    header .logo {left: 0px !important; top: 0px !important;  }
    .more { display: none;}
    .service_k .wrapper span { font-size: 18px !important;}

}
/* ipad */
@media screen and (width:768px){
    .mser { height:730px; }
    .mser .mserbg { top: 240px;}
    nav ul {top: 270px; }
    nav ul li .dropdown-menu {left: -34px; }
    .brands-logo li { margin-left: 50px; margin-bottom: 20px; width: 180px; border: 3px solid #e5e5e5;float: left; border-radius: 100px; }
    .brands-logo li>img { top: 60px; }
    .live_play { height: 430px;}
    .livewarp img { padding: 0 15px;}
    .blockbg1 {  height: auto;}
    .blockbg1 .blockbg1-bj { color: #000; background:none; }
    .page-area .casewarp .lest li>a>img { border: 10px solid #f900001c; }
    .page-area .casewarp .lest li>a>video {  border: 10px solid #f900001c; }
    .blockbg1 .blockbg1-bj { padding-bottom: 8px; }
    .clients {min-height: 500px;}
    .bigheading {font-size: 61px;margin-top: 40px;}
    .title-col { font-size: 20px; margin-top: 16px;}
    .call-acton-button {display: none; }
    .slides{display:block}
    .service_k .wrapper span {font-size: 30px !important;}


}
/* ipad pro */
@media screen and (max-width:1024px){
    header .logo { left: 104px; top: -10px;}
    .slide_content { top: 70%;}
    .call-acton-button { margin-top: 20px; }
    .action-button { width: 15%;}
    .action-button img{ width: 50%; }
    .title-col {margin-top: 28px;}
    .livewarp { width: 100%; }
    .livewarp p { display: none; }
    .livewarp img { padding: 0 15px; }
    .page-area .casewarp .lest li { padding: 20px 20px; width: 50%; }
    .page-area .casewarp { width: 100%;}
    .page-area .casewarp .lest li>a>img { width: 100%; }
    .page-area .casewarp .lest li>a>video {width: 100%;height: auto;}
    .more { margin-top: 80px; }
    footer ul{margin-left: 90px;}
    footer ul:first-of-type { margin-left: 0px; }
    footer article { margin-right:20px; }
    footer {padding-left: 20px;}
    footer .copyright { margin-left: 0px;}
    footer .footer-link {right: 20px; }
    .service_k .wrapper span { font-size: 30px; min-width: auto;}
}