﻿.head_tl .menu_lists{ display:none;padding:0px 10%;}
.head_tl.hover .menu_lists{color: #999999; font-size: 12px; width:400px; position:absolute; left:-278px; top:36px;background:#FFF;border-bottom:solid 1px #d4d4d4;z-index:9999}
.head_tl.hover .menu_lists .a_h{ display:block;text-align: left; line-height:22px; padding: 8px 0px;border-bottom:double 1px #d8d8d8;}
.head_tl.hover .link_list{background: #FFFFFF;}
.head_tl.hover .link_list b{top:25px; transform: rotate(180deg); border-color: #483e3d #FFFFFF #FFFFFF; transition: all 0.3s ease-in 0s;}
.top_bar .top_r .basket{ float:left; height:60px; line-height:60px; margin:0px 15px;}
.top_bar .top_r .basket .icon{ color:#ff9500;}
.head_tl.w{padding:0px 15px; text-align: center;}
.head_tl.w:hover{background: #FFFFFF;}
.head_tl:hover .menu_lists{
    display: block;
}
.head_tl.hover .menu_lists .a_h span{
    color: #999999;
}
.head_top .head_top_list{
    color: #fff;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    margin-right: 10px;
}
.head_top{
    line-height: 36px;
    border-bottom: 1px solid #007c96;
    box-sizing:border-box;
    background: #2f2e2c;
}
.head_top li i{
    vertical-align: middle;
    margin-right: 5px;
}
.list_link{
    position: relative;
    width: 110px;
    padding: 0px 10px;
}
.head_top li .flag{
    line-height: 32px;
    z-index: 999;
    background-color: #fff;
    position: absolute;
    left: 0px;
    top: 38px;
    padding: 10px 10px 0;
}
.list_link .pc{
    font-size: 14px;
    color: #fff;
    position: relative;
    display: block;
}
.list_link .pc .vcb{
    top: 17px;
    right: 30px;
}
.head_tl{
    height: 36px;
}
.head_tl{
    position: relative;
    padding: 0 10px;
    margin-right: 40px;
}
.head_tl_none{
    position: absolute;
    top: 37px;
    left: 0px;
    display: none;
    z-index: 999;
    background:rgb(0, 0, 0,0.5);
    width: 100%;
    padding:0px 10px;
    box-sizing:border-box;
    
}
.head_tl:hover .vcb{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.head_tl:hover .head_tl_none{
    display: block;
}
.head_tl_none a{
    display: block;
    line-height: 32px;
}
.head_tl a{
    color: #fff;
}
.head_tl .vcb{
    top: 17px;
    right: -10px;
}
.menu_list{
    display: none;
}
.list_link:hover .menu_list{
    display: block;
}
.list_link:hover .vcb{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
.sear{
    background: #fff;
    height: 50px;
    border-radius: 25px;
    box-sizing:border-box;
    margin-top: 5px;
}
.sear_select{
    width: 80px;
}
/*.sear_box{
    padding:0px 25px;
}*/
.sear_select{
    line-height: 50px;
    font-size: 16px;
    color: #333333;
    position: relative;
    cursor: pointer;
    padding-left: 10px;
}
.sear_select .vcb{
    border-top: 5px solid #2f2e2c;
    top: 23px;
    right: 15px;
}
.sear_xl{
    padding-bottom: 10px;
    display: none;
    position: absolute;
    width: 100%;
    z-index: 999;
}
.sear_xl li{
    line-height: 32px;
    background: #fff;
    padding-left: 10px;
}
.sear_xl li:hover{
    background: rgb(0, 0, 0,0.5);
    color: #fff;
}
.sear_xl_ru{
    padding-left: 10px;
}
.sear_select:hover .sear_xl{
    display: block;
}
.sear_select:hover .vcb{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
.sear_box input{
    height: 50px;
    border:none;
    outline: none;
    float: left;
    width: 180px;
}
.btn_sear{
    height: 50px;
    background: #fff;
}
.btn_sear i{
    color: #2f2e2c;
    vertical-align: middle;
    font-size: 22px;
    cursor: pointer;
    width: 22px;
    display: inline-block;
    height: 22px;
    line-height: 22px;
}
.head_cent{
    padding:40px 0px 30px 0px;
}
.head_cent .logo img{
    max-height: 60px;
    width: auto;
}
.cor_name{
    font-size: 20px;
    color: #2f2e2c;
    font-weight: bold;
    /*margin-top: 10px;*/
}
.cor_cont{
    font-size: 12px;
    color: #23384d;
}
.cor_head{
    margin-left: 30px;
    height: 55px;
    line-height: 55px;
}
.sear_select::after{
    content: "";
    position: absolute;
    width: 1px;
    height: 12px;
    background: #eeeeee;
    top: 20px;
    right: 0px;
}

.head_bom{
    background: #fff;
}
.nav{
    /*margin-top: 25px;*/
}
.nav_list{
    color: #fff;
    height: 60px;
    line-height: 60px;
    position: relative;
    font-size: 16px;
    /*text-transform: Uppercase;*/
}
.nav ul li a{
    color: #151515;
    padding: 0px 80px 0px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 75%;
}

.nav ul li:last-child::after{
    display: none;
}
.Pro_sen_box{
    position: absolute;
    color: #020202;
    font-size: 15px;
    width: 240px;
    box-sizing:border-box;
    font-weight: normal;
    top: 60px;
    display: none;
    /*border-top:5px solid transparent;*/
    z-index: 999;
}
.nav .Pro_sen{
    background: #fff;
    padding:10px 0px;
}
.nav .Pro_sen li{
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    position: relative;
    padding: 0px 15px;
    cursor: pointer;
    color: #666666;
}
.nav .Pro_sen li:hover{
    color: #6f6f6f;
}
.nav .Pro_sen li i{
    position: absolute;
    width: 5px;
    height: 5px;
    border-top: 2px solid #c0c0c0;
    border-right: 2px solid #c0c0c0;
    transform: rotate(45deg);
    right: 25px;
    top: 12px;
}
.pro_las{
    position: absolute;
    left: 240px;
    top: 0px;
    background: #fff;
    z-index: 99;
    /*border:1px solid #f5f5f5;*/
    box-sizing:border-box;
    width: 225px;
    color:#6f6f6f;
    padding: 5px 0px;
    font-size: 15px;
    display: none;
}
.nav .pro_las a{
    color: #6f6f6f;
    padding: 0px;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nav_list:hover .Pro_sen_box{
    display: block;
}
.nav_list:hover i{
    transform: rotate(180deg);
    top:25px;
    transition: all 0.3s ease-in 0s;
}
.Pro_sen>li:hover .pro_las{
    display: block;
}
.content .w_1360{
    padding: 60px 55px;
    background: #fff;
    margin-top: -60px;
    position: relative;
    z-index: 999;
    box-shadow: 0 0 15px rgb(0,0,0,0.09);
    border: 1px solid rgb(0,0,0,0.09);
    box-sizing:border-box;
    padding-bottom: 0px;
}
.nav ul li a{
    display: block;
}
.nav .active>a{
    background: #fff;
    color: #666666;
    padding: 10px 20px;
    display: unset;
    border-radius: 25px;
    font-size: 16px;
}
.nav_list .vcb{
    border-top: 5px solid #666666;
    top: 27px;
    right: 40px;
}
.s_list i{
    font-size: 36px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    margin-left: 10px;
}
.s_logo {
    position: absolute;
    width: 70%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.s_headNav{
    height: 80px;
    line-height: 80px;
}
.s_headNav>ul>li{
    line-height: 80px;
    height: 80px;
}
.s_headNav .s_logo img{
    max-height: 2.6rem;
    width: auto;
}
.s_lang{
    font-size: 24px;
    color: #666;
    margin-right: 10px;
}
.s_car{
    margin-left:20px;
    margin-right: 20px;
}
.s_car i{
    font-size: 28px;
    color: #666;
}
.s_car_num{
    font-size: 20px;
    color: #a4a4a4;
}
.s_headSear{
    margin-top: 20px;
    margin-bottom: 10px;
}
.s_sear_box{
    border:1px solid #e5e5e5;
    width: 96%;
    margin: 0 auto;
}
.s_nav{
    width: 100%;
    background: #fff;
    position: absolute;
    z-index: 9999;
    max-height: 600px;
    overflow-y: scroll;
}
.s_nav>ul>li{
    line-height: 45px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}
.s_nav>ul>li a{
    color: #333;
    padding: 0 20px;
}
.s_nav>ul>li i{
    font-size: 20px;
    right: 0px;
    width: 9%;
    display: inline-block;
    text-align: center;
    float: right;
    /*margin-right: 10px;*/
    overflow: hidden;
}
.s_nav>ul>li a{
    width: 88%;
    display: inline-block;
    box-sizing:border-box;
}
.s_la_nav{
    display: none;
}
.s_se_nav{
    display: none;
}
.s_nav{
    display: none;
}
.s_head{
    display: none;
}
/*!*左侧悬浮栏目*!*/
/*.float_box {*/
    /*z-index: 99;*/
    /*width: 185px;*/
    /*border: 1px solid #f1f1f1;*/
    /*box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.13);*/
    /*padding: 5px;*/
    /*overflow: hidden;*/
    /*position: fixed;*/
    /*top: 60%;margin-top: -280px;*/
    /*right: 20px;*/
    /*background: #FFF;*/
    /*font-size: 12px;*/
/*}*/

/*.float_box_title {*/
    /*background: #0091ec;*/
    /*height: 24px;*/
    /*line-height: 24px;*/
    /*color: #FFF;*/
    /*padding-left: 5px;*/
    /*position: relative;*/
    /*margin-bottom: 10px;*/
/*}*/

/*.float_box_title span {*/
    /*float: left;*/
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/
    /*height: 24px;*/
    /*width: 160px;*/
    /*font-size: 12px;*/
/*}*/

/*#fold {*/
    /*border-color: #0091EC #FFFFFF #0091EC #0091EC;*/
    /*border-style: solid;*/
    /*border-width: 4px;*/
    /*float: right;*/
    /*height: 0;*/
    /*margin: 8px 3px 0 0;*/
    /*overflow: hidden;*/
    /*position: relative;*/
    /*width: 0;*/
    /*z-index: 999;*/
/*}*/

/*.float_box.hold-close {*/
    /*width: 60px;*/
    /*overflow: unset;*/
/*}*/

/*.float_box.hold-close .float_box_title {*/
    /*width: 55px;*/
    /*overflow: hidden;*/
    /*height: 24px;line-height: 24px;*/
/*}*/

/*.float_box.hold-close .float_box_title span.fold_title {*/
    /*display: none*/
/*}*/

/*.float_box.hold-close .float_box_title span.fold_click_title {*/
    /*display: block;*/
    /*width: 47px;*/
    /*font-size: 12px;*/
/*}*/

/*.float_box .float_box_title span.fold_click_title {*/
    /*display: none*/
/*}*/

/*.float_box.hold-close .float_top span {*/
    /*display: none*/
/*}*/

/*.float_box.hold-close #fold {*/
    /*border-right: none;*/
    /*border-left: 4px solid #FFF*/
/*}*/

/*.float_box.hold-close .float_bottom {*/
    /*width: 52px;*/
    /*overflow: hidden*/
/*}*/

/*.float_box.hold-close .float_bottom a {*/
    /*color: #f3f3f3;*/
    /*padding-left: 11px;*/
/*}*/

/*.triangle {*/
    /*border-left: 3px solid transparent;*/
    /*border-right: 3px solid transparent;*/
    /*border-top: 3px solid #0091EC;*/
    /*height: 0;*/
    /*left: 24px;*/
    /*overflow: hidden;*/
    /*position: absolute;*/
    /*top: 24px;*/
    /*width: 0;*/
/*}*/

/*.float_top {*/
    /*line-height: 140%;*/
    /*height: 50px;font-size: 12px;*/
/*}*/
/*.float_top span {*/
    /*font-size: 12px;line-height:24px;*/
/*}*/
/*.float_top img {*/
    /*float: left;*/
    /*margin-right: 10px;*/
    /*max-height: 50px;*/
    /*max-width: 50px;*/
/*}*/

/*.float_top a {*/
    /*color: #0091ec*/
/*}*/

/*.float_bottom a {*/
    /*background: #f3f3f3;*/
    /*display: block;*/
    /*width: 170px;*/
    /*margin: 5px 0;*/
    /*padding: 0 5px 5px 10px;*/
    /*color: #3486e0;*/
    /*text-decoration: none*/
/*}*/

/*.float_bottom a:hover {*/
    /*background: #f3f3f3*/
/*}*/

/*.float_tb1 {*/
    /*background: url(../images/float_tb.png) no-repeat 0 1px;*/
    /*width: 32px;*/
    /*height: 32px;*/
    /*display: inline-block;*/
    /*padding-left: 10px;*/
    /*margin-top: 5px;*/
/*}*/

/*.float_tb2 {*/
    /*background: url(../images/float_tb.png) no-repeat 0 -35px;*/
    /*width: 32px;*/
    /*height: 32px;*/
    /*display: inline-block;*/
    /*padding-bottom: 5px;*/
/*}*/
/*.float-media-list {*/
    /*padding-left: 0*/
/*}*/
/*.float_whatsapp {*/
    /*background: url(../../../common/images/float_whatsapp.png) no-repeat  0 5px;*/
    /*background-size: 32px 32px;*/
    /*width: 32px;*/
    /*height: 32px;*/
    /*display: inline-block;*/
    /*padding-bottom: 5px;*/
/*}*/
/*.tel_float_box{*/
    /*display: none;*/
    /*width: auto;*/
    /*margin-left: -50px;*/
    /*border:1px solid #dcdcdc;*/
    /*padding: 10px 5px;*/
    /*position: absolute;*/
    /*top: 50px;*/
    /*!*right:10px;*!*/
    /*background-color: #ffffff;*/
/*}*/
/*.whatsapp_box:hover div{*/
    /*display: block;*/
/*}*/
/*.qrcode_float_box{*/
    /*display: none;*/
    /*width: auto;*/
    /*margin-left: -50px;*/
    /*border:1px solid #dcdcdc;*/
    /*padding: 10px 5px;*/
    /*position: absolute;*/
    /*top: 50px;*/
    /*right:70px;*/
    /*background-color: #ffffff;*/
/*}*/
/*.whatsapp_box:hover div{*/
    /*display: block;*/
/*}*/

/*.float-media-list li {*/
    /*display: inline-block;*/
    /**display: inline;*/
    /*zoom: 1;*/
    /*width: 55px;*/
    /*margin: 5px 0;*/
    /*text-align: center;*/
/*}*/

/*.float-media-list a {*/
    /*display: inline-block;*/
    /**display: inline;*/
    /*zoom: 1;*/
    /*width: 32px;*/
    /*height: 32px;*/
    /*background: url(../images/media.png) 0 0 no-repeat;*/
/*}*/

/*.float-media-list a.float-media-list-twitter {*/
    /*background-position: 0 -185px;*/
/*}*/

/*.float-media-list a.float-media-list-youtobe {*/
    /*background-position: 0 -224px;*/
/*}*/

/*.float-media-list a.float-media-list-linkedin {*/
    /*background-position: 0 -111px;*/
/*}*/

/*.float-media-list a.float-media-list-pinterest {*/
    /*background-position: 0 -148px;*/
/*}*/

/*.float-media-list a.float-media-list-googleplus {*/
    /*background-position: 0 -37px;*/
/*}*/

/*.float-media-list a.float-media-list-instagram {*/
    /*background-position: 0 -74px;*/
/*}*/
/*!*左侧悬浮栏目*!*/
/*@media only screen and (min-width: 1300px){*/
    /*.head_bom_active{*/
        /*position: fixed;*/
        /*_position: absolute;*/
        /*width: 100%;*/
        /*top: 0;*/
        /*left: 0;*/
        /*height: 60px;*/
        /*z-index: 0;*/
        /*box-shadow: 0 0 5px #888;*/
        /*border-bottom: 0;*/
        /*_border-bottom: 1px solid #e1e1e1;*/
        /**border-bottom: 1px solid #e1e1e1;*/
        /*background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.95)), to(rgba(255,255,255,0.95))) !important;*/
        /*background-image: -moz-linear-gradient(rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.95) 100%) !important;*/
        /*background-image: -ms-linear-gradient(rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.95) 100%) !important;*/
        /*background-image: -o-linear-gradient(rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.95) 100%) !important;*/
        /*background-image: linear-gradient(rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.95) 100%) !important;*/
        /*z-index: 9999;*/
    /*}*/
/*}*/
@media only screen and (max-width: 1400px){
    .nav ul li a{
        padding: 0px 60px 0px 0px;
    }
    .cor_head{
        display: none;
    }
}
@media only screen and (max-width: 1024px){
    .head{
        display: none;
    }
    .s_head{
        display: block;
    }
    .sear_select{
        padding-left: 0px;
    }
    .btn_sear{
        margin-right: 20px;
    }
}
@media only screen and (max-width: 767px){
    .s_list i{
        font-size: 24px;
    }
    .s_headNav{
        height: 50px;
        line-height: 50px;
    }
    .s_headNav>ul>li{
        height: 50px;
        line-height: 50px;
    }
    .s_logo {
        width: 60%;
    }
    .s_lang{
        font-size: 16px;
    }
    .s_car{
        margin: 0 10px;
    }
    .s_car i{
        font-size: 16px;
    }
    .s_car_num{
        font-size: 14px;
    }
    .sear_box input{
        height: 40px;
    }
    .btn_sear{
        height: 40px;
    }
    .sear_select{
        line-height: 40px;
    }
    .sear_select .vcb{
        top: 18px;
    }
    .sear_select::after{
        top: 15px;
    }
    .s_logo img{
        width: 50%;
    }
    .s_headSear {
        margin-top: 10px;
    }
    .s_nav>ul>li{
        line-height: 40px;
    }
}
@media only screen and (max-width: 500px){
    .sear_box input{
        width: 160px;
    }

}

.vcb {
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #fff;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
    position: absolute;
    top: 17px;
    right: 20px;
}