@charset "utf-8";
/* CSS Document */




.header{width: calc(100% - 60px); z-index: 100; top: 0;left: 0;background:#fff; height: 80px; padding: 0 30px;}
.logo{float: left; width: 368px; padding-top: 25px;}
.logo img{width: 100%;}
.wxss{float: right; padding-top: 19px;}
.wxss ul{overflow: hidden;}
.wxss li{float: left; padding-left: 11px;}
.wxss a{display: block; width: 42px;height: 42px;}
.wxss img{width: 100%;}
.nav{float: right;}
.nav li{float: left; padding-right: 22px; padding-left: 22px; font-size: 16px; line-height: 80px; transition: 0.5s;}
.nav li:hover{ background: #01288c;}
.nav li:hover a{color: #fff;}

.nav a{ color: #555;}
.nav li.cur a{color: #01288c;}
.nav a:hover{color: #01288c;}



.footer{background: #161616;}
.footerbox{width: 1475px; max-width: 94%; overflow: hidden; margin: 0 auto; padding: 90px 0 45px;}
.foot_left{float: left; width: 300px;}
.lxdh{overflow: hidden;}
.lxdh img{float: left;}
.lxdhtext{width: calc(100% - 60px);float: right;}
.lxdhtext p{font-size: 16px;margin-bottom: 5px; color: #fff;}
.lxdhtext h2{font-weight: bold; font-size: 24px; color: #fff;}
.rwm{padding-top: 28px;}
.foot_right{float: right;width: calc(100% - 370px);}
.foot_right ul{overflow: hidden;}
.foot_right li{float: left; width: 16.66%;}
.foot_right h2{font-size: 16px; color: #fff; margin-bottom: 10px;}
.foot_right dt{font-size: 14px; line-height: 34px;}
.foot_right dt a{color: #fff; opacity: .4;}
.foot_right dt a:hover{opacity: 1;}
.bqxx{border-top: 1px solid #2e2e2e;}
.bqxx p{text-align: center; line-height: 22px;color: #fff;opacity: .3;padding: 36px 3%;font-size: 14px;}



@media(max-width:1200px){
.header{height: 60px; padding: 0 3%; position: fixed; width: calc(100% - 6%);top: 0;left: 0; background: #fff;}
.dhbtn{position: absolute;width: 30px;height: 30px; right: 3%; top: 15px;background: url(../images/a11.png) no-repeat center center #083090;border-left: 1px solid #fff;background-size: 20px 20px;border-radius: 4px;}
.dhbtn.on{background: url(../images/d2.png) no-repeat center #083090;background-size: 20px 20px;}
.kfdh{width: 60px;height: 60px; right: 60px;height: 60px;}
.kfdh:before{height: 60px;width: 60px;}
.kfdh:after{border-left: 1px solid #fff;height: 100%;}
.logo{width: 200px;padding-top: 23px;}
.wxss{position: absolute; padding: 0; right: 50px;top: 13px;}
.wxss a{width: 35px;}
.fgt{height: 60px;}



.nav{position: fixed; width: 100%;height: calc(100% - 60px); left: -100%; top: 60px;background: #035593;padding: 0;overflow: auto;z-index: 100;}
.nav li{float: none; width: 100%; padding: 0 3%;position: relative;line-height: 48px;border-bottom: 1px solid rgba(255,255,255,.2);}
.nav  a{display: block; font-size: 16px; color: #fff;}
.nav li.cur a{color: #f3b345;}
.nav a:hover{color: #f3b345;}


.footer{padding: 30px 3% 0 3%;}
.footerbox{padding: 0;}
.foot_left{float: none; margin: 0 auto;width: 100%;}
.lxdh img{float: none; margin: 0 auto;}
.lxdhtext{float: none; width: 100%; padding: 10px 0;}
.rwm{padding: 0 ;}
.rwm img{width: 80px;margin: 0 auto;float: none; display: block;}
.lxdh{float: none; width: 100%;text-align: center;}
.foot_right{float: none; width: 100%;padding-top: 25px; display: none;}
.foot_right li{float: none; width: 100%; padding-bottom: 15px;}
.foot_right dl{overflow: hidden; margin-left: -10px;}
.foot_right dt{float: left; padding-left: 10px;line-height: 1.5;}

}