@charset "utf-8";
/* CSS Document */
a{ font-size:inherit; color:inherit}
#bannerbox{ width:100%; height:240px; display:block; margin-bottom:20px;}
#bannerbox2{ width:100%; height:240px; position:relative; display:block; margin-bottom:20px;}
/*案例*/ 

.dls { display:none}

#casebox .c_listbox{ }

#casebox .c_listbox li{height:260px;  float:left; width:295px; text-align:center; border:1px solid #e4e4e4; margin-left:15px; position:relative;margin-bottom:15px; overflow:hidden;}

#casebox .c_listbox li img{ max-width:295px; height:260px;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}

#casebox .c_txtbox{ position:absolute; width:285px; top:0; left:0; height:250px; border:5px solid rgba(227,63,74,0); overflow:hidden;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}

#casebox .c_txtbox h3{ padding:0 10px; line-height:48px; height:48px; font-size:16px; color:white; margin-top:260px; background:url(../images/red_arrow.png) no-repeat left center; background-size:100% 100%;background-color:rgba(0,0,0,0.6); }

#casebox .c_listbox li:hover img{ -webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2); transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}

#casebox .c_listbox li:hover h3{ margin-top:205px;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}

#casebox .c_listbox li:hover .c_txtbox{ border:5px solid #c5393c;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}



#casebox .c_listbox li:nth-child(1) img,#casebox .c_listbox li:nth-child(3) img,#casebox .c_listbox li:nth-child(5) img{animation: move 1s linear;}

#casebox .c_listbox li:nth-child(2) img,#casebox .c_listbox li:nth-child(4) img,#casebox .c_listbox li:nth-child(6) img{animation: movee 1s linear;}





#casebox .c_listboxs{ }

#casebox .c_listboxs li{height:260px;  float:left; width:450px; text-align:center; border:1px solid #e4e4e4; margin-left:15px; position:relative;margin-bottom:15px; overflow:hidden;}

#casebox .c_listboxs li img{ max-width:100%; height:260px;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}

#casebox .c_txtboxs{ position:absolute; width:440px; top:0; left:0; height:250px; border:5px solid rgba(227,63,74,0); overflow:hidden;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}

#casebox .c_txtboxs h3{ padding:0 10px; line-height:48px; height:48px; font-size:16px; color:white; margin-top:260px; background:url(../images/red_arrow.png) no-repeat left center; background-size:100% 100%;background-color:rgba(0,0,0,0.6); }

#casebox .c_listboxs li:hover img{ -webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2); transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}

#casebox .c_listboxs li:hover h3{ margin-top:205px;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}

#casebox .c_listboxs li:hover .c_txtboxs{ border:5px solid #c5393c;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}



#casebox .c_listboxs li:nth-child(1) img,#casebox .c_listbox li:nth-child(3) img,#casebox .c_listbox li:nth-child(5) img{animation: move 1s linear;}

#casebox .c_listboxs li:nth-child(2) img,#casebox .c_listbox li:nth-child(4) img,#casebox .c_listbox li:nth-child(6) img{animation: movee 1s linear;}









/*新闻*/ 
#newsbox{ background-color:white}

#newsbox .n_listbox{ width:1216px; overflow:hidden}

#newsbox .n_list{ overflow:hidden; border:1px solid #f0f0f0; width:950px; height:159px; background-color:#fcfcfc; margin-bottom:25px;  float:left; margin-right:16px;}

#newsbox .n_list .n_img{ width:216px; height:145px; border:7px solid #fcfcfc; float:left;transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#newsbox .n_list .n_txtbox{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; margin-left:16px; width:325px; overflow:hidden; float:left}

#newsbox .n_txtbox .n_title{ font-size: 18px; color:#434343; margin-bottom:16px; margin-top:10px; height:24px; overflow:hidden}

#newsbox .n_txtbox .n_txt{ font-size:12px; color:#a4a4a4; line-height:24px; height:48px; overflow:hidden; text-align:justify}

