@charset "utf-8";
/* Global CSS by goldeneyes  */
@import url("base.css");
@import url("buttons.css");
@import url("thickbox.css");
* {-webkit-text-size-adjust:none;}

/* Base Style */
body { position:relative; font:12px/160% "微软雅黑";color:#333; text-align:center;}

a { color:#333333; text-decoration:none; }
a:hover { color:#1C077C; text-decoration:underline; }
p { margin-bottom:1em; text-indent:2em;}
p.pEng { padding:10px; text-indent:0; line-height:140%; color:#666; background:#fafafa;}
.e-no { font:bold italic 18px/160% Georgia, "Times New Roman", Times, serif; color: #060;}
.super { vertical-align:super;}
.left { float:left;}
.right { float:right;}
.clear { clear:both;}
ol.list-no { list-style:decimal;}
ol.list-no li { margin-left:2em;}
ul.list li { list-style:disc; _height:18px; _line-height:18px; margin-left:1.5em; padding:2px 0; color:#444; text-decoration:none;}
ul.list li a { display:block; color:#444;}
ul.list li a:hover { color:#000; background:#CCC; text-decoration:none;}
h1,h2,h3,h4 { font-family:"微软雅黑";}
h3 { padding:10px 0 6px 0; font-size:16px; font-weight:bold;}
h4 { padding:6px 0 4px 0; font-size:14px; font-weight:bold;}
.table-green th, .table-green td { padding:4px 6px; line-height:140%; text-align:center; vertical-align:middle;}
.table-green th { font-weight:bold; background:#85c226;}
.table-green tr td { background:#e9f4ec;}
.table-green tr.even td { background:#ddede0;}
.table-green th .super { font-size:10px; font-weight:bold;}
.table-green td .super { font-size:10px;}
.tab-form th { width:100px; text-align:right; font-size:14px; padding:6px; font-weight:bold; border-bottom:1px solid #f4f4f4;}
.tab-form td { padding:6px; border-bottom:1px solid #f4f4f4;}
.tab-form input, .tab-form textarea { border:1px solid #ccc; padding:4px;}
.submitarea { padding:10px 0 20px 0; text-align:center;}
.btn { width:120px; height:40px; font:bold 12px/40px "微软雅黑", "宋体", Tahoma, SimSun, Arial; background:url(../admin/images/btn.gif) no-repeat; border:none; cursor:pointer;}
.btn-hover { width:120px; height:40px; color:#A90000; font:bold 12px/40px "微软雅黑", "宋体", Tahoma, SimSun, Arial; background:url(../admin/images/btn.gif) 0 -40px no-repeat; border:none; cursor:pointer;}
.info-success { text-align:center; padding:60px 0; padding-left:140px; font:bold 16px/120% "微软雅黑", "宋体", Tahoma, SimSun, Arial; color:#333; background:url(../images/i-success.gif) 150px center no-repeat;}

/* Home */
.wrapper { position:relative; width:100%; margin:0 auto; text-align:left; word-wrap:break-word; word-break:break-all;}
#homeMain { width:1002px; margin:20px auto;}
.w1002{ width:1002px; margin:0px auto; overflow:hidden;}
#homeBanner { width:1002px; height:279px; margin:0 auto; background:url(../images/homebanner.jpg) center top no-repeat;}
#logo { margin-left:20px; margin-top:20px; }
#logo a { display:block; width:237px; height:41px; background:url(../images/logo-home.png) no-repeat; text-indent:-9999em;}
#topLink { position:absolute; right:10px; top:15px;}
#topLink ul li { float:left; display:inline;}
#topLink ul li a { font-size:11px; color:#666; padding:0 4px; height:24px; line-height:24px; font-family:"微软雅黑"; cursor:pointer;}
#topLink ul li a:hover { color:#111; text-decoration:none;}
#weibo img { vertical-align:middle;}
.about, .news, .phone  { position:relative; float:left; padding:10px 20px;margin: 20px 0;}
#homeMain .about,#homeMain .news,#homeMain .phone {height: 200px;border-top: #eee 1px solid;border-bottom: #eee 1px solid;}
.about { width:260px;}
.about p{line-height:190%}
.news { width:420px; border-left:#eee 1px solid;border-right:#eee 1px solid}
.phone { width:200px;}
.about h4, .news h4, .product h4 { position:relative; width:100%; height:40px; margin:0; padding:0; background:url(../images/title.gif) -4px -3px no-repeat; text-indent:-9999em;}
.news h4 { background-position:-4px -40px;}
.phone h4 { width:100%; height:75px; margin:0; padding:0; background:url(../images/phone.gif) 5px 0 no-repeat; text-indent:-9999em;}
.news ul li a { position:relative; display:block; width:340px; padding:5px 75px 5px 5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; border-bottom:1px solid #eee; color:#666; }
.news ul li a:hover { color:#1C07A4; background:#f5f5f5; text-decoration:none; }
.news ul li a span.date { position:absolute; right:0; top:0; width:70px; height:22px; font:10px/28px Tahoma, Geneva, sans-serif; color:#999;}
.product { float:left; position:relative; width:1002px;margin:0 auto; padding:0;}
.product h4 { background-position:-4px -120px;}
.product.responsive { width: auto; margin-left: 0; }
.prev, .next { position: absolute;  top: 60px;left:0; display: block; width: 24px; height: 71px; background: url(../images/page-carousel.gif) 0 -71px no-repeat; text-indent: -9999em; z-index:998; }
.next { left: 975px; background-position: 0 0; }
.product .item { float:left; display:block; position: relative; width: 202px; height: 120px; padding: 5px 10px; padding-left: 100px; color: #666; overflow: hidden; }
.product .item h5 { margin-bottom: 4px; font-size: 12px; color: #333; font-weight: bold; }
.product .item p { text-indent: 0;height: 55px;overflow: hidden; }
.product .item a { position: absolute; left: 0; top: 0; border: 1px solid #FDFDFD; }
.product .item a:hover { border: 1px solid #4FA975; }
.product .item a img { width: 88px; height: 88px; }
a.btn-feedback { display:block; width:203px; height:66px; background:url(../images/btn-feedback.gif) no-repeat; text-indent:-9999em;}
a.btn-feedback:hover { background-position:0 -66px;}
a.btn-more { position:absolute; right:0; top:14px; display:block; width:30px; height:14px; text-indent:-9999em; background:url(../images/btn-more.gif) no-repeat;}
.store span { display:block; float:left; padding-top:3px; font-weight:bold; line-height:140%; width:40px;}
.store a { display:inline-block;}
#homeMain .leftMenu{width:200px;float:left}
#homeMain .productItem{display:block}
#homeMain .mainRight{float:right;padding-right:0;width:770px} 
#homeMain .proWrap{margin: 0 20px 15px 0;border:#EEEEEE 1px solid;border-bottom:none}
#homeMain .productType{cursor:default}

/* Nav */
#navigation li { float:left;}
#navigation li a { position:relative; float:left; display:block; padding:15px 8px;padding-left:8px\0;padding-right:8px\0;*padding-left:10px;*padding-right:10px; color:#fff; font-size:15px; font-weight:bold; text-align:center; font-family:"微软雅黑"; line-height:120%; }
#navigation li a span { display:block; text-align:center; font-size:10px; color:#666;}
#navigation li a:hover { text-decoration:none; background:#4386f6}
#navigation li a:hover span {color:#1c82a0;}
#navigation li.lastchild a {}

/* Dropdown */
#navigation .drop { display:none;position:absolute; top:35px; left:-52px; display:none;  z-index:998;width:280px; padding-top:7px;overflow:hidden}
/*#subNavIntro .drop { left:28px;}
#subNavInfo .drop { left:220px;}
#subNavProducts .drop { left:327px;}
#subNavService .drop { left:427px;}
*/#navigation .drop .holder { position:relative; background: url(../images/bg-navdrop.png) repeat;border-radius: 0 0 4px 4px; background:#fff;opacity:0.9}
#navigation .drop span { position:absolute; display:block; width:14px; height:7px; top:-7px; left:50%; margin-left:-7px; background:url(../images/arrow-subnav.png) no-repeat;}
#navigation .drop .holder ul { position:relative; width:180px; margin:7px 0;}
#navigation .drop .holder ul li { float:none;}
#navigation .drop .holder ul li a { padding:6px 16px; float:none; font-size:12px; color:#000; font-weight:bold; background:none; text-align:left;}
#navigation .drop .holder ul li.lastchild a { background:none;}
#navigation .drop .holder ul li a:hover { color:#fff; background:#1C077C;}
#navigation .drop .holder img{width:80px;height:80px;float:left;margin:7px}
#navigation .drop .holder ul{float:left}

/* Header */
#header {position:relative; width:100%;  margin:0 auto;}
#header #logo a { display:block; width:372px; height:73px; background:url(../images/logo.png) no-repeat; text-indent:-9999em;}
#header #navigation {width: 1002px; margin:0 auto;}
#banner { border-radius: 4px 4px 0 0;text-align:center;}
#banner img{ width:100%;}
#header #header_phone{ margin-top:30px; float:right;background: url(../images/header_phone.gif) 5px 0 no-repeat;width:184px;height:39px}
.weixin{position:relative; float:left; height:73px; }

.top{ margin:0 auto; width:1002px; overflow:hidden;}
/* Main */
#main { width:1002px; margin:0 auto;}
.mainLeft { float:left; width:200px; min-height:377px;  overflow:hidden;border-right: #eee 1px solid;}
.mainLeft .phone { float:none; padding:0; padding-left:5px;margin-top:20px; background:none;}
.leftMenu li a { display:block; width:178px; height:40px; padding-left:22px; font-size:12px; color:#333; font-weight:bold; line-height:40px; border-bottom:1px solid #f4f4f4;}
.leftMenu li:hover{ background-color:#fcfcfc;}
.leftMenu li a:hover { text-decoration:none; color:#1C077C;}
.leftMenu li.curr a { width:178px; padding-left:22px;  color:#fff; background:url(../images/bg-leftmenu.png) left center no-repeat;}
.leftProMenu li.curr a{background:#FDFDFD;color:#1C077C;}
.mainRight { float:left; width:740px; padding:0 30px; border-bottom:none;}
.mainRight h2 { margin:20px 0;  }
.mainRight h2.h2-blue { font-size:22px; font-weight:bold; color:#002490;}
.pos { margin-bottom:10px; padding:10px 0; border-bottom:1px solid #eee; color:#999;}
.pos a { color:#999;}

/* News */
ul#newsList { margin:10px 0;}
ul#newsList li a { display:block; position:relative;color:#333; padding:6px 60px 6px 24px;  border-bottom:1px solid #E3E3E3; background:url(../images/icon-news.png) 4px 6px no-repeat;}
ul#newsList li a:hover { text-decoration:none;color:#1C077C; background:url(../images/icon-news.png) 4px 6px no-repeat;background-color:#f7f7f7}
ul#newsList li a span { position:absolute; right:10px; top:6px; font-size:10px; color:#999;}
.page { padding:20px 0; line-height:23px;}
.page a { float:left; display:block; width:25px; height:25px; margin-right:6px; line-height:23px; text-align:center; color:#666; background:url(../images/btn-page2.png) no-repeat;}
.page a:hover { text-decoration:none; color:#444; background-position:0 -25px;}
.page a.curr { background:none; font-weight:bold;}
a.btn-page { display:block; width:57px; height:25px; line-height:23px; text-align:center; color:#666; background:url(../images/btn-page.png) no-repeat;}
a.btn-page:hover { text-decoration:none; color:#444; background-position:0 -25px;}
.newstitle { line-height:140%; margin-bottom:10px; padding:0 0 10px 0; border-bottom:1px dotted #ccc; }
.newsdate { color:#999; font-size:12px;}

/* Info */
.info-item { float:left; width:320px; height:240px; margin:5px; padding:10px; background:#fafafa; border-radius: 4px;}
.info-item h3 { margin:-10px -10px 10px -10px; padding:6px; padding-left:15px; color:#fff; background:#124d93; border-radius: 4px 4px 0 0;}

/* Recruit */
.titleJobs { position:relative; margin:40px 0 10px 0; padding:6px 0 6px 50px; font-size:16px; font-weight:bold; color:#000;border-bottom:#eee 1px solid;}
.titleJobs i { position:absolute; display:block; width:54px; height:54px; left:-6px; top:-11px; }
.titleDuty { padding:5px 0; font-size:14px; font-weight:bold;}
.jobRequire { margin-left:50px;}

/* Download */
ul#fileList { margin:10px 0;}
ul#fileList li a { display:block; position:relative; padding:10px 60px 10px 30px;  border-bottom:1px solid #E3E3E3; background:url(../images/icon-file.png) 4px 6px no-repeat;}
ul#fileList li a:hover { text-decoration:none; background:url(../images/icon-file.png) 4px 6px no-repeat;}
ul#fileList li a span { position:absolute; right:10px; top:6px; font-size:10px; color:#999;}

/* Product */
ul#proList li a { position:relative; display:block; height:120px; font-size:14px; padding-left:150px; padding-top:20px; font-weight:bold; border-bottom:1px solid #eee;}
ul#proList li a:hover { background:#F7F7F7; text-decoration:none}
ul#proList li a img { position:absolute; left:10px; top:10px;}
ul#proList li a p { font-size:12px;  color:#666;padding-right:10px;margin-top:10px;height: 75px;overflow: hidden;}
.pro-detail { margin-top:20px; padding:10px 0; font-size:14px; line-height:150%;}
.pro-detail h4 { margin-bottom:20px; font-size:18px; border-bottom:2px solid #ccc;}
.proWrap{width:47%;float:left;overflow:hidden;margin:10px 20px 20px 0;}
.leftProMenu li.productType{ background-color:#f5f5f5;padding:10px 8px;font-size:14px;cursor:pointer;border-bottom:#eee 1px solid}
.leftProMenu li.productType{ background-image:url(../images/menu_drop.png); background-repeat:no-repeat; background-position:0 3px;text-indent:12px}
.leftProMenu li.productType.drop{background-position:0 -31px}
.leftProMenu li.productItem{display:none}
.leftProMenu li.productItem.drop{display:block}


/* Cases */
.caseWrap{width:120px;float:left;overflow:hidden;padding:5px;margin:10px 15px 5px 0;border:1px solid #eee; background: #fff; }
ul#caseList li{ position:relative; display:block;  font-size:16px; font-weight:bold; text-align:center}
ul#caseList li p { font-size:12px;  color:#666;padding-right:10px;margin-top:10px;height: 75px;overflow: hidden;}


/*Contact*/
.contactCard{width: 43%;float: left;margin: 0 20px 20px 0;border: #ddd 1px solid;padding:8px 15px;height: 190px;overflow-y: auto; background:url(../images/contactCard_logo.png) 165px 11px no-repeat}
.contactCard h3{padding: 10px 0 30px 0;font-size:20px}
.contactCard p{margin:0;padding:0;text-indent:0;margin: 0;padding: 0 0 0 24px;text-indent: 0;line-height: 180%;}
.contactCard_ico{ background-image:url(../images/contactCard_ico.png); background-repeat:no-repeat}
.contactCard_ico1{ background-position:0 2px}
.contactCard_ico2{ background-position:0 -26px}
.contactCard_ico3{ background-position:0 -53px}
.contactCard_ico4{ background-position:0 -80px}
.contactCard_ico5{ background-position:0 -105px}
.contactCard_ico6{ background-position:0 -131px}
/*首页应用案例*/
.cp_bt{font-size: 40px;color: #333;text-align: center;line-height: 36px;padding: 60px 0 0;height: 80px;overflow: hidden;}
.cp_bt a{font-size: 40px;color: #333;}
.cp_bt span{display: block;font-size: 20px;color: #666;font-weight: normal;padding: 10px 0 0;}
.pinz_bg{ background:#1264b6; height:240px; padding-top:150px; position:relative;}
.pinz{ width:1002px; margin:0 auto; background:#FFFFFF; overflow:hidden;}
.pinz .cp_bt{color: #fff; position:absolute; top:0px; left:50%; margin-left:-150px;}
.pinz .cp_bt span{color: #c6c6c6;}
.pinz dl{width:25%;float: left;padding-right:4%;padding-left:4%; border-right:1px solid #CCCCCC;}
.pinz dl dt{height: 92px;line-height: 92px;overflow: hidden;font-size: 24px;color: #555;}
.pinz dl dt em{width: 114px;height: 92px;display: block;float: left;line-height: 0;}
.pinz dl dt em img{width: 92px;height: 92px;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;}
.pinz dl dt:hover img {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.pinz dl dd{padding: 35px 0 0; }
.pinz dl dd a{ text-decoration:none;}
.pinz dl dd a:hover{ text-decoration:none;}
.pinz dl dd p{font-size: 16px;color: #555;line-height: 24px;height: 48px;overflow: hidden;width: 222px;}
.pinz dl dd span{height: 120px;display: block;overflow: hidden;margin-top: 22px;}
.pinz dl dd span img{width:100%;height: 120px;}
.pinz .nobor01{ padding-left:4.5%;}
.pinz .nobor02{border-right:none;}
.pinz dl dd span img,.ys_pic img,.jz dl dt span img,.news dt img{width: 374px;height: 210px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pinz dl dd span img:hover,.ys_pic img:hover,.jz dl dt span img:hover,.news dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}




/* Footer */
#footer {  margin:0 auto; margin-top:20px; padding:30px 0; text-align:center; color:#fff; font-size:11px;  line-height:160%; border-top:1px solid #eee; background:url(/images/foot_bj.jpg) no-repeat;background-size:100% 100%;}
#footer a { color:#fff;}
#footer a:hover { color:#111; text-decoration:none;}
.copyright h2 { margin-bottom:10px; padding:10px 0 20px 0; font-size:24px; font-weight:bold; color:#333; text-align:center; border-bottom:2px solid #ccc;}
.copyright { color:#333; line-height:150%; padding:0 15px;}
#footer .footnav{width:1040px;margin:0 auto}
#footer .footnav li a{display:block;margin:0 25px 10px;font-size:14px;text-align:center}
#footer .footnav li{float:left;text-align:left;border-left:#eee 1px solid;height:180px;padding-top:64px}
#footer .footnav li li{float:none;border:none;height:auto;padding-top:0}
#footer .footnav li li a{font-size:12px;margin-bottom:5px;}
#footer .footer_cpr{text-align:right;margin:0 auto;width:980px;line-height: 190%;color:#fff}
#footer .footer_cpr a{color:#fff}
#footer .footnav li.footnav1{ background:url(../images/footnav_ico1.png) center 0 no-repeat}
#footer .footnav li.footnav2{ background:url(../images/footnav_ico2.png) center 0 no-repeat}
#footer .footnav li.footnav3{ background:url(../images/footnav_ico3.png) center 0 no-repeat}
#footer .footnav li.footnav4{ background:url(../images/footnav_ico4.png) center 0 no-repeat}
#footer .footnav li.footnav5{ background:url(../images/footnav_ico5.png) center 0 no-repeat}
#footer .footnav li.footnav6{ background:url(../images/footnav_ico6.png) center 0 no-repeat}
#footer .footnav li.footnav7{ background:url(../images/footnav_ico7.png) center 0 no-repeat}

.nextpag{ border-top:1px solid #dddddd; padding-top:10px;}

.boxcenter{ height:50px; background:#eaeaea; border-bottom:1px solid #dddddd;}
.boxcenter .wrapperaa{ width:1000px; line-height:50px; margin:0 auto; color:#666}
.boxcenter .wrapperaa b{ color:#333}
.search {
	FLOAT: right; MARGIN: 10px 0px 12px; WIDTH: 245px; POSITION: relative;
}
.searchInput {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 1px; BORDER-LEFT: #a0a0a0 1px solid; WIDTH: 180px; LINE-HEIGHT: 16px; PADDING-TOP: 3px; BORDER-BOTTOM: #a0a0a0 1px solid; HEIGHT: 16px; BACKGROUND-COLOR: #fff; color:#999
}
.searchBtn {
	BACKGROUND: url(../images/bg.png) no-repeat right -48px; WIDTH: 48px; CURSOR: pointer; BORDER-TOP-STYLE: none; LINE-HEIGHT: 22px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 22px; TEXT-ALIGN: center; BORDER-BOTTOM-STYLE: none
}
.proclasslist li{ float:left; margin:0 10px 10px 10px;}
.proclasslist li h3{ display:block; text-align:center}

/*资讯中心列表页面的--dl*/
dl.news_dl {font-size:14px; color:#666; padding:0 5px; line-height:22px; border-bottom:1px dashed #CCCCCC;}

dl.news_dl dt { margin-bottom:3px; margin-top:5px; line-height:24px; height:24px; width:720px; overflow:hidden;}
dl.news_dl .dt_1 { height:20px; background:url(../images/ico10.gif) no-repeat 0 6px;  padding-left:10px;  font-size:14px; color:#333; font-weight:bold; }
dl.news_dl .dt_1:hover {background:url(Img/ico7.gif) no-repeat 0 6px;color:#F5710B; }/*资讯首页内容,点击时的图片*/
dl.news_dl .dt_2 { font-size:12px; float:right; padding:0 10px 0 8px;  font-family:"宋体"; }
dl.news_dl .dt_3 { font-size:12px;}
dl.news_dl .dt_3 a { color:#FF0000; text-decoration:underline;} /*文章出处*/
dl.news_dl dd { font-size:12px; padding-left:10px; height:45px; overflow:hidden; margin-bottom:10px;}
.new11 {background:url(../images/news.gif) 65px center no-repeat; font-size:14px;  display:block; width:100px; height:24px; line-height:24px; margin-top:40px }
#subNav_1{ position:absolute; top:10px; left:-160px; z-index:100;}

.dtbanner{ width:100%; margin:0 auto;}
.dtbanner img{ width:100%;}