/* CSS Document */
body{margin:0px;padding:0px;font-size:12px;color:#888888;font-family: "微软雅黑","宋体",Arial; line-height:24px;}	
a{color:#666;text-decoration: none;}
a:hover{text-decoration: none; color:#4d881e;}
ul,li,dt,dd,dl,h1,p,form{margin:0px;padding:0px;list-style:none; border:none;}
img{border:none;.caseh}
img a:hover{border:none;}
a,area{blr:expression(this.onFocus=this.blur());}/*For IE*/
a:focus{outline:none; -moz-outline-style:none;}/*For Firefox*/
.clear{ font-size:12px;clear:both;line-height:0px; height:0px;}
*{margin:0px auto; padding:0px; border:0;}


#wrap{ width:1004px; position:relative; padding:0 25px; margin:0 auto; overflow:hidden;-moz-box-sizing: border-box;  
     -webkit-box-sizing: border-box; 
     -o-box-sizing: border-box; 
     -ms-box-sizing: border-box; 
     box-sizing: border-box; }
#top{ width:100%; float:left; height:95px; position:relative; margin-top:5px; z-index:9999;}
.logo{ width:100px; height:70px; float:left;}
.logo img{ width:100%; vertical-align:middle;margin-top: 10px;}
.name{ width:550px; height:70px; float:left; margin-left:20px;}
.name img{ width:100%; vertical-align:middle; margin-top:5px;}
.er{ width:110px; height:95px; float:right;}
.er img{ width:110px; height:95px;}
.menu{ width:100%; height:32px; float:left; background:#b5b5b5 url(../images/bg_c.jpg) center repeat-x ; line-height:32px;  position:relative; background-size:100% 100%; z-index:999;}
.menu ul li{ width:12.5%; float:left; text-align:center; height:32px;}
.menu ul li a{ color:#fff; font-weight:200; font-size:14px;}
.menu ul li:hover{ background:#609a29 url(../images/bg_c1.jpg) center repeat-x;}

.hidden-box{
    width:12.5%;
   background:#FFF;
    border-top: 0;
    position: absolute;
    display: none;
    top: 32px;
	z-index:999;
	height:auto;
}
.hidden-box>ul{
    list-style-type: none;
    color: #999;
    cursor: pointer;
	width:100%;
	float:left;
}
.hidden-box li{ width:100% !important; float:left !important; height:30px; line-height:30px; text-align:center;}
.hidden-box li a{    color: #888 !important;}
.hidden-box li:hover a{
    color: #fff !important;
}
/*隐藏盒子位置设置*/
.hidden-loc-about{
    left: 12.5%;
}
.hidden-loc-news{
    left: 25%;
}
.hidden-loc-case{
    left: 37.5%;
}
.hidden-loc-team{
    left: 50%;
}
.hidden-loc-service{
    left: 62.5%;
}
.hidden-loc-job{
    left: 75%;
}
.hidden-loc-contact{
    left: 87.5%;}



#content{ width:100%; float:left; position:relative; margin-top:20px;  }
#left{ width:735px; margin-right:15px; float:left;background:#f2f2f2;}
#right{ width:200px; float:right; height: auto; position:relative;}
#banner{ width:100%; height:300px; overflow:hidden; float:left;}
 #html5zoo-1{ width:100% !important; height:auto !important; overflow:hidden;}
 html5zoo-wrapper-0{width:100%; float:left;}
 .html5zoo-img-box-0 div{ width:100% !important; float:left; height:auto;}
  .html5zoo-img-box-0 div img{ width:100% !important; height:auto !important; }

#center{ width:92%; margin:25px 4% 0 4%; float:left;}
.txt{width:180px; margin:0 10px;}
#news_index{ width:100%; float:left;}
.mg{ width:290px; float:left; position:relative;}
.mg img{ width:100%; vertical-align:middle;}
.in_new{ width:360px; float:right; position:relative;}
.tit{ width:100%; float:left; height:30px;border-bottom:1px solid #4d851a;}

.tit ul{ width:70%; float:left; height:auto;}
.more{ float:right; width:30%; text-align:right;  font-size:10px; line-height:35px !important;}
.tit ul li{ width:70px; margin-right:2px; float:left; height:30px; text-align:center; border-top-left-radius:5px; border-top-right-radius:5px; border:1px solid #4d851a; font-weight:600; line-height:30px; color:#666; border-bottom:0; cursor:pointer;}

.list{ width:100%; float:left; margin-top:5px;}
.list ul{ display:none;}
.list ul li{ width:95%; height:25px; line-height:25px; background:url(../images/icon.jpg) left no-repeat; padding-left:5%; }
.list ul li h3{font-weight:100; width:70%; float:left; color:#666; font-size:14px;}
.list ul li span{ width:25%; display:block; float:right; text-align:right;color:#666;}
.list ul li:hover h3{color:#4d851a; font-size:14px;}
.current{ background:#4e851d ; color:#FFF !important; }

#pro_index{ width:100%; margin-top:15px; float:left; position:relative;}
.pro_tit{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #50831c;border-top:1px solid #50831c; float:left;}
.pro_tit h3{ width:70%; float:left; font-weight:600; color:#50831c;}
.pro_tit a{ line-height:45px !important;}
.pro_mg{ width:100%; float:left; margin-top:15px; position:relative; }
.pro_mg li{ width:32%; float:left; margin-left:1%; text-align:center; margin-bottom:2%;}

.pro{ float:left; height:40px; width:100%; background:#f2f2f2;}
.pro h3{ background:url(../images/icon1.jpg) left no-repeat;}
.tt{ height:40px; padding-left:35px; line-height:40px; color:#50831c; font-weight:600; display:block; margin-left:5px;}

.fine{float:left; height:100px; width:100%; background:#f2f2f2;  margin-top:15px;}
.fine h3{background:url(../images/icon2.jpg) left no-repeat;}
.find{ width:100%; height:60px;border-top:1px solid #50831c; line-height:60px;}
.sel{ width:65%; float:left; text-align:left; height:22px; line-height:22px; margin-top:17px; margin-left:10%; border:1px solid #ccc; padding-left:5px;}
.but{ width:15%; float:left; text-align:left ; cursor:pointer; background:url(../images/icon5.jpg) center no-repeat; height:25px; margin-top:17px; margin-left:5% border:0px;}

.mass{ width:100%; float:left; margin-top:15px;background:#f2f2f2;}
.mass h3{background:url(../images/icon3.jpg) left no-repeat;}
.mass img{ width:94%; padding:10px 3%; vertical-align:middle;border-top:1px solid #50831c;}

.at_text{ width:100%; float:left; margin-top:15px;background:#f2f2f2; }
.about{ width:96%; float:left; margin:0 2%;}
.about h3{background:url(../images/icon4.jpg) left no-repeat;}
.about p{ width:90%; padding:0 5% 15px 5%; float:left; border-bottom:1px solid #ccc;}
.about_box{ width:100%; position:relative;}
.about_box img{ width:80%; margin:0 10%; vertical-align:middle;}
.t1{  float:left; font-weight:600; color:#50831c; height:22px; font-size:15px;background:url(../images/icon6.jpg) right 10px no-repeat;}
.contact{width:100%; float:left; margin-top:15px; line-height:25px;}
.contact h3{width:70px; margin:0 110px 0  20px; }
.contact span{ width:100px; margin:0 80px 0  20px; font-size:18px; height:18px; line-height:18px; float:left; margin-bottom:5px;font-family:"宋体";}
.contact p{ width:160px; margin:0 20px; float:left;line-height:22px;}

.main{ margin-top:15px; border-top:1px solid #ccc; float:left;}
.main h3{width:40px; margin:10px 140px 0 20px; }
.main b{width:100px; margin:0 80px 0  20px; font-size:18px; height:18px; line-height:18px; float:left; margin-bottom:5px; font-family:"宋体";}
.main li{ width:160px; margin:0 20px; float:left; height:25px; line-height:25px;} 

.link{margin-top:15px; border-top:1px solid #ccc; float:left; padding-top:10px; padding-bottom:20px;}
.link h3{width:80px; margin:10px 100px 0 20px; }
.link a{width:160px; margin:0 20px; float:left; height:25px; line-height:25px;}
.link b{width:100px; margin:0 80px 0  20px; font-size:18px; height:18px; line-height:18px; float:left; margin-bottom:5px; font-family:"宋体";}
.link select{ width:160px !important; margin:0 20px; float:left;}

#footer{ width:100%; height:80px; line-height:22px; text-align:center; float:left; margin-top:20px; background:#f2f2f2;}
#footer p{ margin-top:5px; width:100%;}

/*----about---*/
#hbanner{ width:100%; height: auto; overflow:hidden; float:left; z-index:99;}
#box{ float:left; width:100%; position:relative; background:#f2f2f2; padding-top:30px;}
.title{ width:94%; margin:0 3%; height:30px; line-height:30px; border-bottom:1px solid #99c563; float:left;}
.title h3{ padding-left:5%; float:left; height:30px; font-weight:600; font-size:16px; color:#4d881e; font-family:"宋体";}
.return{ float:right; width:50px; height:30px; font-size:14px; line-height:35px;}
.title a:hover{color:#4d881e;}
.news_t{background:url("../images/icon1.jpg") no-repeat scroll left center ;}
.ject_t{ background:url("../images/icon1.jpg") no-repeat scroll left center ;}
.about_t{ background:url(../images/icon4.jpg) no-repeat;}
.text{width:94%; margin:0 3%; float:left; padding:15px 0;}
.about_box p{ text-indent:2em; margin-top:10px;}

/*----news---*/
.news_list{ width:100%; float:left; position:relative; }
.news_list li{border-bottom: 1px dashed #99c563; width:100%; height:30px; float:left;}
.news_tit{ width:80%; float:left; height:30px; line-height:30px; }
.news_list li:hover a{ color:#99c563;}

.news_box{ float:left; width:94%; margin:0 3%; float:left;}
.new_title{ width:100%; text-align:center; float:left;}
.new_title h3{ width:100%; float:left; font-size:16px; height:25px; line-height:25px;}
.new_title span{ width:100%; float:left; font-size:12px; display:block;}
.new_intro{ width:100%; float:left; position:relative;}
.new_intro p{ width:100%; font-size:14px;}
/*----project---*/
.ject_list{ width:100%; float:left; position:relative;}
.ject_list ul li{ width:32%; margin-left:1%; float:left; margin-top:10px; text-align:center; background:#CCC;}
.ject_pic{ width:100%; float:left;}
.ject_pic img{ width: auto; max-width:100%; margin:0 auto; vertical-align:middle; height:178px;}
.ject_tit{ width:100%; height:25px; line-height:25px; float:left; background:#FFF;}
.jectin_pic{ float:left;width:620px; position:relative; margin:0 130px;}
.ject_intro{ width:100%; float:right; position:relative; padding-top:20px; height:auto;}
.ject_intro p{ width:100%; font-size:14px; float:left;}
.ject_intro h3{ width:100%; float:left; text-align:center;}

/*图片轮播*/
.detail_context_pic{width:620px;margin-top:20px;margin-bottom:20px;overflow:hidden;}
.detail_context_pic_top{width:620px;overflow:hidden;text-align:center;position:relative;z-index:1;}
.detail_context_pic_bot{width:620px;height:107px;overflow:hidden;margin-top:20px;}
.detail_picbot_left{float:left;width:30px;height:107px;overflow:hidden;}
.detail_picbot_left a{display:block;width:30px;height:107px;}
.detail_picbot_mid{float:left;width:560px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;height:77px;overflow:hidden;padding-top:15px;padding-bottom:13px;}
.detail_picbot_mid ul{height:77px;width:560px;overflow:hidden;position:relative;}
.detail_picbot_mid ul li{float:left;height:77px;margin-left:20px;display:inline;width:88px;text-align:center;overflow:hidden;position:relative;}
.detail_picbot_mid ul li img{height:73px;max-width:84px;}
#pic1{max-width:620px; width:100%; vertical-align:middle;}
.selectpic{border:2px solid red;}
.detail_picbot_right{float:left;width:30px;height:107px;overflow:hidden;}
.detail_picbot_right a{display:block;width:30px;height:107px;}
#preArrow{left:0px;}
#nextArrow{right:0px;}
.contextDiv{cursor:pointer;height:100%;width:50%;position:absolute;top:0px;z-index:5;background:url("blank") repeat;}
.contextDiv span{position:absolute;top:50%;margin-top:-25px;width:39px;height:50px;}
#preArrow_A{left:16px;background:url('http://img1.askci.com/images/pic_left.png') 0px 0px no-repeat;display:none;}
#nextArrow_A{right:16px;background:url('http://img1.askci.com/images/pic_right.png') 0px 0px no-repeat;display:none;}


/*----job---*/
.job_list{ width:100%;float:left; position:relative; }
.job_list ul li{ width:100%; float:left; margin-top:10px;border-bottom:1px dashed #99c563;}
.job_list table{width:800px; border-collapse:collapse;border:none; margin-bottom:20px;}
.job_list td{border:solid#000 1px; padding:0 5px;}
.job_list input{ cursor:pointer;}

/*----contact---*/
.contact_box{ width:100%;float:left; position:relative; }
.map{ width:60%; margin-right:1%; float:left;}
.map img{ width:100%; vertical-align:middle;}
#dituContent{ width:100% !important; height:450px !important;}
.tact{ width:38%; float:right; position:relative;}
.tact p{ width:100%; float:left;}
 .tact form{ width:100%; margin-top:20px; float:left;}
 .tact tr{ width:100%; float:left;}
 .tact td{ width:100%; float:left;}
 .tact textarea{ width:100%;}
 #btSubmit{ border:1px solid #ccc; cursor:pointer;}
 .na1{ width:25% !important; float:left;}
 .na2{ width:70% !important; float:right;}
 .na2 input{ width:80%;}
/*----team---*/
#teamsli{ width:100%; float:left; position:relative;}
#teamsli li{ width:25%; float:left; text-align:center; margin-bottom:10px;}
#teamsli li img{ width:90%; margin:0 5%; float:left; vertical-align:middle; height:190px;}
#teamsli li p{ width:100%; height:25px; font-size:16px; float:left; line-height:25px;}
.teamimg{ float:left; max-width:50%; vertical-align:middle; margin-right:15px;}
.team_name{ font-size:16px; font-weight:600;}


.feny{width:30%; float:left; height:30px; line-height:30px; margin:0 35%;}

.lin{ width:954px; text-align:center; display:block; font-weight:100; float:left;}
.lin span{ width:1px; float:left; display:block;}
.lin a{ width:105px; display:block; float:left; overflow:hidden; white-space:nowrap; font-size:16px;}
/*下拉条*/
.container2 {
	width: 100%;
	height: 99%;
	float: left;
	
}

.container2 .div_scroll {
	width: 100%;
	height: 100%;
	overflow: auto;
	float: left;
}	

.container2 .scroll_container {
	overflow: hidden;
	position: relative;
	width:100% !important;
	height:100% !important;
}

.container2 .scroll_absolute {
    position: absolute;
}

.container2 .scroll_vertical_bar {
    position: absolute;
    top: 0;
    right: 0;
    width: 3px;
    height: 100%;
    margin: 0;
    padding: 0;
	z-index:9999;
}

.container2 .scroll_track {
	position: relative;
	background-color: #cccccc;
	width:1px;

}

.container2 .scroll_drag {
	position: relative;
	top: 0;
	left: -1px;
	cursor: pointer;
	background-color: #609a29;
	width:3px;
	
}

.container2 .scroll_arrow {
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	background-color: #369DB4;
}

.container2 .scroll_vertical_bar .scroll_arrow {
    height: 16px;
}