
@charset "utf-8";
/**
深圳市恒一信息技术有限公司
http://szhengyi.net
**/
body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,span,a,aside,article,section,header,nav,footer,label,img{margin:0;padding:0;box-sizing:border-box;}
fieldset,img{border:0;}
img{vertical-align:middle;max-width:100%;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:.875rem;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
body{color:#666;line-height:1.5;font-family:'Microsoft YaHei',Arial,'simsun',HELVETICA;min-width:320px;background:#fff;}
a{color:#666;text-decoration:none;transition:all ease 0.3s;}
a:hover{color:#e72c35;}
/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}



/* 头部 */
.header{position: fixed;width:100%;height:100px;z-index:99;left:0;top:0;padding-top:30px; background:#fff; display:none;}
.header .logo{position:absolute;left:0;top:0;} 

.headColor{background:#fff;}
 
/*  导航按钮 */
.navTrigger{position:absolute;top:29px;left:15px;width:36px;overflow:hidden;white-space:nowrap;color:transparent;z-index:20;cursor:pointer;display:none;}
.navTrigger span{display:block;height:2px;background:#e62129;margin-bottom:6px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.navTrigger span:nth-child(1){ width:25px; }
.navTrigger span:nth-child(2){ width:45px;}
.navTrigger span:nth-child(3){margin-bottom:0;width:25px;}
.container .navTrigger-on span:nth-child(1){transform: translateX(3px) translateY(0px) rotate(45deg); width:39px !important;}
.container .navTrigger-on span:nth-child(2){opacity:0; width:45px !important;}
.container .navTrigger-on span:nth-child(3){transform:translateX(3px) translateY(11px) rotate(-45deg); width:39px !important;}
.langIcon{color:#fff;font-size:1.5rem;position:absolute;right:65px;top:18px;line-height:1;display:none;font-family:"iconfont";}
.container .navTrigger-on{ top:25px;left:15px;width:34px; height:32px;} 
.m_tel a{ display:inline-block; float:right;}
.m_tel a img { height:35px;}

/*  WAP主导航 */
.wapNav{overflow-y:auto;height:100%;opacity:0;transform: translateX(-100%);transition:all 0.6s;background:#fff;width:100%;position: fixed;left:0;top:21px;z-index: 40;padding:60px 0;font-size:1.143rem;font-family:"zsxs";}
 
.wapNav .navSub{display:none;background:#f1f1f1;}
.wapNav .navSub li a{height:40px;line-height:40px;padding-left:40px;font-size:.875em;}
.wapNav .navSub ul{background:#f1f1f1;}
.wapNav .navSub ul li a{height:34px;line-height:34px;padding-left:60px;}
.wapNav .menu{overflow:hidden;font-size:1rem;}
.wapNav .menu a{float:left;width:50%;text-align:center;line-height:50px;border-right:1px solid #eee;color:#333;border-bottom:1px solid #eee;}
.wapNav .menu a i{font-family:"iconfont";margin-right:5px;position:relative;font-style:normal;color:#666;font-size:1.4rem;}
.wSearch{background:#f1f1f1;overflow:hidden;padding:20px 15px;font-size:12px;}
.wSearch form{margin:0 auto;background:#fff;height:40px;overflow:hidden;padding-right:60px;}
.wSearch .sear_text{width:100%;float:left;height:40px; line-height:40px;color:#666; padding-left:10px;}
.wSearch .sear_btn{ float:left;width:60px;height:40px; cursor:pointer;text-align:center;background:#333;color:#fff;font-size:14px;transition:all 0.3s;margin-right:-60px;}
.wSearch .sear_btn:hover{background:#0e76a9;}

#subNav1 { background:none;}
.subNavBox{width:100%;border-top:solid 1px #e5e3da; }
.subNav{border-bottom:solid 1px #e5e3da;cursor:pointer;font-size:18px;color:#333333;line-height:55px; background:url(../images/icon24.png) no-repeat;background-position:98% 50%; width:100%; padding:0 5%}
.subNav:hover{color:#e62129;}
.currentDd{color:#e62129}
.currentDt{background-image:url(../images/icon24h.png);}
.navContent{display: none;border-bottom:solid 1px #e5e3da;}
.navContent li a{display:block;width:100%;height:45px; padding-left:10%;font-size:16px;line-height:45px;color:#333; background:#f1f1f1;border-top:1px solid #e1e1e1;}
.navContent li a:hover{color:#fff;background-color:#e62129}
.navContent li:first-child a{ border-top:0;}



@media all and (max-width:1800px) {
  .container{padding-left:15px;padding-right:15px;}
  .header .logo{left:0; text-align:center; width:100%}
  .headR{right:15px}
 


}


@media all and (max-width:1600px) {
  .nav {font-size:1.286rem;}
 
  

}

@media all and (max-width:1440px) {
  .nav {padding:5px 320px 0 160px;font-size:1.143rem;}
  .headR .lang{margin-left:20px;}
 

}

@media all and (max-width:1370px) {
  .conBox,.listWrap{padding-top:60px;padding-bottom:60px;}
  .nav{padding-right:300px;}
  .headR .btn{width:100px;}
  .headR .lang{padding:0 15px;}
 
}


@media all and (max-width:1200px) {
  .headFix .nav,.nav{font-size:1rem;padding-left:120px;}
  .header .logo img{height:32px;margin-top:1px}
 
}
  


@media all and (max-width:1024px) {
  body{font-size:.875rem;}
  .headR .btn,.headR .sIcon,.nav,.gr_kefu,.banner .swiper-button-white,.footWx,.synopsisL .s_logo,.picShow_r,.bshare-custom,.newsList li .more,.jobL{display:none;}
  .header{height:80px;line-height:80px;padding-top:0;}
  .header .logo img{height:50px;}
  .navTrigger,.langIcon,.synopsisR .s_logo{display:block;}
  .nav_on{opacity:1;transform: translateX(0);}
  .headR{width:100%;right:0;width:100%;top:60px;background: rgba(0, 0, 0,.3);}
  .headR .lang{padding:0;border:none;margin-top:0;float:none;margin-left:0;overflow:hidden;display:none;line-height:50px;}
  .header { display:block;}
}

@media all and (max-width:920px) {
  .aboutR{height:420px;}
  
}

@media all and (max-width:768px) {
  .conBox,.listWrap{padding-top:40px;padding-bottom:40px;font-size:.75rem;}
  .proSear{width:100%;}
 
}

@media all and (max-width:640px) {
  .firendLink{width:100%;}
  
}

@media all and (max-width:480px) {
  .aboutR,.listBanner{height:180px;}
 
}