#newsbox .n_datebox{ float:right; margin-right:20px;}

#newsbox .n_datebox .date{ float:left; overflow:hidden;transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#newsbox .n_datebox .date h3{ font-family:Constantia; font-size:33px; float:left; color:#434343}

#newsbox .n_datebox .date h4{ margin:0 16px; margin-top:16px;  font-size:14px; color:#a4a4a4; font-family:Constantia;  float:left; }

#newsbox .n_datebox .n_arrow{ width:26px; height:26px; border:1px solid #dcdcdc; border-radius:50%; background:url(../images/index_icon8.png) no-repeat center center; background-size:7px 13px;margin-top:10px; float:left;transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#newsbox .n_list:hover{ border-color:#cccccc; box-shadow:0px 1px 5px rgba(0,0,0,0.2);transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;  margin-right:16px}


#newsbox .n_list:hover .n_img{ border:7px solid #c5393c;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; }

#newsbox .n_list:hover .n_datebox{ margin-right:40px; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}

#newsbox .n_list:hover .n_arrow{ background:url(../images/index_icon7.png) no-repeat center center; background-color:#c6383c; border-color:#c6383c;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}



@-webkit-keyframes move{
	from{
		-webkit-transform: translateY(100px);
		-moz-transform: translateY(100px);
		-ms-transform: translateY(100px);
		-o-transform: translateY(100px);
		transform: translateY(100px);
		opacity: 0;
	}

	to{
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}

}

@-moz-keyframes move{
	from{
		-webkit-transform: translateY(100px);
		-moz-transform: translateY(100px);
		-ms-transform: translateY(100px);
		-o-transform: translateY(100px);
		transform: translateY(100px);
		opacity: 0;
	}

	to{
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}

}

@-ms-keyframes move{
	from{
		-webkit-transform: translateY(100px);
		-moz-transform: translateY(100px);
		-ms-transform: translateY(100px);
		-o-transform: translateY(100px);
		transform: translateY(100px);
		opacity: 0;
	}

	to{
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}

}

@keyframes move{
	from{
		-webkit-transform: translateY(100px);
		-moz-transform: translateY(100px);
		-ms-transform: translateY(100px);
		-o-transform: translateY(100px);
		transform: translateY(100px);
		opacity: 0;
	}

	to{
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}

}




@-webkit-keyframes movee{
	from{
		-webkit-transform: translateY(-100px);
		-moz-transform: translateY(-100px);
		-ms-transform: translateY(-100px);
		-o-transform: translateY(-100px);
		transform: translateY(-100px);
		opacity: 0;
	}

	to{
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}

}

@-moz-keyframes movee{
	from{
		-webkit-transform: translateY(-100px);
		-moz-transform: translateY(-100px);
		-ms-transform: translateY(-100px);
		-o-transform: translateY(-100px);
		transform: translateY(-100px);
		opacity: 0;
	}

	to{
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}

}

@-ms-keyframes movee{
	from{
		-webkit-transform: translateY(-100px);
		-moz-transform: translateY(-100px);
		-ms-transform: translateY(-100px);
		-o-transform: translateY(-100px);
		transform: translateY(-100px);
		opacity: 0;
	}

	to{
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}

}

@keyframes movee{
	from{
		-webkit-transform: translateY(-100px);
		-moz-transform: translateY(-100px);
		-ms-transform: translateY(-100px);
		-o-transform: translateY(-100px);
		transform: translateY(-100px);
		opacity: 0;
	}

	to{
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}

}
/*关于我们*/ 
#aboutbox .at_box_1 .bannerbox{ margin-bottom:60px;}
#aboutbox .at_box_1 .i_title{ padding-top:0;}
#aboutbox .at_box_1 .at_img1{ width:100%}
#aboutbox .at_box_1 .txtbox{ color:#757575; line-height:28px; font-size:14px; width:650px; margin:40px auto 60px; margin-top:-142px}
#aboutbox .at_box_1 .txtbox span{ color:#c6383c}
#aboutbox .at_box_1{animation: move 1s linear; background-color:white}

