﻿.header {
  width: 100%;
  min-width: 1200px;
  background-color: white;
}

.head {
  padding: 8px 0px;
  position: relative;
}

.head img {
  /* width: 211px;
  height: 75px; */
  display: inline;
  margin-top:10px;
}

.head div:last-child {
  display: flex;
  width:1000px;
}



.header .menu {
 /*  border-top: 1px solid #efefef;  */
}

.header .menu ul {
  font-size: 0px;
}

.header .menu>ul>li {
  display: inline-block;
  width: 142px;
  height: 70px;
  position: relative;
}

.header .menu>ul>li>a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 70px;
  font-size: 18px;
}

.header .menu>ul>li:hover,
.header .menu>ul>li.active {
  border-bottom: 3px solid #305AA8;

}

.header .menu>ul>li:hover>a,
.header .menu>ul>li.active>a {
  color: #305AA8;
}

.header .menu>ul>li:hover ul {
  display: block;
}

.header .menu>ul>li>ul {
  display: none;
  position: absolute;
  bottom: auto;
  z-index: 100;
  width: 120%;
  padding-top: 5px;
  margin-left:-10%;
  background-color: #305AA8;
}

.header .menu>ul>li>ul>li:hover a {
  background-color: #0087D1;
}

.header .menu>ul>li>ul>li>a {
  display: block;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: white;
  font-size: 16px;
}

.footer{background:#1F2024;color:#fff;text-align:center}
.footer .content{padding:40px 0;border-bottom:1px solid rgba(255,255,255,0.2); height:280px; overflow:hidden;}
.footer .content a{color:#fff}
.footer .content a:hover{color:#305AA8}
.footer .content .footnav{width:100%; float:left;}
.footer .content .footnav dl{width:18%; float:left;}
.footer .content .footnav .lx {width:28%; float:left;}
.footer .content .footnav dl dd, .footer .content .footnav dl dd a{width:100%; float:left; font-size:16px; height:35px; color:#CCC; font-weight:600; line-height:35px; margin-bottom:10px; text-align:left;}

.footer .content .footnav .lx .lxtxt{width:100%; float:left; font-size:16px; height:35px; color:#CCC; font-weight:600; line-height:35px; margin-bottom:10px; text-align:left;}
.footer .content .footnav dl dt, .footer .content .footnav dl dt a{width:100%; float:left; font-size:14px; height:25px; font-weight:normal; line-height:40px; text-align:left;margin-bottom:5px;}
.footer .content .footnav .lx .lxtxt1{width:100%; float:left; font-size:14px; height:25px; color:#CCC; font-weight:normal; line-height:25px; text-align:left; padding-left:30px;background:url('../image/fbot1.png') no-repeat;}
.footer .content .footnav .lx .lxtxt2{width:100%; float:left; font-size:14px; height:25px; color:#CCC; font-weight:normal; line-height:25px; text-align:left; padding-left:30px;background:url('../image/fbot2.png') no-repeat;}
.footer .content .footnav .lx .lxtxt3{width:100%; float:left; font-size:14px; height:25px; color:#CCC; font-weight:normal; line-height:25px; text-align:left; padding-left:30px;background:url('../image/fbot3.png') no-repeat;}
.footer .content .footnav .lx .lxtxt4{width:100%; float:left; font-size:14px; height:25px; color:#CCC; font-weight:normal; line-height:25px; text-align:left; padding-left:30px;background:url('../image/fbot4.png') no-repeat;}
.footer .content .footnav .lx .bot{width:100%; height:40px; margin-top:10px; float:left;}
.footer .content .footnav .lx .bot li{width:15%; float:left; margin:0 0.5%; height:40px;}
.footer .content .footnav .lx .bot li a{height:40px;}
.footer .content .footnav .lx .bot li img{height:40px;}
.footer .content .footnav .lx .weixin {
position: relative;
}

.footer .content .footnav .lx .weixin img.qrcode {
position: absolute;
z-index: 99;
top: -135px;
right: -38px;
width: 120px;
max-width: none;
height: 140px;
max-height: none;
transform: scale(0);
transform-origin: top right;
opacity: 0;
border: 2 solid #0085ba;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;

}

.footer .content .footnav .lx .weixin:hover img.qrcode {
transform: scale(1);
opacity: 1;
}