@import url(main.css );
@import url(font.css );
/*-------------------------------------------    
    general
-------------------------------------------*/
body{margin:0px;padding:0px;text-align:center;}

/*pd*/
.p10{ padding:10px;}
.p5{ padding:5px;}
.pt5{padding-top:5px;}
.pL5{padding-left:5px;}
.pL10{padding-left:10px;}
.pb5{padding-top:5px;}
.m5{margin:5px;}
.m10{margin:10px;}
.mt5{margin-top:5px;}
.mb5{margin-bottom:5px;}
.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}
.fl{float:left;}
.rg{float:right;}
/*general END*/

/*-------------------------------------------    
    header
-------------------------------------------*/
#header{height:127px; width:1004px; margin:auto;}
#header_left{ width:232px; float:left;}
.logo{ width:232px; float: left; clear:both; overflow: hidden; height: 90px; background: url(../images/logo.jpg) no-repeat left center;}
.tel{ clear: both; text-align: left; height:35px; line-height: 25px; padding-left: 20px; margin:auto; padding-top:12px; /* width:200px; */}
#header_right{float:left; width:768px; }
.toplink{width:768px; padding-top:10px; float:right; text-align:right; height:42px;}
.toplink img{ margin-top: 2px; margin-right: 2px; vertical-align:middle; float: right;}
.toplink select{ float:right;}
.menu{margin:auto; clear:both; width:700px; height: 41px; line-height:41px; margin-top: 15px;/* For Firefox */  /* *padding-top:5px;For IE7 & IE6 _padding-top:-2px;*/ /*For IE6*/}
.menu a{ width:110px; height:41px; line-height:41px; display:block; font-weight:bold;}
.menu a:link,.menu a:visited { float:left; width:110px; height:41px; line-height:41px;}
.menu a:hover,.menu a:active {float:left; width:110px; height:41px; line-height:41px; }
.menu a.on:link,.menu a.on:visited,.menu a.on:hover,.menu a.on:active{float:left; width:110px; height:41px; line-height:41px; padding-top:2px; }
.menu a.activemenu:link,.menu a.activemenu:visited,.menu a.activemenu:hover,.menu a.activemenu:active{float:left; width:110px; height:41px; line-height:41px; padding-top:2px; }


/*-------------------------------------------    
    container1
-------------------------------------------*/
#container1{width:982px; clear:both; margin: auto; margin-top: 4px;}
.banner{width:748px; float:right; height:191px;}
.pagebanner{width:748px; float:right;}
.top{height:35px;line-height:35px;}
.bottom{height:6px;overflow:hidden;}
.tops{height:35px;line-height:35px;}
.bottoms{height:6px;overflow:hidden;}
.topc{height:35px;line-height:35px;}
.bottomc{height:7px;overflow:hidden;}

.banner img,.pagebanner img{vertical-align: bottom;}


.title{width:120px; padding-left: 25px; margin: auto; text-align: left; float:left; margin-left:15px; display:inline;}
.xbox{width:224px; float:left;}
.login{ width:200px; margin:auto; padding-left: 6px; height:96px; /* height:110px; */}
.xbox label{float: left;width: 50px; margin-top:8px;}
.xbox input{float: left;height:18px;width: 120px; margin-top:8px;}
#input_btn1{width:69px; height:23px;}
br{ clear:both;}
.forgot{float:left;}
.forgot img{ vertical-align:middle;}

/*-------------------------------------------    
    container2
-------------------------------------------*/
.solution{width:524px; float:left;}
.solution .content{width:514px;}
.case{width:748px; float:right; margin-top: 4px;}
.news{width:224px; float:right;}

#container2{width:982px; clear:both;margin: auto; padding-top:10px;}
#container3{width:982px; clear:both;margin: auto;padding-top:10px;}
#footer{width:982px; clear:both;margin: auto;padding-top:10px;}
.index_tbox{float:	left;width:220px; text-align: left; padding: 0px 2px;}