#aboutbox .at_box_2{ width:100%; background-color:#fcfcfc; padding-bottom:60px;}
#aboutbox .at_box_2 .center{ margin-top:20px;}
#aboutbox .at_box_2 .i_title{ opacity:0}
#aboutbox .at_box_2 .at_left{ float:left; margin-top:60px; font-size:14px; color:#757575; line-height:34px; margin-left:-1300px}
#aboutbox .at_box_2 .at_left span{ color:#c6383c;}
#aboutbox .at_box_2 .at_right{ float:right; padding-right:30px; margin-right:-1300px}
#aboutbox .at_box_2 .slideBox{ width:453px; height:254px; position:relative; border:1px solid #ddd;  }

#aboutbox .at_box_2 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
#aboutbox .at_box_2 .slideBox .bd li{ zoom:1; vertical-align:middle; }
#aboutbox .at_box_2 .slideBox .bd img{ width:453px; height:254px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
#aboutbox .at_box_2 .slideBox .prev,
#aboutbox .at_box_2 .slideBox .next{ position:absolute; left:-30px; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/about_left.png) no-repeat left center; filter:alpha(opacity=50);opacity:0.5;   }
#aboutbox .at_box_2 .slideBox .next{ left:auto; right:-30px; background:url(../images/about_right.png) no-repeat right center }
#aboutbox .at_box_2 .slideBox .prev:hover,
#aboutbox .at_box_2 .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
#aboutbox .at_box_2 .slideBox .prevStop{ display:none;  }
#aboutbox .at_box_2 .slideBox .nextStop{ display:none;  }







#aboutbox .at_box_3{ padding-bottom:60px;}
#aboutbox .at_box_3 .center{ overflow:visible}
#aboutbox .at_box_3 .i_title{ opacity:0}
#aboutbox .at_box_3 .txtbox{ font-size:14px; color:#757575; line-height:28px; width:650px; margin:0 275px; margin-left:-1300px}
#aboutbox .at_box_3 .slideBox{ margin:30px 277px 0; width:645px; height:428px; position:relative;  background:url(../images/about_bg3.png) no-repeat left 120px; background-size:645px 272px; }
#aboutbox .at_box_3 .at_content{ margin-left:1300px}
#aboutbox .at_box_3 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
#aboutbox .at_box_3 .slideBox .bd li{ zoom:1; vertical-align:middle; }
#aboutbox .at_box_3 .slideBox .bd .pic{ width:202px; height:202px; border-radius:50%; margin:0 auto; overflow:hidden}
#aboutbox .at_box_3 .slideBox .bd img{ width:100%  }
#aboutbox .at_box_3 .slideBox .bd .txt{ color:#757575; font-size:12px; line-height:20px; width:450px; margin:24px auto 0}
#aboutbox .at_box_3 .slideBox .bd .txt h3{ font-size:18px; color:#000000; text-align:center; margin-bottom:4px}
#aboutbox .at_box_3 .slideBox .bd .txt h4{font-size:12px; color:#757575; text-align:center; margin-bottom:14px}

#aboutbox .at_box_3 .slideBox .prev,
#aboutbox .at_box_3 .slideBox .next{ position:absolute; left:280px; bottom:-30px;display:block; width:27px; height:27px; border:1px solid #d8d8d8; border-radius:50%; background:url(../images/about_left.png) no-repeat center center; background-size:7px 13px;  }
#aboutbox .at_box_3 .slideBox .next{ left:auto; right:280px; background:url(../images/about_right.png) no-repeat center center; background-size:7px 13px;}

