@charset "utf-8";
*{-webkit-font-smoothing:antialiased;word-break:normal;font-family:arial,sans-serif}
:focus{outline:0}
input,textarea{resize:none}
.clear{clear:both}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both}
dd,dl,dt,li,ul{margin:0;padding:0;list-style:none}
a{color:#fff;cursor:pointer}
a,a:hover{text-decoration:none}
a:hover{color:#fbdc09}
img{border:0;vertical-align:middle}
body{margin:0;padding:0;background-color:#020707;color:#fff;font-size:12px}
/* .wrap{width:1230px;margin:0 auto} */
.wrap{width:1240px;margin:0 auto}
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}
:-moz-placeholder,:-ms-input-placeholder,::-moz-placeholder,::-webkit-input-placeholder{color:#999}
.header{height:219px;background:url(../images/header_bg.jpg) 50% no-repeat}
.header .wrap{width:1400px}
.header .lang{float:left;margin-top:155px}
.header .lang .icon{display:block;width:42px;height:43px;float:left;background-position:50%;background-repeat:no-repeat}
.header .lang .icon-01{width:50px;background-image:url(../images/lang_01.png)}
.header .lang .icon-02{background-image:url(../images/lang_02.png)}
.header .lang .icon-03{background-image:url(../images/lang_03.png)}
.header .lang .icon-04{background-image:url(../images/lang_04.png)}
.header .lang .icon-05{background-image:url(../images/lang_05.png)}
.header .lang .icon-06{background-image:url(../images/lang_06.png)}
.header .lang .icon-07{background-image:url(../images/lang_07.png)}
.header .lang .icon-08{background-image:url(../images/lang_08.png)}
.header .lang .icon-09{background-image:url(../images/lang_09.png)}
.header .lang .icon-10{background-image:url(../images/lang_10.png)}
.header .lang .icon-11{background-image:url(../images/lang_11.png)}
.header .lang .icon-12{width:53px;background-image:url(../images/lang_12.png)}
.header .search-bar{float:right;margin-top:134px}
.header .search-bar .tab li{float:left;padding:0 15px;line-height:27px;color:#fff;cursor:pointer;position:relative}
.header .search-bar .tab li.active{background-color:#13c979;color:#000}
.header .search-bar .tab li.active span{content:"";display:block;width:0;height:0;border-color:transparent;border-style:solid;border-width:0 5px 8px;border-bottom-color:#fff;position:absolute;left:45%;bottom:-10px}
.header .search-bar .search-form{width:480px;border:1px solid #0a1313;margin-top:9px;overflow:auto;background-color:#fff}
.header .search-bar .search-form .search-input{padding-left:32px;width:358px;float:left;background:url(../images/icon_search.png) 0 no-repeat}
.header .search-bar .search-form .search-input input{width:100%;border:0;line-height:30px;padding:0}
.header .search-bar .search-form button{float:right;width:83px;height:30px;background-color:#12c276;border:0;font-size:12px;font-weight:700}
.nav{width:100%;position:absolute;z-index:999;line-height:46px;background:url(../images/nav_bg.png);text-align:center}
.nav a{color:#fff;font-size:12px;display:inline-block;padding:0 13px}
/*
.nav a{color:#fff;font-size:12px;display:inline-block;padding:0 15px}
*/
.nav a:hover{color:#fbdc09}
.main{background:#111c22 url(../images/bg.jpg) top no-repeat}
.footer{height:428px;background:url(../images/footer_bg.jpg) top no-repeat;overflow:hidden}
.footer,.footer a{color:#d5d3d3}
.footer a:hover{color:#fbdc09}
.footer .wrap{width:1540px;margin:0 auto}
.footer .contacts{width:380px;float:left;margin-top:50px;margin-right: 63px;}
.footer .contacts .logo{height:50px;background:url(../images/footer_logo.png) 0 no-repeat}
.footer .contacts .company{line-height:25px;padding-top:20px}
.footer .contacts .line{padding:4px 0 4px 26px;line-height:20px;background-repeat:no-repeat;background-position:0}
.footer .contacts .icon-01{background-image:url(../images/footer_icon_01.png)}
.footer .contacts .icon-02{background-image:url(../images/footer_icon_02.png)}
.footer .contacts .icon-03{background:url(../images/footer_icon_03.png) 0 8px no-repeat}
.footer .contacts .icon-04{background-image:url(../images/footer_icon_04.png)}
.footer .contacts .icon-05{background:url(../images/footer_icon_05.png) 0 8px no-repeat}
.footer .links{float:left;margin-top:55px}
.footer .links .item{float:left}
.footer .links .item .title{height:35px;line-height:35px;font-size:14px;font-weight:700;padding-bottom:10px;padding-left:50px}
.footer .links .item .list{padding:0 40px;}
.footer .links .item .list a{line-height:28px;font-size:12px}
.footer .links .first .list,.footer .links .first .title{padding-left:0;padding-right: 27px}
.footer .share{padding-top:90px;float:right;width:550px}
.footer .share img{vertical-align:middle}
.footer .share .share-01{display: flex;justify-content: center;}
.footer .share .share-01 a{display: block;overflow: hidden;float: left;width: 31.8%;margin-right: 2.3%;}
.footer .share .share-01 a:nth-child(3),.footer .share .share-01 a:nth-child(5){
    margin-right: 0;
}
.footer .share .share-01 a img{float: none;max-width: 100%;}
.footer .share .share-02{text-align:center}
.footer .share .left{float:left;padding-bottom:40px}
.footer .share .right{float:right;padding-bottom:40px}
.footer .share .share-03{
    display: flex;
    justify-content: center;
}
.footer .share .share-03 li{width: 49px;margin: 0 8px;}
.copyright{text-align:center;font-size:12px;line-height: 70px;background-color: #030708;}
@media screen and (max-width:1470px){.banner,.banner-slides,.footer,.header,.main,.nav{width:1470px!important}}
.side-tools-bar{width:40px;background-color:rgba(83,83,83,.6);position:fixed;right:0;top:0;height:100%;z-index:9999}
.side-tools-bar .tools{position:relative;top:25%;left:0}
.side-tools-bar .tools .item{width:40px;height:52px;border-top:1px #fff solid;position:relative}
.side-tools-bar .tools .item .tip{display:none;color:#000;font-size:12px;width:107px;height:35px;line-height:35px;background-color:#0ecb77;position:absolute;right:50px;top:9px}
.side-tools-bar .tools .item .tip::before{display:inline-block;content:'';width:16px;height:16px;background-position:center;background-repeat:no-repeat;background-size:100% auto;vertical-align:middle;margin-right:6px;position:relative;top:-2px;margin-left:10px}
.side-tools-bar .tools .item .tip::after{content:'';position:absolute;right:-8px;top:12px;width:0;height:0;border-color:transparent;border-style:solid;border-width:4px 0 4px 8px;border-left-color:#0ecb77}
.side-tools-bar .tools .item:hover{background-color:#0ecb77}
.side-tools-bar .tools .item:hover .tip{display:block}
.side-tools-bar .tools .item-02 .tip::before{background-image:url(../images/side_tools_bar_icon_02_hover.png)}
.side-tools-bar .tools .item-03 .tip::before{background-image:url(../images/side_tools_bar_icon_03_hover.png)}
.side-tools-bar .tools .item-04 .tip::before{background-image:url(../images/side_tools_bar_icon_04_hover.png)}
.side-tools-bar .tools .item-05 .tip::before{background-image:url(../images/side_tools_bar_icon_05_hover.png)}
.side-tools-bar .tools .item-06 .tip::before{background-image:url(../images/side_tools_bar_icon_06_hover.png)}
.side-tools-bar .tools .item-first{border-top:0;position:relative}
.side-tools-bar .tools .item .icon{width:40px;height:52px;cursor:pointer;display:block;background-position:center;background-repeat:no-repeat}
.side-tools-bar .tools .item-first:hover .tips{width:107px;height:35px;background:url(../images/side_tools_bar_tips.png) center no-repeat;position:absolute;right:43px;top:9px}
.side-tools-bar .tools .item .icon-01{background-color:#0ecb77;background-image:url(../images/side_tools_bar_icon_01.png)}
.side-tools-bar .tools .item .icon-02{background-image:url(../images/side_tools_bar_icon_02.png)}
.side-tools-bar .tools .item .icon-03{background-image:url(../images/side_tools_bar_icon_03.png)}
.side-tools-bar .tools .item .icon-04{background-image:url(../images/side_tools_bar_icon_04.png)}
.side-tools-bar .tools .item .icon-05{background-image:url(../images/side_tools_bar_icon_05.png)}
.side-tools-bar .tools .item .icon-06{background-image:url(../images/side_tools_bar_icon_06.png)}
.side-tools-bar .tools .item .icon-02:hover{background-image:url(../images/side_tools_bar_icon_02_hover.png)}
.side-tools-bar .tools .item .icon-03:hover{background-image:url(../images/side_tools_bar_icon_03_hover.png)}
.side-tools-bar .tools .item .icon-04:hover{background-image:url(../images/side_tools_bar_icon_04_hover.png)}
.side-tools-bar .tools .item .icon-05:hover{background-image:url(../images/side_tools_bar_icon_05_hover.png)}
.side-tools-bar .tools .item .icon-06:hover{background-image:url(../images/side_tools_bar_icon_06_hover.png)}
.side-tools-bar .bottom-bar{position:absolute;bottom:10px;right:0}
.side-tools-bar .side-tools-top{display:block;width:40px;height:40px;background:url(../images/side_tools_bar_top.png) center no-repeat;cursor:pointer}
.side-tools-bar .side-tools-close{display:block;width:40px;height:40px;background:url(../images/side_tools_bar_close.png) center no-repeat;cursor:pointer}
#LRfloater2{right:40px!important}
#LRMINIWIN{position:relative}

.closeNav{display: none;}
@media only screen and (max-width:960px) {
    img{max-width: 100%;}
    .flex{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;justify-content: space-between;-webkit-justify-content: space-between;}
    .side-tools-bar{display: none;}
    .nav{display: none;}
    .navMenu {position: absolute;right: .15rem;bottom: .54rem;z-index: 41;width: 24px;height: 22px;}
    .navMenu span {border-radius: 2px;position: absolute;left: 0;background: #12c276;width: 100%;height: 2px;display: block;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
    .navMenu .line1 {top: 0;}
    .navMenu .line2 {top: 50%;margin-top: -1px;}
    .navMenu .line3 {bottom: 0;}
    .header .wrap,.banner, .banner-slides, .footer, .header, .main, .nav,.wrap{max-width: 100%;box-sizing: border-box;}
    .header{height: auto;background-size: cover;background-position: center top;background-size: cover;padding: .3rem;box-sizing: border-box;position: relative;}
    .header .lang{float: none;margin: 0;display: flex;display: -webkit-flex; margin-bottom: 5px;padding-top: 3.4rem}
    .header .lang .icon{flex: 1;background-size: contain;}
    .header .search-bar{float: none;margin: 0;}
    .header .search-bar .tab{display: flex;display: -webkit-flex;}
    .header .search-bar .search-form{width: auto;display: flex;display: -webkit-flex;margin-right: 32px;}
    .header .search-bar .search-form .search-input{flex: 1;}
    .closeNav{position: fixed;width: 14px;height: 14px;border-radius: 50%;padding: 8px; left: 50%;margin-left: -15px;bottom: 20px;background: rgba(0,0,0,.85);z-index: 3;display: block;}
    .closeNav img{display: block;}
    .nav{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: #0c482e;z-index: 666;overflow-y: auto;display: none;}
    .nav a{display: block;border-bottom: 1px solid rgba(255,255,255,.1);}

    .footer{height: auto;background: #020707;}
    .footer .contacts{width: auto;float: none;margin-top: .4rem;margin-right: 0;}
    .footer .links{float: none;margin: .3rem 0 0 0;width: auto;}
    .footer .share{float: none;padding: 0;margin: .3rem 0 0 0;width: auto;}
    .copyright{padding:.5rem .3rem;border-top: 1px solid rgba(255,255,255,.1);line-height: 18px;}
    .copyright a{display: block;}
    .footer .wrap{padding: .3rem .5rem;}
    .footer .links{overflow: hidden;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;}
    .footer .links .item{width: 33.33%;}
    .footer .share .share-01 a img{padding-bottom: .35rem;}
    .footer .share .share-01{padding-bottom: 0;}
    .header .search-bar .search-form button{color: #fff;}
    .header .search-bar .search-form .search-input input{height: 30px;}
    .header{
        background: url(../images/header_bg_m.jpg) 50% no-repeat;
        background-size: cover;
        background-position: center top;
    }
}
@media only screen and (max-width:640px) {
    .footer .links .item{width: 50%;}
    .header .search-bar .tab li{padding: 0 5px;}
    .footer .links .item{box-sizing: border-box;padding: 0;width: 28%;}
    .footer .links .item .list{padding: 0;border: 0;border-left: none;}
    .footer .links .item .title{padding: 0 !important;}
    .footer .contacts .company{padding: 0;font-size: 11px;line-height: 20px;}
    .footer .links .item:nth-child(1){
        width: 50%;
    }
    .footer .links .item:nth-child(3){
        width: 22%;
    }
    .footer .links .item .list a span{
        display: none;
    }
    .footer .links .item:nth-child(1) .list a:nth-child(n + 18){
        display: none;
    }

}