﻿/* ============????============== */
*{font-family:'microsoft yahei',Verdana, Arial!important;list-style:none;}
html{overflow-y:scroll;}
body{margin:0;padding:0;border:0;height:100%;text-align:left;overflow:hidden;} 
#contain{position: relative;height:100%;padding:10px;margin:10px auto;border:0;}
#content {position:relative;margin:0px auto 0px auto;} 
#bottom {position: relative;margin:0px auto;} 
#top {position:relative;margin:0px auto;} 
#bodyex {position: absolute;left:0;top:0;margin:0;} 
#bottomex {position: absolute;left:0;bottom:0;margin:0;z-index:-1;} 
#topex {position: absolute;left:0;top:0;margin:0;z-index:-1;} 
#contentex {position: absolute;left:0;top:0;margin:0;z-index:-1;} 
#advsex,#advsex1,#advsex2,#advsex3,#advsex4,#advsex5,#advsex6 {display:none;position: absolute;width:100%;left:0;bottom:0;margin:0;} 
#showpages{padding-bottom:40px!important;}

/*===????????===*/

.pdv_class{position:absolute;border:0px;}


/* ==????== */
div,li,td,p,select,input,textarea,a,button,input{font:12px 'microsoft yahei',Verdana, Arial;color:#505050;text-decoration: none;}
ul{margin:0px;padding:0px;}??body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, h1, h2, h3 {
	margin: 0;
	padding: 0;}
h1 {font-weight:bold; font-size:18px; line-height:18px; color:#474545;margin:0px;}
h3 {font-weight:normal; font-size:12px; color:#746969;margin:0px;}
h2, h4, h5, h6 {font-weight:normal; font-size:100%;margin:0px;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
a {text-decoration:none;}
p {line-height:22px; text-align:justify;}
a img, iframe {border:none;}
a:link {color:inherit;}
:focus {outline:0;}
/*img{ vertical-align:top;}*/
ol, ul {list-style:none;}
input, textarea, select, button {font-weight:inherit; font-size:inherit; *font-size:100%; font-family:inherit;}
/* == clearfix == */
.clearfix:after {display:block; height:0; clear:both; content:"\200B";}
.clearfix {*zoom:1;}/*IE/7/6*/

/* ============???============== */
form{margin:0;padding:0;}
.input{border:1px #ddd solid;height:20px;line-height:20px;padding:0px 3px;color:#555;background:#f7f7f7;}
.textarea{border:1px #ddd solid;font-size:12px;padding:3px;background:#f7f7f7;}
.button{border:1px #c0c0c0 solid;height:22px;line-height:20px;padding:0px 3px;background:#e8e8e8;}
.submit{border:1px #c0c0c0 solid;height:22px;line-height:20px;padding:0px 3px;background:#e8e8e8;}
.mustfill{color:#ff0000;}
select{font:12px 'microsoft yahei',Verdana, Arial;color:#505050;}

#reference {height:64px; line-height:64px; border-bottom:1px solid #f2f2f2;}
#reference div {height:100%;}
#reference a {-webkit-transition:color 300ms;transition:color 300ms;}
#reference a:hover {color:#f63b2e;}
#reference div * {font-weight:bold; font-size:13px; color:#2e2e57;}
#reference .left {float:left;}
#reference .left * {float:left; height:100%; line-height:64px;}
#reference .left a {margin-left:20px; padding-left:42px; background:no-repeat 0 13px;}
#reference .left .a1 {background-image:url(../images/refer_icon_1.png);}
#reference .left .a2 {background-image:url(../images/refer_icon_2.png);}
#reference .left .a3 {background-image:url(../images/refer_icon_life.png);}
#reference .right {float:right; width:333px; line-height:69px; text-indent:38px; background:#f2f2f2 url(../images/refer_icon_3.png) no-repeat 13px 25px; border-left:1px solid #e5e5e5;}
#copyright {height:75px;}
#copyright .g-wrap {overflow:visible;}
#copyright .g-wrap div {float:right; padding:19px 0 19px 19px; height:37px; width:314px; font-weight:bold; line-height:20px; color:#4b4b51; border-left:1px solid #f2f2f2;}
#copyright .g-wrap div a {-webkit-transition:color 300ms; transition:color 300ms; color:#4b4b51;}
#copyright .g-wrap div a:hover {color:#e62b1e;}

#mask {display:none; position:fixed; top:0; left:0; z-index:1024; width:100%; height:100%;}
#mask .wrap {position:fixed; top:0; right:-378px; z-index:1024; padding:0 29px; width:320px; height:100%; background-color:#2b2b2b;}
#mask .wrap p {margin-top:130px; color:#8C8C8C; line-height:18px;font-size: 13px;}
#mask .wrap p span {display:block;}
#mask .wrap p .tit {font-size:15px; color:#E1DEDE;}
#mask .wrap p .column {margin-left:-16px; padding-left:16px; background:url(../images/sitemap_arrow.png)no-repeat 0 7px;font-size: 13px;}
#legal {background:url(../images/legal_tit.png) no-repeat 29px 77px;}
#sitemap {background:url(../images/sitemap_tit.png) no-repeat 29px 77px;}
#sitemap a {color:#8C8C8C; -webkit-transition:color 300ms; transition:color 300ms;font-size: 13px;}
#sitemap a.reenoo {font-weight:bold;}
#sitemap a:hover {color:#e62b1e;}

.crumbs {float:left; padding-left:13px; height:100%; background:url(../images/crumbs_icon.png) no-repeat 0 32px;}
.crumbs a {float:left; padding:0 9px; font-weight:bold; font-size:12px; line-height:77px; color:#4d4852; font-family:"Segoe UI","wf_segoe-ui_normal","Arial",sans-serif;}
.crumbs a.on {background:url(../images/crumbs_arrow.png) no-repeat 0 36px;}
.columns {float:right; height:100%;}
.columns a {float:left; margin-left:30px; font-weight:bold;height:75px;line-height:77px; color:#63666b;display:block;}
.columns a:hover{float:left; margin-left:30px; font-weight:bold;height:75px;line-height:77px;display:block;border-bottom:2px #FF0000 solid;}

.subitem {margin-bottom:7px; height:209px; background-color:#f1eff1; overflow:hidden;}
.subitem img {float:left; margin-right:25px; width:154px; height:100%;}
.subitem h1 {margin:17px 0 10px 0; font-weight:bold; font-size:16px; color:#4c4c4c;}
.subitem h1 span { line-height:16px;font-size:14px;margin-top:5px; display:block;}
.subitem p {padding-right:23px; line-height:16px; color:#4c4c4c;}

.link-block {border-top:1px dotted #ccc;}
.link-block .link-block2{display:block; padding:24px 24px 24px 0; height:90px; border-bottom:2px solid #e8e6e6; -webkit-transition:background-color 400ms; transition:background-color 400ms;}
.link-block a:hover {background-color:#e1e1e1;}
.link-block a:last-child {border-bottom:0 none;}
.link-block a .summary {float:left; margin-left:18px; width:640px; height:100%; line-height:18px; color:#746969;}
.link-block a h1 {margin-bottom:12px; line-height:26px;}
.link-block a h3 {margin:-4px 0; color:#746969;}
.link-block a p {margin-top:8px;height:36px; line-height:28px; color:#746969; overflow:hidden;}
.date-block {position:relative; left:0; top:0;}
.date-block {float:left; padding:0 10px; width:68px; height:88px;font-size:14px;line-height:15px;color:#444; background-color:#e1e1e1;}
.date-block .day {display:block; margin:10px 0 3px 0; font-size:36px;font-weight:bold;line-height:42px;color:#e62b1e;}
input.more {display:block; width:100%; height:54px; background:#e1dede url(../images/btn_more_on.png) no-repeat center 15px; cursor:pointer; -webkit-transition:background 400ms; transition:background 400ms;border:none;}
input.more:hover {background-color:#e62b1e; background-image:url(../images/btn_more.png);}
#left {float:left; padding:23px 13px 43px 0; width:784px;border-right: 1px solid #eee;}
#left .headline {position:relative; margin-bottom:23px; height:218px;}
#left .headline img {margin-left:22px; float:right; width:362px; height:218px;}
#left .headline .date {display:block; margin-bottom:15px; font-size:27px;font-weight:bold;line-height:27px;color:#6d8ac4;}
#left .headline h1 {line-height:30px;}
#left .headline p {color:#777;}
#left .headline .resouce {position:absolute; left:0; bottom:0; width:399px; height:54px; background:url(../images/p_1_2.jpg) no-repeat 0 0;}
#left .headline .more {width:399px;}


/* ============???============== */

div#showpages {
clear:both;
padding:0px;
margin:20px 0px;
width:100%;
height:30px;
white-space: nowrap;}

div#pagesinfo {
color:#696969;
float:left;
padding:3px 8px;
white-space: nowrap;}

div#pages {
float:right;
padding-right:8px;
white-space: nowrap;}

div#pages ul{
margin:0;
padding:0;}

div#pages a:link,div#pages a:visited,div#pages a:active{
color:#303030;
text-decoration: none;}

div#pages a:hover{
color:#ff0000;
text-decoration: none;}

div#pages li{
margin:3px;
padding:2px 5px;
list-style-type: none;
float:left;
background:#dcd9d4;
color:#303030;
border:1px #dcd9d4 solid;
white-space: nowrap;}

div#pages li.pagesnow{
color:#303030;
background-color:#eee;
white-space: nowrap;
border:1px #dcd9d4 solid;}

div#pages li.pbutton{
color:#303030;
background-color:#dcd9d4;
padding:3px 5px 1px 5px;
white-space: nowrap;
border:1px #dcd9d4 solid;}

div#pages li.opt{
color:#303030;
padding:0px;
white-space: nowrap;
border:0px;
background:#fff;}