#aboutbox .at_box_3 .slideBox .prev:hover{ background:url(../images/about_left2.png) no-repeat center center; background-size:7px 13px; background-color:#c6383c; border-color: #c6383c}
#aboutbox .at_box_3 .slideBox .next:hover{background:url(../images/about_right2.png) no-repeat center center; background-size:7px 13px; background-color:#c6383c; border-color: #c6383c}
#aboutbox .at_box_3 .slideBox .prevStop{ display:none;  }
#aboutbox .at_box_3 .slideBox .nextStop{ display:none;  }
		/* 下面是前/后按钮代码，如果不需要删除即可 */

#aboutbox .at_box_3	.slideBox .hd{ width:60px; verflow:hidden; position:absolute; left:50%; margin-left:-30px; bottom:5px; z-index:1; }
#aboutbox .at_box_3	.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
#aboutbox .at_box_3	.slideBox .hd ul li{ float:left; margin:0 10px;  width:10px; height:10px; text-align:center; background:#999999; cursor:pointer; border-radius:50%}
#aboutbox .at_box_3 .slideBox .hd ul li.on{ background:#c6383c; color:#fff; }



#aboutbox .at_box_4{ width:100%; background-color:#fcfcfc; padding-bottom:60px; margin-top:300px; opacity:0}



/*****************************************服务*******************************/
#servicebox{ font-family: "microsoft yahei";  color:#434343}
#servicebox .s_left{ float:left; padding-left:90px}
#servicebox .s_right{ float:right}
#servicebox .s_title{ font-size:39px;font-family: "宋体"; }
#servicebox .s_title span{ font-size:18px; text-transform:uppercase}
#servicebox .s_h3{ font-size:18px; margin-bottom:16px;}
#servicebox .s_txt{ font-size:18px; line-height:40px; padding-top:50px; color:#757575}
#servicebox .s_box1{  background-color:#fbfbfb;  padding:150px 0 46px;}
#servicebox .s_box1 .s_right{ padding-top:32px; padding-right:135px;}
#servicebox .s_box1{animation: smove 1s linear;}
#servicebox .s_box2{ background-color:white;}
#servicebox .s_box2 .s_left{ padding-top:112px; margin-left:-800px; }
#servicebox .s_box2 .s_right{ padding-right:135px; margin-right:-800px}
#servicebox .s_box3{ background-color:#fbfbfb;  padding-top:57px;}
#servicebox .s_box3 .s_left{ margin-left:-800px; }
#servicebox .s_box3 .s_right{ padding-right:90px; width:460px; margin-top:85px; margin-right:-800px}
#servicebox .s_box4{ background-color:white; padding:50px 0 20px;}
#servicebox .s_box4 .s_left{ padding-top:80px;margin-left:-800px;}
#servicebox .s_box4 .s_right{ margin-right:-800px}
#servicebox .s_box5{ background-color:#fbfbfb; padding:140px 0 70px;}
#servicebox .s_box5 .s_right{ padding-right:220px;margin-right:-800px}
#servicebox .s_box5 .s_left{ padding-left:30px;margin-left:-800px}
#servicebox .s_box6{ background-color:white; padding:40px 0 25px;}
#servicebox .s_box6 .s_right{ padding-right:55px;margin-right:-800px}
#servicebox .s_box6 .s_left{ padding-top:80px;margin-left:-800px}

@-webkit-keyframes smove{
	from{
		-webkit-transform: translateY(300px);
		-moz-transform: translateY(300px);
		-ms-transform: translateY(300px);
		-o-transform: translateY(300px);
		transform: translateY(300px);
		opacity: 0;
	}

	to{
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}

}

@-moz-keyframes smove{
	from{
		-webkit-transform: translateY(300px);
		-moz-transform: translateY(300px);
		-ms-transform: translateY(300px);
		-o-transform: translateY(300px);
		transform: translateY(300px);
		opacity: 0;
	}

	to{
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}

}

