@charset "utf-8";
body {
	font-size:12px;
	color:#000;
	font-family: "Microsoft Yahei", Arial, Verdana, sans-serif;
	background:#fff;
}
ul, ol, dl, dd {
	padding:0px;
	margin:0px;
	list-style-type: none;
}
* {
	margin:0px;
	padding: 0px;
}
img {
	border:none;
}
select, input, select {
	margin:0;
	font-size:12px;
	font-family:"Microsoft Yahei", Arial, Verdana, sans-serif;
	vertical-align:middle;
}
input,button,select,textarea{ outline:none;} 
textarea{ font-size:13px; resize:none;} 
a:link {
	color:#666666;
	text-decoration:none;
}
a:visited {
	color:#666666;
	text-decoration:none;
}
a:hover {
	color:#f86a1e;
	text-decoration:none;
}
.clear {
	clear:both;
}

/*banner*/
.banner{ width:100%; height:450px; overflow:hidden; margin:0 auto; min-width:320px;}
.flex-prev,.flex-next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;}
.flex-prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
.flex-next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}

.main_visual{height:450px;overflow:hidden;position:relative;}
.main_image{height:450px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:450px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:450px;}
.main_image li span{display:block;width:100%;height:450px}
.main_image li a{display:block;width:100%;height:450px}

div.flicking_con{position:absolute;top:410px;left:0%;z-index:999;width:100%;height:16px; text-align:center; font-size:0px;}
div.flicking_con a{ width:16px;height:16px;margin:0 5px 0 5px;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:inline-block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -16px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}

