.phone {



    position: fixed;



    top: 0;



    right: 0;



    left: 0;



    z-index: 999;



    display: none;



    padding: 10px 0;



    width: 100%;



    background: rgba(255, 255, 255, .9);



    box-shadow: 0 0 2px rgba(0, 0, 0, .8)



}







.phone .wid {



    float: left



}







.phone .wid>a {



    display: inline-block



}







.color_dao .iconfont {



    margin: 0 5px;



    color: #fe7506;



    font-size: 1.875rem



}







.color_dao {



    line-height: 35px



}







.color_dao .daohang_sp {



    position: relative;



    top: -7px;



    font-size: 1.5625rem



}







.color_a {



    position: relative;



    top: -7px;



    font-size: 1.5625rem



}







/* 鎵嬫満瀵艰埅 */



#phone_nav span,



.seaarch_phone span {



    display: inline-block;



    margin-left: 15px;



    padding: 0 0 0 10px;



    font-size: 20px;







    color: #000;



}







#siteFunctions {



    position: fixed;



    top: 0;



    right: -100%;



    bottom: 0;



    z-index: 10;



    z-index: 9999;



    display: none;



    width: 100%;



    height: 100%;



    background-color: #fff



}







#siteFunctions .inner {



    position: relative;



    overflow-y: auto;



    padding: 0 0 50px;



    height: 100vh;



    background-color: #fff



}







#siteFunctions .hd {



    position: relative;



    overflow: hidden;



    padding: 0 5vw;



    height: 60px;



    border-bottom: #dcdcdc 1px solid;



    line-height: 60px



}







#siteFunctions .hd .lang a {



    display: inline-block;



    padding: 0;



    height: 44px;



    color: #999;



    text-transform: uppercase;



    font-size: 1.3rem;



    line-height: 44px



}







#siteFunctions .hd .lang a.active {



    color: #FF5C01



}







#siteFunctions .hd .lang a+a {



    margin-left: 20px



}







#siteFunctions .bt-close {



    position: absolute;



    top: 16px;



    right: 5vw;



    display: block;



    width: 1.8rem;



    height: 1.8rem;



    -webkit-transform: rotate(-45deg);



    transform: rotate(-45deg)



}







#siteFunctions .bt-close span {



    position: absolute;



    top: -9999px;



    left: -9999px



}







#siteFunctions .bt-close::before {



    position: absolute;



    top: 50%;



    left: 0;



    display: block;



    margin-top: -1px;



    width: 100%;



    height: 2px;



    background-color: #222;



    content: ""



}







#siteFunctions .bt-close::after {



    position: absolute;



    top: 0;



    left: 50%;



    display: block;



    margin-left: -1px;



    width: 2px;



    height: 100%;



    background-color: #222;



    content: ""



}







.mobMenu {



    padding: 0 5vw



}







.mobMenu a,



.mobMenu span {



    display: block;



    color: #222



}







.mobMenu>li {



    border-bottom: #dcdcdc 1px solid



}







.mobMenu>li>a {



    position: relative;



    display: block;



    padding: 18px 12px;



    color: #000;



    font-weight: 500;



    font-size: 1rem



}







.mobMenu>li>a::before {



    position: absolute;



    top: 50%;



    right: 12px;



    display: block;



    width: 13px;



    height: 1px;



    background-color: #000;



    content: ''



}







.mobMenu>li>a::after {



    position: absolute;



    top: 50%;



    right: 18px;



    display: block;



    margin-top: -6px;



    width: 1px;



    height: 13px;



    background-color: #000;



    content: ''



}







.mobMenu>li.active>a::before {



    background-color: #FF5C01



}







.mobMenu>li.active>a::after {



    display: none



}







.mobMenu>li>.subDepth {



    padding: 0 12px 15px



}







.mobMenu>li>.subDepth>li>a {



    display: block;



    color: #666;



    font-size: 1rem;



    line-height: 28px



}