@-ms-keyframes smove{
	from{
		-webkit-transform: translateY(300px);
		-moz-transform: translateY(300px);
		-ms-transform: translateY(300px);
		-o-transform: translateY(300px);
		transform: translateY(300px);
		opacity: 0;
	}

	to{
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}

}

@keyframes smove{
	from{
		-webkit-transform: translateY(300px);
		-moz-transform: translateY(300px);
		-ms-transform: translateY(300px);
		-o-transform: translateY(300px);
		transform: translateY(300px);
		opacity: 0;
	}

	to{
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}

}

/*********************************************技术支持******************************************/ 
#technologybox .t_left{ float:left; width:200px; padding-left:30px; padding-right:20px; border-right:1px solid #d6d6d6}
#technologybox .center{ padding-bottom:70px; padding-top:40px}
#technologybox .t_left li{ padding-bottom:20px;}
#technologybox .t_left li:last-child{ padding:0}
#technologybox .t_left li a{ display:block; width:100%; background: no-repeat right center;background-size:auto 16px;  text-align:left;  color:#aeaeae; font-size:16px; font-family: "microsoft yahei"; }
#technologybox .t_left li a:hover{ color:#c6383c;background:url(../images/about_right.png) no-repeat right center; background-size:auto 16px; transition:0.5s all ease; -moz-transition:0.5s all ease; -o-transition:0.5s all ease;-webkit-transition:0.5s all ease;}
#technologybox .t_left li .curra{color:#c6383c;background:url(../images/about_right.png) no-repeat right center; background-size:auto 16px; }
#technologybox .t_content{ float:right; width:840px; margin-right:55px; text-align:center} 
#technologybox .t_content .t_title{ font-family: "microsoft yahei"; font-size:26px; color:#434343; padding-bottom:40px;}
#technologybox .t_content .t_txtbox{ font-size:14px; line-height:37px; color:#aeaeae; text-align:justify}

#technologybox .t_content .t_zx{ display:inline-block; font-size:20px; color:#747474; padding:12px 24px;font-family: "microsoft yahei"; border:1px solid #cfcfcf; border-radius:27px; margin-top:120px}
#technologybox .t_content .t_zx:hover{ background-color:#c6383c; color:white; transition:0.5s all ease; -moz-transition:0.5s all ease; -o-transition:0.5s all ease;-webkit-transition:0.5s all ease;}

#technologybox #add{ width:1200px; margin-top:70px}

/*********************************************新闻内页******************************************/ 
#news_isbox .ni_left{ float:left; width:830px}
#news_isbox .ni_title{ border-bottom:1px dashed #ededed;}
#news_isbox .ni_title h1{ font-size:20px; color:#000000;font-family: "microsoft yahei"; padding-bottom:20px; text-align:center}
#news_isbox .ni_title h4{ font-size:13px; color:#c9c9c9; padding-bottom:20px; text-align:center}
#news_isbox .ni_content{ padding:30px 0; font-size:14px; color:#555555; line-height:28px;border-bottom:1px dashed #ededed; overflow:hidden}
#news_isbox .ni_content img{ width:100%; margin:0}

#news_isbox .fybox{ padding:50px 0 100px; overflow:hidden; font-family: "microsoft yahei";color:#c6383c; font-size:16px; line-height:28px}

#news_isbox .fybox a{ color:#767676; font-size:14px;}
#news_isbox .fybox .r_list{ display:block; font-size:16px;}

#news_isbox .fybox a:hover{ color:#c6383c;transition:0.5s all ease; -moz-transition:0.5s all ease; -o-transition:0.5s all ease;-webkit-transition:0.5s all ease;}


