/*header*/
a {
    text-decoration: none;
    color: inherit;
}
img {border: 0;
vertical-align: middle;
border: none;
}
    .header{

        position: fixed;

        top: 0;

        left: 0;

        z-index: 99999;

        width: 100%;

        /*transition: all 0.35s;*/

        /*opacity: 1;*/

        background: rgba(0,0,0,.8);

    }

    /*.header.block{

        opacity: 1;

        background: rgba(0,0,0,.8);



        transition: opacity .5s ease-in-out;

       -webkit-transition: opacity .5s ease-in-out;

       -o-transition: opacity .5s ease-in-out;

       -ms-transition: opacity .5s ease-in-out;

       -moz-transition: opacity .5s ease-in-out;

    }*/

    /*.header.none{

        opacity: 0;



        transition: opacity .5s ease-in-out;

       -webkit-transition: opacity .5s ease-in-out;

       -o-transition: opacity .5s ease-in-out;

       -ms-transition: opacity .5s ease-in-out;

       -moz-transition: opacity .5s ease-in-out;

    }*/
   
	.header_top{

        border-bottom: 1px solid #393b42;

        height: 50px;

        line-height: 50px;

    }

    .header_top_phone{

        float: right;

        color: #fff;

        padding-left: 25px;

        margin-right: 10px;

        background: url(/assets/shared/skin/images/header_top_phone.png)no-repeat center left;

    }

    .header_top_search{

        float: right;

    }

    .header_top_search_input{

        float: left;

        height: 50px;

        width: 0;

        border:1px solid transparent;

        background: transparent;

        padding-left: 10px;

        color: #fff;



        transition: all .8s ease-in-out;

       -webkit-transition: all .8s ease-in-out;

       -o-transition: all .8s ease-in-out;

       -ms-transition: all .8s ease-in-out;

       -moz-transition: all .8s ease-in-out;

    }

    .header_top_search_input:focus{

        width: 300px;

        border: 1px solid #00c1de; 

    }

    .header_top_search_button{ cursor: pointer;

        border: none;

        float: left;

        background-color: transparent;

        background: url(/assets/shared/skin/images/header_top_search.png)no-repeat center center;

        width: 50px;

        height: 50px;

        border-right: 1px solid #393b42;

    }



    .header_top_search.active .header_top_search_input{

        width: 300px;

        border: 1px solid #00c1de; 

    }

    .header_top_logo{

        display: none;

        float: left;

        font-size: 0;

        margin-left: 20px;

    }





    .header_nav{

        border-bottom: 1px solid #393b42;

        height: 50px;

        line-height: 50px;

    }

    .logo{

        float: left;

        font-size: 0;

    }

    .logo > img{

        vertical-align: middle;

    }

    .header_nav_ul{

        float: left;

        margin-left: 10px;



        position: relative;

    }

    .header_nav_ul > ul li {

        display: inline-block;

        padding: 0 20px;

        font-size: 16px;

        color: #fff;

        position: relative;

    }

    .header_nav_ul > ul li.content.active:after{

        content: '';

        position: absolute;

        left: 50%;

        margin-left: -8px;

        bottom: 0;

        border: 8px solid transparent;

        border-bottom-color: #fff; 

    }

    .header_nav_ul > ul li a {

        display: block;

    }





    .header_nav_ul > ul li a:hover {

        color: #ffcb07;

        border-bottom: 1px solid #ffcb07;

    }

    .header_nav_ul > ul li.on a{

        color: #ffcb07;

        border-bottom: 1px solid #ffcb07;

    }



    .VIRBOX {

        float: right;

        font-size: 14px;

        color: #fff;

        padding: 0 20px;

        border-left: 1px solid #393b42;

        border-right: 1px solid #393b42;

    }

    

    .dropdown{

        position: absolute;

        left: 0;

        top: 50px;

        display: none;

        width: 100%;

        background: #fff;

        border: 1px solid #393b42;

    }

    .dropdown_container{

        margin: 30px 20px;

    }

    .dropdown_container > dl{

        width: 32%;

        margin-right: 2%;

        float: left;

        line-height: 30px;

    }

    .dropdown_container > dl dt{

        font-size: 16px;

        color: #242424;

        font-weight: bold;

        border-bottom: 1px solid #eff3f5;

        margin-bottom: 10px;

        padding-left: 10px;

    }

    .dropdown_container > dl dd{

        color: #525252;

    }

    .dropdown_container > dl dd a {

        display: block;

        padding-left: 10px;

    }

    .dropdown_container > dl dd a:hover {

        background-color: #f2f4f5;

    }





    .all_nav{

        float: right;

        height: 50px;

        width: 50px;

        color: #fff;

        cursor: default;

        text-align: center;

        border-right: 1px solid #393b42;

        transition: all .2s ease-in-out;



        transition: background .5s ease-in-out;

       -webkit-transition: background .5s ease-in-out;

       -o-transition: background .5s ease-in-out;

       -ms-transition: background .5s ease-in-out;

       -moz-transition: background .5s ease-in-out;

    }

    .all_nav:hover{

        background: #00c1de;

    }

    .all_nav  img{

        width: 18px;

    }

    /*鎸夐挳鏍峰紡*/

     .navBtn{

        float: right;

        height: 50px;

        width: 50px;

        color: #fff;

        cursor: default;

        text-align: center;

        background: transparent;

        border-right: 1px solid #393b42;

        outline: none;

        border: none;

        cursor: pointer;

        text-align: center;

        transition: all 0.5s ease-out;

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

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

        -o-transition: all 0.5s ease-out;

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

     }

     .navBtn.active {

         background: #333;

         transition: all 0.5s ease-out;

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

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

        -o-transition: all 0.5s ease-out;

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

     }

     

    /*鎸夐挳鍐呯嚎鏉�*/

     .navBtn > span{

        display: block;

        margin: 0 auto;

        width: 18px;

        height: 2px;

        background-color: #fff;

        margin-bottom: 2px;

        transition: all 0.5s ease-out;

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

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

        -o-transition: all 0.5s ease-out;

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

        transform-origin: 0 0;

        -webkit-transform-origin: 0 0;

        -ms-transform-origin: 0 0;

        -o-transform-origin: 0 0;

        -moz-transform-origin: 0 0;

     }

     .navBtn.active {

        background: #0067cc;

     }

     .navBtn.active > span {

         /*background: #0052a7;*/

         width: 24px;

     }

     .navBtn.active > span:first-child {

         transform: rotate(45deg) translate(2px, -6px);

         -webkit-transform: rotate(45deg) translate(2px, -6px);

        -ms-transform: rotate(45deg) translate(2px, -6px);

        -o-transform: rotate(45deg) translate(2px, -6px);

        -moz-transform: rotate(45deg) translate(2px, -6px);

     }

     .navBtn.active > span:nth-child(2) {

         opacity: 0;

     }

     .navBtn.active > span:last-child {

         transform: rotate(-45deg) translate(-2px, 7px);

         -webkit-transform: rotate(-45deg) translate(-2px, 7px);

        -ms-transform: rotate(-45deg) translate(-2px, 7px);

        -o-transform: rotate(-45deg) translate(-2px, 7px);

        -moz-transform: rotate(-45deg) translate(-2px, 7px);

     }





     .dnav{

        width: 300px;

        position: absolute;

        padding:20px 0 ;

        background: rgba(0,0,0,0.9);

        top: 80px;

        right: -300px;

        transition: right 0.75s;

        -webkit-transition: right 0.75s;

        -ms-transition: right 0.75s;

        -o-transition: right 0.75s;

        -moz-transition: right 0.75s;

     }

     .dnav.active{

        right: 0px;

        transition: right 0.75s;

        -webkit-transition: right 0.75s;

        -ms-transition: right 0.75s;

        -o-transition: right 0.75s;

        -moz-transition: right 0.75s;

     }

     .dnav > li{

        /*height: 50px;*/

        line-height: 50px;

        color: #fff;

        text-align: left;

        position: relative;

        /*border-bottom: 1px solid #333;*/

    

        text-align: center;

     }

     .dnav > li{

      padding: 0 20px;

     }

     .dnav > li > a{

        display: block;

     }

     .dnav > li > a i {

        display: block;

        position: absolute;

        right: 30px;

        top: 20px;

        width: 15px;

        height: 11px;

        background: url(/assets/shared/skin/images/xia_bai.png)no-repeat center;

          transition: all .3s ease-in-out;

  -webkit-transition: all .3s ease-in-out;

  -o-transition: all .3s ease-in-out;

  -ms-transition: all .3s ease-in-out;

  -moz-transition: all .3s ease-in-out;

     }

     .dnav > li > a:hover{

      background: #3366cc;

        /*color: #3366cc;*/

     }

     .dnav > li > a:hover i{

        background: url(/assets/shared/skin/images/shang_bai.png)no-repeat center;

        margin-top: -3px;

     }

     .dznav{

        display: none;

        background: rgba(0,0,0,0.9);

        position: absolute;

        top: 0;

        right: 298px;

        white-space : nowrap ;

        padding: 20px;



    

     }

     .dznav li{

        /*border-bottom: 1px solid #333;*/

     }

     .dznav li a{

      display: block;

      padding: 0 20px;

     }

     .dznav li a:hover{

        background: #3366cc;

     }