/* CSS Document */
html,body{height:100%; min-height:570px;  }
body{margin:0px;padding:0px;font-size:12px;color:#888888;font-family: "微软雅黑",Arial; line-height:24px;background:url(../images/bodybg.jpg) repeat-x #fff;}	
a{color:#666;text-decoration: none;}
a:hover{text-decoration: none; color:#d44000;}
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;}

#warp{width:100%; max-width:1920px; min-width:1003px; margin:0 auto; height:100%;  overflow:hidden;  position:relative;}


#left{ width:15%; left:0px; top:0px; min-width:150px; background:url(../images/left.png) no-repeat;background-size:100% 100%; text-align:center; z-index:999; height:100%; position: absolute;}
#logo{ width:40%; float:left; margin:10% 30%;}
#logo img{ width:100%; vertical-align:middle;}


#menu{ width:100%; float:left; margin-top:5%;position:relative;}
#jsddm i{background:url(../images/p1.png) no-repeat; display:block;width:20px; height:20px; float:left; margin-top:
8px; margin-left:64px;}
#jsddm  li{ width:100%; float:left; margin-top:5%; font-size:15px; line-height:35px; position: relative;}
.m1 span{ width:40px; display:block; margin:0 auto; padding-left:20px; background:url(../images/p1.png) left no-repeat;}

#jsddm  li a{color:#FFF; display:block;}
#jsddm  li:hover{background:rgba(255,255,255,0.3) url(../images/p2.png) 95% no-repeat; }
#jsddm  li a:hover{color:#e27034;}
#jsddm li ul {position: absolute;visibility: hidden;    z-index:1; left:100%; width:
100px; top:0px;
/*z-index:99999;
 line-height: 24px; 
 list-style-type: none;
 text-align:left;
 left: -999px;
 width: 490px; 
 position: absolute;*/
 }
#jsddm li ul li{ margin-top:0px; margin-bottom:1PX; background:#424b52;}
#jsddm li ul li:hover{ background:#e27034;}
#jsddm li ul li a:hover{color:#FFF;}

