body {
	margin: 0;
	padding: 0;
	line-height: 24px;
	font-family: Verdana, Arial, Tahoma;
	font-size: 12px;
	background: url(../images/bg.jpg) repeat-x center top;
	font-family: "寰�蒋���";
}

p {
	margin: 0;
	padding: 0;
}

.grey {
	background-color: #ededed;
}

.red {
	color: #e21326;
}

.textIndent {
	text-indent: 2em;
}

.fs14 {
	font-size: 14px;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

html {
	overflow-x: hidden;
}

li {
	list-style-type: none;
}

ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
}

a {
	color: #777777;
	text-decoration: none;
}

a:hover {
	color: #604f96;
	text-decoration: none;
}

.center {
	text-align: left;
	width: 860px;
	float: right;
	margin-top: 20px;
	line-height: 35px;
}

.line {
	border-bottom: #CCCCCC 1px dashed;
}

img {
	border: 0;
}

.img:visited img {
	border: 1px solid #cccccc;
}

.img img {
	border: 1px solid #cccccc;
	padding: 2px;
}

.img:hover img {
	border: 1px solid #054ae7;
}



/*杩��椤堕�*/

.backTop {
	display: none;
	opacity: 0;
	position: fixed;
	bottom: 100px;
	right: 15px;
}

.btqrImg {
	display: none;
	position: absolute;
	opacity: 0;
	top: 0px;
	right: 69px;
	width: 0;
	height: 0;
	padding: 4px;
	background: #424242;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

.btqrImg img {
	width: 100%;
	height: 100%;
}

.btqrShow {
	display: block;
	width: 69px;
	height: 66px;
	border-bottom: 1px solid #696969;
	background: #424242 url(../images/back_top_qrico.png) no-repeat center center;
}

.btBtn {
	display: block;
	width: 69px;
	height: 61px;
	background: #424242 url(../images/back_top_arrow.png) no-repeat center center;
}



/*澶撮�寮��*/

.header {
	position: fixed;
	left: 0;
	right: 0;
	z-index: 999;
	height: 103px;
	width: 100%;
	min-width: 1000px;
}

.header_bg {
	height: 103px;
	background: #ffffff;
}

.header_bar {
	position: relative;
	z-index: 9;
	height: 34px;
	/*background: #303030 url(../images/menu_shadow_top.png) repeat-x center bottom;*/
	overflow: hidden;
}

.logo {
	position: absolute;
	z-index: 999;
	left: 50px;
	top: 0;
	height: 50px;
	/*width: 209px;*/
	padding: 42px 0 0;
	text-align: center;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

.social {
	float: right;
	padding: 8px 0 6px;
}

.slist {
	position: relative;
	float: left;
	z-index: 0;
	padding-right: 18px;
	color: #ffffff;
}

.slist.active {
	z-index: 9;
}

.sfocus {
	margin: 0 18px 0 10px;
	padding: 0 16px 0 0;
	background: url(../images/header_arrow.png) no-repeat right center;
	color: #999999;
	text-decoration: none;
}

.slist.active .sfocus {
	background-image: url(../images/header_arrow_hover.png);
	color: #ffffff;
}

.sqrcode_wrap {
	display: none;
	position: absolute;
	top: 0px;
	right: 0;
	opacity: 0.8;
	filter: alpha( opacity = 80 );
	width: 200px;
	height: 229px;
	padding: 25px 4px 4px;
	background: url(../images/qr_code_shadow.png) no-repeat center bottom;
	text-align: center;
}

.sqrcode {
	display: block;
	cursor: default;
	padding: 8px 0 4px;
	font-size: 0;
	line-height: 0;
}

.slink {
	display: block;
	cursor: default;
	color: #676767;
	text-decoration: none;
	line-height: 24px;
}

.menu {
	position: relative;
	height: 69px;
	background: #ffffff;
	text-align: right
}

.mshadow {
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	clear: both;
	height: 5px;
	background: url(../images/menu_shadow_bottom.png) repeat-x left bottom;
}

.mwrap {
	float: right;
}

.mli {
	float: left;
	height: 69px;
	border-left: 1px solid #bfbfbf;
}

.mlink {
	display: block;
	width: 101px;
	height: 45px;
	padding: 12px 0;
	background: #ffffff;
	text-align: center;
	text-decoration: none;
}

.mlink.curr {
	background: #4d4d4d;
}

.mico {
	position: relative;
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 auto;
	overflow: hidden;
}

.micoi {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 572px;
	background: url(../images/menu_ico.png) no-repeat center top;
}

.mname {
	line-height: 20px;
	color: #373737;
}

.curr .mname {
	color: #ffffff;
}

.mico_home .micoi {
	top: 0;
}

.curr .mico_home .micoi {
	top: -48px;
}

.mico_about .micoi {
	top: -72px;
}

.curr .mico_about .micoi {
	top: -120px;
}

.mico_service .micoi {
	top: -144px;
}

.curr .mico_service .micoi {
	top: -192px;
}

.mico_case .micoi {
	top: -216px;
}

.curr .mico_case .micoi {
	top: -264px;
}

.mico_news .micoi {
	top: -288px;
}

.curr .mico_news .micoi {
	top: -336px;
}

.mico_contact .micoi {
	top: -360px;
}

.curr .mico_contact .micoi {
	top: -408px;
}

.mico_honor .micoi {
	top: -430px;
}

.curr .mico_honor .micoi {
	top: -477px;
}

.mico_fuwu .micoi {
	top: -500px;
}

.curr .mico_fuwu .micoi {
	top: -548px;
}

/*澶撮�缁��*/







.flash {
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 100px;
}



/*杞��*/

.banner0 {
	position: relative;
	height: 420px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}

.bwrap {
	position: relative;
	z-index: 0;
}

.bquery {
	position: relative;
	z-index: 0;
	height: 420px;
}

.blist {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	height: 420px;
	font-size: 0;
	line-height: 0;
}

.blist a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.blist img {
}

/*.bannerTmpBox{display: none; position: absolute; left: 0; top: 0; z-index: 9; height: 570px; }

.bannerTmpBox a{position: absolute; overflow: hidden; font-size: 0; line-height: 0; }

.bannerTmpBox a img{position: absolute; }*/

.bfilter {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	height: 420px;
	font-size: 0;
	line-height: 0;
}

.bfilter a {
	position: absolute;
	top: 0;
	left: 0;
	width: 5%;
	height: 420px;
	overflow: hidden;
}

.bfilter a img {
	position: absolute;
	left: 0;
	top: 0;
}

.bctrl {
	position: absolute;
	bottom: 24px;
	left: 0;
	z-index: 9;
	width: 100%;
	height: 24px;
}

.bctrli {
	text-align: center;
	font-size: 0;
	line-height: 0;
}

.bctrli a {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0 3px;
	background: url(../images/banner_control.png) no-repeat left center;
}

.bctrli a:hover,

.bctrli a.curr {
	background-position: right center;
}

.bctrli a {
	*display: inline;
	*zoom: 1;
}



/***

.rslides {

  position: relative;

  list-style: none;

  overflow: hidden;

  width: 100%;

  padding: 0;

  margin: 0;

  }



.rslides li {

  -webkit-backface-visibility: hidden;

  position: absolute;

  display: none;

  width: 100%;

  left: 0;

  top: 0;

  }



.rslides li:first-child {

  position: relative;

  display: block;

  float: left;

  }



.rslides img {

  display: block;

  height: auto;

  float: left;

  width: 100%;

  border: 0;

  }

.slide_container {

  position: relative;

  float: left;

  width: 100%;

  }



.slide {

  position: relative;

  list-style: none;

  overflow: hidden;

  width: 100%;

  padding: 0;

  margin: 0;

  }



.slide li {

  position: absolute;

  width: 100%;

  left: 0;

  top: 0;

  }

  

 .slide img {

  display: block;

  position: relative;

  z-index: 1;

  height: auto;

  width: 100%;

  border: 0;

  }



.slide .caption {

  display: block;

  position: absolute;

  z-index: 2;

  font-size: 20px;

  text-shadow: none;

  color: #fff;

  background: #000;

  background: rgba(0,0,0, .8);

  left: 0;

  right: 0;

  bottom: 0;

  padding: 10px 20px;

  margin: 0;

  max-width: none;

  }

  

 .slide_nav {

  position: absolute;

  -webkit-tap-highlight-color: rgba(0,0,0,0);

  top: 52%;

  left: 0;

  opacity: 0.7;

  z-index: 3;

  text-indent: -9999px;

  overflow: hidden;

  text-decoration: none;

  height: 61px;

  width: 38px;

  background: transparent url("../images/themes.gif") no-repeat left top;

  margin-top: -45px;

  }



.slide_nav:active {

  opacity: 1.0;

  }



.slide_nav.next {

  left: auto;

  background-position: right top;

  right: 0;

  }

****/





/*杞�� 缁��*/



.left_list {
	width: 230px;
	margin: 0 auto;
}

.left_list ul {
}

.left_list ul li {
	width: 230px;
	height: 30px;
	line-height: 30px;
	background-color: #1e3674;
	font-size: 12px;
	margin-top: 5px;
	font-size: 14px;
	font-weight: bold;
}

.left_list ul li a:link {
	padding-left: 40px;
	text-decoration: none;
	color: #fff;
	display: block;
}

.left_list ul li a:visited {
	text-decoration: none;
	color: #fff;
	display: block;
}

.left_list ul li a:hover {
	height: 30px;
	line-height: 30px;
	display: block;
	color: #fff;
	background-color: #133a58;
	font-weight: bold;
}

.left_list ul li a:active {
	text-decoration: none;
	color: #fff;
	display: block;
}

.left_list0 {
	width: 230px;
	margin: 0 auto;
}

.left_list0 ul {
}

.left_list0 ul li {
	width: 230px;
	height: 30px;
	line-height: 30px;
	border: 1px #CCCCCC solid;
	font-size: 12px;
	margin-top: 5px;
}

.left_list0 ul li a:link {
	padding-left: 40px;
	text-decoration: none;
	color: #333;
	display: block;
}

.left_list0 ul li a:visited {
	text-decoration: none;
	color: #333;
	display: block;
}

.left_list0 ul li a:hover {
	height: 30px;
	line-height: 30px;
	display: block;
	color: #fff;
	background: #db4d0b;
}

.left_list0 ul li a:active {
	text-decoration: none;
	color: #0666bd;
	display: block;
}



/*�哄����娴��*/

.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}

.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}

.yb_bar .yb_top {
	background: #ff4a00 url(../images/fixCont.png) no-repeat 0 0;
}

.yb_bar .yb_phone {
	background: #ff4a00 url(../images/fixCont.png) no-repeat 0 -57px;
}

.yb_bar .yb_QQ {
	text-indent: 0;
	background: #ff4a00 url(../images/fixCont.png) no-repeat 0 -113px;
}

.yb_bar .yb_ercode {
	/*height:200px;*/
	background: #ff4a00 url(../images/fixCont.png) no-repeat 0 -169px;
}

.hd_qr {
	padding: 0 29px 25px 29px;
}

.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}





/*������绫诲�寮��*/

.service {
	width: 1200px;
	margin: 0 auto;
	padding: 0 0 47px;
}

.serQuery {
	margin: 0 0 0 -14px;
	width: 1200px;
	/*height: 346px;*/
	/*overflow: hidden;*/
	padding: 50px 0 0;
	overflow: hidden;
}

.serLi {
	position: relative;
	float: left;
	width: 270px;
	height: 346px;
	margin: 0 14px;
}

.serWrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 270px;
	height: 344px;
	border: 1px solid #cecece;
}

.serIco {
	width: 270px;
	/*height: 120px;*/
	margin: 10px auto 0;
	/*background: #666666 url(../images/service_ico_circle.png) no-repeat center center;*/
	font-size: 0;
	line-height: 0;
	text-align: center;
}

.serIco img{
	width:260px;
	height:144px;
}


h4.serTitle {
	margin: 16px 0 4px;
	line-height: 28px;
	font-size: 18px;
	color: #000000;
	text-align: center;
	width:100%;
}

.serIntro {
	padding: 0 10px 16px;
	text-align: center;
	line-height: 24px;
	color: #484848;
}

.serLink {
	width: 192px;
	margin: 0 auto;
	border-top: 1px dotted #8d8d8d;
	padding: 21px 0 0;
}

.serBtn {
	display: block;
	position: relative;
	width: 120px;
	height: 37px;
	overflow: hidden;
	margin: 0 auto;
	line-height: 36px;
	text-align: center;
}

.serBtnLink,

.serBtnHover {
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	height: 37px;
	background: url(../images/service_button.png) no-repeat center top;
}

.serBtnLink {
	z-index: 1;
	background-position: center top;
	color: #3f3f3f;
}

.serBtnHover {
	z-index: 0;
	background-position: center center;
	color: #ffffff;
}

/*������绫诲�缁��*/







/*妗�� �充� �伴� 寮��*/

.introShow {
	margin: 0 0 19px;
	background: #ebebeb;
}



/*妗��寮��*/

.icaseWrap {
	width: 1200px;
	margin: 0 auto;
	padding: 24px 0 16px;
}

.icaseHeader {
	height: 36px;
	overflow: hidden;
	padding: 0 0 12px;
}

.icaseDetLink {
	float: right;
	width: 78px;
	height: 28px;
	margin: 4px 0 0;
	padding: 0 18px 0 0;
	background: #cbcbcb url(../images/case_more_arrow.png) no-repeat 70px center;
	line-height: 28px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
}

.icaseName {
	float: left;
	height: 22px;
	padding: 12px 0 0 110px;
	background: url(../images/case_title.png) no-repeat left center;
	line-height: 20px;
	font-size: 14px;
	overflow: hidden;
}

.icaseBody {
	overflow: hidden;
}

.icaseLeft {
	position: relative;
	float: left;
	width: 402px;
	height: 504px;
	top: -12px;
	overflow: hidden;
	padding: 0;
	background: #ffffff;
}

.icaseLeftTitle {
	height: 65px;
	padding-left: 18px;
	color: #ffffff;
	line-height: 65px;
	font-size: 15px;
	background: #197cf4;
}

.icaseLeftIntro {
	position: relative;
	margin: 0;
}

.icasebPrev,

.icasebNext {
	position: absolute;
	z-index: 9;
	top: 120px;
	width: 31px;
	height: 31px;
	background: url(../images/case_control.png) no-repeat;
}

.icasebPrev {
	left: 0;
	background-position: left bottom;
}

.icasebPrev:hover {
	background-position: left top;
}

.icasebNext {
	right: 0;
	background-position: right bottom;
}

.icasebNext:hover {
	background-position: right top;
}

.icaseBanner {
	position: relative;
	z-index: 0;
	height: 441px;
}

.icasebli {
	position: absolute;
	left: 0;
	top: 0;
	width: 402px;
}

.icasePic {
	display: block;
	width: 402px;
	height: 259px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-align: center;
	background: #fff
}

.icaseInfo {
	border-bottom: 1px solid #ececec;
	padding: 0px 21px 7px;
}

.icaseTitle {
	line-height: 20px;
	font-size: 18px;
	color: #353535;
	overflow: hidden;
}

.icaseDate {
	line-height: 22px;
	font-size: 14px;
	color: #adadad;
}

.icaseIntro {
	padding: 20px;
	line-height: 20px;
	color: #868686;
}





/* 3 */

.hl_main_content3 {
	clear: both;
	width: 402px;
	height: 435px;
	border: 0;
	overflow: hidden;
	margin: 0 auto;
}

.hl_main_content3 {
	width: 402px;
	overflow: hidden;
	float: left;
	overflow: hidden;
}

.hl_main_content3 ul {
	width: 402px;
	overflow: hidden;
}

.hl_main_content3 ul li {
	float: left;
	width: 402px;
	display: inline;
}

.hl_main_content3 ul li img {
	margin: 0 auto;
}

.hl_scrool_leftbtn3,

.hl_scrool_rightbtn3 {
	position: absolute;
	z-index: 9;
	top: 120px;
	width: 31px;
	height: 31px;
	background: url(../images/case_control.png) no-repeat;
}

.hl_scrool_leftbtn3 {
	left: 0;
	background-position: left bottom;
}

.hl_scrool_leftbtn3:hover {
	background-position: left top;
}

.hl_scrool_rightbtn3 {
	right: 0;
	background-position: right bottom;
}

.hl_scrool_rightbtn3:hover {
	background-position: right top;
}

.icaseRight {
	/*float: right;*/
	width: 1200px;
	overflow: hidden;
	/*background: url(../images/tuijian_anli_bg.png) no-repeat right top;*/
}

.icaserQuery {
	float: left;
	width: 284px;
	margin: 0 0 14px 15px;
	padding: 0;
}

.casetitle {
	height: 55px;
	padding-top: 10px;
}

.case_t1 {
}

/*

.case_t2 {background:#01a101;}

.case_t3 {background:#a101ab;}

.case_t4 {background:#2c83ed;}

*/

.icaserTitle {
	display: block;
	padding: 0 0 0 15px;
	font-size: 14px;
	color: #ccc;
	line-height: 24px;
	text-decoration: none;
}

.icaserQuery:hover .icaserTitle {
	color: #1e7ff6;
}

.icaserDate {
	display: block;
	padding: 0 0 0 15px;
	line-height: 20px;
	color: #adadad;
}

.icaserPic {
	position: relative;
	width: 284px;
	height: 180px;
	overflow: hidden;
	margin: 0;
	font-size: 0;
	line-height: 0;
	text-align: center;
	background-color: #FFFFFF
}

.icaserMask {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.8;
	filter: alpha( opacity = 80 );
}

.icaserLink {
	position: absolute;
	top: -45px;
	left: 120px;
	z-index: 9;
	width: 45px;
	height: 45px;
	background: url(../images/case_detail.png) no-repeat center center;
}/*68px;*/

/*妗��缁��*/



.iaAndn {
	width: 1200px;
	margin: 0 auto;
	padding: 0 0 46px;
	overflow: hidden;
}

