html,body{min-width:1200px;background:#f3f3f3}
.myicon{display:inline-block;background:url(../images/icon.png) no-repeat;vertical-align:middle}
.top{color:#fff;background:#444;font-size:12px;line-height:40px;height:40px;text-align:center;overflow:hidden}
.info_scroll{display:inline-block;width:100%;height:40px;font-size:12px;line-height:40px;overflow:hidden}
.info_scroll .info_ul{width:100%;height:auto;overflow:hidden}
.info_scroll .info_ul li{display:block;width:100%;height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.info_scroll .info_ul li a:hover{text-decoration:underline}
.info_control{width:10px;height:100%;padding-top:7px}
.info_control .info_btn{display:block;width:0;height:0;border-bottom:6px solid #fff;border-left:4px solid transparent;border-right:4px solid transparent;opacity:.5;filter:opacity(50)}
.info_control .info_btn.info_next{margin-top:4px;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg)}
.info_control .info_btn:hover{opacity:1;filter:opacity(100)}
.top .myicon.top_close{display:block;position:absolute;top:0;right:0;width:40px;height:40px;background-position:0 0}
header { height: 122px; background: var(--main-theme-color); position: relative; display: flex; align-items: center; justify-content: center; z-index: 3 }
header a.logo{width:/*auto*/200px;height:122px}
header a.logo img{display:inline-block;vertical-align:middle;height:100%}
header .headr{width:auto;height:40px}
header .headr .olink{height:58px;line-height:58px;color:#666;font-size:14px;text-align:right}
header .headr .olink a{margin-left:24px}
nav{height:100%}
nav .myicon.myicon-arrow{width:14px;height:40px;background-position:-118px 0}
nav li:hover .myicon.myicon-arrow{transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg)}
nav li{position:relative;float:left;height:100%;width:106px}
nav li.loginli{width:auto;margin-left:10px}
nav li.loginli a{font-size:14px;vertical-align:middle;line-height:40px}
nav li.loginli .myicon{width:22px;height:25px}
nav li.loginli .myicon.myicon-login{background-position:-36px -8px}
nav li.loginli .myicon.myicon-reg{background-position:-57px -8px}
nav li.loginli .myicon.myicon-lang{background-position:-78px -8px}
nav li.loginli .myicon.myicon-lang1{background-position:-98px -8px}
nav li a{position:relative;width:100%;height:100%;display:block;line-height:40px;color:#333;font-size:16px;background:transparent;text-align:center}
nav li.on a{color:#000;font-weight:bold}
nav li:hover a{color:#000;font-weight:bold}
nav li ul{display:none;position:absolute;top:40px;left:50%;margin-left:-70px;width:140px;box-shadow:0 3px 5px rgba(0,0,0,.1);-moz-box-shadow:0 3px 5px rgba(0,0,0,.1);-webkit-box-shadow:0 3px 5px rgba(0,0,0,.1);background:rgba(0,0,0,0.7)}
nav li li{float:none;width:100%;margin:0;padding:4px}
nav li:hover li a,nav li li a{display:block;width:100%;height:37px;position:relative;z-index:2;color:#fff;background:transparent;line-height:36px;font-size:14px;text-align:center}
nav li li:hover{background:var(--main-theme-color)}
nav li:hover ul{display:block}
footer{border-top:2px solid var(--main-theme-color);background:#444;color:#fff}
footer a:hover{color:var(--main-theme-color)}
footer .f-contact{border-bottom:1px solid var(--main-theme-color);line-height:50px;padding:10px 0;background:var(--main-theme-color);color:#333}
footer .f-contact .col{display:inline-block;width:auto;font-size:14px;padding-left:20px}
footer .f-contact .col.tel_col{font-size:20px;padding-right:30px;padding-left:0;border-right:1px solid #606060}
footer .f-contact .col .myicon{display:inline-block;width:40px;height:40px;margin-right:8px}
.myicon.myicon-ftel{background-position:-132px 0}
.myicon.myicon-fmail{background-position:-172px 0}
.myicon.myicon-faddress{background-position:-212px 0}
footer .f-wrap{padding:30px 0}
footer .f-wrap .col{float:left;width:15%}
footer .f-wrap .col.qr{float:right;width:40%}
footer .f-wrap .ul_head{font-size:15px;color:#fff;line-height:16px;margin-bottom:20px}
footer .f-wrap .fmenu li,footer .fwei{font-size:14px;color:#ccc;line-height:36px}
footer .fwei{text-align:center}
.ewm{display:block;float:left;margin-left:10px;width:100px;height:100px;line-height:24px;font-size:12px}
.ewm img{width:100%;height:100%}
footer .f-friendlink{font-size:12px;color:#ccc;line-height:24px;padding:10px 0}
footer .f-copyright{font-size:12px;color:#ccc;line-height:36px;padding:10px 0;margin-top:10px;padding-bottom:50px;background:#333}
footer .f-copyright img{vertical-align:middle}
footer .f-friendlink a,footer .f-copyright a{padding:0 8px}
.bottom_news { position: fixed; bottom: 0; left: 0; z-index: 9999; height: 40px; width: 100%; background: var(--bottom-news-back-color); font-size: 14px; color: #222; text-align: center; overflow: hidden; animation: slideUp 0.4s linear both; animation-delay: 0.4s; border-top: 1px solid #222 }
@keyframes slideUp{0%{transform:translateY(100%)}
100%{transform:translateY(0)}
}.myicon.bnews_icon{width:40px;height:40px;background-position:252px}
.bottom_news a:hover{color:#876110}
.myicon.bnews_icon{width:40px;height:40px;background-position:-252px 0}
.myicon.myicon-close{width:40px;height:40px;background-position:-292px 0}
.bottom_news .bnews_close{position:absolute;top:0;left:50%;margin-left:500px}
.kefu{position:fixed;z-index:5;right:0;top:50%;margin-top:-190px;width:62px;right:-100%}
.kefu .con{display:block;width:100%;height:159px;background:url(../images/kefu/kefu_con_bg.png) no-repeat top  center;font-size:14px;color:#222;text-align:center;line-height:18px;padding-top:49px}
.kefu .gotop { display: block; width: 42px; height: 42px; margin: 0 auto; background: var(--main-theme-color); border: 3px solid var(--customer-service-body-border-color); box-shadow: 0 0 9px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 9px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.2); margin-top: -8px }
.kefu .gotop:hover{background:#ff9600}
.myicon.myicon-gotop{display:block;margin:0 auto;width:36px;height:36px;background-position:-332px 0}
.kefu_o{position:fixed;z-index:5;right:0;top:50%;margin-top:-190px;width:120px}
.kefu_o_head { position: relative; width: 100px; height: 100px; margin: 0 auto; z-index: 2; border-radius: 50%; background: #fff2d5; border: 3px solid var(--customer-service-head-border-color) }
.kefu_o_head:hover{background:#ffb500}
.kefu_o_head img{display:block;position:absolute;bottom:-6px;right:-3px}
.kefu_o_body { position: relative; width: 120px; height: auto; background: var(--main-theme-color); z-index: 1; border: 3px solid var(--customer-service-body-border-color); box-shadow: 0 0 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); margin-bottom: 4px; margin-top: -60px; padding-top: 60px; padding-bottom: 10px; border-radius: 4px }
.kefu_o_body .kefu_btn{display:block;width:100px;height:28px;padding-left:8px;line-height:26px;font-size:12px;margin:4px auto;background:#fffcf5;border-radius:4px;border:1px solid #ff9c00;box-shadow:0 2px 1px #d09200;-moz-box-shadow:0 2px 1px #d09200;-webkit-box-shadow:0 2px 1px #d09200}
.myicon.qq_kefu,.myicon.ali_kefu,.myicon.weixin_kefu{width:20px;height:20px;margin-right:4px}
.myicon.qq_kefu{background-position:-368px 0}
.myicon.ali_kefu{background-position:-388px 0}
.myicon.weixin_kefu{background-position:-408px 0}
.kefu_o_body .kefu_btn:hover{background:#444;color:var(--main-theme-color)}
.kefu_o .gotop{display:block;position:relative;width:120px;height:auto;background:var(--main-theme-color);border:3px solid #ffb500;box-shadow:0  0 10px rgba(0,0,0,0.2);-moz-box-shadow:0  0 10px rgba(0,0,0,0.2);-webkit-box-shadow:0  0 10px rgba(0,0,0,0.2)}
.kefu_o .gotop:hover{background:#ff9600}