@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,figure,figcaption,code,del,dfn,em,image,q,dl,dt,dd,ol,ul,li,fieldset,form,legend{border:0;padding:0;font-size:100%;margin:0;font-family:inherit;-webkit-font-smoothing:subpixel-antialiased;font-weight:normal}
body{color:#444;line-height:28px;font-size:14px;font-family:"微软雅黑","Lucida Sans Unicode","Lucida Grande",Tahoma,Arial,Helvetica,sans-serif;margin:0;background: url(../img/bg_wrapper.gif) repeat;}
input,textarea,select{font-family:"Lucida Sans Unicode","Lucida Grande",Tahoma,Arial,Helvetica,sans-serif;background-color:#fff;font-size:12px;outline:0}
img{border:0;vertical-align:bottom;-ms-interpolation-mode:bicubic}
a,a:link{text-decoration:none;color:#333;font-size: 14px;}
a:hover{text-decoration:none;color:#333}
ul,li{list-style-type:none}
em,i{font-style: normal;}
h1,h2,h3,h4{font-family:"\5FAE\8F6F\96C5\9ED1"}
.clearfix:after{display:block;content:'';clear:both;height:0;visibility:hidden}
.yahei{font-family:"\5FAE\8F6F\96C5\9ED1"}
.clearfix{*display:table;*zoom:1}
.clear{clear:both;overflow:hidden;height:0}
.inner{width: 1000px;margin: 0 auto;}
body{min-width: 375px;}

.header{background: #5c307d;}
.header .hd{width: 100%;height: 145px;}
.header .hd .inner{display: flex;justify-content: space-between;align-items: flex-start;}
.header .hd .hd_lt{display: block;}
.header .hd .hd_lt a{display: block;}
.header .hd .hd_lt img{width: 100%;}
.header .hd .hd_rt{display: block;padding-right: 15px;}
.header .hd .hd_rt .nav_btn{display: none;padding: 5px 0;width: 24px;height: 3px;background: #fff;background-clip: content-box;border-top: 3px solid #fff;border-bottom: 3px solid #fff;}
.header .hd .hd_rt .ext{display: flex;color: #fff;margin-bottom: 45px;}
.header .hd .hd_rt .ext a{color: #fff;margin-right: 10px;padding: 5px 2px;font-size: 13px;}
.header .hd .hd_rt .ext a:last-child{margin-right: 0}
.header .hd .hd_rt .search{display: flex;align-items: center;justify-content: flex-end;}
.header .hd .hd_rt .search .inp{display: block;height:14px;width:170px;padding: 5px;border:1px solid #fff;border-right:0;-webkit-appearance:none;background-color: RGBA(255, 255, 255, 0);color:#fff;font-size:14px;padding-left: 5px;}
.header .hd .hd_rt .search .btn{width:26px;height:26px;line-height:29px;text-align:center;border:0;font-size:16px;color:transparent;cursor:pointer;background: #ff9600 url("../img/search.png") no-repeat center center;}

.header .nav{height: 40px;background: #8c7a9c;}
.header .nav_list{width: 100%;display: flex;position: relative;z-index: 5;}
.header .nav_list li{display: flex;justify-content: center;padding: 0 5px;}
.header .nav_list li a{display: block;font-size: 15px;line-height: 40px;color: #fff;padding: 0 14px;}
.header .nav_list li>ul{position: absolute;top: 40px;max-height: 0;overflow: hidden;transition: all 0.75s;}
.header .nav_list li:hover ul{display: block;max-height: 1000px;}
.header .nav_list li>ul li{position: relative;background: #ececec;padding: 1px 0;border-bottom: 1px solid #f5f5f5;}
.header .nav_list li>ul li a{display: block;min-width: 80px;text-align: center;color: #000;line-height: 38px;font-size: 15px;}

.footer{width: 100%;background: #5c307d;margin-top: 40px;}
.footer .ft_links{width: 100%;background: #e0e0e0;}
.footer .ft_links .inner{display: flex;}
.footer .ft_links a{font-size: 14px;color: #444;display: block;line-height: 40px;text-align: center;margin-right: 25px}
.footer .ft_links li:last-child a{margin-right: 0;}
.footer .info{display: flex;justify-content: space-between;padding: 20px 0;}
.footer .info .site_info{color: #fff;text-align: left;}
.footer .info .site_info p{line-height: 22px;margin-left: 2px}
.footer .info .img_icp{margin-right: 2px;}
.footer .info .img_icp{display: block;}


@media screen and (max-width: 1024px){
    .inner{width: 100%}
    .header .hd{height: auto;}
    .header .hd .inner{width: 95%;align-items: center;}
    .header .hd .hd_lt{max-width: 80%;padding-bottom: 15px; }
    .header .hd .hd_rt{padding-right: 1%}
    .header .hd .hd_rt .ext{display: none;}
    .header .hd .hd_rt .search{display: none;}
    .header .hd .hd_rt .nav_btn{display: block;}
    .header .hd .hd_rt .nav_btn.active{background: transparent;border: 0;height: 0;padding: 0;margin-top: -10px;}
    .header .hd .hd_rt .nav_btn.active:after{content:'\2716';font-size: 30px;color: #fff}
    .header .nav_list .arrow:after {position: absolute;right: 21px;top: 15px;width: 0;height: 0;content: "";border-width: 8px 8px 0 8px;border-style: solid;border-color: #8c7a9c transparent;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
    .header .nav_list .arrow:before {position: absolute;right: 19px;top: 17px;width: 0;height: 0;content: "";border-width: 10px 10px 0 10px;border-style: solid;border-color: #fff transparent;-webkit-transition: transform .25s;-moz-transition: transform .25s;-ms-transition: transform .25s;-o-transition: transform .25s;transition: transform .25s;}
    .header .nav_list li.active:after {top: 19px;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
    .header .nav_list li.active:before {top: 15px;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
    .header .nav{width: 100%;height: auto;display: block;position: absolute;z-index: 10}
    .header .nav .inner{width: 100%}
    .header .nav_list{display: none;}
    .header .nav_list.active{display: block;}
    .header .nav_list li{position: relative;display: block;width: 100%;padding: 0;text-align: center;border-bottom: 1px solid #939393;}
    .header .nav_list li a{display: inline-block;width: auto;padding: 0;text-align: center;}
    .header .nav_list li>ul{position: relative;top: 0;}
    .header .nav_list li>ul li{width: 100%}
    .header .nav_list li:hover ul{display: none;}
    .header .nav_list li.active ul{display: block;max-height: 1000px;}
    .footer .inner{width: 90%}
    .footer .ft_links .inner{display: none;}
    .footer .info{flex-direction: column;align-items: center;}
    .footer .info .site_info{text-align: center;}
    .footer .info .img_icp{margin-right: 0;margin-top: 10px;}
}