header{position:relative;width:100%}
header .lang{position:absolute;top:18px;right:189px;color:#fff;z-index:3;font-size:14px;display: none;}
header .lang a{color:#fff}
header .lang>span{display:inline-block;width:188px;text-align:center}
header .lang>span{cursor:pointer;color:#f60}
.logo a{display:block;width:267px;height:66px}
li a{color:#fff}
header .socials li{float:left;width:40px;font-size:20px}
nav ul li a{display:block;text-transform: uppercase;}

nav ul li .dropdown-menu li{width: 100%;}
nav ul .brand-in{width: 160px;}
nav ul .brand-in .dropdown-menu {top: 21px; left: 11px;border-radius: 5px; width: auto;}
nav ul .brand-in>a{font-weight: bold;color: #ff7273}
.img-line{width:11px}
header .subhead{width:100%;float:left;position:absolute;bottom:170px;text-align:center;font-size:50px;font-weight:700;color:#fff}
header .red-line-wrap{float:left;position:absolute;bottom:158px;width:100%;text-align:center}
header .red-line{display:inline-block;width:95px;height:8px;background-color:#ed1b33}



header  .web_english  .dropdown-toggle{display: none;}
header  .web_english  .dropdown-menu{display: block;position: relative; background:none;width:253px;box-shadow: none;border:0px;}
header  .web_english  .dropdown-menu li span{color:#fff;float: left;}
header  .tabfirst{text-align: center;}
header .tabfirst  li{display: inline-table;border:1px solid #ddd;margin:0px 7px;opacity: 0.8}
header .tabfirst  li a{padding:3px 16px;}
header .tabfirst  .active,
header .tabfirst  .active a{background: #ae1916;border:1px solid #ae1916;color:#fff;}









.clients{position:relative;width:100%;height:100%;background-image:url(../images/home-clients-bg.jpg);background-size: contain;overflow:hidden;}
.clients p{text-align:center;font-size:20px;font-weight:600;margin-bottom:8px}
.clients-logo{margin-top:45px;margin-left:8%;width:90%;overflow:hidden}
.clients-logo li{margin-left:50px;border:3px solid #e5e5e5;float:left;margin-top:10px;margin-bottom:10px;width:200px;height:200px;border-radius:100px;overflow:hidden}
.clients .clients-logo li img{width:100%;height:100%}
.service{position:relative;width:100%;height:100%;padding-top:150px;overflow:hidden;padding-bottom:150px}
.service .up{position:relative;width:70%;margin-left:15%;overflow:hidden}
.service .up .left{position:relative;width:40%;float:left}
.service .up .right{position:relative;width:50%;float:right}
.service .up img{width:100%;height:100%}
.service .down{position:relative;width:70%;margin-left:15%;margin-top:60px;background-color:#d80000;padding:5%;color:#fff;font-size:25px;font-weight:500}
.service .down p{text-align:left}
.contact{position:relative;width:70%;height:100%;padding-top:100px;overflow:hidden;padding-bottom:100px;margin-left:15%}
.contact .left{float:left;width:50%}
.contact .left img{width:100%;height:100%}
.contact .right{float:left;width:45%;margin-left:5%}
.contact .right .article-a{font-size:28px;line-height:28px}
.contact .right .article-b{margin-top:20px;font-size:26px;line-height:30px}


.contact .article-c{margin-top:6px;overflow:hidden}
.contact .article-c div{float:left;font-size:20px;color:#d80000;}
.contact .article-c p{float:left;font-size:20px;margin-left:10px;color:#d80000}
.contact .qq div,
.contact .qq p{color:#3772fd}
.contact .add div{color:#000;font-size: 22px;height:88px}
.contact .add p{color:#000;}


.contact .article-d{margin-top:6px;overflow:hidden}
.contact .article-d div{float:left;font-size:22px;color:#36c4f3}
.contact .article-d p{float:left;font-size:20px;margin-left:10px;color:#36c4f3}
.contact .article-e{margin-top:6px;overflow:hidden}
.contact .article-e div{float:left;font-size:22px;color:#af853e}
.contact .article-e p{float:left;font-size:20px;margin-left:10px;color:#af853e}
.contact .code{float:left;width: 200px;margin-right:60px;padding-top:12px;}
.contact .code img{width: 100%}
.contact .code p{padding-bottom: 12px;text-align: center;}
.contact .code .ifo{color:#666;padding-top:12px;}
.content{width:100%;font-size:18px;height:100%;padding: 52px 0px;}
.content p{width:80%;margin-left:10%;margin-top:20px;line-height:30px;text-align:left}

.ci{background:url(../images/country.png) no-repeat;height:15px;display:inline-block!important;padding-left:24px;line-height:15px}
.ci_pl{background-position:0 0}
.ci_kr{background-position:0 -15px}
.ci_jp{background-position:0 -30px}
.ci_pt{background-position:0 -45px}
.ci_tw{background-position:0 -60px}
.ci_es{background-position:0 -75px}
.ci_ru{background-position:0 -90px}
.ci_com{background-position:0 -240px}
.ci_en{background-position:0 -105px}
.ci_cz{background-position:0 -120px}
.ci_br{background-position:0 -135px}
.ci_fr{background-position:0 -150px}
.ci_it{background-position:0 -165px}
.ci_uk{background-position:0 -180px}
.ci_de{background-position:0 -195px}
.ci_au{background-position:0 -210px}
.ci_ca{background-position:0 -225px}
.ci_cn{background-position:0 -240px}
.web-repertory b.out{color:red}
.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}
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;    display: none;}
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}

/* sitemap */
.sitemap{padding-top:32px;position:relative;}
.sitemap .home{position: absolute;left:0px;top:186px;background: #fff;border-radius:1px;padding:10px 22px;min-width:180px;text-align: center;}
.sitemap .line{width: 2px;border-left: 1px solid #ddd;height: 191px;position: absolute;left: 220px;top:115px;}
.sitemap .home a{color:#000;display:block;}
.sitemap .home a:hover{color:#ae1916}
.sitemap .title{font-size: 22px;height: 70px}
.sitemap li a{color:#000;display:block;}
.sitemap li a:hover{color:#ae1916}
.sitemap li {background: #fff;float:left;margin-right:20px;border-radius:1px;padding:10px 22px;min-width:180px;text-align: center;}
.sitemap ul{margin-top:22px;padding-left:250px;}


@media screen and (max-width:786px){header{position:relative;width:100%}

.sitemap{padding: 20px;padding-top:0px;}
.sitemap .home{position: relative;top: auto;min-width:auto;}
.sitemap ul{margin-top: 3px;padding-left: 0px;}
.sitemap ul li{float: none;min-width:auto;margin-right:0px;}
.sitemap .line{display: none}
.sitemap .title {font-size: 22px;height: 49px;}
header .lang {
    position: absolute;
    top: 37px;
    right: 0px;}
  header{height: 138px;}

header .logo {
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-size: 151PX;
    width: 100%;
    height: AUTO;
    float: left;
    position: absolute;
    left: 9px;
    top: 0;
}
h1{margin-top:10px}
header .socials{position:absolute;right:0;top:10px;overflow:hidden;width:160px}
.logo a{display:block;    width: 147px; height: 56px;}
li a{color:#fff}
header .subhead { bottom: 27px;font-size: 41px;display: none;}
header .socials li{float:left;width:40px;font-size:20px}
header .red-line-wrap{float:left;position:absolute;bottom:258px;width:100%;text-align:center}
header .red-line{display:inline-block;width:95px;height:8px;background-color:#ed1b33}
nav ul li { width: 22%; position: relative; top: 10px;}

nav ul{position:absolute;top:48px;right:0;font-size:2px;background:#ed1b33;height:70px;z-index:1;width:100%;padding-top:11px;text-align:center}
.img-line{width:11px}
.introduction{background-color:#fff;width:100%;padding-top:0;padding-bottom:0}
.introduction .left{width:100%}
.introduction .right{width:100%;text-align:left}
.introduction .left p{text-align:center}
.introduction .right p{line-height:32px;font-size:16px;width:80%;margin-left:10%;text-align:left}
.brands-logo li{margin-left:12%}
.clients-logo li{margin-left:16%}
.service{padding-top:0;padding-bottom:0}
.service .up{margin:0;width:100%}
.service .down{width:100%;margin:0}
.service .up .left{position:relative;width:100%;float:left}
.service .up .right{position:relative;width:100%;float:left}
.contact{width:100%;margin-left:0;padding-top:0;padding-bottom:0}
.contact .left{width:100%}
.contact .right{width:100%}
.contact .right .article-b{font-size:19px}
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;float:left;clear:left;position:relative;bottom:80px;color:#727272}
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:244px}
footer{width:100%;height:440px}




}