@charset "utf-8";
/* CSS Document */
body{padding:0; margin:0; font-family:'微软雅黑';}
*{padding:0; margin:0;}
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#000;}
img{border:0; vertical-align:middle;}
.clear{height:0; clear:both;}

.mtop{height: 64px; padding: 0;}
.mtconb{display: none;}
.mtcon{max-width: 1200px; margin: 0 auto; height: 64px; position: relative;}
.tlogo{float: left; padding-top: 12px;}
.tlogo img{height: 40px; width: auto;}
.mtcon ul{padding-left:43px; float: left;}
.mtcon ul::after{clear: both;}
.mtcon ul li{float: left;position: relative;height: 64px;}
.mtcon ul li a.nava{padding: 0 15px; font-size: 14px; line-height: 64px; color: #fff; display: block; height: 64px; transition: all .5s;}
.mtcon ul li a:hover{color: #ccc;}
.snav{background: #fff;border-radius: 3px;padding: 10px 0; position: absolute;width: 100%;left: 0;top: 55px;display: none;z-index:9999;box-shadow: 1px 1px 2px #999;}
.mtcon ul li:hover .snav{display: block;}
.snav ol{text-align: center;}
.snav ol a{display: block;font-size: 14px;color: rgba(0,0,0,.65);padding: 10px 0;}
.mtcon ul li .snav ol a:hover{background: #f3f3f3;color: rgba(0,0,0,.85);}
.call{display: flex; align-items: center; right: 0; height: 40px; top: 12px; position: absolute; color: #fff; font-size: 12px; line-height: 20px;}
.call img{height: 40px; width: auto; margin-right: 10px;}
.call p{font-size: 20px;}
/*移动端菜单*/
.sidebar--menu ul li{border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding-bottom: 10px;}
.sidebar--menu ul li a{display: block; padding: 10px 20px 0; font-size: 14px; color: rgba(0,0,0,.85);}
.banner img{width: 100%;}

.footer{background: #595757; padding: 50px 0 30px;}
.fcon{max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: top;}
.fcon ol h3{font-size: 12px; color: #fff; line-height: 24px; font-weight: 500;}
.fcon ol p{font-size: 12px; line-height: 24px; color: #9fa3a6; margin-top: 8px;}
.fcon ol a:hover p{color: #f2f2f2;}
.ewm{max-width: 1200px; margin: 40px auto 0; display: flex; justify-content: flex-end;}
.ewm ol{font-size: 12px; color: #9fa3a6; line-height: 24px; margin-left: 24px;position: relative; cursor: pointer;}
.popup{display:none;position:absolute;bottom:16px;right:-5px;width:144px;height:160px}
.ewm ol:hover .popup{display: block;}
.er-code{padding:4px;border-radius:4px;background:#fff;-ms-box-shadow:0 2px 6px 0 rgba(0,0,0,.1);-o-box-shadow:0 2px 6px 0 rgba(0,0,0,.1);box-shadow:0 2px 6px 0 rgba(0,0,0,.1)}
.er-code img{width: 136px;height: 136px;vertical-align: middle;}
.triangle{position:absolute;background:#fff;-ms-box-shadow:4px 4px 8px rgba(0,0,0,.1);-o-box-shadow:4px 4px 8px rgba(0,0,0,.1);box-shadow:4px 4px 8px rgba(0,0,0,.1);z-index:8;width:11px;height:11px;bottom:16px;right:16px;transform:translateY(50%) rotate(45deg)}
.beian{text-align: center; margin-top: 16px; border-top: 1px solid #6c7073;padding-top: 20px;}
.beian a{font-size: 12px; color: #999;}

@media screen and (max-width:914px) {
.sidebar--menu ul li .msnav ol a{padding: 10px 20px 0 30px;color: rgba(0,0,0,.65);font-size: 12px;}
.mtop{height: 50px; padding: 0;}
.mtcon{display: none;}
.mtconb{display: flex; justify-content: space-between; align-items: center; padding: 10px 16px;}
.shop{display: block;}
.mtconb img{width: auto; height: 30px;}
.footer{padding: 10px 0 30px;}
.fcon{padding: 0 20px;}
.fcon ol{width: 100%;border-bottom: 1px solid #666;padding: 10px;box-sizing: border-box;}
.fcon ol div{display: flex;flex-wrap: wrap;align-items: center;}
.fcon ol div a{display: block;width: 25%;}
.ewm{padding-right: 20px;}
}