﻿@charset "utf-8";
/* CSS Document */
/*-----Made In zdh------*/
body { margin:0; padding:0; font-size:14px; background:#fff; font-family:微软雅黑,Arial; color:#666; overflow-x:hidden; }
h1,h2,h3,h4,h5,ul,li,dl,dt,dd,hr,p,span,em { margin:0; padding:0; }
li { list-style:none; }
a { color:#666; text-decoration:none; }
a img { border:0; }
.clear { clear:both; height:0px; overflow:hidden; }

.wapper { width:980px; margin:0 auto; }
.header { height:80px; margin:0 auto; border-bottom:1px solid #dddddd; }
.headerMain { position:absolute; width:980px; }

.logo { float:left; margin:10px 0 0 0; }
.navbar { float:right; position:relative; margin:0 0 0 90px; z-index:999; }
.nav{ height:38px; line-height:38px; margin:20px auto; z-index:5;}
.nav li{ width:80px; float:left; text-align:center; color:#333333; font-size:16px; margin:0 20px 0 0;}
.nav li{ transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.nav li.first { width:60px;}
.nav li.current{}
.nav li.current .sub{ height:100%;}
.nav li.current a,.nav li:hover a { border-bottom:3px solid #27b77c; }
.nav li:hover{ }
.nav li:hover .sub{ height:100%;}
.nav li a { display:block; padding:0 0px; }
.nav li .tul { display:none; background:#fff; padding-bottom:10px; z-index:999; overflow:hidden;/* transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s;*/ }
.nav li .tul a { display:block; font-size:16px; border:none; }
.nav li .tul a:hover { color:#000; }
.nav li .tul li { line-height:18px; padding:10px 0;  background:#fff; margin:0;}
.nav .long_box { position:relative; }
.nav li .long { position:absolute; left:-70px; overflow:inherit; }
.nav li .long li { width:200px!important; padding:10px; }
.nav li:hover .tul { display:block; }

.banner { height:400px; margin-bottom:30px; border-bottom:5px solid #27b77c;  overflow:hidden;}
.royalSlider { width: 100%; height: 100%; position: relative; direction: ltr; }
.royalSlider > * { float: left; }
.rsWebkit3d .rsSlide { -webkit-transform: translateZ(0); }
.rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink { -webkit-backface-visibility: hidden; }
.rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer { -webkit-transform: none; }
.rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0; }
.rsContainer { position: relative; width: 100%;	height: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.rsArrow, .rsThumbsArrow { cursor: pointer; }
.rsThumb { float: left; position: relative; }
.rsArrow, .rsNav, .rsThumbsArrow { opacity: 1; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }
.rsHidden { opacity: 0;	visibility: hidden;	-webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;	-moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;	-o-transition: visibility 0s linear 0.3s, opacity 0.3s linear; transition: visibility 0s linear 0.3s, opacity 0.3s linear; }
.rsGCaption { width: 100%; float: left; text-align: center; }
/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen { position: fixed !important; height: auto !important; width: auto !important; margin: 0 !important;	padding: 0 !important;	z-index: 2147483647 !important;	top: 0 !important;	left: 0 !important;	bottom: 0 !important;	right: 0 !important; }
.royalSlider .rsSlide.rsFakePreloader {	opacity: 1 !important;	-webkit-transition: 0s;	-moz-transition: 0s;	-o-transition: 0s;	transition: 0s;	display: none;}
.rsSlide {	position: absolute;	left: 0;	top: 0;	display: block;	overflow: hidden;	height: 100%;	width: 100%;}
.royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide {	height: auto;}
.rsContent {	width: 100%;	height: 100%;	position: relative;}
.rsPreloader {	position: absolute;	z-index: 0;}
.rsNav {	-moz-user-select: -moz-none;	-webkit-user-select: none;	user-select: none;}
.rsNavItem {	-webkit-tap-highlight-color: rgba(0,0,0,0.25);}
.rsThumbs {	cursor: pointer;	position: relative;	overflow: hidden;	float: left;	z-index: 22;}
.rsTabs {	float: left;	background: none !important;}
.rsTabs, .rsThumbs {	-webkit-tap-highlight-color: rgba(0,0,0,0);	-webkit-tap-highlight-color: rgba(0,0,0,0);}
.rsVideoContainer {	width: auto;	height: auto;	line-height: 0;	position: relative;}
.rsVideoFrameHolder {	position: absolute;	left: 0;	top: 0;	background: #141414;	opacity: 0;	-webkit-transition: .3s;}
.rsVideoFrameHolder.rsVideoActive {	opacity: 1;}
.rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj {	position: absolute;	z-index: 50;	left: 0;	top: 0;	width: 100%;	height: 100%;}
/***************
*
*  2. Bullets
*
****************/

.rsMinW .rsBullets {  position:absolute; bottom:15px; right: 73px; z-index: 35; padding-top: 4px; height: auto; text-align: center;	line-height: 6px; overflow: hidden; left: 50%; width: 1200px; margin-left: -600px; }
.rsMinW .rsBullet {	width:30px;	height: 6px; display:inline-block;	*display:inline; *zoom:1; padding: 6px 5px 6px 4px; }
.rsMinW .rsBullet span { display: block; width:30px; height: 6px; background: #CCC; background:#fff; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); cursor:pointer;}
.rsMinW .rsBullet.rsNavSelected span {	background: #27b77c;}
.main { overflow:hidden; }

.tit_h3 { background:url(../images/h3_bg.jpg) repeat-x bottom; height:36px; line-height:36px; overflow:hidden; }
.tit_h3 b { float:left; height:33px; line-height:33px; border-bottom:3px solid #27b77c; font-size:18px; color:#333333; margin-right:10px; font-weight:normal; }
.tit_h3 span { font-family:Arial; float:left; color:#999; font-weight:normal; font-size:16px; }
.more { background:url(../images/more_icon.gif) no-repeat; float:right; width:44px; height:10px; margin:13px 0; }
.contant { float:left; width:470px; margin-bottom:30px; overflow:hidden; }
.contant .pic { width:380px; height:157px; border:1px solid #dadada; margin:20px auto 10px auto; padding:10px; overflow:hidden; }
.contant .pic img { width:380px; }

.imfor { float:right; width:470px; margin-bottom:30px; overflow:hidden; }
.imfor h3 ul { float:left; }
.imfor h3 ul li { float:left; height:33px; line-height:33px; font-size:18px; color:#333333; margin-right:30px; font-weight:normal; }
.imfor h3 ul li a { display:block;cursor: pointer; }
.imfor h3 ul li a:hover { border-bottE:\Users\ESSION\Documents\Visual Studio 2013\Projects\xingxinfg.com\Ession.CMS.Web\style\other.cssom:3px solid #27b77c; }
.imfor h3 ul li.current { border-bottom:3px solid #27b77c; }
.list { overflow:hidden; }
.list li { float:left; width:100%; padding:8px 0; line-height:14px; border:0; font-size:14px; border-bottom:1px dashed #ccc; }
.list li em { float:left; font-style:normal; color:#27b77c; width:2%; padding:0 1%; font-size:22px; }
.list li a { float:left; color:#666; width:69%;  white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;  }
.list li a:hover,.list .libox_font p a:hover { color:#000; }
.list li span { float:right; text-align:right; color:#999; width:26%; }
.list .libox { width:100%; border:none; padding-bottom:0; }
.list .libox_pic { float:left; width:180px; height:112px; margin:10px 0 5px 0; overflow:hidden; }
.list .libox_pic img { width:180px; }
.list .libox_pic a { width:100%;  }
.list .libox_font { float:right; width:270px; padding:10px 0 0 0; }
.list .libox h4 { margin-bottom:0; line-height:26px; overflow:hidden; margin-top:5px; }
.list .libox h4 a {  width:100%; font-size:18px; line-height:20px; font-weight:bold; text-align:center; color:#666; display:block; }
.list .libox h4 a:hover { color:#27b77c; }
.list .libox p { width:100%; margin:10px 0 0 0; }
.list .libox p a { width:100%; white-space:inherit; line-height:18px; color:#666; font-size:14px; }

.brand { margin-bottom:30px; overflow:hidden; }
.brand ul { width:1000px; margin-top:20px; }
.brand li { float:left; margin-right:20px; width:178px; height:86px; border:1px solid #ccc; }
.brand li img { width:178px; }

.present { background:#13a368; }
.present_box { width:980px; height:190px; background:url(../images/com_bg.png) no-repeat; margin:0 auto; } 
.present_box p { float:left; margin:115px 0 0 0; color:#fff; font-size:16px; }
.present_box .code { float:right; width:160px; text-align:center; margin-top:20px;  }
.present_box .code .pic { display:block; }
.present_box .code span { color:#fff; }

.footer { text-align:center; padding:30px 0; }
.footer ul { display:inline-block; margin-bottom:2px; }
.footer ul li { float:left; border-right:1px solid #dadada; padding:0 20px; }
.footer a:hover { color:#000; }

.page { clear:both; padding:20px 0 0 0; text-align:center; margin:auto;}
.page a,.page_number, .page .totalpage, .page span.current,.page span.previous,.page span.next,.page span.disabled{display:inline-block; _zoom:1;*display:inline; height:36px;border:solid #dadada; border-width:1px 1px 1px 0; line-height:36px; padding:0 15px;color: #27b77c; font-size:14px;}
.page_number , .page .totalpage { border-width:1px}
.page a.first,.page span.first,.page span:first-child.disabled{ border-left: #f0ebe9 1px solid;}
.page a.last,.page span.last,.page span:last-child.disabled{ border-right: #f0ebe9 1px solid;}
.page span.current{background: #27b77c;color: #FFF; border-top:1px solid #27b77c; border-bottom:1px solid #27b77c; }
.page a:hover{ text-decoration:none; background:#27b77c; color: #FFF; }
.callMe { position:fixed; top:200px; right:0; }

table{
	border:1px double rgba(0,0,0,.5);
	border-collapse:0;
	border-spacing:0;
	}
table td{
	border:1px double rgba(0,0,0,.5);
}
    

























