﻿body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, input, textarea, button, p, blockquote, th, td, img, iframe,a { margin: 0; padding: 0; }  table { border-collapse: collapse; border-spacing: 0; }  input, button, textarea, option { font: 12px "Microsoft Yahei", Arial, Helvetica, sans-serif; }  ul, li, div { list-style: none; border: 0px; }  img { border: 0px; vertical-align: middle;max-height: 100%;max-width: 100%;}  .clear { font: 0px/0px serif; display: block; clear: both; }  html { -webkit-text-size-adjust: none; }  input { outline: none; }  textarea { resize: none; }  a { text-decoration: none; color: #333;}  body:nth-of-type(1) input:focus, textarea:focus { outline: none; }  br { background: #fff; }  body { font: 12px "microsoft yahei", "\5b8b\4f53", Tahoma, Arial; color: #333; background: #fff; position: relative; }.clearfix:after{content: "\200b"; display: block; height: 0; clear: both;} .clearfix{*zoom: 1;}a:hover{color: #FF6600;text-decoration: underline;}

#header {
	width: 100%;
	height: 32px;
	margin: 0 auto;
	background-color: #f5f5f5;
	border-bottom: 1px solid #e3e3e3;
}
.header {
	width: 1100px;
	height: 32px;
	margin: 0 auto;
	position: relative;
}
.header ul {
	float: left;
}
.header li {
	float: left;
	color: #666;
	line-height: 32px;
}
.header li a,.header p a {
	color: #666;
	padding: 0 4px;
	font-family: "\5b8b\4f53";
}
.header li a.login{
	color:#ff0000;
}
.header a:hover,.header a.mobile:hover {
	color: #f60;
}
.header input {
	width: 92px;
	height: 18px;
	float: left;
	border: 1px solid #d4d4d4;
	margin: 6px 6px 0 0;
}
.header button {
	width: 35px;
	height: 19px;
	border:0;
	float: left;
	background: url(../../images/news2014/news.gif) no-repeat 0 0;
	margin: 6px 4px 0 2px;
}
.header p {
	line-height: 32px;
	float: right;
	padding-right: 6px;
	color: #dfdfdf;
}
.header a.mobile {
	width: 55px;
	height: 16px;
	display: block;
	float: right;
	text-indent: 18px;
	margin-top: 8px;
	line-height: 16px;
	color: #38880b;
	background: url(../../images/sample/news.gif) no-repeat -135px 0;
}
.adTop {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}
.adTop ul {
	width: 1110px;
	display: inline;
	float: left;
	margin: 0px 0 0 -5px;
}
.adTop li {
	display: block;
	float: left;
	padding: 15px 5px 0 5px;
}
.adTop img,.adTop embed {
	float: left;
}
.top {
	width: 1100px;
	height: 60px;
	margin: 0px auto 0;
	position: relative;
	z-index: 77;
}
.top .logo {
	position: absolute;
	left: 30px;
	top: 10px;
	z-index: 77;
	height:55px;
}
.top h1 {
	height: 50px;
	position: absolute;
	left: 200px;
	top: 12px;
	border-left: 1px solid #d7d7d7;
	font: 30px/50px "Microsoft Yahei", "\5b8b\4f53";
	text-indent: 12px;
	color: #38880b;
}
.search {
	width: 436px;
	height: 38px;
	position: absolute;
	top: 16px;
	right: 70px;
	border: 1px solid #c1c1c1;
	border-right: 0;
	z-index: 77;
}

.top .text {
	width: 350px;
	height: 38px;
	display: block;
	position: absolute;
	top: 17px;
	right: 71px;
	line-height: 38px;
	border: 0px;
	background: #fff;
	color: #666;
	text-indent: 10px;
	font-size: 14px;
	z-index: 77;
}

.top button {
	width: 71px;
	height: 40px;
	display: block;
	position: absolute;
	top: 16px;
	right: 0;
	background: url(../../images/offer2016/offer.png) no-repeat 0 -21px;
	cursor: pointer;
	z-index: 77;
}
.selectbox-wrapper {
	width: 82px;
	border: 1px solid #cdcdcd;
	border-top: 0;
	background: #fff;
	text-align: center;
	position: absolute;
	top: 56px;
	right: 423px;
	z-index: 9999;
}

