html,body{width: 100%;height: 100%;}
body{overflow-x: hidden;overflow-y:auto;}
.mainbox{ margin:0 auto;font-style:normal;width: 1200px;}
.header{width: 100%;height: 100px;position: fixed;top: 0;left: 0;background-color:#fff;box-shadow: 0px 0px 59px 0px rgba(0, 0, 0, 0.06);z-index: 101;padding:0 40px;display: flex;align-items: center;justify-content: space-between;}
.header .menu{width: 56px;height: 100px;display: none;position: absolute;z-index: 5;left: 24px;top: 0;cursor: pointer;transition: left 0.3s ease;}
.header .menu span{width: 24px;height: 2px;background-color: #2F2D2C;position: absolute;left: 0;right: 0;top: 49px;margin:auto;}
.header .menu span.t{top: 40px;transition: all 0.3s}
.header .menu span.b{top: 58px;transition: all 0.3s}
.header.open .menu span.m{opacity: 0}
.header.open .menu span.t{transform: rotate(45deg);top: 49px;}
.header.open .menu span.b{transform: rotate(-45deg);top: 49px;}
.header .logo{width: 315px;display: block;}
.header .fr{height: 100%;display: flex;align-items: center;justify-content: flex-start;}
.header .fr a{font-size: 16px;color:#0F3869;line-height: 30px;font-weight: bold;margin-right: 38px;border-bottom: 1px solid #0F3869}
.header .fr .search{width: 56px;height: 50px;background-image: url(../images/icon-seach.png);background-position: center;background-size: 21px;cursor: pointer;}
.header .nav{height: 100px;display: flex;align-items: center;}
.header .nav>li{padding: 0 14px;width: auto;height: 100%;position: relative;display: flex;align-items: center;}
.header .nav li a,.header .nav li span{transition: color 0.3s ease,background 0.3s ease;}
.header .nav>li>a,.header .nav>li>span{font-size: 18px;line-height: 40px;padding: 0 14px;border-radius: 4px;color: #101010;display: block;}
.header .nav>li.active>a,.header .nav>li.active>span{color: #0F3869;font-weight: bold;position: relative;}
.header .nav>li>a:after,.header .nav>li>span:after{content: '';position: absolute;left: 14px;right: 14px;bottom: -6px;height: 3px;background-color:transparent;transition: background-color 0.3s ease;}
.header .nav>li.active>a:after,.header .nav>li.active>span:after{background-color: #0F3869;}
.header .nav ul{display: none;position: absolute;top: 80px;left: 5px;right: 5px;background: #014099;border-radius: 4px;padding:10px 0;}
.header .nav ul a{display: block;line-height: 36px;text-align: center;font-size: 16px;color: #fff;}
.header .nav ul a.active{color: #F69237;}
.header_placeholder{width: 100%;height: 100px;}

.header_searchbox{position: fixed;top: 100px;left: 0;display: none;z-index: 100;}

.searchbox{width: 100%;background-color:#F7F7F7;}
.searchbox.white{background-color:#fff;}
.searchbox .mainbox{width: 800px;padding:60px 0;}
.searchbox  h2{font-size: 36px;line-height: normal;font-weight: bold;color: #0F0C0C;text-align: center;}
.searchbox .inputbox{width: 100%;position: relative;border-bottom: 1px solid #CCCCCC;margin-top: 24px;padding: 0 40px;height: 60px;}
.searchbox .inputbox .icon{width: 40px;height: 100%;position: absolute;left: 0;top: 0;background-image: url(../images/icon-seach2.png);background-size: 20px;background-position: left center;}
.searchbox .inputbox input{display: block;width: 100%;height: 100%;font-size: 20px;line-height: 60px;color: #252322;}
.searchbox .inputbox .clear{cursor: pointer;width: 40px;height: 100%;position: absolute;right: 0;top: 0;background-image: url(../images/seach-clear.png);background-size: 20px;background-position: right center;}
@media (min-width:1025px){
	.header .nav>li:hover>span{background: #014099;color: #fff;}
	.header .nav>li:hover ul{display: block;}
	.header .nav ul a:hover{color: #F69237;}
}

@media (max-width:1640px){
	.header .nav>li{padding: 0}
	.header .nav ul{left: -5px;right: -5px;}
	.header .fr a.old{margin-right: 16px;}
}
@media (max-width:1440px){
	.header .nav>li>a, .header .nav>li>span{font-size: 16px;}
	.header .nav ul a{font-size: 14px;}
	.header .fr a{font-size: 14px;margin-right: 20px;}
	.header .fr a.old{margin-right: 8px;}
}
@media (max-width:1360px){
	.header .logo{width: 252px;}
	.header .nav>li>a, .header .nav>li>span{line-height: 32px;padding: 0 8px;}
	.header .nav>li>a:after, .header .nav>li>span:after{left: 8px;right: 8px;}
	.header .nav ul{left: -11px;right: -11px;}
}
@media (max-width:1340px){
	.mainbox{width: 90%;}
}
@media (max-width:1160px){
	.header{padding: 0 20px;}
	.header .logo{width: 189px;}
}
@media (max-width:1024px){
	.header{display: block;padding:0 24px;}
	.header:after{content:'';width: 0px;position: absolute;left: 0;height: 100%;top: 0;z-index: 4;background-color:#fff;border-bottom: 1px solid #E5E5E5;    box-sizing: border-box;}
	.header .menu{display: block;}
	.header .nav{position: fixed;top: 100px;height:0px;overflow:hidden;left: 0;width: 100%;z-index: 102;background-color:#fff;flex-direction: column;transition: height 0.3s ease;}
	.header .nav>li:first-child{padding-top: 20px}
	.header .nav>li:last-child{padding-bottom:60px}
	.header .nav>li{width: 100%;height: auto;display: block;}
	.header .nav>li>a:after, .header .nav>li>span:after{display: none;}
	.header .nav>li>a, .header .nav>li>span{padding:20px 36px 20px 40px;}
	.header .nav>li>span:before{content: '';width: 32px;height: 32px;position: absolute;top: 20px;right: 36px;background-image: url(../images/icon-zhankai.png);background-size: 16px;background-position: center;background-repeat: no-repeat;transition: transform 0.3s ease;}
	.header .nav ul{display: none;background-color:transparent;position: relative;left: 0;top: 0;right: auto;overflow:hidden;padding:0;}
	.header .nav ul a{text-align: left;color: #666;padding:10px 70px;}
	.header .nav>li.open>span:before{transform: rotate(180deg);}
	.header .fr{float: right;position: relative;z-index: 3}
	.header .fr .search{width: 56px;height: 50px;background-image: url(../images/icon-seach-wap.png);}
	.header .fr a.old{display: none;}
	.header .fr a.lan{border:1px solid #CCCCCC;border-radius: 50%;width: 32px;text-align: center;color: #999;margin-right: 80px;font-weight: normal;}
	.header .logo{position: absolute;left: 0;right: 0;top: 0;z-index: 2;margin:auto;width: 315px;height: 100%;display: flex;align-items: center;}
	.header.open:after{width: 100%;transition: width 0.3s ease;}
	.header.open .menu{left: calc(100% - 80px)}
	.header.open .nav{height: calc(100% - 100px);overflow-x: hidden;overflow-y: auto;}
}
@media (max-width:880px){
	.searchbox .mainbox{width: 100%;padding: 40px;}
}
@media (max-width:768px){
	.mainbox{width: 100%;padding: 0 0.4rem;}
	.header{height: 1rem;padding: 0 0.34rem;}
	.header_placeholder{height: 1rem;}
	.header .menu{width: 0.6rem;height: 1rem;left: 0.34rem;}
	.header .menu span{width: 0.48rem;height: 0.04rem;top: 0.48rem;}
	.header .menu span.t{top: 0.36rem;}
	.header .menu span.b{top: 0.6rem;}
	.header.open .menu span.t{top: 0.48rem;}
	.header.open .menu span.b{top: 0.48rem;}
	.header.open .menu {left: calc(100% - 0.94rem);}
	.header .logo{width: 3.15rem;}
	.header .fr a.lan{width: 0.5rem;height: 0.5rem;margin-right: 0.2rem;line-height: calc(0.5rem - 2px);font-size: 0.24rem;}
	.header .fr .search{width: 0.5rem;height: 0.5rem;background-size: 0.32rem;}
	.header .nav{top:1rem;}
	.header.open .nav{ height: calc(100% - 1rem);}
	.header .nav>li:first-child{padding-top: 0.3rem}
	.header .nav>li:last-child{padding-bottom:0.7rem;}
	.header .nav>li>a, .header .nav>li>span{padding:0.3rem 0.44rem 0.3rem 0.4rem;font-size: 0.32rem;line-height: 0.4rem;}
	.header .nav>li>span:before{width: 0.4rem;height: 0.4rem;top:  0.3rem;right: 0.44rem;background-size: 0.3rem;}
	.header .nav ul a{font-size: 0.28rem;line-height: 0.32rem; padding: 0.2rem 0.7rem;}
	.header_searchbox{top: 1rem;}
	.searchbox .mainbox{width: 100%;padding: 0.4rem;}
	.searchbox  h2{font-size: 0.36rem;}
	.searchbox .inputbox{margin-top: 0.24rem;padding: 0 0.6rem;height: 0.8rem;}
	.searchbox .inputbox .icon{width: 0.6rem;background-size: 0.3rem;}
	.searchbox .inputbox input{font-size: 0.28rem;line-height: 0.8rem;}
	.searchbox .inputbox .clear{width: 0.6rem;background-size: 0.3rem}
}
.footer{background-color:#0E3869;width: 100%;}
.footer .top{width: 100%;display: flex;justify-content: space-between;padding: 60px 0 15px;flex-wrap: wrap;}
.footer .top .navlist{display: flex;justify-content: flex-start;flex-wrap: wrap;overflow: hidden;}
.footer .top .topline{position: relative;flex-grow: 1;}
.footer .top .topline:after{content: '';width: 1px;height: 180px;background: #ffffff;opacity: 0.1;position: absolute;right: 0;top: 0;left: 0;margin:auto;}
.footer .top dl{margin-right: 60px;}
.footer .top dl:last-child{margin-right: 0px;}
.footer .top dt{margin-bottom: 12px;overflow: hidden;}
.footer .top dt>*{font-size: 16px;color: #FFFFFF;line-height: 22px;margin: 5px 0;display: block}
.footer .top dd{overflow: hidden;}
.footer .top dd>*{font-size: 14px;color: rgba(255,255,255,0.7);line-height: 22px;margin: 5px 0;display: block}
.footer .codebox{display: flex;align-items: center;justify-content: flex-start;flex-direction: column;}
.footer .codebox li{width: 82px;margin-bottom: 9px;}
.footer .codebox li p{text-align: center;font-size: 13px;color: #fff;line-height: 32px;}
.footer .bot{border-top: 1px solid rgba(255,255,255,0.1)}
.footer .ico{display: flex;align-items: center;justify-content: center;font-size: 12px;line-height: 60px;color: rgba(255,255,255,0.4);}
.footer .ico a{font-size: 12px;line-height: 60px;color: rgba(255,255,255,0.4);display: flex;align-items: center;justify-content: flex-start;margin-left: 70px;}
.footer .ico img{width: 18px;margin-right: 9px;}
@media (max-width:1100px){
    .footer .top{flex-direction: column;}
    .footer .top .navlist{width: 100%;justify-content: space-between;}
    .footer .top dl{margin-right: 0;}
    .footer .top .topline{display: none}
    .footer .codebox{width: 100%;flex-direction: row;justify-content: center;margin-top: 40px;}
    .footer .codebox li{width: 82px;margin-bottom: 0;margin:0 40px;}
    .footer .bot{border-top: none}
}
@media (max-width:768px){
    .footer .top{padding: 0 0 0.2rem;}
    .footer .top .navlist{justify-content:flex-start;}
    .footer .top dl{margin-right: 0.6rem;margin-top: 0.91rem;}
    .footer .top dl:nth-child(4){margin-right: 0px;}
    .footer .top dl:nth-child(5){margin-right: 0.8rem;}
    .footer .top dl:nth-child(6){margin-right: 0.8rem;}
    .footer .top dl:nth-child(7){margin-right: 0.8rem;}
    .footer .top dt{margin-bottom: 0.22rem;}
    .footer .top dt>*{font-size: 0.28rem;color: #FFFFFF;line-height: 0.44rem;margin:0;display: block}
    .footer .top dd>*{font-size: 0.24rem;color: rgba(255,255,255,0.7);line-height: 0.44rem;margin: 0.1rem 0;display: block;}
    .footer .codebox{width: 100%;justify-content: space-between;}
    .footer .codebox li{width: 1.75rem;margin:0;}
    .footer .codebox li p{font-size: 0.24rem;line-height: 0.32rem; margin-top: 0.14rem;}
    .footer .ico{font-size: 0.24rem;line-height: 0.8rem;white-space: nowrap;transform: scale(0.75);}
    .footer .ico a{font-size: 0.24rem;;line-height: 0.8rem;margin-left: 0.4rem;}
    .footer .ico img{width: 0.32rem;margin-right: 0.1rem;}
}