@charset "utf-8";
/* CSS Document */
 *{margin: 0;
	padding: 0;}
 body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Arial, "宋体";
	color: #4c4c4c;
	background:#f0f1f1;
}

a {
	text-decoration: none;
}
input,textarea:focus {
    outline: none;
}

img {
	border: 0;
}
ul, li {
	list-style-type: none;
}
.clear {
	clear: both;	
}
.w1200 {
	width: 1200px;
	margin: 0 auto
}

.fl {
	float: left
}
.fr {
	float: right
}
/* top*/
.topbgc{ background:#ffffff; padding-bottom:8px; width:100%; min-width:1200px;}
.toplogo{ float:left; padding-top:10px;  }
.topnav{ float:left;margin-left:100px}
.topnav li{padding:35px 63px 0 0;float:left;}
.topnav li a{ font-family: "Microsoft YaHei",arial; }
.topnav li p{ font-size:13px; color:#b0b0b0;}
.topnav li span{ font-size:16px; color:#333333; line-height:200%}
.topnav li a:hover p{color:#d01a02;}
.topnav li.on a p{color:#d01a02;}



.topsearch{ background: url(../images/searchbg.jpg) no-repeat center ; width: 204px;height: 34px;  float: left; margin-top: 45px; float:right}
.topsearch input{ width:160px; background:none; border:0; display:block; float:left; color:#7e7e7e; padding: 1px 0 0 10px; line-height:32px;height:32px }
.topsearch select{width:50px; background:none; border:0; display:block; float:left;}
.topsearch a{ padding-top: 12px; display:block; float:left;background: url(../images/searchqq.png) no-repeat  center; width: 20px;height: 20px;  }


.daohang {background:url(../images/dh.png) no-repeat left center; 
  padding: 15px 0 15px 23px;
  color: #9b9b9b; }




/*.banner{background:url(../images/banner.jpg) no-repeat top center;height:532px;width: 100%; min-width:1200px;}*/
.slideBoxbanner{overflow: hidden;position: relative;min-width: 1200px;}
.bd ul li{background:no-repeat top center;height:500px;width: 100%; min-width:1200px;}
.slideBoxbanner .hd{position: absolute;bottom: 25px;left:46.7%;}
.slideBoxbanner .hd li{display: block;float: left;background: url(../images/bannerp.png) no-repeat 0 -19px;width: 18px;height: 18px;margin:0 12px;cursor:pointer}
.slideBoxbanner .hd li.on{background-position:0 0;/*margin-top: 1px;*/}


.banner_news{
background:url(../images/banner_news.jpg) no-repeat center top; height:148px;width: 100%; min-width:1200px; }

.banner_service{
background:url(../images/banner_service.jpg) no-repeat center top; height:148px;width: 100%; min-width:1200px; }
.banner_contact{
background:url(../images/banner_contact.jpg) no-repeat center top; height:148px;width: 100%; min-width:1200px; }
.banner_about{
background:url(../images/about_02.jpg) no-repeat center top; height:148px;width: 100%; min-width:1200px; }
.banner_works{
background:url(../images/work_02.jpg) no-repeat center top; height:148px;width: 100%; min-width:1200px; }


/*index*/
#toptop{ padding-top:60px;}
#toptop2{ padding-top:70px;}
.indtitle{background:url(../images/indtit.png) no-repeat center top; width: 539px; margin:0 auto 0; text-align:center; font-size:36px; font-family: "Microsoft YaHei";color:#333333; padding:10px 0 0; letter-spacing:1px;}
.indtitle#whiteline{background:url(../images/indtit2.png) no-repeat center top;color:#ffffff;} 
.indtitle span{ color:#05a2e8;}
.indtitle span.green{ color:#86b326;}
.indtitle#whiteline span{ color:#ffd200;}
.indtitle#whiteline span.red{ color:#cf1c11;}
.indtitle2{ margin:0 auto; text-align:center; font-size:12px; color:#8e8e8e; letter-spacing:1px; line-height:46px; padding-bottom:30px;}
.indtitle2#whiteline{ color:#f5f5f5}

.indservice{ padding-bottom:50px;width:1200px; overflow:hidden;}
.indservice ul{ width:1400px; overflow:hidden;}
.indservice li{float:left; width:170px; margin: 10px 67px 0; background:url(../images/w2b.png) no-repeat center top ; background-size:144px; text-align:center; z-index:999;position: relative;}
.indservice li a p{ padding-top:165px; color:#333333; font-size:20px; font-family: "Microsoft YaHei";}
.indservice li:hover a p{ color:#00a0e9;}
.indservice li span a{color:#878787; font-size:14px; line-height:30px; display:block; padding-top:3px;font-family: "Microsoft YaHei"; display:block;}
.indservice li span a:hover{ color: #4c4c4c;}
.indservice li a.bnt{background:url(../images/indtj.png) no-repeat  -233px 0px ; display:block; width:67px; height:67px; margin: 20px auto 0;}
.indservice li:hover a.bnt{background:url(../images/indtj.png) no-repeat  0px 0px ;}






.indpro{width:1200px; overflow:hidden;}
.indpro ul{width:1400px; overflow:hidden;}
.indpro li{ float:left; width:280px; height:200px; margin:0 25px 30px 0;position:relative;overflow: hidden;}
.indpro li a{right: 0;bottom: 0; position: absolute; overflow: hidden; top: 0; left: 0; background:url(../images/indpro.png); display:none;}
.indpro li.on:hover a{display:block;}
.indpro li a h6{font-family: "Microsoft YaHei",Arial; color:#ffffff;font-size: 20px; text-align:center; width:90%;margin: 0 auto; display:block; padding:40px 0 20px;font-weight: 100;}
.indpro li a p{color:#8f8f8f;font-size: 12px;width:90%; margin:0 auto; }
.chakan{ width:130px;position: absolute; border:1px solid #8f8f8f; line-height:30px; left:75px; bottom:30px; text-align:center; color:#8f8f8f;}
.chakanmore{ width:130px; background:#3a617c; line-height:40px; left:75px; bottom:30px; text-align:center; color:#ffffff; display:block; float:right; *margin-top:30px;}
.chakanmore:hover{background:#18394f;}

.indapp{position: absolute; top:45px; left:86px;width:541px;height:338px;overflow: hidden;}
.indapp2{position: absolute; top:77px; left:325px;width:192px;height:322px;overflow: hidden;}
.indapp3{position: absolute; top:120px; right:13px;  width: 210px; height: 280px; overflow: hidden; z-index: 998;}
.indapp4{position: absolute; top:223px; right:178px;  width: 107px; height: 181px;  overflow: hidden; z-index: 9998;}

.slideBox{width: 100%;position: relative;}
.slideBox .indprobuttom{ position:absolute; right:20px ; bottom:70px;}
.slideBox .indprobuttom a{background:url(../images/proarrow.png) no-repeat; height:40px; display:block; float:right; width:40px; margin-left:10px; }
.slideBox .indprobuttom a:hover{background:url(../images/proarrow2.png) no-repeat; }

.slideBox .indprobuttom a.right{ background-position: 0 -40px;}
.slideBox .indprobuttom a.morepro{background:url(../images/more.png) no-repeat; width:80px; text-align:center; color:#848484; line-height:40px;}
.slideBox .indprobuttom a:hover.morepro{background:url(../images/more2.png) no-repeat; color:#ffffff;}



.more233{
	font-family: "Microsoft YaHei";
	font-size:15px;
  width: 170px;
  background:url(../images/work-bnt.jpg) no-repeat;
  line-height: 51px;
  left: 20px;
  top: 383px;
  text-align: center;
  color: #ffffff;
  display: block;
  position:absolute;
  
}
.more233:hover{background:url(../images/work-bnt2.jpg) no-repeat;}

.lnewslist { width:1200px; overflow:hidden; padding-top: 13px;}
.lnewslist ul{ width:1400px; overflow:hidden;}
.lnewslist li {
	float:left;
	width:568px;
	background:url(../images/nlbg.png) ;
	margin: 0 42px 28px 0;
	padding-right: 10px;
}
.lnewslist li.on span.s1 {
	height: 70px;
	line-height: 240%;
	color: #929292;
	text-indent: 2em;
}

.lnewslist li.on span.s3 {

	height: 70px;
	line-height: 240%;
	color: #929292;
	text-indent: 2em;
}

.lnewslist a.newstitle {
	display:block;
	font-size: 16px;
	padding: 18px 0 10px 0;
	color: #ffffff;
	font-family: "Microsoft YaHei";
	
}
.lnewslist li.on a.newstitle {
	display:block;
	font-size: 18px;
	padding: 28px 0 10px 0;
	font-family: "Microsoft YaHei";
}
.lnewslist span.s1 {
	font-family: "Microsoft YaHei";
	font-size: 12px;
	display: block;
	color: #9c9c9c;
	width:440px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.lnewslist .ndatemore {
	padding-top: 5px
}
.lnewslist .ndatemore span {
	color: #b6b6b6;
	float: left;
	padding-top: 23px;
}
.lnewslist .ndatemore a {
	text-align: center;
	margin-top: 18px;
	line-height: 24px;
	background: url(../images/in_23.png) no-repeat center center;
	width: 85px;
	color: #929292;
	float: right;
}
.lnewslist .ndatemore a:hover {
	color: #fff;
	background: url(../images/in_24.png);
}
.lnewslist .leftDate {
	width: 68px;
	height: 84px;
	border-right: 1px dashed #7e7f81;
	float: left;
}
.lnewslist .leftDate span {
	display: block;
}
.lnewslist .leftDate span.ld1 {
	font-size: 34px;
	text-align: center;
	padding: 13px 0px 3px;
	color: #b4b5b5;
}
.lnewslist .leftDate span.ld2 {
	font-size: 14px;
	text-align: center;
	color: #b4b5b5;
}
.lnewslist .fr {
	/*position: relative;*/
	width: 480px;
}
.lnewslist .fr span {
	float: left;
}
.lnewslist .fr a.more {
	/*position: absolute;*/
	
	color: #929292;
}
.lnewslist .fr a:hover {
	color: #ffffff;
}


.chakanmore2 {
	font-size:14px;
	text-decoration:underline;
    bottom: 30px;
    color: #b0b1b2;
    float: right;
    *margin-top: 30px;
}}
.chakanmore2:hover{color: #86b326;}

.fltitle{color: #333333;font-size: 20px; font-weight:bold;font-family: "Microsoft YaHei"; padding:50px 0 30px;}
.fltitle span{font-family:"宋体"; font-weight:normal; padding-left:5px;}
.picMarqueelink { width: 100%;position: relative; }
.flink {overflow: hidden;}
.flink li {
    float: left;
    margin-right: 15px;
    background-color: #fff;
    border: 1px solid #dddddd;
    width: 185px;
    height: 70px;
    overflow: hidden;
}

.picMarqueelink .prev, .picMarqueelink .next {
	display: block;
	width: 23px;
	height: 23px;
	background: red;
	position: absolute;
	right: 0px;
	top: -48px;
	z-index: 999;
	background: url(../images/fr.jpg) no-repeat;
	background-position: 0 -23px
}
.picMarqueelink .prev {
	right: 23px;
	margin-right: 15px;
}
.picMarqueelink .prev:hover {
	background-position: 0px 0px
}
.picMarqueelink .next {
	right: 3px;
	background-position: -23px -23px
}
.picMarqueelink .next:hover {
	background-position: -23px 0px
}





.textnav { overflow:hidden; width:1200px;  }
.textnav ul{ overflow:hidden; width:1300px;  }
.textnav li{float:left;}
/*.textnav li a{ font-family: "Microsoft YaHei",arial; font-size:16px; color:#333333; line-height:200%; background:#ffffff; line-height:57px; height:57px; display:block; width:297px; text-align:center; margin-right:4px; margin-bottom:3px;}
.textnav li a span{ font-size:13px; color:#b0b0b0; text-transform: uppercase }
.textnav li a:hover{color:#006db8; border-top:3px solid #006db8;margin-bottom:0;line-height:54px;height:54px;}
.textnav li a.on{color:#006db8; border-top:3px solid #006db8;margin-bottom:0;}
.textnav li a.on span{color:#006db8; }
.textnav li a:hover span{color:#006db8; }
.textnav li a.on:hover{color:#006db8; border-top:3px solid #006db8;margin-bottom:0;line-height:57px;height:57px;}


.textnav li a#green{width:397px;margin-right:4px;}
.textnav li a:hover#green{color:#71a106; border-top:3px solid #71a106;margin-bottom:0;line-height:54px;height:54px;}
.textnav li a.on#green{color:#71a106; border-top:3px solid #71a106;margin-bottom:0;}
.textnav li a.on#green span{color:#71a106; }
.textnav li a:hover#green span{color:#71a106; }

.textnav li a.on:hover#green{color:#71a106; border-top:3px solid #71a106;margin-bottom:0;line-height:57px;height:57px;}*/
.textnav li a{font-family: "Microsoft YaHei",arial; font-size:16px; color:#333333; line-height:200%; background:#ffffff; line-height:57px; height:57px; display:block; width:297px; text-align:center; margin-right:4px; margin-bottom:3px;}

.textnav li a:hover{background:url(../images/secondnav.jpg) no-repeat #333333;color: #ffffff;background-position: 40px 22px}
.textnav li a.on{background:url(../images/secondnav.jpg) no-repeat #333333;color: #ffffff;background-position: 40px 22px}



.textbodybg{ background:#ffffff; margin-bottom:40px;}
.textbodybg#tbottom0{margin-bottom:0px;}
.prj-nav-bg{width: 1200px;overflow: hidden;}
.prj-nav{margin-top: 30px;width: 1250px}
.prj-nav a{display: block;width: 103px;height: 32px;float: left;line-height: 32px;text-align: center;background: #ffffff;margin-left: 3px;margin-right: 3px;color: #333333;margin-bottom: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius:4px;}
.prj-nav a.on{background: #3583e4;color: #ffffff}
.prj-nav a:hover{background: #3583e4;color: #ffffff}

.newsbody{padding: 10px 30px 60px; }

#bottom0{ padding: 20px 30px;}
	.xd{width: 100%;margin-bottom:-1px; }
	.xd p{ line-height:260%;}
	.xd li{padding: 30px 0;border-bottom: 1px dashed #e4e4e4;}
	.xdLeft{width: 255px;height: 165px;overflow: hidden;float: left;}
	.xdRight{float: right;width: 980px; padding-top:5px;}
	.xdRightP1{color:#333333;font-size: 20px;font-family: "Microsoft YaHei",Arial; }
	.xdRightP2{color:#878787;font-size: 12px;background:url(..//images/xd_time.jpg) no-repeat left;padding-left: 16px }
	
	.xd li .fl img{ border:1px solid #ebebeb;}
	/*.xd li .fl{height: 200px;width: 280px;overflow: hidden;}*/
	
	
	
	
	.page {
	text-align: center;
	font-size: 12px;
	border: 0;

	padding:90px 0 50px ;
	width: 100%
}
.page .count, .page .nowpage {
	margin-right: 10px;
}
.page a {
	color: #797979;
	background-color:#fff;
	text-decoration: none;
	border: #a5a5a5 1px solid;
	padding: 8px 12px;
	margin-right: 8px;
}
.page a:hover{border: 0px;
	color: #fff;
	background-color: #838383;
	padding: 9px 13px;
	margin-right: 8px;
	font-weight: bold;
}
.page .current {
	border: 0px;
	color: #fff;
	background-color: #838383;
	padding: 9px 13px;
	margin-right: 8px;
	font-weight: bold;
}

.footbg{ background:#333333; padding-top:30px;min-width:1200px;}
.foot_nav {
}
.foot_nav li {
	width: 105px;
	float: left;
	padding-right: 30px;
}
.foot_nav li a {
	display: block;
	color: #939393;
	line-height: 240%;
}
.foot_nav li a:hover { color:#fff;}
.foot_nav li a.tnav {
	display: block;
	color: #c3c3c3;
	font-size: 14px;
	font-family: "Microsoft YaHei";
	line-height: 200%;
}

.foot fr{ width:506px;}
.ffont01 {
  color: #acacac;
  font-family: "Microsoft YaHei",arial;
  font-size:16px;
  text-align: right;}
  
.ffont02 {
  color: #ffffff;
  font-family: "Microsoft YaHei",arial;
  font-size:18px;
  background:url(../images/fw.png) no-repeat center left; width:70px; line-height:300%; padding-left:33px; }
  .ffont03{
  color: #b2b2b2;
  font-size:12px;
  text-align: right;
  padding-top:30px;}
   .ffont03 a{ color: #b2b2b2;}
   .ffont03 a:hover{ color: #ffffff;}
  .ffont04 {
  color: #6d6d6d; font-size:12px; line-height:240%}
  .ffont04 a{
  color: #6d6d6d; font-size:12px; padding:0 11px;}
  
  .footline{ background:#2d2d2d; margin:20px 0 ; height:1px;}
  
  .textteam a{ color:#006db8; padding:0 50px 0 5px; }
  .textbody{ padding-top:30px;}
  .textbody p{ line-height:240%;}
  .textimg{ text-align:center;}
  .textimg img{ margin:40px auto ; max-width:1000px; }
  
.projectlist{ width:1200px; overflow:hidden;}
.projectlist ul{ width:1400px; overflow:hidden;}
.projectlist li {
  width: 365px;
  background: #ffffff;
  border:#ebebeb 1px solid;
  float:left; margin:40px 50px 0 0;
} 
.projectlist h1 {
	font-family: "Microsoft YaHei",Arial;
  font-size: 16px;
  padding: 14px 14px 9px 14px;
  overflow: hidden;
  border-bottom: 1px solid #eeeeee;
  font-weight: normal;
}
.projectlist h1 a{  
  color: #000000;}
  
  
.projectlist li p {
  color: #656565;
  line-height: 24px;
  padding: 12px 14px 0 14px;
  height:102px;
} 
.projectlist li .bpic{
	width: 365px;
	height: 265px;
	overflow: hidden;
}
.projectlist li .visit {
  width:100%;
  height: 40px;
  line-height: 40px;
  display: block;
  background: #e9e9e9 url(../images/arr.png) no-repeat 212px 16px;
  font-size: 12px;
  color: #858585;
  text-align: center;
}
.projectlist li .visit:hover{color: #ffffff;background: #5e5e5e url(../images/arr2.png) no-repeat 212px 16px;}


.proclassify { line-height:36px; width:100%; float:left;} 
.proclassify span{padding:2px 5px; color:#333;margin-right:22px;}
.proclassify a{color:#185B81; padding:2px 5px; margin-right:22px;}
.proclassify a:hover{background: #d20101;color: #fff;}
.proclassify a.on{background: #d20101;color: #fff;}

.feedbackbig{padding: 60px 90px; }
.feedbackbig img{ padding:22px 0 0 30px;}
.tijiao{background:url(../images/seok.png) no-repeat; height:44px; width:160px; text-align:center; color:#ffffff;font-family: "Microsoft YaHei",Arial; font-size:18px; display:block; line-height:44px; float:left; margin:40px 50px 0 0;}
.tijiao#reset{background:url(../images/sereset.png) no-repeat; }



.downloadlist{padding: 30px 30px 50px;}
.downloadlist li {border-bottom: 1px #989898 dashed; background: url(../images/dwp.jpg) no-repeat left center ; padding-left:15px; }
.downloadlist li a{float: left;color: #6E6E6E; line-height:360%;}
.downloadlist li a:hover{color: #333333}
.downloadlist li a.down{background: url(../images/down.jpg) no-repeat left;padding-left: 20px;float: right;color: #AAAAAA}
.downloadlist li a.down1{background: no-repeat left;padding-left: 20px;float: right;color: #AAAAAA}
.downloadlist li a.down:hover{color: #71a106}


.contact{ padding: 40px 60px 70px;}
.contact span{ line-height:280%}
.contact span.title{ color:#ee7457; font-size:24px; font-weight:bold;font-family: "Microsoft YaHei";line-height:200%}
.contact span.etitle{ color:#ee7457; font-size:16px;line-height:200%}
.contact span.phone{ font-size:30px;line-height:140%}
.contactqq{ display:block;background: url(../images/qq.png) no-repeat left;padding: 10px 30px 0 0; float: left; width:46px; height:46px; }
.contactqq:hover{ display:block;background: url(../images/qq2.png) no-repeat left;}

.contact .fr{ float:right; width:228px; padding-top:10px; }
.contact .fr span{background: url(../images/fw.png) no-repeat left; padding-left:35px; line-height:50px; display:block; margin-left:20px;}

.contact .map{ padding-top:20px;}


.service{padding: 60px 90px;}
.service p{font-family: "Microsoft YaHei";font-size:14px; }
.service .tou{font-family: "Microsoft YaHei";font-size:18px; font-weight:bold; color:#71a106;}
.service .greenb{ font-size:36px; font-weight:bold; color:#71a106;}
.service .greene{ font-size:18px; color:#71a106;}
.service .greenc{ font-size:18px; color:#333333;font-family: "Microsoft YaHei"}

.service .four{background: url(../images/serkk.png) no-repeat center bottom; width:440px; padding:30px 20px 0; height:130px; float:left;}
.service .four#fright{ margin-right:60px;}

.service .four .white{ background:#ffffff; float:left;padding:0 5px;}
.service .four .body{ line-height:240%;  width:480px; color:#898989;padding:0 5px;}

.joinin{padding: 40px; background: url(../images/rcbg.png) no-repeat 802px 16px ;}
.joinin p{ padding:20px 0; line-height:280%;}
.joinin span{ display:block; font-family: "Microsoft YaHei";font-size: 18px;font-weight: bold; background: url(../images/rcp.png) no-repeat left center;line-height:280%; color:#006db8; padding-left:30px}


.indservice2{ padding-bottom:50px;width:1200px;overflow:hidden}
.indservice2 ul{ width:1400px; overflow:hidden;padding:40px 0 10px 50px;}
.indservice2 li{ float:left; width:300px; margin:20px 30px; height:410px;display:block; text-align:center; box-shadow:0px 10px 30px #eeeeee; border:1px solid #f3f3f3; }
.indservice2 li img{  width:110px; padding:20px 0;}
.indservice2 li p{ color:#333333; font-size:20px; font-family: "Microsoft YaHei"; font-weight:bold;}
.indservice2 li a{color:#878787; font-size:12px; line-height:26px; display:block; padding-top:3px;}
.indservice2 li a:hover{color:#333333;}


.inds3body{ padding:30px 20px;}  

/*.inds3body span{
	display:block;
	 width:100%;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  font-weight: bold;
  line-height: 280%;
  color: #1a8fa1;
  margin-top:30px;
  background:url(../images/aapp.png) no-repeat left center; padding-left:10px;
}*/

.inds3body p{
  font-size: 12px;
  line-height: 280%;
  color: #888888;
}
.inds3body li{
	font-size: 16px;      
	list-style-type: disc;
}
.indservice3{ padding:20px ;overflow:hidden; width:1160px;}
.indservice3 .nav{ overflow:hidden; width:1400px;}
.indservice3 .nav a{float:left;
	display:block;
	width:286px;
	text-align:center;
	background:#e8e8e8;
  font-size: 12px;
  line-height:38px;
   height:38px;
  color: #888888; margin:0 5px 5px 0;}
  
.indservice3 .nav a.on{
	background:#626262;
  color: #ffffff;}
  
.indservice3 .nav a:hover{
	background:#dfdfdf;}

  
.indservice3 .nav a.on:hover{
	background:#626262;
  color: #ffffff;}




.inds3body span.inds3tit {
	display:block;
	 width:100%;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  font-weight: bold;
  line-height: 280%;
  color: #1a8fa1;
  margin-top:30px;
   background:none; padding-left:0;
}
.inds3body .indextitle{
  display:block;
  width:100%;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  font-weight: bold;
  line-height: 280%;
  color: #1a8fa1;
  margin-top:30px;
  background:url(../images/aapp.png) no-repeat left center; padding-left:10px;
}


.inds3case { width:1300px; overflow: hidden;}
.inds3case li{ float:left; width:320px; margin:20px 33px; }
.inds3case li img{  display:block;width:320px; height:229px;overflow: hidden;} 
.inds3case li a{ display:block; width:100%; text-align: center;
  background: #ececec; line-height:40px; height:40px; color:#4c4c4c}
  .inds3case li a:hover{background: #cfcfcf;}


.liz {
  background: url(../images/xwzx-rl.png) no-repeat left top;
  width: 99px;
  height: 119px;
  margin-left:20px;
}

.liz p{ font-size:55px; color:#505050; font-family:"宋体"; line-height:79px; text-align:center;}
.liz span{ display:block; font-size:16px; color:#fff; line-height:38px; text-align:center;}



.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
.works-nav{padding: 15px 0}
.works-nav a{display: block;float: left;background: url(../images/fwtit2.png) no-repeat center;width: 227px;height: 47px;font-size: 16px;color:#4c4c4c;/*font-weight: bold;*/line-height: 47px;text-align: center;margin:0 6px;_margin:0 5px;padding: 6px 0;font-family: "Microsoft YaHei",arial;letter-spacing:1px }
.works-nav a.on{background: url(../images/fwtit.png) no-repeat center;color:#ffffff;}
.works-top {position: relative;height: 180px;font-family: "Microsoft YaHei",arial;}
.works-top-postion{position: absolute;top:30px;left:400px;}
.works-top-title {position: absolute;top:110px;left:160px;width: 300px;}
.works-top-h1{font-size: 70px;position: absolute;top:70px;left:80px;font-weight: 100;}
.works-top-title p{font-size: 16px;}
.works-contact{font-size: 14px;color: #6f6f6f;line-height: 220%;margin:20px 0;font-family: "Microsoft YaHei",arial;}

.works-contact2{font-size: 14px;color: #6f6f6f;line-height: 220%;margin:40px 0;font-family: "Microsoft YaHei",arial;}
.works-contact2-title2{margin-left: 178px;font-family: "Microsoft YaHei",arial;}
.works-contact2-title2 li{height: 190px}
.works-contact2-title2 li h1{font-size: 24px;color: #6f6f6f;padding: 10px 0 0 0px;}
.works-contact2-title2 li p{font-size: 14px;color: #6f6f6f;}

.works-contact2-title3{background: url(../images/jfxt.png) no-repeat left;height: 604px;width: 1400px;font-family: "Microsoft YaHei",arial;padding-top: 67px}
.works-contact2-title3 div{width: 240px;height: 220px;color: #ffffff;font-family: "Microsoft YaHei",arial;float: left;margin: 34px 32px 20px 30px;}
.works-contact2-title3 div h1{font-size: 24px;text-align: center;}
.works-contact2-title3 div p{font-size: 12px;line-height: 200%;margin-top: 15px}
.works-contact2-title3 div.other{margin-left: 180px;}

.works2-top{text-align: center;padding:60px 0;font-family: "Microsoft YaHei",arial;position: relative;width: 100%;}
.works2-top-h1{text-align: center;position: relative;background: #ffffff;font-size: 18px;font-weight: bold;letter-spacing: 0.1em;padding: 0 15px 0 10px;}
.works2-top-hr{position: absolute;top:73px;left: 0;width: 100%;  border:1px solid #eeeeee; }
.works2-contact{width: 100%;overflow: hidden;}
.works2-contact-title{width: 1300px;}
.works2-contact-title li{display: block; ;float: left;text-align: center;width:144px;margin: 20px 37px 0 0; line-height: 170%;font-family: "Microsoft YaHei",arial;font-size: 16px}
.works2-contact-title li .smallsize{font-size: 12px}
.works2-contact-title li.other{width: 130px}
#works2-contact-yxxwzjs li{width: 160px;margin-right: 13px}

.works2-contact-title2 {width: 1400px;}
.works2-contact-title2 li{display: block;float: left;width: 210px;text-align: center;font-family: "Microsoft YaHei",arial;margin-right:130px;margin-left:78px}
.works2-contact-title2 li h1{font-size: 20px;margin: 18px 0}
.works2-contact-title2 li p{font-size: 12px;line-height: 200%}

.works2-contact2-title{width: 1400px;background: url(../images/wzyy.jpg) no-repeat left;height: 241px}
.works2-contact2-title p{width: 352px;height: 80px;float: left;margin: 10px 53px 46px 10px;line-height: 200%;font-size: 14px}

.works3-top{font-family: "Microsoft YaHei",arial;font-size: 18px;padding: 40px 0 50px;color:#333333;}

.works3-contact{width: 1400px}
.works3-contact li{float: left;margin-right: 52px;margin-bottom: 12px;font-size: 16px;width: 365px;}
.works3-contact li img{ border:1px solid #eeeeee; width:365px; height:264px;}
.works3-contact li div{width: 365px;height: 265px;overflow: hidden;}
.works3-contact li div img{width: 365px;height: 265px;}
.works3-contact li p{line-height: 300%;font-family: "Microsoft YaHei",arial;}


#jzlc{width: 1400px;font-size: 14px}
#jzlc li{width: 130px;margin-right: 31px;font-size: 14px}
#jzlc li.other{width: 72px;margin-right: 65px;}


.works-contact2-title4{background: url(../images/dcxt.png) no-repeat left;height: 421px;width: 1500px;}
.works-contact2-title4 p{color:#363636;font-size: 16px;font-family: "Microsoft YaHei",arial;width: 160px;height: 160px;display: block;float: left;padding: 20px;margin-right: 200px}
.works-contact2-title4 p.other{margin-left: 200px;}

.works-contact-title2 {margin-top: 40px;margin-left: 20px}
.works-contact-title2 li{font-family: "Microsoft YaHei",arial;display: block;float: left;border:1px solid #ededed;width: 220px;height: 280px;margin-right: 10px;background: #ffffff;text-align: center}
.works-contact-title2 li h1{padding-top: 30px;padding-bottom: 30px;font-size: 16px}
.works-contact-title2 li p{width:160px;margin:0 auto;line-height: 240%;margin-top: 10px;color: #6f6f6f;}

.works2-contact-title3{background: url(../images/mowbg2.jpg) no-repeat left;height: 535px;width: 1200px;overflow: hidden;}
.works2-contact-title3 ul{width: 1500px}
.works2-contact-title3 li{display: block;float: left;width: 340px;margin-right:80px;height: 186px ;}
.works2-contact-title3 p{padding: 50px 10px 0 120px;font-size: 14px;color:#4c4c4c;line-height: 160%; font-family: "Microsoft YaHei";}


.workcase{background: url(../images/work-tit.png) no-repeat left;height: 30px;width: 321px; line-height:30px;font-family: "Microsoft YaHei";  font-size: 16px;  color: #969696; padding-left: 25px;  }
.workcase .green{ color: #009f8a;font-weight: bold;}


.worknav-tit{ float: left; width: 250px; padding: 20px 0 20px;}
.worknav-tit span.bigword{ font-size: 52px; color: #c6c6c6;float: left; display: block; padding-right: 5px; }
.worknav-tit span.cnword{ font-size: 22px; color: #009f8a;font-family: "Microsoft YaHei",arial; padding-top: 6px; display: inline-block; }
.worknav-tit span.enword{ font-size: 12px; color: #c6c6c6;padding-top: 2px; display: inline-block;}

.worknav2 li{ float: left;}
.worknav2 li a{display: block; padding: 40px 24px 39px; font-size: 16px;font-family: "Microsoft YaHei",arial; color: #333333; border-left:1px solid #ebebeb; }
.worknav2 li a:hover{ background:#52bb9d; color: #ffffff;}
.worknav2 li.on a{ background:#52bb9d; color: #ffffff;}


.d1{ padding-top:35px; margin-left: -30px;}
.d1 p a{ display: block; background: url(../images/xialabg.png); color: #dfdfdf; width: 127px; text-align: center; line-height: 43px; margin-bottom: 1px; height:43px; }
.d1 p a:hover{ background: url(../images/xialabg2.png); color: #ffffff; }



.jiaofei li{ float: left;  width: 300px; height: 275px; background: #f5f5f5; overflow: hidden;}
.jiaofei1{margin:15px 20px 0; }
.jficon1{background: url(../images/sysa1.png) no-repeat center center; height: 100px;}
.jficon2{background: url(../images/sysa2.png) no-repeat center center; height: 100px;}
.jficon3{background: url(../images/sysa3.png) no-repeat center center; height: 100px;}
.jficon4{background: url(../images/sysa4.png) no-repeat center center; height: 100px;}
.jficon5{background: url(../images/sysa5.png) no-repeat center center; height: 100px;}
.jficon6{background: url(../images/sysa6.png) no-repeat center center; height: 100px;}
.jficon7{background: url(../images/sysa7.png) no-repeat center center; height: 100px;}
.jiaofei li h1{ text-align: center;font-family: "Microsoft YaHei",arial;  font-weight: bold;font-size: 18px;}

.jiaofei li p{font-size: 14px; line-height: 200%; font-family: "Microsoft YaHei",arial;padding-top: 15px;  color: #838383; }


.sys1{ width: 1200px; overflow: hidden; padding-top: 60px; padding-bottom: 30px;}
.sys1 ul{ width: 1300px;}
.sys1 li{ width: 225px; height:250px; float: left; margin-right:20px; background: #ffffff; text-align: center; }
.sys1 li img{ padding-top:50px; }
.sys1 li h1{font-size: 18px;font-family: "Microsoft YaHei",arial; font-weight: 100; padding-top: 30px;}
.sys1 li:hover{ -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);-webkit-transition: all .2s linear;
    transition: all .2s linear;}

.sys1 li:hover h1{font-weight: bold; } 

.wtit{ text-align: center; padding: 45px 0 15px; margin-bottom: 20px; background:url(../images/sa.jpg) no-repeat center bottom;  }   
.wtit span{ color: #b4b4b4; font-size: 30px; font-family: arial; text-transform: uppercase; font-weight: 100 }
.wtit h1{ color: #4c4c4c; font-size: 20px;  font-family: "Microsoft YaHei",arial;  line-height: 200%;letter-spacing: 2px; }


.webdetail p{ color: #4c4c4c; font-size: 16px; letter-spacing: 1px;  font-family: "Microsoft YaHei",arial;  line-height: 240%; }
.webfont{ color: #4c4c4c; font-size: 16px;   font-family: "Microsoft YaHei",arial;  line-height: 200%;  }

.webgh{ width: 1200px; overflow: hidden; padding: 10px 20px 10px;}

.webgh ul{ width: 1300px;}
.webgh li{border-top: 1px solid #f1635f; float: left; width: 250px; height: 200px; background: #ffffff; text-align: center; margin:0 55px 40px 0 ;}
.webgh li img{ padding: 30px 0 20px;}
.webgh li h1{ font-family: "Microsoft YaHei",arial; font-weight: 100; font-size: 16px; }
.webgh li:hover{
-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);-webkit-transition: all .2s linear;
    transition: all .2s linear;}



.project{ width: 1200px; margin: 70px auto; overflow: hidden;}
.projectd{ display: inline-block; width: 235px; height: 463px; margin-right: 77px; position: relative; overflow: hidden;}
.projectd:hover img {transition: all 0.3s; margin-top:-15px; }
.proname h1{ text-align: center; color: #ffffff; font-size: 22px; letter-spacing: 1px;font-family: "Microsoft YaHei",arial; font-weight: 100; padding-top: 50px;}
.proarrow a{ position:absolute; top: 205px; width: 64px; height:64px;}
.project img{ height: 516px; position:position: absolute; z-index: 9;transition: bottom .3s;-webkit-transiton: bottom .3s; }
.proname{  position: absolute; z-index: 99; top: 0 ; width: 100%;}
.proarrow a.arrowleft{background: url(../images/aleft.png) no-repeat 0 0; left: 0;  }

.fonta16{ font-size: 16px; color: #4c4c4c;  font-family: "Microsoft YaHei",arial; padding-top: 25px;}
.webdetail p.fontb{ font-size: 24px; color: #0da39a;  font-family: "Microsoft YaHei",arial;font-weight: bold; padding:20px 0 20px 50px;background:url(../images/webtitl.png) no-repeat 0 10px;   }
.iconstar{background: url(../images/wbs.png) no-repeat 10px 11px ;width:35px; height:25px; display: inline-block;}



.messgtit{ background: #0da39a; text-align: center; padding-top:35px ; height: 65px;}
.messgtit h1{ color: #ffffff;font-family: "Microsoft YaHei",arial; font-size: 24px; font-weight: 100; line-height: 100%;}
.messgtit p{ color: #9bdfdb;font-family: "Microsoft YaHei",arial; font-size: 14px;letter-spacing: 0}
.messga{margin-right: 0px; border: 1px solid #dddddd;}
.messg li{ background: #ffffff; text-align: center; }
.messg li p{ font-size: 14px; padding: 8px; }
.messg li.even{ background: #f4f4f4;}

.messg2 p{padding: 40px 20px 40px 120px; margin:10px 0 42px; font-size: 20px;background: url(../images/wb21.png) no-repeat 0 0;}
.messg2 p.m2{background: url(../images/wb22.png) no-repeat 0 0;}
.messg2 p.m3{background: url(../images/wb23.png) no-repeat 0 0;}
.messg2 p.m4{background: url(../images/wb24.png) no-repeat 0 0;}
.wb5{background: url(../images/wbaa.png) no-repeat center top; width: 1040px; height:531px; padding: 0px 60px; margin: 20px auto 0; }
.wb5 p{ font-size: 14px ;color:#6d6d6d; letter-spacing: 0}
.wb5 h1{ font-size: 18px ;color:#0da39a; letter-spacing: 1px; font-weight: bold;font-family: "Microsoft YaHei",arial; text-align: center; padding: 35px 0 25px; }
.webdetail p.font14{ font-size: 14px; letter-spacing: 0; line-height: 200%; padding-bottom: 10px;}
.webdetail p.font12{ font-size: 12px;color:#31bd98; letter-spacing: 0; line-height: 200%; }