
@font-face {
    font-family: 'DIN';
    src: url('/images/D-DIN-Bold.ttf');
}

#footer{ background: #272b2e;}
/* #footer .ftop{ border-top: 4px solid #fff;} */
#footer .ftop .fleft{width:1260px;padding:46px 0 110px; }
#footer .ftop .fleft .flogo{width:133px;}
#footer .ftop .fleft .flist{margin-top:58px;padding:51px 6.906% 0 0;position: relative;}
#footer .ftop .fleft .flist::after{content: '';position: absolute;z-index:2;left:0;top:0;width:100%;height:1px;background:#323639;}
#footer .ftop .fleft .flist::before{content: '';position: absolute;z-index:2;left:-160px;top:0;width:160px;height:1px;background:#323639;}
#footer .ftop .fleft .fnav .fnav-one .one-a{font-size:18px;color:#fff;font-weight:500;}
#footer .ftop .fleft .fnav .fnav-one svg{ display: none; transform: rotate(90deg);}
#footer .ftop .fleft .fnav .fnav-two {margin-top:25px;}
#footer .ftop .fleft .fnav .fnav-two .list .two-a{font-size:16px;color:#939597;line-height:36px;}
#footer .ftop .fleft .fnav .fnav-two .list .two-a:last-child{margin-bottom:0;}
#footer .ftop .fleft .fnav .fnav-two .list .two-a:hover{color:#0099e6;}
#footer .ftop .fright { margin-top: 34px; width:340px;padding:46px 0 110px 3.75%; border-left:1px solid #323639;}
#footer .ftop .fright .tit{margin-top:8px;line-height: 30px;font-size:16px;color:#fff;font-weight:500;}
#footer .ftop .fright .phone-tit{font-size:18px;color:#171d2c;font-weight:500;line-height: 30px;}
#footer .ftop .fright .phone{font-size:30px;color:#0099e6;font-weight:bold;line-height: 30px;margin:5px 0 28px;font-family:'DIN';}
#footer .ftop .fright .way .text{font-size:16px;color:#fff;line-height: 30px;}
#footer .ftop .fright .way .text a:hover{ color: #0099e6;}

#footer .ftop .fright .share{margin: 40px 0 34px;}
#footer .ftop .fright .share .s{background:#fff; width:42px;height:42px;line-height: 42px; margin-right:20px;border-radius:50%;}
#footer .ftop .fright .share .s .ewm{width:110px;height:110px;bottom:-125px;left:0;z-index:2;box-shadow: 3px 4px 15px 0px rgba(0, 0, 0, 0.15);border-radius: 5px;}
#footer .ftop .fright .share .s:nth-child(1):hover{background:#0a9d4b;}
#footer .ftop .fright .share .s:nth-child(2):hover{background:#0099e6;}
#footer .ftop .fright .share .s:nth-child(3):hover{background:#d7272a;}
#footer .ftop .fright .share .s:hover .p1{display: none;}
#footer .ftop .fright .share .s:hover .p2{display: inline-block;}
#footer .ftop .fright .share .s:hover .ewm{display: inline-block;}

#footer .fbot{ padding:30px 0; width:100%; border-top: 1px solid #323639;}
#footer .fbot .fbot-left .copyright,
#footer .fbot .fbot-left .parting,
#footer .fbot .fbot-left .icp{font-size:16px;color:rgba(255,255,255,0.6);line-height:30px;}
#footer .fbot .fbot-left .parting{ margin: 0 18px;}
#footer .fbot .fbot-right{font-size:16px;color:rgba(255,255,255,0.6);}
#footer .fbot .fbot-right .select{width:100%;height:100%;background: url(/images/select.png)no-repeat calc(100% - 16px) center rgba(255,255,255,0.2);position: relative;}
#footer .fbot .fbot-right .select .con{font-size:16px;color:rgba(255,255,255,0.6);padding: 0 16px;line-height: 45px;}
#footer .fbot .fbot-right .select .list{position: absolute;left: 0;bottom: 45px;width: 100%;height: 0;z-index:2;overflow: hidden;}
#footer .fbot .fbot-right .select .list .listwrap{padding:10px 0;background: #fff;height:180px;overflow-y: auto;}
#footer .fbot .fbot-right .select .list .a{font-size:16px;color:#939597;line-height: 40px;width:100%;display:inline-block;}
#footer .fbot .fbot-right .select .list .li{width:100%;padding:0 40px;}
#footer .fbot .fbot-right .select .list .li:hover{background:#fafafa;}
#footer .fbot .fbot-right .select .list .a:hover{color:#1a1a1a;}
#footer .fbot .fbot-right .select.cur {background-image: url(/images/select2.png)}
#footer .fbot .fbot-right .select.cur .list{box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);}