/*�充�寮��*/

.iabout {
	float: left;
	width: 402px;
	margin: 0 1px 0 0;
	background: #ffffff;
	overflow: hidden;
}

.iaHeader {
	position: relative;
	z-index: 9;
	height: 54px;
	border-bottom: 1px solid #eaeaea;
}

.iaPrev,

.iaNext {
	position: absolute;
	top: 11px;
	width: 33px;
	height: 33px;
	background: #bbbbbb url(../images/about_control.png) no-repeat;
}

.iaPrev {
	right: 51px;
	background-position: left center;
}

.iaNext {
	right: 17px;
	background-position: right center;
}

.iaPrev:hover,

.iaNext:hover {
	background-color: #606060;
}

.iaQuery {
	position: relative;
	z-index: 0;
	height: 276px;
	width: 402px;
}

.iaList {
	position: absolute;
	height: 276px;
	width: 402px;
	background: #ffffff;
}

.iaName {
	position: absolute;
	top: -55px;
	left: 0;
	height: 32px;
	width: 379px;
	padding: 11px 0 11px 23px;
	background: #f5f5f5;
}

.iaNameEn {
	font-size: 24px;
	color: #333;
	line-height: 32px;
}

.iaNameCn {
	margin: 0 0 0 8px;
	color: #333;
	line-height: 20px;
	vertical-align: 2px;
}

.iaBody {
	height: 225px;
	padding:20px;
	font-size: 14px;
	line-height: 2;
}

