﻿.content{width:1200px;margin: 0 auto}
img{max-width:100%}
.header{border-bottom:1px solid #eee;box-shadow: 0 0 20px rgba(0,0,0,.1);position: relative;}
.header .content{display: flex;justify-content:space-between;line-height:100px;height:100px;}
.header .logo img{max-height:70px;vertical-align: middle;}
.header .right{display: flex;}
.header .right .nav ul{display: flex;}
.header .right .nav ul li{margin-left: 36px;position: relative}
.header .right .nav ul li>a{color:#333333;font-size:18px}
.header .right .nav ul li.active>a,.header .right .nav ul li:hover>a{color: #ab1a29;font-weight:bold}
.header .nav ul li .selectBtn{display:none}
.header .nav ul li .subNav{position:absolute;background:#fff;left:50%;transform:translateX(-50%);box-shadow:0 5px 10px rgba(0,0,0,0.1);display:none}
.header .nav ul li dl dd{height:40px;line-height:40px;width:200px;text-align:center;border-top:1px solid #eee;position: relative;}
.header .nav ul li dl dd a{color: #444;font-size:14px;display: block;width: 100%;height: 100%;}
.header .nav ul li dl dd:hover a.two_a{color:#ab1a29}
.header .right .searchBox{width:153px;height:30px;line-height:30px;margin-top: 35px;border:1px solid #cecece;display: flex;margin-left: 50px}
.header .right .searchBox input[type=text]{width:123px;box-sizing:border-box;padding: 0 10px}
.header .right .searchBox input[type=submit]{width:30px;height:30px;background: url(../images/search.png) center center no-repeat;cursor: pointer;}

.footer{padding-top:40px;background: #303030}
.footer .content{display: flex;justify-content: space-between;padding-bottom: 30px;border-bottom:1px solid #4c4c4c}
.footer .logo{height: 66px;margin-bottom: 50px}
.footer .logo *{max-height:66px}
.footer .footNav ul{display: flex;justify-content: space-between}
.footer .footNav ul li{margin-right: 55px}
.footer .footNav ul li a{color: #fff;font-weight: bold;font-size: 14px}
.footer .footNav ul li a:hover{color:#ab1a29}
.footer .codeMsg{display: flex;justify-content: space-between}
.footer .codeMsg p{color: #ababab;font-size: 14px;line-height:132px;margin-right: 40px}
.footer .codeMsg img{width:132px;height:132px}
.footer .copyright{text-align: center;padding: 10px;line-height: 30px;color: #ababab;font-size: 14px}
.footer .copyright a{color:#ababab}
.footer .copyright a:hover{color:#ccc}

@media screen and (max-width: 880px){
    .content{width:100%;width: 92vw;}
    .header .content{height:70px;line-height:70px}
    .header .logo img{max-height:50px}
    .header .right{display:none;width: 100vw;position: absolute;left: 0;background: #fff;top: 70px;z-index: 11;box-shadow: 0 0 5px rgba(0,0,0,.1);}
    .header .right .nav ul{display:block}
    .header .right .nav ul li{margin-left:0;/* text-align:center; */line-height: 40px;margin-left: 6vw;border-bottom: 1px solid #ddd;margin-right: 6vw;}
    .header .right .nav ul li a{font-size:16px;display: block;width: 100%;height: 100%;}
    .header .nav ul li .selectBtn{width: 32px;height: 32px;display: inline-block;position: absolute;right: 0;top: 4px;text-align: center;display:block}
    .header .nav ul li .selectBtn svg{width:20px }
    .header .nav ul li .subNav{position:relative;box-shadow:none;}
    .header .nav ul li dl dd{width: 100%;text-align: left;padding-left: 30px;box-sizing: border-box;height: auto;}
    .header .nav ul li dl dd a{width: 80%;}
    .header .right .searchBox{margin: 20px auto 20px;margin-left: 6vw;}
    .menu{position:absolute;right:0;top:calc(50% - 35px);width: 70px;height: 70px;line-height:70px;text-align:center}
    .menu svg{vertical-align:middle;display:inline-block}

    .footer .footMsg{width:50%}
    .footer .logo{max-height:50px;margin-bottom: 30px;}
    .footer .logo *{max-height:50px}
    .footer .footNav ul{/* display:block; */flex-wrap: wrap;}
    .footer .footNav ul li{margin-right:10px;margin-bottom: 10px;}
    .footer .codeMsg{position:relative}
    .footer .codeMsg p{position:absolute;line-height:40px;bottom:0;margin-right: 0;text-align: center;width: 100%;top: 132px;}
    .footer .copyright{font-size:12px}
}

