*{

    margin: 0px;

    padding: 0px;

    font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;

}

.gotop{

    width: 40px;

    height: 40px;

    position: absolute;

    left: 50%;

    bottom: -20px;

    margin-left: -20px;

    cursor:pointer;

}

body::-webkit-scrollbar {

    width:6px;

    height:6px;

    border-radius:10px;

    background:black;

    }

body::-webkit-scrollbar-track-piece {

    background:white;

}

body::-webkit-scrollbar-thumb{

    background:black;

    border-radius:10px;

}

body::-moz-scrollbar {

    width:6px;

    height:6px;

    border-radius:10px;

    background:black;

    }

body::-moz-scrollbar-track-piece {

    background:white;

}

body::-moz-scrollbar-thumb{

    background:#6CBA55;

    border-radius:10px;

}

.navbar-nav{

    float: right;

}

.nav_head{

    height:84px;

}

.navbar{

    height:84px;

}

.container-fluid{

    padding-left:0px;
    background: #e9e9e9;
    padding-right:0px;

}

#left_img{

    margin-left:115px;

}

#left_img img{

    width:250px;

    height:68px;

    padding-top:8px;

}

@media screen and (min-width: 1280px){

    .nav_div{

        width:555px;

        height:84px;

        float: right;

        position: relative;

    }

    .langue_choose{

        position:relative;

        cursor:pointer;

    }

    .langue_detial{

        display:none;

        position: absolute;

        width: 205px;

        height: 36px;

        background:url(../imgs/languge_bg.png) no-repeat;

        background-size:cover;

        left: -50px;

        top: -38px;

    }

    .langue_detial li{

        float: left;

        cursor:pointer;

        width:50%;

        text-align:center;

    }

}

.col-md-1,.col-sm-6,.col-md-6,.col-lg-6{

    padding-right: 0px;

    padding-left: 0px;

}

@media screen and (max-width: 500px){

    #left_img{

        margin-left:10px;

    }

    #left_img img {

    width: 89px;

    height: 49px;

    padding-top: 8px;

}

}

@media screen and (max-width: 1280px){

    .nav_div{

        display:none;

    }

    .langue_choose{

        display:none;

    }

    .nav_div{

        display:none;

    }

    .navbar-toggle{

        display:block;

    }

    .navbar-header{

        width:100%;

        margin-left:0px !important;

        margin-right:0px !important;

    }

}

.nav_bg{

    width:100%;

    height:100%;

    position: fixed;

    left:0;

    top:0;

    opacity:0.5;

    filter:alpha(opacity=50); 

    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);

    z-index:9999;

    background:black;

    display:none;

}

.right_nav{

    width:142px;

    height:100%;

    position:fixed;

    z-index:666;

    background:white;

    right:-142px;

    top:0;

}

.nav_move{

    -webkit-transform: translate3d(-142px,0,0);

    transform: translate3d(-142px,0,0);

    -webkit-transition: -webkit-transform 0.3s;

    transition: transform 0.3s;

}

.right_nav_ul li{

    width:100%;

    height:66px;

    line-height:66px;

    text-align:center;

    border-bottom:1px solid #63bdf4;

}

.right_nav_ul a:hover{

    color:#63bdf4;

}

.navbar{

    margin-bottom:0px;

}

.row{

    margin-left:0px;

    margin-right:0px;

}

li{

    list-style:none;

}

.nav_ul_1{

    width:100%;

    height:auto;

    position:absolute;

}

.nav_head{


    background-size:100% 100%;

}

.nav_ul_1 li{

    float: left;

    width:25%;

    height:3px; 

}

.li_1{

    background:#60accf;

}

.li_2{

    background:#7fb94f;

}

.li_3{

    background:#f4d445;

}

.li_4{

    background:#df6764;

}

.li_5{

    background:#000000;

}

.li_6{

    background:#a38a3e;

}

.change_li{

    height:84px !important;

    transition:all 0.5s ease-in-out;

    -webkit-transition:all 0.5s ease-in-out;

    -moz-transition:all 0.5s ease-in-out;

    -ms-transition:all 0.5s ease-in-out;

}

.show{

    background:#23abf1;

}

.herf_a{

    height: 84px;

    display: block;

    float: left;

    text-align: center;

    width: 95%;

}

.nav_ul_2{

    width:100%;

    /*margin-top:24px;*/

    position: absolute;

    z-index:2;

}

.nav_ul_2 li{

    float: left;

    width:25%;

    height:84px;

    line-height:84px;

    font-size:18px;

    /*color:#353535;*/

    text-align:center;

    font-weight:bold;

}

.nav_ul_2 li b{

    float: left;

    height:20px;

    font-size:12px;

    font-weight:lighter;

}

a{

    text-decoration:none;

}

a:hover{

    text-decoration:none;

}

.langue_choose{

    width:100px;

    height:20px;

    border:1px solid #cccccc;

    border-radius:5px;

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    float: right;

    margin:37px 66px 0 66px;

}

.contry_C{

    float: left;

}

