@charset "gb2312";
/* CSS Document */
@charset "utf-8";
body{ margin:0px; font-size:12px; color:#3d2f1b;font-family:"΢ÈíÑźÚ"}
*{padding:0px;margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none;}
input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "΢ÈíÑźÚ", SimSun, "ËÎÌå", STXihei, "»ªÎÄϸºÚ", Heiti, "ºÚÌå", sans-serif;}
button {overflow:visible}
img{border:none;}
a{color:#3d2f1b;text-decoration:none;}
a:hover{color:#ff6a00;text-decoration:none;}

input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{overflow:hidden;clear:both; height:0px;}
li{	list-style:none;}
.lf{ float:left;}
.rt{ float:right;}



.contain{ width:98%; max-width:1600px; min-width:1200px; margin:0 auto}
.logo{ float:left}
.logo img{ height:80px; width:auto}

.banner{ background:#000; position:relative}
.banner img{ width:100%; height:auto; opacity:0.7}

.zuozi{ position:absolute; left:5%; top:30%; z-index:2; color:#fff; width:560px;}
.youzi{ position:absolute; right:5%; bottom:140px; z-index:2; color:#fff; width:360px}
.youzi p{ font-size:25px; line-height:40px;}
.zuozi h1{ font-size:35px; font-weight:normal; padding-bottom:30px}



@keyframes typing {
	from {
	width:0;
}
}
@keyframes blink-caret {
	50% {
	border-color:transparent;
}
}
.zuozi h2{

	font-weight:normal;
	font-size:50px;

}

.zuozi h3{

	font-weight:normal;

	font-size:50px;

}



.btn a{ display:block; background:#ff6a00; width:205px; line-height:50px; text-align:center; color:#fff; font-size:18px; position:relative; margin-top:30px}
.btn a:before {
    content: " ";
    background-color: #006cb8;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 50px;
	height:0;
	transition:all 0.6s
}


.btn a:hover:before {
    content: " ";
    background-color: #006cb8;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
	height:100%;
	transition:all 0.6s
}
.btn a span{ position:relative; z-index:2}


.sy_pingtai{ width:98%;  margin:30px auto; max-width:1600px; overflow:hidden}
.bt1{ text-align:center; margin-bottom:30px; overflow:hidden}
.bt1 h1{ font-size:30px; color:#000; font-weight:normal}
.bt1 span{ font-size:20px; color:#656565}

.sy_pingtai ul li{ float:left; width:33.3333333333333%; text-align:center}
.sy_pingtai ul li img{ width:145px; height:145px; transition:all 0.6s}

.sy_pingtai ul li a{ display:block}
.sy_pingtai ul li h3{ display:block; margin:15px 0; font-size:25px; font-weight:normal}

.sy_pingtai ul li p{ display:block; max-width:280px; margin:0 auto; font-size:16px; line-height:30px; color:#565656}



.zhaopin{ background:#ff6a00; position:relative}
.zptu{ float:right; width:50%; height:auto}
.zptu img{ width:100%; height:auto}

.zpzi{ position:absolute; left:0; width:50%; top:50%; transform:translateY(-50%); padding:40px 100px; box-sizing:border-box; color:#fff}
.zpzi h1{ font-weight:normal; font-size:20px;}
.zpzi h2{ font-size:40px; display:block; margin:20px 0}
.zpzi p{ display:block;  font-size:16px; line-height:30px;}


.zpzi .btn a{ display:block; background:#fff; color:#ff6a00 }

.zpzi .btn a:hover{  color:#fff }


.talk{ background:#626262; padding:50px 0; overflow:hidden}
.talk .bt1 h1{ color:#fff;}

.talk ul li{ float:left; width:28%; margin-left:4%; border-top:#fff 1px solid; padding-top:20px}
.talk ul li h3{ display:block; font-size:20px; color:#fff; line-height:40px}
.talk ul li p{ display:block; font-size:16px; height:110px; line-height:30px; color:#fff}

.talk ul li span{ display:block; width:150px; background:#006cb8;position:relative}
.talk ul li span a{display:block;  width:150px; line-height:45px; text-align:center; color:#fff; font-size:16px; position:relative; z-index:1 }
.talk ul li span a:before {
    content: " ";
    background-color: #ff6a00;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 50px;
	height:0;
	transition:all 0.6s
}


.talk ul li span a:hover:before {
    content: " ";
    background-color: #ff6a00;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
	height:100%;
	transition:all 0.6s;
	z-index:-1
}


.sy_anli{ padding:50px 0; overflow:hidden}

 .sy_anli ul li{   float: left;
    width: 16.6%;
    height: 120px;
    line-height: 120px;
    text-align: center;}
	
	 .sy_anli ul li img{
	    vertical-align: middle;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .6;
    transition: all .3s ease;}
	
	 .sy_anli ul li:hover img{	   
	  -webkit-filter: initial;
    filter: none;
    opacity: 1;
    transform: scale(1.1);}
	
	.foot{ background:#292929; padding:0px 50px; box-sizing:border-box; overflow:hidden}
	.foot1{ padding:30px 0; overflow:hidden}
	.dlink{ float:left;}
	.dlink ul li{ float:left; margin-right:120px}
	.dlink ul li h3{ font-size:18px; padding-bottom:10px; color:#fff; font-weight:normal}
	.dlink ul li p{ display:block; line-height:30px; font-size:12px; color:#ababab}
	.dlink ul li p a{ color:#ababab; transition:all 0.6s}
	.dlink ul li p a:hover{ color:#fff; text-decoration:underline; transition:all 0.6s}
	
	
	.dlx{ float:right; }
	.dlx h3{ font-size:18px; padding-bottom:10px; color:#fff; font-weight:normal}
	
	.dlx p{ display:block; line-height:25px; font-size:12px; color:#ababab}
	
	
	.erweima { margin-top:15px}
    .erweima  ul li{ float:left; margin-right:15px; text-align:center}
	 .erweima  ul li img { width:100px; height:auto}
	 
	 .foot2{ border-top:#545454 1px solid; padding:15px; line-height:25px; text-align:center; color:#ababab}
	
	
	.nbanner{ width:100%; position:relative; height:500px; background:#000; overflow:hidden}
	.nbanner img{ position:absolute; left:0; top:50%; transform:translateY(-50%);width:100%; height:auto; opacity:0.7}
	.nbanzi{ position:absolute; left:50px; z-index:9; color:#fff; top:30%}
	
	.nbanzi h1{ font-size:25px; font-weight:normal; padding-bottom:15px}
	.nbanzi h2{ font-size:40px; font-weight:normal}
	
	
	.ptjs1{  padding:40px 0; overflow:hidden}
	.ptjs1 ul li{ float:left; width:23%; margin-left:1.5%; text-align:center; border:#e1e1e1 1px solid; box-sizing:border-box; padding:30px 0}
	
	.ptjs1 ul li i img{ height:150px; width:auto }
	.ptjs1 ul li h3{ display:block; font-size:20px; font-weight:normal; line-height:80px; color:#000}
	.ptjs1 ul li p{ display:block; width:80%; margin:0 auto; color:#666; font-size:14px; line-height:25px}
	
	
	.ptjs2{  padding-top:40px; margin-bottom:30px;overflow:hidden}
	.ptjs2  ul li{ overflow:hidden; position:relative;background:#f4f4f4;}
	.ptjs2  ul li i{ width:50%; float:left;}
    .ptjs2  ul li i img{ width:100%; height:auto }
	.ptjs2  ul li .gnwz{ position:absolute; width:50%; padding:40px; box-sizing:border-box; right:0; top:50%; transform:translateY(-50%)}
	.ptjs2  ul li .gnwz h3{ font-size:25px; font-weight:normal; color:#000; display:block; margin-bottom:25px }
		.ptjs2  ul li .gnwz p{ font-size:14px; line-height:25px; color:#888 }
	
	.ptjs2  ul li:nth-child(2n) i{ float:right;}
	.ptjs2  ul li:nth-child(2n) .gnwz{ left:0}
	
	
		
	.ndh{ background:#666; text-align:center;overflow:hidden}
	.ndh ul li{ display:inline-block;}
	.ndh ul li a{ display:block; width:auto; padding:0 30px; line-height:60px; color:#fff; font-size:16px; border-bottom:#666 1px solid;}
	.ndh ul li a:hover{border-bottom:#ff6a00 1px solid; color:#ff6a00}
	
	
	.tuwen{ background:#f4f4f4; padding:40px; box-sizing:border-box; font-size:14px; line-height:30px; color:#666}
	
	.tuwen img{ max-width:100%; height:auto}
	
	
	
	.caseText {

  overflow:hidden;
  background:#f4f4f4;
  padding:30px;
  box-sizing:border-box
}
.caseList {
  width: 100%;
  display: inline-block;
}
.caseList li {
  float: left;
  overflow: hidden;
  width: 30%;
  margin-left:2.5%;
  border: 1px solid #f3f3f3;
  transition: all 0.3s ease-out;
  box-sizing:border-box;
  background:#fff;
  margin-bottom:20px;
  padding-bottom:15px;
}
.caseList_1 li {
  margin-bottom: 0 !important;
}
.caseList li:nth-child(3n) {
  margin-right: 0 !important;
}
.caseList li i {
  display: block;
  overflow: hidden;
  width:100%;
  padding-bottom:70%;
  border-bottom: 1px solid #f3f3f3;
  position:relative;
}
.caseList li i img {
	position:absolute;
	left:0;
	 top:0;
  height: 100%;
  width: 100%;
  transition:all 0.6s

  
}

.caseList li  a:hover img {
	transform:scale(1.1,1.1);

  transition:all 0.6s

  
}


.caseList li div div h3 {
  font-style: normal;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  color: #333;
  font-size:20px;
  line-height:30px;
  width:90%;
    margin:10px auto;
  text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap;  
}
.caseList li div div span {
  display: block;
  font-size: 14px;
  color: #999;
  line-height: 23px;
  height:46px;
  display:block;
  width:90%;
  margin:0 auto;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden

}

.caseList li:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}


.caseText .Paging {
  padding: 0;
}




	
		.xwlb{
  overflow:hidden;
  background:#f4f4f4;
  padding:30px 60px;
  box-sizing:border-box}
.xwlb ul li{ border-bottom:#e1e1e1 1px solid; padding-bottom:35px; margin-bottom:35px; padding-left:450px; padding-right:300px; height:300px; position:relative}
.xwlb ul li i{ display:block; width:380px; left:0; top:0; font-size:20px; color:#333; position:absolute; font-weight:bold; overflow:hidden; border-radius:5px}
.xwlb ul li i img{ width:100%; height:auto; transition:all 0.6s}
.xwlb ul li:hover i img{ transform:scale(1.1,1.1);transition:all 0.6s}

.xwlb ul li em{ display:block; position:absolute; right:0; top:30px; color:#ff6a00; font-style:normal; font-size:16px; background:url(ll.png) left center no-repeat; background-size:25px auto; padding-left:30px}
.xwlb ul li h3{ display:block; font-size:20px; line-height:70px; color:#000; font-weight:normal}
.xwlb ul li p{ display:block; margin:20px 0; font-size:14px; line-height:25px; color:#666;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow:hidden}
.xwlb ul li span{ display:block; color:#999; margin-top:30px; font-size:14px}
.xwlb ul li span img{ height:18px; width:auto; vertical-align:middle; padding-right:5px}



.about1{ background:#f4f4f4; padding:40px 0; overflow:hidden}


.js1{ text-align:center; font-size:16px; line-height:40px; max-width:1200px; margin:0 auto; color:#777 }


.about2{ background:#888; padding:40px 0; overflow:hidden}
.about2 .bt1 h1{ color:#fff}
.about3{ background:#f9f9f9; padding:40px 0; overflow:hidden}

.yuanjing{ width:900px; margin:0 auto}
.yuanjing i img{ width:900px; height:auto}

.yuanjing p{ display:block; width:800px; position:relative; top:-50px; background:#fff; margin:0 auto; padding:50px; box-sizing:border-box; font-size:16px; line-height:40px}


.about4{ padding:0px 0; overflow:hidden}
.nlx{width:100%;
	position: relative;
	margin: 0px auto;
	max-width: 1600px;}



.nlxL1 {
	float: left;
	width: 50%;
	padding:30px; box-sizing:border-box
}

.nlxL1 h1 {
	display: block;
	position: relative;
	font-size: 25px;
	color: #000;
	font-weight:normal;
	line-height:40px;
	font-weight:bold
}

.nlxL1 h1 em{
	display: block;
	width:50px; height:3px; background:#ff6a00

}


.nlxL1 h3 {
	display: block;
	position: relative;
	font-size: 20px;
	color: #000;
	font-weight:normal;
	margin:15px 0

}

.nlxL1 ul{ margin-bottom:25px}
.nlxL1 ul li {
	overflow: hidden;
	border-bottom:#f1f1f1 1px solid;
	padding:10px 0
}
.nlxL1 ul li i {
	display: block;
	float: left;
	width: 50px;
}
.nlxL1 ul li i img{ width:30px; height:auto}

.nlxL1 ul li p {
	display: block;
	float: left;
	color: #454545;
	width: calc(100% - 50px);
	font-size: 14px
}
.nlxL1 ul li p em {
	display: block;
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	color: #000;
}
.ditu1 {
	float: right;
	width: 50%;
}



.side{position:fixed;width:60px;right:0;top:50%;margin-top:-200px;z-index:100;background:#ff6a00;border-bottom:0}
.side ul li{width:60px;height:60px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;text-align:center;transition:all .3s;cursor:pointer; color:#fff; font-size:12px}
.side ul li a{ color:#fff}
.side ul li:hover{background:#f7931e;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:35px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 20px;transition:all .3s}
.side ul li i.bgs1{background-image:url(kf2.png)}
.side ul li i.bgs3{background-image:url(kf3.png)}
.side ul li i.bgs4{background-image:url(kf1.png)}
.side ul li i.bgs6{background-image:url(kf4.png)}

.side ul li .sidebox{position:absolute;width:60px;height:60px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:200px; height:200px;display:none;text-align:center;position:absolute;left:-200px;top:0; background:#f7931e; color:#fff;border-right:#fff 1px solid; line-height:40px }
.side ul li.sideewm .ewBox.son img{ width:140px; height:auto}
.side ul li.sideetel .telBox.son{width:200px;height:auto;display:none;color:#fff;text-align:left;position:absolute;left:-200px;top:0;background:#f7931e; border-right:#fff 1px solid; padding:20px; box-sizing:border-box}
.side ul li.sideetel .telBox  span{display:block;overflow:hidden; font-size:14px; line-height:25px}

.side ul li.qqonline .qqBox.son{width:200px;height:auto;display:none;color:#fff;text-align:left;position:absolute;left:-200px;top:0;background:#f7931e; border-right:#fff 1px solid; padding:20px; box-sizing:border-box}
.side ul li.qqonline .qqBox  span{display:block;overflow:hidden; font-size:14px; line-height:25px; padding:0 5px;}
.side ul li.qqonline .qqBox  span:hover{ background:#777;  border-radius:5px}

.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}