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

/*---------- header ---------*/
#header {height: 80px; border-bottom: 4px solid #0077b6;}
#header .wrapper {height: 80px;}
.logo {float: left; padding-top: 10px;}
.logo img {display: block;}
.lngchoose {float: left; margin: 30px 20px;}
.lngchoose a {display: block; padding: 0 5px; background-color: #ff7a3d; color: #fff; line-height: 20px;}

/*---------- nav ---------*/
.nav {float: right; }
.nav li {float: left; margin: 25px 5px; padding: 0 10px;position: relative;}
.nav li a {font-size: 16px; line-height: 30px; display::block;padding:3px 5px;}
.nav li a:hover {color: #0077b6;}
.nav li a.current {background-color: #0077b6; color: #fff;}
.nav .subcontent {display: none; min-width: 114px; overflow: hidden; position: absolute; z-index: 999; left: -20px; top: 28px; padding: 10px; background-color: #efefef;}
.nav .subnav {display: block;}
.nav .menulist {width: 100%;}
.nav .menulist ul {height: auto; width: 100%;}
.nav .menulist li {float: none; width: 100%; padding: 0; border-bottom: 1px solid #0077b6; display: block; margin: 0; text-align:center}
.nav .menulist li a {font-size: 12px; width: 110px; text-align: center; line-height: 33px; color: #333; background: none; padding: 0;}
.nav .menulist li a:hover {color: #0077b6; background: none;}

/*---------- banner ---------*/
#banner {height: 400px;}
#banner .wrapper {height: 400px; position: relative; width: 100%;}
#banner .imglist li {background: no-repeat center top; height: 400px;}
#banner .imglist a {display:block; text-indent: -9999em; height: 400px;}
.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: #2784d4;}
#inbanner {height: 173px;}
.inb1 {background: url(../images/inbanner1.jpg) no-repeat center top;}
.inb2 {background: url(../images/inbanner2.jpg) no-repeat center top;}
.inb3 {background: url(../images/inbanner3.jpg) no-repeat center top;}
.inb4 {background: url(../images/inbanner4.jpg) no-repeat center top;}
.inb5 {background: url(../images/inbanner5.jpg) no-repeat center top;}
.inb6 {background: url(../images/inbanner6.jpg) no-repeat center top;}
.inb7 {background: url(../images/inbanner7.jpg) no-repeat center top;}

/*---------- mainwrap ---------*/
.application {padding: 20px 0;}
.application ul {border: 1px solid #dcdcdc; padding: 15px 10px; overflow: hidden;}
.application li {float: left; width: 326px; height: 52px; overflow: hidden; border-right: 1px solid #dcdcdc;}
.application li .icon {display: block; float: left; padding: 0 10px; width: 60px; background: no-repeat center center; height: 52px;}
.application li a {font-size: 14px; font-weight: bold; color: #333; display: block;}
.application li a:hover {background-color: #fafafa;}
.application li a:hover h4 {color: #0077b6;}
.application li p {color: #999; white-space: nowrap; font-size: 12px; font-weight: normal;}
.tt {height: 28px; border-bottom: 1px solid #d2d2d2; padding-bottom: 2px;}
.tt .more {background: #fff url(../images/more.gif) no-repeat center center; display: block; width: 36px; height: 28px;}
.tt .cntt {font-size: 14px; font-weight: bold;}
#mainwrap .box {padding: 15px 0;}
.news {width: 330px; float: left;}
.fstnew {padding-bottom: 15px; overflow:hidden;}
.fstnew img {display: block; float: left; padding-right: 15px; width: 140px; height: 105px;}
.fstnew h3 {color: #2d2824; font-weight: bold; line-height: 1.5; padding-bottom: 10px;}
.fstnew .desc {line-height: 1.5; color: #999;}
.fstnew .more {color: #FF7B3D;}
.news .newlist li {background: url(../images/arrow_li.gif) no-repeat left center; padding: 0 0 3px 12px;}
.news .newlist li a:hover {color: #0077b6;}

.products {width: 316px; float: left; padding: 0 15px;}
.productlist {overflow: hidden; height: 242px; width: 330px;}
.products .tempWrap {overflow: hidden; height: 242px; width: 316px;}
.productlist a {display: block; float: left; margin: 0 12px 12px 0;}
.productlist img {width: 150px; height: 113px; border: 1px solid #dcdcdc;}

.video {width: 327px; float: left;}
.video .box {position: relative;}
.video .box img {display: block; width: 327px; height: 242px;}
.video .box .playbtn {display: block; position: absolute; left: 0; top: 15px; width: 327px; height: 242px; z-index: 1;  background: url(../images/shadow_video.png) repeat left top;}
.video .box .playbtn span {display: block; background: url(../images/bg_playbtn.png) no-repeat center center; width: 327px; height: 242px;}

.wrapbox {padding: 20px 0;}

/*---------- breadcrumb ---------*/

/*---------- left ---------*/
.leftwrap {float: left; width: 225px;}
.leftwrap h3 {font-size: 30px; color: #0077b6; border-bottom: 2px solid #0077b6;}
.leftwrap ul {padding: 20px 0;}
.leftwrap li {height: 31px; line-height: 31px; background: url(../images/bg_left_li.png) no-repeat left top; margin-bottom: 10px; padding-left: 50px;}
.leftwrap li a {font-size: 14px;}
.leftwrap li a:hover {color: #0077b6;}
.leftwrap li.selected a {color: #0077b6;}


/*---------- right ---------*/
.rightwrap {width: 740px; float: right;}
.rightwrap .breadcrumb  {line-height: 40px; padding-top: 20px; text-align: right;}
.content {padding: 20px 0;}
.honorlist {overflow: hidden; width: 1000px;}
.honorlist li {float: left; text-align: center; padding: 1px; background-color: #ECEBF0; margin: 0 67px 20px 0;}
.honorlist li:hover {padding: 0; border: 1px solid #0077b6;}
.honorlist li span {display: block; padding: 5px 0; height: 28px; overflow: hidden;}
.honorlist li:hover span {color: #0077b6;}
.honorlist li img {width: 200px; height: 150px; display: block;}
.newslist li {overflow: hidden; padding: 15px; margin-bottom: 20px;}
.newlist li a {overflow: hidden; cursor: pointer;}
.newslist li:hover {background-color: #fafafa;}
.newslist .newimg {float: left; width: 160px; height: 120px; padding-right: 25px;}
.newslist .newimg img {display: block; width: 160px; height: 120px;}
.newslist .newtime {float: none; line-height: 1.8; padding-bottom: 5px; color: #b3b3b3;}
.newslist .newdesc {width: 525px; height: 120px; overflow: hidden; float: left;}
.newslist .newdesc h3 {font-size: 14px; font-weight: bold;}
.newslist .newdesc p {overflow: hidden; color: #888; height: 56px;}
.productslist {overflow: hidden; width: 780px;}
.productslist li {overflow: hidden; width: 350px; float: left; margin: 0 40px 20px 0;}
.productslist li:hover {background-color: #efefef;}
.productslist li img {display: block; float: left; width: 140px; height: 105px; border: 1px solid #dcdcdc; margin-right: 10px;}
.productslist li .name {font-size: 14px; color: #0077b6; font-weight: bold;}
.productslist li .desc {height: 48px; overflow: hidden;}
.downslist li {padding: 3px 0 3px 25px; font-size: 14px; border-bottom: 1px dashed #dcdcdc; background: url(../images/download.png) no-repeat left center;}
.downslist li a:hover {color: #0077b6;}
.downslist li span {color: #999; padding-left: 20px; font-size: 12px;}
.relatecate {clear: both; color: #0077b6; font-size: 14px; font-weight: bold; padding: 20px 0 10px;}
.relatepro {overflow: hidden; width: 800px;}
.relatepro li {float: left; margin: 0 56px 20px 0; width: 142px; overflow: hidden;}
.relatepro li img {display: block; border: 1px solid #dcdcdc; width: 140px; height: 105px;}
.relatepro a {display: block; text-align: center; white-space: nowrap;}
.relatepro a:hover {color: #0077b6;}
/*---------- maincontent ---------*/
	/*.productslist {width: 819px;}
	.productslist li {overflow: hidden; padding: 0 69px 20px 0; width: 204px; height: 182px; float: left;}
	.productslist img {width: 200px; height: 150px; padding: 1px; border: 1px solid #dadada; display: block;}
	.productslist h3 {font-size: 14px; font-weight: bold; text-align: center;}
	.productslist a {display: block;}
	.productslist .dt {height: 120px; overflow: hidden;}
	.newslist li {background: url(../images/arrow_new_li.png) no-repeat left 9px; padding: 0 0 5px 10px; margin-bottom: 5px; border-bottom: 1px dashed #dadada;}
	.jobtitle{ margin-bottom:5px; padding-top:10px; cursor:pointer; margin-bottom:0; height:20px; width:705px; height:25px}
	.jobtitle td{border-bottom:solid 1px #dcdcdc; line-height: 26px;}
	.jobtitle .subgif {background: url(../images/mini.gif) no-repeat right center;}
	.jobsub{display:none; background-color: #fafafa; border: 1px dotted #dcdcdc; border-top: none; padding: 10px;}
	#job .th{ background-color:#f8f8f8;}
	th.inputh {font-weight: normal;}*/

/*---------- pagecount ---------*/
#pageNav {text-align:center; width:100%; clear:both; height:40px; padding-top:20px;}
.pageNum,.cPageNum {width:26px; line-height: 25px; 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; font-weight:bold; *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 .topbar {background-color: #ebebeb; padding: 20px 0;}
#footer dl {overflow: hidden; float: left;}
#footer dt {font-size: 16px; color: #0077b6; font-weight: bold; padding-bottom: 10px;}
.about {width: 330px;}
.about dd img {padding-right: 10px; float: left;}
.procate {width: 316px; padding: 0 15px;}
.procate dd {float: left; width: 148px; padding: 0 5px 10px;}
.procate dd a {background: url(../images/arrow_li.gif) no-repeat left center; padding-left: 10px;}
.procate dd a:hover {color: #0077b6;}
.contact {width: 327px;}
.contact dt {background: url(../images/bg_contact.png) no-repeat left 4px; height: }
.contact dd {padding-left: 30px;}
.contact dd.tel {font-size: 32px; color: #0077b6; line-height: 1; font-family: Arial; padding-bottom: 5px;}
.contact dd.fax {background: url(../images/bg_fax.png) no-repeat 30px 10px; color: #0077b6; font-size: 22px; line-height: 22px; padding-top: 10px;}
.contact dd.fax span {color: #fff; display: block; padding-right: 14px; text-align: center; width: 45px; float: left; font-size: 12px;}
.copyright {height: 61px; line-height: 31px; background-color: #0077b6; color: #fff;}
.copyright a {color: #fff;}

.ctitle{ font-size:21px; text-align:center; padding-bottom:10px;}
.ctime{ text-align:center; padding-bottom:5px; border-bottom:dotted 1px #aaa; margin-bottom:20px}
.chits{ margin-left:20px}
.coperate{ text-align:right; padding-top:10px; border-top:dotted 1px #aaa; margin-top: 20px; clear: both;}
.download {float: right; border: 1px solid #efefef; padding: 10px; clear: both;}
.download a {color: #fff; display: block; width: 104px; height: 36px; background-color: #225FA9; text-align: center; line-height: 36px;}


/* 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;}




/*在线QQ*/
#online_qq_tab a, .onlineMenu h3, .onlineMenu li.tli, .newpage {
    background: url("../images/float_s.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#onlineService, .onlineMenu, .btmbg {
    background: url("../images/float_bg.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#online_qq_layer {
    margin: 150px 0 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
#online_qq_tab {
    float: left;
    margin: 40px 0 0;
    position: relative;
    width: 28px;
    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 {
    background-position: 0 0;
    display: none;
    float: left;
    margin-left: -1px;
    padding: 10px 0 0;
    width: 130px;
}
.onlineMenu {
    background-position: -262px 0;
    background-repeat: repeat-y;
    padding: 0 10px;
}
.onlineMenu h3 {
    border-bottom: 1px solid #ace5f9;
    height: 36px;
    line-height: 999em;
    overflow: hidden;
}
.onlineMenu h3.tQQ {
    background-position: 15px 10px;
}
.onlineMenu h3.tele {
    background-position: 25px -47px;
}
.onlineMenu li {
    border-bottom: 1px solid #e6e5e4;
    height: 36px;
    line-height: 36px;
    text-align: center;
}
.onlineMenu li.tli {
    padding: 0 0 0 18px;
    text-align: left;
}
.onlineMenu li.zixun {
    background-position: 0 -131px;
    padding: 0 0 0 28px;
}
.onlineMenu li.fufei {
    background-position: 0 -190px;
}
.onlineMenu li.phone {
    background-position: 0 -244px;
}
.onlineMenu li a.newpage {
    background-position: 5px -100px;
    display: block;
    height: 36px;
    line-height: 999em;
    overflow: hidden;
}
.onlineMenu li.last {
    border: 0 none;
    font-size: 12px;
}
.btmbg {
    background-position: -131px 0;
    height: 12px;
    overflow: hidden;
}