@charset "utf-8";
html{background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}

a {text-decoration: none;color: #633F96;outline: none;}
body {color:#444;margin-bottom: 0px; font-family: "microsoft yahei", Arial, sans-serif !important;font-size: 12px;}
ul,li{list-style-type:none;}
a{color:#333;}
a:hover{color:#0066CB;}
/*base*/
.clear{clear:both;}
table {width: 100% !important;margin: 20px 0;background-color: transparent;border-collapse: collapse;border-spacing: 0;}
th, td {padding: 8px 0;line-height: 20px;text-align: center;vertical-align: top; border: 1px solid #cccccc;background-color: transparent;}
thead th {vertical-align: bottom;font-weight:bold}
table p {
    color: #444;
}
.case  img{margin:0 10px;}
.table{border: 1px solid #ddd;}
.table th,.table td{border-top: 1px solid #ddd;border-left: 1px solid #ddd;font-size:14px;}
/**********************************首页导航*************************************************/
.top {background-color: #37271F;height: 30px;line-height: 30px;}
.top .nav {float: right;}
.top a {color: #FFF;margin-left: 10px;}
#header{border-top:4px solid #AF2125;background-color:#F9F9F9;
background:url("../images/header_bg.jpg") repeat-x 0 0;
border-bottom: 2px solid #fff;
}
#header, #header_container {height: 119px;}
#header_container {z-index: 10;}
#header_container, #footer_container {position: relative;}
#header_container, #footer_container, .container {width: 951px;margin: 0 auto;background-color:#fff;}
#header_container{background-color:transparent}
#container{margin-bottom:20px;padding-top:5px;margin-top: 25px;}

/*header*/
#header .logo {position: absolute;top: 0;left: 0;}
#header .logo a {display: block;text-indent: -9999px;height:119px;width:350px;}
#header .top_nav {
    background: url("../images/nav_bg.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    width: 306px;
}

#header .nav {
    line-height: 33px;
    padding: 0 10px;
}

/*导航菜单*/

#menu {
    float: right;
    height: 45px;
    margin-top: 73px;
    position: relative;
    width: 790px;
	
}
#menu .menu {
    left:0;
	bottom:0;
    position:absolute;
}
#menu * {
    list-style:none;
    border:0;
    padding:0;
    margin:0;
}
#menu a span {
    display:block;
    padding:30px 10px 16px 2px;
    white-space:nowrap;
}
#menu li {
    float:left;
    background:url(http://sh-tops.cn/Themes/default/images/pix.gif);
}
#menu li li { float:none; }
#menu div {
    display:none;
    position:absolute;
    background:url(http://sh-tops.cn/Themes/default/images/pix.gif);
    margin-top:-35px;
    width:200px;
}
#menu div ul { position:relative; }
#menu div div {
    margin:-50px 0 0 -9px;
    left:100%;
}
#menu li:hover>div { display:block; }

/** ie7 */
*:first-child+html #menu div div { display:block; top:-9999px; }
*:first-child+html #menu li:hover>div { top:auto; }

#menu div.columns { width:200px; }
#menu div.columns ul {
    float:left;
    width:200px;
    position:static;
}
#menu div.columns a { white-space:normal; }
#menu div.two { width:400px; }
#menu div.two ul.one div { margin-left:-209px; }
#menu div.two ul.one div div,
#menu div.two ul.two div { margin-left:-9px; }
#menu div.three { width:600px; }
#menu div.three ul.one div { margin-left:-409px; }
#menu div.three ul.two div { margin-left:-209px; }
#menu div.three ul.one div div,
#menu div.three ul.two div div,
#menu div.three ul.three div { margin-left:-9px; }
#menu div.four { width:800px; }
#menu div.four ul.one div { margin-left:-609px; }
#menu div.four ul.two div { margin-left:-409px; }
#menu div.four ul.three div { margin-left:-209px; }
#menu div.four ul.one div div,
#menu div.four ul.two div div,
#menu div.four ul.three div div,
#menu div.four ul.four div { margin-left:-9px; }
#menu div.five { width:1000px; }
#menu div.five ul.one div { margin-left:-809px; }
#menu div.five ul.two div { margin-left:-609px; }
#menu div.five ul.three div { margin-left:-409px; }
#menu div.five ul.four div { margin-left:-209px; }
#menu div.five ul.one div div,
#menu div.five ul.two div div,
#menu div.five ul.three div div,
#menu div.five ul.four div div,
#menu div.five ul.five div { margin-left:-9px; }

#menu li a {
    font-size:14px;
    color:#444;
    text-decoration:none;
    font-weight:normal;
	display:block;
    padding:0 20px;
	 height: 40px;
    line-height: 40px;
}
#menu li a:hover{background-color:#F6F6F6;}
#menu a {
   
    background:url(http://sh-tops.cn/Themes/default/images/item.png) no-repeat left -546px;
}
#menu a span { background:url(http://sh-tops.cn/Themes/default/images/item.png) no-repeat right 0; }
#menu li.current>a { background-position:left -637px; }
#menu li.current>a span { background-position:right -182px; }
#menu a.parent span {
    background-position:right -91px;
    padding-right:60px;
}
#menu li.current>a.parent span { background-position:right -273px; }
#menu>ul>li:hover>a, #menu a:hover { background-position:left -637px; }
#menu>ul>li:hover>a span, #menu a:hover span { background-position:right -182px; }
#menu>ul>li:hover>a.parent span, #menu a.parent:hover span {
    background-position:right -455px;
}

#menu div a {
    margin-left:4px;
    padding:4px 0 0 0;
    width:190px;
    background:url(http://sh-tops.cn/Themes/default/images/subitem.png) no-repeat 0 top;
   
}
#menu div a span {
    font-size:14px;
    background:url(http://sh-tops.cn/Themes/default/images/subitem.png) no-repeat -384px bottom;
    padding:3px 14px 10px 11px;
    white-space:normal;
    color:#444;
}
#menu div a:hover,
#menu div ul>li:hover>a.parent, #menu div ul li a.parent:hover {
    background-position:-192px top;
}
#menu div a:hover span {
    color:#fff;
    background-position:-768px bottom;
}
#menu div a.parent span { background-position:-576px bottom; }
#menu div ul>li:hover>a.parent span, #menu div ul li a.parent:hover span {
    color:#fff;
    background-position:-960px bottom;
}

#menu div {
    background:url(http://sh-tops.cn/Themes/default/images/columns.png) no-repeat -200px -14px;
    padding-top:14px;
}
#menu div ul {
    width:200px;
    background:url(http://sh-tops.cn/Themes/default/images/columns.png) no-repeat 0 bottom;
    padding-top:11px;
    padding-bottom:17px;
}
#menu div div { background-position:-200px top; }
#menu div div ul { padding-top:0; }

#menu div.columns {
    padding-top:0;
    margin-top:-21px;
}
#menu div div.columns { margin-top:-36px; }
#menu div.columns>ul {
    padding-top:25px;
    margin-top:-14px;
}
#menu div.two { background-position:-1000px bottom; }
#menu div.three { background-position:-1400px bottom; }
#menu div.four { background-position:-2000px bottom; }
#menu div.five { background-position:-2800px bottom; }
#menu div.columns ul.two,
#menu div.columns ul.three, 
#menu div.columns ul.four,
#menu div.columns ul.five { background-position:-550px -14px; }
#menu div.columns ul.one { background-position:-400px -14px; }
#menu div.two ul.two,
#menu div.three ul.three,
#menu div.four ul.four,
#menu div.five ul.five { background-position:-800px -14px; }

