@charset "utf-8";
/* CSS Document */

.banner-inner{ width:100%; height:230px;}
.flexslider {
	position: relative;
	width: 100%;
	top:104px;
	height:230px;
	overflow: hidden;
	background: url(../images/loading.gif) 50% no-repeat;
}
.slides {
	z-index: 1;
	height:230px;
}

/*活动案例*/
.case-content{ width:1200px; margin:0 auto; position:relative; top:104px;}
.activity{ width:1200px; height:762px; margin-top:24px;}
.activity .pname01{ background:url(../images/activity.jpg) no-repeat; height:39px; padding-left:100px; font-family:"微软雅黑"; line-height:39px;}
.activity .pname02{ background:url(../images/activity02.jpg) no-repeat; height:39px; padding-left:100px; font-family:"微软雅黑"; line-height:39px;}
.activity .pname03{ background:url(../images/activity03.jpg) no-repeat; height:37px; padding-left:100px; font-family:"微软雅黑"; line-height:37px;}
.pname01 h3{ font-size:18px; color:#333333; float:left; margin-right:10px;}
.pname01 span{ color:#808080; font-size:14px; float:left;}
.pname02 h3{ font-size:18px; color:#333333; float:left; margin-right:10px;}
.pname02 span{ color:#808080; font-size:14px; float:left;}
.pname03 h3{ font-size:18px; color:#333333; float:left; margin-right:10px;}
.pname03 span{ color:#808080; font-size:14px; float:left;}

.activity_left{ width:299px; height:715px; float:left; border-bottom:1px solid #eeeeee; }
.activity_left dl{}
.activity_left dl dt{}
.activity_left dl dd{ padding:30px 0 0 15px; font-size:12px;}
.activity_left dl dd a.s1{ display:inline-block; padding:4px; margin-left:3px; margin-bottom:3px; background: #F63; color:#FFF; text-decoration:none}
.activity_left dl dd h4{ color:#808080; font-size:14px; font-weight:normal; padding-top:34px;}

.activity_right{ width:900px; float:right; border-left:1px solid #eeeeee;}
.acticlelist{ width:900px;}
.acticlelist ul{ width:900px;}
.acticlelist ul li{ 
 float:left; 
 width:269px;
 padding:15px; 
 height:327px; 
 border-right:1px solid #eeeeee; 
 border-bottom:1px solid #eeeeee;
 }
.acticle-img{ 
 width:269px;
 height:180px;
 overflow:hidden;
 }
 
.acticlelist ul li:hover .acticle-img img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
 
.acticle-text{
	padding:12px 0 0 12px;
	width:269px;
	height:90px;
	overflow:hidden;}
	
.acticle-text h3{
	color:#333333;
	font-size:14px;
	padding-bottom:6px;
}

.acticle-text span{
	color:#808080;
	font-size:12px;
	width:269px;
	
}

.order a{ display:block;
width:105px;
height:35px;
text-align:center;
background:#7aad0f;
color: #FFF;
font-size:14px;
line-height:35px;
margin-top:10px;
transition: background 0.5s, border-radius 0.5s;
}	

.order a:hover{
	color: #fff !important;
	background: #7aad0f;
	border-radius: 40px;
	}
	

/*案例展示列表*/
.mainbody{ 
   width:1200px;
   margin:0 auto; 
   position:relative; 
   top:104px;
   }
   
.sidebody{ 
  float:left; 
  width:134px; 
  height:441px; 
  background:url(../images/side-bg.png) no-repeat;
  }

.sidebar{ 
  width:103px; 
  height:417px; 
  padding:24px 14px 0 17px;
  }
  
.sidebar ul{ width:103px;}

.sidebar ul li{ 
   width:103px; 
   height:37px; 
   font-size:14px; 
   color:#FFF;
   }

.sidebar ul li a{ 
   display:block; 
   width:103px;
   height:37px;
   text-align:center;
   line-height:37px;
   transition: background 0.5s, border-radius 0.5s;
   }
 
.sidebar ul li a:link, .sidebar ul li a:visited{ color:#FFF; text-decoration:none;}
.sidebar ul li a:hover, .sidebar ul li a:active{ color:#000; text-decoration:none; background:#FFF; border-radius:14px;}  
.sidebar01{
	width:103px;
	height:37px;
	background:#FFF; 
	border-radius:14px;
	color:#000;
}

.pagebody{ float:left; width:1025px; margin-left:40px;}
/*.prolist{ width:1025px; }
.prolist ul{ width:969px; padding:47px 0 0 56px;}
.prolist ul li{ 
  width:171px; 
  height:259px;
  padding:38px 8px 57px 10px; 
  float:left; 
  position:relative;
  overflow:hidden;
  background:url(../images/phone.png) no-repeat;
  }
*/


.case2{position:relative;height:0px;}

.case2 .case_body{width:171px;height:259px; padding:38px 8px 57px 10px; margin-left:56px; background: url(../images/phone.png) no-repeat;position:relative; float:left;}
.case2 .case_w{display:block;width:171px;height:259px;position:absolute;top:38px;left:10px;}
.case2 .case_w .fire{background:#000;opacity:0.5;filter:alpha(opacity=50);position:absolute;top:0;left:0;width:170px;height:259px;z-index:2;display:none;}
.case2 .case_w .y{width:115px;height:115px;top:0px;position:absolute;z-index:3;display:none; left:28px;}  
.case2 .case_w .tcode{ position:absolute;z-index:3;display:none; left:28px; color:#FFF; font-size:14px; text-align:center}
.case2 .case_w .name{z-index:3; color:#FFF; font-size:14px; font-weight:bold;}

#pages {
margin: 0 auto;
margin-bottom: 40px;
margin-top:25px;
font-size:12px;
height: 30px;
text-align: center;
}

#pages a {
padding:5px;
border:1px solid #EEE;
background: #fff;
display: block;
color: #a9a9a9;
text-align: center;
font-family: Arial;
cursor:pointer;
float: left;
margin-right: 5px;
transition: background-color 0.2s ease-out;
}

#pages .yy-pp {
background: url(../images/page_03.png) no-repeat;
}

#pages a#pageactive {
background: #7aad0f;
color: #fff;
}

#pages a:hover {
 background:#7aad0f;
 color:#fff;
}

.case-detail{
	width:1025px;
	height:540px;
	background:#f7f7f6;
	margin-bottom:47px;
	}

.case-detail dl{
	width:351px;
	height:516px;
	float:left;
	padding:25px 0 0 30px;
	
	}
	
.case-detail dl dt{
	color:#7aad0f;
	font-size:16px;
	margin-bottom:15px;
	}	
	
.case-detail dl dd{
	color:#555353;
	font-size:12px;
	line-height:24px;
	}			
	
.case-detail .pro{ float:left;}	

.wrapper-inner{ width:1003px; margin:0 auto; padding-top:104px;}

dl.part01{
	width:1003px;
	
}

dl.part01 dt{
	color:#FCD76B;
	font-size:24px;
	font-weight:bold;
	padding-left:306px;
	height:55px;
	line-height:55px;
	}
	
dl.part01 dd{
	height:48px;
	line-height:48px;
	color:#FFF;
	margin:68px 0 0 171px;
	}
	
dl.part02{
	width:1003px;
	
}

dl.part02 dt{
	color:#FCD76B;
	font-size:24px;
	font-weight:bold;
	padding-left:306px;
	height:55px;
	line-height:55px;
	margin-top:210px;
	}
	
dl.part02 dd{
	
	line-height:36px;
	color:#FFF;
	margin:75px 0 0 247px;
	}	
	
dl.part03{
	width:1003px;
	padding-top:110px;
}

dl.part03 dt{
	color:#FCD76B;
	font-size:24px;
	font-weight:bold;
	padding-left:306px;
	height:55px;
	line-height:55px;
	
	}
	
.biaoge{ 
    width:800px;
	padding:0 60px 0 60px; 
	height:680px; 
	margin:411px  auto 20px; 
	border-radius:5px;
    background:#FFF; 
	box-shadow:2px 2px 5px #333333;
	}
	
.biaoge h3{
	font-size:24px;
	font-weight:bold;
	color:#00A0E9;
	line-height:80px;
	}	

			
.contacts-detail {
	width: 988px;
	height:350px;
	margin: auto;
}
.contacts-detail li {
	float: left;
	width: 33.333%;
	text-align: center;
	opacity: 1;
	line-height:26px;
	position: relative;
	z-index: 100;
	margin-top: -55px;
}
.contacts-detail li .contacts-img {
	width: 100px;
	height: 100px;
	margin: auto;
	margin-bottom: 15px;
	transition: -webkit-transform 0.5s;
	transition: -moz-transform 0.5s;
	transition: transform 0.5s;
}
.contacts-detail li:hover .contacts-img {
	-webkit-transform: scale(1.1);
	-moz-animation: scale(1.1);
	animation: scale(1.1);
}
.contacts-img img {
	width: 100%;
}
.contacts-detail li span {
	font-size: 16px;
	width: 70%;
	padding-top: 10px;
	margin: auto;
	border-bottom: #e3e3e3 solid 1px;
	color: #27ae60;
	font-weight:bold;
	display: block;
	margin-bottom:10px;
}
.contacts-detail li:nth-child(2) span {
	color: #27ae60;
}
.contacts-detail li p {
	width:95%;
	margin: auto;
	font-size:14px;
	color: #4c4c4c;
}



.module {
width: 100%;
margin: 50px auto 10px;
text-align: center;
}

.function ul {
width: 1100px;
margin: 0 auto;
text-align: left;
margin-top: 40px;
}

.fun_img {
width: 500px;
}

.fun_content {
width: 540px;
margin-top: 80px;
}

.clearfix:after {
content: '';
display: table;
clear: both;
}

.fl {
float: left;
}

.fun_con_title {
width: 420px;
}

.fun_con_title p {
font-size: 16px;
margin-bottom: 10px;
}

.fr {
float: right;
}

.fun_con_title h1 {
font-size: 36px;
margin-bottom: 10px;
font-weight:normal;
}

.fun_con_title h2 {
font-size: 24px;
margin-bottom: 10px;
font-weight:normal;
}

.function li em{ display:inline-block; width:92px; height:92px; background-image:url(../image/icon.jpg); background-repeat:no-repeat;text-indent:-999px;}

em.icon20 {
background-position: 0 0;
}

em.icon21 {
background-position: 0 -94px;
}

em.icon22 {
background-position: 0 -188px;
}

em.icon1 {
background-position: 0 -282px;
}

em.icon2 {
background-position: 0 -376px;
}

em.icon3 {
background-position: 0 -470px;
}

em.icon4{ background-position:0 -564px;}	
em.icon5{ background-position:0 -658px;}
em.icon6{ background-position:0 -752px;}	
em.icon7{ background-position:0 -846px;}
em.icon8{ background-position:0 -940px;}		

em.icon9{ background-position:-104px 0;}	
em.icon10{ background-position:-104px -188px;}	
em.icon11{ background-position:-104px -282px;}	
em.icon12{ background-position:-104px -376px;}	
em.icon13{ background-position:-104px -470px;}	
em.icon14{ background-position:-104px -564px;}	
em.icon15{ background-position:-104px -658px;}
em.icon16{ background-position:-104px -752px;}	
em.icon17{ background-position:-104px -846px;}