@charset "UTF-8";

* {padding: 0;margin: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

html,body {color: #333;font-size: 16px;margin-left: auto !important;margin-right: auto !important;text-align: left;font-family: "微软雅黑";}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p {padding: 0;margin: 0;font-weight: normal;}
ol,ul {list-style: none;}
li {list-style-type: none;}
a {text-decoration: none;color: #333;}

img,input {border: 0;}
.f0{font-size: 0;}
input[type='text']:focus-visible{outline: none;}
.wap {display: none;}

body .clear {float: none !important;clear: both;height: 0 !important;width: 0 !important;border: none !important;margin: 0 !important;padding: 0 !important;}
.px1400 {max-width: 1400px;margin: 0 auto;}
.pic {padding-top: 75%;position: relative;overflow: hidden;}
.pic img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all 0.3s;}
.pic img:hover {transform: scale(1.05);}
@font-face {font-family: '思源宋体';src: url("../font/SourceHanSerifCN-Heavy.otf");}
.head{padding: 16px 0;background: #a20316;}
.head-top {position: relative;}
.logo{float: left;width: 400px; width: 400px;}
.logo a{display: block;overflow: hidden;}
.logo img{vertical-align: middle;}

.h-right{float: right;width: 66.29%;position: relative;}
.nav{position: absolute;right: 0;padding-right: 54px;z-index: 99;}
.nav>ul>li{float: left;margin: 0 15px;padding-bottom: 16px;line-height: 81px;position: relative;}
.nav>ul>li>a{display: block;font-size: 20px;color: #ffffff;}
.nav>ul>li>ul{position: absolute;width: 125px;left: 50%;top: 100%;transform: translateX(-50%);background: #fff;display: none;}
.nav>ul>li>ul a{display: block;font-size: 16px;color: #333;line-height: 48px;text-align: center;border-bottom: 1px dashed rgba(171, 0, 0, 0.25);}
.nav>ul>li>ul>li:last-child>a{border: none;}
.nav>ul>li>ul a:hover{background: rgba(171, 0, 0, 0.25);}
.search{position: absolute;right: 0;top: 0;padding: 27px 21px 24px 9px;z-index: 99;}
.search img{vertical-align: middle;}
.searchBox{padding:10px 0; background:#333333; display: none;}
.searchBox>div{position:relative; width:440px; margin: 0 auto;}
.searchBox>div input[type='text']{display: block;width: 100%;font-size: 16px;color: #ab0000;line-height: 48px;height: 48px;padding-left: 10px;padding-right: 95px;background-color: #fff;}
.searchBox>div input[type='image']{position: absolute;top: 0;right: 0;width: 78px;height: 48px;padding:11px 27px;background-color: #ab0000;}
.foot{background: url("../images/foot.jpg") no-repeat center center;}
.wap{display: none;}
.w-top {max-width: 1920px;margin: 0 auto;position: fixed;right: 10px;top: 18px;width: 25px;height: 25px;z-index: 9999;}
.wap-menu {position: absolute;top: 0;right: 0;z-index: 99999;font-size: 0;}
.wap-menu img {height: 25px;}
.close-menu {display: none;position: absolute;right: 0;top: 0;}

@media screen and (max-width: 1400px){.px1400{padding: 0 10px;}
    .nav>ul>li{margin: 0 15px;line-height: 61px;}
    .nav>ul>li>a{font-size: 16px;}
    .logo{width: 300px;}
    .logo img{max-height: 60px;}
    .search {padding: 19px 21px 16px 9px;}
    .h-right{width: 66.29%;}
}

@media screen and (max-width: 1024px){.pc{display: none;}
    .wap{display: block;}
    .wap-header{position: fixed;top: 0;left: 0;right: 0;background: #ab0000;padding: 10px;z-index: 999;}
    .m-logo {font-size: 0;}
    .m-logo a {font-size: 0;line-height: 40px;}
    .m-logo img {max-height: 40px;max-width: 80%;vertical-align: middle;}
    .m-tlink {padding: 10px 15px 0 15px;}
    .m-tlink {padding: 10px 15px 0 15px;}
    .m-tlink a {font-size: 14px;margin: 5px 0; display: inline-block;background: #fff;color: #004980;line-height: 30px;padding: 0 15px;border-radius: 5px;}
    .m-search {margin: 0 15px;padding-right: 50px;padding-left: 10px;padding-top: 5px;padding-bottom: 5px;position: relative;line-height: 35px;/* background: #fff; */ margin-top: 15px;border: 1px solid #fff;}
    .m-search input[type="text"] {display: block;width: 100%;line-height: 25px;background: none;color: #fff;}
    .m-search input[type="text"]::placeholder {color: #fff;}
    .m-search input[type="image"] {position: absolute;right: 10px;top: 10px;height: 15px;}
    .m-nav {position: fixed;top: 60px;right: -100%;bottom: 0;z-index: 999;background: #ab0000;overflow-y: scroll;width: 100%;max-width: 375px;}
    .m-nav ul {padding: 0 15px;/* border-top: 1px solid rgba(255, 255, 255, 0.2); */}
    .m-nav ul li {border-bottom: 1px solid rgba(255, 255, 255, 0.2);position: relative;}
    .m-nav ul li>span.on {transform: rotateZ(90deg);}
    .m-nav ul li ul {display: none;}
    .m-nav ul li ul li {border: none;}
    .m-nav>ul>li a {display: block;font-size: 14px;line-height: 20px;padding: 15px 0;position: relative;color: #fff;}
    .m-nav>ul>li ul li a {padding: 10px 0;}
    .m-nav>ul>li>span {position: absolute;width: 20px;height: 20px;background: url('../images/nav-icon.png') no-repeat center center;background-size: 10px 12px;right: 0;top: 15px;cursor: pointer;display: block;color: #fff;transition: all 0.3s;}
    .foot{position: relative;background-size: cover;z-index: 100;}
}