.selectbox-wrapper ul li.selected,
.selectbox-wrapper ul li.current {
	background: #38880b;
	color: #fff;
}

.selectbox-wrapper ul li {
	padding-bottom: 3px;
	width: 82px;
	cursor: pointer;
	font-size: 14px;
	line-height: 18px;
	padding-top: 3px;
	/* text-indent: 20px; */
	text-align: center;
}

.selectbox {
	width: 83px;
	height: 36px;
	border: 0;
	border-right: 1px solid #d4d4d4;
	display: block;
	line-height: 36px;
	font-size: 14px;
	color: #666;
	/* text-indent: 16px; */
	position: absolute;
	top: 18px;
	right: 423px;
	cursor: pointer;
	background: #fff url(../../images/offer2016/offer.png) no-repeat -76px -20px;
	z-index: 77;
	text-align: center;
	box-sizing: border-box;
	padding-right: 10px;
}

.nav {
	width: 1099px;
	height: 40px;
	margin: 20px auto 0;
	font: normal 18px/40px "Microsoft Yahei", "\5b8b\4f53";
	border-top: 1px solid #dedede;
	border-right: 1px solid#dedede;
	position: relative;
}
.nav p {
	height: 40px;
	position: absolute;
	font: normal 16px/40px microsoft yahei;
	left: 203px;
	top: 0px;
	z-index: 1;
}
.nav p a {
	width: 127px;
	height: 40px;
	background: #38880b;
	display: inline-block;
	text-align: center;
	color: #fff;
	border-left: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

.nav p a:hover{
	color: #000;
	background: #fff;
	text-decoration: none;

}
.nav b a{
	width: 204px;
	height: 42px;
	position: absolute;
	font: normal 18px/42px microsoft yahei;
	color: #fff;
	background: #ff8b00;
	left: 0;
	top: -2px;
	z-index: 2;
	text-align: center;
}
.nav b a:hover{
	color: #fff;
	background: #ff8b00;
	text-decoration: none;
}
.wrapper{
	width: 1100px;
	margin: 0 auto;
}
.part1{
	margin: 15px 0;
}
.flash {
	width: 365px;
	height: 300px;
	float: left;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.flash ul {
	height: 300px;
	position: absolute;
}

.flash ul li {
	float: left;
	width: 365px;
	height: 300px;
	overflow: hidden;
	position: relative;
	background: #000;
}
.flash ul li img{
	width: 365px;
	height: 300px;
}


.flash ul li div {
	position: absolute;
	overflow: hidden;
}

.flash .btn {
	position: absolute;
	height: 16px;
	right: 10px;
	bottom: 15px;
	text-align: center;
}

.flash .btn a {
	display: inline-block;
	_display: inline;
	_zoom: 1;
	width: 14px;
	height: 14px;
	line-height: 14px;
	margin-left: 9px;
	cursor: pointer;
	border: #fff 1px solid;
}

.flash .btn a.on {
	border: #f44e07 1px solid;
	background-color: #f44e07;
}
.flash .btn a.on:hover{
	color: #333333;
	text-decoration: blink;nav-down: ;
}

.flash .preNext {
	width: 34px;
	height: 67px;
	position: absolute;
	top: 100px;
	cursor: pointer;
	display: none;
}

.flash .pre:hover {
	background-position: left bottom;
}

.flash .next:hover {
	background-position: right bottom;
}

.flash .pre {
	left: 0;
}

.flash .next {
	right: 0;
	background-position: right top;
}
.part1News{
	width: 390px;
	float: left;
	margin: 0 20px 0 22px;
	height: 301px;
    overflow: hidden;
}
.part1News dl{
	padding-bottom: 8px;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 10px;
}
.lastDl{
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: none !important;
}
.part1News dl dt{
	height: 25px;
	overflow: hidden;
	margin-bottom: 5px;
}
.part1News dl dt a{
	font-size: 16px;
	line-height: 25px;
	color: #38880B;
}
.part1News dl dt a.company{font-size: 14px;}
.part1News dl dd{
	max-height: 66px;
	overflow: hidden;
}
.part1News dl dd a{
	color: #999;
	font: normal 14px/22px "microsoft yahei";
}
.part1News dl dt a:hover,.part1News dl dd a:hover{
	color: #FF6600;
}
.ranking{
	width: 300px;
	float: right;
}
.rankTitle{
	width: 300px;
	float: left;
	position: relative;
}
.rankTitle h2{
	font-size: 22px;
	line-height: 28px;
	padding-left: 65px;
	font-weight: normal;
	background: url(../../images/sample/sample.png) no-repeat;
}
.rankTitle span{
	display: block;
	width: 180px;
	height: 18px;
	background: #38880B;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	text-indent: 5px;
	position: absolute;
	top: 5px;
	right: 0;
}
.rankTitle a{
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	float: right;
	padding-right: 5px;
}
.rankTitle a:hover{
	text-decoration: none;
}
.ranking ul{
	width: 260px;
	padding: 10px 20px;
	float: left;
	background: #f4f4f4;
	margin-top: 10px;
}
.ranking ul li{
	height: 28px;
	overflow: hidden;
}
.ranking ul li span{
	display: inline-block;
	width: 13px;
	height: 13px;
	text-align: center;
	line-height: 13px;
	color: #fff;
	background: #38880B;
	margin-right: 10px;
	font-family: "\5b8b\4f53";
}
.topThree{
	background: #ff6600 !important;
}
.ranking ul li a{
	font-size: 14px;
	line-height: 28px;
	color: #333;
}
.ranking ul li a:hover{
	color: #FF6600;
}

.partTitle{
	width: 1099px;
	float: left;
	border-top: 3px solid #38880B;
	border-right: 1px solid #d7d7d7;
	position: relative;
	bottom: -1px;
	z-index: 10;
}
.partTitle h2 a{
	font-size: 22px;
	color: #fff;
	line-height: 38px;
	display: inline-block;
	width: 213px;
	height: 38px;
	background: #38880B;
	text-align: center;
	font-weight: normal;
}
.partTitle h2 a:hover{
	text-decoration: none;
}
.partTitle span{
	display: inline-block;
	width: 65px;
	position: absolute;
	top: 0;
	right: 0px;
}
.partTitle span a{
	font-size: 12px;
	line-height: 38px;
	color: #999;
}
.select .partTitle{
	border-top: 3px solid #FF6600 !important;
}
.select .partTitle h2 a{
	background: #FF6600 !important;
}

.select{
	margin-bottom: 20px;
}

.downbot{width: 798px; border: 1px solid #d7d7d7;overflow: hidden;position: relative;height:269px;float: left;}
.downbot ul{width: 752px;float: left;position: absolute;top: 20px;text-align: center;}
.downbot ul li{width: 140px; margin-left: 48px; height: 249px; float: left; position: relative;}
.downbot ul li img{width: 120px;height: 160px;padding: 10px; box-shadow: 0px 5px 10px #eaeaea;}
.downbot ul li p{width: 140px;height: 20px; overflow: hidden;text-align: center;margin-top: 7px;}
.downbot ul li p a{font: 12px/20px "\5b8b\4f53","Tahoma";color: #999;}
.downbot ul li p a span{font-size: 14px; color: #38880B; font-weight: bold;}
.downbot ul li p a:hover,.downbot ul li p a span:hover{color:#f60;}
.pre{z-index: 999999; width: 20px;height: 64px; top: 100px; left: 0; position: absolute;background: url(../../images/sample/left.png) no-repeat; cursor: pointer;}
.next{z-index: 999999; width: 20px;height: 64px;position: absolute;top: 100px;right: 0; background: url(../../images/sample/right.png) no-repeat; cursor: pointer;}
.downbot ul li>b{
	display: inline-block;
	width: 22px;
	height: 31px;
	background: url(../../images/sample/jing.png);
	position: absolute;
	top: 0;
	left: 0;
}



.saSearch{
	width: 249px;
	float: left;
	padding: 19px 25px 10px;
	border: 1px solid #D7D7D7;
	border-left: none;
}
.sample_search input{
	width: 213px;
	height: 30px;
	border: none;
	background: #f4f4f4;
	vertical-align: middle;
	color: #aaa;
	text-indent: 8px;
	float: left;
}
.sample_search button{
	width: 35px;
	height: 30px;
	border: none;
	background: url(../../images/sample/search.png) no-repeat 8px 7px #38880B;
	float: left;
}
.sample_search {
    float: left;
}
.saSearch ul{
	width: 349px;
	float: left;
	margin-top: 10px;
	margin-left: -10px;
}
.saSearch ul li{
	width: 120px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}
.saSearch ul li a{
	width: 120px;
	height: 30px;
	font-size: 14px;
	color: #333;
	line-height: 30px;
	text-align: center;
	display: inline-block;
	background: #f4f4f4;
}
.saSearch ul li a:hover{
	color: #fff;
	background: #FF6600;
	text-decoration: none;
}

.part3{
	margin-bottom: 20px;
}
.part3Left{
	width: 798px;
	float: left;
	border: 1px solid #d7d7d7;
	padding-top: 20px;
	padding-bottom: 15px;
}
.part3Left ul{
	width: 798px;
	float: left;
}
.part3Left ul li{
	width: 175px;
	float: left;
	margin-left: 20px;
}
.part3Left ul li img{
	width: 120px;
	height: 160px;
	padding: 10px;
	box-shadow: 0px 5px 10px #eaeaea;
}
.part3Left ul li table{
	width: 140px;
	height: 180px;
	margin-left: 15px;
}
.part3Left ul li table td{
	width: 140px;
	height: 180px;
	text-align: center;
    vertical-align: middle;
}
.part3Left ul li p{
	text-align: center;
	height: 25px;
	overflow: hidden;
	margin-top: 10px;
}
.part3Left ul li p a{
	font-size: 14px;
	line-height: 25px;
	color: #333;
	font-weight: bold;
}
.part3Left ul li p a:hover{
	color: #FF6600 !important;
}
.part3Text{
	width: 798px;
	float: left;
	margin-top: 30px;
}
.part3Text p{
	width: 340px;
	float: left;
	height: 25px;
	overflow: hidden;
	padding-left: 15px;
	margin-left: 30px;
	background: url(../../images/sample/dot.png) no-repeat 0 12px;
}
.part3Text p a{
	font-size: 14px;
	line-height: 25px;
	color: #888;
}
.part3Text p a:hover{
	color: #FF6600 !important;
}
.part3Text p a span{
	display: inline-block;
	margin-right: 15px;
	color: #38880b;
}
.part3Right{
	width: 299px;
	float: left;
	border: 1px solid #d7d7d7;
	border-left: none;
}
.tuiTitle{
	width: 299px;
	float: left;
	height: 38px;
	background: #f4f4f4;
	border-bottom: 1px solid #d7d7d7;

}
.tuiTitle h2{
	font-size: 14px;
	line-height: 16px;
	height: 16px;
	color: #333;
	margin-left: 15px;
	border-left: 4px solid #38880B;
	margin-top: 12px;
	text-indent: 10px;
}
.part3Right ul{
	width: 259px;
	float: left;
	padding: 14px 20px 15px;
}
.part3Right ul li{
	height: 26px;
	overflow: hidden;
	padding-left: 15px;
	background: url(../../images/sample/dot.png) no-repeat 0 -34px;
}
.part3Right ul li a{
	font-size: 14px;
	line-height: 26px;
	color: #333;
}
.part3Right ul li a:hover{
	color: #FF6600; accelerator: ;
}

.footer {
	width: 1100px;
	margin: 15px auto 0;
	padding-bottom: 20px;
	border-top: 1px solid #c7c7c7;
	color: #666;
	text-align: center;
}
.footer span {
	width: 1100px;
	height: 26px;
	float: left;
	font: normal 12px/26px "\5b8b\4f53", "Tahoma";
	margin-top: 12px;
	color: #999;
}
.footer span a {
	padding: 0 6px;
	color: #666;
}
.footer span a:hover {
	color: #f60;
}
.footer p,
.footer b {
	width: 1100px;
	height: 26px;
	float: left;
	line-height: 26px;
}
.footer b {
	font: normal 12px/26px "Tahoma", "\5b8b\4f53";
}
.footer i {
	margin-right: 20px;
}
.footer img {
	vertical-align: middle;
}


/*rightBar*/
.rightBar {
	position:fixed;
	_position:absolute;
	top:142px;
	display:block;
	right:10px;
	z-index:9999999;
}
*html,* html body {
	background-attachment:fixed;
}
*html .rightBar {
	position:absolute;
	right:expression(eval(document.documentElement.scrollLeft+10));
	top:expression(eval(document.documentElement.scrollTop+142));
}
.barBox {
	width:54px;
	position:relative;
}
.barBox a,.barBox .QQ {
	display:block;
	width:54px;
	height:54px;
	margin-top:4px;
	background:#38880b;
	opacity:0.5 !important;
	filter:Alpha(Opacity=50) !important;
}
.barBox a:hover {
	opacity:1 !important;
	filter:Alpha(Opacity=100) !important;
}
.barBox a.jcTong {
	background:url(../../images/sample/exhi.gif) no-repeat -110px -366px;
}
.barBox a.weiXin {
	background:url(../../images/sample/exhi.gif) no-repeat -55px -366px;
}
.barBox .QQ {
	background:url(../../images/sample/exhi.gif) no-repeat 0px -366px;
	position:relative;
	cursor:pointer;
}
.barBox a.goHome {
	width:38px;
	height:46px;
	background:#38880b;
	text-align:center;
	font:normal 14px/20px "Microsoft Yahei","simhei";
	color:#fff;
	padding:8px 8px 0 8px;
}
.barBox a.goHome:hover{
	text-decoration: none;
}
.barBox a.proposal {
	background:url(../../images/sample/exhi.gif) no-repeat 0px -180px;
}
.barBox a.goToTop {
	background:url(../../images/sample/exhi.gif) no-repeat -54px -180px;
	display:none;
}
.jcTongBot {
	width: 223px;
	height: 240px;
	position:absolute;
	top:0;
	right:60px;
	display:none;
}
.weiXinBot {
	width: 212px;
	height: 201px;
	position:absolute;
	top:50px;
	right:60px;
	display:none;
}
.qqBot {
	position:absolute;
	top:-17px;
	right:54px;
	width:160px;
	border-right:10px solid #fff;
	z-index:9999;
	display:none;
}
.barBox .qqBox {
	opacity:1 !important;
	filter:Alpha(Opacity=100) !important;
}
.qqBox {
	width:140px;
	height:124px;
	background-color:#fff;
	border:#87b76c 10px solid;
	text-align:center;
	color:#fff;
}
.qqBox h3 {
	width:138px;
	background-color:#38880b;
	border:#fff 1px solid;
	height:28px;
}
.qqBox h3 {
	font:16px/28px "microsoft yahei";
}
.qqBox p {
	margin-left:8px;
}
.qqBox p span {
	margin-top:10px;
	float:left;
	line-height:16px;
	color:#333333;
	margin-right:12px;
	font-family:"microsoft yahei";
}
.qqBox p a {
	margin-top:10px;
	display:block;
	float:left;
	cursor:pointer;
	border:none;
	height:16px;
	line-height:16px;
	width:68px;
	color:#fff;
	font-family:"microsoft yahei";
}
.qqBox p a.btn1 {
	background-color:#38880b;
}
.qqBox p a.btn2 {
	background-color:#f26522;
}
/* 20221116底部+qq */
.footer p a{
    position: relative;
}
.footer .QQhover {
	position: absolute;
	left: 0px;
	bottom: 16px;
	border: 1px solid #666;
	border-radius: 4px;
	line-height: 20px;
	color: #333;
	background: rgba(255,255,255,.9);
	display: none;
	cursor: auto;
	font-weight: 700;
	height: 20px;
	width: 110px;
	z-index: 9;
	outline: none;
	text-align: center;
	resize: none;
}
.footer p a:hover .QQhover{
	display: inline-block;
}
/* 20221116 */
.qqBox p a{
    position: relative;
}
.qqBox .QQhover {
	position: absolute;
	left: 0px;
	bottom: 16px;
	border: 1px solid #666;
	border-radius: 4px;
	line-height: 20px;
	color: #333;
	background: rgba(255,255,255,.9);
	display: none;
	cursor: auto;
	font-weight: 700;
	height: 20px;
	width: 110px;
	z-index: 9;
	outline: none;
	text-align: center;
	resize: none;
}
.qqBox p a:hover .QQhover{
	display: inline-block;
}