@charset "utf-8";
/*****************************************
* 名 称：index.css
* 作 者：知道技术
* 日 期：2015-5-20
* 版 本：5.3 
* 概 要：www.itzhidao.cn-网站首页样式
*****************************************/
body {font:12px/20px Arial;color:#333;margin:0;padding:0; background:#fff;}
form,dl,dd,dt,ol,ul,li,h1,h2,h3,h4,h5,h6,h7 {margin:0;padding:0;}
a:link,a:visited {COLOR:#333;text-decoration:none}
a:hover {COLOR:#333;text-decoration:none;}
a:active {COLOR:#ff0000;text-decoration:none;}
ol,ul,li {list-style:none outside none;}
img {border:0;}
em,cite {font-style:normal;}
.styer { float:left;}
.clear { clear:both; margin:0px; top:0px} 
html,body{ overflow-x:hidden;}
h1{color:#333333;font-size:18px;font-family: "黑体";font-weight:normal; line-height:35px; font-weight:bold;}
div{ border:0px;}
img{border:none; margin:0; padding:0;}
li,dt,dd{text-overflow:ellipsis; }
.fl{float:left;}/*向左浮动*/
.fr{float:right;}/*向右浮动*/
.fabs { position:absolute !important;}
img {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0
}
.white {
	COLOR:#919191;
	font-size: 13px;
	font-family:微软雅黑;
}
A.white:link {
	color:#919191;
	font-size: 13px;
	font-family:微软雅黑;
}
A.white:hover {
	COLOR: #919191;
	font-size: 13px;
	font-family:微软雅黑;
}
A.white:visited {
	COLOR: #919191;
	font-size: 13px;
	font-family:微软雅黑;
}
.logos{ display:none;}
/*导航*/
.itzd .zhidao1{ position: absolute; left: 0; top: 0; width: 100%; height:105px;  z-index:100;}
.itzd .zhidao2 { position: absolute; left: 0; top: 0; width: 100%; height:105px; background:url(../images/11.png);z-index:100;}
.itop{ width:1200px; height:105px; margin:0 auto;}
.itop h1{ float:left; margin:0; padding:0;}
.itop h1 a img{ padding-top:15px; float:left;}
.itop .tel400{ float:right;}
.itop .tel400 img{ padding-top:50px;}
.itop .qqs{ width:32px; float:right; padding-top:50px;margin-right:8px;}
.itop .nav{ float:right; padding-top:50px;}
.itop .nav { list-style-type: none; font-family: "Microsoft Yahei"; display:inline; float:right; padding-right:30px; display:inline;}
.itop .nav li { float: left; line-height:35px;}
.itop .nav a { float: left; color: #fff; text-decoration: none; text-align:center; height:35px; padding: 0 15px; line-height:35px; font-size:17px; position:relative;}
.itop .nav a i{ width:100%; height:1px; background-color:#2998ff; display:block; margin:0px auto; position:relative; top:-50px; opacity:0; transition:0.5s;}
.itop .nav a:hover,.itop .nav li.adv_active a{ color:#2998ff;}
.itop .nav a:hover i,.itop .nav li.adv_active a i{ opacity:1; top:0;}
.ganw{ padding-top:55px; float:left; padding-left:10px;}
/*导航*/

.wxkefu{ text-align:center; color:#229e00; float:right; padding-top:50px; margin-right:8px;}
.wxkefu a{ display:block; color:#229e00; float:left; width:32px; height:32px;}
.wxkefu a:hover{ color:#fff;}
.wxkefu:hover{}
.wmsty{display:none; height:auto; position:absolute; margin-left:0px; z-index:99999; padding:5px 0;}
.wmsty img{ width:180px;}

#canvas,.waves{
	width:100%;
	height:950px;
	overflow: hidden;
	position:absolute;
	top:0px;
	left:0;
	z-index:99;              
}
canvas {
	display:block;
}

<!--banner-->
.banner{ width:100%; height:100%;}
.wrapper { width:1110px; height:530px; margin: 0 auto; position:absolute; left:50%; margin-left:-555px; top:35%; margin-top:-245px;}
#banner .wrapper{width:1200px;margin-left:-600px;}
@media screen and (max-height:768px) { 
.wrapper{ top:25%;}
}
#banner { width: 100%; height:100%; background: #000; overflow: hidden; position:absolute; top:0;}
#banner_img { display: block; position: relative; }
#banner_img li { position: absolute; top: 0; left: 0; width: 100%; height:950px; background-position: center;display: none; }

@media screen and (max-width:1366px) { 
#banner_img li.item1 { background-image: url(../images/ban/11.jpg); display: block; background-position:center;}
#banner_img li.item2 { background-image: url(../images/ban/12.jpg);  background-position:center;}
#banner_img li.item3 { background-image: url(../images/ban/13.jpg);  background-position:center;}
#banner_img li.item4 { background-image: url(../images/ban/14.jpg);  background-position:center;}
#banner_img li.item5 { background-image: url(../images/ban/15.jpg);  background-position:center;}
#banner_img li.item6 { background-image: url(../images/ban/16.jpg);  background-position:center;}
#banner_img li.item7 { background-image: url(../images/ban/17.jpg);  background-position:center;}
}
@media screen and (max-width:1450px) and (min-width:1367px) { 
#banner_img li.item1 { background-image: url(../images/ban/21.jpg); display: block; background-position:center;}
#banner_img li.item2 { background-image: url(../images/ban/22.jpg);  background-position:center;}
#banner_img li.item3 { background-image: url(../images/ban/23.jpg);  background-position:center;}
#banner_img li.item4 { background-image: url(../images/ban/24.jpg);  background-position:center;}
#banner_img li.item5 { background-image: url(../images/ban/25.jpg);  background-position:center;}
#banner_img li.item6 { background-image: url(../images/ban/26.jpg);  background-position:center;}
#banner_img li.item7 { background-image: url(../images/ban/27.jpg);  background-position:center;}
}
@media screen and (min-width:1451px) { 
#banner_img li.item1 { background-image: url(../images/ban/1.jpg); display: block; background-position:center;}
#banner_img li.item2 { background-image: url(../images/ban/2.jpg);  background-position:center;}
#banner_img li.item3 { background-image: url(../images/ban/3.jpg);  background-position:center;}
#banner_img li.item4 { background-image: url(../images/ban/4.jpg);  background-position:center;}
#banner_img li.item5 { background-image: url(../images/ban/5.jpg);  background-position:center;}
#banner_img li.item6 { background-image: url(../images/ban/6.jpg);  background-position:center;}
#banner_img li.item7 { background-image: url(../images/ban/7.jpg);  background-position:center;}
} 

#banner_img .ad_img { float:right; margin-top:30px;width:55%; height: 404px; text-align:right;}
#banner_img .ad_txt { float:left; margin-top:150px; width:45%; font-size:18px; line-height:25px; color: #fff; text-shadow: 1px 1px rgba(51,51,51,0.3); font-family:微软雅黑; }
#banner_img .ad_txt h2 { /*font: bold 36px/60px Microsoft YaHei;*/ font-size:58px; font-family:Microsoft YaHei; }
#banner_img .ad_txt a { display: block; width: 125px; height: 38px; line-height: 38px;font-size:16px; text-align: center; margin-top: 40px; border:1px solid #fff; color: #fff; text-decoration: none; text-shadow: none; }
#banner_img .ad_txt p{margin-top:50px; line-height:35px;}
#banner_img .ad_img{ display: block; position: relative; }
.banimg{ padding:50px 0 0 90px;}
.webimg{ padding-top:43px; position:relative;}
.ad_img img{ display:block; position:absolute; right:0; max-width:100%;  }

.imgsty1{ width:650px; }
.imgsty2{ width:398px;margin-top:50px;}
.imgsty3{ width:556px;}
.imgsty4{ width:570px; margin-top:20px;}
.imgsty5{ width:591px;}
.imgsty6{ width:470px;margin-top:50px;}
.imgsty7{ width:550px;}
.seoimg{ padding-top:93px;}

@media screen and (max-height:768px) { 
#banner_img .ad_txt h2{font-size:36px;}
.imgsty1{ width:300px; height:241px;}
.imgsty7{ width:300px; height:271px; padding-top:30px;}
.imgsty2{ width:230px; height:252px;}
.imgsty6{ width:300px; height:303px; padding-top:43px;}
.imgsty3{ width:350px; height:200px; padding-top:10px;}
.imgsty4{ width:300px; height:296px; padding-top:35px;}
.imgsty5{ width:300px; height:257px;}
#banner_img .ad_img{ top:90px; text-align:right;}
} 

#banner_ctr { position: absolute; width: 1200px; height: 122px; margin-left: -600px; left: 50%; bottom: 40px; z-index: 999; }
#banner_ctr ul { width:1200px; height: 122px; background: url(../images/banner/serv_ico.png) center no-repeat; font-size: 0; line-height: 0; position: relative; }
#banner_ctr li { display: block; float: left; width: 155px; height: 122px; cursor: pointer; }
#banner_ctr li.first-item { background: #fff; width: 72px; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; cursor: default; }
#banner_ctr li.last-item { background: #fff; width: 75px; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; cursor: default; }
#drag_ctr { position: absolute; top: -14px; left: 75px; width: 150px; height: 156px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; bottom: 170px; background: #0084cf; }
#drag_arrow { position: absolute; top: -14px; left: 75px; width: 150px; height: 156px; background: url(../images/drag_banner_arrow.gif) center 14px no-repeat; }
<!--banner-->
/*产品服务*/
.page_container {position:relative; width:1200px; height:100%; z-index:1;margin:0 auto;}
.pg2txt { width:100%; left:0; top:48%; line-height:35px; margin-top:-150px; text-align:center;}
.pg2txt h2{ color:#333; font-size:19px; margin-top:15px; font-family:微软雅黑;}
.pg2txt span{ font-size:45px; color:#198d3b;}

.pg2-box-pic { left:0; top:50%; margin-top:-65px; width:100%; height:400px; overflow:hidden; text-align:center;}
.servicesBox { width:1250px; height:345px; margin:0 auto; clear:both; line-height:18px; color:#999999; font-size:12px;}
.servicesBox .serBox { cursor:pointer; border:1px solid #ccc; display:inline; width:230px; height:340px; float:left; overflow:hidden; background:#fff; position:relative; margin:10px; border-radius:5px;}
.servicesBox .serBoxOn { font-family:"Microsoft Yahei"; display:none; width:460px; height:340px; background:#00bcc3; position:absolute; left:0px; top:0px; z-index:19; border:1px #00bcc3 solid;}
.servicesBox .serBox .pic1 { width:110px; height:110px; text-align:center; position:absolute; top:40px; right:60px; z-index:99;}
.servicesBox .serBox .pic2 { width:110px; height:110px; text-align:center; position:absolute; top:40px; left:-110px; z-index:99;}
.servicesBox .serBox .txt1 { width:198px; height:136px; color:#999999; position:absolute; top:165px; left:16px; z-index:99;}
.servicesBox .serBox .txt1 span{ line-height:80px; border-bottom:1px #ddd dashed; display:block;}
.servicesBox .serBox .txt1 p{ padding:10px 0 0; line-height:23px;}
.servicesBox .serBox .txt2 { width:198px; height:136px; color:#a9cf4f; position:absolute; top:165px; right:-240px; z-index:99;}
.servicesBox .serBox .txt2 span{ line-height:80px; border-bottom:1px #fff dashed; display:block;}
.servicesBox .serBox .txt2 p{ padding:10px 0 0; line-height:23px;}
.servicesBox .serBox span.tit { font-size:16px; display:block; text-align:center; padding-bottom:15px;}
.servicesBox .serBox .txt1 .tit { color:#000000; line-height:30px;}
.servicesBox .serBox .txt2 .tit { color:#fff; line-height:30px; font-family:"Microsoft Yahei";}
.servicesBox .serBox .txt2 p{ color:#eee;}
.servicesBox .serBox p{ padding:0 10px; text-align:center;}
/*产品服务*/
/*关于我们*/
.clear { clear:both; margin:0px; top:0px;}
.pg3-box-txt { width:100%; left:0; top:28%; margin-top:-160px; } 
.tabbed_content {
	width: 1200px;
	margin:100px auto;
}
.abtit{ width:700px; height:100px; float:left; line-height:45px;}
.abtit span{ font-size:43px; color:#fff;}
.abtit em{ font-size:25px; font-family:微软雅黑; font-style:normal; color:#fff;}
.abtit i{ font-size:17px; font-style:normal; font-family:微软雅黑; color:#999; padding-left:12px;}
.tabs {
	width:375px;
	height: 62px;
	position: relative;
	float:right;
	margin-top:55px;
}
.tabs .moving_bg {
	background-color:#00ae4d;
	position: absolute;
	width: 115px;
	z-index:190;
	color:#fff;
	left: 0;
	height:40px;
	background-position: bottom left;
	background-repeat: no-repeat;
}
.tabs .tab_item {
	display: block;
	float: left;
	height:40px;
	line-height:40px;
	width: 115px;
	color: #fff;
	text-align: center;
	z-index: 200;
	position: relative;
	cursor: pointer;
}
.tabbed_content .slide_content {
	overflow: hidden;
	padding:0;
	position: relative;
	width: 1200px;
}
.tabslider {
	width: 3600px;
}
.tabslider ul {
	float: left;
	width: 1200px;
	margin: 0px;
	padding: 0px;
	margin-right:0;
	padding-top:50px;
}
.habt{ width:285px; height:330px; float:left;}
.habt img{ width:285px; height:135px;}

.habt font{ line-height:65px; color:#eee; font-family:微软雅黑; font-size:25px; padding-left:110px;}
.habt p{ line-height:25px; color:#999; font-size:13px;}
.habtmar{ margin-left:20px; display:inline;}
.hnews{ width:330px; height:330px; float:left; display:inline;}
.hnews_img{ width:330px; height:135px;}
.hnews_img img{ width:330px; height:135px;}
.hnews_img img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}
.hnews_img:hover img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.hnews_tit{ width:330px; height:65px; line-height:65px; color:#eee; font-family:微软雅黑; font-size:22px;}
.hnews_tit span{ color:#888; font-size:14px; padding-left:12px;}
.hnews_con {
	width:330px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
	position:relative;
	top: 0;
}
.hnews_con ul {
	margin: 0;
	padding: 0;
	border-bottom: 1px #111 dashed;
}
.hnews_con ul li {
	width:330px;
	height:33px;
	line-height:33px;
	position:relative;
	top:0;
	left:0;
	font-size:13px;
	padding-left:5px;
}




.hnewsmar{ width:105px; height:330px; float:left;}
.hnewsmay{ width:52px; height:330px; border-right:1px #333 dashed;}
/*关于我们结束*/
/*案例*/
.pg4-box-txt { width:100%; left:0; top:50%; margin-top:-198px; text-align:center;}
.pg4-box-txt h2{ color:#333; font-size:18px; font-family:微软雅黑;}
.pg4-box-txt span{ font-size:45px; color:#198d3b;}

.hbase{ width:1200px; height:100px; text-align:center; margin:0 auto; line-height:40px;}
.rollphotos {WIDTH: 1200px; height:350px; margin:0 auto; margin-top:30px;}
.blk_29 { OVERFLOW: hidden;height:350px; ZOOM: 1; POSITION: relative;}
.blk_29 .LeftBotton { background:url(../images/l.png) 0 120px no-repeat; LEFT:0px; FLOAT: left; WIDTH: 45px; CURSOR: pointer; POSITION: absolute; TOP: 10px; height:350px}
.blk_29 .RightBotton {RIGHT:0px;  background:url(../images/r.png) 0 120px no-repeat; FLOAT: right; WIDTH:45px; CURSOR: pointer; POSITION: absolute; TOP: 10px; height: 350px}
.blk_29 .Cont {MARGIN: 0px auto; OVERFLOW: hidden; width: 1080px; height:350px;}
.blk_29 .boxs {FLOAT: left; WIDTH:340px; height:300px; margin:0 10px; background:#fff; font-family:微软雅黑;}
.blk_29 .boxs ul{ margin:0; padding:0; display: block;}
.blk_29 .boxs ul li{ width:340px; height:345px; display: block;}
.blk_29 .boxs ul li a{display: block;width:340px;height:300px;overflow: hidden; position: relative;}
.blk_29 .boxs ul li a span{display: block;width: 100%;height:100px;position: absolute;left: 0;bottom:-98px;z-index: 1; background:#2ed0b4;}
.blk_29 .boxs ul li a em{display: block;width: 100%;height:200px;position: absolute;left: 0;top:-200px;z-index: 1; background: url(../images/bg.png);}
.blk_29 .boxs ul li a p{z-index:999; color:#999;position:relative; line-height:22px;text-align:left; padding:10px; margin:0; font-size:12px;font-family:宋体; top:20px;}
.blk_29 .boxs ul li a p strong{ font-size:16px; font-family:微软雅黑; color:#222222; font-weight:100;}
.blk_29 .boxs ul li a i{display: block;width: 100%;height:200px; position:relative; overflow:hidden;}
.blk_29 .boxs ul li a i img{ width:100%; height:auto;}
.blk_29 .boxs ul li a:hover p { color:#fff; }
.blk_29 .boxs ul li a:hover p strong{ color:#fff; }
/*案例*/
/*合作伙伴*/
.partnerlist { padding:1px 0 0 1px; width:1200px; height:auto; margin:0 auto;}
.partnerlist li { float:left; width:200px; height:123px; background:#fff; text-align:center; margin:-1px 0 0 -1px; border:1px solid #e5e5e5; position:relative; overflow:hidden;}
.partnerlist li .pic1,.partnerlist li .pic2 { position:absolute; left:0; top:0; display:block; width:200px; height:123px;}
.partnerlist li .pic2 { top:123px;}
/*合作伙伴*/
.section{
position: relative;
	overflow: hidden;
	/*background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50% 55px;
	behavior: url(ie-css3.htc);  This lets IE know to call the script on all elements which get the 'box' class */
	/*behavior: url(PIE.htc);  This lets IE know to call the script on all elements which get the 'box' class */
	}
.main section.page8 .page_container { width:100%;}
.pg8-box { position:absolute; top:35%; width:100%; height:300px; margin-top:-90px;}
.pg8-txt1 { text-align:center; font-size:30px; color:#00a0e9; margin-bottom:30px; font-family:微软雅黑;}
.pg8-ewm { width:100%; margin:0 auto; text-align:center; }
.pg8-ewm > div { display:inline-block; width:200px; padding:10px 20px; border:#00a0e9 1px solid; border-radius:6px;  }
.pg8-ewm > div:nth-child(1){ margin-right:60px; }
.pg8-ewm > div img { width:100%; }

.pg8-footer { width:100%; height:180px; bottom:0; background:url(../images/fbg.png) center no-repeat;}
.pg8-addr { width:1000px; margin-left:370px;}
.pg8-logo { left:29%; top:36px; width:180px; height:60px; background:url(../images/flogo.png) no-repeat; background-size:145px 44px; border-right:#C1C1C1 1px solid; }
.pg8-addr-info { left:0; top:20px; line-height:1.5; padding-left:400px; padding-top:28px; font-family:微软雅黑;}
.pg8-addr-info span{ padding:0 8px; line-height:28px; height:28px; border:1px #ddd solid; background:#02458d; margin-left:15px; color:#fff;}
.pg8-addr-info span a{ color:#fff;}
.pg8-info { width:100%; left:0; bottom:20px; text-align:center; font-size:12px; color:#666;}
.pg8-info a{ color:#666;}
