@charset "utf-8";
/* CSS Document */
html{font-size:100px; /*font-size:62.5%;*/}
body{margin:0px; padding:0px; font-size:12px; font-family:Arial, "微软雅黑"; color:#333; -webkit-text-size-adjust:none;}
a{color:#333; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px;}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
a:hover{text-decoration:none; color:#0a3861; outline:none;}
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}
.h10{height:.1rem; overflow:hidden; clear:both;}
.h50{height:.5rem; overflow:hidden; clear:both;}
input{background:transparent; padding:0px; font-size:12px; font-family:Arial, "微软雅黑"; color:#888; outline:none; border:0px;}
em{font-style:normal;}
.btn1{cursor:pointer;}
img{vertical-align:middle; max-width:100%;}
.blue, a.blue{color:#0a3861;}
.green{color:#88c22f;}
/*opacity:1; filter:alpha(opacity=100);*/

.wal{max-width:16rem; margin:0px auto;}
.align{
justify-content:left;
align-items:center;
display:-webkit-flex;	
}

a, .transition, img, i,
.indexFoot p,
.indexFlash .slick-dots li,
.indexNews svg,
.contact .list2 .name,
.topSearch input{
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;	
}
.radius3{
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;	
}
input, li, a, span, i, em, b, div, img, textarea, p, dl, dt, dd, h1, h2{
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;	
}
.news .name,
.news p{overflow:hidden;text-overflow:ellipsis;}

.head{position:absolute; z-index:50; left:0px; top:0px; width:100%;}
.head .wal{height:.9rem; position:relative;}
.head .logo{display:block; position:absolute; left:0px; bottom:.05rem; background:url(../image/logo.png) center no-repeat; background-size:cover; width:2.66rem; height:.55rem;}
.head .topSearchA{display:block; background:url(../image/img27.png) center no-repeat; background-size:cover; width:.27rem; height:.27rem; position:absolute; bottom:0px; right:0px;}
.topSearch{position:absolute; z-index:10; bottom:-.08rem; right:0px; height:.44rem; width:.27rem;}
.topSearch .btn1{position:absolute; z-index:10; top:0px; right:0px; background:url(../image/img27.png) center no-repeat; background-size:.27rem; width:.44rem; height:.44rem;}
.topSearch .input1{width:0px; height:.44rem; line-height:.42rem; border:rgba(0,0,0,0) solid 1px; position:absolute; top:0px; right:0px; background:#FFF; padding:0 .2rem; font-size:.16rem; opacity:0;
-moz-border-radius:.22rem;
-webkit-border-radius:.22rem;
border-radius:.22rem;
}
.topSearch:hover .btn1{background-image:url(../image/img27on1.png);}
.topSearch:hover .input1{width:3rem; opacity:1;}
.head .language{position:absolute; bottom:0px; right:1.2rem;display:none;}
.head .language a{display:block; float:left; font-size:.14rem; color:#FFF; font-weight:bold; opacity:.3; padding:0 .15rem; letter-spacing:2px; line-height:.27rem;}
.head .language a:hover, .head .language a.on{opacity:1;}
.head .language i{display:block; float:left; width:.24rem; height:.03rem; background:#FFF; position:relative; top:.12rem;}
/**/
.nav{position:absolute; left:3.9rem; bottom:0px;}
.nav .close{display:none;}
.nav li{float:left; padding-right:.82rem;cursor: pointer;}
.nav a{color:#FFF; font-size:.18rem; display:block; line-height:.27rem;}
.nav a:hover, .nav a.on{color:#a2b628;}

body.odd .head .logo{background-image:url(../image/logo2.png);}
body.odd .head .nav a{color:#333;}
body.odd .head .nav a:hover, body.odd .head .nav a.on{color:#a2b628;}
body.odd .head .topSearch .btn1{background-image:url(../image/img27on.png);}
body.odd .head .topSearch .input1{border-color:#999;}

.transform,
.indexBar, .indexBar .ico,
.indexFlash .slick-dots i,
.indexLayer,
.indexFlash .layer,
.pageBanner .layer,
.product_01 .box,
.product_02 .slick-arrow,
.about .title img,
.contact .list2 .name img,
.jobShow div.title img{
transform: translate(0px, -50%);
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);	
}

@font-face {
    font-family: 'BebasNeue';
    src: url('fonts/BebasNeue.eot');
    src: url('fonts/BebasNeue.eot') format('embedded-opentype'),
         url('fonts/BebasNeue.woff2') format('woff2'),
         url('fonts/BebasNeue.woff') format('woff'),
         url('fonts/BebasNeue.ttf') format('truetype'),
         url('fonts/BebasNeue.svg#BebasNeue') format('svg');
}

.pageBanner{min-height:7rem; background:center no-repeat; background-size:cover; position:relative;}
.pageBanner .layer{position:absolute; left:0px; top:50%; width:100%; font-size:.4rem; line-height:.9rem; text-align:center; color:#FFF;}
.pageBanner .layer div{font-size:.6rem;}
.pageBanner .layer2{padding-top:.5rem;}

#index-foot{display:none;}
.foot{text-align:center; font-size:.2rem; line-height:.4rem; padding:.5rem 0; background:#f6f6f6;}
.foot p, .foot a{color:#666;}
.footShare{border-top:#e5e5e5 solid 1px; background:#f6f6f6; text-align:center; padding-top:.64rem; height:1.5rem;}
.footShare dl{width:3rem; margin:0 auto;}
.footShare dd{float:left; width:20%;}
.footShare dd a{width:.22rem;height:.22rem;}