@charset "utf-8";
@font-face {font-family: DIN;src: url('DIN Regular.otf');}
*{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-family: "Helvetica","PingFang SC","Microsoft YaHei","Tahoma","Arial","STHeiti","sans-serif" !important;color: #1A1A1A;font-size: 14px;}
body{background: #FFFFFF;}
a{text-decoration: none;cursor: pointer;}
.fl{float: left;}
.fr{float: right;}
img{border: none;display: block;}
em,h1,i{font-style: normal;}
ul{list-style: none;}
.width{width: 1180px;margin: 0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.head{background-color: #FFF;}
.head .top{border-top: 8px solid #4ba737;border-bottom: 1px solid rgba(0,0,0,0.1);}
.head .top .width{display: flex;justify-content: space-between;}
.head .top .width>li{height: 48px;line-height: 48px;}
.head .top .width>li:first-child{display: flex;justify-content: space-between;width: 310px;}
.head .top .width>li a{display: block;}
.head .top .width>li:first-child a::before{display: block;content: "";width: 16px;height: 16px;background: url(../images/hf/icons.png);float: left;margin: 16px 4px 0 0;}
.head .top .width>li:first-child a:last-child::before{background-position: -16px 0;}
.head .top .width>li:last-child a.login{display: block;width: 92px;color: rgba(255,255,255,0.85);background-color: #F4A814;text-align: center;}
.head .top .width>li:last-child .log_reg{display: flex;justify-content: flex-start;}
.head .top .width>li:last-child .log_reg p{margin-right: 20px;}
.head .top .width>li:last-child .log_reg p a{display: inline-block;color: #F5A425;padding-left: 8px;}
.head .mid{display: flex;justify-content: space-between;height: 124px;}
.head .mid .logo{display: flex;justify-content: space-between;width: 465px;margin-top: 41px;}
.head .mid .logo a{display: block;}
.head .mid .logo p{font-size: 24px;color: #1F272B;line-height: 56px;border-left: 1px solid rgba(0,0,0,0.15);margin-top: 4px;height: 56px;padding-left: 20px;}
.head .mid .search{width: 200px;height: 32px;border: 1px solid rgba(0,0,0,0.1);line-height: 32px;margin-top: 45px;}
.head .mid .search form{display: flex;justify-content: space-between;}
.head .mid .search .key{display: block;padding-left: 8px;width: 160px;color: rgba(0,0,0,0.5);}
.head .mid .search button{display: block;width: 32px;height: 32px;cursor: pointer;}
.head .mid .search button::before{display: block;content: "";width: 16px;height: 16px;background: url(../images/hf/icons.png);background-position: -32px 0;margin: 8px;}
.head .nav{border-bottom: 4px solid #1F272B;}
.head .nav .width{display: flex;justify-content: flex-start;height: 62px;width:1220px;}
.head .nav .width>li{padding-top: 10px;width: 120px;text-align: center;position: relative;}
.head .nav .width>li:first-child{text-align: left;width: 60px;}
.head .nav .width>li:nth-child(9){width: 140px;}
.head .nav .width>li:nth-child(10){width: 100px;}
.head .nav .width>li ul{width: 100%;background-color: #4ba737;position: absolute;left: 0;top: 62px;display: none;box-shadow: 0 5px 15px 0 rgb(0 0 0 / 30%);z-index: 9;}
.head .nav .width>li:last-child ul{width: 170px;}
.head .nav .width>li:hover ul{display: block;}
.head .nav li a{font-size: 16px;color: rgba(0,0,0,0.65);display: block;line-height: 42px;}
.head .nav li a.i{overflow: hidden;}
.head .nav .width>li:hover>a,.head .nav li.active>a{color: #F5A425;} 
.head .nav .width>li ul li{border-bottom: 1px solid rgba(0,0,0,0.1);}
.head .nav .width>li:nth-child(6),.head .nav .width>li:nth-child(10){width:150px;}
.head .nav .width>li ul li a{color: rgba(255,255,255,0.85);text-align: left;padding-left: 16px;transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;}
.head .nav .width>li:last-child ul li a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.head .nav .width>li ul li a:hover{background-color: #ff9600;}
/* .head .nav li a.i::after{display: inline-block;content: "\2304";font-size: 24px;line-height: 42px;padding-left: 5px;} */

.footer{background-color: #4ba737;padding-top: 72px;}
.footer a:hover{color: #F5A425!important;}
.footer .f_top{display: flex;justify-content: space-between;margin-bottom: 30px;}
.footer .f_top dl{width: 680px;}
.footer .f_top dl dt{font-size: 18px;line-height: 36px;height: 36px;color: rgba(255, 255, 255, 1);margin-bottom: 8px;}
.footer .f_top dl dd{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.footer .f_top dl dd a{line-height: 36px;display: block;min-width: 140px;color: rgba(255, 255, 255, 1);}
.footer .f_top .contact{width: 350px;padding-left: 30px;}
.footer .f_top .contact p{color: rgba(255, 255, 255, 1);line-height: 24px;height: 24px;margin-bottom: 16px;}
.footer .f_top .contact p:nth-child(2){font-weight: bold;font-family: DIN!important;font-size: 18px;}
.footer .f_top .contact p::before{display: block;content: "";width: 24px;height: 24px;background: url(../images/hf/icons.png);float: left;margin-right: 10px;}
.footer .f_top .contact p:nth-child(1)::before{background-position: 0 -16px;}
.footer .f_top .contact p:nth-child(2)::before{background-position: -24px -16px;}
.footer .f_top .contact p:nth-child(3)::before{background-position: -48px -16px;}
/*.footer .f_top div:last-child{width: 128px;text-align: center;background-color: rgba(255, 255, 255, 0.09);border-radius: 4px;color: rgba(255, 255, 255, 0.45);line-height: 22px;height: 154px;}*/
/*.footer .f_top div:last-child img{width: 108px;margin: 10px auto 8px;}*/
.footer .f_link dt{font-size: 16px;color: rgba(255, 255, 255, 1);border-bottom: 1px solid rgba(255, 255, 255, 0.15);position: relative;line-height: 24px;padding-bottom: 4px;}
.footer .f_link dt::after{display: block;content: "";width: 64px;height: 2px;background: linear-gradient(90deg, #F5A425 0%, #A12C2F 100%);position: absolute;left: 0;bottom: 0;}
.footer .f_link dd{display: flex;justify-content: flex-start;padding: 23px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
.footer .f_link dd a{display: block;color: rgba(255, 255, 255, 1);margin-right: 24px;line-height: 22px;}
.footer .f_link dd a:last-child{margin-right: 0;}
.footer .cp{font-size: 16px;color: rgba(255, 255, 255, 1);line-height: 24px;padding: 30px 0;}
.footer .cp a{display: inline-block;color: rgba(255, 255, 255, 1);margin-left: 8px;}

/* 登入后状态 */
.log-in{width: 48px;position: relative;}
.log-in a{width: 48px;height: 48px;}
.log-in a img{width: 32px;height: 32px;border-radius: 50%;margin-top: 8px;}
.log-in ul{width: 116px;position: absolute;background-color: #FFF;border-radius: 4px;box-shadow: 0px 8px 10px rgb(0 0 0 / 5%);top: 48px;left: -42px;padding: 10px 0;display: none;}
.log-in:hover ul{display: block;}
.log-in ul:before {position:absolute;top:-8px;left:50px;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #e9e8e8;border-left:8px solid transparent;content:'';}
.log-in ul li a{width: auto;text-align: center;line-height: 32px;height: 32px;}
.log-in ul li a:hover{color: #F5A425;}
/* 登入后状态 end*/
/* 右侧浮窗 */
.back_to_top{position:fixed;z-index:55;right:0;bottom:85px;width:44px;height:240px;}
.back_to_top .box a{display: block;width: 44px;height: 44px;background-color: #353535;position: relative;}
.back_to_top .box a:hover{background-color: #F05352;;}
.back_to_top .box a::before{display: block;content: "";width: 44px;height: 44px;background: url(../images/hf/side_icon.png);}
.back_to_top .box a.a-qrcode::before{background-position: -44px 0;}
.back_to_top .box a.a-top::before{background-position: -88px 0;}
.back_to_top .box a.a-top{display: none;}
.back_to_top .box a p{position: absolute;right: 55px;border: 1px solid #E0E1E5;border-radius: 3px;background-color: #FFF;box-shadow: 0px 2px 5px 0px rgb(161 163 175 / 11%);text-align: center;width: 160px;top: 0;display: none;}
.back_to_top .box a:hover p{display: block;}
.back_to_top .box a p img{margin: 0 auto;}
.back_to_top .box a.a-qrcode p{top: -63px;padding: 8px 0;}
.back_to_top .box a p::after{display: block;content: "";width: 8px;height: 12px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUNCRkQ5RjlFRjYyMTFFN0FEQjBCODNDOUQzNUM4MUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUNCRkQ5RkFFRjYyMTFFN0FEQjBCODNDOUQzNUM4MUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1Q0JGRDlGN0VGNjIxMUU3QURCMEI4M0M5RDM1QzgxRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Q0JGRDlGOEVGNjIxMUU3QURCMEI4M0M5RDM1QzgxRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ptt2J3MAAABcSURBVHjaYnn0+Pl/BiCIiYnnB1JfGNAAk6yMBJixZMnCjwxYABOIQFL0F6sCfIqYkDkwRciABcZ4/OQFA5JjUU3AJQlWgE8SbgIuSQxHQsEXfAq+EGMCCgAIMACbtB5ZPVXuPwAAAABJRU5ErkJggg==');position: absolute;right: -8px;top: calc(50% - 6px);}
.back_to_top .box a.a-phone p{line-height: 42px;font-size: 16px;font-family: DIN!important;}
/* 吸引导航 */
.s_nav_fixed{position: fixed!important;top: 0;left: calc(50% - 590px)!important;background-color: #4ba737!important;opacity: 1;z-index: 2;}