.width{width: 1180px;margin: 0 auto;}
.head{height: 236px;}
.head .width{overflow: hidden;margin: 0 auto;position: relative;display: flex;}
.head .up{height: 36px;background: #F4F5F8;background-size: cover;}
.head .up .language{display: flex;width:1180px;height: 36px;align-items: center;padding-left: 920px;}
.head .up .language span{display: block;margin-right: 30px;color: #8C8C8C;font-size: 14px;}
.head .up a{font-weight: 400;font-size: 12px;color: #8C8C8C;}
.head .up a.sitemap{margin-right: 20px;}
.head .up b{display: block;font-weight: 400;font-size: 12px;color: #8C8C8C;margin: 0 5px;}
.head .top{height: 112px;background: #FAFAFA;background-size: cover;}
.head .logo{width: auto;height: 64px;margin-top: 24px;margin-right: 318px;display: flex;}
.head .logo img{display: block;width: 146px;height: 64px;}
.head .logo hr{width: 1px;height: 64px;border-left: 1px solid #D9D9D9;margin: 0 20px;}
.head .logo span{display: block;font-weight: 500;font-size: 27px;color: #182141;}
.head .logo span em{display: block;font-weight: 400;font-size: 16px;color: #182141;margin-top: 4px;font-family: PingFang SC;}
.head .qr{display: flex;width: 100px;height: 80px;margin-top: 16px;align-items: center;}
.head .qr img{display: block;width: 80px;height:80px;}
.head .qr h5{display: block;writing-mode: vertical-lr;font-weight: 400;font-size: 12px;color: #000000;line-height: 16px;margin-left: 4px;letter-spacing: 4px;}
.head .qr h5 em{display: inline-block;writing-mode: vertical-lr;font-weight: 400;font-size: 12px;color: #000000;line-height: 16px;margin-left: 4px;letter-spacing: 0;}
.head .contact{margin-top: 28px;position: absolute;right: 0;display: flex;}
.head .contact img{display: block;width: 54px;height: 54px;margin-right: 8px;}
.head .contact span{display: block;font-weight: 400;font-size: 14px;color: #000000;}
.head .contact p{font-weight: 500;font-size: 24px;color: #00479C;}
.head dl.nav{display: flex;justify-content: space-between;flex-wrap: wrap;height: 88px;background: #FFFFFF;width: 1180px;margin: 0 auto;}
.head dl.nav dd{width: 130px;height: 88px;display: block;}
.head dl.nav dd>a{display: block;font-weight: 400;font-size: 16px;color: #5D5F63;line-height: 88px;text-align: center;}
.head dl.nav dd.on{border-bottom:2px solid #00479C;box-sizing: border-box;}
.head dl.nav dd.on>a{color: #00479C;}
.head dl.nav dd:hover{border-bottom: 2px solid #00479C;box-sizing: border-box;}
.head dl.nav dd:hover>a{color: #00479C;}
.head dl.nav dd .menu{position: absolute;top: 200px;height:0;overflow: hidden;transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;z-index: 999;width: 100%;left: 0;}
.head dl.nav dd:hover .menu_a{height: auto;background: #FFFFFF;width: 100%;}
.head dl.nav dd:hover .nav-1{height: auto;padding-top: 32px;margin: 0 auto;width: 1180px;padding-bottom: 12px;display: flex;flex-wrap: wrap;}
.head dl.nav dd:hover .nav-1 a{display: block;width: 250px;height: 24px;margin-right: 60px;border: 1px solid rgba(0,0,0,0);margin-bottom: 20px;box-sizing: border-box;display: flex;align-items: center;}
.head dl.nav dd:hover .nav-1 p{font-weight: 400;font-size: 16px;color: #5D5F63;line-height: 24px;}
.head dl.nav dd:hover .nav-1c a{padding-left: 86px;}
.head dl.nav dd:hover .nav-1d a{width: 236px;margin-right: 0px;justify-content: center;}
.head dl.nav dd:hover .nav-1 a em{display: inline-block;width: 6px;height: 8px;background: url(../images/hf/h_none.png);background-size: 100%;margin-right: 8px;}
.head dl.nav dd:hover .nav-1 a:hover em{background: url(../images/hf/h_arrow.png);background-size: 100%;}
.head dl.nav dd:hover .nav-1a a:nth-child(4n){margin-right: 0;}
.head dl.nav dd:hover .nav-1b a:nth-child(4n){margin-right: 0;}
.head dl.nav dd:hover .nav-1c a:nth-child(4n){margin-right: 0;}
.head dl.nav dd:hover .nav-1 a:hover p{font-weight: bold;color: #262626;}

.adver{height: auto;overflow: hidden;}
.adver img{display: block;height: 312px;margin: auto;width: 100%;object-fit: cover;}

.footer{height: auto;background: #182141;padding-top: 80px;padding-bottom: 80px;} 
.footer .width{display: flex;position: relative;}
.footer .width .f_m{width: 120px;margin-right: 48px;}
.footer .width .f_qr{width: 292px;}
.footer .width .f_m h5{display: block;font-weight: 500;font-size: 16px;color: rgba(255,255,255,0.9);margin-bottom: 24px;}
.footer .width .f_m b{display: block;font-weight: 400;font-size: 12px;color: rgba(255,255,255,0.64);line-height: 20px;margin-bottom: 8px;}
.footer .width .f_m b:hover{color: rgba(255,255,255,1);}
.footer .width h4{display: block;width: 0;height: 272px;border-left: 1px solid rgba(255,255,255,0.16);margin-right: 48px;}
.footer .beian{text-align: center;font-weight: 400;font-size: 12px;color: rgba(255,255,255,0.84);margin: 30px auto 0;}
.footer .beian a{display: inline-block;font-weight: 400;font-size: 12px;color: rgba(255,255,255,0.84);}
.footer .width .f_qr .qr_pic{display: block;position: absolute;right: 0;top: 0;width: 96px;height: 120px;}
.footer .width .f_qr .qr_pic .pic{width: 88px;height: 88px;background: #FFFFFF;display: flex;align-items: center;justify-content: center;margin: auto;}
.footer .width .f_qr .qr_pic .pic img{display: block;width: 88px;height: 88px;background: #D9D9D9;}
.footer .width .f_qr .qr_pic h3{display: block;text-align: center;font-weight: 400;font-size: 12px;color: rgba(255,255,255,0.8);margin-top: 4px;margin-bottom: 48px;}
.footer .width .f_link{display: none;position: absolute;top: 248px;left: 0;align-items: center;height: 24px;}
.footer .width .f_link span{display: block;font-weight: 500;font-size: 16px;color: rgba(255,255,255,0.9);margin-right: 24px;}
.footer .width .f_link a{display: block;font-weight: 400;font-size: 12px;color: rgba(255,255,255,0.8);margin-right: 12px;}
.footer .width .f_link a::before{display: inline-block;content: "";width: 1px;height: 16px;border-left: 1px solid rgba(255,255,255,0.2);margin-right: 12px;vertical-align: -5px;}