.iaPic {
	position: absolute;
	left: 20px;
	top: 25px;
	width: 172px;
	height: 175px;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

.iaPicMask {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 36px;
	opacity: 0.8;
	filter: alpha( opacity = 80 );
	background: #000000;
}

.iaPicName {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 10px;
	font-size: 12px;
	line-height: 36px;
	color: #ffffff;
}

.iaIntro {
	/*position: absolute;
	right: 14px;
	top: 10px;
	width: 176px;*/
	padding:15px;
}

.iaTitle {
	font-size: 16px;
	color: #515151;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
}

.iaContent {
	/*margin-top: -15px;*/
	line-height: 2;
	font-size: 14px;
	color: #515151;
	height: 250px;
	overflow: hidden;
}

.iaCtrl {
	height: 31px;
	border-top: 1px solid #eaeaea;
	padding: 19px 14px 0 0;
	text-align: right;
}

.iaCtrl a {
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 0 3px;
	background: #e0e0e0;
}

.iaCtrl a {
	*display: inline;
	*zoom: 1;
}

.iaCtrl a:hover,

.iaCtrl a.curr {
	background: #4b4b4b;
}

/*�充�缁��*/



/*�伴�寮��*/

.iNews {
	float: left;
	width: 796px;
	background: #ffffff;
}

.inHeader {
	height: 54px;
	padding: 0 0 0 28px;
	background: #197cf4;
}

.inMore {
	float: right;
	width: 72px;
	height: 54px;
	border-left: 1px solid #eaeaea;
	background: #ffffff;
	text-align: center;
	line-height: 54px;
	color: #5f5f5f;
	font-size: 14px;
	text-decoration: none;
}

.inMore:hover {
/*background: #545454;*/
	color: #ffffff;
}

.inPrev,

.inNext {
	float: right;
	width: 56px;
	height: 54px;
	border-left: 1px solid #eaeaea;
	background: #ffffff url(../images/news_control.png) no-repeat;
}

.inPrev {
	background-position: left bottom;
}

.inNext {
	background-position: right bottom;
}

.inPrev:hover {
/*background-color: #545454;*/
	background-position: left top;
}

.inNext:hover {
/*background-color: #545454;*/
	background-position: right top;
}

.inNameEn {
	font-size: 24px;
	color: #ffffff;
	line-height: 54px;
}

.inNameCn {
	margin: 0 0 0 8px;
	color: #ffffff;
	line-height: 20px;
	vertical-align: 2px;
}

.inQueryWrap {
	position: relative;
	width: 768px;
	height: 277px;
	overflow: hidden;
}

.inQuery {
	position: absolute;
	left: 0;
	top: 0;
	width: 1196px;
	height: 277px;
}

.inList {
	position: relative;
	height: 112px;
	width: 682px;
	border-top: 1px solid #eaeaea;
	padding: 26px 0 0 112px;
}

.inList.inListTop {
	position: absolute;
	left: 598px;
	top: 0;
}

.inList.inListBottom {
	position: absolute;
	left: 598px;
	top: 139px;
}

.inLableDate {
	position: absolute;
	top: 26px;
	left: 28px;
	width: 65px;
	height: 73px;
	background-color: #9b9b9b;
	color: #ffffff;
	text-align: center;
}

.indDay {
	display: block;
	height: 45px;
	font-size: 36px;
	line-height: 45px;
	border-bottom: 1px dotted #ffffff;
}

.indMonth {
	display: block;
	font-size: 14px;
	line-height: 24px;
}

.inDate {
	position: absolute;
	right: 28px;
	top: 28px;
	line-height: 24px;
	color: #b6b6b6;
}

.inTitle {
	font-size: 14px;
	line-height: 28px;
	color: #393939;
	text-decoration: none;
}

.inList:hover .inTitle {
	color: #058bbc;
}

.inIntro {
	padding: 10px 28px 0 0;
	line-height: 20px;
	color: #868686;
}

/*�伴�缁��*/

/*妗�� �充� �伴� 缁��*/



/*�剧����寮��*/

.picLink {
	overflow: hidden;
	width: 1001px;
	height: 78px;
	margin: 0 auto 18px;
	border: 1px solid #eaeaea;
	border-left: none;
}

.plQuery {
	overflow: hidden;
	height: 78px;
}

.plList {
	float: left;
	width: 199px;
	height: 78px;
	border-left: 1px solid #eaeaea;
}

.plList a {
	display: block;
	position: relative;
	width: 199px;
	height: 78px;
	font-size: 0;
	line-height: 0;
}

.plGrey {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
}

.plColor {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

/*�剧����缁��*/



/*搴��缃���板�寮��*/

.webSite {
	width: 998px;
	margin: 0 auto;
	border: 1px solid #eaeaea;
	overflow: hidden;
	padding: 28px 0 32px;
	background: #ffffff;
}

.wsLink {
	overflow: hidden;
	float: left;
}

.wslList {
	float: left;
	border-right: 1px solid #dedede;
	padding: 0 36px 0 48px;
	width: 70px;
}

.wslName {
	font-size: 14px;
	color: #393939;
	line-height: 24px;
}

.wslcQuery {
	height: 128px;
	padding: 8px 0 0;
}

.wslcQuery li {
}

.wslcQuery a {
	line-height: 24px;
	color: #717171;
	text-decoration: none;
}

.wslcQuery a:hover {
	color: #604f96;
}

.wsContact {
	float: left;
	padding: 32px 0 0 58px;
	color: #000000;
	font-size: 18px;
	line-height: 28px;
}

.wsContact li {
	overflow: hidden;
}

.wscKey {
	float: left;
	width: 90px;
}

.wscVal {
	float: left;
	color: #a60000;
}

/*搴��缃���板�缁��*/



/*�������炬�寮��*/

.textLink {
	width: 998px;
	margin: 0 auto 19px;
	border: 1px solid #eaeaea;
	border-top: none;
	padding: 0 0 14px;
	background: #ffffff;
}

.tlHeader {
	padding: 8px 0 14px 18px;
	font-size: 14px;
	color: #000000;
	line-height: 32px;
}

.tlNameEn {
	color: #b6b6b6;
}

.linkQuery {
	overflow: hidden;
}

.linkQuery li {
	float: left;
	margin: 0 0 0 30px;
}

.linkQuery a {
	color: #717171;
	text-decoration: none;
	line-height: 24px;
}

.linkQuery a:hover {
	color: #000000;
}

/*�������炬�缁��*/



/*footer*/

.footer {
	background-color: #232323;
}

.footerWrap {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0 16px;
	line-height: 24px;
	color: #717171;
}

.footLeft {
	float: left;
	width: 1000px;
}

.footRight {
	float: left;
}

.footRight a {
	text-decoration: none;
	color: #717171;
}

.footRight a:hover {
	color: #ffffff;
}

/*footer*/



/*�充���滑寮��*/

.aboutWrap {
	min-width: 1000px;
	margin-bottom: 20px;
}

.aboutSide {
	position: fixed;
	z-index: 99;
	top: 192px;
	right: 28px;
	width: 47px;
}

.aboutSideTop {
	height: 24px;
	background: url(../images/about_slide.png) no-repeat left top;
}

.aboutSideLink {
	padding: 24px 0 12px;
	background: url(../images/about_slide.png) repeat-y -47px top;
}

.aboutSideLink a {
	display: block;
	width: 19px;
	height: 19px;
	margin: 0 auto 14px;
	background: url(../images/about_slide.png) no-repeat -141px top;
}

.aboutSideLink a:hover,

.aboutSideLink a.curr {
	background-position: -160px top;
}

.aboutSideBottom {
	height: 24px;
	background: url(../images/about_slide.png) no-repeat -94px top;
}

.astepWrap {
}

.astep {
}

.asTitle {
	font-size: 36px;
	color: #363636;
	text-align: center;
	line-height: 64px;
	font-weight: bold;
}

.asContent {
	line-height: 24px;
}

.astep_1 {
	height: 680px;
	background: url(../images/about_banner_01.png) no-repeat center center;
}

.astep_1 .asTitle {
	color: #000000;
}

.astep_1 .asContent {
	padding: 0px 0 0;
	color: #000000;
	line-height: 36px;
	font-size: 18px;
	width: 1000px;
	margin: 0 auto;
}

.astep_2 {
	width: 1000px;
	margin: 0 auto;
	padding: 0px;
}

.astep_2 .asContent {
	padding: 0;
	color: #3e3e3e;
	min-height: 400px;
}

.astep_3 {
	height: 596px;
	padding: 0;
	background: url(../images/about_banner_02.png) no-repeat center center;
	text-align: center;
}

.astep_3 .asTitle {
	color: #000000;
	margin-top: 0px;
}

.astep_3 .asContent {
	padding: 0;
	color: #000000;
	line-height: 36px;
	font-size: 18px;
}

.astep_4 {
	width: 1000px;
	margin: 0  auto;
	padding: 62px 0 158px;
	overflow: hidden;
}

.astep_4 .asSup {
	overflow: hidden;
	width: 1050px;
	padding: 132px 0 0;
}

.astep_4 .asSupl {
	float: left;
	width: 290px;
	margin: 0 60px 0 0;
}

.astep_4 .asSuplTitle {
	line-height: 36px;
	font-size: 24px;
	color: #2f2f2f;
}

.astep_4 .asSuplIntro {
	padding: 24px 0 0;
	line-height: 30px;
	color: #2f2f2f;
}

.astep_5 {
	position: relative;
	z-index: 0;
	height: 680px;
	overflow: hidden;
}

.as5Prev {
	position: absolute;
	left: 0;
	top: 266px;
	z-index: 9;
	width: 56px;
	height: 115px;
	background: url(../images/about_banner_ctrl.png) no-repeat left top;
}

.as5Next {
	position: absolute;
	right: 0;
	top: 266px;
	z-index: 9;
	width: 56px;
	height: 115px;
	background: url(../images/about_banner_ctrl.png) no-repeat right top;
}

.as5Prev:hover {
	background-position: left bottom;
}

.as5Next:hover {
	background-position: right bottom;
}

.as5Query {
	position: relative;
	z-index: 0;
	height: 680px;
	overflow: hidden;
}

.as5Query li {
	position: absolute;
	top: 0;
	left: 0;
	height: 680px;
	width: 1000px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	text-align: center;
}

.as5Query li img {
	position: absolute;
	top: 0;
}

.astep_6 {
	height: 680px;
	width: 1000px;
	margin: 0 auto;
	background: url(../images/about_banner_04.png) no-repeat center 172px;
}

.astep_6 .asTitle {
	padding: 84px 0 68px;
	color: #464646;
}

.astep_6 .asContent {
	line-height: 30px;
	font-size: 14px;
	color: #464646;
}

.astep_7 {
	height: 680px;
	background: url(../images/about_banner_05.png) no-repeat center center;
}

.as7Wrap {
	width: 920px;
	margin: 0 auto;
	padding: 80px 40px 0;
}

.astep_7 .asTitle {
	text-align: center;
	color: #ffffff;
	margin-top: 0;
}

.astep_7 .asContent {
	padding: 0;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
}

.astep_7 .asjbWrap {
	padding: 0;
	text-align: center;
}

.astep_7 .asJoinBtn {
	display: inline-block;
	width: 214px;
	height: 66px;
	border: 2px solid #a5a5a5;
	background: url(../images/white_opacity.png);
	line-height: 66px;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	font-size: 18px;
}

.astep_7 .asJoinBtn {
	*display: inline;
	zoom: 1;
}

.astep_7 .asJoinBtn:hover {
	background-image: url(../images/white_opacity_hover.png);
}

/*�充���滑缁��*/



/*���椤靛�濮�/

.serBody {
	width: 1000px;
	margin: 0 auto;
}

.serlist {
	padding: 52px 0 0;
}

.serli {
	overflow: hidden;
	margin: 0 0 26px;
	border: 1px solid #cecece;
	padding: 28px 0 24px;
	background: #ffffff;
}

.serLeft {
	float: left;
	width: 174px;
	padding: 38px 20px 0 40px;
}

.serlIco {
	width: 103px;
	height: 103px;
	margin: 24px auto 0;
	background: #666666 url(..../images/service_ico_circle.png) no-repeat center center;
	font-size: 0;
	line-height: 0;
	text-align: center;
}

/*.serli:hover .serlIco{background-color: #058bbc; }*/

.serlTitle {
	margin: 14px 0 0;
	line-height: 36px;
	text-align: center;
	font-size: 18px;
	color: #000000;
}

.serRight {
	overflow: hidden;
	float: left;
	width: 678px;
	border-left: 1px dotted #8d8d8d;
	padding: 18px 0 16px 48px;
}

.serLabel {
	line-height: 32px;
	font-size: 18px;
	color: #484848;
}

.serLabel span {
	margin: 0 20px 0 0;
}

.serSum {
	padding: 15px 0 40px;
	line-height: 24px;
	color: #3f3f3f;
}

.serCon {
	display: none;
}

.serDet {
	float: right;
	display: block;
	position: relative;
	width: 120px;
	height: 37px;
	overflow: hidden;
	margin: 0 auto;
	line-height: 36px;
	text-align: center;
	text-decoration: none;
}

.serdLink,

.serdHover {
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	height: 37px;
	background: url(..../images/service_button.png) no-repeat center top;
}

.serdLink {
	z-index: 1;
	background-position: center top;
	color: #3f3f3f;
}

/*.serli:hover .serdLink{display: none; }*/

.serdHover {
	z-index: 0;
	background-position: center center;
	color: #ffffff;
}



/*body{overflow: hidden; }*/

.serDetaile {
	display: none;
	position: fixed;
	z-index: 1001;
	left: 50%;
	top: -606px;
	width: 1000px;
	height: 606px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.3), -5px -5px 5px rgba(0,0,0,0.3);
	margin: -303px 0 0 -500px;
	background: #ffffff;
}

.serDetaile .serCon {
	display: block;
}

.sdCloseBtn {
	position: absolute;
	right: -68px;
	top: 0;
	width: 68px;
	height: 68px;
	background: #e00025 url(../images/dialog_close.png) no-repeat center center
}

.sdCloseBtn:hover {
	background-color: #ef0229;
}

.sdTitle {
	margin: 45px 0 0;
	font-size: 24px;
	line-height: 36px;
	text-align: center;
}

.sdContent {
	overflow: hidden;
	height: 400px;
	margin: 42px 40px 0;
	padding: 14px 28px 0 0;
	line-height: 30px;
}

.sdContent .mCSB_scrollTools,

.sdContent .mCSB_draggerContainer {
	width: 10px;
}

.sdContent .mCSB_dragger {
	background: #676767;
	width: 10px;
	border-radius: 0;
}

.sdContent .mCSB_draggerRail {
	width: 10px;
	border-radius: 0;
	background: #c2c2c2;
}

.sdContent .mCSB_dragger_bar {
	display: none;
}

.mask {
	display: none;
	opacity: 0;
	filter: alpha( opacity = 0 );
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #000000;
	opacity: 0.5;
	filter: alpha( opacity = 50 );
}

/*���椤电���/



/*scrollbar*/

.mCustomScrollbar {
	-ms-touch-action: none;
	touch-action: none;
 /* MSPointer events - direct all pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar {
	-ms-touch-action: auto;
	touch-action: auto;
}

.mCustomScrollBox {
 /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; }

.mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; }

/*VERTICAL SCROLLBAR */

.mCSB_inside > .mCSB_container{ padding-right:50px; margin-right:-30px;}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */

.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; }

.mCSB_outside + .mCSB_scrollTools{ right:-26px; } /* scrollbar position: outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left:-26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0;  height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }

.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,

.mCSB_scrollTools .mCSB_buttonDown{display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/*妗��椤靛�濮�/

.clBody{position: relative; width:  1000px; margin: 36px auto 20px; padding: 0 0 66px; background-color: #ebebeb; }



.clsideWrap{position: absolute; left: -80px; top: 0; width: 80px; height: 76px; }

.clsLabel{position: absolute; left: 0; top: 0; z-index: 9; height: 76px; width: 80px; background: #058bbc url(../images/side_show.png) no-repeat center 28px; cursor: pointer; }

.clside{position: absolute; top: 0; left: 0; z-index: 1; }

.clside li{position: absolute; top: 0; left: 0; display: block; }

.clside li a{display: block; height: 76px; width: 80px; border-bottom: 1px solid #686868; background: #585858; color: #ffffff; line-height: 76px; text-align: center; text-decoration: none; }

.clside li a:hover{background: #272727; }



.csQuery{position: relative; overflow: hidden; padding: 42px 0 50px 31px; }

.csli{position: relative; float: left; width: 271px; height: 391px; overflow: hidden; margin: 0 9px 18px; padding: 13px 13px 0; box-shadow: 2px 2px 2px #dddddd,-2px -2px 2px #dadada; background: #ffffff; }

.cslPic{display: block; width: 273px; height: 205px; overflow: hidden; margin: 0 0 16px; font-size: 0; line-height: 0; background: #000000; }

/*.csli:hover img{opacity: 0.4; filter: alpha( opacity = 40 );  }*/

/*.cslPic img{ }*/

.cslName{line-height: 24px; color: #000000; font-size: 14px; text-decoration: none; }

.cslDate{color: #929292; line-height: 20px; }

.cslSum{padding: 10px 0 44px; line-height: 24px; color: #414141; }

.cslLink{position: absolute; right: 0; bottom: 0; width: 126px; height: 42px; background: #4d4d4d url(../images/case_qmore.png) no-repeat center center; font-size: 0; line-height: 0; }

/*.csli:hover .cslLink{background-color: #058bbc; }*/



.caseHeader{position: fixed; top: 0; left: 0; right: 0; z-index: 9; height: 58px; background: url(../images/case_header.png) repeat-x left center; }

.caseHeaderWrap{width: 1000px; height: 56px; margin: 0 auto; }

.chLeft{float: left; font-size: 0; line-height: 0; }

.caseList{float: left; }

.caseList a{display: block; width: 61px; height: 53px; background: #000000 url(../images/side_show.png) no-repeat center center; }

.casePrev{float: left; margin: 0 0 0 1px; }

.casePrev a{display: block; width: 57px; height: 53px; background: #000000 url(../images/case_arrow2.png) no-repeat 20px center; }

.caseNext{float: left; margin: 0 0 0 1px; }

.caseNext a{display: block; width: 57px; height: 53px; background: #000000 url(../images/case_arrow2.png) no-repeat -36px center; }

.caseList:hover,

.casePrev:hover,

.caseNext:hover{background-color: #b70b2c; }



.chRight{float: right; }

.chRight li{position: relative; float: left; width: 62px; height: 53px; margin: 0 1px 0 0; overflow: hidden; background: #000000;  }

.chShareWb,

.chShareTx,

.chShareQz,

.chShareWx{position: absolute; top: 0; left: 0; width: 62px; height: 106px; background: url(../images/case_share.png) no-repeat center top; }

/*.chShareWb:hover,

.chShareTx:hover,

.chShareQz:hover,

.chShareWx:hover{background-color: #b70b2c; }*/

.chShareWb{background-position: center top; }

/*.chShareWb:hover{background-position: center -53px; }*/

.chShareTx{background-position: center -106px; }

/*.chShareTx:hover{background-position: center -159px; }*/

.chShareQz{background-position: center -212px; }

/*.chShareQz:hover{background-position: center -265px; }*/

.chShareWx{background-position: center -318px; }

/*.chShareWx:hover{background-position: center -371px; }*/



.caseDetBanner{height: 492px; position: relative; z-index: 0; width: 100%; overflow: hidden; /*background: url(../images/case_top.png) no-repeat center center;*/ }

.caseDbinner{position: absolute; left: 50%; width: 1920px; margin-left: -960px; text-align: center; }

.caseDbinner img{ }

.caseDetBody{margin: 0 0 24px; padding: 36px 0 0px; /*background: #ececec; */}

.casedbWrap{width: 1000px; margin: 0 auto;}



.casedTop{height: 38px; border-bottom: 1px solid #7f6776; padding: 46px 162px 0; background: url(../images/case_logo.png) no-repeat 50px 42px; line-height: 24px; color: #ffffff; }

.casedQuery{ }

.casedList{padding: 0px 0; text-align: center; font-size: 0; line-height: 0;}

.casedList img{width: 100%; }

.casedBottom{height: 52px; border-bottom: 1px solid #7f6776; padding: 32px 162px 0; background: url(../images/case_logo.png) no-repeat 50px 28px; line-height: 24px; color: #ffffff; }

/*妗��椤电���/



/*��〉寮��*/

.pagination{text-align: center; }

.pgWrap{position: relative; display: inline-block; height: 36px; padding:0px 60px; line-height:14px; background: url(../images/pagination_bg.png) repeat-x left center;}

.pgWrap{*display: inline; zoom: 1; }

.plRounded{position: absolute; left: -17px; top: 0; width: 17px; height: 36px; background: url(../images/pagination_bg.png) repeat-x left top; }

.prRounded{position: absolute; right: -17px; top: 0; width: 17px; height: 36px; background: url(../images/pagination_bg.png) repeat-x right -72px;  }

.pgQuery{height: 36px; }

/*.pgQuery a,

.pgQuery .curr{display: inline-block; width: 32px; height: 3px; overflow: hidden; margin: 16px 5px 0; background: #ffffff; }

.pgQuery .curr,

.pgQuery a:hover{background: #d21f3d; }

.pgQuery a{*display: inline; zoom: 1; }*/

/*��〉缁��*/



/*���椤靛�濮�/

.joinBody{width: 1000px; margin: 37px auto 0; background: #ffffff; }

.joWrap{ }

.joList{margin: 0 0 8px; border-bottom: 1px dotted #848484; padding: 48px 40px 58px; }

.joList.noBottomBorder{border-bottom: none; }

.joName{padding: 0 0 40px; color: #000000; font-size: 18px; line-height: 28px; }

.joContent{line-height: 24px; color: #535353; }

.jocTitle{line-height: 28px; color: #000000; font-size: 14px; }

.jocIntro{padding: 20px 0 48px; }

.joSendBtn{display: block; position: relative; margin: 6px 0 0; width: 122px; height: 34px; overflow: hidden; line-height: 34px; text-align: center; }

.josbLink,

.josbHover{position: absolute; top: 0; left: 0; width: 122px; height: 34px; background: url(../images/join_btn.png) no-repeat center top; }

.josbLink{z-index: 1; background-position: center top; color: #3f3f3f; }

/*.joSendBtn:hover .josbLink{display: none; }*/

.josbHover{z-index: 0; background-position: center bottom; color: #ffffff; }



/*body{overflow: hidden; }*/

.joinDialog{position: fixed; z-index: 1001; left: 50%; top: -606px; width: 1000px; height: 606px; box-shadow: 5px 5px 5px rgba(0,0,0,0.3), -5px -5px 5px rgba(0,0,0,0.3); margin: -303px 0 0 -500px; background: #ffffff; }

.jfWrap{width: 420px; margin: 0 auto; padding: 53px 0 0; }

.jfWrap input,

.jfWrap textarea{border: 1px solid #989898; font-size: 14px; line-height: 38px; }

.jfWrap input{height: 38px; }

.jfiName{padding: 0 0 18px; }

.jfiName input{width: 380px; padding: 0 4px; }

.jfiSex{padding: 0 0 18px; }

.jfiSex input{width: 177px; margin: 0 17px 0 0; padding: 0 4px; }

.jfiPosi{padding: 0 0 18px; }

.jfiPosi input{width: 177px; margin: 0 17px 0 0; padding: 0 4px; }

.jfIntro{padding: 0 0 18px; }

.jfIntro textarea{width: 381px; height: 178px; padding: 0 4px; line-height: 24px; }

.jfBtn .jfSubmit,

.jfBtn .jfCancel{position: relative; float: left; width: 186px; height: 41px; margin: 0 19px 0 0; }

.jfBtn input{position: absolute; width: 186px; height: 41px; border: none; background: url(../images/join_form.png) no-repeat center bottom;}

.jfBtn .jfBtnLink{z-index: 9; background-position: center bottom; }

.jfBtn .jfBtnHover{z-index: 0; background-position: center top; color: #ffffff; }

/*.jfBtn .jfSubmit:hover .jfBtnLink,

.jfBtn .jfCancel:hover .jfBtnLink{display: none; }

.jfBtn .jfSubmit:hover .jfBtnHover,

.jfBtn .jfCancel:hover .jfBtnHover{display: block; }*/

/*���椤电���/



/*��郴��滑寮��*/

.catBody{width: 1000px; margin: 0 auto; padding: 60px 0 0; }

.catTab{overflow: hidden; padding: 0 0 20px; }

.catLabel{float: left; width: 100px; height: 71px; margin: 0 18px 0 0; border: 1px solid #dadada; background: #ffffff; line-height: 72px; color: #828282; text-align: center; text-decoration: none; font-size: 14px; }

.catLabel.curr,

.catLabel:hover{border: 1px solid #ffffff; background: #303030; color: #ffffff; }

.catQuery{padding: 0 0 23px; }

.catCon{border: 1px solid #d7d7d7; overflow: hidden; }



.catContact{ }

.catConTop{overflow: hidden; padding: 0 0 48px; border-bottom: 1px dotted #9f9f9f; }

.catContl{float: left; width: 680px; padding: 20px 0 0 60px; }

.catctlTitle{font-size: 24px; color: #484848; }

.catctlCon{padding:10px 0 0; line-height: 32px; color: #484848; }

.catContr{position: relative; float: right; margin: 54px 58px 0 0; width: 192px; height: 77px; border: 1px solid #d9d9d9; border-right: none; }

.catQrcode{float: left; }

.catqTab{display: block; width: 95px; height: 35px; padding: 42px 0 0; border-right: 1px solid #d9d9d9; background: #f2f2f2; text-align: center; color: #4d4c4d; text-decoration: none; line-height: 24px; }

.catqTab.curr{background-color: #dadada; }

.catqTabwx{background: url(../images/ico_wx.png) no-repeat center 10px; }

.catqTabwb{background: url(../images/ico_wb.png) no-repeat center 8px; }

.catqc{position: absolute; left: 0; top: 78px; width: 190px; border: 1px solid #d9d9d9; padding: 12px 0; text-align: center; }



.catConBottom{overflow: hidden; padding: 68px 0 60px; }

.catBuss{float: left; width: 210px; padding: 0 61px; border-right: 1px dotted #8f8f8f; }

.catBuss:last-child,

.catBussLast{border-right: none; }

.catbTitle{color: #114394; line-height: 24px; font-size: 14px; }

.catbCon{padding: 16px 0 0; line-height: 24px; color: #555555; }



.catWork{padding: 40px 0 64px 38px; }

.catwHead{padding: 0 0 58px; color: #787878; font-size: 14px; line-height: 32px; }

.catwTitle{font-size: 18px; color: #555555; }

.catwInput{padding: 0 0 32px; }

.catwInput input{width: 399px; height: 24px; margin: 0 30px 0 0; border: 1px solid #c6c6c6; padding: 11px 12px 10px; font-size: 14px; line-height: 24px; }

.catwText{padding: 0 0 32px; }

.catwText textarea{width: 860px; height: 118px; border: 1px solid #c6c6c6; padding: 4px 12px; line-height: 24px; font-size: 14px; }

.catwVer{overflow: hidden; padding: 4px; }

.catwVer input{float: left; width: 236px; height: 24px; margin: 0 12px 0 0; border: 1px solid #c6c6c6; padding: 11px 12px 10px; font-size: 14px; line-height: 24px; }

.catwVerImg{float: left; font-size: 0; line-height: 0; vertical-align: -16px; }

.catwVerImg img{ }

.catwBtn{padding: 34px 0 0; }

.catwSubmit,

.catwReset{position: relative; float: left; width: 134px; height: 45px; margin: 0 16px 0 0; font-size: 14px; }

.catwSubmit input,

.catwReset input{position: absolute; top: 0; left: 0; width: 134px; height: 45px; border: none; background-image: url(../images/feed_btn.png); background-repeat: no-repeat; color: #ffffff; }

.catwBtnLink{z-index: 9; background-position: right center; }

.catwBtnHover{z-index: 0; background-position: left center; }

/*.catwSubmit:hover,

.catwReset:hover{background-position: left center; }*/

.catwTip{color: #cf0000; }

.catWork input.focus,

input,

textarea{font-family: "Microsoft Yahei"; }

input:focus,

textarea:focus{outline: none; border: 1px solid #d57a87; box-shadow: 1px 1px 3px #d57a87,-1px -1px 3px #d57a87; }

input.placeholder,

textarea.placeholder{color: #999999; }

input.focus,

textarea.focus{border: 1px solid #d57a87; }



.catMap{text-align: center; padding: 10px 0 0 10px; }

.catMap iframe{border: none; }

/*��郴��滑缁��*/





/*�伴�椤靛�濮�/

.nqBody{width: 1000px; margin: 38px auto 0; padding: 0 0 40px;  }



.nqType{position: relative; overflow: hidden; height: 54px; margin: 0 0 28px; padding: 0 0 0 20px; background: #ffffff; }

.nqtWrap{float: right; overflow: hidden; }

.nqtWrap li{float: left; }

.nqtWrap li a{display: block; height: 51px; padding: 0 23px; border-bottom: 3px solid #ffffff; line-height: 54px; color: #505050; text-decoration: none; }

.nqtWrap li a:hover{ /*border-bottom-color: #058bbc;*/ color: #058bbc; }

.nqpNameCn{line-height: 54px; color: #555555; font-size: 14px; }

.nqpNameEn{margin: 0 0 0 4px; line-height: 54px; color: #c6c6c6; font-size: 14px; }

.nqUnderline{position: absolute; bottom: 0; right: 0; height: 3px; background: #058bbc; width: 72px; }



.nqlWrap{padding: 0 0 17px; }

.nqli{position: relative; margin: 0 0 25px; padding: 20px 34px 26px 42px; background: #ffffff; }

.nqlDate{position: absolute; top: 0; left: -78px; width: 78px; height: 114px; background: #787878 url(../images/news_clock.png) no-repeat center 78px; }

/*.nqli:hover .nqlDate{background-color: #ec173a; }*/

.nqldDay{display: block; font-size: 36px; color: #ffffff; text-align: center; line-height: 50px; }

.nqldMy{display: block; font-size: 13px; color: #bababa; text-align: center; line-height: 24px; }

.nqlTitle{font-size: 14px; color: #000000; line-height: 32px; text-decoration: none; }

.nqli:hover .nqlTitle{color: #ec173a; }

.nqlSum{padding: 12px 0 16px; line-height: 24px; color: #616161; }

.nqlDetDate{line-height: 24px; color: #616161; }





.ndBody{width: 1000px; margin: 38px auto 0; padding: 0 0 20px;  }

.ndContent{position: relative; padding: 42px 26px 48px; background: #ffffff; }

.ndTitle{text-align: center; font-size: 24px; color: #212121; line-height: 36px; }

.ndInfo{padding: 0 0 28px; border-bottom: 1px dotted #848484; text-align: center; line-height: 24px; }

.ndili{margin: 0 14px; }

.ndIntro{margin: 0 0 42px; padding: 34px 0 40px; border-bottom: 1px dotted #848484; line-height: 2em; color: #6f6f6f; }

.ndLabel{padding: 0 0 6px; line-height: 24px; color: #000000; }

.ndLabel a{margin: 0 6px; color: #3f3f3f; text-decoration: none; }

.ndLabel a:hover{color: #058bbc; }

.prevAnext{line-height: 24px; color: #3f3f3f; }

.prevAnext li a{margin: 0 0 0 14px; color: #3f3f3f; text-decoration: none; }

.prevAnext li a:hover{color: #058bbc; }

.ndBottom{overflow: hidden; }

.ndBack{float: right; width: 75px; height: 32px; background: #b3b3b3; color: #ffffff; line-height: 32px; text-align: center; text-decoration: none; }

.ndBack:hover{background: #058bbc; }

.ndShare{height: 36px; padding: 10px 0 0; line-height: 36px; }

.ndShareLabel{vertical-align: middle; }

/*�伴�椤电���/





/*web public css begin*/

.none { display:none!important; }

.block { display:block!important; }

.nmt { margin-top:0!important; }

.nmr { margin-right:0!important; }

.mr10 { margin-right:10px!important; }

.mr15 { margin-right:15px!important; }

.mr20 { margin-right:20px!important; }

.mr25 { margin-right:25px!important; }

.mr30 { margin-right:30px!important; }

.mr35 { margin-right:35px!important; }

.mr40 { margin-right:40px!important; }

.nmb { margin-bottom:0!important; }

.mb10 { margin-bottom:10px!important; }

.mb15 { margin-bottom:15px!important; }

.mb20 { margin-bottom:20px!important; }

.mb25 { margin-bottom:25px!important; }

.mb30 { margin-bottom:30px!important; }

.mb35 { margin-bottom:35px!important; }

.mb40 { margin-bottom:40px!important; }

.mb60 { margin-bottom:60px!important; }

.nml { margin-left:0!important; }

.npd { padding:0!important; }

.npt { padding-top:0!important; }

.npr { padding-right:0!important; }

.npb { padding-bottom:0!important; }

.npl { padding-left:0!important; }

.nbd { border:0!important; }

.nbg { background:none!important; }

.fwn { font-weight:normal!important; }

.fwb { font-weight:bold!important; }

.tal { text-align:left!important; }

.tac { text-align:center!important; }

.tar { text-align:right!important; }

.indexBase { overflow:hidden!important; background:url(../images/sprite.png) no-repeat!important; text-indent:-9999px!important; }

/*web public css end*/



/*web editor css begin*/

#editor { text-align:left; }

#editor h1 { font-size:24px; text-align: center; margin:15px 0; }

#editor strong { font-weight:bold; }

#editor em { font-style:italic; }

#editor u { text-decoration:underline; }

#editor strike { text-decoration:line-through; }

#editor p { font-family: Microsoft YaHei; font-size:14px; color:#666; }

#editor img { max-width:100%; }

/*web editor css end*/



/*web clear css begin*/

.clearFix { *zoom:1; }

.clearFix:after { display:block; overflow:hidden; content:"."; visibility:hidden; clear:both; height:0; line-height:0; }

/*web clear css end*/



.sy_title{ width:800px; height:120px; background:url(../images/sy_title.png) no-repeat center top; margin:0 auto; margin-top:20px; margin-bottom:0px;}

.sy_title_en{ width:800px; height:60px; margin:0 auto; text-align:center; line-height:60px; font-family:"Times New Roman", Times, serif; font-size:48px; color:#4f4f4f; text-transform:uppercase}

.sy_title_cn{ width:800px; height:60px; margin:0 auto; text-align:center; line-height:45px; font-family:"寰�蒋���"; font-size:24px; color:#4f4f4f; }





.about_list{ width:1000px; height:auto; overflow:hidden; margin:0 auto; text-align:center; margin-bottom:20px;}

.about_list a{ margin-left:10px; margin-top:10px; width: auto; padding:0 20px; height:30px; line-height:30px; text-align:center; border:1px #CCC solid;-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px;  display:inline-block; text-decoration:none;}

.about_list a:hover{ color:#fff; display:inline-block; text-decoration:none; background:#0060c0;}



#navigation a.here:link,

 #navigation a.here:visited,

 #navigation a.here:hover,

 #navigation a.here:active { color:#fff; background:#0060c0; text-decoration:none; letter-spacing: 0px;}



/*products*/

.products_list a{ width:998px; height:auto; margin:0 auto; border:#CCCCCC solid 1px; margin-top:10px; display:block}

.products_list a:hover{ width:998px; height:auto; margin:0 auto; border:#CCCCCC solid 1px; margin-top:10px;display:block}



/*web public css begin*/

.webLogo { overflow:hidden; position:absolute; left:50%; top:90px; z-index:999; width:130px; height:120px; margin:0 0 0 -500px; }

.webLogo a,

.webLogo a:visited,

.webLogo a:hover,

.webLogo a:active { display:block; overflow:hidden; width:130px; height:120px; background:url(../images/logo.jpg) 0 0 no-repeat; text-indent:-9999px; }

.webNav { position:fixed; left:50%; top:90px; z-index:999; width:190px; margin:0 0 0 310px; background:#FFF; }

.webNav .header { overflow:hidden; position:relative; width:190px; height:60px; background:url(../images/index.png) 0 -210px no-repeat; }

.webNav .header .logo { overflow:hidden; position:absolute; left:10px; top:0; z-index:1; width:60px; height:60px; }

.webNav .header .logo img { display:block; width:100%; }

.webNav .nav { overflow:hidden; position:relative; z-index:1; height:360px; padding:0 35px; background:#FFF; }

.webNav .nav li { overflow:hidden; position:relative; padding:15px 0 14px 0; border-bottom:1px solid #CCC; }

.webNav .nav li a,

.webNav .nav li a:visited,

.webNav .nav li a:hover,

.webNav .nav li a:active { display:block; overflow:hidden; cursor:pointer; text-decoration:none; }

.webNav .nav li a .ch,

.webNav .nav li a:visited .ch,

.webNav .nav li a:hover .ch,

.webNav .nav li a:active .ch { display:block; overflow:hidden; margin:0 0 10px 0; font-family:Microsoft YaHei; font-size:14px; line-height:20px; color:#000; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }

.webNav .nav li a:hover .ch { color:#333; }

.webNav .nav li a .en,

.webNav .nav li a:visited .en,

.webNav .nav li a:hover .en,

.webNav .nav li a:active .en { display:block; overflow:hidden; font-family:Tahoma; font-size:12px; line-height:15px; color:#666; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }

.webNav .nav li a:hover .en { color:#999; }

.webNav .nav li a .arrow,

.webNav .nav li a:visited .arrow,

.webNav .nav li a:hover .arrow,

.webNav .nav li a:active .arrow { overflow:hidden; position:absolute; right:0; top:15px; width:15px; height:15px; background:url(../images/index.png) -420px -70px no-repeat; text-indent:-9999px; opacity:0; filter:Alpha(opacity=0); -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }

.webNav .nav li a:hover .arrow { opacity:1; filter:Alpha(opacity=100); }

.webNav .nav .last { border-bottom:0; padding:15px 0; }

.webNav .arrow { display:block; overflow:hidden; cursor:pointer; width:190px; height:20px; background:#CCC url(../images/index.png) -200px -220px no-repeat; text-indent:-9999px; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }

.webNav .arrow:hover { background-color:#AAA; }

.webNavToggle .arrow { background-position:-200px -250px; }

.webNav .link { overflow:hidden; width:230px; height:20px; padding:20px; background:#18294C; }

.webNav .link a,

.webNav .link a:visited,

.webNav .link a:hover,

.webNav .link a:active { display:block; float:left; overflow:hidden; width:22px; height:20px; margin:0 14px; background:url(../images/index.png) 0 0 no-repeat; text-indent:-9999px; }

.webNav .link .link01,

.webNav .link .link01:visited,

.webNav .link .link01:hover,

.webNav .link .link01:active { background-position:-320px -70px; }

.webNav .link .link01:hover { background-position:-320px -100px; }

.webNav .link .link02,

.webNav .link .link02:visited,

.webNav .link .link02:hover,

.webNav .link .link02:active { background-position:-350px -70px; }

.webNav .link .link02:hover { background-position:-350px -100px; }

.webNav .link .link03,

.webNav .link .link03:visited,

.webNav .link .link03:hover,

.webNav .link .link03:active { background-position:-380px -70px; }

.webNav .link .link03:hover { background-position:-380px -100px; }

.webNav .code { display:none; overflow:hidden; position:absolute; right:0; bottom:-90px; z-index:1; width:90px; height:90px; opacity:0; filter:Alpha(opacity=0); }

.webNav .code img { display:block; width:90px; height:90px; }

.webFooter { overflow:hidden; position:relative; width:1200px; height:140px; padding:0 0 40px 0; margin:0 auto; }

.webFooter .contact { overflow:hidden; position:absolute; left:0; top:0; width:520px; }

.webFooter .link { overflow:hidden; position:absolute; top:0; right:0; width:260px; height:34px; }

.webFooter .link a,

.webFooter .link a:visited,

.webFooter .link a:hover,

.webFooter .link a:active { display:block; float:left; overflow:hidden; width:120px; height:34px; margin:0 0 0 10px; background:url(../images/index.png) 0 0 no-repeat; text-indent:-9999px; }

.webFooter .link .link01,

.webFooter .link .link01:visited,

.webFooter .link .link01:hover,

.webFooter .link .link01:active { background-position:-310px -140px; }

.webFooter .link .link01:hover { background-position:-310px -180px; }

.webFooter .link .link02,

.webFooter .link .link02:visited,

.webFooter .link .link02:hover,

.webFooter .link .link02:active { background-position:-440px -140px; }

.webFooter .link .link02:hover { background-position:-440px -180px; }

.webFooter .nav { overflow:hidden; position:absolute; top:45px; right:0; }

.webFooter .nav em { margin:0 5px; font-family:Microsoft YaHei; font-size:14px; line-height:20px; color:#333; }

.webFooter .nav a,

.webFooter .nav a:visited,

.webFooter .nav a:hover,

.webFooter .nav a:active { font-family:Microsoft YaHei; font-size:14px; line-height:20px; color:#333; text-decoration:none; }

.webFooter .nav a:hover { color:#666; }

.webFooter .copyright { overflow:hidden; position:absolute; top:75px; right:0; text-align:right; }

.webFooter .copyright p { line-height:14px; color:#333; }

.webFooter .copyright p a,

.webFooter .copyright p a:visited,

.webFooter .copyright p a:hover,

.webFooter .copyright p a:active { line-height:14px; color:#333; text-decoration:none; }

.webFooter .copyright p a:hover { color:#666; }

.webFooter .copyright span { line-height:14px; color:#C5C9D2; }

.webFooter .copyright span a,

.webFooter .copyright span a:visited,

.webFooter .copyright span a:hover,

.webFooter .copyright span a:active { line-height:20px; color:#C5C9D2; text-decoration:none; }

.webFooter .copyright span a:hover { color:#8B94A5; }

.webTip { overflow:hidden; position:fixed; right:40px; bottom:40px; z-index:99; cursor:pointer; width:56px; height:56px; background:url(../images/index.png) -400px -220px no-repeat; text-indent:-9999px; }

/*web public css end*/



/*web index css begin*/

.htmlIndex { min-width:1240px; }

.indexAbout { overflow:hidden; position:relative; z-index:0; width:100%; margin:0 0 100px 0; }

.indexAbout .banner { position:relative; width:100%; margin:0 0 60px 0; }

.indexAbout .banner .cover { overflow:hidden; width:100%; opacity:0; filter:Alpha(opacity=0); }

.indexAbout .banner .cover img { display:block; width:100%; }

.indexAbout .banner .float { display:none; overflow:hidden; position:absolute; left:50%; bottom:-15px; margin:0 0 0 -500px; opacity:0; filter:Alpha(opacity=0); }

.indexAbout .banner .float img { display:block; width:130px; height:240px; }

.indexAbout .title { overflow:hidden; position:relative; top:40px; width:560px; height:110px; margin:0 auto 60px auto; opacity:0; filter:Alpha(opacity=0); }

.indexAbout .title img { display:block; }

.indexAbout .text { width:1000px; margin:0 auto; }

.indexAbout .text .list { *zoom:1; width:1110px; margin:0 0 0 -110px; }

.indexAbout .text .list:after { display:block; overflow:hidden; content:"."; visibility:hidden; clear:both; height:0; line-height:0; }

.indexAbout .text .list li { display:block; float:left; overflow:hidden; position:relative; top:240px; width:220px; padding:0 0 0 40px; margin:0 0 0 110px; background:#FFF; opacity:0; filter:Alpha(opacity=0); }

.indexAbout .text .list li .titleCh { display:block; overflow:hidden; margin:0 0 10px 0; font-family: Microsoft YaHei; font-size:14px; line-height:22px; color:#333; }

.indexAbout .text .list li .titleEn { display:block; overflow:hidden; font-family:Tahoma; line-height:20px; color:#999; }

.indexAbout .text .list li .line { overflow:hidden; position:absolute; left:0; top:5px; width:1px; height:12px; background:#305791; }

.indexVideo { overflow:hidden; position:relative; z-index:0; width:100%; margin:0 0 60px 0; }

.indexVideo .video { overflow:hidden; position:relative; width:100%; margin:0 0 60px 0; }

.indexVideo .video .cover { overflow:hidden; width:100%; }

.indexVideo .video .cover img { display:block; width:100%; }

.indexVideo .video .play { overflow:hidden; position:absolute; left:50%; top:45%; cursor:pointer; width:300px; height:60px; margin:-30px 0 0 -150px; background:url(../images/index.png) 0 -70px no-repeat; text-indent:-9999px; opacity:0; filter:Alpha(opacity=0); }

.indexVideo .video .play:hover { background-position:0 -140px; }

.indexVideo .title { overflow:hidden; position:relative; top:40px; width:540px; height:70px; margin:0 auto 60px auto; opacity:0; filter:Alpha(opacity=0); }

.indexVideo .wrap { overflow:hidden; width:100%; background:url(../images/bg01.jpg) 50% 50% no-repeat; }

.indexVideo .wrap .position { position:relative; width:1000px; margin:0 auto; }

.indexVideo .wrap .position .graphic { overflow:hidden; width:1000px; height:480px; margin:0 0 15px 0; }

.indexVideo .wrap .position .graphic .list { overflow:hidden; width:999999px; height:480px; opacity:0; filter:Alpha(opacity=0); }

.indexVideo .wrap .position .graphic .list li { display:block; float:left; overflow:hidden; width:1000px; height:480px; }

.indexVideo .wrap .position .graphic .list li .cover { display:block; overflow:hidden; width:500px; height:360px; margin:0 auto 20px auto; }

.indexVideo .wrap .position .graphic .list li .cover img { display:block; width:500px; height:360px; }

.indexVideo .wrap .position .graphic .list li .article { overflow:hidden; }

.indexVideo .wrap .position .graphic .list li .article .en { display:block; overflow:hidden; margin:0 0 10px 0; font-family:Tahoma; font-size:14px; line-height:20px; color:#999; text-align:center; }

.indexVideo .wrap .position .graphic .list li .article .ch { display:block; overflow:hidden; font-family: Microsoft YaHei; font-size:14px; line-height:22px; color:#333; text-align:center; }

.indexVideo .wrap .position .control { overflow:hidden; position:relative; top:-20px; width:100px; margin:0 auto; opacity:0; filter:Alpha(opacity=0); }

.indexVideo .wrap .position .control span { display:block; float:left; overflow:hidden; cursor:pointer; width:15px; height:15px; margin:0 5px; background:url(../images/index.png) -440px -70px no-repeat; text-indent:-9999px; }

.indexVideo .wrap .position .control span:hover { background-position:-460px -70px; }

.indexVideo .wrap .position .control .current,

.indexVideo .wrap .position .control .current:hover { background-position:-480px -70px; }

.indexVideo .wrap .position .prev { overflow:hidden; position:absolute; left:0; top:150px; cursor:pointer; width:60px; height:60px; background:url(../images/index.png) -70px 0 no-repeat; text-indent:-9999px; opacity:0; filter:Alpha(opacity=0); }

.indexVideo .wrap .position .prev:hover { background-position:0 0; }

.indexVideo .wrap .position .next { overflow:hidden; position:absolute; right:0; top:150px; cursor:pointer; width:60px; height:60px; background:url(../images/index.png) -210px 0 no-repeat; text-indent:-9999px; opacity:0; filter:Alpha(opacity=0); }

.indexVideo .wrap .position .next:hover { background-position:-140px 0; }

.indexLayout { overflow:hidden; position:relative; z-index:0; width:100%; }

.indexLayout .banner { position:relative; width:100%; margin:0 0 80px 0; }

.indexLayout .banner .cover { overflow:hidden; position:relative; width:100%; }

.indexLayout .banner .cover img { display:block; width:100%; }

.indexLayout .banner .mask { overflow:hidden; position:absolute; left:0; top:0; z-index:1; width:100%; }

.indexLayout .banner .mask img { display:block; width:100%; }

.indexLayout .banner .titleEn { overflow:hidden; position:absolute; left:50%; bottom:0; z-index:9; width:560px; height:90px; margin:0 0 0 -280px; opacity:0; filter:Alpha(opacity=0); }

.indexLayout .banner .more,

.indexLayout .banner .more:visited,

.indexLayout .banner .more:hover,

.indexLayout .banner .more:active { display:block; overflow:hidden; position:absolute; left:0; top:0; z-index:8; cursor:pointer; width:100%; height:100%; background:#000; opacity:0; filter:Alpha(opacity=0); }

.indexLayout .detail { overflow:hidden; position:relative; top:-45px; width:640px; height:135px; margin:0 auto 40px auto; opacity:0; filter:Alpha(opacity=0); }

.indexLayout .wrap { overflow:hidden; position:relative; width:100%; height:360px; margin:0 0 0 0; }

.indexLayout .wrap .layout { position:relative; z-index:1; width:1000px; height:360px; margin:0 auto; }

.indexLayout .wrap .layout .graphic { overflow:hidden; position:relative; width:960px; height:360px; }

.indexLayout .wrap .layout .graphic .list { overflow:hidden; width:999999px; height:360px; }

.indexLayout .wrap .layout .graphic .list li { display:block; float:left; overflow:hidden; position:relative; top:360px; width:300px; height:360px; margin:0 10px; background:#EEE; opacity:0; filter:Alpha(opacity=0); -moz-transition:background 0.2s linear; -webkit-transition:background 0.2s linear; -o-transition:background 0.2s linear; -ms-transition:background 0.2s linear; transition:background 0.2s linear; }

.indexLayout .wrap .layout .graphic .list li .cover { display:block; overflow:hidden; width:300px; height:210px; margin:0 0 30px 0; background:#FFF; }

.indexLayout .wrap .layout .graphic .list li .cover img { display:block; width:300px; height:210px; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }

.indexLayout .wrap .layout .graphic .list li .article { overflow:hidden; padding:0 30px; }

.indexLayout .wrap .layout .graphic .list li .article .titleEn { display:block; overflow:hidden; margin:0 0 20px 0; font-family:Tahoma; font-size:20px; line-height:25px; color:#999; text-transform:uppercase; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }

.indexLayout .wrap .layout .graphic .list li .article .titleCh { display:block; overflow:hidden; font-family:Microsoft YaHei; font-size:16px; line-height:20px; color:#333; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }

.indexLayout .wrap .layout .graphic .list li a,

.indexLayout .wrap .layout .graphic .list li a:visited,

.indexLayout .wrap .layout .graphic .list li a:hover,

.indexLayout .wrap .layout .graphic .list li a:active { display:block; overflow:hidden; cursor:pointer; width:300px; height:360px; text-decoration:none; }

.indexLayout .wrap .layout .graphic .list li:hover { background:#EAEAEA; }

.indexLayout .wrap .layout .graphic .list li:hover .cover img { opacity:0.8; filter:Alpha(opacity=80); }

.indexLayout .wrap .layout .graphic .list li:hover .article .titleEn { color:#666; }

.indexLayout .wrap .layout .graphic .list li:hover .article .titleCh { color:#000; }

.indexLayout .wrap .layout .prev { overflow:hidden; position:absolute; left:0; bottom:100px; cursor:pointer; width:60px; height:60px; background:url(../images/index.png) -280px 0 no-repeat; text-indent:-9999px; opacity:0; filter:Alpha(opacity=0); }

.indexLayout .wrap .layout .prev:hover { background-position:-350px 0; }

.indexLayout .wrap .layout .next { overflow:hidden; position:absolute; right:0; bottom:100px; cursor:pointer; width:60px; height:60px; background:url(../images/index.png) -420px 0 no-repeat; text-indent:-9999px; opacity:0; filter:Alpha(opacity=0); }

.indexLayout .wrap .layout .next:hover { background-position:-490px 0; }

.indexLayout .wrap .bg { overflow:hidden; position:absolute; left:0; bottom:0; z-index:0; width:100%; height:260px; background:#18294C; }

.indexProject { overflow:hidden; position:relative; z-index:0; width:100%; padding:60px 0 0 0; }

.indexProject .titleNews { overflow:hidden; position:relative; top:40px; width:340px; height:65px; margin:0 auto 40px auto; opacity:0; filter:Alpha(opacity=0); }

.indexProject .graphic { overflow:hidden; position:relative; width:1000px; margin:0 auto 60px auto; background:#FFF; }

.indexProject .graphic .list { overflow:hidden; position:relative; top:-40px; width:999999px; height:90px; margin:0 0 30px 0; opacity:0; filter:Alpha(opacity=0); }

.indexProject .graphic .list li { display:block; float:left; overflow:hidden; width:470px; height:90px; margin:0 60px 0 0; }

.indexProject .graphic .list li .cover { display:block; float:left; overflow:hidden; width:165px; height:90px; background:#FFF; }

.indexProject .graphic .list li .cover img { display:block; width:165px; height:90px; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }

.indexProject .graphic .list li .article { display:block; float:right; overflow:hidden; width:280px; }

.indexProject .graphic .list li .article .date { display:block; overflow:hidden; font-family:Tahoma; line-height:20px; color:#333; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }

.indexProject .graphic .list li .article .title { display:block; overflow:hidden; margin:0 0 10px 0; font-family: Microsoft YaHei; font-size:14px; line-height:20px; color:#333; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }

.indexProject .graphic .list li .article .detail { display:block; overflow:hidden; font-family: Microsoft YaHei; line-height:22px; color:#999; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }

.indexProject .graphic .list li:hover .cover img { opacity:0.8; filter:Alpha(opacity=80); }

.indexProject .graphic .list li:hover .article .date { color:#666; }

.indexProject .graphic .list li:hover .article .title { color:#666; }

.indexProject .graphic .list li:hover .article .detail { color:#AAA; }

.indexProject .graphic .list li a,

.indexProject .graphic .list li a:visited,

.indexProject .graphic .list li a:hover,

.indexProject .graphic .list li a:active { display:block; overflow:hidden; width:470px; height:90px; text-decoration:none; }

.indexProject .graphic .control { overflow:hidden; position:relative; top:-40px; width:100px; margin:0 auto; opacity:0; filter:Alpha(opacity=0); }

.indexProject .graphic .control span { display:block; float:left; overflow:hidden; cursor:pointer; width:15px; height:15px; margin:0 5px; background:url(../images/index.png) -440px -70px no-repeat; text-indent:-9999px; }

.indexProject .graphic .control span:hover { background-position:-460px -70px; }

.indexProject .graphic .control .current,

.indexProject .graphic .control .current:hover { background-position:-480px -70px; }

.indexProject .banner { position:relative; z-index:0; width:100%; }

.indexProject .banner .cover { overflow:hidden; position:relative; width:100%; }

.indexProject .banner .cover img { display:block; width:100%; }

.indexProject .banner .title { overflow:hidden; position:absolute; left:50%; top:40%; width:680px; height:110px; margin:-125px 0 0 -340px; opacity:0; filter:Alpha(opacity=0); }

.indexProject .map { position:relative; z-index:1; width:1000px; margin:-140px auto 160px auto; }

.indexProject .map .cover { overflow:hidden; width:1000px; height:360px; margin:0 0 10px 0; opacity:0; filter:Alpha(opacity=0); }

.indexProject .map .cover img { display:block; width:1000px; height:360px; }

.indexProject .map .title { overflow:hidden; position:relative; top:-20px; width:560px; height:40px; margin:0 auto; opacity:0; filter:Alpha(opacity=0); }

.indexNav { overflow:hidden; position:fixed; left:40px; top:50%; width:30px; height:300px; margin:-150px 0 0 0; }

.indexNav span { display:block; overflow:hidden; position:relative; z-index:1; cursor:pointer; width:30px; height:30px; margin:0 0 60px 0; background:url(../images/index.png) -420px -90px no-repeat; text-indent:-9999px; }

.indexNav span:hover { background-position:-460px -90px; }

.indexNav .current,

.indexNav .current:hover { background-position:-500px -90px; }

.indexNav .line { overflow:hidden; position:absolute; left:14px; top:10px; z-index:0; width:2px; height:280px; background:#D0D0D0; }

.indexMask { display:none; overflow:hidden; position:fixed; left:0; top:0; z-index:9999; width:100%; height:100%; background:#000; opacity:0; filter:Alpha(opacity=0); }

.indexAlertVideo { display:none; position:fixed; left:50%; top:50%; z-index:99999; width:1000px; height:600px; margin:-300px 0 0 -500px; opacity:0; filter:Alpha(opacity=0); }

.indexAlertVideo .close { overflow:hidden; position:absolute; right:-35px; top:-35px; z-index:9; cursor:pointer; width:70px; height:70px; background:url(../images/sprite.png) -260px -290px no-repeat; text-indent:-9999px; }

.indexAlertVideo .close:hover { background-position:-340px -290px; }

.indexAlertVideo .video { position:relative; z-index:0; }

/*web index css end*/



/*web area css begin*/

.htmlArea { min-width:1240px; }

.areaPlant { overflow:hidden; position:relative; z-index:0; width:100%; margin:0 0 60px 0; }

.areaPlant .banner { overflow:hidden; width:100%; margin:0 0 40px 0; }

.areaPlant .banner .cover { overflow:hidden; width:100%; }

.areaPlant .banner .cover img { display:block; width:100%; }

.areaPlant .header { overflow:hidden; position:relative; width:1000px; padding:30px 0 0 0; margin:0 auto; }

.areaPlant .header .back,

.areaPlant .header .back:visited,

.areaPlant .header .back:hover,

.areaPlant .header .back:active { overflow:hidden; position:absolute; right:0; top:0; width:60px; height:20px; background:url(../images/sprite.png) -200px 0 no-repeat; text-indent:-9999px; }

.areaPlant .header .back:hover { background-position:-200px -30px; }

.areaPlant .title { overflow:hidden; position:relative; top:40px; width:380px; height:60px; margin:0 auto 40px auto; opacity:0; filter:Alpha(opacity=0); }

.areaPlant .plant { position:relative; width:800px; height:430px; margin:0 auto; background:#FFF; }

.areaPlant .plant .graphic { overflow:hidden; width:800px; height:400px; margin:0 0 15px 0; opacity:0; filter:Alpha(opacity=0); }

.areaPlant .plant .graphic .list { overflow:hidden; width:999999px; height:400px; }

.areaPlant .plant .graphic .list li { display:block; float:left; overflow:hidden; width:800px; height:400px; }

.areaPlant .plant .graphic .list li .cover { overflow:hidden; width:800px; height:180px; margin:0 0 20px 0; }

.areaPlant .plant .graphic .list li .cover img { display:block; width:800px; height:180px; }

.areaPlant .plant .graphic .list li .article { overflow:hidden; }

.areaPlant .plant .graphic .list li #editor p { overflow:hidden; margin:0 0 20px 0; font-family: Microsoft YaHei; font-size:14px; line-height:28px; color:#333; text-align:center; }

.areaPlant .plant .graphic .list li #editor strong { display:block; overflow:hidden; font-family: Microsoft YaHei; font-size:14px; font-weight:bold; line-height:28px; color:#333; text-align:center; }

.areaPlant .plant .graphic .list li #editor .set,

.areaPlant .plant .graphic .list li #editor .set:visited,

.areaPlant .plant .graphic .list li #editor .set:hover,

.areaPlant .plant .graphic .list li #editor .set:active { display:block; overflow:hidden; width:350px; height:34px; margin:0 auto; background:url(../images/plant_set.jpg) 0 0 no-repeat; text-indent:-9999px; }

.areaPlant .plant .graphic .list li #editor .set:hover { background-position:0 -35px; }

.areaPlant .plant .prev { overflow:hidden; position:absolute; left:0; top:120px; cursor:pointer; width:60px; height:60px; background:url(../images/sprite.png) -70px -220px no-repeat; text-indent:-9999px; opacity:0; filter:Alpha(opacity=0); }

.areaPlant .plant .prev:hover { background-position:0 -220px; }

.areaPlant .plant .next { overflow:hidden; position:absolute; right:0; top:120px; cursor:pointer; width:60px; height:60px; background:url(../images/sprite.png) -210px -220px no-repeat; text-indent:-9999px; opacity:0; filter:Alpha(opacity=0); }

.areaPlant .plant .next:hover { background-position:-140px -220px; }

.areaPlant .plant .control { overflow:hidden; position:relative; top:-60px; width:100px; margin:0 auto; opacity:0; filter:Alpha(opacity=0); }

.areaPlant .plant .control span { display:block; float:left; overflow:hidden; cursor:pointer; width:15px; height:15px; margin:0 5px; background:url(../images/sprite.png) -150px -180px no-repeat; text-indent:-9999px; }

.areaPlant .plant .control span:hover { background-position:-170px -180px; }

.areaPlant .plant .control .current,

.areaPlant .plant .control .current:hover { background-position:-190px -180px; }

.areaDevelop { overflow:hidden; position:relative; z-index:0; width:100%; margin:0 0 80px 0; }

.areaDevelop .banner { position:relative; width:100%; margin:0 0 80px 0; }

.areaDevelop .banner .cover { display:block; overflow:hidden; width:100%; }

.areaDevelop .banner .cover img { display:block; width:100%; }

.areaDevelop .banner .titleEn { overflow:hidden; position:absolute; left:50%; bottom:0; width:800px; height:60px; margin:0 0 0 -400px; opacity:0; filter:Alpha(opacity=0); }

.areaDevelop .titleCh { overflow:hidden; position:relative; top:20px; width:220px; height:25px; margin:0 auto 40px auto; opacity:0; filter:Alpha(opacity=0); }

.areaDevelop .article { overflow:hidden; width:800px; margin:0 auto; }

.areaDevelop #editor p { overflow:hidden; position:relative; top:20px; margin:0 0 20px 0; background:#FFF; font-family: Microsoft YaHei; font-size:14px; line-height:28px; color:#333; text-align:center; opacity:0; filter:Alpha(opacity=0); }

.areaSet { overflow:hidden; position:relative; z-index:0; width:100%; margin:0 0 80px 0; }

.areaSet .banner { overflow:hidden; width:100%; margin:0 0 40px 0; }

.areaSet .banner .cover { display:block; overflow:hidden; width:100%; }

.areaSet .banner .cover img { display:block; width:100%; }

.areaSet .title { overflow:hidden; position:relative; top:40px; width:560px; height:65px; margin:0 auto 40px auto; opacity:0; filter:Alpha(opacity=0); }

.areaSet .wrap { overflow:hidden; width:100%; height:30px; margin:0 0 20px 0; background:url(../images/line01.jpg) 0 15px repeat-x; }

.areaSet .wrap .tab { overflow:hidden; width:240px; height:30px; margin:0 auto; opacity:0; filter:Alpha(opacity=0); }

.areaSet .wrap .tab span { display:block; float:left; overflow:hidden; cursor:pointer; width:100px; height:20px; padding:4px 9px; border:1px solid #CCC; background:#FFF; font-family:Microsoft YaHei; font-size:14px; line-height:20px; color:#333; text-align:center; }

.areaSet .wrap .tab .current { border-color:#18294C; background:#18294C; color:#FFF; }

.areaSet .article { display:none; overflow:hidden; width:800px; margin:0 auto; }

.areaSet #editor p { overflow:hidden; margin:0 0 20px 0; background:#FFF; font-family: Microsoft YaHei; font-size:14px; line-height:28px; color:#333; text-align:center; }

.areaSet .current { display:block; }

.areaSet .current p { position:relative; top:20px; opacity:0; filter:Alpha(opacity=0); }

.areaLayout { overflow:hidden; position:relative; z-index:0; width:100%; margin:0 0 80px 0; }

.areaLayout .banner { position:relative; width:100%; margin:0 0 80px 0; }

.areaLayout .banner .zoom { overflow:hidden; position:absolute; left:50%; top:40%; cursor:pointer; width:300px; height:60px; margin:-30px 0 0 -150px; background:url(../images/develop_zoom.jpg) 0 0 no-repeat; text-indent:-9999px; opacity:0; filter:Alpha(opacity=0); }

.areaLayout .banner .zoom:hover { background-position:0 -60px; }

.areaLayout .banner .cover { display:block; overflow:hidden; width:100%; }

.areaLayout .banner .cover img { display:block; width:100%; }

.areaLayout .banner .titleEn { overflow:hidden; position:absolute; left:50%; bottom:0; width:800px; height:60px; margin:0 0 0 -400px; opacity:0; filter:Alpha(opacity=0); }

.areaLayout .titleCh { overflow:hidden; position:relative; top:20px; width:180px; height:25px; margin:0 auto 40px auto; opacity:0; filter:Alpha(opacity=0); }

.areaLayout .article { overflow:hidden; width:800px; margin:0 auto; }

.areaLayout #editor p { overflow:hidden; position:relative; top:20px; margin:0 0 20px 0; background:#FFF; font-family: Microsoft YaHei; font-size:14px; line-height:28px; color:#333; text-align:center; opacity:0; filter:Alpha(opacity=0); }

.areaTraffic { overflow:hidden; position:relative; z-index:0; width:100%; margin:0 0 90px 0; }

.areaTraffic .map { overflow:hidden; position:relative; z-index:1; cursor:pointer; width:273px; height:273px; margin:0 auto 40px auto; opacity:0; filter:Alpha(opacity=0); }

.areaTraffic .map .cover { display:block; width:273px; height:273px; }

.areaTraffic .map .cover img { display:block; width:273px; height:273px; }

.areaTraffic .map .zoom { overflow:hidden; position:absolute; left:50%; top:50%; width:50px; height:50px; margin:-25px 0 0 -25px; background:url(../images/sprite.png) -200px -290px no-repeat; text-indent:-9999px; opacity:0; filter:Alpha(opacity=0); -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }

.areaTraffic .map:hover .zoom { opacity:1; filter:Alpha(opacity=100); }

.areaTraffic .title { overflow:hidden; position:relative; top:-20px; width:450px; height:60px; margin:0 auto 40px auto; opacity:0; filter:Alpha(opacity=0); }

.areaTraffic .detail { overflow:hidden; position:relative; top:-40px; width:800px; margin:0 auto 40px auto; background:#FFF; font-family: Microsoft YaHei; font-size:14px; line-height:30px; color:#333; text-align:center; opacity:0; filter:Alpha(opacity=0); }

.areaTraffic .tip { overflow:hidden; width:800px; margin:0 auto; }

.areaTraffic .tip .text { overflow:hidden; position:relative; top:20px; padding:0 0 30px 15px; background:#FFF url(../images/sprite.png) -420px -94px no-repeat; font-family:Microsoft YaHei; font-size:14px; line-height:22px; color:#333; vertical-align:top; opacity:0; filter:Alpha(opacity=0); }

.areaTraffic .line { overflow:hidden; position:absolute; left:0; top:136px; z-index:0; width:100%; height:1px; background:#D1D1D1; }

.areaNav { overflow:hidden; position:fixed; left:40px; top:50%; width:30px; height:390px; margin:-195px 0 0 0; }

.areaNav span { display:block; overflow:hidden; position:relative; z-index:1; cursor:pointer; width:30px; height:30px; margin:0 0 60px 0; background:url(../images/index.png) -420px -90px no-repeat; text-indent:-9999px; }

.areaNav span:hover { background-position:-460px -90px; }

.areaNav .current,

.areaNav .current:hover { background-position:-500px -90px; }

.areaNav .line { overflow:hidden; position:absolute; left:14px; top:10px; z-index:0; width:2px; height:370px; background:#D0D0D0; }

.areaAlertMask { display:none; overflow:hidden; position:fixed; left:0; top:0; z-index:9998; width:100%; height:100%; background:#000; opacity:0; filter:Alpha(opacity=0); }

.areaAlertSet { display:none; overflow:hidden; position:absolute; left:50%; top:0; z-index:9999; width:800px; height:1420px; padding:50px 100px; margin:0 0 0 -500px; background:#333; opacity:0; filter:Alpha(opacity=0); }

.areaAlertSet .close { overflow:hidden; position:absolute; right:20px; top:20px; cursor:pointer; width:40px; height:40px; background:url(../images/sprite.png) -420px 0 no-repeat; text-indent:-9999px; }

.areaAlertSet .close:hover { background-position:-420px -50px; }

.areaAlertSet .set { display:block; width:800px; height:1420px; }

.areaAlertSet .set img { display:block; width:800px; height:1420px; }

.areaAlertLayout { display:none; position:fixed; left:50%; top:50%; z-index:9999; width:920px; height:650px; margin:-325px 0 0 -460px; }

.areaAlertLayout .close { overflow:hidden; position:absolute; right:-35px; top:-35px; z-index:9; cursor:pointer; width:70px; height:70px; background:url(../images/sprite.png) -260px -290px no-repeat; text-indent:-9999px; }

.areaAlertLayout .close:hover { background-position:-340px -290px; }

.areaAlertLayout .layout { display:block; width:920px; height:650px; }

.areaAlertLayout .layout img { display:block; width:920px; height:650px; }

.areaAlertTraffie { display:none; position:fixed; left:50%; top:50%; z-index:9999; width:1000px; height:563px; margin:-281px 0 0 -500px; opacity:0; filter:Alpha(opacity=0); }

.areaAlertTraffie .close { overflow:hidden; position:absolute; right:-35px; top:-35px; z-index:9; cursor:pointer; width:70px; height:70px; background:url(../images/sprite.png) -260px -290px no-repeat; text-indent:-9999px; }

.areaAlertTraffie .close:hover { background-position:-340px -290px; }

/*web area css end*/



/*web house css begin*/

.htmlHouse { background:url(../images/bg_house.jpg) 0 0 repeat; }

.htmlHouse { background:#FFF; }

.pageHouse { position:relative; width:1000px; padding:260px 0 59px 0; border-bottom:1px solid #CCC; margin:0 auto 60px auto; }

.pageHouse .header { overflow:hidden; position:relative; width:1000px; height:60px; margin:0 0 40px 0; }

.pageHouse .header .title { display:block; overflow:hidden; }

.pageHouse .header .title img { display:block; margin:0 auto; }

.pageHouse .header .back,

.pageHouse .header .back:visited,

.pageHouse .header .back:hover,

.pageHouse .header .back:active { overflow:hidden; position:absolute; right:0; top:50%; width:60px; height:20px; background:url(../images/sprite.png) -200px 0 no-repeat; text-indent:-9999px; }

.pageHouse .header .back:hover { background-position:-200px -30px; }

.pageHouse .house { overflow:hidden; width:1000px; height:660px; }

.pageHouse .house .list { overflow:hidden; width:999999px; height:660px; }

.pageHouse .house .list li { display:block; float:left; overflow:hidden; width:1000px; height:660px; }

.pageHouse .house .list li .cover { display:block; overflow:hidden; width:1000px; height:660px; }

.pageHouse .house .list li .cover img { display:block; width:1000px; height:660px; }

.pageHouse .prev,

.pageHouse .prev:visited,

.pageHouse .prev:hover,

.pageHouse .prev:active { overflow:hidden; position:absolute; left:-70px; top:680px; width:60px; height:60px; background:url(../images/sprite.png) -70px -220px no-repeat; text-indent:-9999px; }

.pageHouse .prev:hover { background-position:0 -220px; }

.pageHouse .next,

.pageHouse .next:visited,

.pageHouse .next:hover,

.pageHouse .next:active { overflow:hidden; position:absolute; right:-70px; top:680px; width:60px; height:60px; background:url(../images/sprite.png) -210px -220px no-repeat; text-indent:-9999px; }

.pageHouse .next:hover { background-position:-140px -220px; }

/*web house css end*/



/*web other css begin*/

.pageBanner { overflow:hidden; width:100%; height:420px; margin:0 0 50px 0; background-position:50% 0; background-repeat:no-repeat; opacity:0; filter:Alpha(opacity=0); }

.pageTitle { overflow:hidden; }

.pageTitle img { display:block; margin:0 auto; }

.pageHeader { overflow:hidden; position:relative; width:1000px;  margin:0 auto; }

.pageHeader .pageBack,

.pageHeader .pageBack:visited,

.pageHeader .pageBack:hover,

.pageHeader .pageBack:active { overflow:hidden; position:absolute; right:0; top:0; width:60px; height:20px; background:url(../images/sprite.png) -200px 0 no-repeat; text-indent:-9999px; }

.pageHeader .pageBack:hover { background-position:-200px -30px; }

.pageFlip { overflow:hidden; width:1000px; margin:0 auto; font-size:0; text-align:center; }

.pageFlip strong { display:inline-block; min-width:10px; padding:0 5px; margin:0 5px; background:#18294C; font-family:Verdana, SimSun; font-size:12px; line-height:20px; color:#FFF; text-decoration:none; text-align:center; }

.pageFlip a,

.pageFlip a:visited,

.pageFlip a:hover,

.pageFlip a:active { display:inline-block; min-width:10px; padding:0 5px; margin:0 5px; background:#E5E5E5; font-family:Verdana, SimSun; font-size:12px; line-height:20px; color:#666; text-decoration:none; text-align:center; }

.pageFlip a:hover { background:#CCC; }

.articleHeader { overflow:hidden; position:relative; width:1000px; padding:0 0 10px 0; border-bottom:1px solid #CCC; margin:60px auto 0px auto; }

.articleHeader .articleTitle { display:block; overflow:hidden; margin:0 0 10px 0; font-family: Microsoft YaHei; font-size:24px; line-height:30px; color:#666; }

.articleHeader .articleTime { display:block; overflow:hidden; font-family:Tahoma; font-size:17px; line-height:20px; color:#666; }

.articleHeader .back,

.articleHeader .back:visited,

.articleHeader .back:hover,

.articleHeader .back:active { overflow:hidden; position:absolute; right:0; top:7%; width:60px; height:20px; background:url(../images/sprite.png) -200px 0 no-repeat; text-indent:-9999px; }

.articleHeader .back:hover { background-position:-200px -30px; }

.articleEditor { overflow:hidden; width:1000px; padding:20px 0;  margin:0 auto; line-height:2; }

/*.pageNews { position:relative; width:100%; border-bottom:1px solid #CCC; margin:0 0 40px 0;}*/

.pageNews .listTitle { display:block; overflow:hidden; width:120px; height:30px; margin:-15px 0 40px 0; }

.pageNews .listTitle a,

.pageNews .listTitle a:visited,

.pageNews .listTitle a:hover,

.pageNews .listTitle a:active { display:block; width:100px; height:20px; padding:4px 9px; border:1px solid #CCC; margin:0; background:#FFF; font-family:Microsoft YaHei; font-size:14px; line-height:20px; color:#333; text-decoration:none; text-align:center; }

.pageNews .listTitle a:hover { background:#18294C; color:#FFF; }

.pageNews .newsList { position:relative; *zoom:1; width:1000px; margin:0 auto 20px auto; }

.pageNews .newsList:after { display:block; overflow:hidden; content:"."; visibility:hidden; clear:both; height:0; line-height:0; }

.pageNews .newsList .more,

.pageNews .newsList .more:visited,

.pageNews .newsList .more:hover,

.pageNews .newsList .more:active { overflow:hidden; position:absolute; right:0; bottom:0; z-index:9; font-family:Tahoma; font-size:14px; line-height:20px; color:#333; text-decoration:none; }

.pageNews .newsList .more:hover { color:#666; }

.pageNews .newsList .dynamic { display:block; overflow:hidden; width:1000px; margin:0 auto 40px auto; }

.pageNews .newsList .dynamic .list { overflow:hidden; width:1110px; margin:0 0 0 -110px; }

.pageNews .newsList .dynamic .list li { display:block; float:left; overflow:hidden; width:260px; margin:0 0 0 110px; }

.pageNews .newsList .dynamic .list li a,

.pageNews .newsList .dynamic .list li a:visited,

.pageNews .newsList .dynamic .list li a:hover,

.pageNews .newsList .dynamic .list li a:active { display:block; overflow:hidden; width:260px; text-decoration:none; }

.pageNews .newsList .dynamic .list li a .date,

.pageNews .newsList .dynamic .list li a:visited .date,

.pageNews .newsList .dynamic .list li a:hover .date,

.pageNews .newsList .dynamic .list li a:active .date { display:block; overflow:hidden; font-family:Tahoma; font-size:14px; line-height:20px; color:#666; }

.pageNews .newsList .dynamic .list li a:hover .date { color:#333; }

.pageNews .newsList .dynamic .list li a .title,

.pageNews .newsList .dynamic .list li a:visited .title,

.pageNews .newsList .dynamic .list li a:hover .title,

.pageNews .newsList .dynamic .list li a:active .title { display:block; overflow:hidden; margin:0 0 10px 0; font-family:Microsoft YaHei; font-size:14px; line-height:20px; color:#666; }

.pageNews .newsList .dynamic .list li a:hover .title { color:#333; }

.pageNews .newsList .dynamic .list li a .detail,

.pageNews .newsList .dynamic .list li a:visited .detail,

.pageNews .newsList .dynamic .list li a:hover .detail,

.pageNews .newsList .dynamic .list li a:active .detail { display:block; overflow:hidden; font-family:Microsoft YaHei; font-size:14px; line-height:20px; color:#999; }

.pageNews .newsList .dynamic .list li a:hover .detail { color:#AAA; }

.pageNews .mediaList { position:relative; *zoom:1; width:1000px; border-top:1px solid #CCC; margin:0 auto 60px auto; }

.pageNews .mediaList:after { display:block; overflow:hidden; content:"."; visibility:hidden; clear:both; height:0; line-height:0; }

.pageNews .mediaList .more,

.pageNews .mediaList .more:visited,

.pageNews .mediaList .more:hover,

.pageNews .mediaList .more:active { overflow:hidden; position:absolute; right:0; bottom:0; z-index:9; font-family:Tahoma; font-size:14px; line-height:20px; color:#333; text-decoration:none; }

.pageNews .mediaList .more:hover { color:#666; }

.pageNews .mediaList .media { display:block; position:relative; *zoom:1; width:1000px; margin:0 auto 0 auto; }

.pageNews .mediaList .media:after { display:block; overflow:hidden; content:"."; visibility:hidden; clear:both; height:0; line-height:0; }

.pageNews .mediaList .media .list { overflow:hidden; width:1120px; margin:0 0 0 -120px; }

.pageNews .mediaList .media .list li { display:block; float:left; overflow:hidden; width:440px; height:100px; margin:0 0 40px 120px; }

.pageNews .mediaList .media .list li a,

.pageNews .mediaList .media .list li a:visited,

.pageNews .mediaList .media .list li a:hover,

.pageNews .mediaList .media .list li a:active { display:block; overflow:hidden; width:440px; height:100px; text-decoration:none; }

.pageNews .mediaList .media .list li a .cover,

.pageNews .mediaList .media .list li a:visited .cover,

.pageNews .mediaList .media .list li a:hover .cover,

.pageNews .mediaList .media .list li a:active .cover { display:block; float:left; overflow:hidden; width:180px; height:100px; }

.pageNews .mediaList .media .list li a .cover img,

.pageNews .mediaList .media .list li a:visited .cover img,

.pageNews .mediaList .media .list li a:hover .cover img,

.pageNews .mediaList .media .list li a:active .cover img { display:block; width:180px; }

.pageNews .mediaList .media .list li a:hover .cover img { opacity:0.8; filter:Alpha(opacity=80); }

.pageNews .mediaList .media .list li a .article,

.pageNews .mediaList .media .list li a:visited .article,

.pageNews .mediaList .media .list li a:hover .article,

.pageNews .mediaList .media .list li a:active .article { display:block; float:right; overflow:hidden; width:240px; height:100px; }

.pageNews .mediaList .media .list li a .article .date,

.pageNews .mediaList .media .list li a:visited .article .date,

.pageNews .mediaList .media .list li a:hover .article .date,

.pageNews .mediaList .media .list li a:active .article .date { display:block; overflow:hidden; font-family:Tahoma; font-size:14px; line-height:16px; color:#666; }

.pageNews .mediaList .media .list li a:hover .article .date { color:#333; }

.pageNews .mediaList .media .list li a .article .title,

.pageNews .mediaList .media .list li a:visited .article .title,

.pageNews .mediaList .media .list li a:hover .article .title,

.pageNews .mediaList .media .list li a:active .article .title { display:block; overflow:hidden; margin:0 0 6px 0; font-family:Microsoft YaHei; font-size:14px; line-height:18px; color:#666; }

.pageNews .mediaList .media .list li a:hover .article .title { color:#333; }

.pageNews .mediaList .media .list li a .article .detail,

.pageNews .mediaList .media .list li a:visited .article .detail,

.pageNews .mediaList .media .list li a:hover .article .detail,

.pageNews .mediaList .media .list li a:active .article .detail { display:block; overflow:hidden; font-family:Microsoft YaHei; font-size:12px; line-height:20px; color:#999; }

.pageNews .mediaList .media .list li a:hover .article .detail { color:#666; }

.pageNews .pageDynamic { overflow:hidden; width:1000px; padding:60px 0 0 0; margin:0 auto; }

.pageNews .pageDynamic .list { overflow:hidden; }

.pageNews .pageDynamic .list li { display:block; overflow:hidden; cursor:pointer; width:1000px; height:100px; margin:0 0 60px 0; }

.pageNews .pageDynamic .list li a,

.pageNews .pageDynamic .list li a:visited,

.pageNews .pageDynamic .list li a:hover,

.pageNews .pageDynamic .list li a:active { display:block; overflow:hidden; width:1000px; height:100px; text-decoration:none; }

.pageNews .pageDynamic .list li a .time,

.pageNews .pageDynamic .list li a:visited .time,

.pageNews .pageDynamic .list li a:hover .time,

.pageNews .pageDynamic .list li a:active .time { display:block; float:left; overflow:hidden; width:100px; }

.pageNews .pageDynamic .list li a .time .date,

.pageNews .pageDynamic .list li a:visited .time .date,

.pageNews .pageDynamic .list li a:hover .time .date,

.pageNews .pageDynamic .list li a:active .time .date { display:block; overflow:hidden; font-family:Tahoma; font-size:26px; line-height:35px; color:#666; }

.pageNews .pageDynamic .list li a .time .year,

.pageNews .pageDynamic .list li a:visited .time .year,

.pageNews .pageDynamic .list li a:hover .time .year,

.pageNews .pageDynamic .list li a:active .time .year { display:block; overflow:hidden; font-family:Tahoma; font-size:26px; line-height:35px; color:#666; }

.pageNews .pageDynamic .list li a .article,

.pageNews .pageDynamic .list li a:visited .article,

.pageNews .pageDynamic .list li a:hover .article,

.pageNews .pageDynamic .list li a:active .article { display:block; float:right; overflow:hidden; width:840px; }

.pageNews .pageDynamic .list li a .article .title,

.pageNews .pageDynamic .list li a:visited .article .title,

.pageNews .pageDynamic .list li a:hover .article .title,

.pageNews .pageDynamic .list li a:active .article .title { display:block; overflow:hidden; margin:0 0 10px 0; font-family: Microsoft YaHei; font-size:14px; line-height:20px; color:#333; }

.pageNews .pageDynamic .list li a .article .detail,

.pageNews .pageDynamic .list li a:visited .article .detail,

.pageNews .pageDynamic .list li a:hover .article .detail,

.pageNews .pageDynamic .list li a:active .article .detail { display:block; overflow:hidden; margin:0 0 10px 0; font-family: Microsoft YaHei; font-size:14px; line-height:20px; color:#999; }

.pageNews .pageDynamic .list li a .article .ico,

.pageNews .pageDynamic .list li a:visited .article .ico,

.pageNews .pageDynamic .list li a:hover .article .ico,

.pageNews .pageDynamic .list li a:active .article .ico { display:block; overflow:hidden; width:120px; height:20px; background:url(../images/sprite.png) -150px -150px no-repeat; text-indent:-9999px; }

.pageNews .pageDynamic .list li a:hover .article .title { color:#666; }

.pageNews .pageMedia { overflow:hidden; width:1000px; padding:60px 0 0 0; margin:0 auto; }

.pageNews .pageMedia .list { overflow:hidden; width:1120px; margin:0 0 40px -120px; }

.pageNews .pageMedia .list li { display:block; float:left; overflow:hidden; width:440px; height:100px; margin:0 0 40px 120px; }

.pageNews .pageMedia .list li a,

.pageNews .pageMedia .list li a:visited,

.pageNews .pageMedia .list li a:hover,

.pageNews .pageMedia .list li a:active { display:block; overflow:hidden; width:440px; height:100px; text-decoration:none; }

.pageNews .pageMedia .list li a .cover,

.pageNews .pageMedia .list li a:visited .cover,

.pageNews .pageMedia .list li a:hover .cover,

.pageNews .pageMedia .list li a:active .cover { display:block; float:left; overflow:hidden; width:180px; height:100px; }

.pageNews .pageMedia .list li a .cover img,

.pageNews .pageMedia .list li a:visited .cover img,

.pageNews .pageMedia .list li a:hover .cover img,

.pageNews .pageMedia .list li a:active .cover img { display:block; width:180px; }

.pageNews .pageMedia .list li a:hover .cover img { opacity:0.8; filter:Alpha(opacity=80); }

.pageNews .pageMedia .list li a .article,

.pageNews .pageMedia .list li a:visited .article,

.pageNews .pageMedia .list li a:hover .article,

.pageNews .pageMedia .list li a:active .article { display:block; float:right; overflow:hidden; width:240px; height:100px; }

.pageNews .pageMedia .list li a .article .date,

.pageNews .pageMedia .list li a:visited .article .date,

.pageNews .pageMedia .list li a:hover .article .date,

.pageNews .pageMedia .list li a:active .article .date { display:block; overflow:hidden; font-family:Tahoma; font-size:14px; line-height:16px; color:#666; }

.pageNews .pageMedia .list li a:hover .article .date { color:#333; }

.pageNews .pageMedia .list li a .article .title,

.pageNews .pageMedia .list li a:visited .article .title,

.pageNews .pageMedia .list li a:hover .article .title,

.pageNews .pageMedia .list li a:active .article .title { display:block; overflow:hidden; margin:0 0 6px 0; font-family:Microsoft YaHei; font-size:14px; line-height:18px; color:#666; }

.pageNews .pageMedia .list li a:hover .article .title { color:#333; }

.pageNews .pageMedia .list li a .article .detail,

.pageNews .pageMedia .list li a:visited .article .detail,

.pageNews .pageMedia .list li a:hover .article .detail,

.pageNews .pageMedia .list li a:active .article .detail { display:block; overflow:hidden; font-family:Microsoft YaHei; font-size:12px; line-height:20px; color:#999; }

.pageNews .pageMedia .list li a:hover .article .detail { color:#666; }

.pageHeaderActive { overflow:hidden; position:relative; width:1000px; margin:0 auto 40px auto; }

.pageHeaderActive .pageTitle { overflow:hidden; }

.pageHeaderActive .pageTitle img { display:block; margin:0 auto; }

.pageActive { position:relative; *zoom:1; width:100%; background:#F6F6F6; margin:0 0 100px 0; }

.pageActive:after { display:block; overflow:hidden; content:"."; visibility:hidden; clear:both; height:0; line-height:0; }

.pageActive .activeGraphic { overflow:hidden; width:1000px; margin:0 auto 65px auto; }

.pageActive .activeGraphic .list { overflow:hidden; }

.pageActive .activeGraphic .list li { display:block; overflow:hidden; width:1000px; height:205px; margin:0 0 25px 0; }

.pageActive .activeGraphic .list li a,

.pageActive .activeGraphic .list li a:visited,

.pageActive .activeGraphic .list li a:hover,

.pageActive .activeGraphic .list li a:active { display:block; overflow:hidden; width:1000px; height:205px; text-decoration:none; }

.pageActive .activeGraphic .list li a .cover,

.pageActive .activeGraphic .list li a:visited .cover,

.pageActive .activeGraphic .list li a:hover .cover,

.pageActive .activeGraphic .list li a:active .cover { display:block; float:left; overflow:hidden; width:400px; height:205px; }

.pageActive .activeGraphic .list li a .cover img,

.pageActive .activeGraphic .list li a:visited .cover img,

.pageActive .activeGraphic .list li a:hover .cover img,

.pageActive .activeGraphic .list li a:active .cover img { display:block; width:400px; }

.pageActive .activeGraphic .list li a:hover .cover img { opacity:0.8; filter:Alpha(opacity=80); }

.pageActive .activeGraphic .list li a .about,

.pageActive .activeGraphic .list li a:visited .about,

.pageActive .activeGraphic .list li a:hover .about,

.pageActive .activeGraphic .list li a:active .about { display:block; float:left; overflow:hidden; width:240px; height:75px; margin:65px 0 0 60px; }

.pageActive .activeGraphic .list li a .about .date,

.pageActive .activeGraphic .list li a:visited .about .date,

.pageActive .activeGraphic .list li a:hover .about .date,

.pageActive .activeGraphic .list li a:active .about .date { display:block; overflow:hidden; font-family:Tahoma; font-size:14px; line-height:25px; color:#333; }

.pageActive .activeGraphic .list li a:hover .about .date { color:#666; }

.pageActive .activeGraphic .list li a .about .title,

.pageActive .activeGraphic .list li a:visited .about .title,

.pageActive .activeGraphic .list li a:hover .about .title,

.pageActive .activeGraphic .list li a:active .about .title { display:block; overflow:hidden; margin:0 0 5px 0; font-family:Microsoft YaHei; font-size:14px; line-height:25px; color:#333; }

.pageActive .activeGraphic .list li a:hover .about .title { color:#666; }

.pageActive .activeGraphic .list li a .about .ico,

.pageActive .activeGraphic .list li a:visited .about .ico,

.pageActive .activeGraphic .list li a:hover .about .ico,

.pageActive .activeGraphic .list li a:active .about .ico { display:block; overflow:hidden; width:120px; height:20px; background:url(../images/sprite.png) -150px -150px no-repeat; text-indent:-9999px; }

.pageActive .activeGraphic .list li a .detail,

.pageActive .activeGraphic .list li a:visited .detail,

.pageActive .activeGraphic .list li a:hover .detail,

.pageActive .activeGraphic .list li a:active .detail { display:block; float:right; overflow:hidden; width:240px; height:75px; margin:65px 0 0 0; }

.pageActive .activeGraphic .list li a .detail p,

.pageActive .activeGraphic .list li a:visited .detail p,

.pageActive .activeGraphic .list li a:hover .detail p,

.pageActive .activeGraphic .list li a:active .detail p { font-family:Microsoft YaHei; line-height:25px; color:#333; }

.pageActive .activeGraphic .list li a:hover .detail p { color:#999; }

.pageActive .more,

.pageActive .more:visited,

.pageActive .more:hover,

.pageActive .more:active { display:block; overflow:hidden; position:absolute; left:50%; bottom:-32px; width:65px; height:65px; margin:0 0 0 -32px; background:url(../images/sprite.png) 0 -150px no-repeat; text-indent:-9999px; }

.pageActive .more:hover { background-position:-70px -150px; }

.pageCenter { overflow:hidden; width:1000px; margin:0 auto 60px auto; }

.pageCenter .header { overflow:hidden; position:relative; padding:30px 0 0 0; }

.pageCenter .header .back,

.pageCenter .header .back:visited,

.pageCenter .header .back:hover,

.pageCenter .header .back:active { overflow:hidden; position:absolute; right:0; top:0; width:60px; height:20px; background:url(../images/sprite.png) -200px 0 no-repeat; text-indent:-9999px; }

.pageCenter .header .back:hover { background-position:-200px -30px; }

.pageCenter .title { display:block; overflow:hidden; margin:0 0 60px 0; }

.pageCenter .title img { display:block; margin:0 auto; }

.pageCenter .news { overflow:hidden; margin:0 0 40px 0; }

.pageCenter .news .list { overflow:hidden; width:1110px; margin:0 0 40px -110px; }

.pageCenter .news .list li { display:block; float:left; overflow:hidden; width:260px; height:110px; margin:0 0 20px 110px; }

.pageCenter .news .list li .date { display:block; overflow:hidden; font-family:Tahoma; line-height:20px; color:#333; }

.pageCenter .news .list li .title { display:block; overflow:hidden; margin:0 0 10px 0; }

.pageCenter .news .list li .title a,

.pageCenter .news .list li .title a:visited,

.pageCenter .news .list li .title a:hover,

.pageCenter .news .list li .title a:active { font-family:Microsoft YaHei; font-size:14px; line-height:20px; color:#333; text-decoration:none; }

.pageCenter .news .list li .title a:hover { color:#666; }

.pageCenter .news .list li .detail { font-family:Microsoft YaHei; line-height:20px; color:#666; }

.pageCenter .news .more { display:block; overflow:hidden; width:65px; height:65px; margin:0 auto; background:url(../images/sprite.png) 0 -150px no-repeat; text-indent:-9999px; }

.pageCenter .news .more:hover { background-position:-70px -150px; }

.pageCenter .logo { overflow:hidden; width:940px; }

.pageCenter .logo .list { overflow:hidden; width:999999px; height:435px; margin:0 0 40px 0; }

.pageCenter .logo .list li { display:block; float:left; overflow:hidden; width:720px; height:435px; margin:0 120px; }

.pageCenter .logo .list li .cover { display:block; float:left; overflow:hidden; width:208px; height:123px; border:1px solid #9C9C9C; margin:0 15px 30px 15px; }

.pageCenter .logo .list li .cover img { display:block; width:208px; height:123px; }

.pageCenter .logo .detail { overflow:hidden; margin:0 0 40px 0; }

.pageCenter .logo .detail p { font-family:Microsoft YaHei; font-size:14px; line-height:25px; color:#333; text-align:center; }

.pageCenter .logo .control { overflow:hidden; text-align:center; }

.pageCenter .logo .control a,

.pageCenter .logo .control a:visited,

.pageCenter .logo .control a:hover,

.pageCenter .logo .control a:active { display:inline-block; width:15px; height:15px; margin:0 2px 0 5px; background:url(../images/sprite.png) -150px -180px no-repeat; text-indent:-9999px; }

.pageCenter .logo .control a:hover { background-position:-170px -180px; }

.pageCenter .logo .control .current,

.pageCenter .logo .control .current:visited,

.pageCenter .logo .control .current:hover,

.pageCenter .logo .control .current:active { background-position:-190px -180px; }

.pageCenterDownload { overflow:hidden; width:100%; height:205px; margin:0 0 80px 0; background-position:50% 0; background-repeat:no-repeat; }

.pageCenterDownload a,

.pageCenterDownload a:visited,

.pageCenterDownload a:hover,

.pageCenterDownload a:active { display:block; overflow:hidden; width:1000px; height:205px; margin:0 auto; }

.pageReserve { overflow:hidden; width:980px; margin:0 auto 100px auto; }

.pageReserve .title { display:block; overflow:hidden; margin:0 0 60px 0; }

.pageReserve .title img { display:block; margin:0 auto; }

.pageReserve .form { overflow:hidden; }

.pageReserve .form .tip { overflow:hidden; position:absolute; right:30px; top:20px; font-family:SimSun; font-weight:bold; line-height:20px; color:#AF0031; }

.pageReserve .form .text { display:block; overflow:hidden; width:420px; height:20px; padding:19px 29px; *padding:18px 29px; border:1px solid #8D8D8D; margin:0; line-height:20px; color:#999; }

.pageReserve .form .text:focus { color:#333; }

.pageReserve .form .textarea { display:block; overflow:hidden; width:940px; height:120px; padding:19px; *padding:18px 19px; border:1px solid #8D8D8D; margin:0; line-height:20px; color:#999; }

.pageReserve .form .textarea:focus { color:#333; }

.pageReserve .form .submit { display:block; overflow:hidden; cursor:pointer; width:180px; height:50px; padding:0; border:0; margin:0 auto; background:#18294C; font-family:Microsoft YaHei; font-size:20px; color:#FFF; text-align:center; }

.pageReserve .form .submit:hover { background:#44526E; }

.pageReserve .form .form01 { display:block; float:left; overflow:hidden; position:relative; width:480px; height:60px; margin:0 0 20px 0; }

.pageReserve .form .form02 { display:block; float:right; overflow:hidden; position:relative; width:480px; height:60px; margin:0 0 20px 0; }

.pageReserve .form .form03 { display:block; overflow:hidden; clear:both; width:980px; height:160px; margin:0 0 40px 0; }

.pageReserve .form .form04 { display:block; overflow:hidden; clear:both; width:980px; height:160px; }

.pageContact { overflow:hidden; border-top:1px solid #CCC; margin:0 0 60px 0; }

.pageContact .title { display:block; overflow:hidden; width:1000px; padding:60px 0 39px 0; border-bottom:1px solid #CCC; margin:0 auto 40px auto; }

.pageContact .title img { display:block; margin:0 auto; }

.pageContact .contact { display:block; overflow:hidden; width:1000px; margin:0 auto 60px auto; }

.pageContact .contact img { display:block; margin:0 auto; }

.pageContact .map,

.pageContact .map:visited,

.pageContact .map:hover,

.pageContact .map:active { display:block; overflow:hidden; width:120px; height:100px; margin:0 auto 59px auto; background:url(../images/sprite.png) -280px 0 no-repeat; text-indent:-9999px; }

.pageContact .map:hover { background-position:-280px -110px; }

.pageContact .detailCh { display:block; overflow:hidden; width:1000px; padding:60px 0 59px 0; border-bottom:1px solid #CCC; margin:0 auto 60px auto; font-family:Microsoft YaHei; font-size:16px; line-height:30px; color:#333;}

.pageContact .detailEn { display:block; overflow:hidden; width:1000px; margin:0 auto 100px auto; font-size:14px; line-height:25px; color:#999; text-align:center; }

.pageContact .mail,

.pageContact .mail:visited,

.pageContact .mail:hover,

.pageContact .mail:active { display:block; overflow:hidden; width:280px; height:20px; padding:9px; border:1px solid #8D8D8D; margin:0 auto 40px auto; background:#8B94A5; font-family:Microsoft YaHei; font-size:14px; line-height:20px; color:#FFF; text-decoration:underline; text-align:center; }

.pageContact .mail:hover { background:#A0A8B5; }

.pageContactLine { border-bottom:1px solid #CCC; }

/*.pageBrand { overflow:hidden; position:relative; border-bottom:1px solid #CCC; margin:0 0 60px 0; }*/

.pageBrand .banner { overflow:hidden; width:1000px; height:95px; margin:0 auto 40px auto; }

.pageBrand .banner img { display:block; width:1000px; height:95px; }

.pageBrand .detailCh { display:block; overflow:hidden; width:1200px; margin:0 auto; }

.pageBrand .detailCh p { margin:0 0 10px 0; font-family:Microsoft YaHei; font-size:14px; line-height:2; color:#333; }

.pageBrand .detailEn { display:block; overflow:hidden; width:1000px; margin:0 auto 60px auto; }

.pageBrand .detailEn p { line-height:24px; color:#999; text-align:center; }

.pageBrand .animate { position:relative; width:300px; height:180px; margin:0 auto 60px auto; }

.pageBrand .animate .elm01 { overflow:hidden; position:absolute; left:-89px; top:45px; width:285px; height:164px; background:url(../images/brand_content02_01.png) 0 0 no-repeat; text-indent:-9999px; opacity:0; filter:Alpha(opacity=0); }

.pageBrand .animate .elm02 { overflow:hidden; position:absolute; left:213px; top:30px; width:90px; height:35px; background:url(../images/brand_content02_02.png) 0 0 no-repeat; text-indent:-9999px; opacity:0; filter:Alpha(opacity=0); }

.pageBrand .leader { display:block; overflow:hidden; width:900px; padding:0 0 0 0; margin:0 auto 60px auto; }

.pageBrand .leader .list { overflow:hidden; width:999999px; }

.pageBrand .leader .list li { display:block; float:left; overflow:hidden; width:220px; margin:0 50px; }

.pageBrand .leader .list li .cover { display:block; overflow:hidden; width:220px; height:240px; margin:0 0 20px 0; }

.pageBrand .leader .list li .cover img { display:block; width:220px; height:240px; }

.pageBrand .leader .list li .article { display:block; overflow:hidden; }

.pageBrand .leader .list li .article .titleCh { display:block; overflow:hidden; font-family:Microsoft YaHei; font-size:16px; line-height:20px; color:#333; }

.pageBrand .leader .list li .article .titleEn { display:block; overflow:hidden; margin:0 0 10px 0; font-family:Tahoma; font-size:12px; line-height:20px; color:#333; text-transform:uppercase; }

.pageBrand .leader .list li .article .detail { font-family:Microsoft YaHei; font-size:14px; line-height:20px; color:#999; }

.pageBrand .prev,

.pageBrand .prev:visited,

.pageBrand .prev:hover,

.pageBrand .prev:active { overflow:hidden; position:absolute; left:50%; top:70px; width:60px; height:60px; margin:0 0 0 -560px; background:url(../images/sprite.png) -70px -220px no-repeat; text-indent:-9999px; }

.pageBrand .prev:hover { background-position:0 -220px; }

.pageBrand .next,

.pageBrand .next:visited,

.pageBrand .next:hover,

.pageBrand .next:active { overflow:hidden; position:absolute; left:50%; top:70px; width:60px; height:60px; margin:0 0 0 500px; background:url(../images/sprite.png) -210px -220px no-repeat; text-indent:-9999px; }

.pageBrand .next:hover { background-position:-140px -220px; }

.pageBrand .time { display:block; overflow:hidden; width:900px; height:30px; padding:80px 0 0 0; margin:0 auto 60px auto; }

.pageBrand .time .list { overflow:hidden; width:999999px; height:30px; background:url(../images/line02.jpg) 0 50% repeat-x; }

.pageBrand .time .list li { display:block; float:left; overflow:hidden; cursor:pointer; width:30px; height:30px; margin:0 55px 0 10px; background:url(../images/sprite.png) -280px -220px no-repeat; text-indent:-9999px; }

.pageBrand .time .list li:hover { background-position:-280px -260px; }

.pageBrand .time .list li span { display:none; overflow:hidden; width:30px; height:30px; background:url(../images/sprite.png) -330px -220px no-repeat; text-indent:-9999px; }

.pageBrand .time .list .current span { display:block; }

.pageBrand .prev,

.pageBrand .prev:visited,

.pageBrand .prev:hover,

.pageBrand .prev:active { overflow:hidden; position:absolute; left:50%; top:70px; width:60px; height:60px; margin:0 0 0 -560px; background:url(../images/sprite.png) -70px -220px no-repeat; text-indent:-9999px; }

.pageBrand .prev:hover { background-position:0 -220px; }

.pageBrand .next,

.pageBrand .next:visited,

.pageBrand .next:hover,

.pageBrand .next:active { overflow:hidden; position:absolute; left:50%; top:70px; width:60px; height:60px; margin:0 0 0 500px; background:url(../images/sprite.png) -210px -220px no-repeat; text-indent:-9999px; }

.pageBrand .next:hover { background-position:-140px -220px; }

.pageBrand .text { overflow:hidden; width:900px; margin:0 auto 60px auto; }

.pageBrand .text .list { overflow:hidden; }

.pageBrand .text .list li { display:none; overflow:hidden; }

.pageBrand .text .list li .date { display:block; overflow:hidden; width:200px; height:20px; padding:5px 0; margin:0 auto 20px auto; background:#18294C; font-family:Tahoma; font-size:18px; line-height:20px; color:#FFF; text-align:center; letter-spacing:2px; }

.pageBrand .text .list li .cover { overflow:hidden; width:280px; height:80px; margin:0 auto 20px auto; }

.pageBrand .text .list li .cover img { display:block; width:280px; height:80px; }

.pageBrand .text .list li .detail { display:block; overflow:hidden; font-family:Microsoft YaHei; font-size:16px; line-height:20px; color:#333; text-align:center; }

.pageBrand .text .list .current { display:block; }

.pageBrand .product { overflow:hidden; position:relative; width:840px; margin:0 auto 100px auto; }

.pageBrand .product .list { overflow:hidden; width:999999px; }

.pageBrand .product .list li { display:block; float:left; overflow:hidden; cursor:pointer; width:200px; margin:0 40px; }

.pageBrand .product .list li .cover { display:block; overflow:hidden; position:relative; width:200px; height:200px; margin:0 0 20px 0; }

.pageBrand .product .list li .cover img { display:block; width:200px; height:200px; }

.pageBrand .product .list li .cover .zoom { overflow:hidden; position:absolute; left:50%; top:50%; z-index:9; width:50px; height:50px; margin:-25px 0 0 -25px; background:url(../images/sprite.png) -200px -290px no-repeat; text-indent:-9999px; opacity:0; filter:Alpha(opacity=0); -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }

.pageBrand .product .list li .cover .mask { overflow:hidden; position:absolute; left:0; top:0; z-index:8; width:200px; height:200px; background:url(../images/bg02.png) 0 0 no-repeat; }

.pageBrand .product .list li .article { overflow:hidden; }

.pageBrand .product .list li .article .titleCh { display:block; overflow:hidden; font-family:Microsoft YaHei; font-size:16px; line-height:20px; color:#333; text-align:center; }

.pageBrand .product .list li .article .titleEn { display:block; overflow:hidden; margin:0 0 10px 0; font-family:Tahoma; line-height:20px; color:#999; text-transform:uppercase; text-align:center; }

.pageBrand .product .list li .article .detail { display:block; overflow:hidden; font-family:Microsoft YaHei; line-height:20px; color:#333; text-align:center; }

.pageBrand .product .list li:hover .cover .zoom { opacity:1; filter:Alpha(opacity=100); }





.pageBrand .anli { overflow:hidden; position:relative; width:840px; margin:0 auto 100px auto; }

.pageBrand .anli .list0 { overflow:hidden; width:999999px; }

.pageBrand .anli .list0 li { display:block; float:left; overflow:hidden; cursor:pointer; width:200px; margin:0 40px; }

.pageBrand .anli .list0 li .cover { display:block; overflow:hidden; position:relative; width:200px; height:200px; margin:0 0 20px 0; }

.pageBrand .anli .list0 li .cover img { display:block; width:200px; height:200px; }

.pageBrand .anli .list0 li .cover .zoom0 { overflow:hidden; position:absolute; left:50%; top:50%; z-index:9; width:50px; height:50px; margin:-25px 0 0 -25px; background:url(../images/sprite.png) -200px -290px no-repeat; text-indent:-9999px; opacity:0; filter:Alpha(opacity=0); -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }

.pageBrand .anli .list0 li .cover .mask { overflow:hidden; position:absolute; left:0; top:0; z-index:8; width:200px; height:200px; background:url(../images/bg02.png) 0 0 no-repeat; }

.pageBrand .anli .list0 li .article { overflow:hidden; }

.pageBrand .anli .list0 li .article .titleCh { display:block; overflow:hidden; font-family:Microsoft YaHei; font-size:16px; line-height:20px; color:#333; text-align:center; }

.pageBrand .anli .list0 li .article .titleEn { display:block; overflow:hidden; margin:0 0 10px 0; font-family:Tahoma; line-height:20px; color:#999; text-transform:uppercase; text-align:center; }

.pageBrand .anli .list0 li .article .detail { display:block; overflow:hidden; font-family:Microsoft YaHei; line-height:20px; color:#333; text-align:center; }

.pageBrand .anli .list0 li:hover .cover .zoom { opacity:1; filter:Alpha(opacity=100); }





.pageBrand .alertBox { display:none; overflow:hidden; position:absolute; left:50%; top:80px; z-index:99; width:460px; padding:40px; margin:0 0 0 -270px; background:#18294C; }

.pageBrand .alertBox .close { overflow:hidden; position:absolute; right:0; top:0; cursor:pointer; width:25px; height:25px; background:url(../images/sprite.png) -370px -220px no-repeat; text-indent:-9999px; }

.pageBrand .alertBox .close:hover { background-position:-370px -250px; }

.pageBrand .alertBox .title { display:block; overflow:hidden; margin:0 0 10px 0; font-family:Microsoft YaHei; font-size:18px; line-height:20px; color:#FFF; text-align:center; }

.pageBrand .alertBox .detail { display:block; overflow:hidden; font-family:Microsoft YaHei; font-size:14px; line-height:25px; color:#FFF; }

.pageBrandLine { background:url(../images/line01.jpg) 0 48px repeat-x; }

.pageProjectAbout { width:100%; margin:0 0 80px 0; background:url(project_../images/bg01.jpg) 50% 90px no-repeat; }

.pageProjectAbout .banner { display:block; position:relative; width:650px; height:250px; margin:0 auto 40px auto; }

.pageProjectAbout .banner .elm01 { overflow:hidden; position:absolute; left:129px; top:0; z-index:1; width:390px; height:232px; background:url(../images/project_elm01.png) 0 0 no-repeat; text-indent:-9999px; }

.pageProjectAbout .banner .elm02 { overflow:hidden; position:absolute; left:129px; top:18px; z-index:0; width:390px; height:232px; background:url(../images/project_elm02.png) 0 0 no-repeat; text-indent:-9999px; opacity:0; filter:Alpha(opacity=0); }

.pageProjectAbout .banner .elm03 { overflow:hidden; position:absolute; right:258px; top:48px; z-index:9; width:0; height:1px; background:url(../images/project_elm03.png) 0 0 no-repeat; text-indent:-9999px; }

.pageProjectAbout .banner .elm04 { overflow:hidden; position:absolute; left:0px; top:23px; z-index:9; width:0; height:12px; background:url(../images/project_elm04.png) 0 0 no-repeat; text-indent:-9999px; }

.pageProjectAbout .banner .elm05 { overflow:hidden; position:absolute; left:317px; top:171px; z-index:9; width:0; height:1px; background:url(../images/project_elm05.png) 0 0 no-repeat; text-indent:-9999px; }

.pageProjectAbout .banner .elm06 { overflow:hidden; position:absolute; right:2px; top:184px; z-index:9; width:0; height:12px; background:url(../images/project_elm06.png) 100% 0 no-repeat; text-indent:-9999px; }

.pageProjectAbout .article { overflow:hidden; }

.pageProjectAbout .article .detailCh { display:block; overflow:hidden; width:900px; margin:0 auto 20px auto; font-family:Microsoft YaHei; font-size:14px; line-height:30px; color:#333; text-align:center; }

.pageProjectAbout .article .detailEn { display:block; overflow:hidden; width:900px; margin:0 auto; line-height:25px; color:#999; text-align:center; }

.pageProjectFeature { overflow:hidden; width:100%; position:relative; background:url(../images/line01.jpg) 0 20px repeat-x; }

.pageProjectFeature .feature { overflow:hidden; *position:relative; width:800px; margin:0 auto 60px auto; }

.pageProjectFeature .feature .list { overflow:hidden; width:999999px; }

.pageProjectFeature .feature .list li { display:block; float:left; overflow:hidden; width:800px; }

.pageProjectFeature .feature .list li .title { display:block; overflow:hidden; width:600px; height:20px; padding:10px 0; margin:0 auto 40px auto; background:#18294C; font-family:Microsoft YaHei; font-size:16px; line-height:20px; color:#FFF; text-align:center; }

.pageProjectFeature .feature .list li .editor { overflow:hidden; }

.pageProjectFeature .feature .list li .editor p { overflow:hidden; margin:0 0 10px 0; font-family:Microsoft YaHei; font-size:14px; line-height:30px; color:#333; text-align:center; }

.pageProjectFeature .prev,

.pageProjectFeature .prev:visited,

.pageProjectFeature .prev:hover,

.pageProjectFeature .prev:active { overflow:hidden; position:absolute; left:50%; top:50%; width:40px; height:40px; margin:-20px 0 0 -500px; background:url(../images/sprite.png) 0 -290px no-repeat; text-indent:-9999px; }

.pageProjectFeature .prev:hover { background-position:-50px -290px; }

.pageProjectFeature .next,

.pageProjectFeature .next:visited,

.pageProjectFeature .next:hover,

.pageProjectFeature .next:active { overflow:hidden; position:absolute; left:50%; top:50%; width:40px; height:40px; margin:-20px 0 0 460px; background:url(../images/sprite.png) -100px -290px no-repeat; text-indent:-9999px; }

.pageProjectFeature .next:hover { background-position:-150px -290px; }

.pageProjectShow { overflow:hidden; width:100%; margin:0 0 80px 0; background:url(../images/line01.jpg) 0 60px repeat-x; }

.pageProjectShow .banner { overflow:hidden; width:800px; height:120px; margin:0 auto 60px auto; }

.pageProjectShow .banner .cover { display:block; overflow:hidden; width:800px; height:120px; }

.pageProjectShow .banner .cover img { display:block; overflow:hidden; width:800px; height:120px; }

.pageProjectShow .article { overflow:hidden; }

.pageProjectShow .article .titleCh { display:block; overflow:hidden; width:800px; margin:0 auto 0 auto; font-family:Microsoft YaHei; font-size:16px; line-height:30px; color:#333; text-align:center; }

.pageProjectShow .article .titleEn { display:block; overflow:hidden; width:800px; margin:0 auto 40px auto; line-height:20px; color:#999; text-align:center; }

.pageProjectShow .article .detail { display:block; overflow:hidden; width:800px; margin:0 auto 60px auto; font-family:Microsoft YaHei; font-size:14px; line-height:30px; color:#333; text-align:center; }

.pageProjectShow .article .link { overflow:hidden; padding:0 0 45px 0; background:url(../images/project_bg02.jpg) 50% 100% no-repeat; text-align:center; }

.pageProjectShow .article .link img { margin:0 15px; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }

.pageProjectShow .article .link a:hover img { opacity:0.8; filter:Alpha(opacity=80); }

.pageProjectTab { overflow:hidden; width:100%; margin:0 0 80px 0; background:url(../images/line01.jpg) 0 60px repeat-x; }

.pageProjectTab .tab { overflow:hidden; width:720px; margin:0 auto 60px auto; }

.pageProjectTab .tab li { display:block; float:left; overflow:hidden; position:relative; width:104px; height:126px; margin:0 8px; }

.pageProjectTab .tab li a,

.pageProjectTab .tab li a:visited,

.pageProjectTab .tab li a:hover,

.pageProjectTab .tab li a:active { display:block; overflow:hidden; position:relative; z-index:1; width:104px; height:127px; background:url(../images/project_ico.png) 0 0 no-repeat; text-indent:-9999px; }

.pageProjectTab .tab li .shadow { display:none; overflow:hidden; }

.pageProjectTab .tab li .nav01,

.pageProjectTab .tab li .nav01:visited,

.pageProjectTab .tab li .nav01:hover,

.pageProjectTab .tab li .nav01:active { background-position:0 0; }

.pageProjectTab .tab .current .nav01,

.pageProjectTab .tab .current .nav01:visited,

.pageProjectTab .tab .current .nav01:hover,

.pageProjectTab .tab .current .nav01:active { background-position:0 -130px; }

.pageProjectTab .tab li .nav02,

.pageProjectTab .tab li .nav02:visited,

.pageProjectTab .tab li .nav02:hover,

.pageProjectTab .tab li .nav02:active { background-position:-110px 0; }

.pageProjectTab .tab .current .nav02,

.pageProjectTab .tab .current .nav02:visited,

.pageProjectTab .tab .current .nav02:hover,

.pageProjectTab .tab .current .nav02:active { background-position:-110px -130px; }

.pageProjectTab .tab li .nav03,

.pageProjectTab .tab li .nav03:visited,

.pageProjectTab .tab li .nav03:hover,

.pageProjectTab .tab li .nav03:active { background-position:-220px 0; }

.pageProjectTab .tab .current .nav03,

.pageProjectTab .tab .current .nav03:visited,

.pageProjectTab .tab .current .nav03:hover,

.pageProjectTab .tab .current .nav03:active { background-position:-220px -130px; }

.pageProjectTab .tab li .nav04,

.pageProjectTab .tab li .nav04:visited,

.pageProjectTab .tab li .nav04:hover,

.pageProjectTab .tab li .nav04:active { background-position:-330px 0; }

.pageProjectTab .tab .current .nav04,

.pageProjectTab .tab .current .nav04:visited,

.pageProjectTab .tab .current .nav04:hover,

.pageProjectTab .tab .current .nav04:active { background-position:-330px -130px; }

.pageProjectTab .tab li .nav05,

.pageProjectTab .tab li .nav05:visited,

.pageProjectTab .tab li .nav05:hover,

.pageProjectTab .tab li .nav05:active { background-position:-440px 0; }

.pageProjectTab .tab .current .nav05,

.pageProjectTab .tab .current .nav05:visited,

.pageProjectTab .tab .current .nav05:hover,

.pageProjectTab .tab .current .nav05:active { background-position:-440px -130px; }

.pageProjectTab .tab li .nav06,

.pageProjectTab .tab li .nav06:visited,

.pageProjectTab .tab li .nav06:hover,

.pageProjectTab .tab li .nav06:active { background-position:-550px 0; }

.pageProjectTab .tab .current .nav06,

.pageProjectTab .tab .current .nav06:visited,

.pageProjectTab .tab .current .nav06:hover,

.pageProjectTab .tab .current .nav06:active { background-position:-550px -130px; }

.pageProjectTab .editor { display:none; overflow:hidden; width:800px; margin:0 auto; }

.pageProjectTab .editor p { display:block; overflow:hidden; font-family:Microsoft YaHei; font-size:14px; line-height:25px; color:#333; text-align:center; }

.pageProjectBanner { overflow:hidden; width:100%; margin:0 0 80px 0; background:url(../images/line01.jpg) 0 75px repeat-x; }

.pageProjectBanner .wrap { overflow:hidden; width:900px; margin:0 auto; }

.pageProjectBanner .set { display:block; float:left; overflow:hidden; width:435px; margin:0 30px 0 0; }

.pageProjectBanner .set .banner { display:block; overflow:hidden; position:relative; cursor:pointer; width:435px; height:150px; margin:0 0 20px 0; }

.pageProjectBanner .set .banner .cover { display:block; overflow:hidden; width:435px; height:150px; }

.pageProjectBanner .set .banner .cover img { display:block; width:435px; height:150px; }

.pageProjectBanner .set .banner .zoom { overflow:hidden; position:absolute; left:50%; top:50%; z-index:9; width:50px; height:50px; margin:-25px 0 0 -25px; background:url(../images/sprite.png) -200px -290px no-repeat; text-indent:-9999px; opacity:0; filter:Alpha(opacity=0); -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }

.pageProjectBanner .set .banner:hover .zoom { opacity:1; filter:Alpha(opacity=100); }

.pageProjectBanner .set .editor { overflow:hidden; }

.pageProjectBanner .set .editor p { overflow:hidden; font-family:Microsoft YaHei; font-size:14px; line-height:25px; color:#333; }

.pageProjectMap { overflow:hidden; width:100%; margin:0 0 120px 0; background:url(../images/line01.jpg) 0 237px repeat-x; }

.pageProjectMap .pageTitle { margin:0 0 40px 0; }

.pageProjectMap .map { overflow:hidden; position:relative; cursor:pointer; width:273px; height:273px; margin:0 auto 60px auto; }

.pageProjectMap .map .cover { display:block; overflow:hidden; width:273px; height:273px; }

.pageProjectMap .map .cover img { display:block; width:273px; height:273px; }

.pageProjectMap .map .zoom { overflow:hidden; position:absolute; left:50%; top:50%; z-index:9; width:50px; height:50px; margin:-25px 0 0 -25px; background:url(../images/sprite.png) -200px -290px no-repeat; text-indent:-9999px; opacity:0; filter:Alpha(opacity=0); -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }

.pageProjectMap .map:hover .zoom { opacity:1; filter:Alpha(opacity=100); }

.pageProjectMap .editor { overflow:hidden; width:800px; margin:0 auto; }

.pageProjectMap .editor .detailCh { display:block; overflow:hidden; margin:0 0 60px 0; font-family:Microsoft YaHei; font-size:14px; line-height:25px; color:#333; text-align:center; }

.pageProjectMap .editor .detailEn { display:block; overflow:hidden; line-height:25px; color:#999; text-align:center; }

.projectMask { display:none; overflow:hidden; position:fixed; left:0; top:0; z-index:9998; width:100%; height:100%; background:#000; opacity:0; filter:Alpha(opacity=0); }

.projectMap { display:none; position:fixed; left:50%; top:50%; z-index:9999; width:800px; height:670px; margin:-335px 0 0 -400px; }

.projectMap .close { overflow:hidden; position:absolute; right:-35px; top:-35px; z-index:9; cursor:pointer; width:70px; height:70px; background:url(../images/sprite.png) -260px -290px no-repeat; text-indent:-9999px; }

.projectMap .close:hover { background-position:-340px -290px; }

.projectSet { display:none; position:fixed; left:50%; top:50%; z-index:9999; opacity:0; filter:Alpha(opacity=0); }

.projectSet .close { overflow:hidden; position:absolute; right:-35px; top:-35px; z-index:9; cursor:pointer; width:70px; height:70px; background:url(../images/sprite.png) -260px -290px no-repeat; text-indent:-9999px; }

.projectSet .close:hover { background-position:-340px -290px; }

.projectSet01 { width:740px; height:580px; margin:-280px 0 0 -370px; }

.projectSet02 { width:720px; height:620px; margin:-310px 0 0 -360px; }

/*web other css end*/


.pageCode{ text-align: center; padding:15px 0; }

.pageCode .p,.pageCode .c{ display:inline;display: inline-block; border:1px #ccc solid; line-height: 35px; }

.pageCode .c{ padding:0 20px; }

.pageCode .p a{ padding:0 20px; display: inline-block; }

.pageCode .p:hover{ border-color: #3388FF; }

.pageCode .p:hover a{ color:#3388FF; }



.case{ width:1000px; margin:0 auto; font-size: 14px; overflow: hidden;  }

.case ul li{ border-bottom:dashed 1px #ccc; overflow: hidden; margin-bottom:15px; width: 500px; float:left; box-sizing: border-box; padding:0 10px 15px; }

.case ul li:hover{  }

.case ul li:nth-of-type(2n){ border-left:solid 1px #ccc; }

.case ul li .pic{ float:left; width:150px; }

.case ul li .pic img{ width:150px; height:150px; }

.case ul li .desc{ float:right; width:310px; }

.case ul li .desc .name{ font-size: 16px; font-weight: bold; }

.case ul li .desc .heAbout{ margin-top:5px; }

.case ul li .desc .contacts{ margin-top:5px; }

.homeCase{ overflow: hidden; display: flex; flex-wrap:wrap; justify-content:space-around;  }

.homeCase li{ margin-top:15px; overflow: hidden; background: #fff; border-radius: 3px;   }

.homeCase li a{ padding:15px; display: flex; flex-wrap:nowrap; position: relative; width: 352px; height: 150px;  }

.homeCase li .biao{   }

.homeCase li .biao img{ width: 120px; height: 120px;  }

.homeCase li .right{ padding-left:10px;  }

.homeCase li .right .name{ font-weight: bold; font-size: 16px; padding-bottom:8px; }

.homeCase li .right .desc{ line-height: 2; }

.homeCase li .hover{ display: flex; justify-content: center;align-items:center; transition: 0.5s; opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom:0; background: rgba(255,255,255,0.9); box-shadow: 0 0 14px 3px #b3b3b3;  }

.homeCase li:hover .hover{ opacity: 1;  }

.homeCase li .hover img{ max-width:90%; max-height: 90%;  }