@charset "utf-8";
/* CSS Document */
body{overflow-x: hidden}
a:hover{text-decoration:none;color: #da2424}
.container{padding:0 15px;}
.line-big{margin-left:-15px !important;margin-right:-15px !important;}
.parts{padding-top: 42px; padding-right: 20px;}
.parts a{color:#fc3343; padding-right: 10px;}
.dropdown-hover{padding-top: 36px;padding-right: 20px;}
.lan{/* color:rgba(255,255,255,0.5) !important; */padding: 0 7px;}
.s{padding-top: 42px; cursor: pointer;}
.s b{color:rgba(255,255,255,0.5) !important;font-weight: lighter}
.dialog-win{top:104px !important; max-width: 1170px !important; width: 100% !important; margin: 0 auto;}
.dialog-s{height: 52px;}
.s-body .search-box{height:50px; width:86%; border:0;padding-left:6%; font-size:22px;}
.s-body button{background:none; border:0}
.s-body .contact{line-height:50px; font-size:20px; color:#FFF; padding-left:1%;background:#fa4654;font-weight:lighter;border-radius: 5px;}
.s-body .contact img{float:right; padding-top:16px; padding-right: 20px;}
.s-body .icon-chevron-right{margin-left:10px;}
.s-body input{color: #575757;}
.s-body input::-webkit-input-placeholder{color:#575757;}
.icon-cog, .icon-globe, .icon-search{font-size: 18px;/* margin-right: 4px; */}
/*.menu{height:104px;}*/
.bg{background:url(../bg.gif) no-repeat}
.menu .navbar-right{line-height:53px;}
.menu img{padding-top:20px;}
.menu .nav-inline>li{ text-align: right}
/*.menu .nav-inline #mainlevel_06{width: 10%;}*/
.menu .nav-inline>li>a{height: 70px;line-height: 55px;font-size:16px !important; color: #fff;padding:10px; }
.menu .nav-inline li li a{line-height:20px; color:#000 !important}
.menu .nav-inline li li a:hover{color:#fc3343 !important;}
.menu .nav>li>a:hover{background: none}
/* .menu .nav-menu ul{padding-bottom: 20px;} */
.menu .sec{box-shadow:none; border:none; border-radius:0; background:#fafafa;opacity: 0.9; font-size:14px; border-bottom:3px solid #f04656}
.nav-menu ul a{background:none !important; padding: 5px 10px !important;}
.nav-menu .drop-menu{margin-top: -24px;}
.menu .pro{margin-left:-452%; max-width:1919px; width:1716%}
.menu .sec_p{width:1200px; margin:0 auto; padding-left:5px; padding-top:17px; padding-bottom:17px;}
.menu dl{float:left;}
.menu dt a{font-weight:bold !important}
.menu dd{padding:0}
.menu strong{color: #da2424;}
.wrap .menu .nav-inline>li>a{color:#333;}
.wrap .menu .nav-inline>li>a:hover{color: #da2424;}
.lang{float:right; padding-right: 15px;}
.l{float:left}
.r{float:right}
.lang>div{padding-right:35px; padding-top:2.5%}
.lang>div:hover{color:#fa4554}
.ch-lan{display: inline-block;padding-left: 0;position:relative;}
.ch-lan>a{color: #333;}
.ch-lan>.lan1{color: #fff}
.ch-lan:hover .ch-lanz{display: block;height: auto;}
.ch-lanz{display: none;position: absolute;background-color: white;z-index: 1002;padding: 0px 30px 5px 10px;border-radius: 0;left: -10px;line-height: 26px;top: 18px;}
.ch-lanz li{
    padding-left: 5px;
}
.menu .navbar-head{padding: 0 20px 0 0;}
.menu .navbar-head img{max-width: 160px;padding-top: 0}
.menu .icon-navicon{margin-top:15px;}
/*banner*/
.dab-header {
    height: 650px;
    color: #fff;
    /*background-color: #6e6c70;*/
    background-size: cover;
    background-position: center center;
    position: relative;
    }
.dab-header.with-bottom-margin {
    /* margin-bottom: 38px; */
}
.dab-header .video {
    position: absolute;
    top: 0;
    left: 0;
    /*-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    min-width: 100%;
    min-height: 100%;*/
    width: 100%;
    height: auto;
    overflow: hidden;
    }

.dab-header .video-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;}
.dab-header .video-wrapper:before{
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 5;
        display: block;
    }
.wrap1 {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}
.wrap {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
     background: url(../images/TOP.jpg); 
     background-size: 100% auto; 
}
.dab-header .content-wrapper {
    z-index: 6;
    position: absolute;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    width: 100%;
    height: 0;
}
.dab-header .content-wrapper .title{font-size: 48px;margin-top: 8%;padding-bottom:13px;font-family: Raleway,sans-serif;}
.dab-header .content-wrapper hr{margin: 0 auto;width: 106px;margin-top: 14px;margin-bottom: 30px;}
.dab-header .statement{font-size: 24px;font-family: Raleway,sans-serif;}

.dab-header .dab-bar{ margin-left:8%; height:103px; margin-top:5%}
.dab-header .dab-row{float:left;height:100%; background:#FFF}
/*what we do*/
.out03 {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    transition: .3s ease-out;
}
.what ul{/*margin-left: -15px;*/ /*margin-right: -15px;*/}
.what li{
    float: left;
    margin-left: 0.5%;
    margin-right: 0.5%;
    background: #fff;
    width: 24%;
    padding: 5px;
    margin-bottom: 37px;
    overflow: hidden;
    }
.kd li:hover {
    -moz-transform: translate(0px,-8px);
    -ms-transform: translate(0px,-8px);
    -webkit-transform: translate(0px,-8px);
    transform: translate(0px,-8px);
}
.kd li a img:hover {

   opacity: 0.8;
}
.what li img{width: 100%; height: auto; margin-bottom: 5px;}

.what li h3{font-size: 20px;line-height: 25px;padding-top: 12px;padding-bottom: 3px;padding-left: 5px;    border-top: 1px solid #ccc;}
.what li p{font-size: 12px;padding-left: 7px;}
.what .k{background: none;     background: none; padding: 20px 0; width: 32%;}
.what .k i{font-size: 40px; color: #f40000;padding-left: 9%;}
.what .k p{font-size: 16px;}
.what .k a{color: #f40000;text-decoration: underline;}
.what .new{margin-left: 0.34%;margin-right: 0.34%;background: none;width: 49.3%;margin-top: 20px;}
.what .new h4{    font-size: 30px;
    line-height: 40px;
    padding-top: 12px;
    margin-bottom: 15px;
    padding-left: 5px;}
.what .new h4 a{color:#fff;}
 .what .new h4 a:hover{color: #da2424}
.what .new div{width: 100%; height: auto; background: #fff; padding-top: 20px; padding-right: 20px; padding-bottom: 12px;min-height: 232px;border-radius: 10px;}
.what .new div p{font-size: 14px; margin-bottom: 0; line-height: 30px;}
.what .new div .icon-caret-right{font-size: 17px; width:100%;/*padding-right: 10px;*/ color: #fff}
/*.what .new div span{font-size: 12px; float: right; color: #828282}*/
.what .new div p a:hover{text-decoration: underline;}
.what .new div p:hover .icon-caret-right{color: #fc3343;}
.what .new div .m{ padding-top: 18px; text-align: right;}
.what .new div .m a{color: #fc3343; text-decoration: underline;}
.what .new div .ce{max-width: 509px; width: 100%; height: auto; padding-top: 5%}
.mobilecrusher{margin-bottom: 15px;}
.mobilecrusher img{width: 100%; height: auto;}
.mobilecrusher h4{font-size: 30px;font-family: Raleway,sans-serif; margin-bottom: 20px; text-align: center}
.mobilecrusher .con{position: absolute; height: 0px; bottom:19.7%; width: 76%; margin: 0 auto; margin-left: 10%;}
.mobilecrusher .banner{min-height: 433px !important;}
.mobilecrusher .con .crusher{background:#fff;}
.mobilecrusher .con .crusher h2{color: #303741;padding: 15px 30px;}
.mobilecrusher .con .mobile{padding: 25px 25px 25px 35px; background: #303741; color: #fff}
.mobilecrusher .con .mobile p{width: 86%; margin-bottom: 0px;}
.mobilecrusher .con .mobile span{width: 109px; height: 35px; line-height: 33px; border-radius: 35px; background: #f40000; float: right; margin-top: -51px;text-align: center; font-size: 14px;}
.mobilecrusher .con .mobile span a{color: #fff !important}
.banner .pager-prev, .banner .pager-next{top:34% !important;}
.banner .pointer{top:55%; left: 78% !important;}
.bt{font-size: 32px;padding-left:5%;font-family: Raleway,sans-serif;line-height: 50px; color: #fff}

.btn{font-size:24px; font-weight:bold;font-family: Raleway,sans-serif;}
.h-l{width:83px; height:3px; background:#fc3343; margin:0 auto; margin-top:-7px;margin-right: 56%; margin-bottom:5%}
.v_p{/* margin-bottom:50px !important; */}
.v_p li{float: left;margin-left: 0.34%;margin-right: 0.34%;width: 24%;margin-top:20px !important;position: relative;}
.v_p img{width:100%; height:100%;}
.v_p .v_c{height: auto;}
.v_p li:hover{cursor:pointer}
.v_p .v_c p{position:relative;color: #fff;font-size:14px;padding: 5px; text-align: center;}
.v_p .v_c p img{width:50px; height:50px; margin-bottom:17px;margin-left: 38%;}
.v_p .v_c p span{/* margin-left: 25%; */font-family: Raleway,sans-serif;}
.v-body .video{width:99.9%; height:auto}
.dialog-v{border:0 !important; background:none !important}
.fd a{color: #fc3343 !important; text-decoration: underline !important; line-height: 30px;}
.fd img{padding-top: 20px; width: 100%; max-width: 769px;}
.fd{position: relative;}
.fd .content{max-width: 769px;width:100%;height:auto;position: absolute;left: 18%;top: 7%;}  
.fd .content div{background:#009FD9;width: 5px;height: 5px;border-radius:50%;position: relative;}  
.fd .content p{position: absolute;width: 5px;height: 5px;border-radius:50%;animation: myfirst 3.5s  infinite;box-shadow: 0px 0px 1px #009FD9; }  
.fd .content  span{position: absolute;display:block;width: 5px;height: 5px;border-radius:50%;animation: myfirst 3.5s  infinite;box-shadow: 0px 0px 1px #009FD9; animation-delay: 3.5s;}   
.fd .content .spain{background: #009FD9;position: absolute;left:45px; top:263px;} 
.fd .content .turkey{background: #009FD9;position: absolute;left:112px; top:251px;} 
.fd .content .ethiopia{background: #009FD9;position: absolute;left:112px; top:299px;}  
.fd .content .kenya{background: #009FD9;position: absolute;left:103px; top:317px;}
.fd .content .congo{background: #009FD9;position: absolute;left:81px; top:331px;}
.fd .content .zimbabwe{background: #009FD9;position: absolute;left:91px; top:346px;}
.fd .content .south{background: #009FD9;position: absolute;left:83px; top:368px;}
.fd .content .iran{background: #009FD9;position: absolute;left:148px; top:247px;} 
.fd .content .pakistan{background: #009FD9;position: absolute;left:180px; top:262px;} 
.fd .content .india{background: #009FD9;position: absolute;left:200px; top:288px;} 
.fd .content .thailand{background: #009FD9;position: absolute;left:286px; top:269px;} 
.fd .content .cambodia{background: #009FD9;position: absolute;left:308px; top:262px;} 
.fd .content .philippines{background: #009FD9;position: absolute;left:323px; top:300px;} 
.fd .content .malaysia{background: #009FD9;position: absolute;left:301px; top:333px;} 
.fd .content .australia{background: #009FD9;position: absolute;left:354px; top:399px;} 
.fd .content .chile{background: #009FD9;position: absolute;left:689px; top:381px;} 
.fd .content .ecuador{background: #009FD9;position: absolute;left:669px; top:309px;} 
.fd .content .jamaica{background: #009FD9;position: absolute;left:661px; top:258px;} 
.fd .content .mexico{background: #009FD9;position: absolute;left:608px; top:260px;} 
.fd .content .canada{background: #009FD9;position: absolute;left:576px; top:171px;} 
.fd .content .mongolia{background: #009FD9;position: absolute;left:331px; top:156px;}
.fd .content .kazakhstan{background: #009FD9;position: absolute;left:261px; top:138px;}
.fd .content .russia{background: #009FD9;position: absolute;left:174px; top:171px;}
.fd .content .uzbekistan{background: #009FD9;position: absolute;left:239px; top:232px;}
.container{
    width: 92%;
    margin: 0 auto;
}
.text-center {text-align: center;padding: 40px 0;width: 92%;margin: 0 auto;}
.text-center p{margin-top: 15px}
.hdr{display: none}
@keyframes myfirst{  
    0% {transform: scale(1);}  
    100% {transform: scale(6);}  
}  

.tel{font-size: 12px;padding-left: 5px;color: #fff;}
.f-pro{    width: 100%; padding-top: 30px; padding-bottom: 15px; border-top: 1px solid #ffff; background: rgb(13, 74, 110);}
.f-pro li{float: left; margin-left: 0.34%; margin-right: 0.34%; width: 19.2%;}
.f-pro img{padding-bottom: 2%;  max-width: 100%;}
.f-pro i{padding-right: 3px; font-size: 14px;}
.f-pro dt{padding-bottom:5px; font-weight: normal;font-size: 16px;}
.f-pro dt a{color: #fc3343; text-decoration: underline;}
.f-pro dd{padding:10px 0 0 0 !important}
.f-pro dd a{color:#fff;}
#fix_footer{display: none;}
.dialog_v1 iframe{max-width:951px; width:100%; max-height:531px; height:auto}
.video_d{width:100%;min-height:535px !important; height:100%}
@media (max-width: 1680px){
.menu .pro{margin-left:-209%; max-width:1919px; width:1241%}
}
@media (max-width: 1440px){
.menu .pro{margin-left:-186%; max-width:1919px; width:1203.5%}
.video_d{min-height:504px !important;}
}
@media (max-width: 1200px){
.menu .pro{margin-left:-185%; max-width:1919px; width:821%}
.video_d{min-height:418px !important;}
.nav>li>a{
    padding:10px 10px;
}
.navbar-body{
    width: 100%;
    clear: both;
}
}
@media (max-width: 1024px){
    .video_d{min-height:357px !important;}
    /*.menu img {padding-top: 0}*/
    .menu .nav-inline>li>a {
        height: auto;
        padding:10px;
        line-height: 25px
    }
}
@media (min-width: 1024px){
.dab-header.large {
    height: 650px;
    } 
    .video_d{min-height:357px;}
}

@media (min-width: 760px){
.menu .nav-menu ul{z-index: 7;}

}

@media (max-width: 1199px){
/*.menu .nav-inline #mainlevel_06{width: 12%;}*/
.menu .sec_p{width:100%}
.menu .nav-inline dl{float:none}
.menu .pro{margin-left:0; width:185px;}
.menu .nav-inline dd{display:none}
.menu .navbar-head {padding: 0 10px 0 0;}
.what .kd li{min-height: 242px;}
.banner .pointer{top: 46%;left: 77% !important;}
.fd{display: none}
}
@media (max-width: 1023px){
.dab-header .content-wrapper .title{font-size:50px;margin-top: 4%; }
   .dab-header .statement{display: none; }
   .dab-header .content-wrapper hr {display: none}
.dab-header .dab-bar,.dab-header .search-box{height:70px;}
.dab-header .contact{line-height:70px;} 
#fix_footer{height: 53px;border-top: 1px solid #EEE;display: block;position: fixed;bottom: 0;background-color: #fff;width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-moz-box-pack: justify;-ms-flex-pack: justify;-webkit-box-align: center;-moz-box-align: justify;-ms-flex-align: center;justify-content: space-between;align-content: center; padding-top: 6px;background:#e4e4e4;}
#fix_footer a{color: #5D656B;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;text-align: center;box-sizing: border-box;display: block;font-size: 10px;}
#fix_footer a span{font-size: 15px;display: block;font-style: normal;width: 100%;top: 0;left: 0; padding-left:0 !important;}
#fix_footer a p{font-size: 16px;margin: 0;padding: 0}
}
@media (max-width: 999px){




.what li{width: 49.2%}
.what .new{width: 98.6%;}
.dab-header{height: 400px;}
.dab-header .search-box{width:85%}
.dab-header .search-box, .dab-header .contact{font-size:18px;}
.dab-header .contact{padding-top:0 }
.dab-header .contact img{padding-top:26px;}
.mobilecrusher .con{bottom:19.7%; width: 100%; margin: 0 auto;}
.banner .pointer{top: 35%;left: 88% !important;}

.kind{height: auto;}

}
@media (max-width: 768px) {
    .v_p ul li{width: 49%}


}
@media (max-width: 760px){
body{font-size:1em}
.t{display:none}
.hl{margin-right:45%}
.bt{font-size:20px;padding-left:37px;padding: 5px 0;line-height: 30px;}
.f-pro{display: none;}
.menu .nav-inline>li{width: 100%; height: 35px; text-align: left;}
.menu .nav-inline>li>a{line-height:20px; padding: 5px; color: #000 !important}
.menu .nav-inline>li:hover{ background:none;}
.menu .nav-inline>li:hover>a{color:#000 !important} 
.menu .nav-inline #mainlevel_06{width: 100% !important}
.menu .navbar-body {background:#fafafa}
.menu .navbar-body .nav{margin-top:7px;}
.menu .navbar-right{display:none}
.menu .navbar-head{padding:0 7px 0 0;}
.menu .navbar{z-index:100 !important}
.menu .nav-menu ul{z-index: 101;}
.menu .navbar-head .icon-navicon{font-size:26px;}
.menu .navbar-head .icon-navicon:hover{color: #000}
.dab-header .content-wrapper .title{font-size:36px;}
.dab-header .dab-row{width:100%; height:50px; line-height:50px;}
.dab-header .search-box{height:39px; width:90%; padding-left:2%}
.dab-header .contact{width:100%; height:50px; line-height:50px; float: right;}
.dab-header .contact img{padding-top:15px;}
.sea{padding-bottom: 14px;}
.video_d{min-height:390px !important;}
.kind .k1, .kind .k2{padding-top:200px; padding-bottom:50px; font-size:16px;}
.kind .k3, .kind .k4{padding-top:200px; padding-bottom:50px; font-size:16px;}
.kind .kl{margin-top:0}
.m{padding-top:0;padding-bottom: 15px;}
.banner .pointer{display: none}
.dab-header {
    height: 300px;
}
}
@media (max-width: 768px){
    .nav-inline li a {
        padding:5px 10px;
    }
    /*.menu .navbar-head img {
    width: 40%;
    }*/
}
@media (max-width: 500px){
    .what li{width: 99.2%}
    .dab-header{height: 300px;min-height: 300px;}
    .dab-header .video{width: auto; height: 100%; }
    .dab-header .content-wrapper .title {
        font-size: 25px;
    }
    .what .new{margin-bottom: 15px;}

}
@media (max-width: 420px){
.menu .navbar-head img{width:40%;}

    }