@charset "utf-8";
@import "base.css";
/* CSS Document */

/*---------- header --------- */
.header {height:68px; min-width:1003px; padding:15px 0 0;}
.header .page {height:68px; position:relative;}
/*---------- logo ---------*/
.logo { width:365px;}
.logo > a > img{width: 650px;}
.cxt {position:absolute; top:15px; right:120px; }
/*---------- topbar ---------*/
.header .topbar { position:relative; z-index:200}
.llist li{   margin-bottom:5px;float:left; clear:both; white-space:nowrap}
/*---------- menu ---------*/
.menu {height:40px; min-width:1003px; width:100%; z-index:9999; position:absolute; top:83px; background:url(../images/menu_bg.gif) repeat-x left top;}
.menu .page { height:40px;}
.menu ul { padding:0 2px 0 1px;}
.menu ul li {float:left; position:relative}
.menu ul li a {display:block; padding:0 42px; color:#fff; font:16px/40px "微软雅黑";}
.menu ul li  a:hover,.menu ul li  a.sel {color:#FF9000; background:url(../images/menu_sel.png) no-repeat bottom center; }

/*---------- 下级菜单 ---------*/
.menu ul ul{ position:absolute; width:1003px; left:0; top:40px; display:none;background:url(../images/sub_line.gif)  no-repeat left -1px;}
.menu ul ul li{ word-break:keep-all}
.menu ul ul li a{ color:#fff; width:auto; padding:0 20px; font-size:13px; line-height:33px; background:url(../images/sub_line.gif)  no-repeat right -1px}
.menu ul ul li  a:hover,.menu ul ul li  a.sel{ color:#fff;background:#0960ad}

/*最下级*/
.menu ul ul ul{ display:none; background:#fff; left:0; top:156px; padding:20px 0; position:fixed; }
.menu ul ul ul.product3 li{ height:120px; width:180px; }
.menu ul ul ul.product3 li a{ height:120px; width:160px;  word-break:normal; white-space:normal; line-height:18px;}
.menu ul ul ul li a{ background:none; padding:0 20px; color:#333; text-align:center}
.menu ul ul ul li a:hover{ color:#333; background:transparent}
.menu ul ul ul li img{ display:block; margin:0 auto}

#menubg{ background:url(../images/sub_bg.gif) ; height:33px;}

/*---------- banner ---------*/
.banner {height:400px; min-width:1003px; clear:both; position:relative; overflow:hidden; padding-top:40px;}
.banner .imglist li{ height:400px; width:100%; background:no-repeat center center;}
.banner .imglist li a {display:block; cursor:pointer}
.pagelist {width:100%; height:30px; text-align:center; z-index:11; position: absolute; right:0; bottom:20px; padding-right:10px }
.pagelist li {position:relative; display:inline-block; *display:inline; width:15px; height:10px; color:#fff; font-size:35px; cursor:pointer; float:none; }
.pagelist li.on {color:#173794}
.inbanner {height:400px; background:url(../images/inbanner.jpg) no-repeat center bottom; min-width:1003px;padding-top:40px;}
/*---------- uppage ---------*/
.uppage {padding:15px 0 0; min-width:1003px;}
.uppage .tt,.downpage .tt {font:25px/33px "微软雅黑"; color:#f26722;}
.uppage .more,.downpage .more { background:url(../images/more.png) no-repeat center center; display:block; width:34px; height:33px; float:right; padding-top:10px;}
.video { width:480px;}
.about {width:480px;}
.houselist {overflow:hidden;}
.houselist li {float:left; margin:0 5px;}
.products {width:230px; position:relative;}
.overview {padding:15px 0;}
.videott {background:url(../images/video_bg.png) no-repeat left center; padding-left:35px; height:33px; line-height:33px; width:206px; clear:both}
.joinus li a {padding:15px 0 10px; display:block; line-height:29px}
.joinus li { width:480px; font-family:"微软雅黑"; margin:0 10px; border-bottom:1px dashed #000; float:left; height:90px;}
.joinus{ height:460px; overflow:hidden;}
.productslist {overflow:hidden; margin-top:20px;}
.productslist li { line-height:33px; float:left;text-align:center; width:185px; margin:0 5px;}
.btn a {margin:0 auto; display:block; width:90px;}
.buttonlist {position:absolute;right:5px; bottom:5px; height:12px; z-index:11;}
.buttonlist li {float:left;}
.buttonlist li a {width:6px; height:12px;display:block;padding:0 10px; line-height:33px;}
.LeftBotton a{ background:url(../images/propre.gif) no-repeat left top}
.RightBotton a{ background:url(../images/pronext.gif) no-repeat left top}
.LeftBotton a:hover{ background-image:url(../images/propre_on.gif)}
.RightBotton a:hover{ background-image:url(../images/pronext_on.gif)}
.caselist {overflow:hidden; padding:20px 0;}
.caselist li {float:left; width:126px; height:60px; margin:10px 8px; background-color:#fff; text-align:center;}
.knowmore h4 {color:#145C94; line-height:33px}
.knowmore ul {padding:5px 15px;}
.konwmore li a {display:block;}
.konwmore li a:hover {color:#2E5F88}
.patent li {background:url(../images/arrow6.gif) no-repeat left center; padding-left:15px;}
.tab {overflow:hidden; padding:0 1px 0 2px;}
.tab li {float:left; border-bottom:2px solid #9b9b9b; padding-bottom:5px;}
.tab .selected {border-bottom:2px solid #235dab;}
.tab li a {display:block; text-align:center; width:142px; font-size:18px; background:url(../images/tab_line.gif) no-repeat right center; line-height:38px;}
.tjlist {overflow:hidden; height:250px;}
.tjlist li {float:left; margin:10px 5px 10px;}
.tjlist li a {text-align:center; color:#235dab; display:inline-block; line-height:33px;}
.video_tips {display:block; background:url(../images/video_tip.png) no-repeat center center; position:absolute; width:480px; height:360px; left:0; top:0;}
.video_tips:hover {background:url(../images/video_tip_on.png) no-repeat center center;}
.tips {display:block; background:url(../images/product_leave.png) no-repeat center center; position:absolute; width:180px; height:120px; left:0; top:0;}
.govideo{ position:relative}
.govideo:hover .tips,.govideo1:hover .tips {background:url(../images/product_enter.png) no-repeat center center;}
.tips .video_tt {text-align:center; color:#fff; display:block; background:url(../images/videott_bg.png) repeat-x left top; height:30px; line-height:30px; margin-top:90px;}
.news_list {margin-left:175px;}
.news_list li {border-bottom:1px dashed #e0e0e0;}
.news_list li a {display:block; background:url(../images/newsli.png) no-repeat left center; padding-left:15px; -moz-binding: url("ellipsis.xml#ellipsis");text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:310px;}
/*---------- downpage ---------*/
.downpage {padding:15px 0; overflow:hidden; background-color:#153361; min-width:1003px; margin-top:15px;}
.downpage .footertt {color:#fff; font-size:14px;border-bottom:1px solid #7385a0;}
.news {width:500px; overflow:hidden;}
/*---------- incontent ---------*/
.incontent {height:auto; min-width:1003px; position:relative; margin-top:-15px;}
.content .page {overflow:hidden;}

/*---------- left ---------*/
.left {width:210px; background-color:#f3f3f3; }
.title {color:#fff; height:55px;  font-size:21px; font-family:"黑体"; padding-left:10px; width:200px; padding:13px 0 5px 10px; background:#275eaa url(../images/title-bg.gif) no-repeat bottom left;}
.entitle { font-family:Arial; display:block; font-size:22px;}
.left ul {padding:10px 0;}
.left ul li { border-bottom:1px dashed #eaeaea;}
.left ul li a {display:block; background:url(../images/left_li.gif) no-repeat 25px center; padding-left:40px; height:30px; line-height:30px; font-size:14px; }
.left ul li a:hover { background-color:#e0e0e0;}
.left ul ul {padding:0 0 0 15px;display:none}
.left li li {border:none; }
.left .selected ul { display:block}
.left .selected a { background:#e0e0e0 url(../images/left_li_sel.gif) no-repeat 25px center; color:#003093;}
.left .selected li a {background:url(../images/submenu_li.gif) no-repeat left center; padding-left:15px; line-height:22px; height:22px; font-size:12px; color:#666666;} 
.left .selected .selected a {color:#003093;}

/*---------- right ---------*/
.right {padding-top:40px; width:773px;}
.position { line-height:33px; border-bottom:1px dashed #cecece; color:#9d9d9d;}
.position h2 { font-size:24px; color:#f26722; font-family:"微软雅黑"; font-weight:normal;}
.pro_tt {color:#003093; padding:10px 0 5px; -moz-binding: url("ellipsis.xml#ellipsis");text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:160px; display:inline-block;}
.productlist {overflow:hidden;}
.productlist li {float:left; border-bottom:1px dashed #d0d0d0; padding-bottom:10px; margin:20px 18px;}
.productlist li a {display:block; width:350px; height:120px;}
/*---------- maincontent ---------*/
.maincontent {overflow:hidden; padding:20px 0;}
/*---------- pagecount ---------*/
#pageNav {text-align:center; width:100%; clear:both; height:40px; padding-top:20px;}
.pageNum,.cPageNum {line-height:25px; width:26px; text-align:center;display: inline-block; background:url(../images/page.gif);}
.cPageNum {background:url(../images/page_cur.gif); color:#fff; font-weight:bold; *display:inline;*margin-right:5px;}
#pageNav a {color:#2B4A78; text-decoration:none;}
#pageNav a:hover {background:url(../images/page_hover.gif)}
/*---------- back ---------*/
.sBack { border-top: #CCC dotted 1px; margin-top:15px; padding-top:15px; text-align:right; clear:both;}
/*---------- descripition ---------*/
.nDetailBody dt { background:none; font-size:16px; text-align:center;border-bottom:#ccc dotted 1px; line-height:40px; font-weight:bold; }
.nDetailTime { text-align:center; line-height:26px; margin:4px; padding-bottom:10px}
.nDetailCont { line-height:22px;}
.industylist li{ width:100%; height:130px ; clear:both; border-bottom:dashed 1px #ddd; margin-bottom:10px}
.industylist .govideo{ margin-right:20px; float:left; vertical-align:top}
.industylist strong{ font-size:14px;}
.industylist span{ float:right; padding-right:10px; color:#09F}
/*---------- message ---------*/
#guestform {margin-top:20px; border:dotted 1px #ddd; height:240px; padding:20px;}
.ajaxtable td {vertical-align:middle;}
.tdinput{ font-weight:normal;line-height:30px;}
/*---------- footer ---------*/
.footer {height:104px; min-width:1003px; background-color:#245dab;}
.footer .page {overflow:hidden; line-height:33px; color:#fff;}
.footer .topbar {padding:10px 0 10px; height:50px;}
.footer .topbar a {color:#fff;}
.copyright {line-height:16px;}
.download li{ background: url(../images/pdf.gif) no-repeat right center; border-bottom:dotted 1px #ddd; line-height:28px}
.download a{ background:url(../images/arrow24.gif) no-repeat left center; padding-left:10px; display: block}

.newslist li{ line-height:28px; border-bottom:dotted 1px #ddd; }
.newslist a{ display:block; padding-left:14px;background:url(../images/arrow16.gif) no-repeat left center; }
.newslist span{ float:right; color:#999}

.jobtitle{ color:#277dd4; margin-bottom:5px; padding-top:10px; cursor:pointer; margin-bottom:0; height:20px; width:705px; font-family:微软雅黑;height:25px}
.jobtitle td{border-bottom:solid 1px #ddd;}
.jobtitle span{  color:#666}
.jobsub{ border:solid 1px #ddd; border-top:none; padding:10px; display:none;  }
#job .th{ background-color:#f8f8f8; color:#137D7D}

.guestTab { border:#CCC dashed 1px; margin-top:10px; }
.guestTab td { padding:3px 0; margin:0; }
.gt { background:#f0f0f0; height:20px}
.gt,.gc,.gr { padding:3px 10px;}
.gc { border:#f0f0f0 solid 1px; border-bottom:0; padding-bottom:0;}
.gr { border:#f0f0f0 solid 1px; border-top:0; }
.gr { margin-bottom:10px;}
.guestbook {border-bottom:1px dashed #CCCCCC;margin:0 0 5px;padding:5px; }
.guestTab input{ border:solid 1px #ccc; height:20px; line-height:20px; padding-left:3px}
.guestTab textarea{ border:solid 1px #ccc;padding-left:3px }
.guestTab input:focus,.guestTab textarea:focus{ border:#333 solid 1px}
.guestTab .subBtn{ background:#F33; color:#fff;  font-family:微软雅黑; height:auto; line-height:18px; padding:2px 15px;*padding:0 5px; cursor:pointer; float:left; border:solid 1px #ddd}
.guestTab .subBtn:hover{ background:#F90}

.videolist{ width:773px}
.videolist li{ height:120px; width:180px; margin:25px 38px; float:left; overflow:hidden; position:relative}

.clist li{ height:100px; margin-right:50px}
.clist img{ border:solid 1px #ddd; padding:2px}

.bannercont {width:1003px; margin:0 auto; height:350px;}

.honorlist {overflow:hidden;}
.honorlist li {float:left; margin:15px 8px}
.honorlist li img {display:block;}
.honorlist li a { text-align:center; display:block}


.btn_left, .btn_right {display:block; position:absolute; top:15px; background:no-repeat center center; width:30px; height:120px; cursor:pointer;}
.pro_recom {overflow:hidden; width:943px; float:left; margin-left:30px;}
.pro_recom li {float:left; margin:0 27px; width:180px;}
.pro_recom li a {text-align:center; line-height:18px; display:block; position:relative;}
#productScroll .tempWrap,#productScroll1 .tempWrap {float: left;height: 140px;margin-left: 30px; width:943px;}
#productScroll2 .tempWrap {float:left; height:200px; width:1003px; margin-left:5px;}
.news_list .date {float:right;}

.linktt {color:#F26722; font:16px/33px "微软雅黑"}
.links ul {overflow:hidden;}
.links ul li {margin:10px 10px; float:left;}

#productScroll2 li{ width:196px;  }
#productScroll2 li a{line-height:18px}