@charset "utf-8";
body{background:#f4f2f0;/*max-width:1920px;*/  }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
    font-family:Arial, Helvetica, sans-serif,Microsoft YaHei;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
ol,ul,li {
    list-style: none;
}
caption,th {
    text-align: left;
}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym {
    border: 0;
}
a,img{
    outline: none;
}

.clearFix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear:both;
    visibility:hidden;
}

.clearFix {
    min-height:1px;
}

*html .clearFix {
    height:1px;
}
.clear{font-size:0px;clear:both;overflow:hidden;line-height:0px;height:0px;}
.typeface-js{font-family:"DIN","Kartika", "SimHei","黑体","Microsoft YaHei",Arial, Helvetica, sans-serif;}
.inwrap{width:970px;padding:0 5px;margin:0px auto;}
/**header**/
.head_mainbox{position:fixed;_position:absolute;left:0px;top:0px;width:100%;z-index:9999;/*max-width:1920px;min-width:960px;*/
              background:#f4f2f0;height: 80px;  padding: 0;
}
.head_shdow{
 height: 88px;
 background:url(../img/shadow.png) repeat-x top;
}

.head_subbox{position:relative; width: 1200px;}
.header_warpper{ margin:0 auto; font-size:12px;padding:0;position:relative; overflow: hidden;}
.header_warpper .logo{ float:left; margin-top:0px; margin-bottom: 0px; background:transparent; height: 80px;}
.header_warpper .menuul{ float:right;margin-right: 40px;display:block }
.header_warpper .menuul li{ float:left; margin: 0 15px; }

.header_warpper .menuul li a{ text-decoration:none; color:#000;padding:55px 8px 0px 8px;  height:25px;display:block;}
.header_warpper .menuul li a:hover{ background:url(../img/menubg.png) repeat-x bottom ;  color:#911a21}
/*.header_warpper .menuul li a.mjoin:hover{background:#ff9d00;}
.header_warpper .menuul li a.cur{background:#b422ff; color:#fff;}
.header_warpper .menuul li a.mabout:hover{background:#01a1ff;}
.header_warpper .menuul li a.mwork:hover{background:#c3e701;}
.header_warpper .menuul li a.mcontact:hover{background:#23e8bb;}*/

.header_warpper .m_menu{float:right; margin: 0 10px; padding: 0; display: none}
.header_warpper .m_menu{background:url(../img/button_menu_noactive.png) no-repeat;width:120px;height:80px;background-size:100%;float:right;margin-top:0px;display:block;}
/*main*/
.main,.kv_area{margin-top:88px;}
/**footer**/
.footer{ /*width:740px; margin:0 auto; */text-align:center; font-size:12px;padding-bottom:0px;  margin-top: 242px;  width: 100% ; overflow-x: hidden;}
.footer .footer_con .footer_line{ border:#777 solid 1px; }
.footer .footer_con .footer_sm,.footer_cp {  margin: 0 auto; display: block}
.footer .footer_con .footer_sm{ height: 60%;  padding-top: 60px;}
.footer .footer_con { height: 530px; background-color: #000;  margin: 0 auto;  padding-bottom: 0px; color: #fff; }
.footer .footer_icon {padding-top:150px;height:220px;white-space:nowrap;*display:inline;}
.footer .footer_icon li{/*float:left;*/margin-right:80px;position:relative;display:inline-block;*display:inline;*zoom:1;}
.footer .footer_icon li.li_last{margin-right:0px;}
.footer .footer_icon .wxtu{position:absolute;bottom:130px;left:5px;display:none;}


/*手机start*/
.header_warpper .menu_mobile{
    position: fixed;
    top:80px;
    left: 0;
    float:none; 
    padding:0;  
    display:block;
    z-index:890; 
    margin: 0; 
    text-align: center;
    width: 100%;
     
}

.header_warpper .menu_mobile li{
    float:none;
    width: 100%;
    display:block;
    margin: 0;
    height: 80px;
    background:url(../img/bg_menu.png) ;
    padding: 0;
    vertical-align: middle;
    
}
.header_warpper .menu_mobile li a{  
    text-decoration:none;
    height: 80px;
    color:#000; 
    height:auto;
    display:block;
    margin: auto;
    padding:33px 15px;
    vertical-align: middle;
    margin: auto;
    background:url(../img/bg_menu.png) ;
    
}
.header_warpper .menu_mobile li a:hover{  background:url(../img/menubg.png) repeat-x bottom ;}


 .section {
    margin: 0 0 10px 0;
}

.enFont{
   font-family: ProximaNovaRegular,Arial,sans-serif;
   font-weight: normal;
}

.imgout{
    position: relative;float: left;left: 86px;top: 38px;

}

.imgin{
    position: relative;
float: left;
left: 51%;
top: 13px;
}