.contry_C li{

    float: left;

    height:20px;

    line-height:20px;

    font-size:12px;

}

.contry_C img{

    width: 18px;

    height: 18px;

    margin-top: -4px;

    margin-left: 6px;

}

.contry_btn{

    width:15px;

    height:15px;

    line-height:15px;

    float: right;

    margin:2px;

}

.navbar-toggle {

    position: relative;

    float: right;

    padding: 14px 14px;

    margin-top: 22px;

    margin-right: 26px;

    margin-bottom: 8px;

    background-color: transparent;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

}

/*尾部*/

.bottom{

    height:auto;
    padding:50px;

    background:#282a2e;

}

.wbwx_column{

    width:100%;

    height:40px;

    margin-top:17px;

    margin-bottom:40px;

}

.wx_C{

    width:100px;

    height:40px;

    margin:0 auto;

}

.wx_C img{

    width:40px;

    height:40px;

    display:inline-block;

}

.wx_link{

    position:relative;

}

.weixin_div{

    display:none;

    position: absolute;

    width: 250px;

    height: 310px;

    background: white;

    z-index: 995;

    top: -310px;

    left: 68px;

}

.erweima{

    width:162px;

    height:162px;

    margin:0 auto;

    background:red;

    margin-top:42px;

}

.weixin_div p {

    text-align:center;

    font-size:20px;

    color:#505050;

    margin:5px;

}

.wb{

    float: left;

    width:46px;

    height:46px;

    background:url(../imgs/wb_1.png) no-repeat;

    background-size: 100% 100%;

}

.wb:hover{

    background:url(../imgs/wb_2.png) no-repeat;

    background-size: 100% 100%;

}

.wx{

    float: right;

    width:46px;

    height:46px;

    background:url(../imgs/wx_1.png) no-repeat;

     background-size: 100% 100%;

}

.wx:hover{

    background:url(../imgs/wx_2.png) no-repeat;

    background-size: 100% 100%;

}

.btm_nav{

    padding:20px 5%;

}

.btm_nav a{

    text-decoration:none;

    color:white;

}

.bottom_ul{

    display:inline-block;

    width:100%;

}

.bottom_ul li{

    float: left;

    color: white;

    font-size: 14px;

    line-height: 14px;

    height: 14px;

    width:14.2%;

    text-align: center;

    border-right: 1px solid white;

}

.btm_p{

    text-align:center;

    color:#747474;

    font-size:10px;

    padding-left:10px;

    margin:5px 0;

}

@media (min-width:680px){

    .bottom{

        /*height:220px;*/

        background:#282a2e;

    }

    .wbwx_column{

        width:100%;

        height:40px;

        margin-top:60px;

        margin-bottom:40px;

    }

    .wx_C{

        width:100px;

        height:40px;

        margin:0 auto;

    }

    .wx_C img{

        width:40px;

        height:40px;

        display:inline-block;

    }

    .wb{

        float: left;

    }

    .wx{

        float: right;

    }

    .btm_nav{

        margin:0 auto;

        width:550px;

        padding:0px;

    }

    .btm_nav a{

        text-decoration:none;

        color:white;

    }

    .bottom_ul li{

        float: left;

        color: white;

        font-size: 14px;

        line-height: 14px;

        height: 14px;

        width: 78px;

        text-align: center;

        border-right: 1px solid white;

    }

    .btm_p{

        color:#747474;

        font-size:10px;

        padding-left:10px;

        text-align:center;

        margin:5px 0;

    }



}

@media (max-width:650px){

.weixin_div{

    position: absolute;

    width: 250px;

    height: 310px;

    background: white;

    z-index: 995;

    top: -310px;

    left: -122px;

    display:none;

}

.erweima{   

    width:162px;

    height:162px;

    margin:0 auto;

    background:red;

    margin-top:42px;

}

.weixin_div p {

    text-align:center;

    font-size:20px;

    color:#505050;

    margin:5px;

}

}

@media (max-width:505px){

    .bottom{

    height:auto;

    background:#282a2e;

}

.wbwx_column{

    width:100%;

    height:40px;

    margin-top:60px;

    margin-bottom:22px;

}

.wx_C{

    width:100px;

    height:40px;

    margin:0 auto;

}

.wx_C img{

    width:40px;

    height:40px;

    display:inline-block;

}

.wb{

    float: left;

}

.wx{

    float: right;

}



.btm_nav{

    padding-top:10px;

}

.btm_nav a{

    text-decoration:none;

    color:white;

}

.bottom_ul{

    display:inline-block;

    width:100%;

}

.bottom_ul li{

    color: white;

    font-size: 12px;

    line-height: 24px;

    height: 24px;

    width: 33%;

    text-align: center;

    border-right: none;

}

.btm_p{

    text-align:center;

    color:#747474;

    font-size:10px;

    padding:10px 5%;

    margin:0;

}

}

.lan_hide{

    display:none;

}

.lan_show{

    display:inline-block;

}

.langue_detial img{

    width:20px;

    height:20px;

}

.c_hide{

    display:none;

}

.c_show{

    display:inline-block;

}