@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;font-family: "微软雅黑";}
html,body{ height: 100%; width: 100%; overflow-x: hidden;}
html, body{font-size: 14px;font-family: Arial,'Microsoft yahei';color: #333;margin: 0px;padding: 0px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote{padding: 0;margin: 0;list-style: none;}
ul li,li{list-style: none;}
ul,li,dl,dt,dd,span,p,cite,em,i,h1,h2,h3,h4,h5,h6,b{margin: 0px;padding: 0px;}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-family: Arial,'Microsoft yahei';}
cite,em,i{font-style: normal;}
a{color: #7f7f7f;text-decoration: none;outline: none;}
a:hover,a:active,a:visited{text-decoration: none;}
a:hover,a:active,input,:focus{outline: none;}
img{border: none;}


::-webkit-scrollbar {
    width: 0px; /*  鼠标 hover 时显示滚动条 */
  }
  
::-webkit-scrollbar-thumb {
    background: #b7b7b7;  /* 滚动条thumb颜色 */
    border-radius: 0px;/*  滚动条thumb圆角 */
  }
  
::-webkit-scrollbar-track {
    background: #d7d7d7; /* 滚动条轨道颜色 */
    border-radius: 5px;  /* 滚动条轨道圆角 */
  }

.header{ width: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; height: 66px; min-width: 1366px; background: #fff; position: fixed; top: 0; left: 0; z-index: 999; }
.header_left,.header_right{ display: flex;}
.header_left{ margin-left: 4%;}
.header_left .logo{ height: 66px; display: flex; align-items: center;}
.header_left .logo p{ font-size: 16px; white-space: nowrap; color: #000;;}

.header_left .logo p span{  color: #111; padding: 0 15px;}
.header_right ul{ display: flex; align-items: center; height: 66px; margin-right: 20px; }
.header_right ul li{display: flex; align-items: center;}
.header_right ul li a{ font-size: 14px; color: #000; padding: 0; text-align: center; display: block; line-height:66px; height: 66px; margin: 0 24px;white-space: nowrap;}
.header_right ul .active a{  border-bottom: 3px solid #e25306; line-height: 66px; height: 63px;}

.header_right ul li a:hover { border-bottom: 3px solid #e25306; line-height: 66px; height: 63px;}
.header_right { margin-right: 4%; align-items: center; display: flex;}
.header_right  .more a{ height: 40px; line-height: 40px; background: #e25306 ;border-radius: 6px; color: #FFFFFF; font-size: 14px; display: block; padding: 0 24px; text-align: center;}
.header_phone{display: none;}




.header_right .header_more{ width: 100%; background: #fff; position: absolute; top: 66px; right: 0; z-index: 999; height: auto; display: none;}
.header_right .header_more ul {display: flex; width: 1190px; align-items: center; justify-content: space-evenly; margin: 0 auto; height: 170px;}
.header_right .header_more ul li{ width:calc(20% - 20px); text-align: center; margin-right: 0; justify-content: center; align-items: center;}
.header_right .header_more ul li img{ width: 150px; border-radius: 10px;}
.header_right .header_more ul li h3{font-size: 16px; line-height: 25px; padding-top: 10px;}
.header_right .header_more ul li p{font-size: 12px; line-height: 24px; color: #999;}
.header_right .header_more ul li a{ display: block; margin: 0 0; padding: 0; height: 150px; line-height: 0; position: relative;}
.header_right .header_more_btn a i{ width: 12px; height: 5.5px; background: url(../images/nav/arrow.png)no-repeat center center; font-size: 0; vertical-align: middle; display: inline-block; background-size: 100% 100%; margin-left: 10px;}
.header_right .header_more_btn a:hover{ border-bottom: 3px solid #fff; }
.header_right .header_more_btn{ }
.header_right .header_more_btn:hover .header_more{ display: block; transition: 0.6s ease;}
.header_right .header_more ul li a:hover{ border-bottom: 3px solid #fff;}


.footer{ width: 100%;  background: #08111c; }
.footer .footer_box{ margin: 0 auto; display: flex;  align-items: flex-start; justify-content: center; width: 84%; padding: 50px 0 20px;}
.footer .footer_box .footer_ewm{ display: flex; align-items: center; justify-content: space-between; text-align: center; width: 210px; margin-right: 100px;}
.footer .footer_box .footer_ewm img{ border: 1px dashed #d7d7d7; width: 80px;}
.footer .footer_box .footer_ewm p{font-size: 12px; color: #999; line-height: 24px; height: 24px;}

.footer .copyright{background:#040910; width: 100%; text-align: center; color: #999;   font-size: 12px; height: 40px; align-items: center; display: flex; line-height: 16px; justify-content: center;}
.footer .copyright .beian{ width: 16px; height: 16px; display: inline-block; font-size: 0; vertical-align: middle; background: url(../images/nav/zgwab.png); background-size: 16px; height: 16px;}
.footer .footer_box .footer_box1{ margin-right: 50px;}
.footer .footer_box .footer_box1 h2{font-size: 18px; color: #fff; font-weight: bold;}
.footer .footer_box .footer_box1 ul{ padding: 30px 0;}
.footer .footer_box .footer_box1 ul li{ font-size: 12px; color: #999; line-height: 24px;}
.footer .footer_box .footer_box1 ul li a:hover{ color: #fff; transition: 0.2s ease;}

.header_right .header_more_btn .header_more ul li a .bb{  font-size: 12px; color: #fff; background: #3363ff; border-radius: 12px 12px 12px 0; position: absolute; top: -6px; right: -20px; display: block; width: 60px; height: 24px; line-height: 24px;}
.header_right .header_more_btn .header_more ul li a .free{  font-size: 12px; color: #fff; background: #ff5d05; border-radius: 12px 12px 12px 0; position: absolute; top: -6px; right: -10px; display: block; width: 40px; height: 24px; line-height: 24px;}

@media(max-width:1366px){

}
@media(max-width:960px)
{ 
    /* p{ line-height: 18px!important;} */
    .header{ display: none!important;}
/* phone nav */
.header_phone{ display: block;background: #fff; width: 100%; height: 60px; position: fixed; top: 0; left: 0; z-index: 999;}
.header_logo{ width: 100%; height: 60px;vertical-align: middle; display: flex; align-items: center;justify-content: space-between;}
.header_logo .logo{ width: 80px; margin-left: 4%;}
.header_logo .logo img{ width: 100%;}
.header_logo .nav_phone{ width: 18px; height: 18px; margin-right: 4%;}
.header_logo .nav_phone a{ width: 18px; height: 18px; display: block; margin-right: 21px;}
.header_logo .nav_phone a img{ width: 100%;}
.nav_menu{ position: absolute; top: 60px; right: -150px; width: 150px; background: #f4f6f8; z-index: 999; transition: 0.8s ease;}
.active{right: 0px;}
.nav_menu ul li{ color: #171717; font-size: 12px; line-height: 36px; border-bottom: 1px solid #ececec; height: 36px; text-align: center; }

.nav_menu ul li a{ color: #171717;}
.nav_menu ul li:nth-last-child(1){ border: none;}
.friend_link{ display: none;}
.footerPage .footer .footer_box .logo{ display: none;}
.footer .footer_box{ width: 100%; align-items: flex-start; height: auto; background: #f9f9f9; display: none;}
/* .footer .footer_box .contact_us .contact_us_box ul li p{ font-size: 12px; line-height: 30px; height: 30px;}
.footer .footer_box .contact_us .contact_us_box ul{ flex-direction: column; border-bottom:none; margin-bottom: 20px; margin-left: 10px; margin-top: 10px;}
.footer .footer_box .contact_us .copyright{ font-size: 12px; text-align: center; height: auto; width: 180%; overflow: visible;}
.footer .footer_box .contact_us{ width: 55%;}
.footer .footer_box .footer_ewm p{ font-size: 12px;}
.footer{ padding: 20px 0;}
.footer .footer_box .footer_ewm{ margin-right: 10px;} */

.footer .copyright{ display: block; height: auto;}
}