.mobMenu>li>.subDepth>li+li {



    margin-top: 10px;



    line-height: 28px



}















/* 搴曢儴瀵艰埅 */



.phone_footer {



    display: none



}







.phone_weibu {



    display: none;



    background: #0a0a0a



}







.phone_weibu .mobMenu>li>a {



    padding: 10px 0;



    color: #fff;



    font-size: 12px



}







.phone_weibu .mobMenu {



    padding: 0 15px



}







.phone_weibu .mobMenu>li {



    border-bottom: #424245 1px solid



}







.phone_weibu .mobMenu>li>.subDepth>li>a {



    color: #9a9797;



    font-size: 1em;



    line-height: 28px



}







.phone_weibu .mobMenu>li>a::before {



    background-color: #fff



}







.phone_weibu .mobMenu>li>a::after {



    background-color: #fff



}







.phone_weibu .mobMenu>li>.subDepth {



    display: none



}







/* 鏂囧瓧澶у皬 */



.font12 {



    font-size: .75rem



}







.font14 {



    font-size: .875rem



}







.font16 {



    font-size: 1rem



}







.font18 {



    font-size: 1.125rem



}







.font20 {



    font-size: 1.25rem



}







.font22 {



    font-size: 1.375rem



}







.font24 {



    font-size: 1.5rem



}







.font26 {



    font-size: 1.625rem



}







.font28 {



    font-size: 1.75rem



}







.font30 {



    font-size: 1.875rem



}







.font32 {



    font-size: 2rem



}







.font34 {



    font-size: 2.125rem



}







.line28 {



    line-height: 1.75rem



}







.line30 {



    line-height: 1.875rem



}







.line32 {



    line-height: 2rem



}







.line34 {



    line-height: 2.125rem



}







.line36 {



    line-height: 2.25rem



}







.line38 {



    line-height: 2.375rem



}







.line40 {



    line-height: 2.5rem



}







.cf {



    color: #fff !important



}







.c0 {



    color: #000 !important



}







/* pc浜岀骇瀵艰埅 */



/* .er-ul {



    position: absolute;



    top: 100%;



    right: 0;



    left: 0;



    z-index: 999;



    width: 100%;



    background: #fff;



    box-shadow: 0 0 2px rgba(0, 0, 0, .1);



    transition: 400ms ease-in-out;



    transform: scale(0);



    opacity: 0;



}







.er-ul>li {



    text-align: center;



    font-size: .875rem;



    line-height: 2.25rem



}







.er-ul>li:hover a {



    color: #FF5C01



}







.er-ul>li:nth-child(1) {



    padding-top: .625rem



}







.er-ul>li:last-child {



    padding-bottom: .625rem



}







header .nav_ul>li:hover .er-ul {



    opacity: 1;



    transform: scale(1)



} */







/* 鍙充晶鏍� */



.rightfix {



    position: fixed;



    top: 50%;



    right: 0;



    z-index: 9999;



    display: block;



    border-right: none;



    transform: translateY(-50%)



}







.fix_ul li {



    position: relative;



    float: none;



    width: 72px;



    height: 72px;



    display: flex;



    align-items: center;



    justify-content: center;















    border: 1px solid #ffffff;



    border-right: none;



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



    color: #ffffff;



    text-align: center;



    font-size: 12px;



    line-height: 26px;



    color: #FFFFFF;



    cursor: pointer



}







.fix_ul li i {



    color: #ffffff;



    font-size: 2rem;



}







.fix_ul a {



    display: block;



    color: #ffffff;



    width: 100%;







}







.right_div {



    position: absolute;



    top: 0;



    right: 72px;



    padding: 0 5px;



    min-width: 152px;



    min-height: 70px;



    border: 1px solid #cdcdcd;



    background: #fff;







    color: #6a6a6a;



    font-size: 1rem;







    -webkit-transition: .4s ease-in-out;



    -moz-transition: .4s ease-in-out;



    -o-transition: .4s ease-in-out;



    transition: .4s ease-in-out;



    -webkit-transform: scale(0);



    -moz-transform: scale(0);



    -o-transform: scale(0);



    transform: scale(0);



    -ms-transform: scale(0)



}