.in_about{
	width:1200px;
	height:auto;
	margin:0 auto;
	padding:40px 0 50px 0;
}
.in_about_head{
	width:100%;
	height:auto;
	text-align:center;
}
.in_about_title{
	display:block;
	font-size:30px;
	height:40px;
	line-height:40px;
}
.in_about_xian{
	display:block;
	width:150px;
	height:2px;
	background:#f86a1e;
	margin:20px auto 0 auto;
}
.in_about_adv{
	width:100%;
	height:50px;
	line-height:50px;
	font-size:38px;
	color:#555555;
	text-align:center;
	margin-top:50px;
}
.in_about_nei{
	width:100%;
	height:auto;
	line-height:40px;
	text-align:center;
	color:#666;
	font-size:16px;
	margin-top:30px;
}
.in_about_list{
	width:100%;
	height:auto;
	margin-top:50px;
}
.in_about_list li{
	width:25%;
	height:auto;
	float:left;
	text-align:center;
}
.in_about_list li a{
	width:208px;
	height:208px;
	border:1px solid #ccc;
	display:block;
	margin:0 auto;
	border-radius:500px;
	line-height:208px;
	color:#8c8c8c !important;
	font-size:72px;
	font-family:Arial;
}
.in_about_list li a font{ font-size:48px;}
.in_about_list li a:hover{
	border:none;
	background:url(../images/about_hover.png) no-repeat;
	width:210px;
	height:210px;
	color:#ffffff !important;
	display:block;
}
.in_about_list li span{
	display:block;
	width:100%;
	font-size:16px;
	height:30px;
	line-height:30px;
	margin-top:10px;
}
.in_server{
	width:100%;
	height:530px;
	background:url(../images/server.png) no-repeat center center;
	padding-top:40px;
}
.in_server .in_about_title{
	display:block;
	font-size:30px;
	height:40px;
	line-height:40px;
	color:#ffffff !important;
}
.in_server_con{
	width:1200px;
	height:360px;
	margin:60px auto 0 auto;
	background:url(../images/server_bg.png);
}
.in_server_con li{
	width:199px;
	height:320px;
	float:left;
	border-right:1px solid #000;
	text-align:center;
	padding-top:40px;
}
.in_server_title{
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
	font-size:18px;
	color:#000000 !important;
}
.in_server_zhu{
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
	font-size:14px;
	color:#666666 !important;
	display:none;
}
.in_server_nei{
	display:block;
	width:100%;
	height:48px;
	line-height:24px;
	font-size:12px;
	color:#666666 !important;
	margin-top:50px;
}
.in_server_tu{
	display:block;
	width:70px;
	height:70px;
	margin:40px auto 0 auto;
}
.in_server_con li a .in_server_a{background:url(../images/server_01.png) no-repeat center center;}
.in_server_con li a:hover .in_server_a{background:url(../images/server_001.png) no-repeat center center;}
.in_server_con li a .in_server_b{background:url(../images/server_02.png) no-repeat center center;}
.in_server_con li a:hover .in_server_b{background:url(../images/server_002.png) no-repeat center center;}
.in_server_con li a .in_server_c{background:url(../images/server_03.png) no-repeat center center;}
.in_server_con li a:hover .in_server_c{background:url(../images/server_003.png) no-repeat center center;}
.in_server_con li a .in_server_d{background:url(../images/server_04.png) no-repeat center center;}
.in_server_con li a:hover .in_server_d{background:url(../images/server_004.png) no-repeat center center;}
.in_server_con li a .in_server_e{background:url(../images/server_05.png) no-repeat center center;}
.in_server_con li a:hover .in_server_e{background:url(../images/server_005.png) no-repeat center center;}
.in_server_con li a .in_server_f{background:url(../images/server_06.png) no-repeat center center;}
.in_server_con li a:hover .in_server_f{background:url(../images/server_006.png) no-repeat center center;}
.in_server_con li a:hover .in_server_title{ color:#f74014 !important;}
.in_case{
	width:100%;
	height:auto;
	padding-top:40px;
}
.box {
	text-align: center;
	overflow: hidden;
	position: relative;
}
.box:before {
	content: "";
	width: 150%;
	height: 150%;
	position: absolute;
	top: 50%;
	left: 50%;

	background-color: rgba(247,64,20,0.7);
	opacity: 0;
	z-index: 1;
	transform: translate(-50%, -50%) scale(0);
	transition: all 0.56s ease 0s;
}
.box:hover:before {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}
.box img {
	width: 100%;
	height: auto;
	transition: all 0.3s ease 0s;
}
.box:hover img {
	transform: scale(1.3);
}
.box .box-content {
	width: 100%;
	position: absolute;
	top: 20%;
	left: 0;
	z-index: 1;
	transition: all 0.3s ease 0s;
}
.box .title {
	font-size: 30px;
	font-weight: blod;
	color: #fff;
	text-transform: uppercase;
	opacity: 0;
	margin: 0 0 5px 0;
	position: relative;
	transform: translateY(100%);
	transition: all 0.5s ease 0s;
}
.box:hover .title {
	opacity: 1;
	transform: translateY(0);
}
.box .post {
	display: block;
	font-size: 14px;
	font-style: italic;
	color: #fff;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 5px;
	transform: translateX(-100%) rotateX(90deg);
	transition: all 0.5s ease 0s;
	margin-top:15px;
}
.box:hover .post {
	transform: translateY(0) rotate(0);
}
.box .icon {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	top: 70%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, -50%);
	transition: all 0.3s ease 0s;
}
.box .icon li {
	display: inline-block;
	transform: rotateX(90deg);
	transition: all 0.3s ease 0s;
}
.box .icon li:last-child {
	transition-delay: 0.2s;
}
.box:hover .icon li {
	transform: rotateX(0);
}
.box .icon li a {
	display: block;
	width: 230px;
	height: 50px;
	line-height:50px;
	border:3px solid #fff;
	font-size: 17px;
	color: #fff;
	transition: all 0.3s ease 0s;
}
.box .icon li a:hover {
	background: #2E95F9;
	box-shadow: 0 0 10px #000;
	color: #fff;
	border-radius:50px;
}
.in_case_con{ width:100%; height:auto; margin-top:50px;}
.in_news{
	width:100%;
	height:auto;
	background:url(../images/news.jpg) no-repeat center center;
	padding:50px 0 80px 0;
	display:none;
}
.in_news_con{
	width:1200px;
	height:auto;
	margin:80px auto 0 auto;
}
.in_news_con li{
	width:540px;
	height:auto;
	float:left;
	padding:0 30px 0 30px;
	margin-top:35px;
}
.in_news_l{
	width:80px;
	height:auto;
	line-height:30px;
	float:left;
	border-right:3px solid #000;
	margin-right:30px;
	font-size:42px;
	padding:5px 0 0px 0;
}
.in_news_l span{ display:block; font-size:18px; margin-top:12px; line-height:24px;}
.in_news_r{
	width:425px;
	height:auto;
	float:left;	
}
.in_news_r a{
	display:block;
	width:100%;
	height:20px;
	line-height:20px;
	font-size:18px;
	overflow:hidden;
	color:#000000 !important;
	font-weight:bold;
}
.in_news_r a:hover{ color:#f74014 !important;}
.in_news_r span{
	display:block;
	width:100%;
	height:48px;
	line-height:24px;
	font-size:14px;
	color:#666666;
	overflow:hidden;
	margin-top:5px;
}
.demand{
	width:100%;
	height:auto;
	background:#ebebeb;
	display:none;
}
.demand_body{
	width:1200px;
	height:auto;
	margin:0 auto;
	padding:30px 0 30px 0;
}
.demand_title{
	width:100%;
	height:60px;
	line-height:60px;
	font-size:36px;
}
.demand_con{
	width:100%;
	height:60px;
	line-height:60px;
	margin-top:20px;
}
.demand_text{
	width:180px;
	height:60px;
	float:left;
	margin-right:15px;
	border:none;
	background:#fff;
	padding-left:10px;
	font-size:14px;
}
.demand_text1{
	width:590px;
	height:60px;
	float:left;
	margin-right:15px;
	border:none;
	background:#fff;
	padding-left:10px;
	font-size:14px;
}
.demand_button{
	width:175px;
	height:60px;
	float:left;
	border:none;
	background:#f86a1e;
	text-align:center;
	font-size:14px;
	color:#ffffff !important;
	cursor:pointer;
}
.demand_button:hover{ background:#dc4d00;}
.demand_ti{
	width:100%;
	height:24px;
	line-height:24px;
	color:#999999;
	margin-top:20px;
}
.footer{
	width:100%;
	height:auto;
	background:#333333;
	color:#fff;
	line-height:24px;
	padding:10px 0 10px 0;
}
.footer_body{
	width:1200px;
	height:auto;
	margin:0 auto;
}
.footer_body span{ float:right;}

/*服务*/
.service{
	width:100%;
	height:auto;
}
.service li{
	width:100%;
	height:auto;
	float:left;
}
.service_img{
	width:50%;
	height:auto;
	float:left;
	overflow:hidden;
}
.service_img img{ display: block; width: 100%; height: auto;overflow-x: hidden;overflow-y: hidden;position: relative;z-index:1;transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;moz-transition-delay: 0s;-moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease;-webkit-transition-delay: 0s; -webkit-transition-duration: 1s;-webkit-transition-property: all; -webkit-transition-timing-function: ease;-o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease;}
.service_img:hover img{transform: scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2); 	-moz-transform:scale(1.2, 1.2); -webkit-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); }
.service_rightimg{ float:right;}
.service_l{
	width:50%;
	height:auto;
	float:left;
}
.service_con{
	width:65%;
	height:auto;
	margin:110px 0 0 65px;
	float:left;
	display:inline;
}
.service_con1{
	width:65%;
	height:auto;
	margin:110px 65px 0 0;
	float:right;
	display:inline;
}
.service_title{
	width:100%;
	height:80px;
	line-height:40px;
	border-bottom:1px solid #cccccc;
	font-size:28px;
}
.service_nei{
	width:100%;
	height:auto;
	line-height:28px;
	font-size:16px;
	color:#666666;
	margin-top:30px;
}
.service_more{
	width:140px;
	height:40px;
	margin-top:40px;
	display:none;
}
.service_more a{
	display:block;
	width:140px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:14px;
	color:#ffffff !important;
	background:#f86a1e;
	border-radius:500px;
	box-shadow:0px 0px 10px #ff9963;
}
.service_more a:hover{ background:#dc4d00;}

/*关于我们*/
.about_banner{
	width:100%;
	height:360px;
	background:url(../images/about_banner.jpg) no-repeat center center;
}
.about_back{
	width:100%;
	height:680px;
	background:url(../images/about_back.jpg) no-repeat center center;
}
.about_back_con{
	width:1200px;
	height:490px;
	margin:0 auto;
	padding:190px 0 0 0;
	color:#ffffff;
}
.about_back_title{
	width:100%;
	height:60px;
	line-height:60px;
	font-size:50px;
}
.about_back_nei{
	width:100%;
	height:auto;
	line-height:40px;
	font-size:18px;
	margin-top:50px;
}
.about_tuan{
	width:1200px;
	height:auto;
	margin:0 auto;
	padding:40px 0 60px 0;
}
.about_tuan_nei{
	width:100%;
	height:auto;
	line-height:36px;
	font-size:16px;
	color:#666666;
	margin-top:30px;
	text-align:center;
}


/*联系我们*/
.contact_banner{
	width:100%;
	height:360px;
	background:url(../images/contact_banner.jpg) no-repeat center center;
}
.contact{
	width:1200px;
	height:auto;
	margin:0 auto;
	padding:100px 0 100px 0;
}
.contact_l{
	width:500px;
	height:auto;
	float:left;
	padding-left:100px;
}
.contact_l img{
	display:block;
	width:500px;
	height:300px;
}
.contact_r{
	width:520px;
	height:auto;
	float:left;
	padding:50px 0 0 80px;
}
.contact_title{
	width:100%;
	height:60px;
	line-height:60px;
	font-size:24px;
	margin-bottom:10px;
}
.contact_hang{
	width:100%;
	height:40px;
	line-height:40px;
	font-size:18px;
}
.contact_hang img{ float:left; margin:7px 10px 0 0;}


/*新闻*/
.news_banner{
	width:100%;
	height:360px;
	background:url(../images/news_banner.jpg) no-repeat center center;
}
.news{
	width:1200px;
	height:auto;
	margin:40px auto 0 auto;
	overflow:hidden;
	padding-bottom:30px;
}
.news ul{ width:1220px;}
.news ul li{
	width:590px;
	height:130px;
	float:left;
	display:inline;
	margin:20px 20px 0 0;
	background:#fff;
	box-shadow:2px 2px 5px #ccc;
	padding:35px 0 35px 0;
}
.news_l{
	width:110px;
	height:130px;
	float:left;
	border-right:1px solid #ddd;
	padding-left:60px;
}
.news_day{
	display:block;
	width:100%;
	line-height:60px;
	font-size:40px;
	margin-top:10px;
}
.news_day1{
	display:block;
	width:100%;
	line-height:24px;
	font-size:14px;
	color:#666;
	margin-top:10px;
}
.news_xian{
	width:20px;
	height:3px;
	display:block;
	background:#ddd;
}
.news_r{
	width:318px;
	height:130px;
	float:left;
	padding:0 50px 0 50px;
}
.news_r a{ color:#000000;}
.news_r a:hover{ color:#f86a1e;}
.news_title{
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
	font-size:16px;
	overflow:hidden;
}
.news_nei{
	display:block;
	width:100%;
	height:48px;
	line-height:24px;
	font-size:12px;
	color:#666666;
	margin-top:10px;
	overflow:hidden;
}
.news_more{
	display:block;
	width:100%;
	height:24px;
	line-height:24px;
	margin-top:10px;
}
.page{
	width:1200px;
	height:auto;
	line-height:30px;
	text-align:center;
	margin:30px auto 0 auto;
	padding-bottom:60px;
}
.page li{
	display:inline;
	white-space:nowrap;
}
.page li a{ padding:10px 15px 10px 15px; margin:0 1px 0 1px; background:#f8f8f8; border:1px solid #cccccc; color:#333333 !important;}
.page li a:hover{ padding:10px 15px 10px 15px; background:#f86a1e; border:1px solid #f86a1e; color:#ffffff !important;text-decoration:none;}
.page_hover a:link{ padding:10px 15px 10px 15px; background:#f86a1e; border:1px solid #f86a1e; color:#ffffff !important;}
.page_hover a:visited{ padding:10px 15px 10px 15px; background:#f86a1e; border:1px solid #f86a1e; color:#ffffff !important;}
.page_hover a:hover{ padding:10px 15px 10px 15px; background:#f86a1e; border:1px solid #f86a1e; color:#ffffff !important;}
.page li span{ margin:0 0px 0 8px;}


/*案例*/
.case_banner{
	width:100%;
	height:200px;
	background:url(../images/case_banner.jpg) no-repeat center center;
}
.case_nav{
	width:100%;
	height:78px;
	line-height:78px;
	background:#f6f6f6;
	overflow:hidden;
	display:none;
}
.case_nav span{ float:left; margin-right:50px;}
.case_nav span img{ float:left; width:100%;}
.case_nav li{
	float:left;
	margin-right:50px;
	font-size:18px;
}
.case_nav li a{ color:#666 !important;}
.case_nav li a:hover{ color:#f86a1e !important; border-bottom:3px solid #f86a1e; padding:10px 0 10px 0;}
.case_cur a:link{ color:#f86a1e !important; border-bottom:3px solid #f86a1e; padding:10px 0 10px 0;}
.case_cur a:visited{ color:#f86a1e !important; border-bottom:3px solid #f86a1e; padding:10px 0 10px 0;}
.case_cur a:hover{ color:#f86a1e !important; border-bottom:3px solid #f86a1e; padding:10px 0 10px 0;}
.case{
	width:100%;
	height:auto;
}
.case_con{ width:100%; height:auto; margin-top:0px;}
.case_title{
	width:90%;
	height:30px;
	line-height:30px;
	font-size:18px;
	padding:10px 5% 10px 5%;
	overflow:hidden;
}
.case_nei{
	width:90%;
	height:48px;
	line-height:24px;
	font-size:12px;
	color:#666666;
	padding:0 5% 0 5%;
	overflow:hidden;
	margin:15px 0 15px 0;
	display:none;
}
.case_xian{
	width:40px;
	height:3px;
	background:#ccc;
	margin-left:5%;
}
.case_select{ display:none;}
.case_content{
	width:1140px;
	height:auto;
	margin:0 auto 30px auto;
	background:#f2f2f2;
	padding:30px;
}
.case_img{
	width:100%;
	height:auto;
}
.case_img img{ display:block; width:100%;}
.case_bot{
	width:100%;
	height:30px;
	line-height:30px;
	margin-top:30px;
}
.case_retun{
	float:left;
	color:#666;
	font-size:18px;
}
.case_retun img{ float:left; margin-right:10px;}
.case_day{
	float:right;
	color:#999;
	font-size:14px;
	display:none;
}
.case_day img{ float:left; margin-right:3px;}
.news_content{
	width:1200px;
	height:auto;
	min-height:300px;
	margin:-60px auto 50px auto;
	z-index:100;
	background:#fff;
}
.news_content_title{
	width:90%;
	height:60px;
	line-height:60px;
	font-size:18px;
	margin:0 auto;
	border-bottom:1px solid #ccc;
}
.news_content_title span{ float:right; color:#999; font-size:14px;}
.news_content_nei{
	width:90%;
	height:auto;
	padding:30px 5% 30px 5%;
	font-size:14px;
	color:#666;
	line-height:24px;
}












@media screen and (min-width: 320px) and (max-width: 768px) {
.banner{ width:100%; height:180px; overflow:hidden; margin:0 auto; min-width:320px;}
.main_visual{height:180px;overflow:hidden;position:relative;}
.main_image{height:180px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:180px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:180px;}
.main_image li span{display:block;width:100%;height:180px;}
.main_image li a{display:block;width:100%;height:180px;}

div.flicking_con{position:absolute;top:150px;left:0%;z-index:999;width:100%;height:16px; text-align:center;}
div.flicking_con a{ width:16px;height:16px;margin:0 5px 0 5px;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:inline-block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -16px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px; background:none;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px; background:none;}

.in_about{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:30px 0 30px 0;
}
.in_about_adv{
	width:90%;
	height:auto;
	line-height:30px;
	font-size:14px;
	color:#555555;
	text-align:center;
	margin-top:30px;
	padding:0 5% 0 5%;
}
.in_about_nei{
	width:90%;
	height:auto;
	line-height:24px;
	text-align:left;
	color:#666;
	font-size:12px;
	margin-top:20px;
	padding:0 5% 0 5%;
}
.in_about_list{
	width:100%;
	height:auto;
	margin-top:0px;
}
.in_about_list li{
	width:50%;
	height:auto;
	float:left;
	text-align:center;
	margin-top:20px;
}
.in_about_list li a{
	width:138px;
	height:138px;
	border:1px solid #ccc;
	display:block;
	margin:0 auto;
	border-radius:500px;
	line-height:138px;
	color:#8c8c8c !important;
	font-size:48px;
	font-family:Arial;
}
.in_about_list li a font{ font-size:48px;}
.in_about_list li a:hover{
	border:none;
	background:url(../images/about_hover.png) no-repeat;
	background-size:140px 140px;
	width:140px;
	height:140px;
	color:#ffffff !important;
	display:block;
}
.in_about_list li span{
	display:block;
	width:100%;
	font-size:14px;
	height:30px;
	line-height:30px;
	margin-top:10px;
}
.in_about_title{
	display:block;
	font-size:24px;
	height:40px;
	line-height:40px;
}
.in_server .in_about_title{
	display:block;
	font-size:24px;
	height:40px;
	line-height:40px;
	color:#ffffff !important;
}
.footer_body{
	width:90%;
	height:auto;
	margin:0 auto;
	text-align:center;
	padding:0 5% 0 5%;
}
.footer_body span{ float:none; display:block;}
.demand_body{
	width:90%;
	height:auto;
	margin:0 auto;
	padding:20px 5% 20px 5%;
}
.demand_title{
	width:100%;
	height:40px;
	line-height:40px;
	font-size:24px;
}
.demand_con{
	width:100%;
	height:auto;
	line-height:40px;
	margin-top:0px;
}
.demand_text{
	width:95%;
	height:40px;
	float:left;
	margin-right:0px;
	border:none;
	background:#fff;
	padding-left:5%;
	font-size:12px;
	margin-top:10px;
}
.demand_text1{
	width:95%;
	height:40px;
	float:left;
	margin-right:0px;
	border:none;
	background:#fff;
	padding-left:5%;
	font-size:12px;
	margin-top:10px;
}
.demand_button{
	width:100%;
	height:40px;
	line-height:40px;
	float:left;
	border:none;
	background:#f86a1e;
	text-align:center;
	font-size:14px;
	color:#ffffff !important;
	cursor:pointer;
	margin-top:10px;
}
.in_news{
	width:100%;
	height:auto;
	background:url(../images/news.jpg) no-repeat center center;
	background-size:cover;
	padding:50px 0 50px 0;
	display:none;
}
.in_news_con{
	width:100%;
	height:auto;
	margin:10px auto 0 auto;
}
.in_news_con li{
	width:90%;
	height:auto;
	float:left;
	padding:0 5% 0 5%;
	margin-top:35px;
}
.in_news_l{
	width:20%;
	height:auto;
	line-height:30px;
	float:left;
	border-right:1px solid #000;
	margin-right:5%;
	font-size:42px;
	padding:5px 0 0px 0;
}
.in_news_l span{ display:block; font-size:18px; margin-top:12px; line-height:24px;}
.in_news_r{
	width:74%;
	height:auto;
	float:left;	
}
.in_news_r a{
	display:block;
	width:100%;
	height:20px;
	line-height:20px;
	font-size:18px;
	overflow:hidden;
	color:#000000 !important;
	font-weight:bold;
}
.in_news_r a:hover{ color:#f74014 !important;}
.in_news_r span{
	display:block;
	width:100%;
	height:48px;
	line-height:24px;
	font-size:14px;
	color:#666666;
	overflow:hidden;
	margin-top:5px;
}
.col-md-3{ width:50%; float:left;}
.box .title {
	font-size: 18px;
	font-weight: blod;
	color: #fff;
	text-transform: uppercase;
	opacity: 0;
	margin: 0 0 5px 0;
	position: relative;
	transform: translateY(100%);
	transition: all 0.5s ease 0s;
}
.box .icon li a {
	display: block;
	width: 120px;
	height: 30px;
	line-height:30px;
	border:1px solid #fff;
	font-size: 12px;
	color: #fff;
	transition: all 0.3s ease 0s;
	margin-top:10px;
}
.in_server{
	width:100%;
	height:auto;
	background:url(../images/server.png) no-repeat center center;
	background-size:cover;
	padding-top:40px;
}
.in_server_con{
	width:100%;
	height:auto;
	margin:60px auto 0 auto;
	background:url(../images/server_bg.png);
}
.in_server_con li{
	width:50%;
	height:auto;
	float:left;
	border-right:0px solid #000;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
}
.in_server_title{
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
	font-size:18px;
	color:#000000 !important;
}
.in_server_zhu{
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
	font-size:14px;
	color:#666666 !important;
	display:none;
}
.in_server_nei{
	display:block;
	width:100%;
	height:48px;
	line-height:24px;
	font-size:12px;
	color:#666666 !important;
	margin-top:20px;
}
.in_server_tu{
	display:block;
	width:70px;
	height:70px;
	margin:20px auto 0 auto;
}
.service_img{
	width:100%;
	height:auto;
	float:left;
	overflow:hidden;
}
.service_rightimg{ float:left;}
.service_l{
	width:100%;
	height:auto;
	float:left;
	padding-bottom:20px;
}
.service_con{
	width:90%;
	height:auto;
	margin:0px 0 0 0px;
	padding:0 5% 0 5%;
	float:left;
	display:inline;
}
.service_con1{
	width:90%;
	height:auto;
	margin:0px 0 0 0px;
	padding:0 5% 0 5%;
	float:right;
	display:inline;
}
.service_title{
	width:100%;
	height:60px;
	line-height:60px;
	border-bottom:1px solid #cccccc;
	font-size:24px;
}
.service_nei{
	width:100%;
	height:auto;
	line-height:24px;
	font-size:14px;
	color:#666666;
	margin-top:30px;
}
.service_more{
	width:140px;
	height:40px;
	margin-top:20px;
}
.about_banner{
	width:100%;
	height:160px;
	background:url(../images/about_banner.jpg) no-repeat center center;
	background-size:auto 100%;
}
.about_back{
	width:100%;
	height:280px;
	background:url(../images/about_back.jpg) no-repeat center center;
	background-size:auto 100%;
}
.about_back_con{
	width:90%;
	height:auto;
	margin:0 auto;
	padding:40px 5% 0 5%;
	color:#ffffff;
}
.about_back_title{
	width:100%;
	height:40px;
	line-height:40px;
	font-size:20px;
}
.about_back_nei{
	width:100%;
	height:auto;
	line-height:24px;
	font-size:12px;
	margin-top:20px;
}
.about_tuan{
	width:90%;
	height:auto;
	margin:0 auto;
	padding:30px 5% 30px 5%;
}
.about_tuan_nei{
	width:100%;
	height:auto;
	line-height:24px;
	font-size:12px;
	color:#666666;
	margin-top:30px;
	text-align:center;
}
/*联系我们*/
.contact_banner{
	width:100%;
	height:160px;
	background:url(../images/contact_banner.jpg) no-repeat center center;
	background-size:auto 100%;
}
.contact{
	width:90%;
	height:auto;
	margin:0 auto;
	padding:30px 5% 30px 5%;
}
.contact_l{
	width:100%;
	height:auto;
	float:left;
	padding-left:0px;
}
.contact_l img{
	display:block;
	width:100%;
	height:auto;
}
.contact_r{
	width:100%;
	height:auto;
	float:left;
	padding:10px 0 0 0px;
}
.contact_title{
	width:100%;
	height:60px;
	line-height:60px;
	font-size:24px;
	margin-bottom:0px;
}
.contact_hang{
	width:100%;
	height:40px;
	line-height:40px;
	font-size:14px;
}
.contact_hang img{ float:left; margin:10px 10px 0 0; width:20px; height:20px;}

/*新闻*/
.news_banner{
	width:100%;
	height:160px;
	background:url(../images/news_banner.jpg) no-repeat center center;
	background-size:auto 100%;
}
.news{
	width:100%;
	height:auto;
	margin:20px auto 0 auto;
	overflow:hidden;
	padding-bottom:20px;
}
.news ul{ width:auto;}
.news ul li{
	width:90%;
	height:130px;
	float:left;
	display:inline;
	margin:20px 5% 0 5%;
	background:#fff;
	box-shadow:2px 2px 5px #ccc;
	padding:15px 0 15px 0;
}
.news_l{
	width:25%;
	height:130px;
	float:left;
	border-right:1px solid #ddd;
	padding-left:5%;
}
.news_r{
	width:58%;
	height:130px;
	float:left;
	padding:0 5% 0 5%;
}
.page{
	width:90%;
	height:auto;
	line-height:30px;
	text-align:center;
	margin:10px auto 0 auto;
	padding:0 5% 0 5%;
	padding-bottom:30px;
}
.page li{
	display:inline;
	white-space:nowrap;
}
.page li a{ padding:6px 12px 6px 12px; margin:0 1px 0 1px; background:#f8f8f8; border:1px solid #cccccc; color:#333333 !important;}
.page li a:hover{ padding:6px 12px 6px 12px; background:#f86a1e; border:1px solid #f86a1e; color:#ffffff !important;text-decoration:none;}
.page_hover a:link{ padding:6px 12px 6px 12px; background:#f86a1e; border:1px solid #f86a1e; color:#ffffff !important;}
.page_hover a:visited{ padding:6px 12px 6px 12px; background:#f86a1e; border:1px solid #f86a1e; color:#ffffff !important;}
.page_hover a:hover{ padding:6px 12px 6px 12px; background:#f86a1e; border:1px solid #f86a1e; color:#ffffff !important;}
.page li span{ margin:0 0px 0 8px;}

/*案例*/
.case_banner{
	width:100%;
	height:160px;
	background:url(../images/case_banner.jpg) no-repeat center center;
	background-size:auto 100%;
}
.case_nav{
	width:100%;
	height:58px;
	line-height:58px;
	background:#f6f6f6;
	overflow:hidden;
	display:none;
}
.case_nav span{ float:left; margin-right:0px;}
.case_nav span img{ float:left; height:58px; width:auto;}
.case_nav ul{ display:none;}
.case_select{
	display:block;
	width:50%;
	height:36px;
	border:1px solid #cccccc;
	border-radius:5px;
	background:#fff;
	float:right;
	margin:11px 15px 0 0;
}
.case_content{
	width:90%;
	height:auto;
	margin:0 auto 30px auto;
	background:#f2f2f2;
	padding:20px 5% 20px 5%;
}
.case_bot{
	width:100%;
	height:30px;
	line-height:30px;
	margin-top:20px;
}
.case_retun{
	float:left;
	color:#666;
	font-size:16px;
}
.case_retun img{ float:left; margin-right:10px;}
.case_day{
	float:right;
	color:#999;
	font-size:14px;
	display:none;
}
.case_day img{ float:left; margin-right:3px;}
.news_content{
	width:90%;
	height:auto;
	min-height:300px;
	padding:0px 5% 0px 5%;
	margin:0;
	z-index:100;
	background:#fff;
}
.news_content_title{
	width:90%;
	height:auto;
	line-height:24px;
	font-size:16px;
	margin:0 auto;
	border-bottom:1px solid #ccc;
	text-align:center;
	padding:10px 0 10px 0;
}
.news_content_title span{ float:none; color:#999; font-size:12px; display:block;}
.news_content_nei{
	width:90%;
	height:auto;
	padding:30px 5% 30px 5%;
	font-size:12px;
	color:#666;
	line-height:24px;
}
}