#news_isbox .ni_right{ width:325px; float:right}
#news_isbox .nr_tbox{ overflow:hidden; width:100%; padding:45px 0 20px; border-bottom:1px dashed #ededed;}
#news_isbox .nr_tbox h3{ float:left; font-size:16px; color:#767676}
#news_isbox .nr_tbox .more{ float:right; font-size:12px; color:#aeaeae}
#news_isbox .nr_tbox .more:hover{color:#c6383c;transition:0.5s all ease; -moz-transition:0.5s all ease; -o-transition:0.5s all ease;-webkit-transition:0.5s all ease;}
#news_isbox .ni_listbox{ padding:20px 0}
#news_isbox .ni_listbox li{ font-size:14px; color:#aeaeae; line-height:28px; padding-left:8px; background:url(../images/circle.png) no-repeat left 13px; background-size:3px 2px}
#news_isbox .ni_listbox li .new{ color:#c6383c; padding-left:4px}
#news_isbox .ni_listbox li a:hover{ color:#c6383c;transition:0.5s all ease; -moz-transition:0.5s all ease; -o-transition:0.5s all ease;-webkit-transition:0.5s all ease;}


/*********************************************案例内页******************************************/
#case_isbox{ margin-top:0;} 
#case_banner{ width:100%}
#case_isbox .d_img{ display:block; margin:0 auto}
#case_isbox .ci_txtbox{ margin-top:10px; margin-bottom:20px; color:#333333; text-align:center;font-size:20px;}
#case_isbox .ci_txtbox h1{font-weight: 400;	font-size: 2em;	line-height: 1;	margin-bottom: 0; line-height:130px;font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;}
#case_isbox .ci_txt{ font-size:14px; color:#666666; text-align:left; line-height:25px;}
#case_isbox .ci_link{font-size:14px; color:#666666; text-align:left; line-height:25px; margin-top:30px; }
#case_isbox .ci_link a:hover{ color:#c6383c; font-size:14px;border-radius:4px;transition:0.5s all ease; -moz-transition:0.5s all ease; -o-transition:0.5s all ease;-webkit-transition:0.5s all ease;}
#case_isbox .sharebox{ overflow:hidden; width:1200px}
#case_isbox .sharebox .jiathis{ float:left; margin-top:50px; height:28px}
#case_isbox .sharebox .ck{ float:right; margin-top:50px; padding:4px 20px; background-color:#c6383c; font-size:14px; color:white; border-radius:4px;transition:0.5s all ease; -moz-transition:0.5s all ease; -o-transition:0.5s all ease;-webkit-transition:0.5s all ease;}
#case_isbox .sharebox .ck:hover{ margin-top:40px;transition:0.5s all ease; -moz-transition:0.5s all ease; -o-transition:0.5s all ease;-webkit-transition:0.5s all ease; }

#case_isbox .jiathis .jiathis_txt { float: left; width: 24px; height: 24px; margin-right: 7px; cursor: pointer; }
#case_isbox .jiathis .jtico { background-image: url(../images/icon-share.png); background-repeat: no-repeat; }
#case_isbox .jiathis .jiathis_button_weixin .jtico { background-position: 0 -24px; }
#case_isbox .jiathis .jiathis_button_tsina .jtico { background-position: -30px -24px; }
#case_isbox .jiathis .jiathis_button_tqq .jtico { background-position: -62px -24px; }
#case_isbox .jiathis .jiathis_button_douban .jtico { background-position: -93px -24px; }
#case_isbox .jiathis .jiathis_button_huaban .jtico { background-position: -124px -24px; }

#case_isbox .ci_picbox{ width:100%; background-color:#eeeeee; padding:50px 0}
#case_isbox .ci_picbox img{ display:block; margin:0 auto}