.fix_ul li:nth-child(3) .right_div {



    padding: 14px 24px;







}







.fix_ul li:nth-child(4) .right_div {



    padding: 20px;







}







.fix_ul li:nth-child(3) .right_div .p2 {



    font-size: 12px;



    line-height: 28px;



    color: #757474;



}







.fix_ul li:nth-child(3) .right_div .p3 {



    font-weight: bold;



    font-size: 18px;



    color: #3DA852;



}







.fix_ul li:hover {







    background: #3DA852;



    -webkit-transition: .4s ease-in-out;



    -moz-transition: .4s ease-in-out;



    -o-transition: .4s ease-in-out;



    transition: .4s ease-in-out



}







.fix_ul li:first-child>.right_div {



    padding: 0



}







.fix_ul li:hover a,



.fix_ul li:hover i {



    color: #fff



}







.fix_ul li:hover .right_div {



    right: 72px;



    -webkit-transition: .4s ease-in-out;



    -moz-transition: .4s ease-in-out;



    -o-transition: .4s ease-in-out;



    transition: .4s ease-in-out;



    -webkit-transform: scale(1);



    -moz-transform: scale(1);



    -o-transform: scale(1);



    transform: scale(1);



    -ms-transform: scale(1)



}







.right_div div {



    height: 30px;



    line-height: 30px



}







.fix_ul li:nth-child(2) {



    position: inherit;



}







.fix_ul li:nth-child(2) .right_div {



    padding: 25px 13px;



    min-width: 179px;



  







}







.rightfix .right_div .p4 {



    font-weight: bold;



    font-size: 14px;



    line-height: 28px;



    color: #3DA852;



}







.rightfix .right_div .you-liuyan input {



    width: 100%;



    height: 30px;



    border: 1px solid #cdcdcd;



    border-radius: 5px;



    padding-left: 10px;



    margin-top: 10px;



    font-size: 12px;



    color: #BAB9B9;







}







.rightfix .right_div .you-liuyan input::placeholder {



    font-size: 12px;



    color: #BAB9B9;



}







.rightfix .right_div .you-liuyan textarea {



    width: 100%;



    height: 75px;



    border: 1px solid #cdcdcd;



    border-radius: 5px;



    padding: 10px;



    margin-top: 10px;



    resize: none;



    font-size: 12px;



    color: #BAB9B9;







}







.rightfix .right_div .you-liuyan textarea::placeholder {



    font-size: 12px;



    color: #BAB9B9;



}







.rightfix .right_div .you-liuyan button {



    width: 100%;



    height: 30px;



    border: none;



    background: #3DA852;



    line-height: 30px;



    font-size: 12px;



    color: #fff;



    text-align: center;



    border-radius: 5px;



    padding-left: 10px;



    margin-top: 10px;







}







/* 鎼滅储 */



.ds {



    cursor: pointer;



}







.searchbox {







    padding: .9375rem;







    box-shadow: 0 0 3px 0 #cfcfcf;







    background: #fff;







    width: 100%;







    top: 100px;







    border-top: 2px solid #D41C19;







    text-align: center;







    z-index: 44;







    position: fixed



}







.searchbox.active {







    top: 5.25rem;







}







.displaynone {







    display: none



}















.searchs {







    max-width: 600px;







    margin: 0 auto



}















.clearfix {







    zoom: 1



}















.searchs .sertext {







    display: block;







    padding: 0;







    outline: 0;







    padding-left: .75rem;







    width: 78%;







    float: left;







    border: 1px solid #cdcdcd;







    color: #a2a2a2;







    font-size: .75rem;







    height: 3.25rem;







    line-height: 3.25rem;







    transition: .4s



}















