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

/*.morebg {background: url(../images/bg_morebg.gif) no-repeat bottom center; padding-bottom: 6px;}*/
.morebg {background: #fff url(../images/bg_container.jpg) repeat-x left top;}
.wrapper {background: #fff;}
/*---------- header ---------*/
#header {height: 102px; position: relative; z-index: 1;}
.logo {padding: 11px 0 0 16px; width: 142px; height: 47px;}
.logo a {display: block;}
#header .summary {
	position: absolute;
	left: 330px;
	top: 20px;
}
#header .tel {position: absolute; right: 16px; top: 21px;}

/*---------- nav ---------*/
#nav {height: 24px; padding-top: 10px;}
.topnav {overflow: visible; padding: 0 3px;}
#nav li {float: left; display: inline; padding: 0 2px 10px;}
#nav a {display: block; font-size: 14px; color: #fff; width: 86px; padding-left: 20px; line-height: 24px; background: #86B404 url(../images/arrow_nav.gif) no-repeat 80px 9px;}
#nav a:hover {background: #04B404 url(../images/arrow_nav.gif) no-repeat 80px 9px;}
.subnav {position: absolute; top: 102px; z-index: 3; padding: 10px 15px; width: 512px;   background:#fff url(../images/bg_subnav.png) no-repeat left bottom; display: none;}
.show {display: block;}
/*#nav a.current {background: url(../images/bg_nav_sel.gif) repeat-x left top; color: #fff;}*/
.subnav h2 {color: #40a3e9; font-size: 14px; font-weight: bold;}
.subul {overflow: hidden; width: 166px; padding-top: 10px; display: block;}
#nav .subul li {float: none; display: block; padding: 0; border-bottom: 1px solid #dadada; width: 160px; background: url(../images/arrow_subli.jpg) no-repeat left center; padding-left: 5px;}
#nav .subul a {font-size: 12px; display: inline; font-weight: normal; color: #666; line-height: 24px; background: none; width: auto; padding-left: 5px;}
#nav .subul a:hover {color: #F6C55D;}
#nav .desc {width: 332px;}
#nav .desc a {background: none; color: #40a3e9; font-size: 12px; width: auto; padding: 0;}
#nav .desc a:hover {color: #F6C55D;}
#nav .desc td {text-align: center;}
#nav .desc img {display: block; margin: 0 auto;}

/*---------- banner ---------*/
#banner {height: 450px; position: relative;}
#banner .imglist li {background:no-repeat center top; height: 450px;}
#banner .imglist li a {display: block; height: 450px;}
#banner  .pagelist {width: 100%; height: 58px; z-index: 1; position: absolute; right: 0; bottom: 0;}
#banner  .pagelist li{float: left; width: 247px; margin: 0 1px; height: 58px; cursor:pointer;}
#banner  .pagelist li  h3 {font-size: 14px; line-height: 58px; font-weight: bold !important; text-align: center; color: #fff; background: url(../images/arrow_banner.gif) no-repeat 8px 8px;}
#banner .sbn01 {background: url(../images/bg_banner01.png) repeat-x left top;}
#banner .sbn02 {background: url(../images/bg_banner02.png) repeat-x left top;}
#banner .sbn03 {background: url(../images/bg_banner03.png) repeat-x left top;}
#banner .sbn04 {background: url(../images/bg_banner04.png) repeat-x left top;}
#banner .pagelist li.on {background: url(../images/bg_banner_sel.png) repeat-x left top;}
#banner .pagelist li[class="sbn01 on"] h3 {color: #40a3e9; background: url(../images/arrow_banner_sel01.gif) no-repeat 8px 8px;}
#banner .pagelist li[class="sbn02 on"] h3 {color: #22BB18; background: url(../images/arrow_banner_sel02.gif) no-repeat 8px 8px;}
#banner .pagelist li[class="sbn03 on"] h3 {color: #D7C33A; background: url(../images/arrow_banner_sel03.gif) no-repeat 8px 8px;}
#banner .pagelist li[class="sbn04 on"] h3 {color: #D78B3B; background: url(../images/arrow_banner_sel04.gif) no-repeat 8px 8px;}
.inbanner {height:300px;}

/*---------- indexcontent ---------*/
#indexcontent h2 {font-size: 14px; background: url(../images/bg_tt.gif) no-repeat 8px 8px; padding-left: 25px; padding-bottom: 10px;  color: #000000; font-weight: normal;}

/*---------- upcontent ---------*/
.upcontent {height: 259px; background: url(../images/bg_upcontent.png) repeat-x left top; margin-top: 10px;}
#search {width: 215px; padding: 0 15px; position: relative;}
.searchdesc {border: 1px solid #9da1aa; padding-bottom: 12px; background: #edf1f4 url(../images/shadow_form.png) no-repeat 0 32px;}
#searchform {height: 31px; width: 213px; margin-bottom: 12px; border-bottom: 1px solid #9da1aa;}
#text {border: none; width: 160px; height: 31px; color: #9f9f9f; line-height:31px; padding: 0 10px; background: #fff url(../images/bg_text.png) no-repeat right top;}
#btnsearch {width: 33px; height: 31px; cursor: pointer;}
/*#search .tempWrap {margin: 12px 0; *padding: 12px 0;}
#search .items {padding: 12px 0;}*/
#search .items li {background: url(../images/bg_search_item.gif) no-repeat 8px 8px; padding-left: 25px; width: 160px;}
#search .items li a:hover {color: #40a3e9;}
.btn_up, .btn_down {width: 13px; height: 7px; display: block; position: absolute; right: 30px; z-index: 99;}
.btn_up {background: url(../images/btn_pro_up.png) no-repeat center center; bottom: 25px;}
.btn_up:hover {background: url(../images/btn_pro_up_sel.png) no-repeat center center;}
.btn_down {background: url(../images/btn_pro_down.png) no-repeat center center; bottom: 10px;}
.btn_down:hover {background: url(../images/btn_pro_down_sel.png) no-repeat center center;}
#news {width: 450px; background-color: #fff; padding: 0 15px; height: 244px;}
#news .newimg {float: left;}
.fstnew {border-bottom: 1px dashed #dadada; padding: 0 0 13px; margin-left: 210px;}
.fstnew a {display: block;}
.fstnew a:hover {color: #40a3e9;}
.fstnew h3 {font-weight: bold; font-size: 14px; text-align: center;}
.fstnew .desc {overflow: hidden; text-indent: 2em; height: 88px;}
#news .newslist {padding: 13px 0 0; margin-left: 210px;}
#news .newslist li {background: url(../images/arrow_li.gif) no-repeat left center; padding-left: 10px;}
#news .newslist li a:hover {color: #40a3e9;}
#products {padding-right: 15px; width: 256px; background-color: #fff; height: 244px; position: relative;}
.btn_pro_left, .btn_pro_right {display: block; position: absolute; width: 17px; height: 32px; top: 100px; z-index: 99;}
.btn_pro_left {background: url(../images/btn_pro_left.png) no-repeat center center; left: 0;}
.btn_pro_left:hover {background: url(../images/btn_pro_left_sel.png) no-repeat center center;}
.btn_pro_right {background: url(../images/btn_pro_right.png) no-repeat center center; right: 15px;}
.btn_pro_right:hover {background: url(../images/btn_pro_right_sel.png) no-repeat center center;}
#products .tempWrap {width: 222px; margin: 0 17px;}
#products .imglist li {overflow: hidden; width: 222px; }
#products .imglist a {display: block;}
#products .imglist h3 {font-weight: bold; font-size: 14px; text-align: center;}
#products .imglist img {display: block; margin: 0 auto; padding: 0 0 8px;}
#products .imglist p {height: 22px;}
#products .imglist a:hover {color: #40a3e9;}

/*---------- downcontent ---------*/
.downcontent {height: 272px; background: url(../images/bg_downcontent.gif) repeat-x left top;}
.downcontent h2 {margin-top: 10px;}
#link {width: 215px; padding: 0 15px; position: relative; background: url(../images/bg_link.gif) repeat-x left top; height: 272px; overflow: hidden;}
#link h2 {border-bottom: 1px solid #dadada;}
.linklist {padding: 0 0 0 5px; margin-top: 10px;}
.linklist li {float: left; display: inline; width: 85px; padding: 0 10px;}
/*.linklist li a {color: #40a3e9;}*/
.linklist li a:hover {color: #40a3e9;}
.linksummary {position: absolute; bottom: 5px; left: 20px;}
#solution {padding: 0 5px 0 15px; width: 225px;}
.soludesc {background-color: #fff; padding: 10px; height: 200px; position: relative;}
.soludesc h3 {font-weight: bold; text-align: center; font-size: 14px;}
.soludesc p {text-indent: 2em; height: 66px; overflow: hidden;}
.soludesc .imglist a:hover {color: #40a3e9;}
.btn_solu_left, .btn_solu_right {display: block; position: absolute; width: 6px; height: 12px; bottom: 11px;z-index: 99;}
.btn_solu_left {background: url(../images/btn_solu_left.gif) no-repeat center center; left: 65px;}
.btn_solu_left:hover {background: url(../images/btn_solu_left_sel.gif) no-repeat center center;}
.btn_solu_right {background: url(../images/btn_solu_right.gif) no-repeat center center; right: 65px;}
.btn_solu_right:hover {background: url(../images/btn_solu_right_sel.gif) no-repeat center center;}
.soludesc .pagelist{ width:100%; height:30px; text-align:center; z-index:11; position: absolute; right:0; bottom:0px;}
.soludesc .pagelist li{position:relative;display: inline-block;*display:inline;width:15px;height:10px;color:#ccc; font-size:35px; cursor:pointer;  float:none; }
.soludesc .pagelist li.on{ color:orange}
#server {width: 238px; padding: 0 5px; position: relative;}
.serdesc {background-color: #fff; padding: 10px; height: 200px;}
.serlist {padding-top: 10px;}
.serlist li {border-bottom: 1px dashed #dadada; padding-bottom: 2px; background: url(../images/arrow_li.gif) no-repeat 0 8px; padding-left: 10px;}
.serlist li a {display: block;}
.serlist li a:hover {color: #40a3e9;}
a.more {display: block; position: absolute; bottom: 5px; left: 15px; color: #40a3e9; background: url(../images/bg_more.png) no-repeat right center; padding-right: 20px;}
#download {width: 238px; padding: 0 15px 0 5px; position: relative;}
.downdesc {background-color: #fff; padding: 10px; height: 200px;}
.downlist {padding-top: 10px;}
.downlist li {border-bottom: 1px dashed #dadada; padding-bottom: 2px; background: url(../images/arrow_li.gif) no-repeat 0 8px; padding-left: 10px;}
.downlist li a {display: block;}
.downlist li a:hover {color: #40a3e9;}

/*---------- content ---------*/
#position {padding: 10px 0 15px;}
#position img {padding: 0 5px;}
#position a:hover {text-decoration: underline; color: #F6C55D;}
#position span {color: #40a3e9;}

/*---------- left ---------*/
#left {width: 165px; padding-left: 5px;}
#left ul {height: auto !important; min-height: 350px; width: 165px; padding-top: 3px;}
#left ul li {height: 26px; line-height: 26px; text-align: right;}
#left a {display: block; padding-right: 26px; color: #40a3e9;}
#left a:hover {color: #F6C55D;}
#left .selected a {color: #fff; background-color: #40a3e9;}

/*---------- right ---------*/
#right {width: 795px; padding: 0 5px 0 25px; border-left: 1px solid #dadada; min-height: 650px;}
.contt {border-bottom: 1px solid #dadada; height: 32px;}
.contt h2 {font-size: 16px; font-weight: bold; padding-bottom: 5px; display: inline-block; border-bottom: 5px solid #40a3e9;}

/*---------- maincontent ---------*/
.maincontent {padding: 25px 0 15px;}
.honorlist li {float: left; display: inline; margin: 0 29px 20px;}
.honorlist li a {display: block; border: 1px solid #dadada; width: 200px; height: 150px; padding: 2px;}
.honorlist li a:hover {border: 1px solid #40a3e9;}
.jobs {padding-bottom: 10px;}
.jobtitle{ margin-bottom:5px; padding-top:10px; cursor:pointer; margin-bottom:0; height:20px; width:705px; height:25px}
.jobtitle td{border-bottom:solid 1px #dadada; line-height: 26px;}
.jobtitle .subgif {background: url(../images/mini.gif) no-repeat right center;}
.jobsub{display:none; background-color: #EBF3FD; border: 1px dotted #dadada; border-top: none; padding: 10px;}
#job .th{ background-color:#f8f8f8;}
th.inputh {font-weight: normal;}
#content {margin-bottom: 10px;}
#content .newslist {padding: 0 20px;}
#content .newslist li {overflow: hidden; padding-bottom: 10px; border-bottom: 1px dashed #dadada; margin-bottom: 10px;}
#content .newslist li a {display: block;}
#content .newslist li h3 {font-size: 14px; font-weight: bold; padding-bottom: 15px;}
#content .newslist li p {overflow: hidden; height: 44px;}
#content .newslist li img {margin-right: 20px; padding: 2px; border: 1px solid #dadada;}
#content .newslist a:hover {}
.videolist {overflow: hidden;}
.videolist a {display: block; width: 400px; height: 300px; position: relative; margin: 0 auto; border: 1px solid #dadada; padding: 1px;}
#videobtn {display: block; position: absolute; left: 176px; top: 123px; background: url(../images/video_leave.png) no-repeat center center; width: 47px; height: 47px;}
#videobtn:hover {background: url(../images/video_enter.png) no-repeat center center;}
.videolist h3 {width: 400px; text-align: center; margin: 0 auto; font-size: 14px; line-height: 33px;}
.knoslist {overflow: hidden; padding: 0 30px;}
.knoslist li {background: url(../images/arrow_li.gif) no-repeat 0 8px; padding: 0 0 5px 15px; border-bottom: 1px dashed #dadada; margin-bottom: 15px;}
.knoslist h3 {font-size: 14px; padding-bottom: 5px; font-weight: bold;}
.knoslist p {padding-left: 10px;}
.knoslist a:hover {color: #40a3e9;}
.soluslist li {border-bottom: 1px dashed #dadada; padding-bottom: 15px; margin-bottom: 15px;}
.soluslist li a {display: block; border: 1px solid #dadada; padding: 2px; overflow: hidden;}
.soluslist li a:hover {background-color: #dadada;}
.soluslist h3 {font-size: 14px; font-weight: bold;}
.soluslist img {float: left; margin-right: 20px;}
.down {padding: 20px; margin: 10px; background-color: #dadada; font-size: 14px; font-weight: bold;}
.down a:hover {color: #40a3e9;}
.proslist {overflow: hidden;}
.proslist li {margin-bottom: 15px; position: relative;}
.proslist a {display: block; overflow: hidden;}
.proslist a:hover {background-color: #dadada;}
.proslist img {float: left; margin-right: 20px; border: 1px solid #dadada; padding: 2px;}
.proslist h3 {font-size: 14px; font-weight: bold; padding-bottom: 15px;}
.proslist span {position: absolute; bottom: 15px; right: 10px; cursor: pointer;}
.topcont {margin-bottom: 20px;}
.topcont img {margin-right: 20px;}
.topcont strong {color: #40a3e9; font-size: 14px;}
.topcont p {padding-top: 15px; text-indent: 2em;}
.tab {clear: both; height: 33px; line-height: 33px; overflow: hidden;}
.tab li {background-color: #40a3e9; color: #FFFFFF; font-size: 14px; cursor: pointer; float: left; padding: 0 20px; margin-right: 5px;}
.tabcontent {padding: 20px 0 10px;}
.tabcontent .sub {display: none; min-height:400px}
.tabcontent .show {display: block;}
.tab li.cur {background-color: #F6C55D;}
.downslist {padding: 0 30px;}
.downslist li {background: url(../images/arrow_li.gif) no-repeat 0 8px; padding-left: 15px; margin-bottom: 5px;}
.downslist li span {background: url(../images/download.png) no-repeat left top; width: 12px; height: 12px;}
.downslist li a:hover {color: #F6C55D;}
.downslist a:hover span {background: url(../images/download_hover.png) no-repeat left top;}

/*---------- pagecount ---------*/
#pageNav {text-align:center; width:100%; clear:both; height:40px; padding-top:20px;}
.pageNum,.cPageNum {line-height:25px; padding:0 10px; text-align:center;display: inline-block; background:#fff; border:solid 1px #ddd;}
.cPageNum {background:#40a3e9; color:#fff; font-weight:bold; *display:inline;*margin-right:5px;}
#pageNav a {color:#2B4A78; text-decoration:none;}
#pageNav a:hover {}
#pageNav img{ vertical-align:middle}

/*---------- 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: 37px; padding: 0 5px; clear: both; width: 986px;}
.copyright {line-height: 33px; text-align: center; border-bottom: 2px solid #fff; padding: 0 5px; width: 976px;}
.indexft .copyright {background-color: transparent; border: 0; padding: 0; width: 986px;}
#footer a {color: #666;}
#footer .mail {color: #DB4300;}

/*---------- footer 20170221 蒋海东增加 ---------*/
#auvewm {position: fixed; top: 10px; left: 60px; width: 100px; height: 220px; background:url(..images/spirit.png) no-repeat; z-index: 999999;}

#ewm {position: fixed; left: 10px; bottom: 10px; z-index: 999999;}
#ewm h3 {padding: 10px 0 0; text-align: center;}
#ewm .dt {border: 1px solid #ccc; padding: 1px 8px; position: relative; background-color: #fff;}
#ewm a {display: block; text-align: center; line-height: 30px;}
#ewm a img {vertical-align: text-top; padding-right: 8px;}
#ewm p {color: #fff; cursor: pointer;}
.ewmbig {position: absolute; left: 91px; top: -70px; display: none;}
.ewmbig p {color: #fff; font-size: 14px; padding-left: 40px;}


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

.honorlist1 li{ text-align:center; line-height:25px;font-size:14px;}
.honorlist1 li a{ height:auto;}