#find{ width:80%; height:25px; float:left; margin:50px 10% 0 10%;}
#find  input{border:0px; vertical-align:middle;}
#find .sea{ width:75%; float:left; height:25px; background:rgba(50,57,61,0.3) ;border:1px #353d43 solid; color:#FFF;padding-left:1%; box-sizing:border-box; }
#find .but{width:22%; float:right;height:25px; cursor: pointer;background: url(../images/find.jpg) no-repeat; vertical-align:middle;background-size:100% 100%;}
/*--project---*/
#center{ width:20%;margin:0 3% 0 18%; float:left; position:relative;height:95%; padding-top:2%; box-sizing:border-box; }
.vtitle{ width:100%;float:left;  font-size:16px; line-height:50px; cursor:pointer; position:relative; color:#000; opacity:0.8;background:url(../images/p4.png)98% no-repeat;border-bottom:1px solid #e27034;}
.vcon{ width:100%; float:left; position:relative; margin-top:10px;}
.vcon ul li{width:100%; height:35px; line-height:35px; border-bottom:1px solid #eeeef0; float:left; cursor:pointer;}
.current { color:#e27034;}
.txt{margin-top:15px; float:left;}
.pic_box{ width:100%; float:left; height: auto; }
.pic_box ul { width:100%; overflow:hidden; padding-bottom:10px;}
.pic_box ul li{ width:29.5%; float:left;  border:1px solid #aaaaaa; text-align:center; padding:1%; box-sizing:border-box; margin-top:10px; border-radius:2px; margin-left:1%; min-width:150px; max-width:230px;}

.pic_box ul{display:none;}
.pic_box ul li img{ width:100%; vertical-align:middle;}

.pic_box table{ width:100%;}

/*--projectinfo---*/
.pro_info{ width:100%; float:left;float:left;   height: auto; overflow:hidden;}
#back{ width:98%; height:29px; float:left; text-align:right; margin-bottom:10px;}

#banner{ width:97.5%; padding:1%;border-radius:2px; border:1px solid #aaaaaa; float:left;box-sizing:border-box;height:580px; overflow:hidden;}
#banner img{ height:100%;max-width:600px; margin:0 auto; width:auto;}

#right{width:55%; float:left; position:relative; height:88%; margin-top:3%; overflow:hidden; }
#right .select{color:#e27034;border:1px solid #e27034;}
#right1{width:45%; float:left; position:relative; height:88%; margin-top:3%; overflow:hidden; }
#center1{ width:30%;margin:0 3% 0 18%; float:left; position:relative;height:95%; padding-top:2%; box-sizing:border-box; }
.block_home_slider{ height:100%;}
.flexslider{height:100%;}
.flex-viewport{ height:100%;}
.flex-viewport ul li{height:100%;}
.flex-viewport ul{height:100%;}

.slide{height:100%; background:#FFF;}
.img_box{ width:100%; padding:5px; margin-top:40px;}
.img_box img{width:100% !important; height:auto;}
/*--news---*/
#newstit{ float:left; width:100%; margin-top:15px;}
#newstit ul{ width:100%; overflow:hidden;}
#newstit ul li{ width:100%; height:35px; line-height:35px; border-bottom:1px solid #eeeef0; overflow:hidden;}
#newsinfo{ width:100%; position:relative; height:100%;}
#newsinfo .tit{ font-size:16px; width:100%; border-bottom:2px solid #eeeef0; margin-bottom:10px; height:30px; line-height:30px;overflow:hidden;}
#newsinfo img{ width:100%; vertical-align:middle;}
#newsinfo .newstxt{ text-indent:2em; margin-top:5px;}
#newsinfo table{ width:100% !important;}
/*--contact---*/
.map{  width:100%; margin-top:40px; position:relative;}
#dituContent{ width:550px !important;height:auto; }
.map img{ width:100%; vertical-align:middle;}

.forum{ float:left; margin-top:20px; width:100%; position:relative;}
.forum .tab{ width:100%;}
.tab1 p input{ width:95%;}
.tab1 p textarea{ width:95%;}

/*--footer---*/
#footer{ position: fixed; bottom:0px; height:40px; background:#424b52; color:#FFF; z-index:999; width:100%; float:left; line-height:40px; max-width:1920px; min-width:1003px; left:0px;}
#footer SPAN{ float:left; margin-left:15%; margin-right:15%; width:12%;}
#footer SPAN a{color:#FFF;}
#footer p{ white-space:nowrap;width:55%; overflow:hidden; float:left;}

/*--分页---*/
.page{width:80px; text-align:center; width:100%; float:left;}
 
/*下拉滚动条*/
#scrollbar1 { width: 100%; clear: both; margin: 20px 0 10px; float:left; position:relative; height:90%;}
#scrollbar1 .viewport { width:95%; float:left;  overflow: hidden; position: relative; box-sizing:border-box;height:95%; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0;  width: 100%;  }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #424b52; }
#scrollbar1 .scrollbar { position: relative; float: right; width:8px;box-sizing:border-box;  border-radius:10px; border:1px solid #d8eefd;}
#scrollbar1 .track { height: 100%; width:4px; position:relative; margin-left:1px;  }
#scrollbar1 .thumb { height: 20px; width: 100%; cursor:pointer; overflow: hidden; position: absolute; top: 0;border-radius:10px; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 100%; }
#scrollbar1 .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
 
/*--honor---*/ 
#center2{ width:width:51%; float:left; position:relative; height:92%; margin-top:3%; margin-left:20%; width:80%;}
#center2 .vtitle{ width:120px; float:left;}
#center2 ul{ width:100%; position:relative; float:left;} 
 #center2 ul li{width:22%;padding:0 1%; float:left; margin-top:2%; text-align:center; overflow:hidden;}
#center2 ul li img{ width:98%; vertical-align:middle; margin-left:1%} 
