@charset "UTF-8";
.customer2{clear:both; background:url(../images/link_bg.png) no-repeat center top; height:26px;}

.i_service{width:100%; background:url(../images/service_bg.png) no-repeat center; height:713px;}

.i_service_t{ text-align:center; padding-top:51px; color:#4e4e4e; font-size:14.06px; line-height:40px; padding-bottom:43px;}

.i_service_t h2{height:70px; line-height:70px;background:url(../images/line.png) center bottom no-repeat; font-size:30.12px; color:#333333;}

.box{ width:1176px; margin:auto;}

.box ul{ width:1196px;}

.box ul li{ 
	float:left; 
	height:409px; width:279px; 
	margin-right:20px; overflow:hidden; 
	background:url(../images/orange.png) 0 409px no-repeat; 
	position:relative;}

.box ul li a{ 
	display:block; 
	width:100%; 
	height:100%; 
	top:0; 
	position:absolute;
}

.box ul li:hover{ 
	background-position:0px 0px; 
	-webkit-transition:all .5s ease-in-out .3s; 
	transition:all .5s ease-in-out .3s;
	-moz-transition:all .5s ease-in-out .3s; 
	-ms-transition:all .5s ease-in-out .3s;
	-o-transition:all .5s ease-in-out .3s;
}

.box ul li u{ 
	position:absolute; 
	display:block; 
	margin-left:36px; 
	width:207px; 
	height:207px; 
	background:url(../images/round.png)  no-repeat; 
	-webkit-transition:all .5s ease-in-out .0s; 
	transition:all .5s ease-in-out .0s;
	-moz-transition:all .5s ease-in-out .0s; 
	-ms-transition:all .5s ease-in-out .0s;
	-o-transition:all .5s ease-in-out .0s;
}

.box ul li u.cr{
	clip:rect(0px,207px,-10px,103.5px); 
}

.box.active ul li u.cr{
	clip:rect(0px,207px,207px,103.5px); 
}

.box ul li:hover u.cr{
	clip:rect(0px,207px,-10px,103.5px)
} 

.box ul li u.cl{
	clip:rect(207px,103.5px,2000px,0px)
}

.box.active ul li u.cl{clip:rect(0px,103.5px,207px,0px);   }

.box ul li:hover u.cl{ clip:rect(207px,103.5px,2000px,0px) }

.box ul li i{ display:block; font-style:normal; position:absolute;height:100px; width:100px; left:88px; top:54px;  }

.box ul li.box1 i{ background:url(../images/hy02.png) 0px 0px no-repeat;height:100px; width:100px; left:88px; top:54px;  }

.box ul li:hover.box1 i{ background:url(../images/hy03.jpg) 0px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;height:195px; width:260px; left:10px; top:10px;  }

.box ul li.box2 i{ background:url(../images/hy04.png) 0px 0px no-repeat;width:100px; left:89px; }

.box ul li:hover.box2 i{ background:url(../images/hy05.jpg) 0px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;height:195px; width:260px; left:10px; top:10px;  }

.box ul li.box3 i{ background:url(../images/hy06.png) 0px 0px no-repeat; width:100px; height:100px; left:89px;}

.box ul li:hover.box3 i{ background:url(../images/hy06.jpg) 0px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;height:195px; width:260px; left:10px; top:10px;}

.box ul li.box4 i{ background:url(../images/hy08.png) 0px 0px no-repeat; width:100px; height:100px;}

.box ul li:hover.box4 i{ background:url(../images/hy07.jpg) 0px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;height:195px; width:260px; left:10px; top:10px;}

.box ul li h3{
	font-size:22px; 
	color:#333333; 
	padding:0; margin:0; 
	line-height:24px; 
	font-weight:normal; 
	text-align:center; 
	margin-top:248px;
}

.box ul li h3 a{color:#333}

.box ul li:hover h3{
	color:#fff;
	transition:all 0.8s;
}

.box ul li p{ 
	font-size:12px; 
	color:#333333; 
	line-height:20px; 
	margin-top:20px; 
	padding:0 20px
}

.box ul li p a{color:#333333;}
.box ul li p a:hover{color:#fff;}
.box ul li:hover p{color:#fff;transition:all 0.8s;}

.guwenmore{ width:387px; 
	height:56px; 
	display:block; 
	margin:0 auto; 
	border:1px solid #cb271c; 
	clear:both; 
	margin-top:35px; 
	margin-bottom:32px; 
	text-align:center; 
	line-height:56px; 
	font-size:16px; 
	color:#cb271c;}

.hvr-shutter-out-vertical{
	backface-visibility:hidden;
	background:transparent none repeat scroll 0 0;
	position:relative;
	transform:translateZ(0px);
	transition-duration:.3s;
	transition-property:color;
	-moz-transform:translateZ(0px);
	-moz-transition-duration:.3s;
	-moz-transition-property:color;
	-webkit-transform:translateZ(0px);
	-webkit-transition-duration:.3s;
	-webkit-transition-property:color;
	vertical-align:middle}

.hvr-shutter-out-vertical::before{
	background:#cb271c none repeat scroll 0 0;
	border:0 none;
	padding:1px;
	bottom:0;
	content:"";
	left:0;
	position:absolute;
	right:0;top:0;
	transform:scaleY(0);
	transform-origin:50% 50% 0;
	transition-duration:.3s;
	transition-property:transform;
	transition-timing-function:ease-out;
	-moz-transform:scaleY(0);
	-moz-transform-origin:50% 50% 0;
	-moz-transition-duration:.3s;
	-moz-transition-property:transform;
	-moz-transition-timing-function:ease-out;
	-webkit-transform:scaleY(0);
	-webkit-transform-origin:50% 50% 0;
	-webkit-transition-duration:.3s;
	-webkit-transition-property:transform;
	-webkit-transition-timing-function:ease-out;
	z-index:-1
}

.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover{color:#000}

.hvr-shutter-out-vertical:active::before,.hvr-shutter-out-vertical:focus::before,.hvr-shutter-out-vertical:hover::before{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}

.btn-enter{
	font-family:iuniFonts;
	opacity:0;transition:all .5s ease-in .1s;-moz-transition:all .5s ease-in .1s;-webkit-transition:all .5s ease-in .1s}

.btn-enter{
	transition-delay:.1s;-moz-transition-delay:.1s;-webkit-transition-delay:.1s;transform:translate(0px,5px);-moz-transform:translate(0px,5px);-webkit-transform:translate(0px,5px)
}

.btn-enter {
	opacity:1;top:0;
	transform:translate(0px,0);-moz-transform:translate(0px,0);-webkit-transform:translate(0px,0)
}

.btn-enter:active,.btn-enter:focus,.btn-enter:hover{
	color:#000
}

.btn-enter {
	opacity:1;
	transition:all 0s ease-in 0s;-moz-transition:all 0s ease-in 0s;-webkit-transition:all 0s ease-in 0s
}

.btn-enter {
	transform:translate(0px,0);-moz-transform:translate(0px,0);-webkit-transform:translate(0px,0)
}

.btn-enter:active,.btn-enter:focus,.btn-enter:hover{
	background:#fff;
	color:#fff;
}

.customer2{
	clear:both; 
	background:url(../images/link_bg.png) no-repeat center top; 
	height:26px;
}

.customer_list2{/* width:1102px;*/ 
	width:1200px; 
	margin:0 auto;
}

.customer_list2 table{
	border-collapse:collapse;
	border-spacing:0;
}

.customer_list2 table td{ 
	border:1px solid #dfdfdf; 
	width:20%; height:128px; }

.customer_list2 table td img{ 
	width:100%; 
	height:128px;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); 
	filter: grayscale(100%); 
	filter: gray;
}

.customer_list2 table td:hover img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;filter:alpha(opacity=70);
	opacity:0.7;
}

.customer_list2 table td .partner_box{
	position:relative;
	width:219px; 
	padding:0; 
	position: relative;
	height:128px; 
	z-index: 1;
}

.customer_list2 .partner_box .cont1{
	width:219px;
	height:128px;
	position:absolute;
	top:0px;left:0px;
	z-index:2;/*filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;*/
} 

.customer_list2 .partner_box .cont2{
	width:219px;
	height:128px;
	filter:alpha(opacity=0);-moz-opacity:0;
	opacity:0;
	position:absolute;top:0px;
	left:0px;z-index:1;
	transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);
}

.customer_list2 .partner_box:hover .cont1{
	transform:rotateY(180deg);
	z-index:1;alpha(opacity=0);-moz-opacity:0;opacity:0;-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);
}

.customer_list2 .partner_box:hover .cont2{
	transform:rotateY(360deg);
	z-index:2;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);
} 

.customer_list2 .partner_box:hover .cont2{
	z-index:2;
}  

.customer_list2 .partner_box .cont1{
	transition:all .5s linear 10ms;
} 

.customer_list2 .partner_box .cont2{
	transition:all .5s linear 10ms;
} 


.advantage{
	text-align:center; 
}

.num_box{
	display:inline-block; 
	margin:0 18px 
}

.num_box:nth-child(1){ 
	margin-left:0;
}
.num_box:nth-child(5){ 
	margin-right:0;
}

.num{ 
	font-weight:bold;
	color:#FFF; 
	font-size:55px; 
	width:206px; 
	height:116px; 
	line-height:116px; 
	text-align:center; 
	position:relative; 
	z-index:2; 
	letter-spacing:3px;
}

.num_li{ position:relative; }

.num_bg{ 
	position:absolute; 
	z-index:1; 
	width:206px; 
	height:116px; 
	border-radius:8px; 
	left:0; 
	top:0; 
	background:#cb271c;}

.num_li h3{ 
	font-size:16px; 
	color:#333333; 
	font-weight:normal; 
	line-height:82px;
}

.num_line{
	display:block; 
	position:absolute; 
	top:54px; 
	left:0; 
	z-index:10000; 
	width:100%; 
	height:3px; 
	background-color:#cb271c;}


.i_solution{
	height:735px; 
	overflow:hidden; 
	background:url(../images/solution_bg.jpg) no-repeat center top;
}

.solutioncon{
	min-height:460px; 
	margin-top:46px;
}

.solution_ul ul{ width:1220px;}

.solution_ul ul li{ 
	float:left; 
	width:284px; 
	overflow:hidden; 
	height:348px;
	position: relative; 
	background-color:#fff;
	z-index:0; 
	margin-right:20px;
}
.solution_ul ul li .shade{
	width:284px;height:174px;
	background:url(../images/solution_pic.png) center center no-repeat;
	position:absolute;
	top:-174px;
	left:0;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;
}

.solution_ul ul li .bg{
	width:284px;height:174px;
	background:#cb271c;
	position:absolute;
	bottom:-210px;left:0;z-index:1;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;
}

.solution_ul ul li:hover .shade{top:0;}
.solution_ul ul li:hover .bg{bottom:0;}
.solution_ul ul li:hover p{color:#fff;}
.solution_ul ul li:hover p strong{color:#fff;}
.solution_ul ul li:hover img{}
.solution_ul ul li img{
	width:284px;
	height:174px;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;}

.solution_ul ul li p{
	color:#191919;
	line-height:25px; 
	height:100px; 
	overflow:hidden;
	margin:10px 16px;
	font-family:"微软雅黑";
	position:relative;
	z-index:2; 
	padding-top:22px;
}

.solution_ul ul li p strong{
	color:#191919;
	font-size:16px; 
	line-height:32px; 
	font-weight:normal;
}

.guwenmore2{ 
	width:387px; 
	height:56px; 
	display:block; 
	margin:0 auto; 
	border:1px solid #cb271c; 
	clear:both; 
	margin-top:35px; 
	margin-bottom:32px; 
	text-align:center; 
	line-height:56px; 
	font-size:16px; 
	color:#cb271c;}

.solutioncon{ 
	min-height:460px; 
	margin-top:46px;
}

.solution_ul2 ul{ 
	width:1220px;
}

.solution_ul2 ul li{ 
	float:left; 
	width:284px; 
	border:1px solid #f4f4f4; 
	overflow:hidden; 
	height:348px;
	position: relative; 
	background-color:#eeedec;
	margin-right:18px;
}

.solution_ul2 ul li .bg{
	width:284px;
	height:206px; 
	background:url(../images/solution_bg2.jpg) no-repeat;
	position:absolute;
	top:-64px;
	left:0;z-index:0;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;
	transition:all .2s linear;
}

.solution_ul2 ul li:hover{border:1px solid #dedede;}

.solution_ul2 ul li:hover .bg{top:142px;}

.solution_ul2 ul li:hover p{color:#fff;}

.solution_ul2 ul li:hover p strong{
	color:#fff;
}

.solution_ul2 ul li:hover img{}

.solution_ul2 ul li img{
	width:284px;
	height:142px;z-index:2;
	position:relative;
}

.solution_ul2 ul li p{
	color:#191919;
	line-height:25px; 
	height:144px; 
	overflow:hidden;
	margin:10px 15px;
	font-family:"微软雅黑";
	position:relative;z-index:2; 
	padding-top:22px;
}

.solution_ul2 ul li p strong{
	color:#191919;
	font-size:14px; 
	font-weight:normal; 
	line-height:26px;
}

.i_about{ 
	height:700px; 
	overflow:hidden; 
	background:url(../images/about_bg.jpg) no-repeat center top;
}

.i_about_div{ 
	height:411px;
	background:url(../images/about_bg2.jpg) no-repeat center top; 
	overflow:hidden;
}

#four_flash_four{
	position:relative;
	width:596px; 
	margin-left:150px; 
	margin-top:53px;
}

#four_flash_four .flashBg_four{
	width:543px;
	height:300px;
	position:relative;
	overflow:hidden; 
	background-color:#fff;
}

#four_flash_four .flashBg_four ul.mobile_four{
	width:2000%;
	height:300px; 
	position:absolute; 
	left:0;}

#four_flash_four .flashBg_four ul.mobile_four li{
	float:left;
	width:543px;
	color:#6C6E85; 
	text-decoration: none;
	list-style: none;
}

#four_flash_four .flashBg_four ul.mobile_four li img{ 
	width:543px; 
	height:300px;
}

#four_flash_four .flashBg_four ul.mobile_four li a{
	width:543px;
	height:300px; 
	float:left; 
	cursor:pointer; 
	text-decoration:none; 
	list-style:none;
}

#four_flash_four .flashBg_four ul.mobile_four li a:hover{
	filter:alpha(opacity=90);
	opacity:0.9;
}

#four_flash_four .but_left_four{
	width:53px;
	height:41px; 
	position:absolute; 
	top:133px; 
	right:53px; 
	cursor:pointer; 
	background:url(../images/about_left.png) no-repeat;
}

#four_flash_four .but_right_four{
	width:53px;height:41px; 
	position:absolute; 
	top:133px; right:0px;
	cursor:pointer; 
	background:url(../images/about_right.png) no-repeat;
}

#four_flash_four .but_left_four:hover{
	background:url(../images/about_left2.png) no-repeat;
}

#four_flash_four .but_right_four:hover{
	background:url(../images/about_right2.png) no-repeat;
}

.i_contact{ 
	height:575px; 
	margin-top:42px; 
	overflow:hidden; 
	background:url(../images/contact_bg.jpg) no-repeat center top;
}

.i_contact_ul ul{
	width:1220px;
}

.i_contact_ul ul li{
	float:left; 
	width:275px; 
	height:140px;
	background:url(../images/contact_bg2.png) repeat; 
	text-align:center; 
	margin-right:19px; 
	line-height:18px; 
	font-size:14px;
	color:#fff;
}

.i_contact_ul ul li:Hover{
	background:url(../images/contact_bg3.png) repeat; 
}

.i_contact_ul ul li img{ 
	width:44px; 
	height:43px; 
	display:block; 
	margin:0 auto; 
	margin-top:28px; 
	margin-bottom:25px;
}

.i_contact_ul ul li a{ 
	width:94%; 
	padding-left:3%; 
	padding-right:3%; 
	height:100%; 
	display:block; 
	color:#fff;
}