.containers {height:50px; background:#2271E8;}
.menu {height:50px;line-height:50px;  margin:0 auto; width:1200px;}
.menu li {float:left;position:relative;}
.menu li a:hover { background:#FF9900;}
.menu li.focusa {background:#FF9900;}
.menu li a {display:block;float:left;height:50px;line-height:50px;width:133px; text-align: center; font-size:16px; color:#fff /* padding: 0 25px; */}
.menu li ul {position:absolute;left:0;background:#2271E8;width:133px;z-index:9999999999;display:none;}
.menu li ul a {width:133px;padding:0; /* text-indent: 2em; */}
.one {top:50px;}
.one li a:hover {background:#FF9900;}
.menu li ul.two {left:133px;}
.one li a.more {background:url( ../../kf/vdrop.png) no-repeat 100px center;}
.one li a.more:hover {background:url( ../../kf/vdrop.png) #E9E8E8 no-repeat 100px center;}
.menu li ul.hdw {left:133px;}
.menu li ul.hdwq {left:133px;}
#tactive{ color:#fff;background:#FF9900; }
	
		
body {  margin:0; padding:0;color:#444; }
body { font-size:14px; line-height:2em;}
div,form,iframe,img,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}
div{margin:0px auto;} /* ?firefox???????? */
table{margin:0px auto;}
table,td,tr,th {font-size:14px;}
ul,li {text-align:left;}
li {list-style-type:none;}
a {font-size:14px;}
hr{height:1px;}
select,input{vertical-align:middle; }
img {border:0;}
html{ height:100%;}

/* ?????????????? */
a:link    {color:#444;text-decoration:none;}
a:visited {color:#444;text-decoration:none;}
a:hover   {color:#187ec6;text-decoration:none;}
a:active  {color:#444;text-decoration:none;}
.button {width:80px; height:20px;}
.clear{font:0px/0px sans-serif;clear:both;display: block}
/* ?????? */
.selfScale{
  cursor: pointer;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.selfScale img{
  width: 100%;
  top: 0;
  position: relative;
  left: 0;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
}
.selfScale img:hover{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

/* ????? */
#navbox{position:relative; width:100%; height:164px;z-index:999; }
#fixednav{position:absolute; width:100%; text-align:center; margin:0px auto; height:164px;z-index:999; left:0px;/* left:0px;??§Õ */ }

.nav{ width:100%; height:50px; margin:0px auto; background-color:#2271e8;z-index:999; }
.nav ul{ width:1204px;  margin:0px auto; float:left;}
.nav li{ float:left; height:50px; line-height:50px; text-align:center; width:180px; margin:0px 6px; }
.nav li a{ height:50px; line-height:50px; display:block; text-align:center; width:150px;font-size:16px;color:#fff;}
.nav a:hover{ background-color:#ff9900;}
.nav li:hover a{ color:#fff; }
.on{background-color:#ff9900;color:#fff;}
.sousuo{ width:1201px;height:50px; line-height:50px; text-align:left;  margin:0px auto;}
.sousuo form{ margin:0px auto; background-color:#FFF; }

.serach {
	width:283px;
	height:30px;
	background:url(../bg/search.png) no-repeat;
	 background-color:#FFF;
	float:left;
	margin-top:16px;
	margin-left:20px;	
	  

}
.stxt {
	width:245px;
	height:30px;
	border:1px solid #CCC;
	border-radius:3PX;
	 background-color:#FFF;
	float:left;
	padding-left:11px;
	color:#000;
		margin-top:10px;

}
.sbut {
	width:30px;
	height:30px;
	background:url(../bg/sarb.png) no-repeat 50% 50%;
	 background-color:#FFF;
	cursor:pointer;
	margin-top:11px;
	float:left;
	margin-left:10px;
		border-radius:3PX;

}

#list3{ width:228px; }
#list3 td{width:100%;  padding:0px; height:60px; text-align:left; line-height:60px; font-size:16px; overflow: hidden;   text-indent: 5px;  margin:15px auto; background:url(../bg/i-2.jpg) no-repeat left center; border-bottom:1px dashed #ececec; }
#list3 td a{ color:#000; font-size:14px;}
#list3 td:hover{  background:url(../bg/i-1.jpg) no-repeat left; }

#list3 .td1{ height:60px;  }
#list3 .td1 a{ color:#000; font-size:16px;}
#list3 .td1:hover{ border-bottom:1px solid #fff; background-color:#ffc800;}
#list3 .td1:hover a{ color:#fff;}
#list3 .td2{ height:60px; line-height:60px; }
#list3 .td3 a:hover{ color:#012063;}
.sub_s1{ font-size:16px;}


.bgimg1{ width:100%; height:195px; display:block; margin:0px auto; background:url(../bg/ad1.jpg) no-repeat top center;}
.bgimg2{ width:100%; height:1111px; display:block; margin:0px auto; background:url(../bg/ad2.jpg) no-repeat top center;}

.indexa{ margin-left:20px;}
.indexa a{ float:left; width:220px; height:60px; line-height:60px; padding-right:31px;   font-size:14px; margin:0px 10px;  display:block; background:url(../bg/bj-pro.jpg) no-repeat; }
.indexa a:hover{  background:url(../bg/bj-pro-on.jpg) no-repeat; color:#fff; }

.caseimg{position:relative; top:0px; left:0px; }
.case_name{ width:288px; height:97px; position:absolute; top:210px; left:0; line-height:97px; color:#fff; font-size:16px; background:url(../bg/bj-case-name.jpg) no-repeat top center; }
.caseimg:hover .case_name{height:307px;  top:0px; line-height:240px; color:#fff; font-size:16px; background:none;background:url(../bg/bj-png.png) no-repeat top center; }


.nav2{ width:717px; height:70px; margin:0px auto;}
.nav2 ul{  margin:0px auto;}
.nav2 li{ float:left; height:70px; line-height:70px; text-align:left; width:85px; }
.nav2 li a{ color:#fff; font-size:14px;}


.ad_home1{ width:100%; margin:0px auto; height:129px; background:url(../bg/pic-ad.jpg) top center no-repeat; }
.ad_home2{ width:100%; margin:0px auto; height:719px; background:url(../bg/bj-ab.jpg) top center no-repeat; }



#new{ width:620px; height:auto; display:block; padding-bottom:20px;}
#new .new2 a{ width:99%; height:95px;  margin:5px 10px 0px; display:block; line-height:25px; padding:0px 0px 15px; text-align:left; float:left; border-bottom:1px solid #ccc; }
#new .new2 a span{ float:left; width:72px; text-align:center;  height:70px; margin:10px 0px; display:block; background-color:#01b5b6; border:1px solid #ececec; color:#fff;}


.bian{ width:40%; border:2px solid #ccc; padding:10px 40px; line-height:30px; text-align:left; float:left; margin:0px 10px; height:445px;}
.bian span{ background-color:#F00; color:#fff; padding:5px 10px;}
.line2{ font-size:14px; line-height:40px; padding-bottom:9px;}

#box1{ width:100%; height:876px; margin:0px auto; display:block; background:url(../bg/bj-pro.jpg) no-repeat top center;}

.index_list a{ width:228px; padding:0px 5px; height:46px; line-height:46px; font-size:16px; display:block; border:1px solid #ececec; color:#0f4378; background:url(../bg/item-pro.jpg) no-repeat 95% 50%; margin:5px auto;}
.index_list a:hover{ border:1px solid #0f4378;}

.index_pro li{ float:left; width:204px; height:180px; line-height:30px; margin-right:18px; margin-top:15px; display:block; text-align:center;}
.index_pro img{ width:204px; height:150px;}

#ab{ width:715px; height:144px; overflow:hidden; font-size:14px; line-height:30px;  text-align:left;}

.indexad{ width:100%; height:151px; margin:0px auto; display:block; background:url(../bg/pic-ad.jpg) no-repeat top center;}

.case{ width:243px; height:340px; border:1px dashed #ececec; padding:17px 22px;}
#index_3{ width:100%; height:418px; display:block; background:url(../bg/bj-case.jpg);}

.width1000{ width:1102px; margin:0px auto;}
#fdemo img:hover{ border:1px solid #02389c;}

.pic-pro{  height:auto; margin:0px auto 0px;}
.mt45{ margin-top:45px;}

.p-l{ width:500px; height:30px; float:left; display:block; background:url(../bg/p-l.jpg) no-repeat;}
.p-l:hover{ background:url(../bg/p-l-on.jpg) no-repeat;}

.p-r{ width:500px; height:30px; float:right; display:block;background:url(../bg/p-r.jpg) no-repeat;}
.p-r:hover{ background:url(../bg/p-r-on.jpg) no-repeat;}

#scrollDiv ul li{ height:35px; line-height:35px;}
#scrollDiv{ width:auto; height:35px; overflow:hidden;}

#list2{ width:1189px; height:60px; margin:0px auto 20px; background-color:#434343;}
#list2 a{ width:125px; height:60px; line-height:60px; float:left; display:block; text-align:center;color:#fff;  font-size:14px;}
#list2 a:hover{ background-color:#ff8820; color:#fff;}
#list2 a.on{background-color:#ff8820; color:#fff;}

.lanrenzhijia .content{ overflow:hidden; width:1189x; height:230px; position:relative;}
.lanrenzhijia .content ul{ position:absolute; left:0; top:0; height:210px;}
.lanrenzhijia .content li{ width:1189px; height:220px; float:left;}
.lanrenzhijia .content  a{ width:210px; height:220px;  display:block; float:left; margin:5px 13px; text-align:center; font-size:16px; color:#333;}
.lanrenzhijia .content img{ border:1px solid #d7d7d7;width:220px; height:190px;}

#bj2{ width:100%; height:450px; padding:35px 0; background-color:#e8e8e8;}
.width1200{ width:1200px; margin:0px auto 0px;}

.wk_i_colName {width:100%;margin: 0px auto ;padding:20px 0px 0px;border-bottom: 1px solid #DDD;}
.wk_i_colLeft {float: left;height: 30px;line-height: 30px;}
.wk_i_cName {border-bottom: 2px solid #1F92D1;height: 29px;line-height: 29px;font-size: 18px;float: left;}
.wk_i_eName {font-size: 16px;color: #d0d0d0;padding-left: 10px;}
.wk_i_colRight {float: right;height: 30px;line-height: 30px;}
.wk_i_colTit {height: 29px;line-height: 29px;font-size: 14px;color: #AAA;}

.xld{ width:1000px; margin:30px auto 0px; text-align:left;}
.xld dl{ float:left;margin-right:10px;_margin-right:5px;width: 490px;height: 110px;overflow: hidden;margin-bottom: 20px;}
.xld dl dd {font-size: 12px;line-height: 20px;color: #888;margin-bottom: 2px;}
.xld .m{ float:left;margin-top: 5px;margin-right: 15px;border: 1px dotted #ccc;}
.xld dl dt {height: 30px;overflow: hidden;padding: 0;font-weight: 700;}
.xld dl dt a {font-size: 16px;height: 30px;line-height: 30px;color: #333;}


#link a{float: left;width:133px;height: 48px;border: 1px solid #e6e6e6;text-align: center;vertical-align: middle;margin: 0 7px 15px 0px;position: relative;}
#link a:hover{ border:1px solid #fcd475;}

.bt{ width:100%; height:160px; margin:0px auto; background:#0f3677;  font-size:14px;line-height:50px;  color:#fff;  }
.footerlj{ margin:15px auto;}

.link{ padding-left:80px;}
.link a{ color:#696969; padding:0px 2px;}
.LINK1 { color:#fff; font-size:14px; font-weight:bold;}

/* ??? */

#nei_top{width:100%;height:auto;display:block;}
.ad{width:100%; height:0px; margin:0px auto; display:none; }
#wrap{ width:1100px; margin:0px auto 0px; }
#nei{ max-width:1100px; min-width:1100px; height:auto;}
#nei .left{ width:248px; height:auto; display:block; float:left; text-align:center; margin-top:5px;}
#nei .right{ width:820px; height:auto; min-height:260px; float:right; margin-bottom:15px; text-align:left;}

.left .left1{width:100%;height:80px; color:#fff; background-color:#2866af;}
.left .left1 h2{  font-family:"??????"; text-align:left; line-height:33px; text-indent:20px;height: auto;font-size: 26px;color:#ffff; padding-top:20px;}
.left .left1  span{ width:180px;height:0px;font-size:12px;font-style:oblique;color:#fff; float:left; }

.left #wrapper-250 .third{height:25px; line-height:25px; background:none;}

.leftbt{ width:248px; height:40px; background:url(../bg/bj-left-bt.jpg) no-repeat top center; display:none;}
.left2{ width:100%;height:auto; display:block; margin:0px auto; list-style:none; border-right:1px solid #ccc; border-left:1px solid #ccc;border-bottom:1px solid #ccc; padding-bottom:20px;}
.left2 ul{ width:246px;height:auto; display:block; margin:0px auto 0px; padding-top:10px; padding-bottom:20px;}

.left2 ul li{width:246px;height:51px;line-height:51px; display:block; margin-top:10px; text-align:center; border-bottom:#ececec 1px solid; text-align:left; text-indent:3em;}
.left2 ul li:hover{width:246px;height:51px;line-height:51px; display:block; background:none;  background-color:#666666;}
.left2 ul li:hover a{ color:#fff;}

.left .left2 ul li a{font-size:14px; font-weight:500; font:normal;text-shadow: none; 
-webkit-transition: color 0.3s, padding 0.3s, margin 0.3s ease-out;
-moz-transition: color 0.3s, padding 0.3s, margin 0.3s ease-out;
-o-transition: color 0.3s, padding 0.3s, margin 0.3s ease-out;
-ms-transition: color 0.3s, padding 0.3s, margin 0.3s ease-in-out;}

#title{width:820px;border-bottom: 1px dashed #c0c0c0;padding: 15px 10px 0px 10px;height: 40px;text-align:left;text-shadow: none;
-webkit-transition: color 0.3s, padding 0.3s, margin 0.3s ease-out;
-moz-transition: color 0.3s, padding 0.3s, margin 0.3s ease-out;
-o-transition: color 0.3s, padding 0.3s, margin 0.3s ease-out;
-ms-transition: color 0.3s, padding 0.3s, margin 0.3s ease-in-out;}
.ny_you_bt {float: left;font-size: 18px;padding: 0px 0px 0px 15px;font-family: "??????";background:url(../bg/list_ge.jpg) no-repeat 0% 50%;}
.ny_weizhi {width: auto;height: 30px;float: right;text-align: left;font-size: 12px;color: #666;padding: 10px 10px 0px 0px;}

#list{ width:246px; border-right:1px solid #ccc; border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
#list td{ width:100%; height:51px; line-height:51px; overflow:hidden; text-align:left; text-indent:1em; border-bottom:1px solid #ececec;}
#list td a{ color:#000; }
#list .td1{ height:51px;  }
#list .td1 a{ color:#000; font-size:14px;}
#list .td1:hover{background-color:#666666;}
#list .td1:hover a{ color:#fff;}
#list .td2{ height:51px; line-height:51px; }
#list .td2 a{ font-weight:bold; }
#list .td3 a:hover{ color:#012063;}
.con{ width:240px; text-align:left; line-height:35px; font-size:14px;}

/* nei_over */

/*  */
.info-content {width:820px; margin:0px auto; padding:10px 0px; line-height:25px;  }
/* ??????? */
.info-content .hang {width:100%; height:220px; text-align:center; margin:10px auto;}
.info-content .hang2 {width:100%; height:30px; line-height:30px; text-align:right;}
.info-content .hang .lie {width:33%; height:100%; float:left;}
.info-content .hang .lie .img img{width:220px; height:169px;border-radius:3px; -moz-transition: all 0.2s ease-in; border:1px solid #eaeaea;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;}
.info-content .hang .lie .img {width:100%; height:auto; }

.info-content .hang .lie .name {width:100%; height:30px; line-height:30px; text-align:center; overflow:hidden; }
.info-content .page {width:100%; height:45px; text-align:center;}
.info-content .title {width:100%; height:30px; line-height:30px; font-size:14px; font-weight:bold; text-align:center;}
.info-content .picture {width:100%; height:80px; text-align:center;}
.info-content .ul {width:100%; margin:0px;}
.info-content .li {width:100%; height:25px; line-height:25px; text-align:left;}
.info-content .content {width:100%; padding-top:8px; padding-bottom:8px; line-height:25px; }
.info-content .return {width:100%; height:80px; text-align:center;}

.info-content .news-head {width:100%; height:25px; background-color:#f3f3f3; border:#eaeaea solid 1px; }
.info-content .news-head .k01 {width:70%; height:25px; line-height:25px; color:#0066cc; text-align:center; float:left;}
.info-content .news-head .k02 {width:13%; height:25px; line-height:25px; color:#0066cc; text-align:center; float:left;}
.info-content .news-head .k03 {width:15%; height:25px; line-height:25px; color:#0066cc; text-align:center; float:left;}
.info-content .news-head .k00 {width:100%; height:25px; line-height:25px; color:#0066cc; text-align:center;}
.info-content .news-list {width:100%; padding-top:5px; padding-bottom:5px;}
.info-content .news-list ul {width:100%; margin:0px;}

.info-content .news-list li {width:100%; height:45px; border-bottom:#F6F6F6 solid 1px; text-align:center;}
.info-content .news-list li .c01 {width:70%; height:45px; line-height:45px; text-align:left; float:left; overflow:hidden;}
.info-content .news-list li .c02 {width:13%; height:45px; line-height:45px; text-align:center; float:left;}
.info-content .news-list li .c03 {width:15%; height:45px; line-height:45px; text-align:center; float:left;}
.info-content .news-list li .c00{width:100%; height:45px; line-height:45px; text-align:left;}

.info-content .next{ width:100%; height:60px;}
.info-content .next1{ width:100%; height:30px; list-style:30px; overflow:hidden;}
.info-content .next2{ width:100%; height:30px; list-style:30px; overflow:hidden;}


.info-content .table {width:98%; padding-top:5px; padding-bottom:5px;}
.info-content .table ul{width:100%; border:#e7f5ff solid 1px;}
.info-content .table li{width:100%; border-bottom:#e7f5ff solid 1px; height:28px; vertical-align:bottom;}
.info-content .table li .k-left{width:30%; height:28px; line-height:28px; text-align:right; border-right:#e7f5ff solid 1px; color:#0071e1; float:left;}
.info-content .table li .k-right{width:68%; height:26px; line-height:26px; text-align:left; padding-top:2px; float:left;}

.info-content .contact {width:100%; padding-top:5px; padding-bottom:5px;}
.info-content .contact .c-title {width:100%; height:30px; line-height:30px; text-align:left; font-size:14px; font-weight:bold; clear:both;}
.info-content .contact .c-container {width:100%;}
.info-content .contact .c-container .c-left {width:60%; float:left;}
.info-content .contact .c-container .c-left ul {width:100%; margin:0px;}
.info-content .contact .c-container .c-left li {width:100%; height:30px; line-height:30px; text-align:left; overflow:hidden;}
.info-content .contact .c-container .c-picture {width:40%; float:left;}
.info-content .contact .c-memo {width:100%; line-height:25px; text-align:left; padding-top:2px; padding-bottom:2px;}

.info-content .guestbook {width:98%; display:block;  min-height:140px;height:100%; overflow:hidden; border:#d4e5f7 solid 1px; clear:both; padding-top:5px; }
.info-content .guestbook .g-left {width:25%; height:auto; border-right:#d4e5f7 solid 1px; float:left;}
.info-content .guestbook .g-left .g-l-01 {width:100%; height:56px; text-align:center; padding-top:3px;}
.info-content .guestbook .g-left .g-l-02 {width:100%; height:20px; line-height:20px; text-align:center; overflow:hidden;}
.info-content .guestbook .g-right {width:72%;  height:auto; float:left;}
.info-content .guestbook .g-right .g-r-01 {width:95%; height:30px; line-height:30px; border-bottom:#d4e5f7 solid 1px; overflow:hidden;}
.info-content .guestbook .g-right .g-r-02 {width:95%; padding-top:5px; padding-bottom:5px; line-height:22px; text-align:left; height:100%}
.info-content .guestbook .g-right .g-r-03 {width:95%; line-height:22px; text-align:left; color:#0066cc;}
.info-content .guestbook-norecord {width:100%; height:50px; line-height:50px; text-align:center; clear:both;}
.info-content .guestbook-search {width:100%; height:30px; line-height:30px; text-align:center; clear:both;}


/* ?????? */
.page_green-black {width:100%; height:35px; text-align:center; clear:both;}
.page_green-black a {  padding-bottom:2px; color:#2c2c2c; margin-right:2px; padding-top:2px; text-decoration:none;}
.page_green-black a:hover {background:url(../bg/image2.gif) #99cc00; color:#fff; padding:0px 5px;}
.page_green-black a:active {background:url(../bg/image2.gif) #99cc00; color:#fff;}
.page_green-black span.current { padding-right:5px; padding-left:5px; font-weight:bold; background:url(../bg/image2.gif) #99cc00; padding-bottom:2px; color:#fff; margin-right:2px; padding-top:2px;}
.page_green-black span.disabled {background:#eeeeee; padding-right:5px; padding-left:5px; padding-bottom:2px; color:#ccc; margin-right:2px; padding-top:2px; }

.top{background: #F2F2F2; height: 30px; line-height: 30px; font-size:14px;} 
	.top a{  font-size:14px;} 
	body.night .top{ background: #3D3D3D;} 
    .box{ width:1200px; margin:0 auto; }*{ padding:0; margin:0;}    
 .logo{ height:100px; padding-top:15px}
.clear{ clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}  
	.tels{ background:url(../../page/picture/dianhuaji.png) no-repeat left center ; padding-left:70px; margin-top:15px; text-align:left   }
	.tels span{ color:#FF0004; font-size:26px;}
	.foot{text-align:center; background:#2271E8; padding:30px 0; color:#fff; }
		.foot a{color:#fff; }