.width{width: 1200px;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: 1050px;}

.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: 220px;height: 56px;}

.head .logo hr{width: 1px;height: 64px;border-left: 1px solid #D9D9D9;margin: 0 20px;}

.head .logo span{display: block;font-weight: bold;font-size: 18px;color: #262626;height: 32px;line-height: 32px;}

.head .logo span em{display: block;font-weight: 400;font-size: 18px;color:#262626;margin-top:0px;height: 32px;line-height: 32px;}


.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: #00923F;}

.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: 168px;height: 88px;display: block;position: relative;}

.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 #00923F;box-sizing: border-box;}

.head dl.nav dd.on>a{color: #00923F;}

.head dl.nav dd:hover{border-bottom: 2px solid #00923F;box-sizing: border-box;}

.head dl.nav dd:hover>a{color: #00923F;}

.head dl.nav dd .menu{position: absolute;top: 88px;height:0;overflow: hidden;transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;z-index: 999;width: 220px;left: 0;}
.head dl.nav dd:hover .menu_a{height: auto;background: #FFFFFF;width: 220px;}
.head dl.nav dd:hover .nav-1{height: auto;padding-top: 0px;margin: 0 auto;width: 220px;padding: 32px 0 12px 11px;}
.head dl.nav dd:hover .nav-1 a{display: block;width: 220px;height: auto;margin-bottom: 20px;box-sizing: border-box;display: flex;}
.head dl.nav dd:hover .nav-1 p{font-weight: 400;font-size: 16px;color: #5D5F63;line-height: 18px;}
.head dl.nav dd:hover .nav-1b p{width: 180px;}
.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%;margin-top: 4px;}
.head dl.nav dd:hover .nav-1 a:hover p{font-weight: bold;color: #262626;}




.footer{height: auto;background: #323433;padding-top: 80px;padding-bottom: 80px;} 

.footer .width{display: flex;position: relative;}

.footer .width .f_m{width: 90px;margin-right: 70px;}

.footer .width .f_m:nth-child(2){width: 150px;}

.footer .width .f_m:nth-child(3){width: 150px;}

.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: 500;font-size: 12px;color: rgba(255,255,255,0.8);line-height: 20px;margin-bottom: 8px;width: 276px;}

.footer .width .f_m b em{font-weight: 400;font-size: 12px;color: rgba(255,255,255,0.64);}

.footer .width .f_m b:hover{color: rgba(255,255,255,1);}

.footer .width .f_m b em: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: 60px;}

.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 h2{display: block;width: 156px;height: 40px;background: url(../images/hf/logo.png);background-size: 100%;margin-bottom: 24px;}

.footer .width .f_qr .qr_pic{display: block;position: absolute;right: 0;top: 0;width: 116px;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;}