@charset "utf-8";
/* CSS Document */

#logo, #navigation .parent, .nav-right-bar li li, .head-search, .h-news, .h-rec-l, .date-search .ico, .p-box .fr, .p-list li, .anchor-tabs li, .details-wrap .text li, .two-columns .left, .two-columns .right, .two-columns .rec li, .aid-tabs-nav li, .gray-p-list li, .gray-bg-two-columns .l-min-w, .gray-bg-two-columns .l-max-w, .gray-bg-two-columns .r-max-w, .gray-bg-two-columns .r-min-w, .gray-bg-two-columns .fr, .col-details .image, .media-news-rec .image, .support-wrap .left li, .job-list li, .education-list .image, .i-p-list li, .discuss-wrap .p-t-btn, .discuss-wrap .back, .apply-table select, .login-status li, .home-s-box .box, .home-s-box .sponsored-slider li li { _display: inline /* hacked for IE 6 Double margins  */ }

a.prevBtn, a.nextBtn, .head-search .search-submit, .ad-forward span, .ad-back span, .sub-nav em, .date-search .ico, .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span, .details-wrap .more-link em, #fancybox-close, #fancybox-left-ico, #fancybox-right-ico, .pages em, .data-download-rec ul em, .data-download a span, .date-search .submit-btn, .member-apply .close-btn em { background-image: url('../images/global_bg.png'); background-repeat: no-repeat }

