@charset "utf-8";
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,a,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    border: 0;
    margin: 0;
    padding: 0;
    font-family: inherit;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: subpixel-antialiased;
}
ol,ul,li{list-style-type:none;}
input,button,select,textarea{outline: none;}
input{border: none;border-radius: 0;-moz-appearance:none;-webkit-appearance : none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance: none;}
input[type="number"]{-moz-appearance: textfield;}
img{border: 0;vertical-align: middle;-ms-interpolation-mode: bicubic;}
body{color: #000;min-width: 300px;font-size: 18px;line-height: 30px;background-color: #fff;font-family: 'Microsoft Yahei';}
a{color: #000;font-size: 18px;line-height: 30px}
a,a:link,a:hover{text-decoration: none;font-family: 'Microsoft Yahei';}
a:hover{color: #f96616;}
.inner{width: 1200px;margin: 0 auto;}
.clearfix:after{clear: both;display: block;height:0;visibility: hidden;}

.header{background: #BC1D07;width: 100%;background: #BC1D07 url(../img/hd_bg.png) no-repeat bottom right;background-size: 28%;background-position: 92% bottom;}
.header .inner{width: 1200px;height: 130px;}
.header .inner .logo{width: 500px;height: 100%;display: flex;align-items: center;}
.header .inner .logo img{width: 450px;}

.nav{display: block;width: 100%;}
.nav .inner{display: flex;align-items: center;}
.nav #nav_list{width: 100%}
.nav .nav_list{display: flex;width: 100%;height: 45px;justify-content: space-between;position: relative;z-index: 3;}
.nav .nav_list li{line-height: 45px;text-align: center;float: none;width: 100%;}
.nav .nav_list li:hover{background: #dd2a11;/*background: #ff8d8d;*/}
.nav .nav_list li>a.highlighted{background: #dd2a11;}
.nav .nav_list li a{font-size: 18px;line-height: 45px;}
.nav .nav_list li:hover a{color: #fff}
.nav .nav_list li a .sub-arrow{display: none;}
.nav .nav_list li ul{
    width: 80%;background: #e3351d;/*background: #ff8d8d;*/padding: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8000a00',endColorstr='#c8000a00');
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8000a00', endColorstr='#c8000a00')";
}
.nav .nav_list li ul li{padding: 0;width: auto;float: none;}
.nav .nav_list li ul li:hover{background: #ff8d8d;}
.nav .nav_list li ul li a{color: #fff;line-height: 45px;font-size: 16px;width: max-content;margin: 0 auto;width: 100%}
.nav .nav_list li ul li a:hover{color: #fff;}
.nav .nav_list li ul li ul{margin-top: -45px !important;}
#nav_button{display: none;}
#nav_button:before {content:'导航';}

.nav .search form{width: 200px;height: 30px;border: 1px solid #da2828;border-radius: 20px;display: flex;align-items: center;}
.nav .search .searchText{width: 160px;height: 26px;font-size: 14px;color: #666;margin-left: 8px;line-height: 26px;font-family: "微软雅黑";background: transparent;}
.nav .search span{width: 24px;height: 32px;}






.footer{background: #BC1D07;width: 100%;min-height: 100px;height: 100px;}
.footer .inner{width: 1200px;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.footer .inner p{display: block;color: #fff;font-size: 16px;line-height: 28px;}
.footer .inner p span{display: inline-block;margin-right: 15px;}
.footer .inner p span:last-child{margin: 0;}

@media screen and (max-width: 1225px){
    .inner{width: 90%}
    .header{height: auto;}
    .header .inner{width: 100%;height: auto;}
    .header .inner .logo{padding: 20px 0 20px 5%;width: 55%;}
    .header .inner .logo img{width: 100%;max-width: 450px;}

    #nav_list{width: 0;flex-wrap: wrap}
    #nav_button{display:inline-block;width: 100%;font-size: 20px;line-height: 45px;color: #fff;background-image: url(../img/nav.png);background-repeat:no-repeat;background-position: 100% 48%;}
    #nav_list.collapsed{display:none;}
    #nav_list .nav_list{width: 100% !important;position: absolute;background: #BC1D07;left: 0;flex-wrap: wrap;top: 45px;padding: 50px 0 10px;border-top: 1px solid #fff;}


    .nav{background: #BC1D07;border-top: 2px solid #d8592e;position: relative;}
    .nav .inner{flex-wrap: wrap;}
    .nav .nav_list li{width: 100%;padding: 0;}
    .nav .nav_list li a{color: #fff;}
    .nav .nav_list{width:auto !important;height: auto;}
    .nav .nav_list ul{display:none;width: 100%;height: auto;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
    .nav .nav_list>li{float:none;text-align: center;width: 90%;height: auto;margin: 0 auto;}
    .nav .nav_list>li>a{white-space:normal;}
    .nav .nav_list li ul li>a.highlighted{background: #d33922;}
    .nav .nav_list li ul li ul{margin-top: 0 !important;background: #d33922;}

    .nav .search{width: 100%;}
    .nav .search form{position: relative;width: 100%;z-index: 3;margin: 10px 0;background: #fff}
    .nav .search form.collapsed{display:none;}
    .nav .search .searchText{width: 100%}
    .nav .search span{width: 40px;}

    .footer .inner{width: 100%}
}

@media screen and (max-width: 768px){
    .inner{width: 94%}
    .header .inner{background-size: 30%;}
    .header .inner .logo{width: 60%;padding-left: 2%}

    #nav_button{font-size: 18px;}
    .nav .nav_list li a{font-size: 16px;line-height: 40px;}
    .nav .nav_list li ul li a{font-size: 15px;line-height: 35px;}
    
    .footer{height: auto;}
    .footer .inner{padding: 25px 0;width: 90%;}
    .footer .inner p{text-align: center;font-size: 14px;}
    .footer .inner p span{}font-size: 13px;
}
@media screen and (max-width: 425px){
    .header .inner .logo{padding: 10px 0 10px 2%;width: 65%;}
    #nav_button{font-size: 16px;line-height: 40px;}
#nav_list .nav_list{top: 40px}
    .nav .nav_list{line-height: 35px;}
    .nav .nav_list li a{font-size: 15px;line-height: 35px;}
    .nav .nav_list li ul li a{font-size: 14px;line-height: 30px;}

}