*{
padding:0;
margin:0;
font-family:微软雅黑;
}

html {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	background-color: #fff;
	font-weight: 300;
}
body {
	margin: 0px;
	padding: 0px;
}
ul,li{ list-style-type:none;}
.documentation {
	width: 1100px;
	margin: 0px auto;
	padding: 100px 0px;
}
.documentation h3, p {
	
}
.documentation h3 {
	margin: 0px 0px 20px 0px;
	font-weight: 300;
	font-size: 2em;
}
a{
text-decoration:none;
color:#000;
}
li{
list-style:none;
}
img{
border:0;
}

.head{
	width:100%;
}
.head01{
	width:1180px;
	margin:0 auto;
	height:108px;
}
.head02{
	width:100%;
	height:444px;
	position:relative;
	overflow:hidden;
}
.logo{
	width:275px;
	height:42px;
	float:left;
	margin-top:29px;
}
.nav{
	width:875px;
	height:108px;
	float:left;
}
.en{
	width:30px;
	display:block;
	height:108px;
	float:right;
}
.nav ul{
	text-align:right;
}
.nav ul li{
	display:inline-block;
}
.nav ul li a{
	font-family:微软雅黑;
	font-size:14px;
	color:#626262;
	margin:0 25px;
	line-height:106px;
	height:106px;
	display:block;
	border-bottom:2px solid #fff;
}
.nav ul li a:hover{
	border-bottom:2px solid #fabe00;
}
.en a{
	font-family:微软雅黑;
	font-size:14px;
	color:#626262;
	line-height:106px;
	height:106px;
}
.xz_lb li{
    border-bottom: 1px dashed #f0f0f0;
    margin-bottom: 10px;
    margin-top: 10px;
    height: 50px;
}
.xz_lb li .xz_wz1{
    float: left;
    width:35%;
    margin-right:3%;
    line-height: 50px;
}
.xz_lb li .xz_wz1 a:hover{
    color: #fabe00;
}
.xz_lb li .xz_wz2{
    float: left;
    width:20%;
    line-height: 50px;
    margin-right:3%;
}
.xz_lb li .xz_wz3{
    float: left;
    margin-top: 3px;
    width:18%;
    margin-right:3%;
}
.xz_lb li .xz_wz4{
    float: left;
    margin-top: 10px;
    width:15%;
    margin-right:3%;
}
.xz_lb li .xz_wz4 a{
    width: 120px;
    height: 30px;
    background: #565656;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.xz_lb li .xz_wz4 a:hover{
    background: #fabe00;
}

.main{
	width:100%;
	}
.main01{
	width:100%;
}
.main01_01{
	width:100%;
text-align:center;
margin:60px 0 20px 0;
}
.main01_01 h4{
	font-family:微软雅黑;
font-size:20px;
color:#000000;
	}
.main01_01 span{
	font-family:微软雅黑;
font-size:34px;
color:#dbdbdb;
padding:4px 0;
	}
.main01_01 p{
	font-family:微软雅黑;
font-size:14px;
color:#b9b9b9;
	}
.main01_02{
	width:1200px;
	margin:0 auto;
overflow:hidden;
padding-bottom:40px;
}
.main01_02 ul{
	width:100%;
}
.main01_02 ul li{
	width:20%;
    margin-left:6.66%;
    margin-right:6.66%;
	float:left;
	position:relative;
height:195px;overflow:hidden;
}
.main01_02 ul li .main01_02_left{
	position:absolute;
	top:0px;
	left:0px;
	width:240px;
	height:195px;
}
.main01_02 ul li .main01_02_rigt{
	position:absolute;
	top:0px;
	left:240px;
	width:240px;
	height:195px;
}
.main01_02 ul li:hover .main01_02_left{
	position:absolute;
	top:0px;
	left:-240px;
transition:all 1s;
}
.main01_02 ul li:hover .main01_02_rigt{
	position:absolute;
	top:0px;
transition:all 1s;
	left:0px;
}
.main01_02 ul li .main01_02_left a p{
	font-family:微软雅黑;
	text-align:center;
	color:#dbdbdb;
	font-size:12px;
	line-height:21px;
}

