@charset "utf-8";
/* CSS Document */
body{height:100%;font-size:12px;padding:0;margin:0;color:#333;font-family:"Microsoft YaHei",Verdana,Arial,Helvetia,"lucida Grande";	min-width:1003px;  _width:expression(documentElement.clientWidth<1003?(documentElement.clientWidth==0?(body.clientWidth <1003?"1003":"auto"):"1003px"): "auto");background:#393836;}
ul,ol,dl,form,div,table,strong,span,p,img,h1,h2,h3,h4,h5,input{padding:0; margin:0; border:0; font-family:"Microsoft YaHei",Verdana,Arial,Helvetia,"lucida Grande";}
ul,ol{list-style:none;}
img{vertical-align:middle;line-height:inherit;}
a{font-size:12px; color:#426ab2; text-decoration:none;}
a:hover{color:#668cd1;}
.clear{clear:both;}

/* header */
.header{padding:15px 5% 10px 5%; height:45px; background:#393836;}

/* nav */
.header .nav{height:40px; padding-left:110px; background:url(../images/logo.png) no-repeat left top;}
.header .nav ul li{float:left; height:40px; line-height:40px;}
.header .nav ul li a{display:block;	height:40px; line-height:40px; padding:0 15px; font-size:14px; color:#e5e5e5; font-family:宋体; text-decoration:none;}
.header .nav ul li a:hover{color:#ccccfd;}
.header .nav .nav2 a{display:block;	height:40px; line-height:40px; padding:0 15px; color:#ccccfd; cursor:default;}
.header .nav .nav2 a:hover{color:#ccccfd;}
.header .nav .bq_right{float:right; height:40px; line-height:40px; font-size:10px; color:#bbb;}
.header .nav .bq_right font{color:#ccccfd;}

.top_icon{margin-bottom:5px;}
.top_icon img{width:100%;}

/* content */
.content{padding:10px 5%;}
.content .banner_ban img{width:100%;}
.work_top{margin:0 auto; width:680px; padding-bottom:30px;}
.work_top ol li{float:left; height:25px; line-height:25px; margin-right:8px; text-align:center;}
.work_top ol li .p{height:25px; font-size:12px; color:#fff; text-align:center;}
.work_top ol li a{display:block; margin-top:26px; width:24px; height:22px; background:url(../images/layout/search.png) no-repeat top left;}
.work_top ol li a:hover{background:url(../images/layout/search.png) no-repeat top right;}
.work_top ol li input{display:block; font-size:13px; color:#333;}
.work_top ol li input[type="submit"]{display:block; height:22px; line-height:20px; padding:0 8px; cursor:pointer; border:1px solid #ddd; background:#eaeaea;}
.work_top ol li input[type="submit"]:hover{border:1px solid #d2d2d2; background:#FFF;}
.work_top ol li input[type="text"]{display:block; width:180px; margin-top:1px; height:20px; line-height:20px; border:1px solid #999; padding:0 5px; background:#eaeaea;}
.work_top ol li input[type="text"]:hover{border:1px solid #666; padding:0 5px; background:#fff;}
.select_style{width:55px; height:20px; overflow:hidden; border:1px solid #ddd;}
.select_style select{padding:2px; width:55px; height:20px; font-size:13px; color:#333; border:none; background:#eaeaea;}
.select_style select:hover{background:#fff;}

.work{padding-bottom:25px;}
.work ul li{float:left; position:relative; width:17%; margin:1.5%; text-align:center;}
.work ul li .div_text{position:absolute; padding-left:15px; top:10px; font-size:13px; color:#bbb; text-align:left;}
.work ul li:hover .div_text{color:#fff; filter:Dropshadow(offx=1,offy=0,color=#999) Dropshadow(offx=0,offy=1,color=#666666) Dropshadow(offx=0,offy=-1,color=#666666) Dropshadow(offx=-1,offy=0,color=#666666); text-shadow:-1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
.work ul li img{ width:100%; filter:alpha(opacity=80); opacity:0.8; background:#fff;}
.work ul li img:hover{filter:alpha(opacity=100); opacity:1;}

.work_fl_h1{margin:1% 1.5% 0 1.5%; font-size:18px; color:#92804b; font-weight:normal;}
.work_fl{margin-bottom:1.5%; padding-bottom:15px; border-bottom:1px dotted #66604c;}
.work_fl ul li{float:left; width:17%; margin:1% 1.5%; text-align:center;}
.work_fl ul li img{width:100%;filter:alpha(opacity=80);opacity:0.8;}
.work_fl ul li img:hover{filter:alpha(opacity=100);opacity:1;}

/* work02.html */
.work02_left{float:left; width:65%; margin-top:5%; text-align:center;}
.work02_left img{max-width:800px; max-height:500px;}

.work02_right{float:right; position:relative; width:30%; max-width:400px; margin-top:5%;}
.work02_right .work02_p1{height:50px; line-height:50px; font-size:20px; color:#bbb; text-align:center;}
.work02_right .work02_p2{line-height:2em; padding:20px 0; font-size:15px; color:#888; text-align:center;}
.work02_right .work02_p3{position:absolute; width:400px; line-height:2em; top:300px; padding:20px 0; font-size:15px; color:#888; text-align:center;}
.work02_right .work02_p3 .p3_span1{display:block; width:100; float:left;}
.work02_right .work02_p3 .p3_span1 a{display:block; width:85px; padding-left:15px; font-size:12px; color:#9f8062; text-align:left; background: url(../images/layout/icon01.png) no-repeat left;}
.work02_right .work02_p3 .p3_span1 a:hover{color:#eaeaea; text-align:left; background: url(../images/layout/icon02.png) no-repeat left;}
.work02_right .work02_p3 .p3_span2 {width:299px; font-size:12px; color:#d2d2d2; text-align:center;}
.work02_right .work02_p3 .p3_span3{display:block; width:100; float:right;}
.work02_right .work02_p3 .p3_span3 a{display:block; width:85px; float:left; padding-right:15px; font-size:12px; color:#9f8062; text-align:right; background: url(../images/layout/icon03.png) no-repeat right;}
.work02_right .work02_p3 .p3_span3 a:hover{color:#eaeaea; background: url(../images/layout/icon04.png) no-repeat right;}

/* login 弹出窗口 */
#fade{display:none; position:fixed; background:#000; left:0; top:0; width:100%; height:100%; opacity:0.6; z-index:9999;}
#trigger{text-align:center;}
.popupbox_ds{position:fixed; width:auto; display:none; float:left; text-align:left; top:40%; left:50%; z-index:99999; background:#b9b6b2;}
.popupbox_ds .div_h1{height:24px; line-height:24px; padding:5px 10px; margin:0; text-align:center; font-size:15px; color:#333; border-bottom:1px solid #666; background:#cac7c2;}
.popupbox_ds .div_h1 span{float:left;}
.popupbox_ds .div_h1 span a{display:block; width:24px; height:24px; background:url(../images/wz_bg.png) no-repeat top left;}
.popupbox_ds .div_h1 span a:hover{background-position:top right;}
.popupbox_ds .div_h1 span#close{float:right; font-weight:500; cursor:pointer;}
#intabdiv{max-height:600px; text-align:center;}

#intabdiv .intabdiv_cent{width:600px; padding:10px; text-align:center; font-size:13px; line-height:1.8em; color:#333;}
#intabdiv .intabdiv_cent img{width:100%;}

/* client.html */
.client{margin:10px 0 15px 0;}
.client ul li{float:left; display:block; width:120px; margin:3px; text-align:center; font-size:12px; color:#888; background:#444;}
.client ul li img{text-align:center; font-size:12px; color:#ffe115; background:#666;filter:alpha(opacity=50);opacity:0.5;}
.client ul li img:hover{text-align:center; font-size:12px; color:#ffe115; background:#666;filter:alpha(opacity=100);opacity:1;}

/* interlocution.html */
.interlocution_top{margin:0 auto 0 auto; width:80%;}
.interlocution_top ul li{float:left; width:50%; text-align:center; font-weight:bold;}
.interlocution_top ul li a{display:block; padding:10px 0; text-align:center; font-size:16px; color:#756f65; background:#44413d;}
.interlocution_top ul .interlocution_top_li a{display:block; padding:10px 0 11px 0; text-align:center; font-size:16px; color:#a7a49b; background:#53504b;}

.interlocution{margin:0 auto; width:80%;}
.interlocution ul li{padding:20px; margin-bottom:1.5%; background:#4c4945;}
.interlocution ul li .ittion_wen{position:relative; line-height:1.8em; margin-bottom:10px; padding:10px 10px 10px 65px; border:1px solid #746f6c; font-size:13px; color:#9d9a91; background:#5c5754;}
.interlocution ul li .ittion_wen  .ittion_wen_img{position:absolute; top:10px; left:10px; width:45px; height:39px;}

.interlocution ul li .ittion_da{position:relative; line-height:1.8em; margin-left:40px; padding:10px 15px 10px 65px; font-size:13px; color:#8d7f72; background:#423f3b;}
.interlocution ul li .ittion_da  .ittion_da_img{position:absolute; top:10px; left:10px; width:45px; height:39px;}

/* 分页 */
.page{padding:20px; margin-bottom:1%; text-align:right; border:1px solid #363532; background:#413f3c;}
.page span a{padding:2px 8px; margin:0 2px; border:1px solid #4f4b48; font-size:13px; color:#78736f; background:#484542;}
.page span a:hover{font-size:13px; color:#78736f; border:1px solid #363532; background:#3b3937;}
.page .page_span a{padding:2px 8px; margin:0 2px; border:1px solid #3f3d3a; font-size:13px; color:#9b9790; background:#5b5854;}
.page .page_span a:hover{font-size:13px; color:#78736f; border:1px solid #363532; background:#3b3937;}

.page2{margin:0 1.5%  3%  1.5%; text-align:center;}
.page2 a{padding:2px 8px; margin:0 2px; border:1px solid #4f4b48; font-size:13px; color:#78736f; background:#484542;}
.page2 a:hover{font-size:13px; color:#78736f; border:1px solid #111; background:#232220;}
.page2 .page_span a{padding:2px 8px; margin:0 2px; border:1px solid #3f3d3a; font-size:13px; color:#aeaaa2; background:#696561;}
.page2 .page_span a:hover{font-size:13px; color:#78736f; border:1px solid #111; background:#232220;}

.page2 table td{font-size:13px; color:#675e56;}

/* message */
.message{padding:20px 20px 20px 30%; margin-bottom:1%; text-align:left; border:1px solid #363532; background:#413f3c;}
.message h2{margin-bottom:8px; padding:0; font-size:16px; color:#716b66; background:none;}
.message textarea{width:90%; height:150px; margin-bottom:10px; line-height:1.8em; padding:10px; font-size:13px; color:#898681; border:1px solid #393735; background:#504e4b;}
.message textarea:focus{width:90%; height:150px;  margin-bottom:10px;line-height:1.6em; padding:10px; color:#88857f; border:1px solid #2b2927; background:#393734;}

.message .message_input input[type="submit"]{padding:5px 15px; margin-right:15px; font-size:13px; color:#898681; border:1px solid #3b3936; background:#504e4b;}
.message .message_input input[type="submit"]:hover{padding:5px 15px; font-size:13px; margin-right:15px; color:#88857f; border:1px solid #444; background:#393734;}
.message .message_input input[type="submit"]:focus{padding:5px 15px; font-size:13px; margin-right:15px; color:#a5a19e; border:1px solid #222; background:#333;}

/* contact.html */
.contact{margin:10px 0; background:#e2e2e2;}
.contact .contact_map{float:left; width:100%; min-height:650px; border-right:5px solid #393836;}
.contact .contact_us{float:right; width:550px; text-align:left; font-size:14px; color:#666;}
.contact .contact_us ul{padding-top:20px; width:520px; }
.contact .contact_us ul li{padding:9px 0 13px 0; margin:5px 0; border-bottom:1px dotted #b2b2b2;}
.contact .contact_us ul li b{display:block; margin-bottom:10px; font-size:15px;}
.contact .contact_us ul li p{padding:6px 0;}
.contact .contact_us a{font-size:14px;}

/* zuopin */
.clearfix:after{display:block;clear:both;}
.clearfix{zoom:1;}
.banner{width:520px; height:300px; position:relative; overflow:hidden;}
.banner-btn{display:none;}
.banner-btn a{display:block; line-height:40px; position:absolute; top:150px; width:40px; height:40px; background:#000; opacity:0.3; filter:alpha(opacity=30) color: rgb(255, 255, 255);overflow: hidden; z-index:4;}
.prevBtn{left:5px;}
.nextBtn{right:5px;}
.banner-img{font-size:0; *word-spacing:-1px; letter-spacing: -3px; position:relative; width:520px;}
.banner-img li{display:inline-block;*display:inline;*zoom:1; vertical-align: top; letter-spacing: normal;word-spacing: normal; font-size:12px;}
.banner-img li img{width:520px;}
.banner i{background:url(http://gtms01.alicdn.com/tps/i1/T1szNBFzlmXXX8QSDI-400-340.png) no-repeat; width:15px; height:23px; cursor:pointer; margin:8px 0 0 12px; display:block;}
.banner .nextBtn i{background-position:-200px -24px;}
.banner .prevBtn i{background-position:-200px 0px;}

.banner-circle{position:absolute; left:50%; bottom:20px; height:13px; text-align:center; font-size:0; border-radius:10px;}
.banner-circle li{border-radius:10px; margin:2px; display:inline-block; display:-moz-inline-stack; vertical-align:middle;zoom: 1; }
.banner-circle li a{display:block; padding-top:9px; margin:0 2px; width:9px; height:0; border-radius:50%; background:#B7B7B7; overflow:hidden;}
.banner-circle .selected a{background:#F40;}