#menu div.columns>ul>li>a {
    margin-left:0;
    width:200px;
}
#menu div.columns>ul.one>li>a {
    margin-left:4px;
    width:194px;
}
#menu div.two>ul.two>li>a,
#menu div.three>ul.three>li>a,
#menu div.four>ul.four>li>a,
#menu div.five>ul.five>li>a {
    width:194px;
}

#menu.active a {
    z-index:780;
    position:relative;
}
#menu.active li { z-index:778; }
#menu.active div div { z-index:781; }
#menu.active div a { position:static; }

#menu.active li.back {
    background:url(http://sh-tops.cn/Themes/default/images/item.png) no-repeat left -637px;
    height:70px;
    position:absolute;
    padding:0;
    margin:0;
}
#menu.active li.back .left {
    display:block;
    padding:0;
    width:auto;
    background:url(http://sh-tops.cn/Themes/default/images/item.png) no-repeat right -182px;
    height:91px;
    margin:0 5px 0 28px;
    position:relative;
    left:5px;
    
}
#menu.active li.current-back, #menu.active li.current-parent-back { background-position:left -637px; }
#menu.active li.current-back .left { background-position:right -182px; }
#menu.active li.current-parent-back .left { background-position:right -182px; }

#menu.active .spanbox {
    position:absolute;
    display:none;
    background:url(http://sh-tops.cn/Themes/default/images/pix.gif);
    margin-top:0px;
    width:200px;
}
#menu.active div {
    margin-top:-14px;
    display:block;
    position:relative;
}
#menu.active div .spanbox {
    margin:0 0 0 -6px;
    left:100%;
}
#menu.active .spanbox .spanbox { margin-top:-50px; }
#menu.active .spanbox .spanbox div { margin:0; }

/** ie7 */
*:first-child+html #menu.active div div { top:auto; }
*:first-child+html .menu-images-preloading { visibility:hidden; }

#menu.active div.two ul.one .spanbox { margin-left:-206px; }
#menu.active div.two ul.one .spanbox .spanbox,
#menu.active div.two ul.two .spanbox { margin-left:-6px; }
#menu.active div.three ul.one .spanbox { margin-left:-406px; }
#menu.active div.three ul.two .spanbox { margin-left:-206px; }
#menu.active div.three ul.one .spanbox .spanbox,
#menu.active div.three ul.two .spanbox .spanbox,
#menu.active div.three ul.three .spanbox { margin-left:-6px; }
#menu.active div.four ul.one .spanbox { margin-left:-606px; }
#menu.active div.four ul.two .spanbox { margin-left:-406px; }
#menu.active div.four ul.three .spanbox { margin-left:-206px; }
#menu.active div.four ul.one .spanbox .spanbox,
#menu.active div.four ul.two .spanbox .spanbox,
#menu.active div.four ul.three .spanbox .spanbox,
#menu.active div.four ul.four .spanbox { margin-left:-6px; }
#menu.active div.five ul.one .spanbox { margin-left:-806px; }
#menu.active div.five ul.two .spanbox { margin-left:-606px; }
#menu.active div.five ul.three .spanbox { margin-left:-406px; }
#menu.active div.five ul.four .spanbox { margin-left:-206px; }
#menu.active div.five ul.one .spanbox .spanbox,
#menu.active div.five ul.two .spanbox .spanbox,
#menu.active div.five ul.three .spanbox .spanbox,
#menu.active div.five ul.four .spanbox .spanbox,
#menu.active div.five ul.five .spanbox { margin-left:-6px; }
#menu.active div.columns ul .spanbox div { margin-left:0; }
#menu.active div.two,
#menu.active div.three,
#menu.active div.four,
#menu.active div.five { padding-bottom:14px; }

