html, div, body, p, form, img, dd, h1, h2, h3, h4, input{margin:0 auto;padding:0;font-family:Segoe UI, Arial, Segoe, Tahoma, sans-serif;color:#222222;line-height:160%;font-weight:normal;}
.flex_box{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;}i{display:inline-block;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
body{font-size:16px;}
p{line-height:20px;}
dl, dd, dt{margin:0;padding:0;}
ul{margin:0;padding:0;list-style:none;}
li{margin:0;list-style:none;padding:0;}
img{border:none;}
a, a:link, a:visited{text-decoration:none;color:#222;}
a:hover, a:active{text-decoration:underline;color:#222;}
input{font-size:1.2em;float:left;}
table{border-collapse:collapse;}
dl, dt, dd{text-align:left;}
.clearfloat::after{content:"";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfloat{zoom:1;}
.container{max-width:1200px;width: 100%;overflow:hidden;margin: auto;}
.flex-box{display:-webkit-box;display: -webkit-flex;display: flex;flex-direction: row;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;}


.header_new.active{border-color: #2673e7;}
.header_new>div *{margin: 0;padding: 0;}
.center{max-width:1200px;width:100%;margin: auto;box-sizing: border-box;}
.center-s{max-width:1000px;width:100%;margin: auto;box-sizing: border-box;}
.header_new{height: 60px;position: relative;background: #fff;border-bottom: 2px solid #f3f3f3;z-index: 10;}
.header_new .logo{float: left;height: 60px;display:-webkit-box;display: -webkit-flex;display: flex;-webkit-box-align:center;-webkit-align-items: center;align-items: center;font-size: 16px;}
.header_new img{height: auto;}
.header_new>.center>ul{float: right;font-size: 16px;}
.header_new>.center>ul>li:first-child{margin-left: 0;}
.header_new>.center>ul>li{float:left;line-height: 60px;margin-left: 36px;}
.header_new>.center>ul>li:nth-child(1) i,.header_new>.center>ul>li:nth-child(2) i{background: url(/style/images/cricle.png);width: 17px;height: 6px;vertical-align: 2px;margin-left: 3px;}
.header_new>.center>ul>li:nth-child(1):hover>a{color: #0099ff;text-decoration: none;}
.header_new>.center>ul>li>a:hover{color: #0099ff;text-decoration: none;}
.header_new>.center>ul>li:nth-child(1):hover>span i,.header_new>.center>ul>li:nth-child(2):hover>span i{background-position-y: -6px;}
.header_new>.center>ul>li:hover .sub_menu{display: block;}
.header_new .center>ul>li:nth-child(1) i.mobile_icon{display: none;float: right;margin-top: 24px;width: 10px;height: 5px;background: url(/style/images/icon.png) 0 -41px no-repeat;vertical-align: middle;margin-left: 6px;}
.header_new .center>ul>li:nth-child(1) i.mobile_icon.active{background-position: 0 -46px;}
.header_bg{position: fixed;z-index:9;left: 0;top: 0;width: 100%;height: 100%;display: none;    background: rgba(0, 0, 0, .6);}
.toggle-left{display:none;padding: 6px;background-color: #00c0ff;font-size: 20px;position: fixed;opacity: 0.6;right: 0;color: #fff;z-index: 3;}


/* gotop */
.gotop{position: fixed;right: 10px;bottom: 70px;z-index: 2;cursor: pointer;display: none;}
.gotop i{width: 84px;height: 103px;background: url(/style/index/go-top.png);display: block;}
.gotop:hover i{background-position-y: -103px;}
/*footer*/
#footer{clear:both;background:#292929;width:100%;}
#footer p{color:#fff;text-align:center;margin:15px auto 10px;}
#footer p a{text-align:center;color:#fff;font-size:14px;}
#footer span.copyright{margin:0 auto 25px;color:#7c7c7c;}
.center{max-width: 1200px;margin: 0 auto;width: 100%;}
.footer{background: #2f2f2f;font-family: Arial;}
.footer_box{display:-webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;padding-bottom: 40px;}
.footer_box .footer_down{padding-top: 58px;margin-top: 0;}
.footer_box .footer_down li:nth-child(2) a{font-size: 14px;color: #fff;border: 1px solid #fff;box-sizing: border-box;height: 38px;line-height: 38px;width: 164px;padding-left: 12px;display: block;position: relative;}
.footer_box .footer_down li:nth-child(2) a:nth-child(2) i{background: url(/style/images/footer-icon.png);width:24px;height: 24px;position: absolute;right: 12px;top:5px;background-position-y: -24px;}
.footer_box .footer_down li:nth-child(2) a:nth-child(1):hover{background-color:#1eb8ff;border: 1px solid #1eb8ff;text-decoration:none;}
.footer_box .footer_down li:nth-child(2) a:nth-child(2):hover{background-color:#1eb8ff;border: 1px solid #1eb8ff;text-decoration:none;}
.footer_box .footer_down li:nth-child(2) a:nth-child(1) i{background: url(/style/images/footer-icon.png);width:24px;height: 24px;position: absolute;right: 12px;top:5px;}
.footer_box .footer_down li:nth-child(2) a:nth-child(1){margin-top: 30px;margin-bottom: 18px;}
.footer_box ul{margin-top: 70px;}
.footer_box ul li:nth-child(1){font-size:18px;color: #fff;margin-bottom: 24px;}
.footer_box ul li{margin-bottom: 10px;}
.footer_box ul li a{font-size: 14px;color: #aeaeae;}
.footer_box ul:last-child li a i{width: 30px;height: 30px;display: inline-block;background: url(/style/images/social-media-new.png);margin-right:20px;}
.footer_box ul:last-child li a:nth-child(1) i{background-position-y: 0px;}
.footer_box ul:last-child li a:nth-child(2) i{background-position-y: -30px;}
.footer_box ul:last-child li a:nth-child(3) i{background-position-y: -60px;margin-right: 0;}
.footer>div:last-child{font-size:14px;color: #aeaeae;height: 68px;display:-webkit-box;display: -webkit-flex;display: flex;-webkit-box-align:center;-webkit-align-items: center;align-items: center;-webkit-box-pack:center;-webkit-justify-content: center;justify-content: center;background: #272727;text-align:center;}


@media screen and (max-width:1180px){
    .header_new .center {display: flex;align-items: center;justify-content: space-between;height: 60px;padding: 0 40px;}
    .center{padding: 0 10px;box-sizing: border-box;}
    .header_new>.center>ul>li:nth-child(1) i,.header_new>.center>ul>li:nth-child(2) i{display: none !important;}
    .header_new .toggle-nav {display: block;width: 6px;height: 24px;background: url(/style/images/toggle-right.png) no-repeat 8px;padding-left: 10px;}
    .header_new>.center>ul{box-sizing:border-box;position: absolute;right: 40px;top: 68px;width: 100%;max-width:440px;padding:0;background: #fff;height: auto;z-index: 2;display: none;box-shadow: 0 0 7px rgba(0, 0, 0, .35);}
    .header_new>.center>ul li{box-sizing:border-box;float: none;margin: 0!important;line-height: 45px;display: block;padding:0 30px;border-bottom: 1px solid #e4e4e4;line-height: 45px;}
    .header_new>.center>ul li a{color: #222;}
    .header_new .center>ul>li:nth-child(1) i.mobile_icon{display: block!important;}
    .header_new .sub_menu .center{height:unset;}
    .sub_menu{display: none !important;border-top: 0;padding-bottom: 0;position: static;box-shadow: none;box-sizing: border-box;}
    .sub_menu.active{display: block!important;}
    .sub_menu ul{width: 100%;max-width:440px}
    .sub_menu ul p{margin:0;font-size:16px;font-weight: 500;}
    .header_new>.center>ul li{width: 100%;max-width: 440px;}
    .header_new>.center>ul>li:hover>a{color:#222;}
    .header_new>.center>ul .sub_menu li{padding: 0;border-bottom: 0;position: relative;display: none;}
    .header_new>.center>ul .sub_menu ul li:nth-child(1){display: block;}
    .header_new>.center>ul .sub_menu ul li.active{display: block;}
    .header_new>.center>ul .sub_menu li i.mobile_icon{position: absolute;right: 0;top: 0;}
    .header_new .sub_menu ul li.active p {color: #1cbafd;}
}

@media screen and (max-width:630px){
    .header_new .center{padding:0 30px;}
    .center{padding:0px 1.8%;}
    .header_new>.center>ul{box-sizing:border-box;position: absolute;right: 0%;top: 60px;width: 100%;max-width:440px;background: #fff;height: auto;z-index: 2;display: none;}
    .header_new>.center>ul li{box-sizing:border-box;float: none;margin: 0;line-height: 45px;display: block;padding:0 30px;border-bottom: 1px solid #e4e4e4;}
    .header_new>.center>ul .sub_menu li{padding:0;}
    .header_new>.center>ul li a{color: #222;} 
    .header_new .header_nav{top:60px;border-top:2px solid #f2f2f2;}
    .footer_box .footer_down li:nth-child(2) a{width: 150px;height: 38px;line-height: 38px;padding-left: 6px;}
    .footer_box .footer_down li:nth-child(2) a:nth-child(1) i,.footer_box .footer_down li:nth-child(2) a:nth-child(2) i{right:6px;}
    .footer_box .footer_down li:nth-child(2) a:nth-child(2){margin-top: 20px;}
}
@media screen and (max-width:850px){
    .footer_box{display: block;}
    .footer_box ul.footer_down li{display: block;margin-left:0;}
    .footer_box .footer_down{padding-top: 30px;}
    .footer_box .footer_down li:nth-child(2) a{display: inline-block;margin-right:22px;}
    .footer_box .footer_down li:nth-child(2) a:nth-child(1){margin-top:0px;margin-bottom:0;}
    .footer_box .footer_down li:last-child{margin-bottom: 30px;}
    .footer_box ul{border-bottom: 1px solid #4f4f4f;margin-top: 25px;}
    .footer_box ul li:nth-child(1){font-size:20px;display: block;margin-bottom: 20px;margin-left: 0;}
    .footer_box ul li{display: none;margin-left: 15px;}
    .footer_box ul li:last-child{margin-bottom: 26px;}
    .footer_box ul.active li{display: block;}
    .footer_box ul li:nth-child(1) i{width:15px;height:15px;background: url(/style/images/footer-icon.png);display: inline-block;background-position-y: -72px;float: right;margin-top: 4px;}
    .footer_box ul.active li:nth-child(1) i{background-position-y: -86px;}
    .footer_box ul:last-child{border-bottom: none;}
}
@media screen and (max-width:830px) {
    .center{padding: 0px 40px;box-sizing: border-box;}
}
@media screen and (max-width:480px){
    .header_new>.center>ul{top:62px;box-shadow: none;right: 0;}
    .usernotice_pop{width:100%;bottom:0;right:0;padding:5px 0;border-radius:0;}
    .usernotice_pop span{display:inline;padding:0 15px;margin-left:5px;}

}