.p_list{width:222px;}
.p_list a{float:left;line-height:25px; text-align:left; padding-left:30px;}
.p_list a:link,.p_list a:visited {float:left;width:65px;}
.p_list a:hover,.p_list a:active {float:left; width:65px; }

.newslist{float:left; width:200px; margin-left: 12px; margin-top: 2px; /* padding-left:20px; */}
.newslist a{padding-left: 8px; line-height: 23px; text-align:left; width: 186px; display: block; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
/*
.newslist a:link,.newslist a:visited {float:left; }
.newslist a:hover,.newslist a:active {float:left; }
*/

.ullist_sortnav{float:left; width:187px; padding-left:20px; display:block; letter-spacing: 2px;}
.ullist_sortnav  li{ display:block; line-height:23px; clear:both;}
.ullist_sortnav  li a{float:left; display:block; line-height:23px; text-align:left; background:url(../images/newslistico.gif) no-repeat 0px 8px; padding-left:10px; color:#666; }
.ullist_sortnav li ul li a{ padding-left:20px; line-height:20px; display:block; clear:both;}
.ullist_sortnav a:link,.ullist_sortnav a:visited {float:left; display:block;width:120px; }
.ullist_sortnav a:hover,.ullist_sortnav a:active {float:left; display:block;width:120px;color:#2ca3de; font-weight:bold;}

.ullist_sortnav .secondlevel_div li a{ background:url(../images/newslistico.gif) no-repeat 11px 6px;}

.navlist{width:220px; text-align:left;background:url(/templates/images/p_bg.gif) repeat-y; color:#9c9c9c;}
.navlist li { position: relative; width:107px;}
.navlist li a{ width:107px; text-align:center; display:block;  line-height:22px; height:22px; }

.navlist li a:link,.navlist li a:visited {color:#9c9c9c;}
.navlist li a:hover,.navlist li a:active {color:#fff; background:url(/templates/images/p_bon.jpg) no-repeat 8px 0px; font-weight:bold;}
.navlist li a.lon:link,.navlist li a.lon:visited,.navlist li a.lon:hover,.navlist li a.lon:active{color:#fff; background:url(/templates/images/p_bon.jpg) no-repeat 8px 0px; font-weight:bold;}

.navlist .secondlevel_div{ position: absolute; left: 107px; top: 0px; text-align:center; float:right; width:110px; background-color:#FFFFFF;}
.navlist .secondlevel_div li a:link,.navlist .secondlevel_div li a:visited {color:#9c9c9c;}
.navlist .secondlevel_div li a:hover,.navlist .secondlevel_div li a:active {color:#97a0b2; background:url(/templates/images/ico/icojt.gif) no-repeat -1px 8px; font-weight:bold;}

.navlist .secondlevel_div li a.lon:link,.navlist .secondlevel_div li a.lon:visited,.navlist .secondlevel_div li a.lon:hover,.navlist .secondlevel_div li a.lon:active{color:#97a0b2; background:url(/templates/images/ico/icojt.gif) no-repeat -1px 8px; font-weight:bold;}


.solut {float:left;width:140px; display:block;}
.solut a{display:block; width:140px; line-height:29px; text-align:left; padding-left: 10px; /* text-indent:1em; */}
/*
.solut a:link,.solut a:visited {float:right;width:140px;}
.solut li a:hover, .solut li a:active  {float:right;width:140px;}
.solut li a.activetab:hover, .solut li a.activetab:active  {float:right;width:140px;}
*/

.down {width:200px; padding-left: 6px; margin: 1px auto; /* padding-left:20px; */}
.down a{ float:left;padding-left: 20px; line-height: 27px; /* line-height:30px; */ text-align:left; width:190px; display: block; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.down a:link,.down a:visited {float:left; /* width:180px; */}
.down a:hover,.down a:active {float:left; /* width:180px; */}
.tupian{text-align:left; line-height:25px; width:365px; float: right; /* float:right; display:block; */}

.ftop{ width:565px; margin:auto; text-align:right; margin-bottom:3px;}
.leftz{float:left; padding-left:10px;}
.righty{float:right;padding-left:10px;}
.fzj{ margin:auto;}
.fx{ width:565px; margin:auto; margin-top:3px;}
.fxleft{float:left; width:300px; text-align:left;}
.fxright{float:right; width:200px; text-align:right;}

#locates { float:right;text-align:right; height:12px; line-height:12px; position: absolute; margin-top: 8px; padding-right: 2px; line-height: 20px; width: 748px;}
#locates a{ padding-left:1px; padding-right:1px;}
#locates a:link,#locates a:visited {color:#77d1fd;}
#locates a:hover,#locates a:active {color:#77d1fd;}
#locates a.lon:link,#locates a.lon:visited,#locates a.lon:hover,#locates a.lon:active{color:#2ca3de; font-weight:bold;}
#locates a.position_aclass:link,#locates a.position_aclass:visited,#locates a.position_aclass:hover,#locates a.position_aclass:active{color:#2ca3de; font-weight:bold;}
#locates .position_title{ color:#77d1fd;}

.p_left{float:left;width:224px;}
.p_right{width:748px; float:right;}
.page_xbox{text-align:left; padding:14px 16px; line-height:25px;}
/*
.page_xbox{text-align:left; padding:10px; line-height:25px;}
.page_xbox p,.page_xbox ul{ text-indent:2em;}
*/
.page_xbox p,.page_xbox ul{ padding-left: 2px; }
.news_item{border-bottom:1px dashed #d3d3d3;padding-bottom:10px;margin-top:10px;position:relative;margin: 0px auto; width:99%;}
* html .news_item{margin-top:10px; }
.news_img{float:left;border:1px solid #ccc; width:200px; margin-top:5px;}
.news_img img{float:left;padding:2px; width:196px;}
.news_content{float:left;margin-left:5px;width:98%; text-align:left;}
.news_content_img{float:left;margin-left:10px;width:430px;}

.viewp_title{color:#2ca3de;font-weight:bold;}
.p_title li a{display:inline;}
.p_title li a:link,.p_title li a:visited {color:#2ca3de;font-weight:bold;}
.p_title li a:hover,.p_title li a:active {text-decoration:underline;}
.p_title p{position:absolute;top:8px;right:0;font-size:10px;color:#666;}
.readmore{font-size:10px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#bdbdbd;}
.readmore a:link,.readmore a:visited {color:#bdbdbd;}
.readmore a:hover,.readmore a:active {color:#bdbdbd; text-decoration:underline;}

.m_search{margin:auto; width:200px; /* height:40px; */}
.xbox p{ width:200px; text-align:left;}
.imgmiddle{vertical-align: middle;}
.imgpb1{padding-bottom:1px;}
.description{color:#767676;margin-top:10px; line-height:20px; }
.clearer{clear:both;}

.products_indexlists {width:100%; text-align:left;}
.products_indexlists ul{width:196px; display: block; line-height: 30px; float: left; margin-top: 4px; margin-left: 10px; margin-right: 18px;}
.products_indexlists li {
	width:196px; /* height:160px; */
	float:left;
	display: block; /* IE */
	display: inline-block; /* FireFox */
}
.products_indexlists li a {
	display: block; /* IE */
	display: inline-block; /* FireFox */
}
.products_indexlists li a span{
	cursor: pointer;
}
.products_indexlists li a img {border:1px solid #dbdbdb;padding:1px;}
.products_indexlists li a:hover img {border:1px solid #ccc;padding:1px;}
.products_indexlists li span a {width:196px;height:24px;line-height:24px;text-align: left; padding-left: 1px; white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}

.commonlist
{
	text-align: center;
}


.gbook_lists
{
	margin-top: 8px;
	word-break : break-all;
}

.gbooktit
{
	font-weight: bold;
}

.gbook_formbtn
{
	padding: 4px;
	margin-top: 6px;
	height: 30px;
	line-height: 30px;
}

.gbook_formbtn input
{
	border: solid 1px #999999;
	margin-right: 11px;
	padding-top: 2px;
}

.gbook_indexpost
{
	
}

.gbook_tblist
{
	margin-bottom: 4px;
}

.sitemap_indexlists
{
	padding: 4px;
}

.sitemap_lists
{
	margin-bottom: 2px;
}

.sitemap_lists ul
{
	margin-bottom: 10px;
}

.footer_link{ margin: 0px auto; line-height: 20px; padding-top: 8px;}

.definedlist_ul{ margin: 0px; padding: 0px; line-height: 24px; text-align: left;}
.definedlist_ul li{background:url(../images/newslistico.gif) no-repeat 16px 10px; padding-left: 24px;}

.copyright_main img{ vertical-align: middle; }

.null_nodefined{text-align: left; padding: 0px 2px; color: #FF0000;}

.pagexbox_defined{text-align:left; padding: 2px 4px; line-height:25px;}

.index_defined04_list,.nm_defined04_list{width:748px; float:right;}

.nm_defined02{width:224px; float:left;}
.nm_defined02 label{float: left;width: 50px; margin-top:8px;}
.nm_defined02 input{float: left;height:18px;width: 120px; margin-top:8px;}
.nm_defined02 p{ width:200px; text-align:left;}

.nm_defined03{ width: 748px; clear: both;}

.index_defined02 .index_tbox { padding: 4px 10px;}
.index_defined03 .index_tbox{ line-height: 22px; padding: 4px 12px;}

/* -------网站地图样式开始------- */
.sitemap_indexlists{ padding: 6px; float:left; clear:right; text-align:left;}
.sitemap_indexlists a{ line-height:20px;font-size:12px;}
.sitemap_indexlists a:hover{line-height:20px;font-size:12px;}
.sitemap_lists
{
	margin-left: 8px;
	margin-bottom: 2px;
	float: left;
	width: 30%;
}

.sitemap_lists li,.menusort_list li
{
	white-space: nowrap;
}
.menusort_lists
{
	float: left;
	margin-left: 8px;
}

/* -------网站地图样式结束------- */

/* ------在线调查样式开始---- */
.surver_posttitle{
	font-size: 14px;
	font-weight: bold;
	color: #222222;
	margin-left: 12px;
}

.survey_indexpost{
	padding-left: 10px;
	margin-bottom: 8px;
}

.survey_post input{ border: 0px;}

.survey_postbtn{
	line-height: 30px;
}

.survey_postbtn input
{
	padding-top: 2px;
	margin-right: 12px;
	cursor: pointer;
	background: url(../images/form/button001.gif) no-repeat;
	width: 78px;
	height: 18px;
	border: 0px;
}
/* ------在线调查样式结束---- */

/* ----开始网站栏目的详细页的样式设置---- */
.viewnews_title,.viewjobs_title,.viewdowns_title,.viewproduct_title,.viewvideos_title
{
	color:#22598f;
	font-size:14px;
	font-weight:bold;
	clear: both;
	line-height: 24px;
	display: block;
}

.viewvideos_flv{}
.viewvideos_remark{ padding-top: 4px;}

.viewproduct_bigimg{}
.viewproduct_piclist{}
.viewproduct_remark{ padding-top: 4px;}
.product_others li
{
	line-height: 20px;
}

.viewnews_acfrom{ line-height: 24px;}
.viewnews_remark{ padding-top: 4px;}

.viewjobs_time{}
.viewjobs_remark{ padding-top: 4px;}
.viewjobs_others{ padding-top: 4px;}

.viewdowns_remark{ padding-top: 4px;}
.viewdowns_btnlink{line-height: 24px;}

.viewgbook_title{ line-height: 24px; font-weight: bold;}
.viewgbook_main{ padding-top: 4px;}
.viewgbook_time{ line-height: 24px; font-weight: bold;}
.viewgbook_content{ padding-top: 4px;}

.view_singleremark{ padding: 8px;}

/* ----结束网站栏目的详细页的样式设置---- */