@charset "utf-8";
body{background:url(../images/body-inner.gif) repeat-x top #fff;}
.wrap{background:url(../images/wrap-inner.jpg) no-repeat top;}
.container{padding-left:10px;}
.page-left{width:200px; float:left; display:inline;}
.subMenu .tit{font-size:14px; color:#000; height:40px; line-height:40px; background:url(../images/subMenuTit.png) no-repeat; text-align:center; font-weight:bold; display:none;}
.subMenu ul{background:url(../images/subMenuUl.jpg) no-repeat top; width:170px; padding:15px 15px 80px;}
.subMenu ul li{height:28px; line-height:28px;}
.subMenu ul li a{display:inline-block; width:170px; height:28px; border-bottom:solid 1px #cfcfcf; text-align:center;}
.subMenu ul li a:hover,.subMenu ul li.cur a{background:url(../images/subMenuCur.png) no-repeat; border:none; color:#fff; text-decoration:none;}
.subMenu .pro{background:url(../images/subMenuUl.jpg) no-repeat top; width:170px; padding:15px 15px 80px;}
.subMenu dl{border-bottom:solid 1px #cfcfcf;}
.subMenu dt a{display:inline-block; width:130px; height:28px; line-height:28px; text-align:left;background:url(../images/icon-add.gif) no-repeat 20px center; font-weight:normal; padding-left:40px;}
.subMenu dt a:hover{text-decoration:none;}
.subMenu dl.cur{padding-bottom:5px;}
.subMenu dl.cur dt a{background:url(../images/subMenuShow.png) no-repeat; color:#fff;}
.subMenu dl dd{display:none;}
.subMenu dl.cur dd{display:block; line-height:20px; padding:6px 0 6px 40px; background:url(../images/icon-gray.gif) no-repeat 30px 12px;}
.quick-link{width:174px; margin:0 auto;}
.quick-link li{margin-bottom:4px;}
.quick-link li a{display:inline-block; width:132px; height:28px; line-height:28px; padding-left:42px;}
.quick-link li.icon1 a{background:url(../images/quick-link1.gif) no-repeat}
.quick-link li.icon2 a{background:url(../images/quick-link2.gif) no-repeat}
.quick-link li.icon3 a{background:url(../images/quick-link3.gif) no-repeat}
.quick-link li.icon4 a{background:url(../images/quick-link4.gif) no-repeat}
.page-content{float:right; display:inline; margin-right:10px; min-height:500px;height:auto !important; height:500px; width:710px; padding:10px 10px 50px 0;}
.page-content .crumb{height:30px; line-height:30px; border-bottom:dotted 1px #ccc; text-align:right; color:#999;}
.page-content .crumb span{float:left; display:inline; font-size:14px; font-weight:bold; color:#772d2e;}
.page-content .crumb a{color:#999;}
.page-content .crumb em{color:#666;}

.ucanNewsUl{width:675px; margin:0 auto;}
.ucanNewsUl li{position:relative;height:32px; border-bottom:dotted 1px #ccc;}
.ucanNewsUl li div{height:24px;padding:7px 0 0 5px;}
.ucanNewsUl li span,.ucanNewsUl li em{color:#A9A9A9;}
.ucanNewsUl li span{font-size:11px;}
.ucanNewsUl li em{padding:0 10px 0 6px;}
.ucanNewsUl li.hover div{background:url(/images/news/newsLibg.png);}

.ucanTopnews{width:675px;overflow-x:hidden; margin:20px auto 15px;}
.ucanTopnews ul{height:330px;width:690px;}
.ucanTopnews li{width:192px;height:279px;background:url(/images/news/topBg.gif);display:inline;float:left;margin-right:13px;padding:20px 12px;}
.ucanTopnews li h3{height:15px;color:#000;font-size:11px;}
.ucanTopnews li h2{height:28px; font-size:12px;}
.ucanTopnews li h2 a{font-weight:700;color:#000;}
.ucanTopnews li .timg img{width:192px;height:122px;}
.ucanTopnews li p{padding-top:14px;height:90px;display:block;line-height:21px;color:#555;}
.ucanTopnews li .nmore{display:block;width:40px;height:17px;text-align:center;background:url(/images/news/more.gif);float:right; font-size:10px; color:#fff;}

#newsList{width:675px; margin:0 auto; padding-top:20px;}
.list_t1 .item{ margin-bottom:30px;}
.list_t1 h4{font-size:12px;}
.list_t1 h4 a{ color:#000; font-weight:bold; text-decoration:underline;}
.list_t1 h4 a:hover{ text-decoration:none;}
.list_t1 .summary{ padding:8px 10px 8px 15px; position:relative; border:1px solid #d9d9d9; line-height:21px; color:#888; text-justify:kashida;text-align:justify; margin-top:12px;}
.list_t1 .more a{ color:#046da8; text-decoration:none;}
.list_t1 .more a:hover{ color:#046da8; text-decoration:underline;}
.list_t1 .arrow{ position:absolute; width:11px; height:7px; background:url(../images/arrow.gif) no-repeat; top:-6px; left:17px;}

.news-detail{padding:20px 5px 0;}
.news-detail h2{font-size:14px; font-weight:bold; color:#3e68a0; text-align:center;}
.news-detail .date{padding:10px 0; border-bottom:solid 1px #ddd; text-align:center; margin-bottom:20px;}
.news-detail .text{padding:0 10px;}
.news-detail .text p{margin-bottom:20px;}
.news-detail .text .back{padding-left:15px; background:url(../images/back.jpg) no-repeat left center;}

.message{width:653px; margin:0 auto; padding-top:20px; background:url(../images/contact/message-bg.jpg) no-repeat bottom;}
.message .top{margin-bottom:25px;}
.message th{text-align:right; padding:10px 5px; width:120px; font-weight:normal;}
.message td{padding:10px 5px;}
.message td .text{width:280px; height:18px;}
.message td textarea{width:350px;}
.message td .btn{width:85px; height:28px; border:none; background:url(../images/contact/message-btn.gif) no-repeat; color:#fff; font-weight:bold; cursor:pointer;padding-bottom:2px; padding:2px 0 0\9;}
.message td em{color:#de0000}

.pro-list{width:690px; margin:0 auto; overflow:hidden; padding-top:20px;}
.pro-list ul{width:728px;}
.pro-list li{float:left; display:inline; margin-right:38px; width:144px; height:265px;}
.pro-list li img{border:solid 1px #ccc; margin-bottom:5px;}
.pro-list li p{line-height:22px; text-align:center;}
.pro-list li p a{font-weight:bold; color:#000;}

.download{width:675px; margin:0 auto; padding-top:20px;}
.download li{position:relative;height:32px; line-height:32px; border-bottom:dotted 1px #ccc; text-align:right; padding:0 10px;}
.download li span a{height:24px; background:url(../images/icon-bk.gif) no-repeat left center; padding-left:10px;}
.download li.hover{background:url(/images/news/newsLibg.png);}
.download li .down{color:#ff6600; padding-left:10px; background:url(../images/download/icon-down.gif) no-repeat left center;}

.hr-list{width:675px; margin:0 auto; padding-top:20px;}
.hr-list li{border:solid 1px #e8e8e8; background:url(../images/hr/hr-list-top.gif) repeat-x top #fff; margin-bottom:20px;}
.hr-list li div{background:url(../images/hr/hr-list-bottom.gif) repeat-x bottom; padding:20px;}
.hr-list li h3{color:#000; font-size:14px; font-weight:bold; height:14px; line-height:14px; margin-bottom:10px;}
.hr-list li h3 span{font-size:12px; font-weight:normal; color:#666;}
.hr-list li h3 em{color:#999;}
.hr-list li th{font-weight:normal; padding:5px; vertical-align:top; width:60px;}
.hr-list li td{padding:5px;}
.hr-list li .send{display:inline-block; width:65px; height:22px; line-height:22px; color:#fff; background:url(../images/hr/send.gif) no-repeat; padding-left:28px;}

.service{padding:20px 0 0 10px; background:url(../images/service/service-bg.jpg) no-repeat right top; height:500px;}
.service h3{width:350px; font-size:14px; color:#b74220; font-weight:bold; margin-bottom:5px;}
.service p{width:350px; line-height:24px; margin-bottom:20px;}
.faq-list{width:696px; margin:0 auto; padding-top:20px;}
.faq-list dl{background:url(../images/service/faq-bg.jpg) no-repeat top; padding:10px 30px 0 45px; margin-bottom:20px;}
.faq-list dt{height:34px; line-height:34px; color:#000;}
.faq-list dd{padding:10px 0; line-height:20px;}

.about{padding:20px 5px 0;}
.about h3{font-size:18px; font-weight:bold; color:#a03e3e;}
.about h3 em{font-size:24px;}
.about .black{font-weight:bold;}
.about p{line-height:20px; margin-bottom:20px;}

.history{padding:20px 5px 0;}
.history dl{border-bottom:solid 1px #ccc; padding:8px 0;}
.history dt{float:left; display:inline; width:46px; font-size:18px; font-weight:bold; color:#4c6081;}
.history dd{float:left; display:inline; border-left:solid 2px #4c6081; line-height:24px; width:620px; padding-left:20px;}

.raid{background:url(../images/about/raid.jpg) no-repeat; height:379px; position:relative;}
.raid div{position:absolute; cursor:pointer;}
.raid .shangh{width:178px; height:44px; left:246px; top:46px;}
.raid .suz{width:76px; height:31px; left:16px; top:118px;}
.raid .nanj{width:76px; height:31px; left:100px; top:118px;}
.raid .hangz{width:76px; height:31px; left:182px; top:118px;}
.raid .wenz{width:76px; height:31px; left:266px; top:118px;}
.raid .beij{width:76px; height:31px; left:350px; top:118px;}
.raid .changz{width:76px; height:31px; left:433px; top:118px;}
.raid .chongq{width:76px; height:31px; left:515px; top:118px;}
.raid .wuh{width:76px; height:31px; left:600px; top:118px;}
.raid .zhangjg{width:26px; height:84px; left:14px; top:166px;}
.raid .kuns{width:26px; height:84px; left:41px; top:166px;}
.raid .wuj{width:26px; height:84px; left:69px; top:166px;}
.raid .anh{width:26px; height:84px; left:99px; top:166px;}
.raid .yangz{width:26px; height:84px; left:126px; top:166px;}
.raid .zhengj{width:26px; height:84px; left:153px; top:166px;}
.raid .ningb{width:31px; height:84px; left:187px; top:166px;}
.raid .cix{width:31px; height:84px; left:228px; top:166px;}
.raid .tianj{width:31px; height:84px; left:370px; top:166px;}
.raid .wux{width:31px; height:84px; left:435px; top:166px;}
.raid .taiz{width:31px; height:84px; left:475px; top:166px;}
.raid .showDiv{width:168px; height:336px; background:url(../images/about/raid-div.gif) no-repeat; padding:16px 10px 0 30px; cursor:default; right:-195px; display:none; z-index:10;}
.raid .showDiv img{padding:1px; border:solid 1px #ddd; margin-bottom:10px;}
.raid .showDiv h3{font-size:14px; font-weight:bold; color:#000; margin-bottom:5px;}
.raid .showDiv p{line-height:22px;}

.culture{width:694px; margin:0 auto;}
.culture li{background:url(../images/about/culture-li.jpg) no-repeat center top; padding:27px 0 35px;}
.culture li .img{float:left; display:inline;}
.culture li img{padding:17px 0 0 15px; background:url(../images/about/culture-img-bg.gif) no-repeat left top;}
.culture li .text{width:433px; float:right; display:inline;}
.culture li .text h3{height:36px; line-height:36px; background:url(../images/about/culture-icon.png) no-repeat right top; border-bottom:solid 1px #3e68a0; font-size:14px; font-weight:bold; color:#3e68a0; margin-bottom:10px;}
.culture li .text h3 em{font-size:24px; margin-right:10px;}
.culture li .text h3 a{color:#3e68a0;}
.culture li .text p{line-height:22px;}

.pro-detail{padding-top:20px;}
.pro-img{width:309px; float:left; display:inline;}
.pro-img .big-img img{border:solid 1px #ccc; display:none;}
.pro-img .small-img{padding-top:5px;}
.pro-img .small-img ul{width:320px;}
.pro-img .small-img li{float:left; display:inline; margin-right:3px;}
.pro-img .small-img li img{border:solid 1px #ccc; cursor:pointer;}
.pro-img .small-img li.cur img{border:solid 1px #c90006;}
.pro-text{width:366px; height:309px; float:right; display:inline; position:relative;}
.pro-text h3{font-size:14px; font-weight:bold; color:#000; margin-bottom:20px;}
.pro-text th{background:url(../images/dotted.gif) repeat-x bottom; padding:5px; width:50px; color:#999; font-weight:normal;}
.pro-text td{background:url(../images/dotted.gif) repeat-x bottom; padding:5px; color:#333;}
.pro-text .tel{padding:26px 0 0;}
.pro-text .tel img{display:none;}
.pro-text .tel h4{font-size:30px; color:#000; height:30px; line-height:30px;}
.productDetail{width:697px; padding:40px 0 20px; background:url(../images/product/productDetailBottom.gif) no-repeat left bottom;}
.productDetailTit{height:73px; background:url(../images/product/productDetailTit.gif) no-repeat; padding-left:20px;}
.productDetailTit a{display:inline-block; width:89px; height:53px; color:#484848; font-weight:bold; text-align:center; padding-top:20px;}
.productDetailTit a:hover,.productDetailTit a.cur{background:url(../images/product/productDetailTitCur.gif) no-repeat; color:#c90006; text-decoration:none;}
.productDetailContent{border-left:solid 1px #e7e7e7;border-right:solid 1px #e7e7e7; display:none; padding:0 20px 20px; width:657px; overflow-x:scroll;}
.productDetailContent p{margin-bottom:20px; line-height:20px;}
.video-show{width:500px; padding:20px 0; margin:0 auto;}

.contact{width:677px; margin:0 auto; overflow:hidden;}
.contact .top-bg{height:155px; background:url(../images/contact/contact-bg.jpg) no-repeat; padding:54px 0 0 346px; line-height:24px;}
.contact .shangh{height:98px; background:#f4f3f3; padding:5px 0 0 10px;}
.contact .shangh th{padding:2px 10px; color:#2c587d;}
.contact .shangh td{padding:2px 10px;}
.contact ul{width:700px;}
.contact li{float:left; display:inline; width:319px; height:200px; margin-right:31px; padding-top:20px; background:url(../images/contact/contact-li.gif) repeat-x left 24px; line-height:22px;}
.contact li .tit{height:24px; line-height:24px; font-size:14px; font-weight:bold; color:#2c587d; background:url(../images/contact/contact-tit.gif) no-repeat; padding-left:14px;}
.contact li a{color:#2c587d;}
.contact li .f14{font-size:14px; font-weight:bold; color:#333;}
.contact li p{padding:10px 14px;}

.grid3col{line-height:24px; padding:20px 0 0 20px;}
.grid3col .column{width:32%; margin-left:2%; float:left; display:inline;}
.grid3col .first{margin:0;}
.grid3col .last{margin:0;}
.grid3col h3{font-size:12px; font-weight:bold; color:#000;}
.grid3col ul{margin-bottom:10px;}

.develop p{line-height:22px; padding:20px 0;}
.dev-01{width:245px; height:176px; background:url(../images/hr/dev-01.jpg) no-repeat; margin-bottom:9px; line-height:22px; padding:12px 23px 0;}
.dev-02{width:245px; height:308px; background:url(../images/hr/dev-02.jpg) no-repeat; line-height:22px; padding:12px 23px 0;}
.dev-03{width:346px; height:207px; background:url(../images/hr/dev-03.jpg) no-repeat; margin-bottom:9px; line-height:22px; padding:12px 23px 0;}
.dev-04{width:346px; height:279px; background:url(../images/hr/dev-04.jpg) no-repeat; line-height:22px; padding:12px 23px 0;}
.develop p strong{color:#000;}

.sitemap-pro{padding:20px 0 0 20px; line-height:24px;}
.sitemap-pro h2{font-size:14px; font-weight:bold; color:#000;}
.sitemap-pro li{padding:10px 0;}
.sitemap-pro h3 a{color:#000; font-size:12px; font-weight:bold;}
.sitemap-pro li .second{padding:5px 0;}
.sitemap-pro li .second h4{font-size:12px;}
.sitemap-pro li .second h4 a{color:#000;}
.sitemap-pro li .second dd{float:left; display:inline; width:205px; background:url(../images/icon-gray.gif) no-repeat left 9px; padding-left:10px;}