/* 全局css定义 */
body {text-align:center; margin:0; padding:0; color: #333333; background:url(../images/bj.jpg) repeat-x top; }
body {font: 12px/1.5 微软雅黑;}
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:12px;}
ul,li {text-align:left;}
li {list-style-type:none;}
a {font-size:12px;}
hr{height:1px;}
select,input{vertical-align:middle; }
img {border:0;}
html{ height:100%;}


#roll {
    display: block;
    width: 15px;
    margin-right: -520px;
    position: fixed;
    right: 50%;
    top: 80%;
    _margin-right: -520px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8));
    z-index: 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}

/* 主页面 */
#sousuo{ width:191px; height:25px; line-height:25px; padding:0px 0px; display:inline-block; text-align:left; overflow:hidden; }
#sousuo input{ width:160px; height:23px; display:block; float:left; border: 1px solid #b2c3de; margin-left:0px; color:#999;  border:1px solid #ccc;}
#sousuo img{  display:block;float:right;padding-left:0px;border:1px solid #ccc;}

#top1{ width:100%; height:27px; line-height:27px; background-color:#c0bfbf;}
#top{ width:100%; height:44px; line-height:44px; background:url(../images/bj-nav.jpg) repeat-x;}

#nav{ width:100%; height:50px; line-height:50px; text-align:center; background-color:#024095;}
#nav ul{ width:1304px; margin:0px auto;}
#nav ul li{ width:155px; float:left; height:50px; color:#107028; text-align:center;}
#nav ul li a{color:#fff; font-size:15px; font-weight:bold;}
#nav ul li:hover{ background-color:#ff9913;}
#nav ul li:hover a{ color:#fff;}
#nav .on{background-color:#ff9913;}
#nav  .on a{ color:#fff;}

#nav2{ width:100%; height:50px; line-height:50px; text-align:center; margin:50px 0px;}
#nav2 ul{ width:880px; margin:0px auto;}
#nav2 ul li{ width:105px; float:left; height:50px; color:#fff; text-align:center;}
#nav2 ul li a{color:#fff; font-size:16px; font-weight:bold;}
#nav2 ul li:hover a{ color:#CCC;}
#nav2 ul li a:after{ content:""; width:2px; height:10px;  background-color:#fff; display:inline-block; margin-left:15px;}



.ad1{ width:100%; height:737px; display:block; margin:0px auto; background:url(../images/ad1.jpg) no-repeat top center;}
.ad2{ width:100%; height:617px; display:block; margin:0px auto; background:url(../images/ad2.jpg) no-repeat top center;}
.ad3{ width:100%; height:241px; display:block; margin:0px auto; background:url(../images/ad3.jpg) no-repeat top center;}

.index_list{ border:1px solid #ececec; border-top:none; padding:2px;}
.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(../images/item-pro.jpg) no-repeat 95% 50%; margin:5px auto;}
.index_list a:hover{ border:1px solid #0f4378;}
.index_pro li{ float:left; width:322px; height:270px; line-height:30px; margin:15px 8px; display:block; text-align:center;}
.index_pro img{ width:320px; height:238px; border:1px solid #ececec;}

#index_2{ width:100%; height:551px; display:block; margin:20px auto; background:url(../images/bj-ab.jpg) no-repeat top center;}

#ab{ width:514px; height:165px; overflow:hidden; font-size:12px; line-height:35px; text-align:inherit; padding-top:241px; color:#fff;}
#tab{ width:1286px; height:317px; margin-top:-25px;}
#tab ul li{ width:171px; height:50px; display:block; font-size:16px; background-color:#024095; float:left; margin:0px 10px; line-height:50px; color:#fff; text-align:center;}

.tab_0{ width:600px; height:50px; display:block; margin:0px auto;}
.tab_1{ width:1286px; height:265px; display:block; margin:0px auto;}

.new{ width:345px; margin:5px auto;}
.new ul li{  border-bottom:1px solid #ccc; padding:5px 0px;}
.new ul li a{ line-height:25px; text-align:left; font-size:14px; color:#878787;}



.case{ width:243px; height:340px; border:1px dashed #ececec; padding:17px 22px;}
#index_3{ width:100%; height:418px; display:block; background:url(../images/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(../images/p-l.jpg) no-repeat;}
.p-l:hover{ background:url(../images/p-l-on.jpg) no-repeat;}

.p-r{ width:500px; height:30px; float:right; display:block;background:url(../images/p-r.jpg) no-repeat;}
.p-r:hover{ background:url(../images/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;}

#new{ }
#new .new2 a{ width:47%; height:188px; margin:5px 10px 0px; display:block; line-height:25px; padding:0px 0px; text-align:left; float:left; border-bottom:1px dotted #ececec;}
#new .new2 a span{ float:left; width:72px; text-align:center;  height:60px; margin:15px 30px; display:block; background-color:#0869ad; color:#fff;}


.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:309px; margin:10px auto; background-color:#003c7e; border-top:10px solid #ff9813;}
.bttext{ color:#fff; text-align:left; line-height:25px; font-size:14px;}

.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:100%; 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; }

.left .left1{width:100%;height:80px; color:#fff; background-color:#00519c;}
.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(../images/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:20px;}
.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:13px; 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(../images/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;border-bottom:1px solid #ececec;}
#list td a{ color:#000; font-size:15px; }
#list .td1{ height:51px;  }
#list .td1 a{ color:#000;}
#list .td1:hover{background-color:#666666;}
#list .td1:hover a{ color:#fff;}
#list .td2{ height:51px; line-height:51px; }
#list .td2 a{ font-size:12px; overflow:hidden;}
#list .td3 a:hover{ color:#012063;}
.con{ width:240px; text-align:left; line-height:35px;padding-left:12px; padding-top:22px;}

/* nei_over */

/*  */
.info-content {width:820px; margin:0px auto; padding:10px 0px; line-height:25px; text-align:left; }
/* 中心样式 */
.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:210px; height:158px;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; text-align:left;}
.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(image2.gif) #99cc00; color:#fff; padding:0px 5px;}
.page_green-black a:active {background:url(image2.gif) #99cc00; color:#fff;}
.page_green-black span.current { padding-right:5px; padding-left:5px; font-weight:bold; background:url(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; }


/*reset*/
/*main css*/
.main-im{position:fixed;right:10px;top:300px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;}