@charset "utf-8";
/* CSS Document */
*{padding: 0; margin: 0}
body,html{padding:0; margin:0 auto; font-family:"微软雅黑"; font-size:0.17rem;}
li{list-style: none;}
a{text-decoration: none;}
.clear{clear: both;}
.w100{width: 100%; float: left;}
.i100 img{width: 100%; float: left; margin-top: -1px;}
.relative{position: relative;}
.absolute{position: absolute;}
.wamp1300{width: 1300px; margin:0 auto;}
.wamp1450{width: 1450px; margin:0 auto;}
/*PC导航开始*/
.pc-menu{background: #fff;}
.pc-menu a{ color: #000}
.pc-menu-box{width: 1400px; margin:0 auto;}
.pc-menu-left{width: 60px; height: 55px; float: left; margin: 0.2rem 0}
.pc-menu-right{width: 1340px; float: left;}
.pc-menu-ul{float: left; width: 10%; text-align: center; position: relative; height: 95px; line-height: 95px;}
.pc-menu-ul-title{text-align: center; height: 65px;}
.pc-menu-ul-title:hover{color: #8e3f43}
.pc-menu-ul-cire{width: 7px; height: 7px; border-radius: 50%; background:#8e3f43; display: none; margin-top: 5px;}
.on .pc-menu-ul-title{color: #8e3f43}
.on .pc-menu-ul-cire{display: inline-block;}
.pc-menu-ul-box{position: absolute; width: 100%; left: 0; top:75px; background: #fff; border-radius: 0.15rem; box-shadow: 0 0 5px rgb(0,0,0,0.2); padding:20px 0; z-index: 9; display: none;}
.pc-menu-ul-box-sjx{position: absolute; left: 45%; top: -6px; width: 11px; height: 6px;}
.pc-menu-ul-box-li{height: 35px; line-height: 35px; display: inline-block; width: 100%;}
.pc-menu-ul-box-li:hover{color: #8e3f43}
/*PC导航结束*/

/*移动导航开始*/
.m-menu{background: #fff; height: 1rem; position: fixed; max-width: 640px; /*opacity: 0.9; filter:alpha(opacity=90);*/ top: 0; z-index: 999; display: none;}
.m-menu-logo{width: 25%; float: left; margin:3.5%; max-width: 127px;}
.m-menu-right{width: 50%; right: 0; position: absolute; top: 40%; transform:translateY(-50%)}
.m-search-btn{width: 12%; float: right; margin-right: 10%;}
.m-menu-btn{float: right; width:14%; margin-right: 10%; position: relative;}
.m-line{background-color: #000; width: 100%; float: left; height: 1px; margin-top: 0.16rem; position: relative;}
.m-menu-hover1{ transform:rotate(-45deg); top: 95%}
.m-menu-hover2{ transform:rotate(45deg); }
.m-menu-box{width: 100%; height: 100%; position: fixed; top: 1rem; max-width: 640px; display: none; background: #fff;}
.m-sideMenu a{color: #666}
.m-sideMenu h3{padding:10px;  border-top:1px solid #e3e3e3; background:#fff; cursor:pointer; font:normal 14px/32px "Microsoft YaHei";}
.m-sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
.m-sideMenu h3.on em{ background-position:16px -57px; }
.m-sideMenu ul{ padding:0 4%; color:#666; display:none; /* 榛樿閮介殣钘� */ }
.m-sideMenu ul li{margin: 5%; font:normal 14px/32px "Microsoft YaHei";}
.m-sideMenu ul li:nth-child(1){margin-top: 2%;}
.m-sideMenu ul li a{color: #666;}
.m-search-box{width: 100%; height: 100%; position: fixed; top:1rem; max-width: 640px; display: none; background: #fff;}
.m-search-inp{width: 80%; float: left; margin-left: 10%; border-bottom: solid 1px #000; padding: 5% 0 0 0;}
.m-search-inp input{background: none; padding: 3% 0; width: 75%; float: left; border: none; font-size: 0.27rem; margin-left: 3%;}
.m-search-sub{width: 18%; float: left;}
.m-search-sub img{width: 40%; float: right; margin: 10% 0;}
.m-search-box ul{float: left; margin: 0 10%; width: 60%;}
.m-search-box ul li a{width: 100%; float: left; margin-top: 12%; color: #000}
/*移动导航结束*/


/*底部开始*/
.footer{background: #621216; padding: 0.8rem 0; font-size: 0.15rem; color: #fafafa}
.footer-left{width: 170px; height: 107px; float: left; margin-top: 0.3rem}
.footer-ul-box{float: left; width: 55%; margin-left: 5%;}
.footer-ul-box .footer-ul{float: left; width:33%;}
.footer-ul-box .ul-sm{ width: 22%;}
.footer-ul-box .footer-ul .footer-ul-title{color: #fff; font-size: 0.18rem; margin-bottom: 0.1rem}
.footer-ul-box .footer-ul .footer-ul-li{float: left; color: #fff; width: 100%; margin-top: 0.12rem;}
.erm{float: right; width: 305px; height: 122px; margin-top: 0.3rem}
.foot-last{text-align: center; color: #fff; margin-top: 1rem;}

.m-footer{background: #621216; padding: 0.2rem 0; display: none;}
.mf-box{width: 94%; margin-left: 3%; margin-top: 3%; color: #fff; float: left;}
.mf-logo{float: left; width: 25%; margin-left: 5%; margin-top: 0.6rem; float: left;}
.mf-content{float: right; width: 60%;}
.mf-content p{width: 100%; float: left; margin-top: 0.1rem}
.mf-ewm{width: 74%; float: left; margin-left: 13%; margin-top: 0.5rem}
.mf-last{width: 94%; margin-left: 3%; margin-top: 8%; color: #fff; float: left;}


/*左侧PC通用导航*/
.left-menu{float: left; width:14.5%;}
.left-li{float: left; width: 100%; color: #999999; margin-top: 0.24rem; font-size: 0.16rem}
.left-li:nth-child(1){margin-top: 0}
.left-menu .on{color: #621216}
.left-li:hover{color: #621216}

/*左侧移动通用导航*/
.m-left-menu{display: none;}
.swiper-container-left-menu .swiper-slide a{width: 100%; float: left; background: #fff; text-align: center; padding: 0.2rem 0; border-bottom: solid 1px #dedede; border-right:  solid 1px #dedede;box-sizing:border-box; color: #8e3f44; font-size: 0.25rem}
.swiper-container-left-menu .swiper-slide:last-child a{border-right:none;}


/*文章页样式*/
.content{width: 94%; float: left; margin:5% 3%;}
.content p{line-height: 0.38rem;}

/*移动站样式*/
@media screen and (max-width: 640px) {
    body,html{ max-width:640px; min-width:320px; font-size: 0.23rem}
    .pc-menu,.footer,.left-menu{display: none;}
    .m-menu,.m-footer,.m-left-menu{display: block;}
    
}