﻿*{margin:0;padding:0;list-style: none;}
.header{width:100%;background-color: white;}
.head{width:67%;margin:0 auto;position:relative;min-width:1100px;}
.head li{float:left;width: 13.4%;text-align:center;border-right:1px solid #e0e0e0;box-sizing: border-box;position: relative;}
.head li .a{font-size:16px;color:#333333;display:block;padding: 2vw 0px 1.5vw 0px;}
.head li .en{font-size:12px;font-family:'Arial';color:#9c9c9c;display:block;text-transform: uppercase;margin:10px 0px 0px 0px;}
.head li.first{border-left:1px solid #e0e0e0;}
.head li.logo{padding: 0.75vw 0px;width:13vw;}
.head li.logo img{max-width:100%;max-height: calc(45px + 2vw);}
.head .search{width:5.2vw;padding: 1.75vw 0px;background:url(../images/icon-search.png) center center no-repeat;position:absolute;right:-5.2vw;top: 0px;height: 45px;cursor: pointer;z-index: 999;}
.head .search form{position:absolute;top: 50%;right: 35%;height: 30px;background: #fff;width:200px;margin-top: -15px;max-width: 0px;overflow: hidden;box-sizing: border-box;transition: 0.5s all ease;border: 0px solid transparent;}
.head .search form input[type='text']{width:150px;height:30px;line-height:30px;text-indent:10px;color:#333;float: left;}
.head .search form input[type='submit']{width:50px;height:30px;line-height:30px;float:right;background: url(../images/icon-search.png) #fff center center no-repeat;color:#333;font-size: 0px;cursor:pointer;background-size: 20px;position: absolute;right: 0px;border-left:1px solid #e0e0e0;}
.head li:hover .a{color:#303964;}
.head li:hover .a .en{color:#303964;}
.head li.active .a{color:#303964;}
.head li.active .a .en{color:#303964;}
.head .search:hover form{max-width:200px;border:1px solid #e0e0e0;}
.head li dl{position:absolute;background:#fefefe;width: 100%;text-align: center;z-index:99999;display:none;}
.head li dl a{font-size:14px;padding:10px 0px;line-height:20px;display:block;}
.head li dl a:hover{color:#303964;}
.head li dl a.active{color:#303964;}



.footer{background: #202020;padding:40px 0px 0px 0px;}
.foot{width:1200px;margin:0 auto;padding: 0px 0px 30px 0px;border-bottom: 1px solid #797979;}
.footL{float:left;}
.footL li{width:60px;float:left;margin: 0px 53px 0px 0px;}
.footL a{font-size:14px;color:#fff;}
.footL dl{margin:15px 0px 0px 0px;width: max-content;}
.footL dd{margin:8px 0px 0px 0px;}
.footL dd a{font-size:12px;opacity:0.7;}

.footC{float:left;position: relative;}
.footC .p1{color:#fff;font-size:12px;margin: 0px 0px 13px 0px;padding: 0px 0px 0px 32px;height: 20px;line-height: 20px;}
.footR{float:right;width:108px;text-align:center;font-size:12px;color:#fff;}
.footR img{max-width: 100%;}
.footR .txt{margin:13px 0px 0px 0px;}
.copyright{text-align:center;font-size:12px;color:#fff;opacity:0.4;line-height:20px;padding:30px 0px;}
.copyright a{color:#fff;margin:0px 0px 0px 5px;}
.footC .t4{cursor:pointer;}
.wechat{position:absolute;width:120px;display:none;}






.mlogo{display:none;}
.copyright .footR{display:none;}

@media(max-width: 1024px){
    body{padding:60px 0px 0px 0px;}
    .header{position:fixed;top:0px;left:0px;z-index:99999;background:#fff;}
    .head{min-width: unset;width: 92%;height:60px;position:relative;}
    .head .open{width: 30px;height: 26px;background:url(../images/icon-open.png) center center no-repeat;position:absolute;left:0px;background-size:contain;top: 17px;}
    .mlogo{display:block;position:absolute;height:55px;top: 4px;width: 50%;left: 25%;text-align: center;}
    .mlogo img{max-height:90%;}
    .head .search{right:0px;width: 32px;height: 28px;background: url(../images/icon-search2.png) center center no-repeat;background-size: contain;padding: 0px;top: 16px;}
    .head .search form{top: 44px;right: 0px;}    

    .head .nav {position:absolute;top:60px;z-index: 9999;background: #eee;width: 100vw;left: -4vw;height: calc(100vh - 60px);overflow-y: scroll;display: none;}
    .head .nav li{float:none;width:100%;border-bottom: 1px solid #d0d0d0;}
    .head .nav li .en{display:none;}
    .head li .a{font-size:16px;padding: 15px 0px;}
    .head .nav li .icon{display:inline-block;width: 10px;height: 10px;background:url(../images/icon-arrow2.png) center center no-repeat;background-size:contain;margin: 0px 0px 0px 15px;position: absolute;top: 22px;}
    .head li dl{position:relative;background:#eee;}
    .head li dl dd{border-top: 1px solid #d0d0d0;}
    .head .nav li.active .icon{background:url(../images/icon-arrow3.png) center center no-repeat;background-size: cover;}
    .head li.active .a{background:#c30d23;color:#fff;}
    .head li:hover .a{background:#c30d23;color:#fff;}
    .head .nav li:hover .icon{background:url(../images/icon-arrow3.png) center center no-repeat;background-size: contain;}

    .footer{padding:25px 0px 0px 0px;}
    .foot{width:92%;padding: 0px 0px 10px 0px;}
    .footL{display: none;}
    .footC{float: none;}
    .footC .p1{padding: 0px 0px 0px 28px;}
    .foot .footR{display:none;}
    .copyright{width: 92%;margin:0 auto;opacity: 1;padding: 20px 0px;}
    .copyright .footR{display:inline-block;float:left;width: 80px;}
    .copyright .footR .txt{display:none;}
    .copyright .copy{opacity:0.5;float: right;width: calc(100% - 100px);text-align: left;line-height: 26px;}

    .wechat{width: 95px;}



}


