﻿@charset "utf-8";
/* CSS Document */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, span, fieldset, table, th, td{margin:0; padding:0; list-style:none;font-size:100%;font-family:Verdana, Geneva, sans-serif; font-size:12px;}
img,a{ margin:0; border:0;}
.clear{ clear:both;}
a{ text-decoration:none;hide-focus: expression(this.hideFocus=true); cursor:pointer;  /* for ie 5+ */outline: none;  /* for firefox 1.5 + */}
body{ background:#fff url(../images/bg.gif) repeat-x center top;width:100%; margin:0 auto;}


.clearfloat{clear:both;height:1px; font-size:0; line-height: 0; overflow:hidden;}
.autoheight:after{content: "."; display: block; height: 0; clear: both; visibility: hidden} 
.hide{ display:block; text-indent:-9999px; font-size:0; line-height:0; overflow:hidden}
.left{ float:left}
.right{ float:right}
.orange{ color:#ee7700;}
.green{ color:#82af33;}
.blue{ color:#00b9ef;}
.blue01{ color:#1a467f;}
.black{color:#4d4d4c}
.red{color:#da0000}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.fb{ font-weight:bold;}
.fw{ font-family:"微软雅黑",Verdana, Geneva, sans-serif;}
.t_d{ text-decoration:underline;}
.pd{ padding-bottom:10px;} 

/*************** top ********************/
.topBox{ width:981px; padding:0 11px; margin:0 auto; clear:both; height:72px; overflow:hidden;}

.logo{width:60px; height:72px; float:left;}
.coname{height:73px; float:left; z-index:99;}
.topright{ float:right;height:72px; width:540px;}

.nav li{ float:left;font-family:"微软雅黑",Verdana, Geneva, sans-serif; font-size:16px; color:#000000; margin-left:3px; margin-right:3px;}
.nav li a{ color:#000000;height:72px; line-height:72px;display:block;width:70px; text-align:center;}
.nav li a:hover, .nav li.current a{ color:#ffffff; background:#d10303;display:block;height:72px; line-height:72px;}


.version{ float:left; color:#747474; margin-top:28px;}
.version a{ color:#747474;}
.version a:hover{ color:#747474; text-decoration:none;}


/************************** search ******************************************/
.search{width:250px; height:20px;float:right; margin-right:11px;} 
.searchTxt{color:#a8a8a8; width:175px; height:23px; line-height:17px; border:none; background:url(../images/searchK.gif) no-repeat; float:left;font-size:11px; padding:2px; margin-right:5px;}
.searchBtn{width:65px; height:23px; float:left; background:url(../images/searchBtn.gif) no-repeat center; border:0; cursor:pointer; }

.mianContent{ width:1003px; margin:20px auto 20px; clear:both}
.mianLeft{ float:left; width:523px; height:740px; padding-right:21px; border-right:1px solid #d9d9d9; margin-left:11px;}

#slider { width:523px; margin:0 auto; height:740px; }
div#slideshow { float:left; width:100%; height:717px; overflow:hidden; }
.slider-item { width:100% !important; height:717px; }
.slider_content_inner img { border:none; }
.controls-center { width:523px; margin:0 auto; text-align:right; }
#slider_controls { float:right; padding:10px 0 0 0; position:relative; margin:0; z-index:1000; width:523px; }
#slider_controls ul { margin:0 auto; padding:2px 3px;height:19px; float:right;}
#slider_controls ul li { margin:0; padding:0; list-style:none; }
#slider_controls ul li { float:left; display:block; }
#slider_controls ul li a { width:7px; height:7px; background:url(../images/tabs_1.gif) no-repeat center center; display:block; float:left; padding:0; margin:2px !important; margin:1px 1px; outline:none; }
#slider_controls ul li a:focus { outline:none; }
#slider_controls ul li a:hover, #slider_controls ul li a.activeSlide { background:url(../images/tabs_2.gif) no-repeat center center; }

.mianCenter{float:left; height:740px; padding:0 19px; border-right:1px solid #d9d9d9;width:147px;}
.mianRight{ float:right; width:225px; margin-right:11px;}

.projectBox{ width:147px;}
.projectBox .bt{ font-family:"微软雅黑",Verdana, Geneva, sans-serif; font-size:16px; color:#000; text-align:center; border-top:12px solid #c4c4c4; padding-top:8px;width:147px;}
.projectBox .bt span{ font-family:Arial, Helvetica, sans-serif; color:#d81707; font-size:12px;display:inline-block;}

.projectBox .psarea{ width:147px; height:650px; overflow:hidden; margin-top:25px;/* position:absolute; left:18px; top:100px;*/}
.projectBox .psarea ul.psul{ width:147px;  margin-top:0;}
.projectBox .psarea ul.psul li{ padding-bottom:30px;}
.projectBox .psarea ul.psul li img{ width:147px; height:110px;}
.projectBox .psarea ul.psul li .d{ width:130px; margin:0 auto; line-height:18px; color:#717171; font-size:12px; text-align:center; padding-top:5px;}


.aboutBox{ width:225px;}
.aboutBox .bt{ font-family:"微软雅黑",Verdana, Geneva, sans-serif; font-size:16px; color:#000; text-align:right; border-top:12px solid #c4c4c4; padding-top:8px;width:225px; padding-bottom:25px;}
.aboutBox .bt span{ font-family:Arial, Helvetica, sans-serif; color:#d81707; font-size:12px; display:inline-block;}
.aboutImg{ width:225px; height:94px; padding-bottom:15px;}
.aboutCon{ color:#707070; line-height:18px;}
a.more{ color:#000; text-decoration:none; display:block;font-family:"微软雅黑",Verdana, Geneva, sans-serif; font-size:14px; padding-top:5px;}
a.more:hover{ color:#d81707; text-decoration:underline;}

.newsBox{ width:225px; padding-top:35px; height:270px;}
.newsBox .bt{ font-family:"微软雅黑",Verdana, Geneva, sans-serif; font-size:16px; color:#000; text-align:right; border-top:12px solid #c4c4c4; padding-top:8px;width:225px; padding-bottom:25px;}
.newsBox .bt span{ font-family:Arial, Helvetica, sans-serif; color:#d81707; font-size:12px; display:inline-block;}

.nlist li{ overflow:hidden;line-height:18px;clear:both;margin-bottom:25px;}
.nlist li a{color:#707070;background:url(../images/diot01.gif) no-repeat left 5px;padding-left:15px;}
.nlist li a:hover{color:#d81707; text-decoration:underline;background:url(../images/diot01.gif) no-repeat left 5px;}
.nlist li span{font-size:12px; color:#ababab;font-family:Verdana, Geneva, sans-serif; padding-left:5px;}

.sharebox{ border-bottom:2px solid #d9d9d9;border-top:2px solid #d9d9d9; color:#d9d9d9; height:27px; line-height:27px; clear:both; width:225px; }
a.ico_wb{ background:url(../images/icon_wb.gif) no-repeat; padding-left:20px; height:25px; line-height:18px; color:#888; display:inline-block; /*margin-left:20px;margin-right:10px;*/}
a.ico_wb:hover{ cursor:pointer;}

a.ico_wx{ background:url(../images/icon_wx.gif) no-repeat; padding-left:20px; height:25px; line-height:18px; color:#888;display:inline-block; /*margin-left:10px;*/}
a.ico_wx:hover{ cursor:pointer;}



/**************** foot ********************/
#footer{ width:100%; background:url(../images/ftBG.gif) repeat-x; height:81px;}
#foot{width:981px; margin:0px auto; color:#727272 ; line-height:18px; padding:30px 0 0;}
.footer_zi{ margin:0; padding:0; color:#727272 ; line-height:24px; float:right}
.footer_zi a{ color:#727272;}
.footer_zi a:hover{ color:#d81707; text-decoration:none;}
.copyright{ color:#727272;font-weight:normal; margin:0; padding:0; line-height:24px;display:block; font-family:Verdana, Geneva, sans-serif; float:left;}
.copyright a{ color:#727272;}
.copyright a:hover{ color:#d81707;}
.copyright span{ vertical-align:middle; padding-left:5px;} 

/**************** foot End ********************/

.subBox{ border-bottom:1px solid #cfcfcf; padding-bottom:16px;}
.subList li{font-family:"微软雅黑",Verdana, Geneva, sans-serif; font-size:14px; color:#000; text-align:center;  float:left; display:inline-block;}
.subList li a{color:#000; padding:20px 20px 16px;}
.subList li a:hover{ border-bottom:3px solid #e60000;color:#e60000;padding:20px 20px 16px;}
.subList li.m_nav{ width:1px; padding:0 0px; height:10px; color:#9f9f9f; }
.subList li.current a{border-bottom:3px solid #e60000;color:#e60000;  }

.inrig{ padding-top:50px;width:981px;height:auto!important; min-height:527px;height:527px;overflow:hidden; _overflow:inherit;margin:0 auto 20px;}


.articledeta{ color:#666666;line-height:24px;}
.articledeta td{ line-height:24px;}
.articledeta p{margin-bottom:2em; color:#666666; line-height:24px;font-family:Verdana, Geneva, sans-serif;}
.articledeta h3{font-size:16px}
.nstitle{font-size:20px; text-align:center;margin:10px 0}
.nstitle h4{padding-top:20px; color:#000}
.nstime{font-size:12px;font-weight:400;text-align:center; color:#898989; margin-bottom:30px; border-bottom:1px dashed #c0c0c0;border-top:1px dashed #c0c0c0; padding:5px 0;}
.dibg{padding:5px 0;float:right;}
.dibg a{color:#333;}
.dibg a:hover{color:#e60000;}
.articledeta h6{font-size:14px;color:#666}
.articledeta .nslist li{margin-bottom:1em}


/**************************pList******************************************/
.pList{}
.pList li{  height:250px; overflow:hidden; display:block; text-align:center; float:left; width:220px; padding-right:10px; padding-left:10px;}
.pList .imgBox{width:210px; height:210px;overflow:hidden;}
.pList .imgBox img{width:210px; height:210px;}
.pList p{ line-height:16px; padding-top:10px; text-align:center;}
.pList p a{ color:#333; text-decoration:none;}
.pList p a:hover{ color:#0820b4; text-decoration:none;}
.pList .li3{margin-right:0;}

/**************************pages******************************************/
.page {padding:30px 0;font-size:12px;font-family:Arial;text-align: center;clear:both;}
.page a {background-position:50% bottom;color:#999999;margin-right:3px;text-decoration:none;padding:3px 8px; border: #d9d9d9 1px solid; display:inline-block}
.page a:hover {border: #d9d9d9 1px solid; color: #fff; background-color: #c50000;display:inline-block}
.page span.current {padding:3px 8px;font-weight:bold;color:#fff;margin-right:3px;background-color: #c50000;border: #d9d9d9 1px solid; display:inline-block}
.page span.disabled {display: none;}
.page a.next {border: #d9d9d9 2px solid;margin: 0px 0px 0px 10px;}
.page a.next:hover {border: #d9d9d9 2px solid;}
.page a.prev {border: #d9d9d9 2px solid; margin: 0px 10px 0px 0px; }
.page a.prev:hover {border: #d9d9d9 2px solid;}


.newslist li{ float:left; width:981px; margin-bottom:25px;}
.newsCon{}
.newsCon .newsImg{ float:left; width:155px; height:115px;}
.newsCon .news_txt{ float:right; width:800px; padding-right:10px; border-bottom:1px solid #b9b9b9; height:112px;}
.newsCon .news_txt h3{ color:#5c5c5c; font-size:12px; font-weight:bold; padding-bottom:10px;}
.newsCon .news_txt span.date{ color:#7c7c7c; display:block}
.newsCon .news_txt span.txt{ line-height:18px; color:#7c7c7c;}

.newslist li a{ color:#5c5c5c; text-decoration:none;}
.newslist li a:hover{ color:#e60000; text-decoration:none;}

#preview_next {
	padding-top:20px;
	padding-bottom:5px;
	line-height:16px;
	clear:both; border-top:1px solid #CCC;
}
#preview_next p {
	height:16px;
	margin:0;
	padding:0;
	padding-top:5px;
	padding-bottom:5px;
}
#preview_next a{ color:#e60000; text-decoration:underline}
#preview_next a:hover{ color:#e60000; text-decoration:underline}

.back{clear:both; margin-top:20px}
.back a{color:#e60000; font-family:'宋体'}
.back a:hover{color:#e60000; text-decoration:none}

.nyprojectBox li{ width:981px; border-bottom:1px solid #e4e4e4; padding-top:30px; padding-bottom:30px;}
.nyproject_img{ width:310px; padding-right:5px;display: table-cell; vertical-align:middle; *font-size:339px; *display:block;*font-family:Arial;text-align:center;}
.nyproject_img{ vertical-align:middle;}
.nyproject_txt{ width:550px; padding-right:50px; padding-left:50px; line-height:20px;  color:#000;}
.nyproject_txt h3{ color:#000;font-family:"微软雅黑",Verdana, Geneva, sans-serif; font-size:14px;}
.nyproject_txt span.p_gm{font-family:"微软雅黑",Verdana, Geneva, sans-serif; font-size:14px; display:inline-block;}
.nyproject_txt span.p_about{display:block; padding-top:15px; line-height:18px; color:#000;}

.feedback_box{ margin-top:20px; padding:0 20px;}
.feedback_t{ color:#666666; line-height:18px; width:700px;font-size:12px; font-family:"微软雅黑",Verdana, Geneva, sans-serif}
.feedbackBtn{ background:url(../images/fbtn.gif) no-repeat; width:59px; height:25px; border:none; text-indent:-999999px;display:block;cursor:pointer;}
.f_box{ padding:20px 30px; color:#504f4f;}
.f_box td{ height:35px;}
.f_input{ border:1px solid #cbc9c9;}


.web_t{height:30px; line-height:30px; border-bottom:1px dotted #CCC; margin-bottom:10px; background:url(../images/diot02.gif) no-repeat 6px 10px; padding-left:20px; color:#333; font-weight:bold}
.web_t a{ color:#333;}
.web_t a:hover{color:#333; text-decoration:none}
/*nav03*/
#nav03 li {
	float:left;
	line-height:20px;
	width:160px;
	font-size:12px;
	display:block;	
	text-align:left;	
}
#nav03 li a { 
	color:#2c2c2c;
	text-decoration:none;
	display:block;
    padding-left:20px;
	height:22px;
	margin-left:4px;
	background:url(../images/diot01.jpg) no-repeat 6px 6px;
}
#nav03  li a:hover {
	color:#0165a8;
	width:auto;
	text-decoration:none;
	height:22px;
}




.jm_bg{ background:url(../images/jm_bg.gif) no-repeat center; height:200px; width:584px;  padding:110px 0 0 90px; margin:0 auto;}
.jm_bg .txt{ width:245px;color:#666666; float:left; line-height:24px; text-indent:2em;}

ul.news_title{ height:31px; line-height:31px;color:#0076c9; font-weight:normal; background:url(../images/news_lt.gif) no-repeat; width:696px;}
ul.news_title li{ float:left; text-align:center;}
ul.news_title .number_news{ width:50px;}
ul.news_title .tilte{ width:505px;}
ul.news_title .time_news{ width:110px;float:right; text-align:left}

ul.news_cont{ margin-top:20px; margin-bottom:20px;width:674px;}
ul.news_cont li{ clear:both; overflow:hidden; height:30px; line-height:30px; border-bottom:1px dotted #b8b8b8;}
ul.news_cont li h1{ width:50px; text-align:center; font-weight:normal; font-size:12px; float:left; color:#818181}
ul.news_cont li h2{ width:490px; text-align:center; padding-left:15px;font-weight:normal; font-size:12px;float:left;}
ul.news_cont li h2 a{ color:#818181;}
ul.news_cont li h2 a:hover{ color:#000;}
ul.news_cont li h3{ width:110px; text-align:center; font-weight:normal; font-size:12px;float:right; color:#aeaeae}
ul.news_cont .linews{ background:#fdfdfd;}

.job_input{ padding:5px;}
.job_input td{ line-height:20px; color:#696969; padding:10px}

.okbtn{ background:url(../images/tjBtn.gif) no-repeat; width:104px; height:20px; border:none; text-indent:-9999px; display:block; cursor:pointer;}
.noBtn{ background:url(../images/noBtn.gif) no-repeat; width:104px; height:20px; border:none;text-indent:-9999px; display:block;cursor:pointer;}


.zpBox{ margin-top:20px; margin-bottom:20px;}
.zpBox h5{color:#0091dc; background:#f1f1f1 url(../images/diot08.gif) no-repeat 15px center; height:30px; line-height:30px; padding-left:30px; }
.zpBox p{ color:#404040; line-height:20px; padding:10px 20px;}

.network_t{ padding-bottom:15px;}


ul.net_title{ height:30px; line-height:30px;color:#0076c9; font-weight:normal; background:url(../images/ttbg.gif) repeat-x;}
ul.net_title li{ float:left; text-align:center; font-weight:bold;}
ul.net_title .t01{ width:59px;}
ul.net_title .t02{ width:200px;}
ul.net_title .t03{ width:95px; text-align:center}
ul.net_title .t04{ width:310px;float:right; text-align:center}

ul.net_cont{ margin-top:20px; margin-bottom:20px;width:674px;}
ul.net_cont li{ clear:both; overflow:hidden; height:30px; line-height:30px; border-bottom:1px dotted #b8b8b8; display:block}
ul.net_cont li h1{ width:59px; text-align:center; font-weight:normal; font-size:12px; float:left; color:#818181}
ul.net_cont li h2{ width:190px; text-align:left; padding-left:15px;font-weight:normal; font-size:12px;float:left;}
ul.net_cont li a{ color:#7b7672;}
ul.net_cont li a:hover{ color:#0076c9;}
ul.net_cont li h3{ width:95px; text-align:center; font-weight:normal; font-size:12px;float:left; color:#7b7672}
ul.net_cont li h4{ text-align:left; font-weight:normal; font-size:12px;float:left; color:#7b7672}
ul.net_cont .linews{ background:#fdfdfd;}



.yp_btn{ background:#008cd8; width:125px; height:35px; line-height:35px; text-align:center; border:none; float:left;  cursor:pointer;display:block; color:#FFF;}
.yp_btn:hover{cursor:pointer; background:#0065b8; border:1px solid #0056ac; font-weight:bold}


/**************************projectBox******************************************/




.roll{margin:0 auto; height:160px; display:block; width:1057px;}
#slider_div{height:160px; overflow:hidden;  }
.carousel-div{ float:left }
.carousel-div ul li{ text-align:center; margin:3px 9px 0 9px; _margin:3px 14px 0 4px;}
.carousel-div ul li img{width:220px; height:160px;}
#slider_div .prev{ float:left; padding:55px 15px 0 5px; cursor:pointer;}
#slider_div .next{ float:left; padding:55px 5px 0 15px;cursor:pointer;}

/**qq**/
.SonlineBox{ width:162px; font-size:12px;overflow:hidden; z-index:9999;}
.SonlineBox .openTrigger{ width:30px; height:138px; position:absolute; top:0px;  z-index:1; cursor:pointer;  background:#0176ba url(../images/openTrigger.jpg) no-repeat;}
.SonlineBox .titleBox{ width:158px; height:35px; line-height:35px; background:#038bdc url(../images/SonlineTitleBg.gif) repeat-x; border-bottom:2px solid #0176ba;}
.SonlineBox .titleBox span{ margin-left:10px; color:#fff; font-size:14px; font-family:'微软雅黑','黑体';}
.SonlineBox .contentBox{ width:158px; height:auto; border:2px solid #0176ba;/* background:#fff;*/ background:#fff url(../images/qq_t) no-repeat; position:absolute; z-index:2;}
.SonlineBox .contentBox .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer;  position:absolute; top:5px;right:5px;-webkit-transition:all 0.8s ease-out;}
.SonlineBox .contentBox .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox .contentBox .listBox{overflow:hidden; margin-bottom:10px;}
.SonlineBox .contentBox .listBox .QQList{ display:block; width:86%; height:22px; margin:10px auto 0px auto;}
.SonlineBox .contentBox .listBox .QQList span{float:left; line-height:22px; color:#333;}
.SonlineBox .contentBox .listBox .QQList a{float:left;}