.menu-images-preloading,
.menu-images-preloading div {
    top:0;
    left:0;
    width:4px;
    height:2px;
    opacity:0.1;
    overflow:hidden;
    position:absolute;
}
.menu-images-preloading { width:2px; }
.menu-images-preloading .columns-png { background:url(http://sh-tops.cn/Themes/default/images/columns.png) no-repeat; }
.menu-images-preloading .subitem-png { background:url(http://sh-tops.cn/Themes/default/images/subitem.png) no-repeat; }







/*首页banner*/
#home_banner{margin-bottom:10px;}
#hslider{height:165px;overflow:hidden}



/*内容区域*/
#container {margin-bottom: 20px;}
#container .main_top{background: url(http://sh-tops.cn/Themes/default/images/main_t_bg.jpg) no-repeat;height: 12px;padding-bottom: 5px;}
#container .main_bottom{background: url(http://sh-tops.cn/Themes/default/images/main_b_bg.jpg) no-repeat 0 2px;height: 12px;padding-top: 5px;}
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {

	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 5px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(http://sh-tops.cn/Themes/default/images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	border:1px solid #fff;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	background: transparent;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background-color: #fff;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(http://sh-tops.cn/Themes/default/images/arr_next.png) no-repeat scroll 0 0;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(http://sh-tops.cn/Themes/default/images/arr_prev.png) no-repeat scroll right 0;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 66px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(http://sh-tops.cn/Themes/default/images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(http://sh-tops.cn/Themes/default/images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}



/*左侧*/
.siderbar-cate{ margin-top:30px; width:215px; min-height:160px; _height:160px; border:1px solid #dedede; padding: 5px; border-radius:5px;}
				.siderbar-cate h3{ width:215px; height:51px; font-size:18px; color:#fff; text-indent:20px; line-height:40px; background:url(http://sh-tops.cn/Themes/default/images/cate-title.gif) no-repeat left top}
				.siderbar-cate ul{ width:200px; margin:0px auto}
				.siderbar-cate ul li{ line-height:40px; border-bottom:1px dashed #dedede;  font-size:14px; }
					.siderbar-cate ul li a{background:url(http://sh-tops.cn/Themes/default/images/cate-b.gif) no-repeat left center; padding-left:20px;	font-size: 12px;}
					.siderbar-cate ul li a:hover,.siderbar-cate ul li.current a{background:url(http://sh-tops.cn/Themes/default/images/cate-ho.gif) no-repeat left center; color:#cf0d0d}
						
					
					.contact-us-sidebar{width:215px; padding: 0px 5px;  margin-top:20px;border:1px solid #dedede; padding: 5px; border-radius:5px;}
					.contact-us-sidebar h3{ border-bottom:1px solid #dedede; line-height:40px; color:#828282; font-size:14px; }
					
					.contact-us-sidebar li { font-size:12px;float: left; width:100%; padding: 10px 0px; border-bottom:1px dashed #dedede; color:#747070; line-height:23px;}
			.contact-us-sidebar li i{ display:block; width:52px; height:52px; float: left}
			.contact-us-sidebar li i.phone{ background:url(http://sh-tops.cn/Themes/default/images/phone.gif) no-repeat left center}
			.contact-us-sidebar li i.loca{ background:url(http://sh-tops.cn/Themes/default/images/loca.gif) no-repeat left center}




.col1{width:268px;float: left;margin-top: 10px;}
.col2 {float: right;width: 660px;margin-top: 10px;}
.col2 .m ,.col1 .m {}
.col1 .m .mc {
    background-color: #f6f6f6;
    display: block;
	margin-top: 3px;
    
}
.m{margin-bottom:10px}
.mp{padding-bottom:20px;}
.mp .mc img{max-width:100%;}
.mt {height: 45px;line-height: 45px;}

.mt h3, .mt h2 {float: left;padding: 0 25px;color: #000;font-size: 16px;}
.mt h2 a{color:#fff;font-size:16px;}
.mt .extra {float: right;margin-right: 10px;}
.mt .extra a {color: #5c5c5c;font-family: 宋体;font-size: 12px;}
.m .mc {padding-bottom: 10px;}

.m1 .mt {height: 64px;background: #F0F0F0;position: relative;padding-left: 50px;}

.m1 .mt h3 {
line-height: 26px;
padding-left: 25px;
font-weight: normal;
font-size: 16px;
background-color: #F30;
padding-right: 25PX;
PADDING-TOP: 10PX;
padding-bottom: 10px;
}
.m1 .mc {border: medium none;font-size: 12px;line-height: 22px;padding: 10px;height: 217px;background-color: #F6F6F6;}

.m1 .mt h2 {
color:#444;
padding-left: 10px;
font-weight: normal;
font-size: 18px;
}

.modecontent .mc {
    padding: 15px 10px 0;
}
#col2_right .modecontent .mc {
   
}

.advert {margin-bottom: 20px;}
#onlineschool .mc {padding: 0;}

#h_aboutus .mt, #h_service .mt{background:url("../images/more_bg.png") no-repeat; height:62px;}
#h_aboutus .mt h2, #h_service .mt h2{line-height:62px;}

#h_aboutus .mc .list li, #h_service .mc .list li {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    float: left;
    height: 150px;
    margin: 30px 8px;
    padding: 5px;
}
#h_aboutus .mt .extra, #h_service .mt .extra{
    float: right;
	width: 48px;
	height:62px;
}
#h_aboutus .mt .extra a, #h_service .mt .extra a{
    display: block;
    line-height: 62px;
    text-indent: -9999px;
}
.m .mt h3 a {color: #000;line-height: 37px;
font-size:16px;}
#product .mc li {height: 45px;line-height: 45px;overflow: hidden;padding-top:2px;padding-right: 20px;padding-left: 20px;text-align: center;border-bottom:1px dashed #323232;}
}
#product .mc li a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

#col2_right .m2 {
    width: 208px;
	
}
#col2_right .m2 .mc{width:176px;height:132px;font-size:12px; line-height:22px;border:1px solid #E6E6E6;padding-left: 20px;padding-top: 20px;}
#i_service{ float: left; margin-right: 21px;}
#i_promises{ float: left;}
#i_philosophy{ float: right;}
/*首页推荐产品*/
#content{ height: 545px;
background-color: #DFE4E7;
}
.hotproduct {
    background-color: #fafafa;
    border-bottom: 1px solid #dfe4e7;
    height: 400px;
	margin-bottom: 5px;
    padding-bottom: 20px;
}
.hotproduct .one .picone{
	
}


#productlist ul li {
    float: left;
    margin-left: 61px;
    margin-top: 24px;
    overflow: hidden;
    text-align: left;
    width: 255px;
}
#productlist ul li .txt {
    overflow: scroll;
    white-space: pre-line;
}
.kuang {
    border: 1px solid #DFE4E7;
    height: 185px;
    padding-top: 10px;
    text-align: center;
    width: 248px;
}
.miaoshu {
    margin-left: -13px;
    margin-top: 15px;
   
}

#shuoming {
    background-color: #dfe4e7;
    margin-top: 6px;
    padding-top: -38px;
}
#NEWS .mt {
    background-color: transparent;
}
#NEWS .mc {
    padding: 30px 10px 20px;
	background-color: transparent;
}
#NEWS .mc .picture .pl {
background: url(http://sh-tops.cn/Themes/default/images/aboutus-bg1.png) no-repeat;
width: 28px;
height: 58px;
float: left;
margin-top: 45px;
}
.picture .pp img {
float: left;
margin-left: 13px;
margin-top: 105px;
}
#NEWS .mc .picture .pr {
background: url(http://sh-tops.cn/Themes/default/images/aboutus-bg2.png) no-repeat;
width: 28px;
height: 58px;
float: right;
margin-top:-76px;
}

#col2_right #company {
    border: 10px solid #f2f2f2;
}
#col2_right .modecontent.pageshow {
    margin-top: 10px;
}
#col2_right .modecontent .mt h3{background: url("../images/nybg.jpg") no-repeat 0 center;}
.rollBox {
width: 679px;
overflow: hidden;
margin-top: 18px;
}.rollBox .Cont {
width: 611px;
overflow: hidden;
/* margin: 0 auto; */
}.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic {
float: left;
/* text-align: center; */
padding-left: 8px;
/* margin-right: 8px; */
margin-top: 20px;
}*+html .rollBox .Cont .pic{width:130px;float:left;text-align:center;padding-right:30px;}
.rollBox .Cont .pic img{padding:4px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto;}
.rollBox .Cont .pic p{line-height:26px;color:#505050;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}
.rollBox .pl { float: left;
	margin-top:45px;}
.rollBox .pr {
float: right;
margin-top: -75px;
margin-right: 8px;
}
.rollBox .img1 { float: left;
	margin-top:45px;}
.rollBox .img2{
float: right;
margin-top: -75px;
margin-right: 8px;
}


/*产品中心*/
#productlist li.list {
    float: left;
    margin-bottom: 10px;
    margin-right: 7px;
    width: 200px;
	padding: 2px;
border: 1px solid #DEDEDE; position: relative;overflow: hidden;
}

#productlist li.list img {
    margin: 0px;
    padding: 0px;
    width: 200px;height:150px;
}
#productlist li.list  .pro_name{ background-color: #f1f1f1;line-height: 30px;text-indent: 20px;}
#productlist li.list.actived .pro_name{color:#fff;background-color: #007adf;}
/*#productlist li.list.actived .arrow{background-image: url(http://sh-tops.cn/Themes/default/images/pub-bg.png);background-position: -35px -71px;bottom: 32px;display: block;height: 10px;left: 165px;margin: 7px auto 0;position: absolute;width: 19px;}

#productlist li.list a .go {background-color: #007adf;
    background-image: url(http://sh-tops.cn/Themes/default/images/pub-bg.png);
    background-position: -30px -89px;
    display: block;
    height: 32px;
    left: 159px;
    margin: 7px auto 0;
    position: absolute;
    top: -50px;
    width: 32px;
}
*/
#productlist li.list.actived{-webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
					-moz-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
					box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);}

#biaoyu {
text-align: center;
}
#kouhao{
text-align: center;
margin-top:25px;
}
.list #more {
    padding-left: 185px;
}
#product .mc ul #more a {
    float: right;
    
}
.list #more a {
color: #E5200C;
}
.m .mc .list li {

    line-height: 35px;
    overflow: hidden;

}
.list li a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;}
.listbg {margin-bottom: 20px;}


/*产品展示*/
.modecontent .mp .mc ul {
    margin-left: 35px;
	padding-top: 15px;
}

.modecontent .mp .mc ul li {
    padding-bottom: 10px;
}

/*单页联系我们*/
.pageshow {padding: 10 15px;font-size: 14px;overflow: hidden;line-height: 28px;}
.pageshow p {font-size: 14px;line-height: 24px;margin-bottom: 10px;}
.pageshow img{max-width:100%}
.pageshow h5 {border-bottom: 1px solid #EEE;font-size: 18px;font-weight: bold;line-height: 25px;margin: 20px 0;padding-bottom: 10px;}
/*留言*/
.selform  .input {
    border: 1px solid #c4c4c4;
    height: 24px;
    line-height: 24px;
    
    padding: 0 4px;
    vertical-align: middle;
    width: 183px;
}

 .selform textarea {
    border: 1px solid #d5d5d5;
    height: 160px;
   
    padding: 4px;
    resize: none;
    width: 493px;
}
.selform .input.error {
    border: 1px solid red;
    color: red;
}
.deploy_ctype_tip{z-index:1001;width:100%;text-align:center;position:fixed;top:50%;margin-top:-23px;left:0;}.deploy_ctype_tip p{display:inline-block;padding:13px 24px;border:solid #d6d482 1px;background:#f5f4c5;font-size:16px;color:#8f772f;line-height:18px;border-radius:3px;}
#btnSubmit {
    background: none repeat scroll 0 0 #e40f23;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font: 22px "Microsoft Yahei";
    height: 34px;
   
    text-align: center;
    width: 148px;
}

#jxyj{
float:left;
width:355px;

}
#pxdt{
float:right;
width:355px;

}
#zjyj{
float:left;
width:355px;
}
#xxzh{
float:right;
width:355px;

}