.main01_02 ul li .main01_02_left a p.main01_02_bt{
	color:#626262!important;
	font-size:14px;
	padding:20px 0 15px 0;
}
.main01_02 ul li .main01_02_rigt a p.main01_02_bt{
	color:#f7ca39;
padding:20px 0 15px 0;
font-size:14px;
}
.main01_02 ul li .main01_02_rigt a p{
	font-family:微软雅黑;
	text-align:center;
	color:#dbdbdb;
	font-size:12px;
	line-height:21px;
}

/*公司简介start*/
.main02{
	width:100%;
	height:700px;
background:url(../images/main02_bj_46.jpg) center center no-repeat;
position:relative;
}
.main02_01{
	width:100%;
text-align:center;
margin:0px;
padding-top:60px;
}
.sp{
float: right;margin-top:50px;
}
.spxx{
width:520px;
height:310px;
}
.sp_wz{font-size: 20px;text-align: left;color: rgb(57, 57, 57);}
.main02_02{
	position:absolute;
width:75%;
background:rgba(250,190,0,0.76);
left: 0;
height:550px;
top:200px;
}
.zx{width: 1200px;margin:0 auto;position: relative;height:100%;padding-top: 100px;}

.main02_02_nr{
	width:600px;
	float: left;
}
.main02_02_nr p{
	font-family:微软雅黑;
	color:#ffffff;
font-size:14px;
line-height:26px;
padding-bottom:25px;
text-indent:2em;
}

/*新闻start*/
.main03{
	margin-bottom:60px;
}
.main03_01{
	margin:90px 0 55px 0;
overflow:hidden;
}
.main03_02{
	width:1180px;
	margin:0 auto;
overflow:hidden;
}
.main03_02_left{
	width:580px;
float:left;
}
.main03_02_right{
	width:550px;
font-family:微软雅黑;
float:right;
}
.news_img{
	width:580px;
height:278px;
margin-bottom:8px;
}
.news_img img{
	width:580px;
height:278px;
}
.news_li{
	width:100%;
height:66px;
padding:12px 0px;
border-bottom:1px solid #e6e6e6;
}
.news_li_left{
border:none;
}
.news_date{
	width:66px;
height:66px;
background:#c3c3c3;
border-radius:6px;
overflow:hidden;
float:left;
margin-right:24px;
}
.news_date p{
	font-size:32px;
color:#f4f4f4;
text-align:center;
padding-top:6px;
}
.news_date span{
	font-size:14px;
color:#f4f4f4;
width:100%;
text-align:center;
height:20px;
line-height:20px;
background:#a3a3a3;
display:block;
}
.news_content{ width:80%;float:left;}
.news_content h3{
padding-bottom:8px;
}
.news_content h3 a{
	font-size:16px;
color:#353c42;
}
.news_content p{
	font-size:14px;
color:#ababab;
line-height:20px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-align:left;
}
.news_li:hover h3 a{
	color:#d7aa18;
}
.news_li:hover .news_date{
background:#f7ca39;
}
.news_li:hover .news_date span{
background:#d7aa18;
}

