*{ padding: 0; margin: 0; }
html,body{ color: #333; font-size: 16px; font-family: 微软雅黑; max-width: 1920px; margin-left: auto !important; margin-right: auto !important; text-align: left; } 
li{ list-style:none; }
a{ text-decoration: none; } 
img,input{ border: 0; }
.wap{ display: none; }
.top>img.wap{ display: none; }
body .clear{ clear: both ; height: 0 !important; width: 0 !important; border: none !important; margin: 0 !important; padding: 0 !important; } 
.px1400{ max-width: 1400px; margin: 0 auto; }
.px1200{ max-width: 1300px; margin: 0 auto; } 
.top{ max-width: 1920px; margin:0 auto; position: relative; } 
.top>img{ display: block; width: 100%; } 
.wap-menu{ position: absolute; top: 15px; right: 15px; z-index: 99999; font-size: 0; } 
.wap-menu img{ height: 30px; } 
.close-menu{ display: none; position: absolute; right: 0; top: 0; }


/* nav */
.sjnav{display: none;}
.sjlogo{display: none;}


.head{ } .head .head_t{ width: 100%; height: 124px; margin: 0px auto; background: #920000; } 
.head .head_b{ width: 100%; height: 50px; margin: 0px auto; background: #660000; } 
.logo{ float: left; padding-top: 20px; } 
.logo a{ font-size: 0; line-height: 80px; } 
.logo a img{ height: 70px; vertical-align: middle; transition: all 0.3s; } 

.nav{ background-size: 100% 100%; } 
.nav>ul{ } 
.nav>ul>li{ display: inline-block; text-align: center; position: relative; }
.nav>ul>li>a{ display: block; color: #fff; font-size: 20px; line-height: 40px; position: relative; padding: 0 40px; transition: all 0.3s; }


.nav>ul>li:hover>a{ color: #fae385; } 
.nav>ul>li:hover>a::after{ content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: #fae385; } 
.nav>ul>li>span{ display: none; position: absolute; right: 0; top: 15px; cursor: pointer; } 
.nav>ul>li:hover ul{ display: block; } 
.nav>ul>li.active>a{ color: #fae385; } 

.nav>ul>li.active>a::after{ content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: #fae385; }
.nav>ul>li>ul{ width: 100%; position: absolute; top: 100%; background: #fff; box-shadow: 0 0 10px #ccc; z-index: 9; display: none; } 
.nav>ul>li>ul li:hover{ background: #b5282e; }
.nav>ul>li>ul li a{ display: block; padding: 15px 10px; color: #333; } 
.nav>ul>li>ul li a:hover{ color: #fff; }

.head_t_r{ width: 220px; height: 50px; float: right; margin-top: 35px; }
.head_t_r .lj{width: 220px;line-height: 31px;font-size: 16px; text-align:right;}
.head_t_r .lj a{margin-right: 10px;font-size: 15px; color: #ae0a29;}
.head_t_r .lj span{margin-right: 20px;font-size: 15px; color: #ae0a29;}
.ss{width:214px;height:32px;background:#e5e5e5;margin: 0px auto; /* margin-top:77px; */border-radius: 30px;margin-top: 10px;} 
.i-search {width: 211px;height:40px;overflow: hidden;position: relative;}
.i-search .search-txt { width: 161px; padding-left: 15px; height: 31px; line-height: 40px; background: none; color: #999999; border:none;}
.i-search .search-btn { width:18px; height:20px; position: absolute; right: 11px; top: 8px; border: 0; cursor: pointer; } 
.i-search .search-btn:hover { opacity: 0.8;outline:none; color: #000; } 
.i-search input {outline:none;}



.foot{width: 100%; height:auto; margin:0px auto;padding: 25px 0; background:#920000 url() top center no-repeat; background-size: 1920px 100%; overflow: hidden; }
.foot .foot_l{float:left;
    width: 70%;
    color: #fff; }
.foot .foot_r{ line-height: 20px; font-size:12px; color: #d78594; text-align: left; float: left; margin-left: 30px;}
.foot  a{color: #d78594;}




@media screen and (max-width:1760px){
 .head{ /* padding: 0 20px; */ } 
.logo a img{ height: 50px; } 
}
@media screen and (max-width:1262px){
.head{ } .logo a img{ height: 40px; }
}
@media screen and (max-width:1024px){
.pc{ display: none; } .wap{ display: block; }
 .sjlogo{ display: block; } 
.sjnav{ display: block; top: 30px; } 
.wap-menu{top:25px} 
.sjlogo{ width: 100%; padding-top: 15px; padding-bottom: 15px; background: #b51212;} 
.sjlogo img{width: 40%; margin-left: 2%;}
 .logo a{ line-height: 60px; } 
.logo a img{ max-width: 80%; height: auto; }
 .head .head_t{ width: 100%; height: 85px; margin: 0px auto; background:#fff; } 
.head .head_b{ width: 100%; height: 0px; margin: 0px auto; background: none; }
 .head.active{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 60px; z-index: 999; }
 .nav{ position: fixed; z-index: 9999; left: 0; top: 0px; right: 0; bottom: 0; padding-top: 40px; display: none; overflow-y: scroll; background: #b51212; border-top: 1px solid rgba(255, 255, 255, 0.3); } 
.nav>ul{ background: none; padding: 0 30px; width: auto; float: none; }
 .nav>ul>li{ float: none; width: auto; display: block; text-align: left; padding: 15px 0; margin: 0; height: auto; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
 .nav>ul>li>a{ font-size: 14px; line-height: normal; padding-top: 0; top: 0; color: #fff; height: auto; } 
.nav>ul>li:hover>a{ background: none; color: #fff; }
 .nav>ul>li:hover>a:after{ content: none; background: none; }
 .nav>ul>li.active>a{ background: none; }
 .nav>ul>li.active>a::after{ content: none; } 
.nav>ul>li>span{ display: none; position: absolute; right: 0; top: 14px; cursor: pointer; }
 .nav>ul>li>span{ display: block; color: #fff; transition: all 0.3s; } 
.nav>ul>li>span.active{ transform: rotateZ(90deg); } 
.nav>ul>li>ul{ position: static; padding: 0; width: auto; background: none; padding-left: 50px; box-shadow: none; display:block;}
 .nav>ul>li>ul>li{ display: block; text-align: left; padding: 15px 0; margin: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } 
.nav>ul>li>ul>li:last-child{ border: none; }
 .nav>ul>li>ul>li a{ color: #fff; padding: 0; text-align: left; font-size:12px;} 
.nav>ul>li>ul>li:hover{ background: none; } 
.nav>ul>li:hover ul{ display: none; }

}
@media screen and (max-width:768px){
.wap-menu{ top: 18px; } 
.wap-menu img { height: 25px; } 
.footer{ margin-top: 40px; padding: 30px 0; font-size: 12px; }
.foot{width: 100%; height:auto; margin:0px auto ; background:#920000  url() top center no-repeat; background-size: 1920px 100%;  }
.foot .foot_l{ width: 100%; margin: 0px auto;}
.foot .foot_l img{width: 100%;}
.foot .foot_r{ width: 100%; margin: 0px auto; padding-top: 30px; line-height: 20px; font-size:12px; color: #d78594; text-align: center; }
   
}

@media screen and (max-width:480px){
.wap-menu{ top: 20px; } 
.wap-menu img { height: 20px; }
 .head_t_r{display: none;} 
.logo img { width: 60%; height: 20px; } 
.logo{top: 10px;} 
.sjlogo{ width: 100%; padding-top: 15px; padding-bottom: 15px; background: #b51212;}
 .sjlogo img{width: 60%; margin-left: 2%;}
}