#adbox{ width:100%; background-color:#f1f1f1; padding:40px 0}
#adbox .mark{ line-height:28px; color:#656565; font-size:12px; border-bottom:1px solid #e5e5e5; padding-bottom:10px; margin-bottom:10px;}
#adbox .mark a{ display:inline-block; padding:0 5px; height:28px; background-color:#049ff2; color:white; margin:0 4px;}
#adbox .ad_menu{ float:left; font-size:14px; line-height:28px; color:#3d3d3d}
#adbox .rt{ float:right; margin-top:10px; padding:10px 30px; background-color:#eb3800; color:white; font-size:12px;}
#adbox .lcbox{ margin-top:10px; padding-top:20px; width:1200px; overflow:hidden; border-top:1px solid #e5e5e5}
#adbox .lcbox li{ float:left; width:300px; margin-left:12px; height:200px; position:relative}
#adbox .lcbox li img{ width:300px; height:200px}
#adbox .lcbox li h3{ position:absolute; width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; color:white; background-color:rgba(0,0,0,0.5); left:0; bottom:0}
#adbox .lcbox .lc_t{ background-color:#ec3900; color:white; width:264px; margin-left:0}
#adbox .lcbox .lc_t h4{ padding-right:20px; text-align:right; font-size:26px; margin-top:62px;}
#adbox .lcbox .lc_t h5{ padding-right:20px; text-align:right; font-size:20px; margin-top:8px;}

#lnbox{ background-color:white; width:100%; padding:40px 0}
#lnbox .ln_left{ float:left; width:600px; padding-right:60px; border-right:1px solid #eaeaea}
#lnbox .ln_left h4{ font-size:24px; color:#606060; border-bottom:1px solid #eaeaea; padding-bottom:20px; margin-bottom:30px; }
#lnbox .ln_left h4 span{ color:#ec3900; font-weight:bold} 
#lnbox .ln_left li{ color:#4d4d4d; font-size:14px; line-height:30px; list-style:disc}
#lnbox .ln_left li a:hover{ color:#c5393c}
#lnbox .ln_right{ width:400px; float:right; padding:30px; background-color:#f8f8f8; border:1px solid #eaeaea}
#lnbox .ln_right li{ line-height:40px; padding:8px 0}
#lnbox .ln_right li form{ display:inline-block; margin-left:20px; vertical-align:top}
#lnbox .ln_right .txtlb{ display:inline-block; width:60px; text-align:right; font-size:14px; margin-right:10px; color:#333333; vertical-align:top}
#lnbox .ln_right .txt{ width:320px; height:38px; border:1px solid #eaeaea; background-color:white }
#lnbox .ln_right .txt2{ width:140px; height:38px; border:1px solid #eaeaea; background-color:white; vertical-align:top}
#lnbox .ln_right input[type=radio]{ vertical-align:middle}
#lnbox .ln_right .rlb{font-size:14px; color:#333333; margin:0 6px;vertical-align:top}
#lnbox .ln_right .subli{ height:46px;}
#lnbox .ln_right .sub{ height:46px; width:140px; text-align:center; display:inline-block; line-height:46px; text-align:center; color:white; font-size:16px; background-color:#ff921f}
#lnbox .ln_right .ct{font-size:14px; line-height:20px; color:#333333}
#lnbox .ln_right .ct a{ color:#c5393c; font-weight:bold; padding:0 3px}



































 





















/*********************************************联系我们******************************************/ 
#contactbox{ margin-bottom:160px;}


