@charset "utf-8";
/* 全局样式 */
body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {margin:0;padding:0;-webkit-text-size-adjust: none;}
h1, h2, h3, h4, h5, h6{font-size:12px;font-weight:normal}
body>div, body>header, body>nav, body>section, body>footer, body>article {margin:0 auto}
div {text-align:left}
a img {border:0}
table{border-collapse:collapse; border-spacing:0}
select,input,textarea{ outline: none }
body { color: #666; text-align: center; font: 12px "微软雅黑"; min-width: 1200px; }
ul, ol, li {list-style-type:none;vertical-align:0}
a {color: #666; text-decoration: none;  transition: all 0.3s ease-out;  }
a:hover{ color:#fa9505;}

a, area {blr:expression(this.onFocus=this.blur())}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.mFocus_bg { height: 600px; width: 100%; position: relative; left: 0px; top: 0px; overflow: hidden; }
.mFocus_bg *{ transition:none;}
.mFocus { height: 600px; width: 1920px; position: absolute; left: 50%; top: 0px; margin-left: -960px; }
.mFocus .hd { position: absolute; left: 904px; bottom: 26px; height: 18px; z-index: 2; }
.mFocus .hd ul li { background: url(../images/fs_ico2.png) no-repeat; float: left; height: 18px; width: 18px; margin-right: 29px; cursor: pointer; }
.mFocus .hd ul .on { background: url(../images/fs_ico1.png) no-repeat; }
.mFocus .bd ul li { height: 800px; width: 1920px; }

body{ background:url(../images/body-bg.jpg) repeat;}
.wj{ width:1160px; margin:0 auto;}

.top{ width:100%; background:url(../images/logo.png) no-repeat center; height:165px; margin-bottom:20px;}
.top1{ width:1080px; text-align:right; font-size:16px; margin:0 auto; margin-top:15px;}
.nav{ width:100%; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; height:44px; margin-bottom:2px;}
.navf{ width: 1145px; margin:0 auto; text-align:center;height: 46px; padding: 0 40px;}
.nav a{ width:74px; font-size:16px; -webkit-font-smoothing: antialiased; line-height:43px; height:43px; text-align:center; margin: 0 15px;  font-weight:lighter; color:#000; display: block; float:left;}
.nav a:hover{ border-bottom:1px solid #000;}

.wall{ width:100%; height:auto; overflow:hidden;}
.style{ width:100%; background:url(../images/style-h2.png) no-repeat center; height:200px; margin:40px 0;}
.work ul li{ float:left; width:262px; height:174px; border:1px solid #9d9d9d; margin-bottom:10px; padding:10px;}
.work ul li img{width:262px; height:174px;}
.work ul li:hover{ background:#f2f2f2;}

.produt ul li{ float:left; width:230px; height:275px; border:1px solid #9d9d9d; margin-right:30px;  margin-bottom:30px; position:relative; z-index:1; transition: all 0.5s; }
.produt ul li img{width:220px; height:220px; padding:5px; padding-bottom:5px;}
.produt ul li:hover{ background:#f2f2f2;}
.produt ul li span{  display:block; width:220px; height:35px; line-height:35px; height:35px; text-align:center; font-size:16px;}

.produtz ul li{ float:left; width:230px; height:275px; border:1px solid #9d9d9d; margin-left:10px; margin-right:10px;  margin-bottom:30px; position:relative; z-index:1; transition: all 0.5s; }
.produtz ul li img{width:220px; height:220px; padding:5px; padding-bottom:5px;}
.produtz ul li:hover{ background:#f2f2f2;}
.produtz ul li span{  display:block; width:220px; height:35px; line-height:35px; height:35px; text-align:center; font-size:16px;}






.p-c ul li{ float:left; width:262px; height:345px; border:1px solid #9d9d9d; margin-right:10px; padding:10px; position:relative; z-index:1; transition: all 0.5s;}
.p-c ul li img{width:262px; height:345px;}
.p-c ul li:hover{ background:#f2f2f2;}



.productlist{ padding:20px 0; }


.work{ width:110%; margin-bottom:120px; overflow:hidden;}
.ty{ border:1px solid #9d9d9d; padding:10px; position:relative; clear:both; height:640px;}
.ty-h2{ position:absolute; top:-60px; width:100%; background:url(../images/ty-h2.png) no-repeat center; height:133px;}
.ty-nav{ padding-top:80px;}
.ty-nav a{ text-align:center; padding:0 34px; font-weight:lighter; font-size:18px;}
.scoll{ padding-top:40px;}
.s-left{ width:448px; height:336px; float:left; position:relative; background:#fbcc2e; padding:10px; }

.floor3{ width:448px; height:336px; background:#fff; z-index:4; position:relative;}
.floor3:hover{ z-index:2; -webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0)}
.floor3 img{ width:448px; height:336px;}

.focus-a{width:448px;height:336px;overflow:hidden;position:relative; float:left;}
.focus-a ul{height:448px;position:absolute;}
.focus-a ul li{float:left;width:448px;height:336px;overflow:hidden;position:relative;}
.focus-a ul li div{position:absolute;overflow:hidden;}
.focus-a .btn{position:absolute;width:100%;height:10px;padding:5px 10px;right:0;bottom:5px;text-align:center;}
.focus-a .btn span{display:inline-block;_display:inline;_zoom:1;width:6px;height:6px;_font-size:0;margin-left:5px;cursor:pointer;
    border: 2px solid #f5f5f5;
    border-radius: 6px;
    text-align: left;   
 
    background-color: #b0b0b0;
    -webkit-transition: all .5s;
    transition: all .5s; 
   border-color: #000;
    background-color: #f5f5f5;
    background-color: transparent;}
.focus-a .btn span.on{background: #000;}
.focus-a .preNext{width:20px;height:47px;position:absolute;top:160px;background: url(../images/controls.png) no-repeat 0 0;cursor:pointer;display:none;}
.focus-a .pre{left:0;}
.focus-a .next{right:0;background-position:right top;}

















.c{ position:absolute; border:10px solid #fbcc2e; top:20px; left:20px; width:448px; height:336px; z-index:0;}
.list{ width:580px; padding-top:50px;}
.list ul li{ float:left; background:url(../images/y.png) no-repeat center; height:180px; width:180px; text-align:center; line-height:180px; margin-bottom:20px;}
.list ul li a{ font-size:18px; color:#000;}
.list ul li a:hover{ font-size:24px;}
.join{ padding-top:40px; margin-bottom:40px; overflow:hidden;}
.join-h2{ width:90%; padding-left:10%; clear:both; background: url(../images/jiameng.png) no-repeat center; height:226px; margin-bottom:20px;}
.j-h3{ width:50%; margin:0 25%; border-bottom:1px solid #fbcd2c; text-align:left; line-height:40px; font-size:16px; font-weight:lighter; color:#000;}
.join h4{ text-align:center; line-height:60px; font-size:14px;}
.join h2{ font-size:24px; line-height:60px; text-align:center; color:#000; text-emphasis:2em;}
.a-intro{ width:554px; height:225px; padding:10px; background:#fbcd2c;  font-size:16px; line-height:30px; color:#000;}
.c-us{width:554px; height:225px; padding:10px; background:#ededed;  font-size:16px; line-height:30px; color:#000; position:relative; }
.ewm{ position:absolute; background:#fff; width:200px; right:20px; top:0;}
.ewm h3{ line-height:30px; text-align:center; font-size:14px; padding-top:10px;}
.ewm img{ padding-left:8px; padding-bottom:6px;}
.h{ width:100%; line-height:45px; font-size:24px; color:#000; margin-bottom:10px;}
.h span{ float:right; background:rgba(255,255,255,0.2); height:25px; line-height:25px; padding:0 10px; font-size:12px;}
.h span:hover{background:rgba(255,255,255,1);}
.tel{ background:url(../images/img8.png) no-repeat left center; padding-left:30px; height:42px; line-height:42px;}
.phone{ background: url(../images/img9.png) no-repeat left center; padding-left:30px; height:42px; line-height:42px;}
.e-mail{ background: url(../images/img10.png) no-repeat left center; padding-left:30px; height:42px; line-height:42px;}
.address{ background: url(../images/img11.png) no-repeat left center; padding-left:30px; height:42px; line-height:42px;}
.foot{ width:100%; background:#ededed; padding:10px 0; text-align:center; border-top:1px solid #e7e6e6;}
.f-nav{ width:1160px; margin:0 auto; text-align:center; margin-bottom:10px;}
.f-nav a{ padding:0 18px; font-size:16px;  line-height:30px;}
.bq{     line-height: 25px;
    text-align: center;
    padding-top: 20px;}
.ny-banner{ width:100%; height:280px; background:url(../images/ny-banner.jpg) no-repeat center;}
.right{ width:1050px; overflow:hidden; border:1px solid #dfdfdf; background:#fff; margin:20px 0;      padding: 32px 50px;}
.right h3{height: 30px;
    padding: 6px 16px;
    background:rgba(204,204,204,0.2);
    color: #acacac;
    line-height: 30px;
    font-size: 14px; text-align:right;}
.news h2{font-size:20px;
    font-weight: bold;
    color: #333;
    padding-top: 20px;
    height:30px;
    border-bottom: 1px solid #ddd;}
.news p{padding: 14px 0;
    text-indent: 2em;
    color: #666;
    font-size: 14px;
    line-height: 1.8em;}
.news span{ display:block; font-size:12px; line-height:25px; margin-bottom:15px; text-align:right; color:#999;}
.dq{ height:60px; line-height:60px; background:#ededed;}
.dq h3{ width:1160px; margin:0 auto; font-size:16px;}
.about{    font-size: 16px;
    line-height: 30px;
    color: #555;}
.news-title {
    font-size: 40px;
    color: #424141;
    text-align: center; padding-top:30px;
}
.new-info{ text-align:center; font-size:12px;     border-bottom: 1px solid #e9e9ea; height:45px; padding-top:20px; margin-bottom:40px; color:#999;}
.ab{ line-height:30px;}
.ab h2{ font-size:24px; line-height:60px; text-align:center; color:#333;}
.pull-right {
    width: 100%;
    margin: 0 auto;
    height: 54px;
    margin-top: 22px;
    background-color: #f0f0f0;
    text-align: center;
}
.pull-right .pagination {
    display: inline-block;
    padding: 14px 0;
    height: 26px;
    font-size: 14px;
    line-height: 26px;
    color: #333;
    float: none;
    zoom: 1;
}
.pull-right .pagination:after{
	content: "020";
    visibility:hidden;
    overflow:hidden;
	height: 0;
	clear: both;
}
.pull-right .pagination li{
	margin: 0 6px;     float: left;
}
.pull-right .pagination li a{
	padding:0 10px;
	color: #333;
}
.pull-right .pagination li:hover,.pull-right .pagination li.active{
	background-color: #f60;
}
.pull-right .pagination li:hover a, .pull-right .pagination li.active a{
	color: #fff;
}
.pull-right .pagination li.disabled a{
	color: #666;
	cursor: default;
}
.pull-right .pagination li.disabled:hover{
	background-color: #f0f0f0;
}
.pull-right .pagination li.disabled:hover a{
	color:#666;}
.c-title {
    line-height: 45px;
    text-align: center;
    font-size: 18px;
}
.dateline {
    text-align: center;
    font-size: 12px;
    color: #B2B2B2;
    line-height: 25px;
    border-bottom: 1px dotted #DDDDDD;
    margin-bottom: 15px;
}
.m2page {
    line-height: 48px;
    height: 66px;
    border-top: 1px dotted #ddd;
    font-size: 13px;
	margin-top:20px;     width: 1160px;
    margin: 0 auto;
}
.m2page1 {
    line-height: 48px;
    height: 66px;
    border-top: 1px dotted #ddd;
    font-size: 13px;
	margin-top:20px;     width: 100%;
   
}