/*头部*/
.top{width: 100%;height: 100px;background-color: rgba(0,0,0,0.2);position: fixed;top:0;padding:0;z-index: 20;}
.top-cont{display: flex;justify-content: space-between;}
.top .fl{display: flex;align-items: center;}
.top .fl .logo{margin-right: 18px;margin-top: 15px;width:250px;}
.top .fl .logo img{width:100%;}
.top .fl .biaotou{padding-left: 17px;border-left: 1px solid #eee;}
.top .fl .biaotou h4{font-size: 24px;font-weight: 500;color: #fff;line-height: 32px;}
.top .fl .biaotou p{font-size: 18px;font-weight: 400;color: #eee;}
.top .fr{display: flex;align-items: center;}
.top .fr .zxrx{text-align: right;}
.top .fr .zxrx p{font-size: 18px;font-weight: 400;color: #eee;}
.top .fr .zxrx h4{font-size: 30px;font-weight: bold;color: #fff;line-height: 35px;}
.top .fr .ljzx{margin-left: 29px;text-align: center;width: 102px;height: 46px;line-height: 46px;/*background: #005FAF;*/border-radius: 6px;font-size: 18px;font-weight: 400;color: #fff;}
.top .fr .ljzx img{width: 50px;}

.top.top-back{background-color: rgba(0,0,0,0.5);position: static;}
/*头部 end*/

/*导航*/
.nav{width:100%;height: 60px;background: rgba(0,0,0,0.2);position: fixed;top:100px;z-index: 20;border-top: 1px solid rgba(225,225,225,0.5);}
.nav ul{display:flex;justify-content:space-around;align-items:center;}
.nav li {display:flex;justify-content:center;align-items:center;width:14.2%;height: 60px;position: relative;}
.nav li > a {width:100%;display: block;height: 60px;line-height: 60px;font-size: 16px;color: #fff;text-align: center;transition: none;transition: background .5s ease;}
.nav li a .sx{width: 1px;height: 35px;display: block;position: absolute;top: 10px;background-color: #fff;}
.nav .drop {position: absolute;left: 0;right: 0;top: 60px;padding: 0 0 0 0;background-color: rgba(0,0,0,0.2);display: none;}
.nav .drop dd {line-height: 45px;border-top: 1px solid #56b44c;}
.nav .drop dd:first-child {border-top: 0;}
.nav .drop a {width:100%;display: block;color: #fff;text-align: center;}
.nav .drop a:hover {width:100%;background-color: rgba(0,0,0,0.2);}
.nav li.active > a {width:100%;border-bottom: 2px solid #3ba86f;color: #fff;background-color: rgba(0,0,0,0.2);}
.nav li.current > a {width:100%;border-bottom: 2px solid #3ba86f;color: #fff;background-color: rgba(0,0,0,0.2);}

.nav.nav-back{background: rgba(0,0,0,0.5);top:0;position: static;}
.nav.nav-back .drop {background: rgba(0,0,0,0.5);}
/*导航 end*/