/**/
.newslist{padding-right:20px;}
#NEWS .newslist {float: left;overflow: hidden;padding: 0 18px;width: 450px;}
.newslist UL.bdb {margin-bottom: 11px;padding-bottom: 11px;}
.newslist LI {background: url(http://sh-tops.cn/Themes/default/images/m1-red.jpg) no-repeat scroll 6px 7px;border-bottom: 1px dashed  #eaeaea;font-size: 12px;height: 30px;line-height: 30px;overflow: hidden;padding-left: 24px;}
.newslist li a{float:none;}
.newslist li .date {width:auto;}
.piclist {float: left;overflow: hidden;width: 230px;}
 .piclist UL {overflow: hidden;}
.piclist LI {position: relative;float: left;height: 185px;text-align: center;width: 230px;}

.piclist LI IMG {display: block;margin: 0 auto 7px;width:230px;height:185px;}
.piclist li .txt{position: absolute;
bottom: 0;
width: 100%;
left: 0;
background-color: #000;
opacity: 0.5;
padding: 4px;
color: #FFF;}

/**/
#m_search {border: 5px solid #00A636;height:30px;margin-bottom:5px;}
input#keyword{border: 0;border-top-color: #A0A0A0;padding: 4px 8px;font-size: 13px;height: 22px;float: left;width:200px}
.search-btn {border: none;background-color: #00A636;color: #FFF;height: 30px;width: 50px;float: right;}

#aboutus {
    margin-bottom: 20px;
}
#aboutus .mt{background:url("../images/col1_bg.jpg") no-repeat 0 0 ;
 height: 62px;
    line-height: 62px;
    padding-left: 25px;
color: #FFF;}
#aboutus .mc{padding: 10px 25px 20px !important;}
#aboutus .mc .list li{ padding-left: 10px;border-bottom: 1px solid #dcdcdc;}

#aboutus .mt h2 a{color:#000;font-size:18px;}
#aboutus .open .mt{background-color:#00A636;}
#aboutus .open  .mc{display:block;}
#aboutus  .mc .list li a{ background: url("../images/red.jpg") no-repeat scroll 0 center ;color: #666666;padding-left: 20px;}
#sidenav .mt{background:url("../images/col1_bg1.jpg") no-repeat;color: #FFF;padding-left: 15px;height:63px;}
#sidenav .mt h2 {color:#000;font-size: 18px;
    line-height: 63px;
    padding-left: 10px;}	
#sidenav .open .mt{background-color:#00A636;}
#sidenav .open  .mc{display:block;}
#sidenav .mc {
    margin: 0;
}
#sidenav  .mc .expmenu.list  li {
	
    line-height: 30px;
    margin-bottom: 1px;
    
	font-size:14px;
}
#sidenav  .mc .expmenu.list .listnav{background:url("../images/li_bg.jpg") no-repeat 0 0;padding-left: 50px;}
#m_contact{}
#m_contact .mt{height: auto;text-align: center;background-color: #FFF;}
#m_contact .mc{padding: 0px 28px 20px;}

