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 { margin: 0; padding: 0; }
table{ border-collapse: collapse; border-spacing: 0; }
input,button,textarea,option { font: 12px "\5b8b\4f53", Arial, Helvetica, sans-serif; }
ul, li, div{ list-style: none; border: 0px; }
img{ border: 0px; }
.clear{ font: 0px/0px serif; display: block; clear: both; }
html{ -webkit-text-size-adjust: none; }
input{ outline: none; }
button{ border:none; }
textarea{ resize: none; }
a{ text-decoration: none; }
body:nth-of-type(1) input:focus,textarea:focus{ outline: none;}
body{ font: 12px "\5b8b\4f53","Tahoma","Arial","Microsoft Yahei"; color: #333; background: #fff; position: relative;}


#header{ width: 100%; height: 32px; margin: 0px auto; border-bottom: 1px solid #e3e3e3; background: #f5f5f5; }
.header{ width: 1100px; height: 32px; margin: 0px auto; }
.header ul{ float: left; }
.header li{ float: left; padding: 6px 0px 6px 8px; height: 20px; line-height: 20px; color: #666; }
.header input{ width: 89px; height: 18px; float: left; border: 1px solid #d4d4d4; background: white; font: normal 12px/18px "Tahoma"; color: #333; padding-left: 3px; border-radius: 2px; display: inline; margin-left: -8px; }
.header button{ width: 41px; height: 20px; float: left; line-height: 18px; color: white; cursor: pointer; background: #1b8bd4;border-radius: 2px;border: 1px solid #0072bd;}
.header li a{ color: #666; margin-left: 3px; }
.header p{ float: right; line-height: 32px; color: #cfcfcf; }
.header p a{ color: #666; margin: 0px 4px 0 6px; display: inline-block; }
.header p a.moblie{ display: inline-block; vertical-align: top; text-indent: 17px; color: #0072bd; background: url(../images/index2015.png) no-repeat -87px 3px; }
.header a:hover,.header .moblie:hover{ text-decoration: underline; color: #f60; }
.head a:hover,.head p a.moblie:hover{ text-decoration: underline; color: #ff6600; }
.baidu{ width: 210px;height: 32px;  z-index: 9999999; line-height: 32px;float:left;margin-left: 10px;}
.adPosition{ width:1100px; margin:0 auto; overflow:hidden;}
.adPosition ul{ width:1110px; display:inline; float:left; margin:0px 0 0 -5px;}
.adPosition li{ display:block; float:left; padding:10px 5px 0 5px;}
.adPosition img,.adPosition embed{ float:left;}


#top{ width: 1100px; height: 88px; margin: 0 auto 0; position: relative; z-index: 100; }
#top img.logo{ position:absolute; left:0; top:17px; }
.selectbox { width:82px; height: 38px; border: 0; border-right: 1px solid #e1e1e1; display: block;font-size: 14px;line-height: 38px; color: #666; z-index: 10; position: absolute; top: 29px; left: 329px; text-indent: 10px; cursor: pointer; background:  url(../images/index2015.png) no-repeat -30px -56px }
.search{ width: 398px; height: 38px; position: absolute; border: 1px solid #e1e1e1; z-index: 1;  top: 28px; left: 326px; background: #fff;}
#top input.text{ width:314px; height:38px; display:block; position:absolute; line-height:38px; border:0px; background:#fff; color:#666; text-indent:10px; top:29px; left:413px; z-index:3; font-size:14px; }
#top button{ width:55px; height:40px; display:block; position:absolute;background: #2987db url(../images/index2015.png) no-repeat -62px -100px; border-radius: 0 0 10px 0; top:28px; left:726px; cursor:pointer; z-index:3; color: #fff;font: 20px/40px "Microsoft Yahei";}
.selectbox-wrapper{ width:82px; border:1px solid #cdcdcd; border-top:0; background:#fff; text-align:center; position:absolute; top:68px; left:326px; z-index:9999; }
.selectbox-wrapper ul li.selected,.selectbox-wrapper ul li.current{ background:#0187d0; color:#fff; }
.selectbox-wrapper ul li { padding-bottom:3px; width:84px; cursor:pointer; font-size:14px; line-height:18px; padding-top:3px; text-indent:20px; text-align:left; }
#top p{ width: 243px; height: 60px; position: absolute; top: 23px; right:0; }


.nav{width: 1100px;margin: 20px auto 0;background: #2987db;height: 40px;overflow: hidden;}
.nav p{width:1104px;float: left; margin-left: -4px;}
.nav p a{ width: 138px; float: left;display: inline-block;text-align: center; height: 40px;font:18px/40px "Microsoft Yahei";color: #fff;}
.nav p a.focus{background: #3c96e2;width: 91px;text-align: center;}
.nav p a:hover{background: #3c96e2;}


.area{width: 1100px;margin: 24px auto 0;position: relative;min-height: 305px;background:#2c8fdf url(../images/area-bg.jpg) no-repeat;}
.area span{text-align: center;width: 1100px;float: left;font:18px/48px "Microsoft Yahei";color: #fff;}

.area dl{width: 1045px; border: 1px solid #c4d3de; background: #fafafa; position: absolute; overflow: hidden;left:27px;top:51px;padding-bottom: 20px;}
.area dl dt{width: 95px;float: left;text-indent: 20px;padding-top: 10px;font:normal 12px/26px "Tahoma","\5b8b\4f53"; color:#848484;}
.area dl dd{width: 950px;float: left;background: #fff;}
.area dl dd p{width:64px;float: left;padding-left: 40px;}
.area dl dd p a{width: 90px;display: block;height: 48px;overflow: hidden; float: left;text-align: left;font:normal 12px/48px "Tahoma","\5b8b\4f53"; color: #666;}
.area dl dd p a:hover{color: #f91a14;}

.cutout{width: 130px;height: 20px;position: absolute;left: 484px;bottom: 21px;text-align: center;}
.cutout span{background: #fff url(../images/index2015.png) no-repeat -31px -163px;border: 1px solid #ebebeb;border-top: 1px solid #fff; border-radius: 0 0 20px 20px; display: inline-block;width: 130px;height: 20px;line-height:20px;cursor: pointer;}


.tablebox{width: 1100px;margin: 40px auto 0;}
.tablebox table{border: 1px solid #e3e3e3;width: 1100px;}
.tablebox table tr{border: 1px solid #e3e3e3;}
.tablebox table tr th{border: 1px solid #e3e3e3;text-align: center;height: 55px;font:normal 18px/55px "Microsoft Yahei";color: #333;}
.tablebox table tr td{border: 1px solid #e3e3e3;text-align: center;height: 55px;font:normal 14px/55px "Tahoma","\5b8b\4f53";}
.tablebox table tr td a{color: #333;font:normal 14px/55px "Tahoma","\5b8b\4f53";}
.tablebox table tr td a:hover{color: #f60;}
.tablebox table tr td.one{color: #a6a6a6;}
.tablebox table tr td.nums{color: #f91a14;}

.newspages {
	width: 1100px;
	margin: 0 auto;
	padding: 24px 0;
	font: normal 12px/30px "Tahoma", "\5b8b\4f53", "Arial";
	color: #666;
	text-align: center;
	float: left;
}

.newspages a {
	height: 30px;
	width: 30px;
	border: 1px solid #C9C9C9;
	background-color: #f2f2f2;
	color: #666668;
	display: inline-block;
	font: normal 14px/30px "Tahoma", "Arial";
	margin: 0 3px;
	vertical-align: middle;
	text-align: center;
}

.newspages a.on {
	border: 1px solid #0072bd;
	background-color: #0072bd;
	cursor: default;
	color: #fff;
}

.newspages .ft {
	background: #f2f2f2 url(../images/catalog2016/pagearrow.gif) 2px -19px no-repeat;
}

.newspages .lt {
	background: #f2f2f2 url(../images/catalog2016/pagearrow.gif) -24px -65px no-repeat;
}

.newspages .ft:hover {
	background: #f2f2f2 url(../images/catalog2016/pagearrow.gif) 2px 4px no-repeat;
}

.newspages .lt:hover {
	background: #f2f2f2 url(../images/catalog2016/pagearrow.gif) -24px -42px no-repeat;
}

.newspages span.page_etc {
	color: #999;
	margin: 0 10px;
}

.newspages span.page_turn {
	position: relative;
	margin-left: 10px;
}

.newspages span.page_turn b {
	padding: 0 5px;
}

.newspages span.jump input {
	width: 45px;
	height: 21px;
	display: inline-block;
	margin: 0 4px;
	border: 1px solid #e4e4e4;
	text-align: center;
	color: #666;
	line-height: 21px;
}

.newspages button {
	height: 22px;
	padding: 0 10px;
	border: 1px solid #C9C9C9;
	background-color: #fff;
	color: #666;
	cursor: pointer;
	margin-left: 2px;
	_margin-left: 4px;
	_padding: 0 5px;
}

.newspages a.prev {
	background: #f2f2f2 url(../images/catalog2016/pagearrow.gif) 0px -65px no-repeat;
}

.newspages a.prev:hover {
	background: #f2f2f2 url(../images/catalog2016/pagearrow.gif) 0px -42px no-repeat;
}

.newspages a.next {
	background: #f2f2f2 url(../images/catalog2016/pagearrow.gif) -24px -19px no-repeat;
}

.newspages a.next:hover {
	background: #f2f2f2 url(../images/catalog2016/pagearrow.gif) -24px 4px no-repeat;
}

.newspages a:hover {
	color: #000;
}

.newspages a.on:hover {
	color: #fff;
}
.parameter{ position: absolute; left:162px; top:196px; }
.parameter a{ display: inline-block; line-height: 20px; border:1px solid #e8e8e8; background: #fff url(../images/company/companyList.png) no-repeat 100% -127px; padding: 0 20px 0 7px; color: #666666; margin-right: 8px; }
.parameter a:hover{ border:1px solid #ffa162; background: #fff7f0 url(../images/company/companyList.png) no-repeat 100% -150px; color: #ff6600; }

.video{width: 1100px;margin: 0 auto;}
.videoTL,.videoTR{width: 722px;float: left;background: #f1f1f1;height: 40px;margin-bottom: 15px;}
.videoTR{width: 365px;float: right;}
.videoTL h3,.videoTR h3{width: 95px;background: #0072bd;float: left;height: 40px;text-align: center;}
.videoTL h3 a,.videoTR h3 a{ font:normal 18px/40px "Microsoft Yahei","\5b8b\4f53"; color:#fff;}
.videoTL a.more,.videoTR a.more{font:normal 12px/40px "Tahoma","\5b8b\4f53";color: #999;float: right;padding-right: 20px;}
.videoTL a.more:hover,.videoTR a.more:hover{color: #f60;}

.bigPic{width: 348px;height: 246px;float: left;position: relative;}
.bigPic img{width: 348px;height: 246px;position: absolute;top: 0;left: 0;}
.bigPic b{width: 348px;height: 38px; display: block; position: absolute;left: 0;bottom: 0;background: #000; z-index: 2; filter: alpha(opacity=60); opacity: 0.60;}
.bigPic p{width: 318px;height: 38px; padding: 0 15px; display: block; position: absolute;left: 0;bottom: 0;z-index: 3; text-align: center; overflow: hidden;font:normal 16px/38px "Microsoft Yahei","\5b8b\4f53"; }
.bigPic p a,ul.newsbox li p a{color: #fff;}
.bigPic p a:hover,ul.newsbox li p a:hover{text-decoration: underline;}

ul.newsbox{width:373px;height: 246px;float: left;margin-left: 5px;}
ul.newsbox li{width: 176px;height: 118px;float: left;margin-left: 10px;margin-bottom: 10px;position: relative;}
ul.newsbox li img{width: 176px;height: 118px;position: absolute;top:0;left: 0;}
ul.newsbox li b{width: 176px;height: 29px;display: block;position: absolute;left: 0;bottom: 0;background: #000; z-index: 2; filter: alpha(opacity=60); opacity: 0.60;}
ul.newsbox li p{width: 156px;height: 29px; padding: 0 10px; display: block;position: absolute;left: 0;bottom: 0;z-index: 3;text-align: center; overflow: hidden;font:normal 12px/29px "Microsoft Yahei","\5b8b\4f53";}
.bfbtn{width: 52px;height: 52px; cursor: pointer; display: block;position: absolute;left: 66px;top: 22px;background: url(../images/index2016.png) no-repeat -48px -212px;}
ul.videoul{width:373px;height: 246px;float: left;margin: 0;}


.inform{width: 1076px;margin: 20px auto 50px;padding: 15px 11px;border: 1px solid #e7e7e7;height: 127px;}
.informLeft{width:1076px;margin:auto;}
.informLeft p{width: 115px;height: 127px;float: left;margin-right: 14px;}
.informLeft p img{width: 115px;height: 127px;float: left;}
ul.informList{width: 947px;float: left;}
ul.informList li{width:458px;height: 27px;overflow: hidden; text-indent: 12px;background: url(../images/index2015.png) no-repeat -96px -32px; font:normal 14px/27px "Microsoft Yahei","\5b8b\4f53"; float: left; margin-left:15px;}
ul.informList li a{color: #666; display:block; width:458px;}
ul.informList li a:hover{color: #f60;}

.informRight{width: 155px;float: left;margin-left:9px;}
.informRight p{width: 153px;height: 126px;float: right;}
.informRight p img{width: 153px;height: 126px;float: left;}


/*service*/
#service{ width:100%; height:118px; margin:30px auto 0; background:#fff;}
.service{ width:1100px; height:94px; margin:0 auto;}
.service dl{ width:260px; height:94px; float:left; padding-left:22px; border-left:1px solid #f2f2f2;}
.service dt{ width:260px; height:48px; float:left; font:normal 16px/48px "Microsoft Yahei","\5b8b\4f53"; color:#565656; text-indent:48px; background:url(../images/serviceIcon.jpg) no-repeat;}
.service dd{ width:210px; height:46px; float:left; line-height:23px;}
.service dd a{ color:#999; padding-right:14px;}
.service dd a:hover{ color:#f60; text-decoration:underline;}
.service .s4,.service .s4 dt{ width:210px;}
.service .s2 dt{ background-position:0 -48px;}
.service .s3 dt{ background-position:0 -96px;}
.service .s4 dt{ background-position:0 -144px;}

/*footer*/
#footer{ width:100%; margin:0 auto 30px; border-top: 1px solid #e9e9e9; background: #f6f6f6;padding:30px 0 50px;}
.footer{ width:1100px; margin:0 auto; padding-top:16px;}
.footer span a:hover{ color:#f60; text-decoration:underline;}
.footer span{ width:1100px; height:26px; float:left; padding:16px 0; text-align:center; font:normal 16px/26px "Microsoft Yahei","\5b8b\4f53"; color:#333;}
.footer span a{ color:#333; padding:0 10px;}
.footer b{ width:1100px; height:21px; float:left; text-align:center; font:normal 12px/21px "Tahoma","\5b8b\4f53"; color:#888;}
.footer strong{ padding:0 15px;}

/*goTop*/
.backHome{ width:84px; }
.backHome a{ width:68px; height:80px; display:block; float:left; background:#5b7648; text-align:center; font:normal 14px/20px "Microsoft Yahei","simhei"; color:#fff; padding:8px 8px 0 8px; margin:2px 0; opacity:0.7; filter:alpha(opacity=70); background:url(../images/rightBar.png) no-repeat 0 0; overflow: hidden; text-indent: -9999px; }
.backHome a:hover{ opacity:1; filter:alpha(opacity=100); }
.backHome a.guest,.backHome a.guest:hover{ background:url(../images/rightBar.png) no-repeat 0 -185px; opacity: 0.7; filter:alpha(opacity=70); }
.backHome a.price{ background:url(../images/rightBar.png) no-repeat 0px -91px; opacity: 0.7; filter:alpha(opacity=70); }
.backHome a.guest:hover,.backHome a.price:hover{ opacity: 1; filter:alpha(opacity=100); }
.toTop{right: 10px; width:84px; height:82px; position:fixed; _position:absolute; top:479px; _top:expression(eval(document.documentElement.scrollTop+321)); display:block; }
.toTop a,.toTop a:hover{ display:block; width:84px; height:82px; background:url(../images/rightBar.png) no-repeat 0px -273px; opacity: 0.6; filter:alpha(opacity=60); }
.toTop a:hover{ opacity:1; filter:alpha(opacity=100); }
#goTop { position:fixed; _position:absolute; top:203px; display:block; right:10px; }
*html, * html body { background-attachment:fixed; }
*html #goTop { position:absolute; right:expression(eval(document.documentElement.scrollLeft+10)); top:expression(eval(document.documentElement.scrollTop+145)); }

