@charset "utf-8";
/* CSS Document */
.banner{ height:230px; margin:auto; min-width:998px;}
/*fenye*/
#fenye{ height:32px; padding:15px 0;}
.fenye{ height:32px; font-size:14px; text-align:center; }

.fenye a{ display:inline-block; *display:inline; *zoom:1; _display:inline; _zoom:1; height:22px; line-height:22px; width:22px; color:#717171; text-align:center;  background:#fff; margin:0 3px 0 0; border:1px solid #cacaca; font-size:14px; }
.fenye a:hover,.fenye .on{ color:#fff !important; background:#0d6dad !important; border:1px solid #0d6dad !important; }
.fenye a.btn{ width:auto; padding:0 10px; }
.fenye a.zi-btn{ padding:0 12px; width:auto;}
.sz{ width:22px; height:22px; padding:0px !important;}


#main{ width:1000px; margin:33px auto 62px;}






/*左边*/
#left{ width:236px; float:left;}
#left .left-class{ }

#left .left-type { background:url(../images/about_05.png); padding-left:14px; height:40px; line-height:40px; color:#fff; font-size:14px; font-weight:bold;   overflow:hidden; position:relative;}
#left .left-class ul li{ display:block; height:40px; line-height:40px; overflow:hidden; border-bottom:1px solid #dcddde; position:relative;}
#left .left-class ul li a{ display:block;height:40px; line-height:40px; overflow:hidden; padding:0 0px 0 15px; color:#717171; font-size:14px; font-weight:bold;}
#left .left-class ul li a:hover,#left .left-class ul li.on a{ color:#0d5292;}
#left .zi-pro-class .bbt{display:block; height:40px; line-height:40px; overflow:hidden; border-bottom:1px solid #dcddde;}
#left .zi-pro-class .bbt a{ display:block;height:40px; line-height:40px; overflow:hidden; padding:0 0px 0 15px; color:#717171; font-size:14px; font-weight:bold;}
#left .zi-pro-class .bbt a:hover{color:#0d5292;}
#left .zi-pro-class  ul li{  display:block;  line-height:20px; overflow:hidden; border-bottom:1px solid #dcddde;}
#left .zi-pro-class  ul li a{ display:block; padding:10px 0 10px 32px; background:url(../images/about_11.png) left no-repeat;}
#left .zi-pro-class  ul li a:hover,#left .zi-pro-class  ul li.on a{color:#0d5292;}

/*右边*/
#right{ width:740px; float:right;}
#right-main{ }









#zi-right{}
#zi-right .zi-type{ padding-left:27px; height:40px; background:url(../images/about_07.png) no-repeat;}
#zi-right .zi-type .bbt{ height:20px; line-height:18px; font-size:18px; color:#404040; font-weight:bold; border-bottom:1px solid #dcddde;}
#zi-right .weizhi{ height:20px; line-height:28px; color:#8f8f8f;}
#zi-right .weizhi a,#zi-right .weizhi a span{ margin:0 3px 0 0;color:#8f8f8f;}
#zi-right .weizhi a:hover{ color:#0D5292;}
#zi-right .chun-dan{ min-height:500px; padding:26px 0px; overflow:hidden; position:relative;}
#zi-right .chun-dan img{ max-width:100%;}
.Honor-box{ padding-top:30px;}
.Honor-box  ul li{ display:block; width:234px; height:187px; margin-right:19px; float:left; cursor:pointer;}
.Honor-box ul li img{  width:222px; height:131px; padding:5px; border:1px solid #dcddde;}
.Honor-box ul li .title{ line-height:32px; overflow:hidden; position:relative; height:32px; text-align:center;}
.Honor-box ul li:hover img{ border:1px solid #0D5292; }

/*招聘*/
.zp-demo{ padding:5px 0 15px; overflow:hidden; position:relative;}
.zp-list-type{ height:37px; background:url(../images/zp_03.png); border:1px solid #c8c8c8; font-size:14px; color:#212223;}
.zp-list-type ul li{ display:inline-block; float:left; *display:inline; *zoom:1; _display:inline; _zoom:1; width:104px; padding-right:2px; background:url(../images/join/zpn_07.jpg) right no-repeat; height:37px; line-height:37px; text-align:center;white-space: nowrap;text-overflow: ellipsis;}
.zp-list-type ul li#zlt1{ width:130px; text-align:left; padding-left:15px;}
/**/
.zp-type{ height:41px; background:url(../images/zp_03.png); margin:26px auto 0;}
.zp-type ul li{ display:block; height:40px; float:left; line-height:38px; font-weight:bold; color:#0d6dad;}
.zp-type ul li.l1{ padding-left:26px; width:384px;}
.zp-type ul li.l2{ text-align:center; width:158px;}
.zp-type ul li.l3{ text-align:right; width:137px;}

.zp-list-list{ min-height:350px;}
.zp-list-list ul li{ display:block; border-bottom:1px dotted #dddddd;}
.zp-list-list ul li .title{ height:47px;  line-height:47px; overflow:hidden; color:#333333;  cursor:pointer;}
.zp-list-list ul li .title.on{color:#0d6dad;}
.zp-list-list ul li .title.on .jia,.zp-list-list ul li .title .jian{ display:none;}
.zp-list-list ul li .title.on .jian{ display:block; font-size:30px;}
.zp-list-list ul li .zp-content{border-top:1px solid #dddddd; padding:23px 26px;  color:#3b3a3a; line-height:2em; display:none; clear:both;}
.zp-list-list ul li .title dl{ display:block; height:47px; font-weight:bold;}

.zp-list-list ul li .title dl dd{ display:block; float:left; height:47px; overflow:hidden; position:relative;}
.zp-list-list ul li .title dl dd.d1{ padding-left:26px; width:384px;}
.zp-list-list ul li .title dl dd.d2{ text-align:center; width:158px;}
.zp-list-list ul li .title dl dd.d3{ text-align:right; width:137px; font-size:20px;}
/**/




.zx-list{padding-top:40px;}
.zx-list dl{ position:relative; padding-left:152px; margin-bottom:10px;}
.zx-list dl dd{ width:145px; height:39px; line-height:39px; position:absolute; top:0px; left:0px; font-size:14px; color:#737373; text-align:right;}
.zx-list dl dd span{ color:#ff0000;}


.ly_content{ width:556px; height:150px; padding:10px 5px; background:#fff; line-height:20px; border:1px solid #ddd;}
.text-btn{ height:34px; padding:0 21px; cursor:pointer; color:#000;  font-size:14px; margin-right:10px; border:1px solid #ddd; background:url(../images/ly_05.png); }
.ly-btn{padding-left:152px}
.text-btn:hover{ color:#0d5292;}
.ly-text.chang{ width:556px;}
.ly-text.duan{ width:200px;}
.ly-text{ padding: 10px  5px; width:326px;background:#fff; border:1px solid #ddd; height:20px; line-height:20px;}
.ly-text:focus,.ly_content:focus{ border:1px solid #0d5292; box-shadow:0 0  10px #ccc;}


.zx-list dl dt span{ margin-left:10px; font-family:'simsun'; color:#F00;}



/*荣誉*/
.honor-list{ padding-top:30px;}
.honor-list ul li{ display:block; float:left; width:159px; height:274px; margin-right:34px; text-align:center;}
.honor-list ul li a{ display:block;}
.honor-list ul li a img{ border:1px solid #dddddd; padding:5px; width:144px; height:200px; margin-bottom:5px;}

/*新闻*/

#zi-right .news-list{ padding:12px 0px; overflow:hidden; position:relative;}
#zi-right .news-list ul{ min-height:400px;}
#zi-right .news-list ul li{ display:block; padding:10px 0 10px 92px; position:relative;}

#zi-right .news-list ul li a:hover{ text-decoration:underline;} 
#zi-right .news-list ul li .title{ height:26px; line-height:26px; display:block; overflow:hidden; position:relative; font-size:16px; color:#0d6dad;}
#zi-right .news-list ul li .rq{ top:10px; left:0px; position:absolute; line-height:26px;}

#zi-right .news-list ul li .demo{ color:#686868;  line-height:22px; overflow:hidden; position:relative;}




/*产品*/
.cp-type{ height:41px; background:url(../images/zp_03.png); margin:26px auto 0;}
.cp-type ul li{ display:block; height:40px; float:left; line-height:38px; font-weight:bold; color:#0d6dad;}
.cp-type ul li.l1{ padding-left:26px; width:300px;}
.cp-type ul li.l2{width:268px;}
.cp-type ul li.l3{ text-align:center; width:137px;}


#zi-right .product-list{ padding:12px 0px; overflow:hidden; position:relative;}
#zi-right .product-list .t2 img{ border:1px solid #ddd; width:97px; height:77px;}
#zi-right .product-list .t3 a{ font-weight:bold; color:#0d6dad; font-size:14px;}
#zi-right .product-list tr{ border-bottom:1px solid #dbdbdb;}
#zi-right .product-list tr td{ padding:17px 0;}

.cp-banner{  width:740px; position:relative; margin:26px auto 0;}
.cp-banner .list{ height:360px; width:540px; margin:auto; overflow:hidden; position:relative;}
.cp-banner .list ul li{ display:block; width:540px; height:360px;}
.cp-banner .list ul li img{ display:block; max-width:540px; height:360px; margin:auto;}
.cp-banner .hd{ padding:10px; text-align:center;}
.cp-banner .hd ul li{ display:inline-block; *display:inline; *zoom:1; width:14px; height:14px; border-radius:100%; margin:0 5px; background:#c8c8c8;}
.cp-banner .hd ul li.on{ background:#0d6dad;}
.cp-banner .btn a{ display:block; position:absolute; cursor:pointer; top:50%; margin-top:-17px; width:18px; height:34px;}
.cp-banner .btn a.prev{ left:0px; background:url(../images/btn_03.png);}
.cp-banner .btn a.next{ right:0px; background:url(../images/btn_05.png);}

.cp-href{ padding:0 10px; text-align:center;}
.cp-href a{ display:inline-block; line-height:27px; padding:0 10px; color:#fff; font-size:14px; background:#0d6dad; min-width:120px; }
.cp-view-type{ padding:30px 0 19px 17px; font-size:14px; color:#414141; background:url(../images/cpview_03.png) bottom no-repeat; margin-bottom:15px;}
.cp-viewv img{ max-width:100%;}








.about-main{ width:998px; margin:23px auto 0;  min-height:400px; position:relative;}



.about-main .weizhi{ position:absolute; right:0px; height:30px;  line-height:30px; margin:auto; color:#5b5b5b; top:4px; font-size:12px; text-align:right; display:none;}
.about-main .weizhi a{ color:#8c8c8c; margin:0 5px;}
.about-main .weizhi span{ font-family:'simsun';}
.about-main .weizhi a:hover,.about-main .weizhi a.on{ color:#E71E0F;}
.about-right,.news-right,.download-right{ width:1000px; overflow:hidden;color:#595757; overflow:hidden; position:relative;}
.about-right img{ max-width:100%;}
.about-right .zi-view,.news-right .zi-view{ margin:auto; min-height:450px; padding:15px 0px;}
.about-right{ line-height:1.8em;}
.zi-right-type{ height:37px;color:#444444; line-height:37px; position:relative; display:none;  }
.zi-right-type .title{ font-size:16px; color:#353434; font-weight:bold; }
.zi-right-type .title span{ }


/**/












/**/

.member-title{ color:#595757; text-align:center; font-size:16px; font-weight:bold;line-height:24px; margin:10px 0 20px; overflow:hidden; position:relative;}
.member-xx{ color:#808080; line-height:20px; position:relative; overflow:hidden; padding-bottom:20px; text-align:center; }
.member-xx span{ border-right:1px solid #fff; border-left:1px solid #d4d5d5; margin:0 10px;}

.member-xx .add{ padding-left:18px; background:url(../image/zbii_05.jpg) left no-repeat; color:#808080;}
.back-list{ display:inline-block; _display:inline; _display:inline; height:20px; line-height:20px; color:#fff; padding:0 10px; background:#adadad; right:0px; top:0px; position:absolute;}
.back-list:hover{ background:#333;}
/**/
.download-right .list{ padding:10px 0px; min-height:350px;}
.download-right .list ul li{ display:block;  overflow:hidden; padding:10px 0;}
.download-right .list ul li .title{ height:31px; overflow:hidden; position:relative; background:url(../images/zp_05.png); margin-bottom:10px;}
.download-right .list ul li .title .bt{ padding-right:40px; background:url(../images/zp_03.png) right no-repeat #fff; float:left; display:inline-block; *display:inline; *zoom:1; font-size:14px; color:#EA0001; line-height:31px; font-weight:bold;}
.download-right .list ul li .title .bt b{ color:#999; margin-left:20px;}
.download-right .list ul li .demo{ line-height:2em;}

/**/
.cp-list{ border-top:0px; padding:30px 0px 0; min-height:350px;}

.cp-list ul li{ display:block; float:left; width:222px; height:192px; margin:0px 37px 0px  0px; }

.cp-list ul li .title{ display:block; height:38px; line-height:38px; overflow:hidden; position:relative; color:#2a2a2a; border-top:1px solid #dcdcdc; }
.cp-list ul li .title:hover{ text-decoration:underline;}

.cp-list ul li .tu{ width:222px; height:140px;position:relative; overflow:hidden;}

.cp-list ul li .tu img{width:220px; height:140px;}

.cp-list ul li .title{ height:36px; overflow:hidden; line-height:36px; color:#2a2a2a;}

/**/
.cp1-list{ border-top:0px; padding:10px 0px; min-height:350px;}

.cp1-list ul li{ display:block; float:left; width:380px; height:123px; margin:18px 17px 18px  0px;}

.cp1-list ul li .title{ display:block; height:24px; line-height:24px; overflow:hidden; position:relative; color:#1d1d1d; font-weight:bold;}
.cp1-list ul li .title:hover{ text-decoration:underline;}

.cp1-list ul li .tu{ width:155px; height:121px;position:relative; overflow:hidden; float:left; border:1px solid #ddd; margin-right:11px;}

.cp1-list ul li .tu img{width:155px; height:121px; }
.cp1-list ul li .demo{ padding:0px 0px; line-height:24px; color:#5a5a5a; height:72px; overflow:hidden; position:relative;}
.cp1-list ul li .href{ padding-top:2px;}
.cp1-list ul li .href a{ height:23px; border:1px solid #ddd; background:#eee; border-radius:3px; padding:0 5px; display:inline-block; *display:inline; *zoom:1; line-height:23px;}
/**/
.cp-list ul li.ry{ display:block; float:left; width:177px; height:130px; margin:3px 15px 7px  0px;}

.cp-list ul li.ry .title{ display:block; height:26px; line-height:26px; overflow:hidden; position:relative; text-align:center; color:#595959; }


.cp-list ul li.ry .tu{ width:175px; height:95px; border:1px solid #ddd; position:relative; overflow:hidden;}

.cp-list ul li.ry .tu img{ width:175px; height:95px;}

/**/
.cp-list ul li.case-box{ height:116px; width:365px;margin:3px 20px 18px  0px;}
.cp-list ul li.case-box .tu{ float:left; height:114px; width:201px; border:1px solid #ddd; margin-right:13px;}
.cp-list ul li.case-box .tu img{height:114px; width:201px;}
.cp-list ul li.case-box .demo{ padding-top:5px; height:110px; line-height:20px;}
.cp-list ul li.case-box .demo .title{ font-weight:bold; overflow:hidden; position:relative; color:#1d1d1d;}
.cp-list ul li.case-box .demo .jj{ height:60px; overflow:hidden; position:relative; color:#4d4d4d;}
.cp-list ul li.case-box .demo .href a{ color:#4d4d4d;}
.cp-list ul li.case-box .demo .href a span{ display:inline-block; *display:inline; *zoom:1; _display:inline; _zoom:1; text-align:center; color:#fff; background:#d90303; margin-left:5px; width:20px; font-family:'simsun'}






.view-tu{ margin:26px 0 0px 0px; border-bottom:1px solid #dbdbdb; padding-bottom:34px;}

.view-tu .cp-demo{ width:333px; float:left; line-height:1.8em;}
.view-tu .cp-demo .title{ padding:7px 0; line-height:30px; font-size:24px; border-bottom:1px solid #dbdbdb; margin-bottom:10px;}
.view-tu .cp-demo img{ max-width:100%;}

.view-tu .list{ width:526px; height:336px; border:1px solid #ccc; overflow:hidden; position:relative; margin:0 30px 0 13px;  float:left;}
.view-tu .list ul li,.view-tu .list ul li img{ display:block; width:526px; height:336px; margin:0px; padding:0px; }
.view-tu .hd{ width:95px; float:left;}
.view-tu .hd ul li{ display:block; width:93px; height:59px; border:1px solid #ccc; margin-bottom:9px;}
.view-tu .hd ul li img{ width:93px; height:59px; display:block; opacity: .5;  filter: alpha(opacity=50); }
.view-tu .hd ul li.on img{ opacity: 1;  filter: alpha(opacity=100); }
.view-tu .hd  a{}
.view-tu .hd  a.next{ background:url(../images/btn_06.png); display:block; width:95px; cursor:pointer;  height:33px; position:relative; margin-top:-9px; z-index:10;}
.view-tu .hd  a.prev{ background:url(../images/btn_03.png); display:block; width:95px; cursor:pointer;  height:33px; }

.cp-view{  margin:auto;}
.cp-view .view-type{ height:34px; padding:20px 0 0; position:relative; }
.cp-view .view-type .bt{ display:inline-block; *display:inline; *zoom:1; float:left; line-height:34px; color:#00923f; font-size:16px; position:relative;}
.cp-view .view-type .bt i{ width:0px; display:block; position:absolute; height:0px; border-style:solid; border-color:#00923f #fff #fff #fff; border-width:5px; right:-20px; top:15px;}

.cp-view .view .nr-box{ }






/*网站地图*/
.f-type{ font-size:18px;}
.friend-main{ width:950px; margin:15px auto 0; border:5px solid #ccc; padding:20px; margin-bottom:20px; background:#fff;}
.map-box{ padding:10px 0; }
.map-box-top{ font-size:14px; font-weight:bold;}
.map-box ul{ padding:10px;}
.map-box ul li{ display:block; float:left; width:150px; height:30px; line-height:30px; overflow:hidden; position:relative;}
.map-box ul li a{ color:#111;}
.map-box ul li a:hover{ color:#e60012;}









.search-list { padding:10px 18px; min-height:350px;}

.search-list ul li{ height:36px; line-height:36px; display:block; overflow:hidden; position:relative; border-bottom:1px dotted #ccc;}
.search-list ul li a{ display:block;}
.search-list ul li a:hover{ color:#000; text-decoration:underline;}
.search-list ul li a .rq{ float:right; width:100px; text-align:right;}