@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; overflow: hidden;}
.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: 16px; 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: 16px; display: block; padding: 0 24px; text-align: center;}
.header_phone{display: none;}

.footer{ width: 100%; height: 100px; background: #F9F9F9; padding: 40px 0;}
.footer .footer_box{ width: 1200px; margin: 0 auto; display: flex; height: 100px; align-items: center; justify-content: space-between;}
.footer .footer_box .contact_us{ }
.footer .footer_box .contact_us .contact_us_box ul{ display: flex; justify-content: space-between; border-bottom: 1px solid rgba(51, 51, 51, 0.1); width: 750px;}
.footer .footer_box .contact_us .contact_us_box ul li p{ font-size: 16px; color: #666; line-height: 40px; height: 40px;;}
.footer .footer_box .contact_us .contact_us_box ul li p i{ font-size: 0; vertical-align: middle; margin-right: 4px; width: 24px; height: 24px; display: inline-block;}
.footer .footer_box .contact_us .copyright{font-size: 14px; color: #666; line-height: 24px; height: 40px; padding: 10px 0;}
.footer .footer_box .contact_us .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_ewm{ display: flex; align-items: center; justify-content: space-between; text-align: center; width: 210px;}
.footer .footer_box .footer_ewm img{ border: 1px dashed #d7d7d7; width: 80px;}
.footer .footer_box .footer_ewm p{font-size: 14px; color: #666; line-height: 24px; 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;}
.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;}
}