.goods_li {margin: 8px 2px 8px 0;height: auto;overflow: hidden;zoom: 1;border:1px solid #fff;padding:2px;}
.goods_li:hover {border:1px solid #00A636;}
.mod_goods_w60 {padding-left: 90px;height: auto!important;min-height: 86px;height: 86px;}
.mod_goods_img a {text-decoration: none;} 
.mod_goods_img {position: absolute;margin-left: -90px;width: 80px;overflow: hidden;zoom: 1;padding:2px;border:1px solid #ddd;}
.mod_goods_img a {text-decoration: none;}
.mod_goods_img img {display: block;margin: auto;}
.mod_goods_tit, .mod_goods_promo {overflow: hidden;height: 26px;line-height: 26px;word-wrap: break-word;word-break: break-all;}
.mod_goods_tit a {color: #00A636;font-size:14px;}



/*内页面包屑导航*/
#inside_crumb {background: url(http://sh-tops.cn/Themes/default/images/crumb_bg.jpg) repeat-x scroll 0 0;height: 81px}
#inside_crumb .container{height:81px;background-color: transparent;}
#inside_crumb .container h3 {
    color: #fff;
    float: left;
    font-size: 32px;
    font-weight: bold;
    line-height: 81px;
}
.theCurrent {float: right;margin-right: 15px;font-family: simsun,arial,helvetica,clean,sans-serif;}
.breadcrumb {list-style: none;display: inline;}
.breadcrumb  li {display: inline-block;*display: inline;*zoom: 1;}
.breadcrumb  li  .divider {padding: 0 5px;color: #999;}
.breadcrumb  .active {color: #999;font-size: 14px;}
.breadcrumb li a {
font-size: 14px;color:#000;
}

/*首页公司简介*/
.m2 .mc{overflow: hidden; font-size: 14px;height: 240px;line-height: 24px;}

.m2 .mc p {font-size: 14px;padding-bottom: 20px;text-indent: 24px;}
.m2 .mt {
    background: url("../images/index_li.jpg") no-repeat scroll 0 0 transparent;
    height: 37px;
	 line-height: 37px;
}
.m2 h2 {
    background: none repeat scroll 0 0 transparent !important;
}
.grid_s{position: relative;}
/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{max-width:740px;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(http://sh-tops.cn/Themes/default/images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{border:1px solid #DFDFDF;line-height:1px;}
.spec-scroll{clear:both;margin-top:5px;width:352px;position: absolute;bottom:5px;left:5px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:none;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:730px;height: 68px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:68px;left:0;}
.spec-scroll .items ul li{float:left;width:110px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:100px;height:60px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

.modecontent .mt h2{padding-left:30px !important;font-size: 18px;background: url("../images/nybg.jpg") no-repeat 0 center; padding-right: 0;
}
.modecontent .mt {
padding-left: 15px;
border-bottom: 1px solid #E6E6E6;}
.modecontent .pmt {margin: 0px;}
/*产品详情*/

.grid {
    border-bottom: 5px solid #999;
    margin-bottom: 20px;
    text-align: center;
}
.grid h1 {
    border-bottom: 1px dashed #999;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 10px;
    text-align: left;
}


.grid_m{float:right;margin: 0;width: 290px;position: relative;height: 443px;}
.grid_m h1{font-size: 18px;line-height: 30px;color: #000;font-weight: bold;padding-top: 5px;}
.grid_m .subtitle{font-size:12px;color:#9E9B99;line-height: 24px;padding-bottom:20px;,margin-right:20px;}
.grid_m .disc{margin-right:20px;font-size:12px;color:#9E9B99;border-top:1px solid #CCC8C5;border-bottom:1px solid #CCC8C5;padding: 25px 0;line-height: 20px;}
.grid_m .price{margin-right:20px;text-indent: 15px;font-size:24px;color:#575452;bottom: 95px;position: absolute;}
.grid_m .price span{font-size:56px;color:#B70443;}
.grid_m .mode{margin-right:20px;bottom: 65px;color: #4D61AA;font-size: 18px;position: absolute;text-indent: 15px;width: 100%;}
.grid_m .contract{padding: 4px 0;text-indent: 10px;background-color: #B70443;bottom: 0;color: #FFFFFF;font-size: 16px;position: absolute;width: 100%;}
.grid_m .contract span {padding-left: 10px;font-family: Arial;font-size: 28px;font-weight: bold;}
			
.ptable_title {height: 40px;line-height: 40px;background-color: #00A636;
padding: 0 8px;
color: #FFF;
font-size: 18px;
}
.ptable{background-color:#EEF6EB;color:#211E1D;margin:0;font-size:14px;padding-bottom:10px;}
.ptable th{border-top:1px solid #11A33C;width:150px;padding:10px 0 10px 20px;font-size:14px;}
.ptable td{border-top:1px solid #11A33C;border-left:1px solid #11A33C;padding:10px 30px;font-size:14px;}
.ptable td strong{font-weight: bold;font-size: 20px;display: inline-block;padding-bottom: 10px;}

/*新闻列表*/
.news{ min-height:400px;_height:400px; margin-top:15px; padding-top:5px; margin-bottom:30px; background:url(http://sh-tops.cn/Themes/default/images/line2.jpg) repeat-y 83px 20px}
.news li{ margin: 10px 0px; float: left}
.news li .date{ width:65px; height:35px; color:#929292; float: left; display:inline; margin-top:13px; background:url(http://sh-tops.cn/Themes/default/images/clock.jpg) no-repeat right center; text-align:right; padding-right:35px;}
.news li .date span{ font-size:25px; color:#d40b0b; font-weight:bold}
.news li .article-box{ padding:4px 10px; background:url(http://sh-tops.cn/Themes/default/images/dhkbg.jpg) no-repeat left top; width:617px; height:190px; float: left; }
			
.news li .article-box .title{ line-height:35px; height:35px; font-size:16px;}
.news li .article-box .title a:link{ color:#474141; float: left; margin:7px 0px 0px 10px; position:absolute; z-index:999;font-size:14px;}
.news li .article-box .title a:hover{ color:#C00;}
.news li .article-box .title h1{ font-size:18px; color:#474141; float: left; margin:7px 0px 0px 10px; position:absolute; z-index:999}
/*.news li .article-box h4 a:visited{ color:#F60;}*/
.news li .article-box .title .view{ width:42px; float:right; font-size:12px; font-weight:normal; color:#fff; line-height:20px; display:block; margin-top:10px; text-align:center; height:25px; background:url(http://sh-tops.cn/Themes/default/images/view.gif) no-repeat left top }
.news li .article-box  p,.news li .article-box .news-info{ padding: 10px 10px; line-height:20px; color:#6d6d6d;font-size:12px;}
.news li .article-box .news-info{ line-height:25px;}
.news li .article-box  img{ float: left; display:block; margin-right:10px;}


/********************新闻页样式*******************/
.news_list {margin: 10px 0;width:724px;}
.news_list li{background: url(http://sh-tops.cn/Themes/default/images/yuan.jpg) no-repeat scroll 5px 11px transparent;border-bottom: 1px dotted #CCCCCC;font-size: 12px;height:30px;line-height: 26px;padding-left: 20px;}
.news_list li a{color:black}
.news_list li a h3{font-weight:normal; float:left;width: 600px;overflow: hidden; text-overflow:ellipsis;}
.date{ display:block;float:right;width:100px;color:#ccc}
.newscontent{}
.info{line-height:30px; height:30px;}

#article {
    margin-right: 20px;
}
#article .mc{line-height:24px;font-size:14px;}
#article .mc p{padding-bottom:10px;}
#article .mc .articletitle {line-height:30px;color: #222;font-family: "微软雅黑","黑体",Tahoma,Verdana,"宋体";font-size: 24px;margin-bottom: 10px;text-align: left;}
#article .info {border-bottom: 1px dashed #ddd;height: 30px;line-height: 30px;margin-bottom: 10px;color: #999;font-size: 12px;}
#article .txt{font-size:14px;padding-top: 10px;line-height: 24px;}
#article .txt p{padding-bottom:20px;}
#article img{max-width:100%}
#article .download{background-color: #f1f1f1;margin-top: 20px;}
#article .download a{color:#004c92;}
#pic-1{
	height:145px;
	width:670px;
	margin:0 auto;
}

/*job*/
.joblist .tpList {
    border-bottom: 1px dashed #ddd;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.joblist .jobtitle {
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
}
.joblist .jobdesc {
    border-left: 2px solid #dddddd;
    color: #777;
    line-height: 20px;
    padding-left: 10px;
    white-space: pre-line;
}

.nulldata {background-color: #f9edbe;height: 120px;line-height: 120px;text-align: center;font-size: 14px;}

/*页脚*/
.footer{background-color: #d5d5d5;
    margin: 0 auto;
    padding-bottom: 30px;
    position: relative;
    width: 100%;
    z-index: 10;}
#footer_container {background: url(http://sh-tops.cn/Themes/default/images/footerbg2.png) no-repeat center top;}
#footer_container .map {float: left;width: 235px;line-height: 48px;}
#footer_container  .gotop{float: right; width:210px;line-height: 48px;}
#footer_container  .address{color:#ddd;background: url(http://sh-tops.cn/Themes/default/images/qrcode.jpg) no-repeat scroll center #44403F;}
#footer_container  .address .add_info{float: right;padding: 10px;width: 380px;}
#footer_container  .address .add_info p{font-size:14px;}
#footer_container  .address .add_info .cp_title{font-size:24px;}
#footer_container  .menu{height:40px;background-color:#C1BCB9;}
#footer_container .copyright {padding-top: 30px;color: #999;text-align: center;float: left;line-height: 25px;}
#footer_container .copyright a{color:#999;}
#footer_container .logo {float: left;margin-top: 25px;}
#footer_container p {color: #999;float: left;padding: 5px;text-align: center;width: 980px;}
#footer_container .pic {float: right;line-height: 25px;width: 100px;background: url(http://sh-tops.cn/Themes/default/images/footer_dot.jpg) repeat-y;padding-left: 30px;padding-right: 10px;margin-top: 40px;}
/***********************************************************************************/
.paging_full_numbers{margin-top:30px;text-align: right;}
.paging_full_numbers a,.paging_full_numbers span{padding: 3px 8px;margin-right: 5px;background: #eee;color: #333;text-decoration: none;cursor: pointer;}
.paging_full_numbers span.current{background: #00A636;color: #fff;}

/*case */
.ke-zeroborder .style1 span{font-size: 18px;font-weight: bold;}
.pagebanner img{ width:750px; height:160px;}
.banner {height: 283px;overflow: hidden;margin: 0 auto;position: relative;
background: url("../images/banner-bg.jpg") no-repeat center scroll;
}
#contentbg {background: url(http://sh-tops.cn/Themes/default/images/conbj1.gif) repeat-x scroll 0 0 #ECECEC;margin-top: 4px;overflow: hidden;padding: 7px 14px 6px 16px; width: 950px;}
.newscontent {float: left;margin-right: 40px;padding-top: 4px;width: 316px;}
.newscontent h2 {background: url(http://sh-tops.cn/Themes/default/images/bt1.jpg) no-repeat scroll left center transparent;height: 24px;margin-top: 4px;text-indent: -9999px;}

a {outline: medium none;text-decoration: none;}
.casecontent {float: left;margin-right: 40px;width: 126px;height:166px;overflow:hidden;}
.casecontent h2 {background: url(http://sh-tops.cn/Themes/default/images/bt2.jpg) no-repeat scroll left center transparent;height: 24px;margin-top: 4px;text-indent: -9999px;}
.casecontent li {background: url(http://sh-tops.cn/Themes/default/images/bz1.gif) no-repeat scroll left center transparent;color: #888888;margin-top: 1px;padding-left: 16px;line-height: 22px;}
.casecontent li a {color: #888888;text-decoration: none;}
.casecontent li a:hover {color: #2C7905;text-decoration: none;}
.procontent {float: left;margin-right: 40px;overflow: hidden;width: 160px;height:166px;overflow:hidden;}
.procontent h2 {background: url(http://sh-tops.cn/Themes/default/images/bt3.jpg) no-repeat scroll left center transparent;height: 24px;margin-top: 4px;text-indent: -9999px;}
.procontent li {background: url(http://sh-tops.cn/Themes/default/images/bz1.gif) no-repeat scroll left center transparent;color: #888888;float: left;margin-top: 1px;padding-left: 16px;width: 160px;line-height: 22px;}
.procontent li a {color: #888888;text-decoration: none;}
.logincontent {float: right;width: 227px;}
.loginbox {background: url(http://sh-tops.cn/Themes/default/images/logbj.gif) no-repeat scroll 0 0 transparent;padding: 27px 0 0 23px;width: 204px;}
.loginbox p {margin-bottom: 5px;overflow: hidden;}
.loginbox p label {float: left;width: 52px;}
.loginbox p input {background: url(http://sh-tops.cn/Themes/default/images/inputbj1.gif) no-repeat scroll 0 0 transparent;border: medium none;height: 18px;margin-right: 3px;padding-left: 5px;vertical-align: top;width: 81px;}
input, button, textarea, select {font-family: inherit;}
.loginbox .inputbuttonbox {height: 27px;margin-top: 27px;overflow: hidden;text-align: right;width: 176px;}
.loginbox .inputbuttonbox p {float: left;margin-right: 11px;}
.loginbox p {margin-top: 8px;overflow: hidden;}
a img {border: 0 none;}
.loginbox .inputbuttonbox p {float: left;margin-right: 11px;}
#bottombox {background: url(http://sh-tops.cn/Themes/default/images/bottombj.gif) repeat-x scroll 0 0 transparent;height: 81px;margin-bottom: 18px;overflow: hidden;padding: 17px 20px 0;width: 940px;}
.copybox {float: left;width: 405px;}
.bottomlink {float: right;width: 326px;}
.bottomlinkbox { height: 26px;overflow: hidden;     }
.bottomlink a {color: #888888;text-decoration: none;margin-left: 22px;}
.bottomtel{ text-align:right;}

/**********************************************内页样式*************************************/
.pagebanner{ margin-top: 23px;}
.sidebar {background: url(http://sh-tops.cn/Themes/default/images/sidebar_bg.jpg) no-repeat scroll 0 0 transparent;display: inline;float: left;padding-top: 49px;width: 214px;}
.sidebar .acmenu {width: 188px;margin-bottom: 40px;overflow:hidden}
.sidebar .acmenu li {border-bottom: 1px solid #EAEAEA;height: 30px;line-height: 30px;width: 178px;background: url(http://sh-tops.cn/Themes/default/images/barico.jpg) no-repeat scroll 0 0 transparent;}
.sidebar .acmenu li a {color: #205903;display: block;width: 170px;padding-left: 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar .acmenu li a:hover {color: #D56229;}
.sidebar .banner1 {padding: 0 0 17px;}
.sidebar .banner1 img, .sidebar .banner2 img {display: block;}
.sidebar .banner2 {padding: 0 0 10px;}
.r_column {float: left;width: 750px;}
.r_column .mode {border-bottom: 1px dashed #CBCBCB;padding:12px 0px;margin-bottom: 12px;}
.navigation {float: left;width: 300px;}
.navigation a {color:#2C7905;}
.mode .m_search {float: right;}

.modecontent dl {float: left;margin-bottom: 25px;margin-right: 10px;width: 365px}
dl, ul, dt, dd, li {list-style-type: none;}
.modecontent dt {background: url(http://sh-tops.cn/Themes/default/images/line02.jpg) no-repeat scroll left bottom transparent;color: #D5612A;display: inline;float: right;font-size: 15px;font-weight: bold;height: 38px;letter-spacing: 1px;line-height: 40px;padding: 0;width: 192px;margin-bottom: 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.modecontent dl dd.img {margin: 0 14px 0 11px;}
.modecontent dd {color: #666666;font-size: 12px;line-height: 18px;margin: 0 0 0 175px;}
.modecontent dd.img img {float: left;height: 92px;padding: 4px;width: 142px;border: 1px solid #EBEBEB;}
.modesingle{ line-height:22px;}
.mediumlist li {background: url(http://sh-tops.cn/Themes/default/images/line1.gif) repeat-x scroll center bottom transparent;height: 30px;line-height: 30px;overflow: hidden;}
.mediumlist li a {color: #666666;float: left;}
.mediumlist li a:hover {color: #D56229;}
.mediumlist li span {color: #205903;display: block;float: right;font-size: 11px;width: 77px;}
.showtitle h3 {border-bottom: 2px solid #D5612A;font-size: 14px;font-weight: bold;height: 30px;text-align: center;}
.showdate {border-bottom: 1px dashed #889193;font-size: 14px;font-weight: bold;height: 30px;text-align: center;margin-bottom: 15px;}
.newspronext{ line-height: 26px;margin-top: 15px;}
.newspronext a{ color: #666666;}
/*=== Nivo Slider Styles ===*/
/*============================*/
#slider-wrapper {width:980px;height:380px;clear:both;z-index:0;float:left;overflow: hidden;}
#slider {float:left;height:380px;position:relative;width:980px;background: url(http://sh-tops.cn/Themes/default/images/lightbox-ico-loading.gif) no-repeat 50% 50%;}
#slider li img {position:absolute;top:0px;left:0px;display:none;}
#slider li{list-style:none;}
#slider a {border:0;display:block;}
.nivo-controlNav {position:absolute;right:10px;bottom:15px;top:340px;left:418px;}
.nivo-controlNav a {display:block;width:15px;height:14px;background:url(http://sh-tops.cn/Themes/default/images/bullets.png) no-repeat;text-indent:-999999px;border:0;margin-right:2px;float:left;}
.nivo-controlNav a.active {background-position:0 -14px;}
.nivo-directionNav a {display:block;width:30px;height:30px;background:url(http://sh-tops.cn/Themes/default/images/arrows.png) no-repeat;text-indent:-9999px;}
a.nivo-nextNav {background-position:-30px 0;right:15px;}
a.nivo-prevNav {left:15px;}
.nivo-caption {text-shadow:none;font-family:Arial, Helvetica, sans-serif;padding:10px 0;font-size:17px;}
.nivo-caption a {color:#fff;text-decoration:underline;}
.bottomlink li{ float:left;}
/*翻页*/
.product_page, .news_page {border: 0 none;color: #666666; margin: 20px; width: 95%;}
.product_page_left, .news_page_left {border: 0 none;}
.product_page_right, .news_page_right { border: 0 none;text-align: right;width: 400px;}
.Page_LastPage, .Page_NextPage, .Page_FristPage, .Page_PreviousPage, .Page_Number {border: 1px solid #CCCCCC;display: inline-block;height: 24px;line-height: 24px;margin-left: 5px;min-width: 16px;padding: 0 5px;text-align: center;vertical-align: middle;}
span.product_page_none, .product_page_default ,.news_page_default{display: none;} 
.workarea{margin-bottom:10px}



.menu .content{background: url(http://sh-tops.cn/Themes/default/images/bg1.png) no-repeat -18px 8px;}

#homebanner{height: 283px;}

#insidebanner {height: 220px;}
#insidebanner  .subnav  ul {margin: 63px 22px 0;}
#insidebanner  .subnav li {background: url(http://sh-tops.cn/Themes/default/images/news_dot.jpg) no-repeat scroll 5px center ;border-bottom: 1px solid #ddd;line-height: 30px;padding-left: 25px;}
#insidebanner .subnav{float:left;background: url(http://sh-tops.cn/Themes/default/images/subnav.jpg) no-repeat;height: 211px;width: 220px;}
#insidebanner .banner {height: 195px;}



#hservice{border-bottom:1px solid #C9C9C9;background-color:#EEEEEE;height:180px;}
#hservice .container{ background-color: transparent;}
#hservice dl {
    float: left;
    margin-right: 18px;margin-top:-40px;position:relative;
}
#hservice dt {
    
}
#hservice dt a{width:315px;background-color: #227cff;color: #fff;display: block;font-size: 18px;height: 40px;line-height: 40px;opacity: 0.8;filter:alpha(opacity=80);text-align: center;}
#hservice dd{}
/**/
.ntes-loginframe {
margin: 0;
color: #252525;
line-height: 25px;
text-align: left;
}
.ntes-loginframe-blank {
padding-left: 0px;
padding-bottom: 9px;
}
.ntes-loginframe-blank .ntes-loginframe-label {
display: block;


}
.loginframe-hidden {
display: none;
}
.ntes-loginframe-label-ipt {

width: 170px;
height: 28px;
line-height: 28px;
text-indent: 6px;
border: 1px solid #DDD;
}
.ntes-loginframe-btn {

width: 170px;
height: 30px;
font-size: 14px;
font-weight: bold;
cursor: pointer;
border: 1px solid #239438;
color: #FFF;
background-color: #5EBA6D;
background-image: -webkit-gradient(linear, left top, left bottom, from(#5EBA6D), to(#3CA051));
background-image: -webkit-linear-gradient(top, #5EBA6D, #3CA051);
background-image: -moz-linear-gradient(top, rgb(94, 186, 109), rgb(60, 160, 81));
background-image: -o-linear-gradient(top, rgb(94, 186, 109), rgb(60, 160, 81));
background-image: -ms-linear-gradient(top, rgb(94, 186, 109), rgb(60, 160, 81));
background-image: linear-gradient(top, rgb(94, 186, 109), rgb(60, 160, 81));
}
.clearfix:after {
display: block;
overflow: hidden;
clear: both;
height: 0;
visibility: hidden;
content: ".";
}
.ma12, .mb12 {
margin-bottom: 12px;
}
.ma6, .mt6 {
margin-top: 6px;
}
/* ===========================================================
 * bootstrap-tooltip.js v2.2.2
 * http://twitter.github.com/bootstrap/javascript.html#tooltips
 * Inspired by the original jQuery.tipsy by Jason Frame
 * ===========================================================
 * Copyright 2012 Twitter, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================== */
.thumbnail:hover {
    border-color: #1166AA;
    box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    color: #333333;
    text-decoration: none;
}

.tooltip {position: absolute;z-index: 1030;display: block;padding: 5px;font-size: 12px;opacity: 0;filter: alpha(opacity=0);visibility: visible;}
.tooltip.in {opacity: 0.8;filter: alpha(opacity=80);}
.tooltip.top {margin-top: -3px;}
.tooltip.right {margin-left: 3px;}
.tooltip.bottom {margin-top: 3px;}
.tooltip.left {margin-left: -3px;}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000000;
  border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}
.shuangyana {
    font-size: 18px;
    font-weight: bold;
}
strong {
    font-weight: bold;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  width: 236px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}


.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
}

.popover-content {padding: 9px 14px;}
.popover .arrow,.popover .arrow:after {position: absolute;display: block;width: 0;height: 0;border-color: transparent;border-style: solid;}
.popover .arrow {border-width: 11px;}
.popover .arrow:after {border-width: 10px;content: "";}
.popover.top .arrow {bottom: -11px;left: 50%;margin-left: -11px;border-top-color: #999;border-top-color: rgba(0, 0, 0, 0.25);border-bottom-width: 0;}
.popover.top .arrow:after {bottom: 1px;margin-left: -10px;border-top-color: #ffffff;border-bottom-width: 0;}
.popover.right .arrow {top: 50%;left: -11px;margin-top: -11px;border-right-color: #999;border-right-color: rgba(0, 0, 0, 0.25);border-left-width: 0;}
.popover.right .arrow:after {bottom: -10px;left: 1px;border-right-color: #ffffff;border-left-width: 0;}
.popover.bottom .arrow {top: -11px;left: 50%;margin-left: -11px;border-bottom-color: #999;border-bottom-color: rgba(0, 0, 0, 0.25);border-top-width: 0;}
.popover.bottom .arrow:after {top: 1px;margin-left: -10px;border-bottom-color: #ffffff;border-top-width: 0;}
.popover.left .arrow {top: 50%;right: -11px;margin-top: -11px;border-left-color: #999;border-left-color: rgba(0, 0, 0, 0.25);border-right-width: 0;}
.popover.left .arrow:after {right: 1px;bottom: -10px;border-left-color: #ffffff;border-right-width: 0;}
/*
 * jQuery Nivo Slider v2.5.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	font-size:16px;
	padding:5px;
	padding-left:20px;
	margin:0;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/*悬浮二维码*/
.qrcode {
    background-color: #fff;
    border: 1px solid #f1f1f1;
    bottom: 20px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    color: #000;
    display: block;
    height: 170px;
    padding: 5px;
    position: fixed;
    right: 10px;
    text-align: center;
    width: 125px;
    z-index: 100;
}
.qrcode div {
    padding: 5px;
}
.qrcode img {
    padding: 2px 0;
}
.qrcode p {
    line-height: 24px;
}

.dis tr, .dis td {
    border: medium none;
}
.pro li {
    float: left;
    margin: 0 3px 13px;
}




/** 
 *  sliderkit-core.css
 *	> Core CSS styles
 *  
 *  This file is part of Slider Kit jQuery plugin.
 *  http://www.kyrielles.net/sliderkit/
 *  
 *  Copyright (c) 2010-2012 Alan Frog
 *  Licensed under the GNU General Public License
 *  See <license.txt> or <http://www.gnu.org/licenses/>
 *
 */

/*
 *  PLUGIN BASICS
 *  ------------------------------------------------
 */
.sliderkit{display:none;position:relative;overflow:hidden;text-align:left;}
.sliderkit a,
.sliderkit a:hover{text-decoration:none;}
.sliderkit a:focus{outline:1px dotted #000;/*optional*/}
.sliderkit img{border:0;}

/*---------------------------------
 *  Navigation
 *---------------------------------*/
.sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;}

/* Nav > Clip */
.sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden;margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
.sliderkit .sliderkit-nav-clip ul li{float:left;}
.sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;}

/*---------------------------------
 *  Buttons
 *---------------------------------*/
.sliderkit .sliderkit-btn{z-index:10;}

/*---------------------------------
 *  Panels
 *---------------------------------*/
.sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;}
.sliderkit .sliderkit-panel-active{z-index:5;}
.sliderkit .sliderkit-panel-old{z-index:4;}

/* Panels > Overlay */
.sliderkit .sliderkit-panel .sliderkit-panel-textbox{position:absolute;z-index:1;}
.sliderkit .sliderkit-panel .sliderkit-panel-text{position:absolute;z-index:3;top:0;left:0;}
.sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;}

/*---------------------------------
 *  Counter
 *---------------------------------*/
.sliderkit .sliderkit-count{position:absolute;top:5px;right:5px;z-index:10;padding:5px;color:#fff;background:#000;}

/*---------------------------------
 *  Loader
 *---------------------------------*/
.sliderkit .sliderkit-timer{position:absolute;top:0;left:0;z-index:10;height:3px;background:#ccc;}


/* This code can be reduced and pasted in any other CSS file :

Here is a compact version :
-------------------------------

.sliderkit{display:none;position:relative;overflow:hidden;text-align:left;}
.sliderkit a,
.sliderkit a:hover{text-decoration:none;}
.sliderkit a:focus{outline:1px dotted #000;}
.sliderkit img{border:0;}
.sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;}
.sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden;margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
.sliderkit .sliderkit-nav-clip ul li{float:left;}
.sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;}
.sliderkit .sliderkit-btn{z-index:10;}
.sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;}
.sliderkit .sliderkit-panel-active{z-index:5;}
.sliderkit .sliderkit-panel-old{z-index:4;}
.sliderkit .sliderkit-panel .sliderkit-panel-textbox{position:absolute;z-index:1;}
.sliderkit .sliderkit-panel .sliderkit-panel-text{position:absolute;z-index:3;top:0;left:0;}
.sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;}
.sliderkit .sliderkit-count{position:absolute;top:5px;right:5px;z-index:10;padding:5px;color:#fff;background:#000;}
.sliderkit .sliderkit-timer{position:absolute;top:0;left:0;z-index:10;height:3px;background:#ccc;}
*/
/*---------------------------------
 *  Photos gallery > With captions
 *---------------------------------*/
.photosgallery-captions{width:622px;height:454px;margin-top: 20px;}

/* Navbar */
.photosgallery-captions .sliderkit-nav{left:0;bottom:0;width:606px;padding:10px;background:#000;}
.photosgallery-captions .sliderkit-nav-clip ul li{float:left;margin:0;}
.photosgallery-captions .sliderkit-nav-clip ul li a{display:block;width:75px;height:50px;overflow:hidden;margin:0;padding:3px;}
.photosgallery-captions .sliderkit-nav-clip ul li.sliderkit-selected a{padding:0;border:3px solid #fff;}

/* Buttons */
.photosgallery-captions .sliderkit-btn{position:absolute;top:0;}
.photosgallery-captions .sliderkit-btn a{display:block;height:76px;background:transparent url("../images/arrows-h.png") no-repeat center 0;}
.photosgallery-captions .sliderkit-btn span{display:none;}
.photosgallery-captions .sliderkit-btn-disable{opacity:0.3/*can be set to any value until 1*/;}
.photosgallery-captions .sliderkit-btn-disable a:hover{cursor:default;}

/* Buttons > Navbar buttons */
.photosgallery-captions .sliderkit-nav-btn{width:15px;}
.photosgallery-captions .sliderkit-nav .sliderkit-nav-prev{left:15px;}
.photosgallery-captions .sliderkit-nav .sliderkit-nav-next{right:15px;}
.photosgallery-captions .sliderkit-nav .sliderkit-nav-prev a{background-position:-89px center;}
.photosgallery-captions .sliderkit-nav .sliderkit-nav-next a{background-position:-108px center;}
.photosgallery-captions .sliderkit-nav .sliderkit-nav-prev a:hover,
.photosgallery-captions .sliderkit-nav .sliderkit-nav-prev a:focus{background-position:-126px center;}
.photosgallery-captions .sliderkit-nav .sliderkit-nav-next a:hover,
.photosgallery-captions .sliderkit-nav .sliderkit-nav-next a:focus{background-position:-145px center;}

/* Buttons > Go buttons */
.photosgallery-captions .sliderkit-go-btn{width:10px;}
.photosgallery-captions .sliderkit-nav .sliderkit-go-prev{left:40px;}
.photosgallery-captions .sliderkit-nav .sliderkit-go-next{right:40px;}
.photosgallery-captions .sliderkit-nav .sliderkit-go-prev a{background-position:0 center;}
.photosgallery-captions .sliderkit-nav .sliderkit-go-next a{background-position:-20px center;}
.photosgallery-captions .sliderkit-nav .sliderkit-go-prev a:hover,
.photosgallery-captions .sliderkit-nav .sliderkit-go-prev a:focus{background-position:-40px center;}
.photosgallery-captions .sliderkit-nav .sliderkit-go-next a:hover,
.photosgallery-captions .sliderkit-nav .sliderkit-go-next a:focus{background-position:-60px center;}

/* Panel */
.photosgallery-captions .sliderkit-panel{top:0;left:0;text-align: center;}

/* Panel > Textbox */
.photosgallery-captions .sliderkit-panel .sliderkit-panel-textbox{bottom:0;left:0;width:622px;height:35px;}
.photosgallery-captions .sliderkit-panel .sliderkit-panel-text{height:50px;padding:10px 15px;font-size:0.9em;color:#fff;text-align: left;}
.photosgallery-captions .sliderkit-panel .sliderkit-panel-text h4{height:auto;margin:0 0 7px;line-height:1.1em;font-size:1.1em;font-weight:bold;border:none;}
.photosgallery-captions .sliderkit-panel .sliderkit-panel-overlay{width:622px;height:70px;background:#000;opacity:0.6;}

div.orbit-wrapper {
    height: 283px !important;
    margin: 0 auto;
    overflow: visible;
    width: 951px !important;
	 position: relative;
}
div.orbit {
    height: 155px !important;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 45px;
    width: 400px !important;
}
div.orbit span { display:none;}
div.orbit a img{ position: absolute; display:block;width: 194px; box-shadow: 0 3px 8px rgba(0,0,0,0.5); padding:1px; border:medium none !important;}
div.orbit-wrapper h4{ display: none; }
div.timer {display: none;}
div.slider-nav { display: block; }
div.slider-nav span { width: 40px; height: 120px;  color: #fff; text-align: center; position: absolute; z-index: 100; top: 110px; cursor: pointer; text-indent:-9999px;}
div.slider-nav span.right { right: 15px; background:url(http://sh-tops.cn/Themes/default/images/slider_right.jpg); }
div.slider-nav span.left { left:-50px;background:url(http://sh-tops.cn/Themes/default/images/slider_left.jpg); }
div.slider-nav span.right:hover {background:url(http://sh-tops.cn/Themes/default/images/slider_right.jpg) bottom; }
div.slider-nav span.left:hover {background:url(http://sh-tops.cn/Themes/default/images/slider_left.jpg) bottom; }