.serbtn {







    padding: 0;







    margin: 0;







    border: none;







    outline: 0;







    width: 22%;







    float: right;







    height: 3.25rem;







    text-align: center;







    line-height: 3.25rem;







    background: #D41C19;







    color: #fff;







    font-size: .9375rem;







    cursor: pointer;







    transition: .44s



}



























@media(max-width:990px) {











    .index_pcnav {



        display: none



    }







    .phone {



        display: block



    }







    .mobile-foot {



        display: block



    }







    .foot,



    .footer {



        display: none



    }











    .searchs .sertext,



    .serbtn {



        height: 44px;



        line-height: 44px



    }







    .phone_footer {



        display: block



    }







    .phone_footer_ul li {



        float: left;



        width: 25%;



        text-align: center;



        position: relative;



    }







    .phone_footer_ul li::after {



        position: absolute;



        left: 0;



        top: 0;



        width: 1px;



        height: 100%;



        background: rgba(255, 255, 255, .35);



        content: ""



    }







    .phone_footer_ul li a {



        padding: 10px 0



    }







    .phone_footer {



        position: fixed;



        bottom: 0;



        left: 0;



        z-index: 1000;



        width: 100%;



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



        color: #fff



    }







    .phone_footer_ul li .iconfont {



        padding-top: 7px;



        font-size: 20px



    }







    .phone_footer_ul li a {



        color: #fff !important



    }







    .rightfix {



        display: none



    }







    .daohang {



        display: none;



    }







    .nav {



        display: none;



    }

    #siteFunctions {



        display: block



    }



}







@media (max-width:767px) {







    body,



    html {



        font-size: 14px



    }







    .phone_beian {



        display: block;



        padding: 10px 0;



        background-color: #000



    }







    .phone_beian .text {



        color: #b9b9b9;



        text-align: center;



        font-size: 12px



    }







    .container {



        padding: 0 15px



    }









}







.gnb a::before,



.gnb a::after {



    opacity: 0;



}







#div_sitemap {



    display: none;



    position: fixed;



    right: 0;



    top: 0;



    left: 0;



    bottom: 0;



    z-index: 300;



    background-color: #ffffff;



}







#div_sitemap h1 {



    display: none;



    position: absolute;



    left: 50px;



    top: 15px;



}







#div_sitemap .fr {



    right: 7%;



    top: 30px;



    padding: 24px 25px 22px !important;



    position: relative;



    z-index: 2;



}







#div_sitemap .fr i {



    font-size: 40px;



    color: #D41C19;



}







#ul_sitemap {



    margin: 0 auto;



    width: 80%;



    position: absolute;



    left: 0;



    right: 0;



    top: 40px;



    background: #ffffff;



}







#ul_sitemap_inner {



    display: table;



    margin: 0 auto;



    height: 800px;



}







#ul_sitemap_inner>li {



    padding: 33px 15px;



    display: table-cell;



    width: 12.5%;



}







#ul_sitemap_inner>li>a {



    font-size: 18px;



    color: #000;



    font-weight: 700;



}







#ul_sitemap_inner .ul_submenu {



    display: block !important;



    border-top: 1px solid #D41C19;



    margin: 25px 0 0 0;



    padding-top: 6px;



}







#ul_sitemap_inner .ul_submenu>li {



    display: table-row;



}







#ul_sitemap_inner .ul_submenu>li>a {



    display: block;



    padding-top: 19px;



    text-align: left;



    font-size: 16px;



    color: #D41C19;



    font-weight: 400;



    border-bottom: 1px solid transparent;



}







#ul_sitemap_inner .ul_submenu>li>a:hover {



    transition: 400ms ease-in-out;



    -moz-transition: 400ms ease-in-out;



    /* Firefox 4 */



    -webkit-transition: 400ms ease-in-out;



    /* Safari and Chrome */



    -o-transition: 400ms ease-in-out;



    /* Opera */



    border-bottom: 1px solid #D41C19;



}