@charset "gbk";
/* global-公共样式? */
html,body{      
  margin:0px;     
  padding:0px; 
 
} 
body{font-size:12px; font-family:"Microsoft Yahei", arial;line-height:180%;margin:0;padding:0; background:#efefef;}
body,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div{margin:0;padding:0;border:0;}
textarea{resize:none;}
td{font-size:12px; font-family:"Microsoft Yahei", arial;}
p,form,table,tr,td {margin:0px;padding:0px;}
select,input,img,select{vertical-align:middle;}
ul{list-style-type:none;margin:0;padding:0;}
img {border:0px;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
small{font-size:12px;}
.top_metlang{float:right;padding-top:0px; color:#000;line-height:30px;}
.top_metlang a{ color:#000;}
.top_metlang a:link{ color:#000;}
.list-none li h3 a{ background:url(http://www.shanlong.cn/templates/metv5s/images/news.gif) no-repeat right; padding-right:25px;}

.foot_flist{display:inline-block;width:200px; float:left;margin:15px;height:145px;overflow:hidden;}
.foot_flist li{ line-height:32px; width:100px;  font-size:14px;float:left;background:url(../images/dt-11.gif) no-repeat 0 center;text-indent:14px;}

.foot_fo{display:inline-block;width:400px; float:left;margin:15px;height:145px;overflow:hidden;}
.foot_fo li{ line-height:25px; width:400px;  font-size:14px;}
.foot_fo li span{ font-family:"黑体"; font-size:16px;}

.woriri{}
.woriri a{ line-height:25px; height:25px; float:left; color:#000000; font-family:'微软雅黑'；}
.woriri a:hover{ background:#CCCCCC; line-height:25px; height:25px; float:left; color:#000000; font-family:'微软雅黑'；}

a:link{color:#5e5e5e;text-decoration:none;outline:none; outline:none;}
a:visited{color:#5e5e5e;text-decoration:none;outline:none; outline:none;}
a:hover{color:#02a502;text-decoration:none;outline:none; outline:none;}

.img_bord {border:1px solid #ccc;}
.wrap{word-break:break-all;word-wrap:break-word;}
.f_f_arial {font-family:arial;}
.clr{ clear:both !important;}lib_Menuboxx 
.f_left {float:left;}
.f_right {float:right;}

.text_r{text-align:right!important;}
.text_c{text-align:center!important;}
.text_l{text-align:left!important;}

.mt10px {margin-top:10px!important;}
.mt15px{margin-top:15px!important;}
.mt20px{margin-top:20px!important}
.mt25px{margin-top:25px!important}
.mt30px {margin-top:30px!important;}
.mr10px {margin-right:10px!important;}
.mr20px {margin-right:20px!important;}
.mr30px {margin-right:30px!important;}
.ml10px {margin-left:10px!important;}
.ml15px{margin-left:15px!important;}
.ml20px {margin-left:20px!important;}
.ml30px {margin-left:30px!important;}
.ml50px{margin-left:50px!important}
.mb10px {margin-bottom:10px!important;}
.mb20px {margin-bottom:20px!important;}
.mb30px {margin-bottom:30px!important;}
.jiequ{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;course:hand; width:215px;}
/*idnex*/
.fl{ float:left;}
.fr{ float:left;}
.top{ height:30px; width:1000px; margin:0 auto; padding-top:5px; font-size:12px; line-height:20px; background:#efefef;}
.index_in{ width:982px; margin:0 auto; margin-top:0px; display:block;}
.index_a{ width:481px; float:left; height:274px; float:left;margin:5px 5px 10px 5px; background:#fff;}
.in_a_t{ font-size:20px; font-family:"微软雅黑"; margin:10px 0 0 15px; color:#02a502; width:475px;float:left;}
.in_a_t a{ color:#ffffff; width:474px; background:#02a502; float:left; line-height:35px;}
.in_a_t a:hover{ color:#02a502; width:474px; background:#cccccc; float:left;}
.in_a_c{ float:left; width:481px; line-height:28px; border:1px #CCCCCC solid; height:274px;}
.in_a_c a:hover{ color:#02a502;}
.link{ width:985px; border:1px #d7d7d7 solid; margin:0 auto; line-height:40px; height:40px; margin-top:10px;}
.link a{ margin-left:10px;}
.link_y{ background:#02a502; height:40px; line-height:40px; color:#fff; width:60px; float:left; padding:0px 15px;}
.bottom{width:100%; border-top:1px  #fff solid; height:40px; color:#666;}
.bot{ width:955px; margin:0 auto; height:40px; line-height:40px; background:url(../images/tel.png) no-repeat 0 10px; padding-left:30px;}
.bot_tel{ float:left;}
.in_contact{width:975px; margin:0 auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #fff; height:175px; background:#fff;}
.in_con_txt{background:url(../images/7_06.png) no-repeat top left; width:293px; height:110px; float:left; padding:5px;}
.in_a_t2{ font-size:20px; font-family:"微软雅黑"; margin:30px 0 30px 0px; color:#02a502; width:293px;float:left;}
.in_a_t2 a{ font-size:20px; font-family:"微软雅黑"; color:#02a502;}
.in_con_ul1{width:300px; float:left; margin:0px 0px 0 5px;}
.in_con_ul2{width:300px; float:left; margin:0px 0px 0 50px;}
.in_con_ul3{width:300px; float:left; margin:0px 0px 0 35px;}
.in_con_li{ color:#999;}
.in_con_li a{ color:#999;}
.in_con_li strong{ font-size:14px;color:#666;}
.in_con_li strong a{ color:#666;}

html, body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, object, code, legend, button, input, textarea, label, th, td, a, img {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}
:focus {
    outline: 0;
}
ul, ol,li {
    list-style: none;
}
fieldset, img {
    border: 0 none;
}
address, caption, cite, code, dfn, em, i, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}
abbr, acronym {
    border: 0;
    font-variant: normal;
}
input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
code, kbd, samp, tt {
    font-size: 100%;
}
input, button, textarea, select {
    *font-size: 100%;
    outline: none;
}
textarea {
    resize: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
a {
    color: #333;
    text-decoration: none;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}
a:hover {
    color: #02a502;
    text-decoration: none;
}
a.special, .special a {
    color: #690;
}
a.special:hover, .special a:hover {
    color: #390;
    text-decoration: none;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    clear: both;
    *zoom: 1;
}
.overflow {
    overflow: hidden;
    *zoom: 1;
}
.index_focus {
    position: relative;
    width: 100%;
    height: 400px;
    margin: 0 auto;
    overflow: hidden;

}
.index_focus ul{
	width:100%;
}
.index_focus .bd li {  
    display: none;
    position: absolute;
    left: 0;
    top: 0;
}
.index_focus_post {
    z-index: 10;
}
.index_focus .pic {
    height: auto;
    display: block;
}
.index_focus .pic:hover {
    text-decoration: none;
}
.index_focus .slide_nav {
    position: absolute;
    left: 45%;
    bottom:2%;

}
.index_focus .slide_nav a {
	cursor:pointer;
	float:left;
    font-size:28px;
    font-family: arial;
    color: #fff;
	padding:5px 10px;
}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;color: #9c0;filter: alpha(opacity=80);opacity: 0.8;}
.index_focus_pre,.index_focus_next {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -36px;
    width: 72px;
    height: 72px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    z-index: 10;
    background: url(../images/ico_sliding.png) no-repeat;
}
.index_focus_pre {
    left: 30px;
    background-position: 0 0;
}
.index_focus_pre:hover {
    background-position: 0 -144px;
}
.index_focus_next {
    right: 30px;
    background-position: 0 -72px;
}
.index_focus_next:hover {
    background-position: 0 -216px;
}
.index_focus_info {
    position: absolute;
    left: 10%;
    bottom: 12%;
    width: 800px;
    height: 200px;
    padding-bottom: 10px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    font-family: "\5fae\8f6f\96c5\9ed1";
    -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    background: url("../images/images/index_focus_bg.png") no-repeat;
    _background: none;
}
.index_focus_info h3 {
    font-size: 36px;
    line-height: 70px;
    font-family: \5fae\8f6f\96c5\9ed1, \u9ed1\u4f53, "Lucida Grande";
	display:none;
}
.index_focus_info .text {
    width: 500px;
    line-height: 24px;
    font-size: 14px;
    word-wrap: break-word;
    overflow: hidden;
	display:none;
}
.box{overflow:hidden; width:975px; background:url(../images/yqlj_bg_new.jpg) repeat-x; height:26px; line-height:26px; margin-top:20px; border:1px #CCCCCC solid; margin-left:10px;}
.t_news{ height:26px; color:#fff; padding-left:10px; overflow:hidden; position:relative;}
.t_news b{ line-height:26px; font-weight:bold; display:inline-block; color:#F00;}
.news_li,.swap{ line-height:26px; display:inline-block;}
.news_li a,.swap a{ color:#000;}
.swap{top:26px;}

.flash{ margin:0 auto; width:1264px;}
/*nav*/

.navv{margin-top:200px;}
	.navv *{
		text-decoration:none;
		font-size:9pt;
		
	}
	.navv * a:hover{
		background-color:#82ce18;/* 鼠标经过时的红色背景，可自定义 */
	}
	.menuu{
		list-style:none;
		height:45px;
		width:100%;
		/*background-color:#02a502;*/
		width:968px;margin:0 auto;
	}
	.navv{
		list-style:none;
		height:38px;
		width:1000px;
		margin:0 auto;
		background-color:#02a502;		
	}
	.navv li{
		float:left;
		position:relative;
	}
	.navv li a{
		color:#fff;
		height:38px;
		line-height:38px;
		padding:0 42px;
		blr:expression(this.onFocus=this.close());
		blr:expression(this.onFocus=this.blur());
		display:inline-block;
		font-size:14px;
		 margin-top:1px;
	}
	.navv li a:hover{ background:#F00; margin-top:1px;}
	.navv li a:focus{ 
		-moz-outline-style: none; 
	}
	.navv li .sub-nav{
		position:absolute;
		top:38px;
		left:-1px;
		list-style:none;
		background-color:#fff;
		display:none;
		border:1px #fff solid;
		border-top: none;
		z-index:1000;
	}
	.navv li .sub-nav li{
		text-align:center;
		clear:left;
		width:140px;
		height:35px;
		line-height:35px;
		position:relative;
	}
	.navv li .sub-nav li a{
		height:34px;
		line-height:34px;
		width:138px;
		padding:0;
		display:inline-block;
		color:#0E2C5E;
		font-size:12px;
	}
	.navv li .sub-nav li a:hover{
		color:#fff;
}

/*style*/
@charset "gbk";
/* CSS Document */

.head_bg{background:url(../images/images/head_bg.png) left bottom repeat-x; height:94px; width:auto;}
.head{width:960px; margin:0 auto;}
.logo{float:left; display:inline; margin-top:22px;}
.logo a{display:inline-block; width:290px; height:60px; background:url(../images/images/logo.png) left top no-repeat;}
.menu{float:right; margin-top:30px; width:480px;}
.menu ul li{float:left; display:inline; padding:5px; margin:0 5px; font-size:15px; font-weight:bold;}
.m_now_s{border-bottom:3px solid #0cf;}
.m_now_s a{color:#0cf;}

.bgcolor_1{background-color:#1bb6e9;}
.bgcolor_2{background-color:#021323;}
.bgcolor_3{background-color:#990000;}

.box {width:100%;	margin:0 auto;}
#bigpicarea {position: relative; margin:0px auto; width:100%; height:407px; overflow:hidden;}
#bigpicarea .image{text-align:center;}
#bigpicarea .image img {width:960px; height:407px;}
#bigpicarea .word {display:none; opacity:0.85;}
.bigbtnPrev{z-index: 10000; top:145px; cursor:pointer; width:960px;}
.bigbtnPrev {width:960px; margin:0 auto; position: absolute; left:50%; margin-left:-480px;}
#big_play_prev {left:0;	position: absolute;	height:57px; width:57px; background:url(../images/images/icons_sprite_nouveau.png) no-repeat left top; display: block; opacity:0.7; filter:alpha(opacity=70);}
#big_play_next {right:0; position: absolute; height:57px; width:57px; background:url(../images/images/icons_sprite_nouveau.png) no-repeat -60px 0px; display: block; opacity:0.7; filter:alpha(opacity=70);}
#big_play_prev:hover{background-position:0 -63px;}
#big_play_next:hover{background-position:-60px -63px;}

.copyright_bg{background-color:#dbdbdb; padding:10px 0;}
.copyright{width:960px; margin:0 auto;}
.ml30px{margin-left:30px!important;}
.ml50px{margin-left:50px!important;}
.copyright_inner{border-top:1px solid #c0c0c0; padding-top:10px; text-align:center; color:#767575;}
.copyright_inner a{margin:0 5px;}

.links{padding:10px 0;}
.links ul{overflow:hidden; margin:0 auto; width:630px;}
.links ul li{float:left; margin:0 10px; line-height:32px; font-size:18px; color:#646464;}
.links ul li a{outline:none;}

.news_div{background:url(../images/images/news_ico.png) 10px top no-repeat; padding:20px 0 20px 70px; width:890px; margin:0 auto;}
.news_div ul{overflow:hidden;}
.news_div ul li{float:left; display:inline; width:415px;}
.news_div ul li img{float:left; margin-right:20px;}
.news_div ul li h1 a{font-size:14px; font-weight:bold; color:#3e3e3e;}
.news_div ul li p{width:265px; color:#888; margin-top:5px; font-size:13px;}

.menu_bg{background:url(../images/images/menu_bg.png) left top repeat-x; height:75px; position:relative; z-index:10000; margin-top:-75px;}
.menu_inner{width:960px; margin:0 auto; height:75px;}
.c_n_s{float:left; display:inline; width:400px;}

.menu_s {float:right; display:inline;}
#menu_s_ul {margin: 0; padding: 0;float:left;width: 100%;list-style: none;font-size: 1.1em;}
#menu_s_ul li {float: left;margin-left:1px; padding: 0;position: relative; }
#menu_s_ul li a {float:left; height: 75px;}
#menu_s_ul li:hover a, #menu_s_ul li a:hover { background-position:right -170px; }
#menu_s_ul a.m_s_a{background: url(../images/images/menu_bg.png) right -85px no-repeat; width: 145px; font-size:20px; color:#fff; line-height:75px; text-indent:15px; }
#menu_s_ul li .sub {position: absolute; z-index:100000; top:75px;background:url(../images/images/menu_bg_2.png) left top; width:920px!important; padding:10px 20px; float: left; display: none;}
#menu_s_ul li .sub_1{left:-523px;}
#menu_s_ul li .sub_2{left:-669px;}
#menu_s_ul li .sub_3{left:-815px;}
#menu_s_ul li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
#menu_s_ul li .sub ul{list-style: none;margin: 0; padding: 0;width:24%;float: left;}
#menu_s_ul .sub ul li {width:100%; color: #fff;}
#menu_s_ul .sub ul li h2 {padding: 0;  margin: 0;font-size:14px;font-weight: normal;}
#menu_s_ul .sub ul li h2 a {padding: 5px 0;	background-image: none;	color: #fff;}
#menu_s_ul .sub ul li a {float: none; text-indent: 0; /*--Reset text indent--*/
	height: auto;	padding: 3px 5px 3px 15px;	display: block;	text-decoration: none;	color: #ccc;}
#menu_s_ul .sub ul li a:hover {color: #fff; background-position: 5px 12px ;}

/*  二三级页面样式  */

.bgcolor{background-color:#dbdbdb;}

.top_bg{margin-top:5px; position:relative; z-index:-1;height:175px;overflow:hidden;margin-bottom:5px;}
.top_bg2{background-color:#06b0e7; position:relative; z-index:-1;}
.t_b_inner{width:960px; margin:0 auto;}

.center_bg{border:1px solid #c6c6c6; width:958px; margin:0px auto 0 auto; background:url(../images/center_bg.jpg) left top no-repeat #fff; overflow:hidden;}
.c_b_inner{background:url(../images/center_inner_bg.jpg) left top repeat-y; overflow:hidden;}

.left_menu{width:192px; float:left; padding-bottom:50px; display:inline; background:url(../images/left_bg.jpg) left top no-repeat;}
.pic_s{margin:25px 0 0 30px;}
.left_menu ul{margin:0px 0px 0 0px;}
.left_menu ul li{height:29px; border-bottom:1px solid #e2e2e2; margin-bottom:7px; line-height:29px; font-size:14px;}
.l_u_l_now{background:url(../images/left_menu_bg.jpg) 115px 50% no-repeat #00c0ff;}
.l_u_l_now a{color:#fff;}

.right{float:right; display:inline; width:766px; padding-bottom:30px;}
.path{border-bottom:1px solid #e1e1e1; color:#b9b9b9; padding:7px 5px; margin:0 16px;}
.title_div{background:url(../images/title_bg.jpg) left top no-repeat; width:695px; height:49px; margin:50px auto 0 auto; font-size:24px; color:#666; line-height:49px; text-indent:20px;}

.contactus{width:695px; margin:50px auto 0 auto;}
.contactus p{font-size:14px; line-height:30px; color:#3b3b3b;}

.aboutus{width:695px; margin:30px auto 0 auto; font-size:14px; line-height:30px; color:#3b3b3b;}
/*.aboutus p{text-indent:30px;}*/

.products{width:765px; margin:33px 0px 33px 0px; float:left; font-size:12px; line-height:30px; color:#3b3b3b;}
.products li{ width:210px; float:left; margin:10px 0px 5px 34px; height:300px;}
.products li img{ width:204px; border:1px #CCCCCC solid; float:left;padding:2px;height:210px;}
.products li a{color:#02a502;font-size:14px;}
.products li a:hover{}
.products li p{ line-height:22px;}
.products li span{ color:#F00;}
.products li span a{ color:#F00;font-size:12px;}
.prod{ width:695px; text-align:center; font-weight:bold; font-size:16px; border-bottom:1px #CCC solid; }
.prod_cont{ width:695px;}
.prod_nei{ width:665px; text-align:center; font-weight:bold; font-size:16px; border-bottom:1px #CCC solid; margin-left:35px;}


.join_cooperation{width:695px; margin:30px auto 0 auto;}

.news_list{width:695px; margin:10px auto 0 auto;}
.news_list ul{}
.news_list ul li{ padding:20px 0; border-bottom:1px #CCCCCC dashed;overflow:hidden; background:url(../images/lint.jpg) no-repeat 0 20px;}
.news_list ul li a{font-size:14px; float:left;}
.news_list ul li span.f_right{color:#b3b3b3;}

.new_title{margin:50px 40px 30px 40px;}
.new_title h1{font-size:24px; text-align:center; border-bottom:1px solid #e1e1e1; padding-bottom:10px; width:auto;}
.new_title p{text-align:center; color:#bab3b3; margin-top:5px;}

.new_info{margin:20px 40px 50px 40px;}
.new_info p{font-size:15px; line-height:25px; color:#3b3b3b; margin-bottom:30px;}

.center_bg2{border:1px solid #c6c6c6; width:958px; margin:43px auto 0 auto; *margin-top:0px; background:url(../images/images/center_bg.jpg) left top no-repeat #fff; overflow:hidden;}
.menu_w{width:960px; margin:-103px auto 0 auto; position:relative; z-index:10000;}
.menu_s2 {float:right; display:inline;}
#menu_s2_ul {margin: 0; padding: 0;float:left;width: 100%;list-style: none;font-size: 1.1em;}
#menu_s2_ul li {float: left;margin-left:1px; padding: 0;position: relative; }
#menu_s2_ul li a {float:left; height: 43px;}
#menu_s2_ul li:hover a, #menu_s2_ul li a:hover { background-position:right -53px; }
#menu_s2_ul a.m_s_a{background: url(../images/images/menu2_bg.png) right 0 no-repeat; width: 145px; font-size:20px; color:#fff; line-height:43px; text-indent:15px; }
#menu_s2_ul li .sub {position: absolute; z-index:100000; top:43px;background:url(../images/menu_bg_2.png) left top; width:920px!important; padding:10px 20px; float: left; display: none;}
#menu_s2_ul li .sub_1{left:-523px;}
#menu_s2_ul li .sub_2{left:-669px;}
#menu_s2_ul li .sub_3{left:-815px;}
#menu_s2_ul li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
#menu_s2_ul li .sub ul{list-style: none;margin: 0; padding: 0;width:24%;float: left;}
#menu_s2_ul .sub ul li {width:100%; color: #fff;}
#menu_s2_ul .sub ul li h2 {padding: 0;  margin: 0;font-size:14px;font-weight: normal;}
#menu_s2_ul .sub ul li h2 a {padding: 5px 0;	background-image: none;	color: #fff;}
#menu_s2_ul .sub ul li a {float: none; text-indent: 0; /*--Reset text indent--*/
	height: auto;	padding: 3px 5px 3px 15px;	display: block;	text-decoration: none;	color: #ccc;}
#menu_s2_ul .sub ul li a:hover {color: #fff; background-position: 5px 12px ;}


/* 本例子css */
.produ{width:765px; margin:33px 0px 33px 0px; float:left; font-size:12px; line-height:30px; color:#3b3b3b;}
.tabBar{ width:600px; font-family:"Microsoft YaHei";margin:33px;}
.tabBar .hd ul{ z-index:5; position:relative; zoom:1;}
.tabBar .hd li{ float:left; height:24px; line-height:24px; margin-top:4px; padding:0px 16px 0px 16px; margin-right:5px; color:#333333; background:url(../images/btn_bg.gif) repeat-x; border:1px solid #c8d1d5; border-bottom:0px; cursor:pointer;}
.tabBar .hd li.on{ height:27px; line-height:32px; font-weight:bold; overflow:hidden; margin-top:0px; position:relative; top:1px; border-top:2px solid #004ea2; background:#fff; }
.tabBar .hd li.on span{ font-weight:bold; color:#c00; }
.tabBar .bd{width:640px; border:1px solid #C8D1D5; padding:10px 10px 0 10px; clear:both; position:relative; float:left; overflow:hidden; }
.tabBar .bd .conWrap{ width:650px; }
.tabBar .prev,.tabBar .next{ position:absolute; left:10px; top:80px; }
.tabBar .next{ left:auto; right:10px; }
.tabBar .prevStop,.tabBar .nextStop{ display:none; }
.tabBar .bd p{ padding-bottom:10px }

.banner_a{background:url(../images/01.jpg) no-repeat center; height:400px; width:100%;}

/*内页侧栏*/
.sidebar{ margin-top:15px;}
.sidebar .sb_nav{ float:left; width:192px;}
.sidebar .sb_nav h3.title{ text-align:left; background:url(../images/dt-6.gif) repeat-x; padding:0px 15px; height:33px; line-height:33px; border-bottom:1px solid #cecece; font-size:14px; color:#fff;}
.sidebar .sb_nav h3.line{ margin-top:15px; }
.sidebar .sb_nav .active{ padding:10px 15px; }
#sidebar dl{ margin-left:5px;}
#sidebar dl dt{ padding:4px 0px 5px 15px; margin-top:5px; background:url(../images/dt-11.gif) no-repeat 2px 11px; font-size:15px;}
#sidebar dl dd{ padding:0px 0px 0px 15px;}
#sidebar dl dd h4{ font-weight:normal; padding:5px 0px 5px 10px; background:url(../images/dt-0.gif) no-repeat left center; font-size:14px;}
#sidebar dl dt.on a{ font-weight:bold; color:#1C57C4; }
#sidebar dl h4.on a{ font-weight:bold;}
.sidebar .sb_box{ float:right; width:755px; background:#fff; overflow:hidden; }
.sidebar .sb_box h3.title{ border-bottom:1px solid #ddd; background:#f8f8f8; height:35px; line-height:35px; position:relative;}
.sidebar .sb_box h3.title span{ position:absolute; left:0px; top:-1px; font-size:14px; border-bottom:2px solid #ff6633; padding:0px 15px;}
.sidebar .sb_box h3.title div.position{ float:right; font-weight:normal; position:relative; top:3px; right:15px;}
.sidebar .sb_box h3.title div.position a{ color:#1C57C4;}
.glyphicon-menu-right:before {
    content: " > ";
}
/*翻页*/
#flip{ margin-bottom:15px;}

/*产品模块*/
#productlist{ padding:15px 10px;}
#productlist li{ float:left; display:inline; text-align:center;}
#productlist li a.img{ display:block; text-align:center; font-size:0px;}
#productlist li a.img img{ margin:auto; border:1px solid #ccc;}
#productlist li h3{ padding:5px 0px 10px; font-weight:normal; line-height:1.5;}
#showproduct{ padding:15px;}
#showproduct h1.title{ font-size:18px; padding:5px 0px; margin-bottom:5px;}
#showproduct .pshow dt{ float:left;}
#showproduct .pshow dd{ float:right;}
#showproduct .pshow dd ul{ margin-left:15px; }
#showproduct .pshow dd li{ padding:5px 5px 5px 45px; min-height:28px; _height:28px; margin:5px 0px; clear:both; border-bottom:1px solid #eee; position:relative; line-height:2; }
#showproduct .pshow dd li span{ position:absolute; left:0px; top:0px; color:#999; padding:5px; height:28px;}
#showproduct .ctitle{ margin:15px 0px 10px; padding:5px 20px; background:url(../images/images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; }
#showproduct .editor{ line-height:2; padding:0px 10px; font-size:14px;}
.con ul li span{ font-weight:bold;}

/*招聘模块*/
#joblist{ padding:15px;}
#joblist dl{ padding:0px 5px 15px; margin-bottom:15px;}
#joblist dt{ padding:5px 10px; font-size:16px; font-weight:bold; border-bottom:1px dotted #ccc;}
#joblist dd{ padding:0px 0px 5px;}
#joblist dd .dtail{ padding:5px 10px; border-top:1px dotted #ccc;}
#joblist dd .dtail span{ margin-right:20px;}
#joblist dd .dtail a{ color:#1C57C4;}
#joblist dd .editor{padding:5px;}
#joblist dd .mis{ padding:5px 10px;}
#joblist dd .mis span{ margin-right:15px; color:#999;}
#showjob{ padding:15px;}
#showjob h1.title{ font-size:18px; padding:5px 0px; margin-bottom:5px;}
#showjob .paralist li{ float:left; width:45%; padding:3px 15px 3px; background:url(../images/images/dt-0.gif) no-repeat 5px center;}
#showjob .paralist li span{ float:left; margin-right:10px; color:#999;}
#showjob .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; }
#showjob .info_cv{ font-size:12px; text-align:center; margin:10px 0px; }	
#showjob .editor{ line-height:2; padding:0px 10px; font-size:14px; }	
#cvlist{ padding:15px;}


/*导航最后修改样式*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
	width:100%;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
	color:#ffffff;line-height:44px;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			37px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			140px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	margin:0;background:url(../images/menu.png) no-repeat 0 center;height:45px;display:inline-block;width:790px;float:right;
}
.sf-menu a {
	/*border-right:	1px solid #038f03;*/
	font-size:15px;
	font-family:bold 14px Verdana;
	/*padding: 		.75em 1em;*/
	text-decoration:none;
	width:110px;
	text-align:center;
	color:#FFFFFF;
}

.sf-menu a, .sf-menu a:hover  {
	color:			#ffffff;
	width:98px;font-weight:bold;
	
}
.sf-menu li {
	/*background:		#02a502;*/
	
}
.sf-menu li li {
	background:		#ffffff;
	
}
.sf-menu li li a {
	background:		#ffffff;
	color:#091B3A;
}
.sf-menu li li li {
	background:		#4096ee;
}
.sf-menu li li li li {
	background:		#40c6ee;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	
	outline:		0;
	color:			#00000;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



.fl{ float:left;}
.fr{ float:right;}
a{ color:#0068CC; text-decoration:none;}
a:hover{ color:#0151A7; text-decoration:underline;}

.w1003{ width:100%; margin:0 auto;}
.w733{ width:1260px; overflow:hidden;}
.w256{ width:256px; overflow:hidden;}


.highlight_tip{ padding:7px 0 0; z-index:10; position:relative; position:absolute; left:270px; bottom:0; width:1260px; height:57px;}
.highlight_tip ul li{ position:absolute; z-index:20; top:10px; cursor:pointer;}
ul li.tab1{ left:8px}
ul li.tab2{ left:110px}
ul li.tab3{ left:212px}
ul li.tab4{ left:316px}
ul li.tab5{ left:419px}
ul li.tab6{ left:524px}
ul li.tab7{ left:628px}
.v_content_list ul{ position:absolute}
.v_content_list ul li{ width:1260px; float:left; overflow:hidden; position:relative}
li.navigation img{width:95px;border: 1px #fff solid;position:absolute;opacity:0.5;-moz-opacity:0.5;-webkit-opacity:0.5;	filter:alpha(opacity=50);}
li.current img{border: 2px #0076A8 solid;opacity:1;-moz-opacity:1;-webkit-opacity:1;filter:alpha(opacity=100)}




#slider_container_2 { float: left; margin: 0 0 0 -15px; padding: 15px; width: 1260px; background: url(../images/img/bg.png) no-repeat 0 0; }

.SliderName_2 {
	float: left;
	height: 337px;
	overflow: hidden;
}

.SliderNamePrev_2 {
	background: url(../images/img/left.png) no-repeat left center;
	width: 50px;
	height: 450px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	text-decoration: none;
}

.SliderNameNext_2 {
	background: url(../images/img/right.png) no-repeat right center;
	width: 50px;
	height: 450px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	text-decoration: none;
}

.SliderName_2Description {
	padding: 10px;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 1px;
	text-align: center;
	color: #ffffff;
	text-shadow: 0 1px 3px #000000;
}

#SliderNameNavigation_2 { margin: 0; padding: 0; text-align: center; position: absolute;bottom: 0px;z-index: 100;left:9px; }

#SliderNameNavigation_2 a:link, #SliderNameNavigation_2 a:active, #SliderNameNavigation_2 a:visited, #SliderNameNavigation_2 a:hover{
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
}

#SliderNameNavigation_2 a img
{
	border: 1px #fff solid;
	width: 95px;
	opacity:0.5;
	-moz-opacity:0.5;
	-webkit-opacity:0.5;
	filter:alpha(opacity=50);
	height: 44px;
}

#SliderNameNavigation_2 a.active img
{
	border: 2px #0076A8 solid;
	opacity:1;
	-moz-opacity:1;
	-webkit-opacity:1;
	filter:alpha(opacity=100);
}
div.w733{ position:relative;left:0px;top:0px;}



/*Tab1*/
#lib_Tab1{width:481px;margin:0px;padding:0px;
-webkit-box-shadow: #666 0px 0px 5px;
-moz-box-shadow: #666 0px 0px 0px;
box-shadow: #666 0px 0px 5px;}
/*Tab2*/
#lib_Tab2{width:481px;margin:0px;padding:0px;
-webkit-box-shadow: #666 0px 0px 5px;
-moz-box-shadow: #666 0px 0px 0px;
box-shadow: #666 0px 0px 5px;}
.lib_tabborder{}
.lib_Menubox {height:36px;line-height:36px;position:relative;}
.lib_Menubox ul{margin:0px;padding:0px;list-style:none; position:absolute;left:0; height:36px;text-align:center;}
.lib_Menubox li{float:left;display:block;cursor:pointer;width:159px;color:#000000;height:36px;line-height:36px; background:url(../images/1.jpg) repeat-x; font-size:15px}

.lib_Menubox li a:link{color:#5e5e5e;text-decoration:none;outline:none; outline:none;}
.lib_Menubox li a:hover{color:#fff;text-decoration:none;outline:none; outline:none;}
/*  www.codefans.net */
.lib_Menubox li.hover{padding:0px;background:#ccc;width:159px;border-left:1px solid #bbb;border-top:0px solid #bbb;border-right:1px solid #bbb;
color:#fff;height:36px;line-height:36px; font-size:15px; font-family:"微软雅黑";}

.lib_Contentbox{clear:both;margin-top:0px; border-top:none;height:230px; padding-top:8px;overflow:hidden;}
.imgooo{}
.in_news_a{width:460px; float:left; margin-top:10px; line-height:24px;}
.in_news_a li a{float:left;background:url(../images/6_03.png) no-repeat 0px 8px; padding-left:15px; font-size:14px; max-width: 300px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.in_news_aaa{width:220px; float:left; margin-left:10px; font-size:12px;}
.in_news_aaa li a{float:left;background:url(../images/6_03.png) no-repeat 0px 8px; padding-left:15px; font-size:12px;}

.lib_Menuboxx {height:36px;line-height:36px;position:relative;}
.lib_Menuboxx ul{margin:0px;padding:0px;list-style:none; position:absolute;left:0; height:36px;text-align:center;}
.lib_Menuboxx li{float:left;display:block;cursor:pointer;width:159px;color:#000000;height:36px;line-height:36px; background:url(../images/1.jpg) repeat-x; font-size:15px}

.lib_Menuboxx li a:link{color:#5e5e5e;text-decoration:none;outline:none; outline:none;}
.lib_Menuboxx li a:hover{color:#fff;text-decoration:none;outline:none; outline:none;}
/*  www.codefans.net */
.lib_Menuboxx li.hover{padding:0px;background:#ccc;width:159px;border-left:1px solid #bbb;border-top:0px solid #bbb;border-right:1px solid #bbb;
color:#fff;height:36px;line-height:36px; font-size:15px; font-family:"微软雅黑";}

/* 幻灯开始*/
#imgshow_mask{width:100%; position:absolute; z-index:1; background:url(../images/images/imgshow_mask.png) repeat-x 0 0; height:27px;}
.bannerbg {height:400px; overflow:hidden;}
#imageShow{ clear:both;border-bottom:1px solid #fff;}
#imageShow .imagebg{height:400px; overflow:hidden; position:relative;width:963px;margin:0 auto;margin-top:5px;border:4px solid #fff;}
#imageShow .imagebg li { height: 400px; overflow: hidden; position:absolute; top:0; left:0; width:100%; display:block; filter:alpha(opacity=0); opacity: 0;}

.bannerbg_1{width:50%; position:absolute; top:0; left:0; height:400px;}
.bannerbg_2{width:50%; position:absolute; top:0; right:0; height:400px;}
.bannerbg_main{background-position:center; background-repeat:no-repeat; width:100%; position:absolute; top:0; right:0; height:400px;}
.banner {margin:0 auto;width:960px;height:400px;position:relative;overflow:hidden;}
.btn_home_down {width:195px;height:62px;position:absolute;top:296px;left:36px;cursor:pointer;background:url(../images/images/home/btn_home_down.png);}
.btn_home_android {width:195px;height:62px;position:absolute;top:296px;left:240px;cursor:pointer;background:url(../images/images/home/btn_home_android.png);} 


.scrollbg {height:80px;}
.scroll {margin:0 auto;width:620px;height:76px;position:relative;top:-45px;}
.s_pre, .s_next {display:block;width:48px;height:76px;position:absolute;}
a.s_pre {background:url(../images/images/home/arrow_l.png);top:4px;left:0;}
a.s_pre:hover {background:url(../images/images/home/arrow_l_on.png);}
a.s_next {background:url(../images/images/home/arrow_r.png);top:4px;right:0;}
a.s_next:hover {background:url(../images/images/home/arrow_r_on.png);}
.outScroll_pic{height: 76px; margin-left:70px;overflow: hidden;position:relative;width:480px;}
.outScroll_pic .scroll_pic{position:absolute}
.scroll_pic {margin:0 auto;width:40000px; height:76px; }
.scroll_pic li {float:left;float: left; height: 28x;width: 70px; margin: 5px 5px; _margin:5px 14px 5px 4px;cursor:pointer;  background:#000;}
.scroll_pic li img {filter:alpha(opacity=70);-moz-opacity:0.7;opacity: 0.7; height: 28px;width: 70px; }
.scroll_pic li:hover img,.scroll_pic li:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1; height: 28px;width: 70px;}
.current {width:69px;height:28px;border:2px #ff780d solid;background:url(../images/arrow_on.png) 50% -4px no-repeat;z-index:10;position:absolute;left:0; top:3px;}
.currently img {filter:alpha(opacity=100)!important;-moz-opacity:1!important;opacity:1!important;}
/* 幻灯结束*/
.products DIV.www_pages { font-size:16px;  padding:3px 10px 3px 10px; MARGIN:20px 0;float:left; text-align:center; clear:both; color:#2394D9;height:100%;overflow:hidden;height:50px;width:100%;}

.products .www_pages ul{ float:none;display:inline-block;margin:0 auto;}
.products .www_pages ul li{ width:auto;height:auto;float:left; font-family:Tahoma; border: 1px solid #ccc;line-height:20px;margin:0 1px;font-size: 13px;padding: 0 5px;color:#CCC;background:#fff;}
.products .www_pages ul li a{ width:auto;height:auto;float:left; color:#666;}
.products .www_pages ul li a:hover{ color:#690; text-decoration:none;}
.products .www_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{ color:#F63; padding:2px 4px 1px; border-bottom:2px solid #F63;font-weight:bold;background:#F9F2D2;}
.products .www_pages .pageinfo{ float:right; color:#999;}
.products .www_pages .pageinfo strong{ color:#666; font-weight:normal;}
.products .www_pages ul li select{height:17px;margin: 0px 5px;}


.news_list DIV.www_pages { font-size:16px;  padding:3px 10px 3px 10px; MARGIN:20px 0;float:left; text-align:center; clear:both; color:#2394D9;height:100%;overflow:hidden;height:50px;width:100%;}

.news_list .www_pages ul{ float:none;display:inline-block;margin:0 auto;}
.news_list .www_pages ul li{ width:auto;height:auto;float:left; font-family:Tahoma; border: 1px solid #ccc;line-height:20px;margin:0 1px;font-size: 13px;padding: 0 5px;color:#CCC;background:#fff;}
.news_list .www_pages ul li a{ width:auto;height:auto;float:left; color:#666;}
.news_list .www_pages ul li a:hover{ color:#690; text-decoration:none;}
.news_list .www_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{ color:#F63; padding:2px 4px 1px; border-bottom:2px solid #F63;font-weight:bold;background:#F9F2D2;}
.news_list .www_pages .pageinfo{ float:right; color:#999;}
.news_list .www_pages .pageinfo strong{ color:#666; font-weight:normal;}
.news_list .www_pages ul li select{height:17px;margin: 0px 5px;}


DIV.www_pagesdiv { font-size:13px;  padding:3px 10px 3px 10px; float:left; text-align:center; clear:both; color:#2394D9;height:100%;overflow:hidden;height:50px;width:100%;}
.pages-div img{max-width:100%;}
.pages-div p {font-size: 12px;line-height: 2;}
.page{display:inline-block;}
.www_pagesdiv .page li{border-bottom:0px !important;}
.page a, .page .this_current, .page .pageandallpage, .page .current {
    padding: 0 6px;
    background-color: #ffffff;
    border: solid 1px #e5e5e5;
    line-height: 20px;
    display: inline-block;
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    color: #666666;
    margin-left: 6px;
    float: left;
}.page .this_current {
    border: solid 1px #009944;
    color: #009944;
}