@charset "utf-8";
@import "base.css";

/*---------- header ---------*/
#header {height: 109px; position: relative;}
#header .bgfix {background: url(../images/line_bgfix.gif) repeat-x left bottom; width: 45%; position: absolute; top: 105px; left: 55%; height: 4px; z-index: -1;}
#header .wrapper {height: 109px; position: relative;}
#header .topbar {float: right; color: #d70302; padding-top: 20px;}
#header .topbar a {color: #d70302;}
.logo {float: left; padding-top: 25px;}
.logo img {display: block;}

/*---------- nav ---------*/
.nav {position: absolute; right: 0; bottom: 0; height: 67px; z-index: 1; background-color: #fff;}
.nav ul {width: 560px; position: relative; height: 67px;}
.nav ul li {float: left; display: inline; width: 80px; margin: 0 10px; text-align: right; height: 67px;}
.nav ul li.first {width: 50px;}
.nav ul li.last {margin-right: 0;}
.nav ul li a {font-size: 15px; font-weight: bold; line-height: 67px; display: block;}
.nav ul li a:hover {color: #d70302;}
.nav ul li.navline {background: url(../images/line_nav.gif) no-repeat left top; position: absolute; top: 63px; left: 0; z-index: -1; height: 4px; margin: 0; width: 600px;}
.nav .subcontent {display: none; overflow: hidden; background-color: #fff; position: absolute; z-index: 3; left: 0; top: 67px; width: 500px;}
.nav .subnav {display: block;}
.nav .menulist {background-color: #ededed; padding: 25px 20px 500px; margin-bottom: -475px;}
.nav .menulist ul {width: auto; position: static; padding-bottom: 0; height: auto;}
.nav .menulist li {float: none; border-bottom: 1px solid #ccc; display: block; margin: 0; text-align: left; width: auto; height: auto;}
.nav .menulist li a {width: 150px; margin: 0; font-size: 13px; text-align: left; line-height: 33px;}
.nav .desc {width: 270px; padding: 25px 20px;}
.nav img {display: block; margin: 0 auto;}
.nav .desc p {padding-top: 10px; text-align: left;}

/*---------- banner ---------*/
#banner {height: 500px;}
#banner .wrapper {height: 500px; position: relative; width: 100%;}
#banner .imglist li {background: no-repeat center top; height: 500px;}
#banner .imglist a {display:block;  height: 500px;}
.pagelist {width: 100%; height: 17px; text-align: center; z-index: 1; position: absolute; right: 0; bottom: 13px;}
.pagelist li {position: relative; display: inline-block; *display: inline; padding: 0 5px; *padding: 0 5px; font-size: 30px; width: 15px; height: 15px; line-height: 15px; color: #ddd; cursor: pointer;}
.pagelist li.on {color: #e3393c;}
#inbanner {height: 250px;}
#inbanner .wrapper {width: 100%; height: 250px;}
.inb1 {background: url(../images/inbanner01.jpg) no-repeat center top;}
.inb2 {background: url(../images/inbanner02.jpg) no-repeat center top;}
.inb3 {background: url(../images/inbanner03.jpg) no-repeat center top;}
.inb4 {background: url(../images/inbanner04.jpg) no-repeat center top;}
.inb5 {background: url(../images/inbanner05.jpg) no-repeat center top;}
.inb6 {background: url(../images/inbanner06.jpg) no-repeat center top;}
.inb7 {background: url(../images/inbanner07.jpg) no-repeat center top;}

/*---------- mainwrap ---------*/
#mainwrap {padding: 25px 0;}
#mainwrap .wrapper {overflow: hidden;}
#mainwrap h3 {color: #d70302; font-size: 14px; font-weight: bold; padding-bottom: 5px;}
#mainwrap h3 .more {font-size: 12px; line-height: 28px; color: #999; font-weight: normal;}
#mainwrap h3 .more:hover {color: #d70302; text-decoration: underline;}
.cloumleft, .cloummid, .cloumright {float: left;}
.cloumleft {width: 298px}
.cloummid {margin: 0 32px; width: 413px; height: 373px; overflow: hidden;}
.cloumright {width: 228px;}
.news ul {border-bottom: 1px dashed #d0d0d0; padding-bottom: 1px;}
.news li {overflow: hidden; padding-bottom: 15px;}
.news li a {display: block; height: 44px;}
.news li dt, .news li dd {white-space: nowrap;}
.news .date {background: url(../images/bg_new_date.png) no-repeat left top; width: 49px; height: 44px; float: left; margin-right: 15px;}
.news .monthday, .news .year {display: block; text-align: center;}
.news .monthday {height: 20px; line-height: 21px; padding-top: 1px;}
.news .year {height: 21px; line-height: 21px; color: #fff;}
.news dl dt {font-weight: bold; padding-bottom: 5px;}
.news dl dd {line-height: 12px; height: 12px; overflow: hidden;}
.news li a:hover dt {color: #d70302;}
.techarticles h3 {padding-top: 8px;}
.techarticles ul li {background: url(../images/dot_left.gif) no-repeat left center; padding-left: 10px; white-space: nowrap; overflow: hidden;}
.techarticles ul li a:hover {color: #d70302;}
.products .box {overflow: hidden;}
.productcate {float: left; width: 105px; margin-right: 10px;}
.productcate li {padding-bottom: 6.5px;}
.productcate li a {display: block; padding-right: 5px; text-align: center; line-height: 3;}
.productcate li a:hover {color: #d70302;}
.productcate li a span {display: block; background-color: #eee; padding: 0 5px;}
.productcate li.sel a {background: url(../images/arrow_pro.gif) no-repeat right center;}
.productcate li.sel span {background-color: #d70302; color: #fff;}
.productshow {float: left; width: 288px;}
.productshow ul {display: none;}
.productshow li {overflow: hidden; padding-bottom: 6px;}
.productshow li img {float: left; display: block; width: 80px; height: 60px; border: 1px solid #d0d0d0; margin-right: 15px;}
.productshow li dt {font-weight: bold; height: 24px; white-space: nowrap;}
.productshow li dd {line-height: 18px;}
.productshow li a {display: block; height: 62px;}
.productshow li a:hover {background-color: #eee;}
.video {position: relative;}
.video a {display: block; width: 228px; height: 128px; position: absolute; z-index: 1; left: 0; top: 0; background: url(../images/shadow_video.png) repeat left top;}
.video a span {display: block; background: url(../images/bg_playbtn.png) no-repeat center center; height: 128px; width: 228px;}
.appscate {padding-top: 15px; height: 194px;}
.appscate dl {border-bottom: 1px solid #dedede;}
.appscate dl dd {padding: 5px 15px; border-left: 1px solid #eee; border-right: 1px solid #eee; display: none; height: 72px;}
.appscate dl dd p {height: 48px; overflow: hidden;}
.appscate dl dd span {color: #d70302; display: block;}
.appscate dt {background-color: #eee;  padding: 0 15px; line-height: 27px; cursor: pointer; height: 27px;}
.appscate dt span {color: #d70302; font-weight: bold; font-size: 14px;}
/*.appscate .show dd {display: block;}*/

/*---------- breadcrumb ---------*/
.breadcrumb {overflow: hidden; padding-left: 10px; margin-bottom: 15px; border-bottom: 1px dashed #dcdcdc;}
.breadcrumb i {font-style: normal;}
.breadcrumb a:hover {color: #d70302;}

/*---------- left ---------*/
.leftwrap {width: 138px; padding: 0 15px; float: left; background-color: #f1f1f1; padding-bottom: 9999px; margin-bottom: -9999px;}
.leftwrap h3 {border-bottom: 2px solid #d70302; padding-top: 15px;}
.leftwrap h3 span {display: block;}
.leftwrap .cntt {font-size: 16px; line-height: 1;}
.leftwrap .entt {font-size: 12px; font-weight: normal; line-height: 1.5}
.leftwrap dl {padding-top: 15px;}
.leftwrap dt {background: url(../images/bg_left_dt.png) left top no-repeat; padding-left: 15px; font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.leftwrap dt.sel {background-color: #fdfdfd;}
.leftwrap dt.sel a {color: #d70302;}
.leftwrap dt.sel a:hover {color: #666;}
.leftwrap dd {margin-left: 15px; background: url(../images/bg_left_dd.gif) left 5px no-repeat; padding-left: 15px;}
.leftwrap dt a:hover {color: #d70302;}
.leftwrap dd.cur {background-image: url(../images/bg_left_dd_cur.gif);}
.leftwrap dd.cur a {color: #d70302;}

/*---------- right ---------*/
.rightwrap {float: right; width: 810px; border-left: 1px dashed #dcdcdc; padding-left: 13px; padding-top: 10px;}
.rightwrap .title {font-size: 16px; font-weight: bold; padding-left: 10px;}
.rightwrap .content {padding: 15px 0; padding-left: 10px;}

/*---------- content ---------*/
.newslist li {padding: 10px; margin-bottom: 10px; border-bottom: 1px dashed #eee; clear: both; overflow: hidden;}
.newslist li:hover {background-color: #f1f1f1;}
.newslist li a {display: block;}
.newslist li img {float: left; padding: 1px; border: 1px solid #dcdcdc; margin-right: 25px; width: 160px; height: 120px;}
.newslist li p {height: 72px; overflow: hidden; line-height: 24px;}
.newslist li div.title {font-size: 14px;}
/*.newslist li a:hover {color: #d70302;}*/
.productslist .nocontent {border: none;}
.productslist .nocontent:hover {background-color: transparent;}
.productslist {padding: 0 4px; width: 792px; min-height: 220px;}
.productslist li {float: left; padding: 1px; border: 1px solid #dcdcdc; margin: 0 30px 20px; overflow: hidden; width: 200px;}
.productslist li img {display: block; width: 200px; height: 150px;}
.productslist li a {display: block; text-align: center; white-space: nowrap; overflow: hidden; font-size: 14px; width: 200px;}
.productslist li a p {text-align: center;}
.productslist li:hover {background-color: #eee;}
.productslist li:hover a {color: #d70302;}
.tab {clear: both; height: 33px; line-height: 33px; overflow: hidden; margin-top: 30px;}
.tab li {background-color: #eee; font-size: 14px; cursor: pointer; float: left; padding: 0 20px; margin-right: 5px;}
.tabcontent {padding: 20px 0 10px;}
.tabcontent .sub {display: none; min-height:200px}
.tabcontent .show {display: block;}
.tab li.cur {background-color: #d70302; color: #fff;}
.smpro {overflow: hidden;}
.smpro img {border: 1px solid #dadada; height: 150px; margin-right: 30px; padding: 1px; width: 200px;}
.smpro .desc {height: 150px; overflow: hidden;}
.smpro .desc .desctt {font-size: 14px; color: #d70302; font-weight: bold;}
.prevNext {padding: 10px 0;}
.prevNext a:hover {color: #d70302;}

/*---------- pagecount ---------*/
#pageNav {text-align:center; width:100%; clear:both; height: 25px; padding-top:20px;}
.pageNum,.cPageNum {height: 25px; width: 26px; text-align:center; display: inline-block; background:url(../images/page.gif) no-repeat left top;}
.cPageNum {background:url(../images/page_cur.gif) no-repeat left top; color:#fff; *display:inline; *margin-right:5px;}
#pageNav a {color:#2B4A78; text-decoration:none;}
#pageNav a:hover {background:url(../images/page_hover.gif) no-repeat left top;}
/*---------- 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:13px; text-align:center;border-bottom:#ccc dotted 1px; line-height:30px; font-weight:bold;}
.nDetailTime {text-align:center; line-height:26px; margin:4px; padding-bottom:10px}
.nDetailCont {line-height:22px;}
/*---------- message ---------*/
#guestform {margin-top:20px; border:dotted 1px #ddd; padding:20px;}
.ajaxtable td {vertical-align:middle;}
.tdinput {font-weight:normal;line-height:30px;}
/*---------- footer ---------*/
/*#footer {height: 365px;}*/
#footer .topbar {height: 210px; padding: 25px 0; background-color: #EBEBEB;}
#footer .boxleft, #footer .boxright {float: left; overflow: hidden;}
#footer .boxleft {padding-right: 40px;}
#footer .wx {float: left; padding-right: 25px; display: block; width: 150px; text-align: center;}
#footer .wx .title {font-size: 18px; font-weight: bold; padding-bottom: 3px; color: #d70302;}
#footer .contact {float: left; }
#footer .tel {background: url(../images/bg_kf.png) no-repeat left 5px; font-size: 18px; font-weight: bold;}
#footer .tip {padding-left: 25px; }
#footer .tip em {font-size: 14px; font-style: normal; font-weight: normal;}
#footer .number {font-size: 28px; color: #d70302; font-family: Arial; line-height: 30px; padding: 15px 0 5px 25px;}
#footer .contact p {padding-left: 25px;}
#footer .contact span {display: block;}
#footer .contact p span {line-height: 1.5; padding-top: 15px;}
#footer .contact p span a:hover {color: #d70302;}
#footer .mail {padding-left: 25px; background: url(../images/icon_mail.png) no-repeat left 18px;}
#footer .wb {padding-left: 25px; background: url(../images/icon_xlwb.png) no-repeat left 15px;}
#footer .boxright {width: 550px;}
#footer .boxright dl {float: left; margin-left: 25px; width: 110px; height: 212px; overflow: hidden;}
#footer .boxright dl dt {color: #d70302; font-size: 14px; font-weight: bold; border-bottom: 1px solid #d70302; margin-bottom: 10px;}
#footer .boxright dl dd {line-height: 1.8;}
#footer .boxright dl dd a:hover {color: #d70302;}
#footer .friendlink {overflow: hidden; border: 2px solid #fff; border-left: none; border-right: none; clear: both; background-color: #EBEBEB; line-height: 33px;   padding: 10px 0;}
#footer .friendlink h3 {padding-right: 10px;  font-weight: bold; float: left;}
#footer .friendlink ul {overflow: hidden;  float: left; width:903px;}
#footer .friendlink li {float: left; padding-right: 15px;}
/*#footer .friendlink li a {color: #fff;}*/
#footer .copyright {line-height: 48px; color: #fff;  clear: both; background-color: #D70302;}
#footer .copyright span {font-family: Arial;}
#footer .copyright a {color: #fff;}
#footer .copyright a img {vertical-align: middle; padding-left: 10px;}
.sitemap {padding-left: 30px;}
.sitemap dl {overflow: hidden; clear: both; padding-bottom: 10px;}
.sitemap dt {font-size: 14px; font-weight: bold;}
.sitemap dd {float: left; padding: 0 20px;}
.sitemap a:hover {color: #d70302;}

.pagetitle{ font-size:21px; text-align:center; font-weight:bold; padding-bottom:10px; color:#333}
.pagetime{ text-align:center; padding-bottom:5px; border-bottom:dotted 1px #aaa; margin-bottom:20px}
.hits{ margin-left:20px}
.operate{ text-align:right; padding-top:10px; border-top:dotted 1px #aaa; margin-top: 20px;}
.contable,.contable th,.contable td {border: 1px solid #dadada;}

/* online */
#online_qq_tab a,.onlineMenu h3,.onlineMenu li.tli,.newpage{background:url(../images/float_s.gif) no-repeat;}
#onlineService,.onlineMenu,.btmbg{background:url(../images/float_bg.gif) no-repeat;}
#online_qq_layer{z-index:9999;position:fixed;right:0px;top:0;margin:150px 0 0 0;}
*html,*html body{background-image:url(about:blank);background-attachment:fixed;}
*html #online_qq_layer{position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#online_qq_tab{width:28px;float:left;margin:50px 0 0 0;position:relative;z-index:9;}
#online_qq_tab a{display:block;height:118px;line-height:999em;overflow:hidden;}
#online_qq_tab a#floatShow{background-position:-30px -374px;}
#online_qq_tab a#floatHide{background-position:0 -374px;}
#onlineService{display:inline;margin-left:-1px;float:left;width:130px;display:none;background-position:0 0;padding:10px 0 0 0;}
.onlineMenu{background-position:-262px 0;background-repeat:repeat-y;padding:0 10px;}
.onlineMenu h3{height:36px;line-height:999em;overflow:hidden;border-bottom:solid 1px #ACE5F9;}
.onlineMenu h3.tQQ{background-position:15px 10px;}
.onlineMenu h3.tele{background-position:25px -47px;}
.onlineMenu li{height:36px;line-height:36px;border-bottom:solid 1px #E6E5E4;text-align:center;}
.onlineMenu li.tli{padding:0 0 0 18px; text-align:left;}
.onlineMenu li.zixun{background-position:0px -131px; padding:0 0 0 28px;}
.onlineMenu li.fufei{background-position:0px -190px;}
.onlineMenu li.phone{background-position:0px -244px;}
.onlineMenu li a.newpage{display:block;height:36px;line-height:999em;overflow:hidden;background-position:5px -100px;}
.onlineMenu li img{margin:8px 0 0 0;}
.onlineMenu li.last{border:0; font-size: 12px;}
.wyzx{padding:8px 0 0 5px;height:57px;overflow:hidden;background:url(../images/webZx_bg.jpg) no-repeat;}
.btmbg{height:12px;overflow:hidden;background-position:-131px 0;}