.fl { float: left }
.fr, .back { float: right }
.mt-space { margin-top: 15px }
.highlight, a.highlight { color: #336666 }

span.video { margin: 0 auto }

#header, #content, .deputy-link, #footer .inner { width: 1180px; margin: 0 auto }
#header { padding: 22px 0 0 }
	#header a:hover, #header a { color: #dffe41 }

.head-l, .head-r { height: 105px; background: #336666 }
.head-l { width: 475px }
.head-r { float: right; width: 700px }
.head-l-r { float: right; width: 110px }

#logo {padding-top: 20px; text-align: center;}

.language-switch { padding: 10px 0 0; line-height: 21px }

.home-link { margin: 7px 0 0; padding: 14px 0 0; border-top: 1px solid #ffffff }

.site-title { margin: 10px 0 0 16px; padding: 0 0 6px }

#navigation { position: relative; z-index: 12; margin: 0 0 0 5px }
	#navigation .parent { float: left; margin: 0 10px 0 0 }
	#navigation .sub-min-w { position: relative }
	#cn #navigation .parent { margin-right: 39px }
	#navigation .mrn, #cn #navigation .mrn { margin-right: 0 }
	#navigation .last, #cn #navigation .last { float: right; margin-right: 5px }
	#navigation .clear { *margin: -3px 0 0!important /* hacked for IE 6 ~ 7 */ }
	#cn #navigation .mls1 { margin-right: 27px }
	#cn #navigation .mls2 { margin-right: 27px }
	#cn #navigation .mls3 { margin-right: 15px }
		.parent em a { display: inline-block; height: 25px; padding: 0 12px; line-height: 25px }
		#navigation .hover a, #navigation .hover a:hover { background-color: #ffffff; color: #336666 }
		#navigation .hover { z-index: 100 }

.link-pop { position: absolute; left: -5px; z-index: 14; display: none; width: 634px; min-height: 120px; padding: 30px; border: 3px solid #336666; border-top: 0 none; background: #ffffff }
.sub-min-w .link-pop { left: -3px; width: 140px!important; min-height: initial; min-height: auto\9; padding: 30px 20px }
.link-pop { _height: 120px /* hacked for IE 6 min-height */ }
.sub-min-w .link-pop { _height: auto /* hacked for IE 6 min-height */ }
	#navigation .hover .link-pop a { background-color: transparent }
	#navigation .link-pop a { color: #666666 }
	#navigation .link-pop a:hover { color: #336666 }
.row1 { top: 25px }
.row2 { top: 50px }

	.link-pop .nav-left-bar { width: 120px; margin: -4px 0 -19px; line-height: 19px }
		.link-pop .nav-left-bar li { margin: 0 0 18px }
	.link-pop .nav-right-bar { float: right; width: 510px }

.slider-wrap { position: relative }
	.slider-wrap .slider, .slider-wrap ul, .slider-wrap li { overflow: hidden }

a.prevBtn, a.nextBtn { position: absolute; top: 50%; height: 0; overflow: hidden; padding: 0; text-indent: -9999px }
a.prevBtn { left: 0 }
a.nextBtn { right: 0 }

	.nav-right-bar .slider, .nav-right-bar li { width: 468px }
	.nav-right-bar .slider { margin: 0 auto }
		.nav-right-bar li li { float: left; width: 87px; margin: 0 15px; text-align: center }
	.nav-right-bar img { display: block; margin: 0 0 5px }
	.nav-right-bar .prevBtn, .nav-right-bar .nextBtn, .quarter-fade .prevBtn, .quarter-fade .nextBtn { width: 15px; margin: -12px 0 0; padding-top: 25px }
	.nav-right-bar .prevBtn, .quarter-fade .prevBtn { background-position: 0 0 }
	.nav-right-bar .nextBtn, .quarter-fade .nextBtn { background-position: -20px 0 }

.form, .form .box, .form p { position: relative; z-index: 10 }
	.form .input-text { padding: 2px 5px; border: 0 none; background: none }
	.form .input-clew { position: absolute; top: 0; left: 7px; z-index: 11; color: #999999; cursor: text }
	.form .submit-btn, .form .search-submit { border: 0 none }

.head-search { float: right; clear: both; width: 160px; height: 21px; margin: -23px 16px 0 0; background: #fff }
body#cn .head-search { width: 80px }
	.head-search .input-text { float: left; width: 126px; height: 17px; line-height: 17px }
	body#cn .head-search .input-text { width: 46px }
	.head-search .input-clew { font-size: 11px; line-height: 21px }
	.head-search .search-submit { float: right; width: 21px; height: 21px; background-color: transparent; background-position: -41px 5px; text-indent: -9999px }

#content { min-height: 460px; margin-top: 15px }
#content.home-page { margin-top: 10px }
#content { _height: 460px }

.home-exh-fade { z-index: 10; width: 1180px; height: 417px; overflow: hidden; margin: 0 0 12px }
	.home-exh-fade .slider, .home-exh-fade ul li { width: 1180px }
	.home-exh-fade img {  }
	.home-exh-fade .controls { position: absolute; right: 5px; bottom: 5px; z-index: 150 }
		.home-exh-fade .controls li, .sub-slider .controls li { float: left }
		.home-exh-fade .controls a, .sub-slider .controls a { display: inline-block; padding: 4px 8px; background: #dddddd }
			.home-exh-fade .controls .current a, .home-exh-fade .controls a:hover, .sub-slider .controls .current a, .sub-slider .controls a:hover { background: #336666; color: #ffffff }

.home-s-box {  }
	.home-s-box .box { float: left }
	.home-s-box .l-box { width: 268px; height: 260px; margin: 0 10px 0 0 }
	.home-s-box .video { border-color: #336666; background: #336666 }
		.home-s-box .video .image { position: relative }
		.home-s-box .video .arrow { position: absolute; top: 0; left: 0; display: block; width: 50px; height: 50px; margin: 73px 0 0 114px; background: url('../images/ico_paly.png') no-repeat; opacity: .7; filter: alpha(opacity=70) }
		.home-s-box .video .arrow { _background-image: url('../images/ico_paly_ie.png') }
		.home-s-box .video .arrow { *cursor: pointer }
		.home-s-box .video .image { height: 198px; font-size: 0; line-height: 0; }
		.home-s-box .video img, .home-s-box .service img { display: block; width: 268px; height: 198px }
		.home-s-box .video .text { padding: 12px 9px 0; }
			.home-s-box .video .text div { height: 17px; overflow: hidden; margin: 0 0 6px; line-height: 17px; color: #ffffff; text-overflow: ellipsis; white-space: nowrap }
		.home-s-box .video, .home-s-box .video a, .home-s-box .video a:hover, .home-s-box .service-slider { color: #ffffff }
	.home-s-box .service { border-color: #a64686; background: #a64686 }
	.home-s-box .service-slider { width: 268px; overflow: hidden; color: #363636 }
		.home-s-box .service-slider ul, .home-s-box .service-slider li { width: 268px; overflow: hidden }
		.home-s-box .service-slider li { }
		.home-s-box .service-slider .image { height: 112px; overflow: hidden }
		.home-s-box .service-slider .text { line-height: 35px }
		.home-s-box .service-slider h2 { float: left }
		.home-s-box .blank { display: block; height: 2px; overflow: hidden }
		


	.home-s-box .r-box { float: right; width: 350px; height: 240px; padding: 10px; background: #e7e7e8 }
	.home-s-box .sponsored { width: 268px; overflow: hidden; margin: 0 0 10px }
	.home-s-box .sponsored-slider ul, .home-s-box .sponsored-slider li { width: 350px; height: 110px }
	.home-s-box .sponsored-slider { width: 268px; overflow: hidden }
		.home-s-box .sponsored-slider li ul { width: 360px; margin: 0 -10px 0 0 }
		.home-s-box .sponsored-slider li li { float: left; width: 110px; height: 110px; margin: 0 10px 0 0; background: #ffffff }

.h-m-c { margin: 0 0 5px }

.ad-gallery, .ad-image-wrapper, .ad-loader { width: 310px }
.ad-gallery { float: left }
.ad-image-wrapper, .ad-loader { height: 422px }
.ad-gallery, .ad-image-wrapper { position: relative; overflow: hidden }
.ad-loader { position: absolute; z-index: 10; top: 0; left: 0; background: #fff url('../images/loader.gif') no-repeat 50% 50% }
.ad-image { position: absolute; top: 0; left: 0; z-index: 9; width: 310px; height: 422px; overflow: hidden }
	.ad-image img { -ms-interpolation-mode: bicubic }
.ad-description-title, .ad-description-deputy { position: absolute; left: 0; width: 100%; height: 80px }
.ad-description-deputy { top: -80px }
.ad-nav { position:relative; width: 100%; height: 56px; padding: 11px 0 11px; background: #d3d3d3 }
.ad-forward, .ad-back { position: absolute; top: 11px; z-index: 10; width: 8px; height: 56px; cursor: pointer }
.ad-back { left: 6px }
.ad-forward { right: 6px }
.ad-forward span, .ad-back span { position: absolute; top: 50%; left: 0; display: block; width: 8px; height: 13px; overflow: hidden; margin: -6px 0 0 }
.ad-forward span { background-position: -79px 0 }
.ad-back span { background-position: -66px 0 }
.ad-thumbs { width: 272px; overflow: hidden; margin: 0 auto }
.ad-thumb-list { float: left; width: 9000px }
	.ad-thumbs li { float: left; padding: 0 6px 0 5px; }
		.ad-thumbs a img { display: block; height: 56px; border: 1px solid #c2bfba }
		.ad-thumbs a.ad-active img { border-color: #336666 }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads { position: absolute; left: -9000px; top: -9000px; }

.h-m-c-r { float: right; width: 385px }

.h-member { height: 122px; background: #ffffff }
	.h-member .rec-img { float: left; width: 106px; padding: 8px 0 0 8px }
	.h-member .fod-pop { position: absolute; top: 0; left: 0; z-index: 20; height: 0; overflow: hidden }
		.h-member .fod-pop span { display: inline-block; height: 31px; padding: 0 25px; background: #dedede; line-height: 31px }
	.h-member .form { position: relative; float: right; width: 160px; padding: 8px 8px 0 60px }
		.h-member .form .btn { position: absolute; top: 4px; left: 0 }
		.h-member .form .user-name { color: #2b2b2b }
		.h-member .form .box { float: none; min-height: 21px; padding: 0 0 5px; line-height: 21px }
		.h-member .form .box { _height: 21px }
	.h-member .input-clew { line-height: 21px }
	.h-member .input-text { width: 150px; height: 17px; background: #eeeeee; line-height: 17px }
		.h-member .box p { float: left; width: 104px }
	.h-member .password { position: absolute; top: 0; left: 0; width: 94px; }
	.h-member .submit-btn { float: right; width: 55px; height: 21px; background: #eeeeee; line-height: 21px }

.h-m-rec {  }
    .h-m-rec p, .h-m-rec .f-o-d { position: relative; width: 190px; overflow: hidden }
	.h-m-rec .overlay, .h-m-rec .title, .h-n-rec p .overlay, .h-n-rec p .title { position: absolute; left: 0; bottom: 0; width: 100%; height: 29px; text-indent: 10px }
	.h-m-rec .overlay, .h-n-rec p .overlay { background: #000; opacity: .4; filter: alpha(opacity=40) }
	.h-n-rec p .title, .h-n-rec p .overlay { opacity: 0; filter: alpha(opacity=0) }
	.h-m-rec .title, .h-n-rec p .title { color: #ffffff; line-height: 28px }
		.h-m-rec a .title, .h-m-rec a:hover .title, .h-n-rec p a .title, .h-n-rec p a:hover .title { color: #ffffff }
		.h-n-rec p a:hover .title { opacity: 1; filter: alpha(opacity=100) }
		.h-n-rec p a:hover .overlay { opacity: .4; filter: alpha(opacity=40) }
	.h-m-rec .v { height: 267px; margin: 0 0 5px }
	.h-m-rec .h { height: 159px }
	.f-o-d span { font-size: 15px; line-height: 25px }
		.f-o-d span a { font-size: 17px }

.f-o-d { background: #dddddd }
	.f-o-d .text { padding: 15px 15px 0; font-size: 14px; line-height: 27px; text-align: center }

.h-n-rec {  }

	.h-n-rec p { position: relative }
		.h-n-rec p span {  }

.h-news { float: left; width: 210px; height: 232px; margin: 0 5px 0 0; padding: 13px 15px 15px 15px; background: #e7e7e8 }
	.h-news ul { margin: 12px 0 0; line-height: 39px }
	.h-news li { width: 210px; height: 39px; overflow: hidden; border-bottom: 1px solid #d9d9d9; text-overflow: ellipsis; white-space: nowrap }

.h-rec-l, .h-rec-r p { overflow: hidden; border: 1px solid #d3d3d3 }
.h-rec-l { float: left; width: 188px; height: 158px; margin: 0 5px 0 0 }
.h-rec-r { float: right; width: 190px }
	.h-rec-r p { height: 76px }
	.h-rec-r .t { margin: 0 0 4px }

.deputy-link { margin-top: 35px }
	.deputy-link em { padding: 0 4px }

#footer { margin: 12px 0 0; background: #dedede }
	#footer .inner { overflow: hidden; padding: 12px 0 8px; background: #dedede; line-height: 19px }
	#footer .fl { width: 860px }

.foot-share { padding: 0 10px 0 0 }
	.foot-share li { float: left; padding: 0 10px 0 0 }
	.foot-share img { margin: -4px 5px 0 0 }
	.foot-share img { *position: relative /* hacked for IE 6 ~ 7 */ }
.view-left-bar{float: left; width: 887px;}
.view-right-bar{overflow: hidden;float: right; width: 290px;}
.left-bar { float: left; width: 205px }
	.left-bar .image { margin: 15px 0 0 }
.right-bar { float: right; width: 960px; overflow: hidden }

.sub-nav { background: #f6f6f6 }
	.sub-nav h2 { padding: 8px 0 8px 12px; border-bottom: 1px solid #ffffff; color: #336666; font-size: 24px; line-height: 31px }
		.sub-nav h2 a { color: #336666 }
	.sub-nav ul { line-height: 35px }
		.sub-nav ul a { position: relative; display: block; width: 165px; padding: 0 20px }
		*+html .sub-nav ul a { background: #f6f6f6 /* hacked for IE 7 */ }
		.sub-nav ul a.current, .sub-nav a.selected, .sub-nav ul a:hover { background: #e7e7e7; color: #336666 }
		.sub-nav ul em { position: absolute; top: 14px; right: 15px; width: 5px; height: 7px; background-position: -999px 0 }
		.sub-nav ul a.current em, .sub-nav ul a.selected em, .sub-nav ul a:hover em { background-position: -95px 0 }
.view-right-bar .sub-nav ul a{width:290px;}

.aid-bar { height: 47px; padding: 0 15px; background: #f3f3f3; line-height: 47px }
	.aid-bar .title { float: left; font-size: 14px; color: #363636 }

.date-search { position: relative; float: left }
	.date-search label { float: left; width: 102px }
	.date-search .input-text { float: left; width: 126px; height: 15px; margin: 12px 0 0; padding: 3px 5px; border-width: 1px; line-height: 15px }
	.date-search .submit-btn { position: absolute; top: 14px; left: 220px; width: 19px; height: 19px; border: 0 none; background-color: #ffffff; background-position: -41px 4px }
	.date-search .ico { float: left; margin: 16px 0 0 5px; width: 15px; height: 15px; background-position: 0 -30px; cursor: pointer }

.p-box { width: 200px }
.p-b-box { width: 240px }
	.p-box .image { width: 200px; height: 280px; overflow: hidden; }
	.p-b-box .image { width: 240px; height: auto }
	.p-box .text, .p-b-box .text, .sub-slider .text { padding: 7px 10px; background: #f6f6f6; line-height: 19px }
	/*.p-box .text, .p-b-box .text { text-align: center }*/
		.p-box .text span, .p-b-box span, .sub-slider .text span { display: block; color: #848484 }
		.p-box a strong { padding: 0 15px 0 0 }
		.p-box .fr { margin: 0 0 0 30px }

.p-list {  }
	.p-list ul { width: 1013px; overflow: hidden; margin: 0 -53px 0 0 }
	.p-list li { float: left; margin: 15px 53px 0 0 }

.anchor-tabs { height: 35px; margin: 1px 0 0; padding: 0 0 0 15px; background: #f3f3f3; line-height: 35px }
	.anchor-tabs li { float: left; margin: 0 20px 0 0 }
	.anchor-tabs li a.current { color: #336666 }

.details-wrap {  }
	.details-wrap .text { height: 234px; overflow: hidden; margin: 9px 0 26px }
		.details-wrap .text .inner { line-height: 21px }
	.details-wrap .title { padding: 13px 0 0; border-top: 1px solid #cbcbcb }
	.details-wrap .more-link { position: relative; display: block; height: 8px; margin: -21px 0 21px; padding: 0 0 6px }
		.details-wrap .more-link em { position: absolute; top: 0; right: 5px; width: 13px; height: 8px; overflow: hidden; background-position: -39px -21px }
		.details-wrap .more-link:hover em { background-position: -53px -21px }
		.details-wrap a.regain-link em { background-position: -67px -21px }
		.details-wrap a:hover.regain-link em { background-position: -81px -21px }
	.details-wrap .list { width: 985px; margin: -10px -25px 0 0 }
		.details-wrap .list li { float: left; margin: 10px 25px 0 0 }
		.details-wrap .list p { width: 172px; height: 107px; overflow: hidden }
		.details-wrap .list p img{ max-width: 100%; }

#fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none }
* html #fancybox-loading {	/* IE6 */ position: absolute; margin-top: 0 }
	#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../images/fancybox.png') }
#fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; height: 1000px; width: 100%; background: transparent; z-index: 1100; display: none }
* html #fancybox-overlay {	/* IE6 */ position: absolute; width: 100%; height: 100% }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none }
#fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none }
#fancybox-outer { position: relative; width: 100%; height: 100% }
#fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; background: transparent }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none }
#fancybox-close { position: absolute; top: -39px; right: -79px; z-index: 1104; cursor: pointer; display: none; width: 29px; height: 29px; background-position: -125px -16px }
#fancybox-close:hover { background-position: -125px -77px }
#fancybox_error { color: #444444; font: normal 12px/20px Arial; padding: 7px; margin: 0 }
#fancybox-content { height: auto; width: auto; padding: 0; margin: 0 }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic }
#fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block }
#fancybox-title { position: absolute; bottom: 0; left: 0; font-size: 12px; z-index: 1102 }
.fancybox-title-inside { padding: 10px 0; text-align: center; color: #333333 }
.fancybox-title-outside { float: left; padding-top: 5px; color: #ffffff; text-align: left; font-weight: bold }
.fancybox-title-over { text-align: left }
#fancybox-title-over { position: absolute; bottom: -65px; width: 100%; height: 60px; padding: 3px 0 0; line-height: 19px; text-align: left }
#fancybox-title-wrap { display: inline-block }
	#fancybox-title-wrap span {  }
#fancybox-title-left { display: none }
#fancybox-title-main { float: left; padding-right: 30px; font-weight: bold; line-height: 29px; color: #ffffff }
#fancybox-title-right { display: none }
#fancybox-left, #fancybox-right { position: absolute; bottom: 0; width: 50%; height: 100%; cursor: pointer; outline: none; background-image: url('../images/blank.gif'); z-index: 1103; display: none }
#fancybox-left { left: 0 }
#fancybox-right { right: 0 }
#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; z-index: 1102; cursor: pointer; display: block; width: 31px; height: 61px; margin-top: -30px }
#fancybox-left-ico { background-position: -139px 0 }
#fancybox-right-ico { background-position: 109px 0 }
#fancybox-left, #fancybox-right { visibility: visible /* IE6 */ }
	#fancybox-left span {  }
	#fancybox-left:hover span { left: 30px; background-position: -139px -61px }
	#fancybox-right span {  }
	#fancybox-right:hover span { left: auto; right: 30px; background-position: -109px -61px }

.two-columns { margin: 15px 0 0 }
	.two-columns .left { float: left; width: 660px; margin: 0 -1px 0 0; padding: 0 30px 0 0; border-right: 1px solid #e7e7e7 }
	.two-columns .right { float: right; width: 240px; margin: 0 0 0 -1px; padding: 0 0 0 29px; border-left: 1px solid #e7e7e7 }
		.two-columns .right .text { margin: -4px 0 0; line-height: 21px }

.rec { width: 690px; margin: -15px -30px 0 0 }
		.rec li { float: left; margin: 15px 30px 0 0 }
	.two-columns .list { margin: -23px 0 21px }
	.two-columns .list { *position: relative /* hacked for IE 6 ~ 7 */ }
		.two-columns .list li { display: inline }
		.two-columns .list span { display: block; padding: 21px 0 0 }
		.two-columns .list span.date { padding: 8px 0 0; color: #848484 }
		


.aid-tabs-nav {  }
	.l .aid-tabs-nav { float: left }
		.l .aid-tabs-nav li { margin: 0 20px 0 0 }
	.r .aid-tabs-nav { float: right }
		.r .aid-tabs-nav li { margin: 0 0 0 20px }
	.aid-tabs-nav li { float: left }
	.aid-tabs-nav a,.aid-tabs-nav a:visited{padding: 3px 5px; }
	.aid-tabs-nav a.current, .aid-tabs-nav a.selected, .aid-tabs-nav a:hover { background: #336666;color: #fff;}

.exh-tabs-panel { display: none }

	.two-columns .contact-info, .note-text { margin: -5px 0 0; line-height: 21px }
	.two-columns .contact-info { *position: relative }
	
.note-text {  }
	.note-text h3 { font-weight: bold; font-size: 12px }


.apply-table { width: 100%; margin: 0 0 10px }
	.apply-table th, .apply-table td { border: 1px solid #cccccc; padding: 5px 12px; height: 25px; line-height: 25px }
	.apply-table th { width: 196px; font-weight: normal; text-align: right; vertical-align: top }
	.apply-table .input-text, .apply-table textarea { float: left; width: 402px; border-width: 1px; padding: 3px 5px }
	.apply-table select { float: left; margin: 0 15px 0 0 }
	.apply-table textarea { height: 80px }

.app-submit-btn {  }

.app-ol-form {  }
	.app-ol-form p { overflow: hidden; zoom: 1; padding: 0 0 10px; line-height: 27px }
	.app-ol-form input, .app-ol-form textarea, .app-ol-form button { float: left }
	.app-ol-form .input-text, .apply-inner .input-text { width: 320px; height: 19px; padding: 3px 5px; border-width: 1px; line-height: 19px }
	.app-ol-form textarea { width: 420px; height: 140px; padding: 3px 5px; border-width: 1px; border-style: inset; line-height: 19px }
	.app-ol-form .submit-btn, .app-submit-btn, .apply-inner .submit-btn { width: 70px; height: 27px; border: 0 none; background: #e60012; color: #ffffff; font-size: 14px; line-height: 27px }

.download-app {  }
	.download-app .pic { float: left; width: 245px }
		.download-app .pic img { display: block; margin: 0 0 15px }
	.download-app .text-wrap { float: right; width: 400px; margin: -2px 0 0 }
	.download-app .text-wrap { *position: relative }
		.download-app .text-wrap h3 { margin: 0 0 7px; font-size: 14px }
		.download-app .text-wrap .text { line-height: 21px }
		.download-app .text-wrap a { color: #e60012; text-decoration: underline }

.box-bg-gray { padding: 30px; background: #f3f3f3 }
	.box-bg-gray .p-box .text { background: #e7e7e7 }

.gray-p-list { width: 900px }
	.gray-p-list h3 { padding: 0 0 15px }
	.gray-p-list ul { width: 933px; margin: -15px -63px 0 0 }
	.gray-p-list li { float: left; margin: 15px 33px 0 0 }

.gray-space { display: block; height: 0; overflow: hidden; margin: 25px 0 13px 0; border-top: 1px solid #cbcbcb }

.gray-bg-two-columns {  }
	.gray-bg-two-columns .l-max-w, .gray-bg-two-columns .l-min-w { float: left; margin: 0 -1px 0 0; padding: 0 30px 0 0; border-right: 1px solid #ffffff }
	.gray-bg-two-columns .l-min-w, .gray-bg-two-columns .r-min-w { width: 240px }
	.gray-bg-two-columns .r-max-w, .gray-bg-two-columns .r-min-w { float: right; padding: 0 0 0 29px; margin: 0 0 0 -2px; border-left: 1px solid #ffffff }
	.gray-bg-two-columns .l-max-w, .gray-bg-two-columns .r-max-w { width: 600px }
	.gray-bg-two-columns .image { width: 240px; line-height: 17px }
		.gray-bg-two-columns .r-min-w .image { margin: 0 0 19px }
		.gray-bg-two-columns .image img { display: block; margin: 0 0 7px }
		.gray-bg-two-columns .image span { display: block }
	.gray-bg-two-columns .fr { margin: 0 0 0 30px }
	.gray-bg-two-columns .text { margin: -4px 0 0; line-height: 21px }
		.gray-bg-two-columns .text img { margin: 4px 0 }
	.gray-bg-two-columns .details-title { position: relative; margin: 0 0 17px }
		.gray-bg-two-columns .details-title h2 { color: #363636 }
		.gray-bg-two-columns .details-title h3 { margin: 5px 0 0; color: #848484 }
		.gray-bg-two-columns .details-title .back { position: absolute; top: 0; right: 0 }

.col-wrap, .int-wrap { margin-top: 0 }
	.int-wrap .rec { margin-top: 0 }
	/*.int-wrap .left, .int-wrap .right { margin-top: 15px }*/

.current-theme { margin: 15px 0 0; background: #f3f3f3 }
	.current-theme .title { height: 37px; padding: 0 0 0 12px; border-bottom: 1px solid #ffffff; font-size: 14px; line-height: 37px }
	.current-theme .text { padding: 7px 12px; line-height: 21px }

.media-news-rec li, .data-download-rec li, .news-list li, .s-activity li, .education-list .panel { *float: left /* hacked for IE 6 ~ 7 */ }

.education-ad { }
	.education-ad .ad { width: 473px; height: 162px; overflow: hidden }

.education-list { margin: 0 0 21px }
	.education-list .panel { margin: 15px 0 0 }
		.education-list .image { float: left; wdith: 116px; height: 162px; overflow: hidden; margin: 0 1px 0 0 }
		.education-list ul { float: left; width: 110px; height: 161px; overflow: hidden; border-bottom: 1px solid #e7e7e7 }
			.education-list ul li, .education-list ul a { width: 110px; height: 39px; line-height: 39px; text-align: center }
			.education-list ul li { border-top: 1px solid #e7e7e7 }
			.education-list ul a { display: block; background: #f3f3f3; cursor:pointer }
			.education-list ul a:hover { background: #959595; color: #ffffff }
		.education-list .box { float: left; width: 691px; height: 160px; padding: 0 20px 0; border: 1px solid #e7e7e7 }
		.education-list .title { padding: 17px 0 11px; font-weight: bold; font-size: 13px }
		.education-list .date { font-weight: bold }
		.education-list .text { margin: 11px 0 0; width: 691px; height: 76px; overflow: hidden; line-height: 19px; text-overflow: ellipsis }

.educate-details { margin: 15px 0 0 }
	.educate-details .left, .educate-details .right { width: 473px }

.main-info { margin: 0 0 15px; border: 1px solid #e7e7e7 }
	.main-info .image { float: left; width: 250px; overflow: hidden }
	.main-info .info { float: right; width: 221px; min-height: 348px; overflow: hidden }
	.main-info .info { height: 348px /* hacked for IE6 */ }
	.main-info dl { min-height: 271px; padding: 16px 20px 0 }
	.main-info dl { _height: 271px /* hacked for IE6 */ }
	.main-info dt { padding: 0 0 19px; line-height: 19px }
	.main-info dd { line-height: 25px }
	.main-info .num { margin: 0 0 0 -1px; border-top: 1px solid #e7e7e7 }
		.main-info .num li { float: left; width: 110px; height: 60px; border-left: 1px solid #e7e7e7; line-height: 60px; text-align: center }

.discuss-wrap { padding: 11px 15px 15px; border: 1px solid #e7e7e7 }
	.discuss-wrap .title { min-height: 17px; padding: 0 0 9px; border-bottom: 1px solid #e7e7e7; line-height: 19px }
	.discuss-wrap .title { _height: 17px /* hacked for IE 6 */ }
		.discuss-wrap .title h2 { color: #363636; font-size: 14px }
	.discuss-wrap .p-t-btn, .discuss-wrap .back { float: right; margin: 3px 0 0 30px }
	.discuss-wrap .p-t-btn { position: relative; height: 17px; padding: 0 4px; background: #336666; color: #ffffff; line-height: 17px }
	.discuss-wrap .p-t-btn:hover { color: #ffffff }
		.discuss-wrap .p-t-btn em { position: absolute; right: 4px; bottom: -5px; width: 0; height: 0; overflow: hidden; border: 5px dashed transparent; border-right: 5px solid #336666 }
	.discuss-wrap .list {  }
		.discuss-wrap .list li { margin: 12px 0 0; padding: 0 0 5px; border-bottom: 1px dotted #e7e7e7; line-height: 17px }
	.discuss-wrap .author { float: right; color: #848484 }
		.discuss-wrap .author span { color: #545454 }
	.discuss-wrap .info { clear: both; padding: 7px 0 0; color: #848484 }
		.discuss-wrap .info .num { padding: 0 30px 0 0 }
	.discuss-wrap .pages { margin: 17px 0 0 }

.educate-info { padding: 17px 20px; background: #f3f3f3; line-height: 21px }

.talk-list { margin: 15px 0 0 }
	.talk-list dt { padding: 9px 8px 15px; background: #f6f6f6; border-bottom: 1px solid #e7e7e7 }
	.talk-list dd { margin: 13px 0 0; padding: 0 0 5px; border-bottom: 1px dotted #e7e7e7 }
	.talk-list .author { float: none }
	.talk-list .date { color: #848484 }
		.talk-list dt .date { float: right }
	.talk-list .text { margin: 9px 0 0; line-height: 21px }
		.talk-list dd .author, .talk-list dd .text { color: #545454 }
		.talk-list dd .author { padding: 0 30px 0 0 }
		.talk-list dd .text { margin-top: 5px }

	.discuss-wrap .discuss-form { margin: 15px 0 0 }
	.discuss-wrap .reply-box { margin-top: 25px }
	.discuss-wrap .box { position: relative; padding: 0 0 15px }
	.discuss-wrap .input-clew { position: absolute; top: 0; left: 5px; height: 23px; line-height: 23px }
	.discuss-wrap .input-text, .discuss-wrap textarea { width: 425px; height: 17px; padding: 2px 5px; border-width: 1px; line-height: 17px }
	.discuss-wrap textarea { height: 85px }
	.discuss-wrap .submit-btn { padding: 0 11px; height: 27px; border: 0 none; background: #336666; color: #ffffff; line-height: 27px }
	

.sub-slider, .sub-slider ul li { width: 660px; height: 463px; overflow: hidden }
	.sub-slider .image { width: 660px; height: 411px; overflow: hidden }
	.sub-slider .controls { position: absolute; right: 5px; bottom: 25px; z-index: 150 }

.i-p-list { clear: both; width: 630px; margin: -20px -30px 0 0 }
	.i-p-list li { float: left; width: 285px; margin: 20px 30px 0 0 }
	.i-p-list span { display: block; padding: 3px 0 0; color: #848484 }

.i-p-r {  }
		.gray-bg-two-columns .i-p-r .image { margin: 15px 0 0 }
		.gray-bg-two-columns .i-p-r img { margin: 0 }

.col-right-rec { margin: -15px 0 0 }
	.col-right-rec li { margin: 15px 0 0 }

.col-introduce { line-height: 21px }

	.col-filter .text { height: auto; margin: 10px 0 21px }
	.col-filter .list { margin-top: -15px }
		.col-filter .list p { margin: 0 0 7px }
		.col-filter .list li { margin-top: 15px; width: 172px; }
		.col-filter h3.first { margin-top: 15px; padding: 0; border: 0 none }

.col-details { margin: 15px 0 0 }
	.col-details .image { float: left; margin: 0 15px 0 0; text-align: right }
		.col-details .image img { display: block; margin: 0 0 7px }
	.col-details .text { float: left; width: 285px; margin: -11px 0 0; line-height: 35px }
	.col-details .text { *position: relative /* hacked for IE 6 ~ 7 */ }

.media-wrap {  }
	.media-wrap .sub-slider, .media-wrap .sub-slider ul li { width: 545px; height: 391px }
		.media-wrap .sub-slider .image { width: 545px; height: 339px }

	.media-wrap .left { float: left; width: 545px }
	.media-wrap .right { float: right; width: 400px }

.media-news-rec { margin: 20px 0 0; zoom: 1; border-top: 1px solid #e7e7e7 }
	.media-news-rec li { margin: 20px 0 0 }
	.media-news-rec .image, .news-list .image { float: left; width: 200px; height: 125px; overflow: hidden; margin: 0 1px 0 0 }
	.media-news-rec .box, .news-list .box { float: right; width: 303px; padding: 1px 20px 0; height: 122px; border: 1px solid #e7e7e7; border-left: 0 none; zoom: 1 }
	.media-news-rec .title, .news-list .title, .data-download-rec .title, .data-download .title { height: 14px; overflow: hidden; margin: 13px 0 4px; text-overflow: ellipsis; white-space: nowrap }
	.media-news-rec .title { width: 400px }
	.media-news-rec .date, .news-list .date { color: #848484; white-space: nowrap }
	.media-news-rec .text, .news-list .text { width: 400px; height: 51px; overflow: hidden; margin: 5px 0 0; line-height: 17px; text-overflow: ellipsis }

.data-download-rec {  }
	.data-download-rec li { margin: 15px 0 0 }
	.data-download-rec .image, .data-download .image { float: left; width: 136px; height: 188px; overflow: hidden; margin: 0 1px 0 0 }
	.data-download-rec .box, .data-download .box { float: right; width: 222px; padding: 1px 20px 0; height: 185px; border: 1px solid #e7e7e7; border-left: 0 none; zoom: 1 }
	.data-download-rec .box { width: 367px }
	.data-download-rec .title, .data-download .title { margin-top: 11px }
	.data-download-rec .title { width: 367px }
	.data-download-rec .info, .data-download .info { display: block; margin: 13px 0 0; color: #848484 }
		.data-download-rec li li, .data-download li li { margin: 15px 0 0 }
		.data-download-rec li li { *float: none /* hacked for IE 6 ~ 7 */ }
	.data-download-rec a, .data-download a { position: relative; display: inline-block; display: inline\9; zoom: 1; padding: 0 0 0 15px }
	.data-download-rec a em, .data-download a span { position: absolute; top: 5px; left: 0; width: 9px; height: 6px; overflow: hidden; background-position: -58px -32px }
		.data-download-rec a:hover em, .data-download a:hover span { background-position: -72px -32px }

.partner-rec { width: 370px; padding: 15px; background: #f3f3f3 }
	.partner-rec ul { width: 390px; overflow: hidden; margin: -15px -20px 0 0 }
	.partner-rec li { float: left; width: 110px; height: 110px; overflow: hidden; margin: 15px 20px 0 0; background: #ffffff }

.news-list { margin: 0 0 21px }
	.news-list li { margin: 15px 0 0 }
	.news-list .title { width: 718px }
	.news-list .box, .news-list .text { width: 718px }

.data-download { width: 915px; margin: -15px -15px 21px 0 }
	.data-download li { float: left; width: 442px; margin: 15px 15px 0 0 }
	.data-download .title { width: 264px }
	.data-download .box { width: 264px; overflow: hidden; background: #ffffff }
	.data-download .box { _overflow: hidden }

.partner-list {  }
	.partner-list li { width: 110px; height: 110px; overflow: hidden; margin-right: 22px; background: #ffffff }
		.partner-list li p { position: relative; display: table-cell; width: 110px; height: 110px; vertical-align: middle; text-align: center }
		.partner-list li span { position: static; +position: absolute; top: 50% }
			.partner-list li span img { position: static; +position: relative; top: -50%; left: -50%;  }

	.media-faq .box-bg-gray { padding-top: 1px; zoom: 1 }
	.media-faq dl { margin: 30px 0 0; line-height: 17px }
	.media-faq dt { color: #336666 }
	.media-faq dd { margin: 7px 0 0 }

.ol-b {  }
	.ol-b .mini-w { width: 206px }
	.ol-b .radio { float: left; padding: 0 0 0 15px; line-height: 27px }
		.ol-b .radio input { float: left; height: 27px; margin: 0 5px 0 0 }
		.ol-b .radio input { margin: 0 5px 0 0\9 /* hacked for IE 6 ~ 8 */ }

.suppore-rec-image { padding: 0 0 30px }

	.support-wrap .left { float: left; width: 600px }
		.support-wrap ul { margin: -15px 0 0 }
		.support-wrap .left li { position: relative; z-index: 10; float: left; width: 270px; height: 165px; margin: 15px 30px 0 0 }
		.support-wrap .left h2 { position: absolute; bottom: 17px; left: 20px; font-size: 15px }
		.support-wrap .left a { color: #ffffff }

	.support-wrap .right { float: right; width: 300px }
		.support-wrap .right .title { font-size: 13px }
	.support-wrap .auto-scroll { height: 526px; overflow: auto }
		/*.support-wrap .right li, .support-wrap .right p { width: 150px; height: 60px }
		.support-wrap .right li { float: left; overflow: hidden; margin: 30px 0 0 }
		.support-wrap .right p { position: relative; display: table-cell; vertical-align: middle; text-align: center }
		.support-wrap .right span { position: static; +position: absolute; top: 50% }
		.support-wrap .right img { position: static; +position: relative; top: -50%; left: -50% }*/

.s-activity { margin: -15px 0 0 }
	.s-activity li { margin: 15px 0 0 }
	.s-activity .image { float: left; width: 220px }
	.s-activity .box { float: right; width: 360px }
	.s-activity .title { margin: -1px 0 5px }
	.s-activity .title { *position: relative /* hacked for IE 6 ~ 7 */ }
	.s-activity .date { color: #848484 }
	.s-activity .text { width: 360px; height: 85px; overflow: hidden; margin: 15px 0 0; line-height: 17px; text-overflow: ellipsis }
	
.job-list { width: 630px; margin: -30px -30px 0 0 }
	.job-list li { float: left; width: 180px; margin: 30px 30px 0 0; padding: 0 0 15px }
	.job-list .title { margin: 0 0 11px }
	.job-list a .title { color: #363636 }
	.job-list a:hover .title { color: #336666 }
	.job-list .text { line-height: 19px }

.job-hide-box, .theme-hide-box { display: none }

.job-text-box, .theme-text-box { width: 660px; overflow: visible; padding: 0 0 20px; line-height: 21px }
	.job-text-box .title, .theme-text-box .title { margin: 0 0 11px; color: #363636; text-align: center }
	.job-text-box .text, .theme-text-box .text { line-height: 21px }

.results-wrap {  }
	.results-wrap .project-wrap { display: none }
	.results-wrap .left-title { margin: 0 0 29px; font-size: 36px }
	.results-wrap .type-box { margin: 0 0 25px; padding: 0 0 30px; border-bottom: 1px dotted #e7e7e7 }
	.results-wrap .type-title { font-size: 14px }
		.results-wrap .col-filter .text { height: auto; margin-bottom: 0 }
		.results-wrap .data-download { margin-top: 0 }
	
	.results-wrap  .data-download { width: 974px; margin-right: -14px }
		.results-wrap  .data-download li { width: 473px; margin-right: 14px }
		.results-wrap  .data-download .box { width: 295px }
	
.art-select-box { position: relative; z-index: 100; color: #363636; cursor: pointer }
.art-select-box:hover, .art-select-selected { color: #336666 }
    .art-select-box div { position: absolute; bottom: 21px; left: 0; width: 200px; height: 0; overflow: hidden; background: #ffffff }
	.art-select-box ul { background: #ffffff }
	.art-select-box li { background: #dedede; margin: 0 0 1px; padding: 0 10px; line-height: 29px }
	
.card-wrap { padding: 1px 0 0; zoom: 1 }
	.card-wrap h2 { margin: 15px 0 0; padding: 15px 0 0; border-top: 1px solid #ffffff }
	.card-wrap h3 { margin: 5px 0 15px }
	.card-wrap .image { float: left; width: 200px }
	.card-wrap .text { float: right; width: 380px }

.site-map {  }
	.site-map dl { float: left; width: 200px }
	.site-map dt { margin: 0 0 11px; font-weight: bold; font-size: 13px }
	.site-map dd { line-height: 25px }
	.site-map .clear { padding: 24px 0 0!important; margin: 0 0 30px!important; border-bottom: 1px solid #ffffff }

.login-register, .success-wrap, .get-password  { zoom: 1; position: relative; padding: 30px; background: #f3f3f3 }
.login-wrap, .register-wrap { width: 530px }
.login-wrap { float: left }
.register-wrap { float: right }
	.login-register h2 { margin: 0 0 38px; font-size: 16px }
	.login-register .box, .get-password .box { min-height: 23px; padding: 0 0 12px 100px; line-height: 23px }
	.login-register .box, .get-password .box { _height: 23px /* hacked for IE 6 min-height */ }
	.login-register label, .login-register input, .login-register button, .login-register span, .get-password label, .get-password input, .get-password button { float: left }
	.login-register label, .get-password label { width: 90px; margin: 0 0 0 -100px; padding: 0 10px 0 0; text-align: right }
	.login-register .input-text, .login-register .input-password, .get-password .input-text { width: 160px; height: 17px; padding: 2px 3px; border: 1px solid #918B89 }
	.login-register .check { height: 23px; margin: 0 3px 0 0; border-width: 0 }
	.login-register .check { margin: 0\9 /* hacked for IE 6 ~ 8 */ }
	.login-register .clew { padding: 0 0 0 11px; color: #ff0000 }
	.login-register .submit-btn, .get-password .submit-btn { width: 108px; height: 31px; margin: 21px 0 0; border: 0 none; background: #336666; color: #ffffff; line-height: 31px }
	.login-register .vertical-space { position: absolute; top: 85px; left: 48%; width: 1px; height: 228px; background: #aaaaaa }

.success-wrap h2, .success-wrap .info, .success-wrap .go-mail, .success-wrap h3 { margin: 0 0 9px }
	.success-wrap h2, .success-wrap h3 { color: #2b2b2b }
	.success-wrap h2 { font-weight: bold; font-size: 24px }
	.success-wrap .info { line-height: 23px }
	.success-wrap .go-mail { display: block; width: 100px; height: 33px; background: #336666; color: #ffffff; line-height: 33px; font-size: 16px; text-align: center }
	.success-wrap a:hover.go-mail { background: #666666; color: #ffffff }
	.success-wrap h3 { font-size: 18px }

	.get-password div { width: 400px; margin: 0 0 0 380px }
	.get-password .submit-btn { width: 62px; height: 23px; margin: 0 15px 0 0; line-height: 23px }
	.get-password span.box { display: block; padding-bottom: 0 }

.box-bg-gray .ad-gallery, .box-bg-gray .ad-image-wrapper, .box-bg-gray .ad-loader, .box-bg-gray .ad-image { width: 600px }
.box-bg-gray .ad-gallery { float: none }
.box-bg-gray .ad-image-wrapper, .box-bg-gray .ad-loader, .box-bg-gray .ad-image { height: 400px }
.box-bg-gray .ad-nav { padding: 11px 0 0; background: none }
.box-bg-gray .ad-back { left: 0 }
.box-bg-gray .ad-forward { right: 0 }
.box-bg-gray .ad-nav, .box-bg-gray .ad-forward, .box-bg-gray .ad-back, .box-bg-gray .ad-thumbs a img { height: 28px }
		.box-bg-gray .ad-thumbs a img { border: 0 none }
		.box-bg-gray .ad-thumbs { width: 560px }
			.box-bg-gray .ad-thumbs li { float: left; padding: 0 5px 0 0 }

.member-apply { position: relative }
.apply-inner { position: absolute; top: 0; right: 30px; z-index: 100; width: 0; overflow: hidden; zoom: 1; padding: 0 0 15px; background: #ffffff }
	.apply-inner table { margin: 15px 15px 10px; width: 568px }
	.apply-inner td { height: 25px; padding: 5px 12px; border: 1px solid #cccccc; line-height: 25px }
	.apply-inner label, .apply-inner .input-text { float: left }
	.apply-inner label { padding: 0 10px 0 0 }
	.apply-inner .check { width: 170px }
		.apply-inner .check input, .apply-inner .radio input { float: left; height: 25px; border: 0 none }
	.apply-inner .input-text { width: auto }
	.apply-inner .submit-btn { margin: 0 0 0 15px }


	.member-apply .close-btn { position: absolute; top: 0; left: 579px; z-index: 90; padding: 3px; background: #ffffff; opacity: 0; filter: alpha(opacity=0) }
		.member-apply .close-btn em { display: block; width: 15px; height: 15px; background-position: -132px -23px; cursor: pointer }
		.member-apply .close-btn:hover em { background-position: -132px -84px }

.apply-overlay { position: fixed; top: 0; left: 0; z-index: 80; display: none; width: 100%; height: 100%; background: #000000; opacity: .4; filter: alpha(opacity=40) }

.apply-overlay { *width: 0; *height: 0; *overflow: hidden; *left: -9999px; *top: -9999px }

.login-status { padding: 15px 20px; line-height: 31px }
	.login-status .user-name { float: left }
		.login-status .user-name span { padding: 0 10px 0 0; color: #2b2b2b }
	.login-status .operation { float: right; width: auto; padding-top: 0; line-height: 31px }
	.login-status li { float: left; margin: 0 0 0 10px }

.activity-show img { margin: 0 0 10px }

.quarter-list-rec { width: 414px; margin: -14px -14px 0 0 }
	.quarter-list-rec li.p-box, .quarter-list-rec img { width: 193px }
	.quarter-list-rec li { float: left; margin: 14px 14px 0 0 }

.season-wrap .p-box, .season-wrap .p-box .image { width: 200px }

.reported-download {  }
	.reported-download .image, .reported-download img { width: 199px; height: 132px; overflow: hidden }
	.reported-download .box { width: 200px; height: 129px }
	.reported-download .title { width: 200px }

.quarter-wrap { position: relative }
	.quarter-wrap .title, .quarter-wrap .en_title { position: absolute; left: 60px; width: 20px; font-size: 14px }
	.quarter-wrap .en_title { top: 92px; left: -30px; width: 200px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) }
	.quarter-wrap .en_title { top: 0\9; left: 60px\9; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); background: #ffffff\9 }

.quarter-fade { width: 400px }
	.quarter-fade .slider { width: 203px; margin: 0 auto }
	.quarter-fade li { float: left; width: 203px }
	.quarter-fade img { width: 193px }
	.quarter-fade .text { width: 173px }
	.quarter-fade .prevBtn { left: 30px }
	.quarter-fade .nextBtn { right: 30px }

.monthly-news { margin: 15px 0 0; border: 1px solid #e7e7e7 }
	.monthly-news .title { padding: 7px 10px; border-bottom: 1px solid #e7e7e7; font-size: 16px; line-height: 19px }
	.monthly-news .list { padding: 5px 10px 10px }
	.monthly-news li { padding: 5px 0; border-bottom: 1px dashed #e7e7e7; line-height: 19px }
	.monthly-news li:last-child { padding: 5px 0 0; border: 0 none }
	
.institute-list { margin: 30px 0 -12px }
	.institute-list li { margin: 0 0 12px }
/*NEWSFEED 新闻流*/
.index_lm2{ width:100%; height:20px; line-height:20px; padding-top:30px; clear:both;}
.index_lm2 h2 { font-size:20px; color:#474D58; font-weight:bold;}
.index_lm3{ width:100%; height:20px; line-height:20px; padding-top:30px; font-size:18px; color:#A6A6A6; clear:both; font-weight:bold;}
.index_lm3 span{ display:block; float:right; line-height:12px; color:#A6A6A6; font-size:12px; padding-top:3px; /*font-weight:lighter;*/}
.index_4{ overflow:hidden; width:100%;}
.index_4 .index4_ft{ width:806px; float:left; overflow:hidden; padding-top:10px}
.index_4 .index4_ft .index4_1{overflow:hidden;}
.index_4 .index4_ft .index4_1 ul li{ clear:both; border-bottom: 1px dotted #d3d6da; padding:26px 0px 40px; overflow:hidden; position:relative;}
.index_4 .index4_ft .index4_1 ul li p{ width:250px; position:relative; float:left; padding-right:30px;}
.index_4 .index4_ft .index4_1 ul li p a.more{ display:block; width:100%; height:100%; background:url(../images/z_1.png); _background:none; position:absolute; top:0px; left:0px; display:none;background:none\0;background:none\\0;*background:none;}
.index_4 .index4_ft .index4_1 ul li p img { width:100%; height:auto; _height:141px}
.index_4 .index4_ft .index4_1 ul li h1{ line-height:30px; font-size:20px; /*font-weight:lighter;*/ float:right; width:520px}
.index_4 .index4_ft .index4_1 ul li h1 a{ color:#121212; display:block; width:90%;}
.index_4 .index4_ft .index4_1 ul li h3{ line-height:30px; font-size:20px; /*font-weight:lighter;*/ float:right; width:520px}
.index_4 .index4_ft .index4_1 ul li h3 a{ color:#121212; display:block; width:90%;font-size: 20px;}
.index_4 .index4_ft .index4_1 ul li h4{ line-height:20px; font-size:12px; color:#787878; /*font-weight:lighter;*/ float:right; width:520px; }
.index_4 .index4_ft .index4_1 ul li h5{ padding-top:15px; line-height:22px; font-size:12px; /*font-weight:lighter;*/ float:right; width:520px; }
.index_4 .index4_ft .index4_1 ul li h5 a{ display:block; width:90%; color:#575757; font-size: 14px;letter-spacing: 0.03em;line-height: 1.5;}
.index_4 .index4_ft .index4_1 ul li h6 { background:#FFF;filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; font-size:12px; font-variant:normal; width:60px; line-height:28px; left:0.3rem; top:2rem; position:absolute; text-align:center; color:#000; _display:none;border-radius: 1rem;}

.index_4 .index4_ft .index4_1#tag_li h4{ _margin-top:-20px;}
.index_4 .index4_ft .index4_1#tag_li h5{ _margin-top:-25px;}

.index_4 .index4_ft .index4_2{ overflow:hidden; padding-top:30px;}
.index_4 .index4_ft .index4_2 ul li{ width:253px; float:left; margin-right:10px; border:1px solid #F2F2F2; overflow:hidden;}
.index_4 .index4_ft .index4_2 ul li p{ overflow:hidden; width:253px; position:relative;}
.index_4 .index4_ft .index4_2 ul li p a.more{ display:block; width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../images/z_1.png); _background:none;background:none\0;background:none\\0;*background:none;}
.index_4 .index4_ft .index4_2 ul li img{ width:253px; height:253px;}
.index_4 .index4_ft .index4_2 ul li h3{ width:90%; margin:0 auto; height:72px; line-height:24px; font-size:16px; padding-top:18px;}
.index_4 .index4_ft .index4_2 ul li h3 a{ color:#121212;}
.index_4 .index4_ft .index4_2 ul li h3 a:hover{ color:#75BDF1;}
.index_4 .index4_ft .index4_2 ul li h4{ width:90%; margin:0 auto; height:30px; line-height:30px; font-size:12px; }
.index_4 .index4_ft .index4_2 ul li h4 a{ display:block; float:left; width:20px; padding-left:20px; color:#CACDD2;}
.index_4 .index4_ft .index4_2 ul li h4 a.zuo{ background:url(../images/pic_5.jpg) no-repeat left;}
.index_4 .index4_ft .index4_2 ul li h4 a.you{ background:url(../images/pic_6.jpg) no-repeat left;}
.index_4 .index4_ft .index4_2 ul li h4 span{ display:block; float:right; color:#CACDD2;}

.index_4 .index4_ft .index4_3{ width:100%; clear:both; overflow:hidden; border-bottom: 1px dotted #d3d6da; padding:30px 0px;}
.index_4 .index4_ft .index4_3 img{ width:100%;}

.index_4 .index4_fr{ width:260px; float:right; overflow:hidden;}
.index_4 .index4_fr ul li{ width:260px; margin:0 auto; overflow:hidden; margin-top:20px; clear:both; position:relative; text-align:center; background:url(../images/pic_21.jpg)}
.index_4 .index4_fr ul li img{ width:255px;}
.index_4 .index4_fr ul li h3{ width:260px; overflow:hidden; height:37px; font-size:12px; position:absolute; bottom:0px; left:0px; z-index:333; text-align:left; background:url(../images/pic_19.jpg) bottom; }
.index_4 .index4_fr ul li h3 a{ display:block; width:90%; margin:0 auto; height:37px; line-height:37px; color:#717171; text-overflow:ellipsis; overflow:hidden;font-weight: bold;}
.index_4 .index4_fr ul li h3 span{ display:block; width:90%; margin:0 auto; line-height:19px; color:#6A6A6A; /*font-weight:lighter;*/}

@media all and (max-width:1200px) {
.index_4{ width:915px;}
.index_4 .index4_ft{ width:100%; float:none;}
.index_4 .index4_fr{ display:none;}
.index_4 .index4_ft .index4_1{ width:900px;}
.index_4 .index4_ft .index4_1 ul li { width:100%}
.index_4 .index4_ft .index4_1 ul li p{ width:280px; float:left}
.index_4 .index4_ft .index4_1 ul li h4 { float:none; width:auto}
.index_4 .index4_ft .index4_1 ul li h5 { float:none; width:auto}
.index_4 .index4_ft .index4_1 ul li h1 { float:none; width:auto}
.index_4 .index4_ft .index4_1 ul li h3 { float:none; width:auto}
.index_4 .index4_ft .index4_2 ul li{ width:285px;}
.index_4 .index4_ft .index4_2 ul li img{ width:285px; height:285px;}
.index_4 .index4_ft .index4_2 ul li p{ width:285px;}
}
@media all and (max-width:960px) {
.index_4{ width:720px;}
.index_4 .index4_ft .index4_1{ width:720px;}
.index_4 .index4_ft .index4_1 ul li p{ width:223px; padding-right:20px}
.index_4 .index4_ft .index4_2{ display:none;}
#ys_5{ display:none}
}
@media all and (max-width:740px) {
.index_4{ width:90%;}
.index_4 .index4_ft .index4_1{ width:100%}
.index_4 .index4_ft .index4_1 ul li{padding-bottom:15px;}
.index_4 .index4_ft .index4_1 ul li p{ width:33%;}
.index_4 .index4_ft .index4_1 ul li p img{ width:100%;}
.index_4 .index4_ft .index4_1 ul li h1{ font-size:16px; padding:0 0 12px 0; line-height:26px}
.index_4 .index4_ft .index4_1 ul li h3{ font-size:16px; padding:0 0 12px 0; line-height:26px}
.index_4 .index4_ft .index4_1 ul li h3 a{color:#4B515B;font-size: 16px;}
.index_4 .index4_ft .index4_1 ul li h4{ color:#787878}
.index_4 .index4_ft .index4_1 ul li h5{ display:none;}
.index_4 .index4_ft .index4_1 ul li h6 { left:auto; right:0;display: none;}
}

@media all and (max-width:480px) {
.index_4 .index4_ft .index4_1 ul li h4{ display:none;}
}
/*频道列表页主体切换栏目*/
.pd_lm{ height:32px; line-height:32px; padding:20px 0px 10px 0;}
.pd_lm ul li{ float:left; padding-right:3px;}
.pd_lm .pd_lm_ss{ float:left;}
.pd_lm .pd_lm_mm{ float:left;}
.pd_lm ul li a{ display:block; padding:0px 12px; color:#8B929F; font-size:12px; border:1px solid #EAEDF2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.pd_lm ul li a:hover{ background:#336666; color:#fff; border:1px solid #336666;}
.pd_lm ul li.on a{ background:#336666; color:#fff; border:1px solid #336666;}
.pd_lm ul h3{ width:64px; float:left; color:#9198A4; text-align:right; font-size:12px; /*font-weight:lighter;*/}
.pd_lm .sp_fl { float:left; margin-left:20px; border:1px solid #EAEDF2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:12px; padding:0 5px 0 12px; position:relative; _width:80px; *width:80px}
.pd_lm .sp_fl i { display:block; float:right; font-size:14px; padding-left:5px}
.pd_lm .sp_fl:hover {}
.pd_lm .sp_fl h3 { position:absolute; left:0; width:100%; background:#f5f5f5; line-height:24px; text-align:center; top:33px; display:none}
.pd_lm .sp_fl h3 a { display:block; border-bottom:1px #ddd solid; font-size:12px; font-weight:normal}
.pd_lm .sp_fl h3 a:hover { background:#fff}
.pd_lm .sp_fl:hover h3 { display:block}
@media all and (max-width:720px) {
.pd_lm .ft { display:none;}
.pd_lm ul h3{ text-align:center; width:52px;}
.banner2 { padding-top:60px}
.banner2 .pd_bgs { top:60px}
}
@media all and (max-width:510px) {
.pd_lm .pd_lm_ss{ float:none; clear:both}
.pd_lm .pd_lm_mm{ float:none; padding-top:10px; clear:both; display:none}
.pd_lm .pd_lm_ss .menu_c{display:none}
}
.pages{ height:60px; text-align:center; padding-top:80px; }
.pages ul { padding-bottom:20px}
.pages ul li{ display:inline; list-style-type:none; color:#8B929F; font-size:14px; border:1px solid #C4CCD9; cursor:pointer; margin:0px 3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:5px 0; line-height:31px;}
.pages ul li a{ color:#8B929F; padding:10px;}
.pages ul li:hover{ background:#0A4029; }
.pages ul li:hover a{ color:#fff}
.pages ul li.active{background:#0A4029;}
.pages ul li.active a{ color:#fff}
.pages .active{background:#0A4029;color:#fff;}


.box-bg-gray h2{text-align: center;font-weight: bold;font-size: 1.2em; color: darkgreen}
.box-bg-gray span{display: block;text-align: center;line-height: 30px;color: #0A4029;}
.openVideo{text-align: center;}
.openVideo video{width: 800px;height: 500px;}

#content-box {    padding: 30px;
    background: #f3f3f3;}
#content-box img{max-width: 100%;}