@media screen and (max-width:1024px) {
    #footer .ftop .ftop-cont{flex-direction:column;}
    #footer .ftop .fleft{width:100%;padding-bottom:30px;}
    #footer .ftop .fleft .flist{padding-right:0;}
    #footer .ftop .fright{width:100%;border-left: none;padding:0 0 30px 0;}
    #footer .ftop .fright .share{margin-bottom:30px;}
}
@media screen and (max-width:970px) {
    #footer .ftop .fleft{display:flex;flex-direction:column;}
    #footer .ftop .fleft .flist{flex-direction:column;padding:0;margin:30px 0 0;}
    #footer .ftop .fleft .flist::after,
    #footer .ftop .fleft .flist::before{display:none;}
    #footer .ftop .fleft .fnav .fnav-one{line-height:60px;border-bottom:1px solid rgba(0, 0, 0, 0.1);background: url(/images/fdownB1.png) no-repeat center right;}
    #footer .ftop .fleft .fnav .fnav-one:nth-child(1){border-top:1px solid rgba(0, 0, 0, 0.1);}
    #footer .ftop .fleft .fnav.in .fnav-one{background-image: url(/images/fdownB2.png);}
    #footer .ftop .fleft .fnav .fnav-two{height:0;overflow: hidden;margin-top:0;}
    #footer .ftop .fleft .fnav .fnav-two .list .two-a{line-height: 60px;padding: 0 30px;border-bottom: 1px dashed rgba(0, 0, 0, 0.1);}
    /* #footer .fbot{background-color:#f2f2f2;}
    #footer .fbot .fbot-right .select{background-color:;}
    #footer .fbot .fbot-left .copyright,
    #footer .fbot .fbot-left .icp{color:#1a1a1a;}
    #footer .fbot .fbot-right .select .con{color:#1a1a1a;} */
    #footer .fbot .fbot-cont{flex-direction:column;}
    #footer .fbot .fbot-right{margin-top:30px;}
}
@media screen and (max-width:750px) {
    #footer .ftop .fleft .flogo{width:38%;}
    #footer .ftop .fleft .flist{margin-top:60px;}
    #footer .ftop .fleft .fnav .fnav-one{line-height:119px;}
    #footer .ftop .fleft .fnav .fnav-one .one-a{font-size:36px;}
    #footer .ftop .fleft .fnav .fnav-one svg{ display: block;}
    #footer .ftop .fleft .fnav .fnav-two .list .two-a{font-size:30px;line-height:80px;}
	#footer .ftop .fleft .fnav .fnav-two .list .two-list{ padding-left: 50px;}
	#footer .ftop .fleft .fnav.in .fnav-one svg{ transform: rotate(270deg);}
	
    #footer .ftop .fright{padding-bottom:40px;}
    #footer .ftop .fright .share{ margin-bottom:50px; text-align: center;}
    #footer .ftop .fright .share img{ margin: 0 auto;}
    #footer .ftop .fright .tit{font-size:36px;line-height:1.6;}
    #footer .ftop .fright .phone-tit{font-size:36px;line-height: 1.6;}
    #footer .ftop .fright .phone{font-size:56px;line-height:68px;}
    #footer .ftop .fright .way .text{font-size:30px;line-height:1.6;}
    #footer .ftop .fright .way .text br{ display: none;}
    #footer .ftop .fright .share .s{width:80px;height:80px;line-height:80px;margin-right:50px;}
    #footer .ftop .fright .share .s .icon img{width:40px;}
    #footer .ftop .fright .share .s:nth-child(2) .icon img{width:35px;}
    #footer .ftop .fright .share .s .ewm{width:160px;height:160px;bottom:-180px;}
    #footer .fbot{padding:50px 0 80px;}
	#footer .fbot .fbot-cont{ align-items: start;}
    #footer .fbot .fbot-left{ align-items: start; flex-direction: column;}
    #footer .fbot .fbot-left .copyright,
    #footer .fbot .fbot-left .icp{ line-height:1.6; font-size:30px;}
    #footer .fbot .fbot-left .icp{ margin-top: 50px;}
	#footer .fbot .fbot-left .parting{ display: none;}
    #footer .fbot .fbot-right{ line-height:1.6; font-size: 30px; text-align: left;}
}

/* 弹窗 */
#statement{ top: 0; left: 0; z-index: 10; width: 100%; height: 100%;}
#statement .statement_in{ top: 50%; left: 50%; padding: 55px 85px 100px;width: 92%; max-width: 1100px; background: #fff; transform: translate(-50%, -50%); border-radius: 12px; box-shadow: 10px 10px 20px rgba(0, 0, 0, .3); overflow: hidden;}
#statement .statement_in .close{ top: 21px; right: 21px;}
#statement .statement_in .tit{ line-height: 50px; font-size: 32px; color: #333; text-align: center;}
#statement .statement_in .con{ margin-top: 37px; line-height: 36px; font-size: 18px; color: #333;}
#statement .statement_in .con *{ text-wrap: unset !important;}

@media screen and (max-width: 1200px){
	#statement .statement_in{ width: 92%;}
}
@media screen and (max-width: 750px){
	#statement .statement_in .tit{ line-height: 1.6; font-size: 42px;}
	#statement .statement_in .close{ width: 30px; height: 30px;}
	#statement .statement_in .close img{ width: 100%; height: 100%;}
	#statement .statement_in .con *{ line-height: 1.6 !important; font-size: 26px !important;}
}
/* 弹窗 */