/*案例展示*/
.main04{
	width:100%;
height:auto;
background:#f4f4f4;
padding:60px 0;
}
.main04_01{
	margin:0 0 60px 0;
}
.main04_02{
	width:1180px;
	margin:0 auto;
height:396px;
}
.main04_02 li{
	width:33.3%;
height:396px;
float:left;
overflow:hidden;
position:relative;
}
.main04_02 li .alzs_img{
width:396px;
height:198px;
position:absolute;
top:0;
left:0;
}
.main04_02 li .alzs_img img{
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);   
filter: grayscale(100%);
}
.main04_02 li:hover .alzs_img img{
-webkit-filter: grayscale(0%); 
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);   
filter: grayscale(0%);
-webkit-animation:fadeInUp 2s .2s ease both;
-moz-animation:fadeInUp 2s .2s ease both;}
@-webkit-keyframes fadeInUp{
0%{opacity:0;
-webkit-transform:translateY(20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
0%{opacity:0;
-moz-transform:translateY(20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
.main04_02 li .alzs_wz{
	background:#fff;
width:72.4%;
height:198px;
position:absolute;
top:199px;
left:0;
padding:0 14%;
}
.main04_02 li:nth-child(2) .alzs_img{
width:396px;
height:198px;
position:absolute;
top:199px;
left:0;
}
.main04_02 li:nth-child(2) .alzs_wz{
	background:#fff;
width:72%;
height:198px;
position:absolute;
top:0;
left:0;
padding:0 14%;
}
.main04_02 li .alzs_wz h3{
padding-top:35px;
}
.main04_02 li .alzs_wz h3 a{
	font-size:18px;
color:#000000;
}
.main04_02 li .alzs_wz .alzs_xt{
	width:36px;
height:2px;
background:#f7ca39;
margin:5px 0 15px 0;
}
.main04_02 li .alzs_wz p{
color:#656565;
font-size:14px;
line-height:22px;
text-align:left;
}

/*底部*/
.bottom{
	width:100%;
}
.bottom_01{
	width:100%;
height:180px;
background:#94989b;
padding-top:40px;
overflow:hidden;
}
.bottom_02{
	width:100%;
height:58px;
background:#45484d;
}
.bottom_01_nr{
	width:1180px;
margin:0 auto;
}
.bottom_02_nr{
	width:1180px;
margin:0 auto;
}
.bottom_01_nr div{
	width:33.3%;
float:left;
height:180px;
display:block;
text-align:right;
}
.bottom_01_nr div:nth-child(1){
padding-top:35px;
text-align:left;
}
.bottom_01_nr div:nth-child(2){
	width:30%;
padding-left:3.3%;
text-align:left;
background:url(../images/bottomimg_169.png) no-repeat 0px 20px;
padding-top:20px;
}
.bottom_01_nr div:nth-child(2) p{
	font-size:14px;
color:#fff;
text-align:left;
line-height:26px;
}
.bottom_01_nr div:nth-child(2) p a{
	color:#fff;
}
.bottom_02_nr p{
	width:50%;
float:left;
line-height:58px;
color:#fff;
font-size:14px;
}
.bottom_02_nr p a{
color:#fff;
}
.bottom_02_nr p.bottom_02_right{
text-align:right;
}

/*内页洛巴特*/
.nymain{
	width:100%;
height:auto;
margin:0 auto;
}
.head02_ny{
	width:100%;
overflow:hidden;
height:444px;
position:relative;
}
.nymain_nr{
	width:1180px;
margin:0 auto;
overflow:hidden;
padding-bottom:60px;
}
.nymain_nr .main02_01{
	width:100%;
text-align:center;
margin:0px;
padding-top:60px;
}
.nymain_nr .nymain02_02_nr{
	width:830px;
	height:auto;
}
.nymain02_02 p{
	font-family:微软雅黑;
	color:#595656;
font-size:14px;
text-indent:2em;
}
.about_nav{ width:100%; text-align:center; margin-top:40px; margin-bottom:60px; }
.about_nav li{ display:inline-block; text-align:center; background:#dbdbdb; border:1px solid #cccccc; min-width:150px; border-radius:5px;  font-size:16px; margin:0 20px; }
.about_nav li a{ text-decoration:none; display:block; padding:10px 0px; width:100%; color:#444; }
.about_nav li:hover{ border:1px solid #fabe00; }
.about_nav li a:hover{ color:#fff; background:#fabe00; }

/*内页翻页*/
.num{
width:1180px;
margin:32px auto 0 auto;

font-family:微软雅黑;
text-align:center;
}
.num span{
	padding:0 12px;
height:30px;
border-radius:12px;
background:#f0f0f0;
text-align:center;
line-height:30px;
color:#000;
font-size:16px;
display:inline-block;
margin:0 6px;
}
.num span:nth-child(1){
background:#f7ca39;
color:#fff;
}

/*新闻详细*/
.news_nymain{ width:1180px; margin:0 auto; overflow:hidden; }
.news_nymain h1{
font-size:24px;
text-align:center;
margin-top:60px;
margin-bottom:20px;
}
.news_nymain .news_box{
	text-align:center;
width:100%;
}
.news_nymain .news_box p{
	width:200px;
display:inline-block;
color:#c5c5c5;
font-size:14px;
}
.news_nymain .news_box p span{
color:#989898;
}
.news_nymain .news_ny_content{

margin-top:25px;
border-top:1px dashed #ccc;
padding-top:15px;
}
.news_nymain .news_ny_content p{
	font-size:14px;
color:#000;
line-height:32px;
text-indent:2em;
text-align:left;

}
.page{
	width:100%;
margin-bottom:60px;
margin-top:20px;
height:20px;
}
.page p{
	width:50%;
float:left;
color:#5a5a5a;
text-align:left;
}
.page p a{
color:#5a5a5a;
}
.page p a:hover{
color:red;
}
.page p.pre{
text-align:right;
}


/*产品中心*/
.products{
	width:100%;
overflow:hidden;
font-family:微软雅黑;
}
.products li{
	width:31.3%;
	height:230px;
	float:left;
margin:10px 1%;
overflow:hidden;
position:relative;
}
.products li .products_img{
	width:100%;
	overflow:hidden;
}
.products li .products_img img{
	width:100%;
	height:100%;
}
.products li .products_bj{
	width:0%;
height:0%;
background:rgba(0,0,0,0.2);
position:absolute;
left:0;
bottom:0;
z-index:999;
}
.products li:hover .products_bj{
	width:100%;
height:100%;
background:rgba(0,0,0,0.6);
position:absolute;
left:0;
bottom:0;
z-index:999;
transition:all 1s;
}
.products li:before{
	position:absolute;
width:2px;
height:100px;
left:50%;
top:-300px;
background:rgba(255,255,255,0.1);
z-index:9999;
content:"";
}
.products li:hover:before{
	position:absolute;
width:2px;
height:100px;
left:50%;
top:50%;
margin-left:-1px;
margin-top:-50px;
background:rgba(255,255,255,0.6);
z-index:9999;
content:"";
transition:all 1s;
}
.products li:after{
	position:absolute;
width:100px;
height:2px;
left:400px;
top:50%;
background:rgba(255,255,255,0.1);
z-index:9999;
content:"";
}
.products li:hover:after{
	position:absolute;
width:100px;
height:2px;
left:50%;
top:50%;
margin-left:-50px;
margin-top:-1px;
background:rgba(255,255,255,0.6);
z-index:9999;
content:"";
transition:all 1s;
}
.products li h3 a{
	width:100%;
line-height:230px;
text-align:center;
font-size:24px;
height:230px;
position:absolute;
left:0;
bottom:-230px;
z-index:99999;
color:#fff;
font-weight:500;
}
.products li:hover h3 a{
	width:100%;
line-height:230px;
text-align:center;
font-size:24px;
height:230px;
position:absolute;
left:0;
bottom:0;
z-index:99999;
color:#fff;
font-weight:500;
transition:all 1s;
}

/*产品描述*/
.products_detail h1{
width:100%;
height:42px;
text-align:center;
line-height:42px;
font-size:17px;
font-weight:500;
padding-top:12px;
color: #666666;
}
.products_detail .ms span{
width:98%;
height:42px;
background:#f4f4f4;
margin-top:20px;
margin-bottom:12px;
display:block;
line-height:42px;
padding-left:2%;
}
.products_nr{
	padding-bottom:0px;
}
.products_detail .ms .msbox p{
	text-align:left;
line-height:32px;
}
.num{ width:100%; text-align:center; }
.num li{ padding:10px 15px; background:#dbdbdb; display:inline-block; margin:0px 3px; text-align:center;}
.num li a{ color:#444; display:block; text-decoration:none; }
.num li a:hover{ color:#fff;}
.num li.active a{ color:#fff;}
.num li:hover{ background:#fabe00; color:#fff;}
.num li:hover a{ color:#fff;}
.num li.active { background:#fabe00; color:#fff;}
.num li.info{ border:0; font-size:12px; color:#666666; display:none; }
.news_box{ display:none; }