#bannerbox2 .center{ overflow:visible; position:relative; height:490px}
#bannerbox2 .ct_hzbox{ position:absolute; right:0; top:0; z-index:22; width:490px;}
#bannerbox2 .ct_hzbox h3{ background-color:#233a51; color:white; font-size:28px; line-height:52px; text-align:center}
#bannerbox2 .hz_listbox{ background-color:#233a51; padding:0 35px;}
#bannerbox2 .hz_list{  overflow:hidden; padding-bottom:10px;}
#bannerbox2 .hz_list input{ font-size:14px; font-family:'微软雅黑'; padding:10px; border: none; background-color:white; box-sizing:border-box ;height:36x;}
#bannerbox2 .hz_list .cpname,#bannerbox2 .hz_list .email{ width:100%;}
#bannerbox2 .hz_list2{ padding-bottom:7px}
#bannerbox2 .hz_list .name{ float:left; width:200px;}
#bannerbox2 .hz_list .tel{ float:right; width:200px}
#bannerbox2 .dowebok{ overflow:hidden}
#bannerbox2 .dowebok li{ float:left; width:210px; list-style:none; box-sizing:border-box; padding:0}
#bannerbox2 .hz_list h4{ font-size:16px; color:white; padding-bottom:10px;}
#bannerbox2 .hz_list .hz_tt{ font-size:16px; color:white; vertical-align:top; line-height:36px; padding-right:20px;}
#bannerbox2 .hz_list .yz{ width:110px; vertical-align:top}
#bannerbox2 .hz_list .yzm{ display:inline-block; width:110px; height:36px; margin-left:20px;}
#bannerbox2 .ct_subbox{ width:490px; margin-left:-17px; padding-top:1px; padding-left:17px; background:url(../images/contact_05_07.png) no-repeat left center; background-size:507px 46px; height:46px;}
#bannerbox2 .ct_subbox .ct_sub{ display:block; width:100%; height:46px; font-size:20px; color:white; line-height:46px; background-image:none; background-color:#00b6eb }


#contactbox .center{ overflow:visible}
#contactbox .ct_ttbox{ position:relative; padding-top:50px; text-align:center; }
#contactbox .ct_ttbox h3{ font-size:18px;text-transform:uppercase; color:#848484; text-align:center}
#contactbox .ct_ttbox h5{  padding:20px 0;font-size:40px; color:#464646}
#contactbox .ct_ttxt1{ position:absolute; right:300px; top:164px; color:#1070b8; font-size:14px;}
#contactbox .ct_ttxt{ font-size:14px; text-align:center; color:#464646}

#contactbox .ct_content{ box-shadow:1px 1px 20px rgba(240,240,240,0.5); margin-top:30px; border-radius:8px; overflow:hidden; background-color:white; border:1px solid #f5f5f5}
#contactbox .ct_listbox{ overflow:hidden; padding:80px 2px;}
#contactbox .ct_list{ float:left; overflow:visible; width:300px; border:1px solid #ebebeb; height:280px; margin:60px 48px 0 48px;box-shadow:1px 1px 10px rgba(200,200,200,0.5); }

#contactbox .ct_list .ct_pic{ margin:-60px auto 0 auto; width:86px; height:86px; padding:16px; border-radius:50%; border:1px solid #ebebeb; background-color:white}

#contactbox .ct_list .ct_pic img{ width:100%; height:100%}

#contactbox .ctl_txt{ padding:40px 30px 0px 30px; text-align:center; color:#202020; font-size:14px; line-height:30px}
#contactbox .ctl_txt h4 { color:#202020; font-size:16px; font-weight:bold}

#contactbox .ctl_txt .ct_wx{ display:block; margin:0 auto; width:105px;}

#contactbox .ct_ad{ display:block; width:95px; height:35px; text-align:center; line-height:35px; color:white; background-color:#333333; margin:30px auto 0 auto; font-size:14px}

#contactbox .ct_ct{ display:block; width:95px; height:35px; text-align:center; line-height:35px; color:white; background-color:#91bb4f; font-size:14px; margin:30px auto 0 auto}


#contactbox .ct_btbox{ background-color:#8b0a0d; height:58px;}
#contactbox .qq_img{ width:94px; height:106px; margin-top:-48px; padding:0 52px; float:left}
#contactbox .cbt_list{ float:left; text-align:center; width:500px; line-height:58px; font-size:18px; color:white; overflow:hidden}
#contactbox .cbt_list .cbt_txt{ background-color:#b3090d; float:left; display:inline-block; text-align:left; width:80px; font-size:14px; line-height:19px; height:58px; padding-left:20px;}

.lin_left {  }
.nav_name { background:#0b5198; height:50px; line-height:50px; color:#fff; font-size:18px; text-align:center;}