@charset "utf-8";
/* CSS Document */


/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{ clear:both; height:0; display:block; font-size:1px;overflow:hidden;}

.layout, .content{ width:1780px; margin:0 auto; position:relative;}

.boxMo{ min-width:1780px;}

.header{ height: 130px; background-color: #fff;  overflow: hidden;}
.banner {
    height: auto;
  
    position: relative;
}

.slider_top_wrap{ position: relative; width: 100%; height: 500px; margin-bottom: 20px; overflow: hidden;}
.slider_top{}
.slider_top li{ position: relative; width: 100%; height: 500px; overflow: hidden;}
.slider_top li img{ position: absolute; top: 0; left: 50%; width: 1920px; height: 500px; margin-left: -960px;}

.slider_top_wrap .bx-wrapper{ position: relative;}
.slider_top_wrap .bx-controls{/* position: absolute; top: 0; left: 0;*/}
.slider_top_wrap .bx-pager{ position: absolute; bottom: 25px; right: 10px;}
.slider_top_wrap .bx-pager-item{ float: left;}
.slider_top_wrap .bx-pager-link{ float: left; width: 10px; height: 10px; margin-left: 5px; text-indent: 999em; background: #999999; border-radius: 50%; overflow: hidden;}
.slider_top_wrap .bx-pager-link:hover, .slider_top_wrap .bx-pager-link.active{ background-color: #e60012; text-decoration: none;}

.slider_top_wrap .bx-prev, .slider_top_wrap .bx-next{ position: absolute; top: 50%; width: 44px; height: 44px; margin-top: -22px; background-image: url(/images/arr2.png); text-indent: 999em; overflow: hidden;}
.slider_top_wrap .bx-prev{ left: 50%; margin-left: -600px; background-position: 0 0;}
.slider_top_wrap .bx-next{ right: 50%; margin-right: -600px; background-position:  -44px 0;}

.logo{ width: 340px; margin-top: 30px; float: left; }

.header_right{ float: right; width: 600px; }
.header_search{ position: relative; width: 600px; height: 58px; border: 1px solid #e2e2e2; border-radius: 5px; margin-top: 35px;}
.header_search_keyword{ width: 550px; height: 58px; font-size: 18px; line-height: 58px; font-family:"Microsoft Yahei"; color: #888888; text-indent: 1em; border: none; background: transparent; outline: none;}
.header_btn_search{ position: absolute; right: 0; bottom: 0; width: 58px; height: 58px; background: url(/images/btn_search.png) no-repeat center top transparent; border: none;}


.nav{ position: relative; height: 80px;  z-index: 4; background-color:#f3992b;}
.nav_tem{ position: relative; float: left; padding-left: 40px;}
.nav_tem.nomar{ margin: 0}
.nav_t{ position: relative; padding-right: 50px; font-size: 22px; line-height: 80px; color: #fff; cursor: pointer;}
.nav_t a{ color: #fff !important;
    text-decoration: none !important;}
.nav_t i{ position: absolute; right: 0; top: 50%; width: 2px; height: 25px; margin-top: -12px; background: url(/images//css/nav_arr2.png) no-repeat center top;}


.nav_list{ display: none; position: absolute; top: 76px; left: 50%; width: 160px;margin-left: -80px;  background-color: #2b86ef; z-index: 3;border-top: 4px solid #e35517;}
.nav_list li{ height: 60px; font-size: 18px; line-height: 60px; text-align: center; background: #f08336; border-bottom: 1px solid #ffcf96;}
.nav_list li a{ color: #fff; text-decoration: none !important;}

/*.nav_tem.selected .nav_t i{ background-image: url(/css/nav_arr2.png);}*/
.nav_tem.selected .nav_list{ display: block; }

/*footer*/
.footer{min-width: 1920px; height: auto; overflow: hidden; background-color: #2f2f32; border-top: 3px solid #e35517; padding-bottom:50px;}
.footer .footer_des_tit{font: 20px/40px "Microsoft Yahei"; color: #f3982c; background: url(/images/bottom_tit.png) no-repeat left bottom; height:40px;float: left; }
.footer_des .footer_des_tit a{ color: #f3982c;}

.footer_wz{ padding: 30px 0 30px; border-bottom: 2px solid #3e3e40; height: auto; overflow: hidden;width:1780px; margin: 0 auto;}
.footer_des{ padding-bottom: 15px; font: 16px/40px "Microsoft Yahei"; color: #fff;  height: 40px;overflow: hidden;}
.footer_des a{ color: #fff;float: left; margin-right: 20px;}
.footer_des a:hover{ color: #f3982c;}

.footer_des1{ padding-bottom: 15px; font: 16px/40px "Microsoft Yahei"; color: #fff;  height: auto; overflow: hidden;}
.footer_des1 a{ color: #f3982c;float: left; margin-right: 20px;}
.footer_des1 a:hover{ color: #f3982c;}
.footer_des1 span {width: 100%;display:block}

.footer_wz .ewm{width: 113px;margin-left: 50px;text-align: center;}
.footer_wz .ewm img{width: 113px;height: 113px; }
.footer_wz .ewm span{font: 18px/48px "Microsoft Yahei"; text-align: center; color: #fff; }

.footer_ewm{font: 18px/50px "Microsoft Yahei"; color: #fff; margin-left: 50px; margin-bottom: 30px;}

.footer .copyright {width:1780px; margin: 0 auto;
    padding: 30px 0 0 0;
    font-size: 12px;
    color: #666;
}
.footer .copyright .p1 {
    margin: 0 40px 0 0;
}
.footer .copyright a, .footer .link a, .footer .ipv6 a {
    color: #666;
}
.footer .copyright a:hover, .footer .link a:hover, .footer .ipv6 a:hover { color: #f3982c;}
.split10 {
    margin: 0 10px;
}

.footer .ipv6 {width:1780px; margin: 0 auto;
    padding: 20px 0 0 0;
    text-align: left;
}
.footer .ipv6 p {
    font-size: 12px;
    color: #666;
}
.footer .ipv6 .symbol {
    display: inline-block;
    padding: 0 4px;
    margin: 0 8px 0 0;
    border: 1px solid #ef8336;
    border-radius: 5px;
    color: #ef8336;
}
.footer .copyright a, .footer .link a, .footer .ipv6 a {
    color: #666;
}
.footer_des span{ margin-right: 20px;}


.layout {
    width: 100%;
}
.header_right {
    width: 60%;
    max-width: 600px;
}
.header_search {
    width: 100%;
}
.header .logo {
    width: 30%;
    max-width: 340px;
    min-width: 240px;
}
.boxMo {
    min-width: 0;
}
.boxMo .nav {
    height: auto;
}
.footer {
    min-width: 0;
    padding-left: 20px;
    padding-right: 20px;
}
.footer_wz,
.content,
.footer .copyright,
.footer .ipv6 {
    width: 100%;
}
.footer .footer_des {
    height: auto;
}
.footer .left-content {
    width: calc(100% - 340px);
}
.footer .footer_des,
.footer .footer_des1 {
    height: auto;
    width: 100%;
}
.footer .des-content {
    width: calc(100% - 100px);
}
@media screen and (max-width: 1800px) {
    .nav_tem {
        width: 10%;
        padding-left: 0;
        text-align: center;
    }
    .nav_tem:nth-child(10n+10) i {
        display: none;
    }
    .nav_tem .nav_t {
        padding-right: 0;
        font-size: 18px;
    }
}
@media screen and (max-width: 1680px) {
}
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1280px) {
    .header_search {
        height: 50px;
    }
    .header_search_keyword {
        height: 50px;
        line-height: 50px;
    }
    .header_btn_search {
        height: 50px;
        width: 50px;
    }
}
@media screen and (max-width: 960px) {
    .header_right {
        width: 50%;
        max-width: 600px;
    }
    .nav_t {
        height: 60px;
        line-height: 60px;
        font-size: 20px;
    }
    .nav_list {
        top: 60px;
    }
    .footer .left-content {
        width: 100%;
    }
    .footer .fr.w245 {
        display: block;
        float: left;
    }
    .footer_ewm {
        margin-left: 0;
    }
    .footer_wz .ewm.fl {
        margin-left: 0;
    }
    .nav_tem {
        width: 20%;
    }
    .nav_tem:nth-child(5n+5) i {
        display: none;
    }
    .nav_tem .nav_t {
        font-size: 18px;
    }
}
@media screen and (max-width: 640px) {
    .header .logo {
        margin: 20px auto 0;
        display: block;
        float: none;
    }
    .header.layout {
        height: auto;
        padding-bottom: 20px;
    }
    .header .header_right {
        width: 100%;
        max-width: 100%;
    }
    .nav_tem {
        width: 25%;
    }
    .nav_tem:nth-child(5n+5) i {
        display: block;
    }
    .nav_tem:nth-child(4n+4) i {
        display: none;
    }
    .nav_tem .nav_t {
        font-size: 18px;
    }
    .loc {
        font-size: 18px;
    }
}
@media screen and (max-width: 500px) {
    .nav_tem .nav_t {
        font-size: 16px;
        line-height: 50px;
        height: 50px;
    }
    .nav_list {
        top: 50px;
    }
    .loc {
        font-size: 16px;
    }
}
@media screen and (max-width: 400px) {
    .nav_tem {
        width: 33.33%;
    }
    .nav_tem:nth-child(5n+5) i,
    .nav_tem:nth-child(4n+4) i {
        display: block;
    }
    .nav_tem:nth-child(3n+3) i {
        display: none;
    }
}
@media screen and (max-width: 320px) {
    .loc {
        font-size: 14px;
    }
}<!--耗时1752776625.8799秒-->