@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{ border:0;}
img{vertical-align: middle;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul,li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
:link,:visited ,ins{text-decoration:none}
input,button,select,textarea,a{outline:none;font-size: 100%;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	font-size:0;
}
textarea{resize:none}
li{*vertical-align: middle;}
.f{ float: left;}
*{ font-family: "宋体"; color: #000; }
.disn{display: none;}
.ell{overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;word-break:normal;}
.header{ width: 100%; height: 141px; background: url(../images/header_bg.jpg);}
.top{ width: 990px; height: 141px; margin: 0 auto;}
.top .logo{ width: 310px; height: 50px; height: 92px; border-top: 5px solid #e51219; float: left;}
.top .logo a img{ width: 450px; margin-top: 25px;}
.top .menu{ width:987px; height: 44px; margin: 0 auto; float: left; }
.top .menu ul{ width: 987px;}
.top .menu ul li{ width: 141px; float: left; text-align: center; line-height: 44px; background: url(../images/nav_line.png) right center no-repeat ;}
.top .menu ul li a{ font-size: 14px; font-family: "微软雅黑";}
.top .menu ul li a:hover{color: #0058a3;}

.banner{ width: 100%; height: 360px; position: relative;  z-index: 10;}
.pic{ position: absolute; width: 100%;  height: 360px; clear: both;   overflow: hidden;}
.pic span{display:block;opacity:0;filter:alpha(opacity=0);background-position:center 0;z-index:1; background-repeat: no-repeat; clear: both; width:100%; height: 360px; position: absolute; }
.btndiv{width: 100%;height: 61px;z-index: 14; position: absolute; margin-top: 290px; }
.btncont{ width: 1020px; height: 61px; margin:0 auto; z-index: 11; position: relative;}

.btncont .btn{ width:100px;z-index: 100;  height: 60px;  position: absolute; right:0px; bottom:12px;}
.btn{height:26px;width: 980px;  margin: 0 auto; z-index: 101;}
.btn div{ width: 17px; height: 17px; border-radius: 2px;  background: #fff; display: block; float: left; margin:0px 5px 0px 4px; margin-top: 45px;  display: inline; cursor: pointer; color: #666; overflow: hidden; text-align: center; border:1px solid #dddddd; font-size: 12px; line-height: 18px;}
.btn div.act{ background: #3f7ecd; color: #fff;border:1px solid #eee;}

.news{ width: 100%; height: 38px; background: #9d9d9d;}

.news .new_cont{ width: 990px; height:38px;margin: 0 auto; line-height: 38px; font-size: 13px;color: #fff; }
.news .new_cont a{ color: #fff;font-size: 13px;}


.contlist{ width: 990px; height: 153px; margin: 0 auto; margin-top: 15px; border: 1px solid #eaeaea; border-top: none; background: #f2f0f1;}
.contlist .cona{ width: 330px; height: 150px; float: left; border-top: 3px solid #278cdc;}
.contlist .conb{ width: 330px; height: 150px; float: left; border-top: 3px solid #0159a3; background: #f6f6f6;}
.contlist .conc{ width: 330px; height: 150px; float: left; border-top: 3px solid #d32727; background: #f3f1f2;}
.contlist .con .con_tit{ width: 305px; height: 42px; padding-left: 25px; line-height: 42px; font-size: 16px; font-weight: bold;}
.contlist .con .con_tit i{color:#999999; font-style: normal; margin-left: 10px; font-size: 13px;}
.contlist .cona .con_tit{ color:#278cdc; }
.contlist .conb .con_tit{ color:#0159a3; }
.contlist .conc .con_tit{ color:#d32727; }

.contlist .con_des{ width: 330px; height: 108px;}
.contlist .con_des a{ width: 130px; height: 90px; margin: 3px 9px 9px 9px; display: block; float: left;}
.contlist .con_des a img{ width: 130px; height: 90px;}
.contlist .con_des p{ width: 173px; line-height: 24px; float: left; margin-top: 0px;font-size: 12px;}

.new{ width: 990px; border:1px solid #eaeaea; height: 190px;margin: 0 auto; margin-top: 20px;  background: #f7f7f7;}
.newlist{ width: 678px; float: left;}
.newlist .new_up{ width: 678px; height: 41px; border-bottom: 1px solid #eaeaea;}
.new_up  .newa{ width: 498px; float: left; height: 41px; text-indent: 25px; font-weight: bold; color: #999; font-size: 16px; line-height: 41px;}
.new_up  .newa i{ font-size: 13px;  font-style: normal;color: #999;}
.up_list{ width: 180px; float: right;}
.up_list ul li{ width: 60px; margin-left: 30px; color: #666;font-size: 12px; text-align: center; cursor: pointer; float: left;height: 39px; line-height: 39px;}
.up_list ul li.hover{ border-bottom:2px solid #0058a2; font-size: 12px;}
.up_list ul li a{font-size: 12px;}

.new_cont{ width: 678px; height: 148px;}

.new_imgs{ width: 334px; height: 100px; margin: 24px 16px; float: left;}
.new_imgs a img { width: 140px; height: 100px;}
.new_imgs a.new_thumbimg{ width: 140px; height: 100px; display: block; float: left;}
.new_imgs .new_des{ width: 178px; float: right;}
.new_imgs .new_des a{color:#666666; font-size: 14px; color: #666666; font-weight: bold; width: 178px; line-height: 28px; display: block;}
.new_imgs .new_des p{ line-height: 18px; height: 54px;color: #666666;font-size: 12px;}
.new_imgs .new_des i{ font-size: 14px; font-style: normal; color: #aaa;}
ul.newlists { width: 300px; float: right; padding-top: 24px;}
ul.newlists li{ height: 25px; line-height: 25px; background: url(../images/icon04.jpg) 0px center no-repeat; text-indent: 10px;}
ul.newlists li a{ color: #666666;font-size: 12px;}
.new_img{ width: 280px; margin: 16px; float: right;}
.new_img img{ width: 280px; height:158px; }
.footer{ width: 100%; height: 65px; background: #666666; padding-top: 15px; margin-top: 20px;}
.caselist{ width: 960px; padding: 0px 15px; height: 200px; background: #efefef; margin: 0 auto; margin-top: 20px; overflow: hidden;}

.caselist ul { width: 2000px; height: 200px;}
.caselist ul li{ width: 180px; float: left; height: 170px; margin-top: 19px; margin-right: 15px;}
.caselist ul li a img{ width: 182px; height: 134px;}
.caselist ul li p { width: 180px; line-height: 40px; text-align: center; font-size: 13px;}

.content{ width: 990px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 20px; }
.content .left{ width: 224px; height: auto; overflow: hidden; float: left;}
.content .left .left_up{ width: 224px; height: 30px; line-height: 30px; border-bottom: 4px solid #205aa3; font-size: 16px; color: #0058a3; text-indent: 10px;font-family: microsoft yahei;}
.content .left ul{ width: 224px; height: auto; overflow: hidden;  }
.content .left ul li{  width: 224px; height: 34px; text-indent: 30px; line-height: 34px; font-size: 14px; background: url(../images/sidebar_abg.jpg) 0px 0px no-repeat;}
.content .left ul li:hover{ background: url(../images/sidebar_abg.jpg) 0px -34px no-repeat;}
.content .left .contact{ margin-top: 20px;}
.content .left ul li:hover a{ color: #fff;}
.content .left .conts{ width: 224px; padding-top: 10px;}
.content .left .conts p{ line-height: 28px;  margin: 0 auto; padding-left: 5px; font-size: 12px;}
.content .right{ width: 740px; float: right; height: auto; overflow: hidden;  }
.content .right .right_up{ width: 740px; height: 30px; line-height: 30px; background: url(../images/icon19.jpg) 0px center no-repeat;}
.content .right .rigname{ width: 200px; height: 30px; float: left;font-size: 16px; color: #0058a3; text-indent: 20px;font-family: microsoft yahei;}
.content .right .pos{ width: 530px; float: left; text-align: right; line-height: 30px; padding-right: 10px;}
.content .right .pos a{font-family: microsoft yahei;font-size: 12px;}
.content .right .newslists{width: 738px; border: 1px solid #dddddd;  height: auto;  overflow: hidden; padding-bottom: 20px;}
.content .right .newslists ul.newlist{ width: 738px; margin-top: 2px;padding-top: 20px; padding-bottom: 30px;}
.content .right .newslists ul.newlist li{ height: 38px; border-bottom: 1px dotted #cccccc; line-height: 38px; width: 680px; margin: 0 auto;}
.content .right .newslists ul.newlist li a{ font-size: 13px; width: 600px; display: block; text-indent: 5px; float: left; height: 38px;}
.content .right .newslists ul.newlist li a:hover{color:#0058a3;}
.content .right .newslists ul.newlist li i{ font-size: 13px; width: 75px; padding-right: 5px; display: block; float: left; text-align: right; font-style: normal;}



.footer p{ line-height: 25px; font-size: 13px; color: #fff; width: 990px; margin:0 auto; text-align: center;}
.footer p a{color: #fff;}


.newslists h1.data_title{ width: 740px; padding-bottom: 5px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; padding-top: 30px;}
.newslists .time{ width: 700px; font-size: 12px; margin: 0 auto; height:25px; text-align: center; border-bottom: 1px solid #eee;}
.newslists .data_content{ width: 700px; margin: 0 auto; line-height: 26px; font-size: 14px; padding-top: 20px; font-size: 13px;  text-indent: 2em; padding-bottom: 20px;}

.up{ width: 700px; margin: 0 auto;}
.up { font-size: 12px; height: 30px; line-height: 30px;}
.up  a{ font-size: 12px;}
.pages{ height: 50px; line-height: 50px;}

div.pageList{clear:both;}
div.pageList .l{ float:left; margin-left:30px; line-height:30px;font-style:normal; font-size: 13px;}
div.pageList .r{ float:left; line-height:30px; font-size: 13px;}
div.pageList .r li {float:left;margin-left:5px; font-size: 13px;}
div.pageList .r li a{border: 1px solid #ccc; font-size: 12px; margin: 0 1px;padding: 2px 6px; border-radius: 2px; text-decoration: none !important; color:#000;}
div.pageList .r li a:hover,div.pageList .r li a.selected{background-color:#ccc; color:white;}

.page_content{ width: 698px; border: 1px solid #dddddd; padding: 20px 20px; font-size: 14px; text-indent: 2em; line-height: 28px;}

.caselistss{ width: 738px; height: auto; padding-top: 20px; border: 1px solid #ccc; overflow: hidden; padding-bottom: 30px;}
.caselistss ul.caselista{ width: 738px;}
.caselistss ul.caselista li{ width: 246px; height: 180px; float: left; margin-top: 10px; }
.caselistss ul.caselista li a{ width: 206px; border-radius: 3px; height: 140px; display: block; margin: 0 auto;}
.caselistss ul.caselista li a img{ width: 206px; height:140px;}
.caselistss ul.caselista li p{ width: 206px; margin: 0 auto; line-height: 40px; font-size: 14px; text-align: center;}
.caselistss ul.caselista li p a{ font-family: "微软雅黑";}

.caselistss h1.data_tit{ width: 738px; height: 60px; line-height: 60px; display: block; text-align: center; font-family: "微软雅黑";}
.caselistss .data_thumb{ width: 738px; height: auto; text-align: center; overflow: hidden;}
.caselistss .data_thumb img {width: 550px;}
.case_content{ width: 698px; padding: 20px; padding-bottom: 40px; }

.zpbox{ width: 698px; border: 1px solid #ccc; padding: 20px; padding-top: 30px;}
.zpbox .xd{ width: 698px; height: 50px; clear: both;}
.zpbox .xd .lib{ width: 90px; padding-right: 10px; line-height: 26px; text-align: right;  font-size: 13px;}
.zpbox .xd  .inp input{ width: 250px; height: 24px; border: 1px solid #ccc; border-radius: 2px;}
.zpbox .xd .intt textarea{ width: 350px; height: 60px; padding: 4px; font-size: 13px;}
.zpbox .xd  img{ margin-left: 10px; margin-top: 3px;}
.mar20{ margin-top: 30px;}
.zpbox .xd .anan{ width: 115px; height: 30px; background: #0058a3; border: none; border-radius: 3px; color: #fff; font-size: 14px;}