@charset "utf-8";
/* css document */

/* 格栅化页面 start*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;resize:none;outline:none;}
table { border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal;}
ul { list-style:none; } 
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before,q:after { content:'';}
abbr,acronym { border:0;}
html, body{width:100%; height:100%;}
body {
font-family:microsoft yahei,"微软雅黑", arial, helvetica, sans-serif;
font-size:14px;
color:#666666;
background:#f4f4f4;
}
a{color:#565656; text-decoration:none;}
a:hover{text-decoration:none;}
.jz{ vertical-align:middle}
.clearfix:after{clear: both;content: ".";display: block;height: 0;overflow: hidden;visibility: hidden;}
* html .clearfix{height:1%;}
.fbold{ font-weight:bold;}
.c0065{ color:#0065d7;}
.cleardiv{ clear:both}
input, textarea, input:focus, textarea:focus{ outline:none;}
textarea{resize:none;}


.btn-dream,.share-sina a,.share-txwb a,.share-qz a,.btn-step,.btn-tj,.btn-nstep,.btn-lq{ background: no-repeat;}
.pop{ width:987px; height:504px;position:absolute; left:50%; margin-left:-493px; top:50%; margin-top:-268px;  _background:none; display:none; z-index:10;   }
.pop-bar{ width:987px; height:474px;  background:  no-repeat;padding:14px; margin-top:32px; }
.pop2{ width:658px; height:545px; position:absolute; left:50%; margin-left:-329px; top:50%; margin-top:-284px; _background:none; z-index:10; }
.index-m{ width:959px;}
.pop-pic .card-btn-m{ margin-top:20px;}
.pop-bar2{ width:630px; height:545px; background:  no-repeat; padding:14px; margin-top:32px; }
.pop-close{ width:32px; height:32px; background: no-repeat; position:absolute; right:0px; top:0px; cursor:pointer; z-index:100;}
.pop-close2{ width:32px; height:32px; background: no-repeat; position:absolute; right:-2px; top:-33px; cursor:pointer; z-index:100;}
.pop-pic{ float:left; width:650px; height:463px;}
.dream{ float:right; width:270px; margin-top:29px;}
.dream ul li { line-height:18px;width:270px; border-bottom:1px dashed #e7e7e7; padding-bottom:10px; margin-top:10px;}
.dream ul li img { float:left; margin-right:14px; width:80px; height:53px;}
.btn-dream{ width:258px; height:40px; background-position:0px 0px; display:inline-block; margin-top:23px; }
.card{ width:649px; height:403px; color:#fff }
.card01{ background: no-repeat;}
.share-sina a, .share-sina a.active{ width:22px; height:22px; background-position:0px -188px; display:inline-block }
.share-sina a:hover, .share-sina a.disable{ background-position:0px -233px; }
.share-txwb a, .share-txwb a.active{ width:22px; height:22px; background-position:-54px -188px; display:inline-block }
.share-txwb a:hover, .share-txwb a.disable{ background-position:-54px -233px; }
.share-qz a, .share-qz a.active{ width:22px; height:22px; background-position:-147px -188px; display:inline-block }
.share-qz a:hover, .share-qz a.disable{ background-position:-148px -233px; }

.card-btn{ margin-top:0px; }
.card-btn-right{ float:right;}
.btn-step{ width:111px; height:39px; background-position:0px -58px; display:inline-block;}
.btn-nstep{ width:111px; height:39px; background-position:-292px -58px; display:inline-block;}
.btn-step:hover{ width:111px; height:39px; background-position:0px -124px; display:inline-block;}
.btn-nstep:hover{ width:111px; height:39px; background-position:-292px -124px; display:inline-block;}
.btn-tj{width:111px; height:39px; background-position:-147px -58px; display:inline-block; }
.btn-tj:hover{width:111px; height:39px; background-position:-147px -124px; display:inline-block;}
.card01{ background:}
.card03{ background:}
.card01 .date, .card03 .date{ width:315px; text-align:center;padding-top:80px; margin-left:20px;}
.card01 .title, .card03 .title{ width:320px; text-align:center;margin-left:20px; font-size:24px; color:#aa3127; padding-top:110px;}
.card01 .text, .card03 .text{ width:320px; text-align:left;margin-left:20px; margin-top:23px;}
.card01 .name, .card03 .name{ text-align: right;width:320px; margin-top:10px;}

.card02{ background:; color:#fff;}
.card04{ background:}
.card02 .title, .card04 .title{width:320px; text-align:right;margin-left:306px; font-size:24px; padding-top:163px; }
.card02 .text, .card04 .text{width:320px; text-align:right;margin-left:306px; margin-top:10px;}
.card02 .name, .card04 .name{ width:320px; text-align:right;margin-left:306px;margin-top:10px;}
.card02 .date, .card04 .date{ padding-left:10px;}
.pop-bg{ width:100%; height:100%; background:#000;  filter:alpha(opacity=80);  -moz-opacity:0.8;  -khtml-opacity: 0.8;  opacity: 0.8; position:absolute; z-index:1; left:0px; top:0px; display:none  }

.com-banner{position: relative;	margin: 0 auto;width: 650px; height:419px; overflow:hidden;}
.com-banner-photo {width: 530px;height: 404px;overflow: hidden;position:relative;float:left}
.com-banner-photo ul li {display: block;position:absolute; top:534px;}
.com-banner-navigation {float:left;width:115px;height:404px;margin-right:5px;display:inline;}
.com-banner-navigation ul li {width:115px;height:86px;margin-bottom:18px; vertical-align: top;}
.com-banner-navigation ul li a:link, .com-banner-navigation ul li a:visited {width:111px;height:81px;display:block;padding:5px 0px 0px 4px;}
.com-banner-navigation ul li a.highlight:link, .com-banner-navigation ul li a.highlight:visited {background: no-repeat;	}
.com-banner-pic1{ width:534px; height:403px; background: no-repeat;}
.com-banner-pic2{ width:534px; height:403px; background: no-repeat;}
.com-banner-pic3{ width:534px; height:403px; background: no-repeat;}
.com-banner-pic4{ width:534px; height:403px; background: no-repeat;}

.model1-title, .model4-title{ padding:158px 0px 0px 200px;}
.model1-title input, .model4-title input{ background:none; border:none; width:313px; height:29px; color:#fff; line-height:29px; font-size:24px; text-align:right;}
.model1-content, .model4-content{ padding:10px 0px 0px 200px; }
.model1-content textarea, .model4-content textarea{ width:313px; height:90px; color:#fff; line-height:18px;  background:none; border:none; overflow:hidden; }
.model-name, .mode4-name{  padding:5px 0px 0px 200px;}
.model-name input, .mode4-name input{background:none; border:none;width:313px; height:20px; text-align:right; color:#fff; }
.model-date, .mode4-date{ padding:78px 0px 0px 129px;}
.model-date input, .mode4-date input{  width:89px; height:20px; text-align:center; background:none; border:none; color:#fff}
.model2-title, .model3-title{ padding:10px 0px 0px 40px; }
.model2-title input, .model3-title input{width: 265px; height:37px; line-height:37px; background:none; border:none; font-size:24px; color:#aa3127; text-align:center; }
.model2-content, .model3-content{ padding:18px 0px 0px 25px; }
.model2-content textarea, .model3-content textarea{width:318px; height:83px;color:#fff; line-height:18px;  background:none; border:none; overflow:hidden; }
.mode2-name, .mode3-name{ padding:13px 0px 0px 227px; }
.mode2-name input, .mode3-name input{ width:118px; height:23px; line-height:23px; background:none; border:none; color:#fff; text-align:right;}


.pop2{display:none;}
.pop2 h2{ text-align:center; font-size:28px;  color:#3fa318; margin-top:18px;}
.pop2 h3{ text-align:center; font-size:22px;}
.pop2-content{ width:496px; margin:32px auto 0px;}
.pop2-content ul li{ display:inline; float:left; margin:0px 19px;}
.pop2-content ul li img{ width:205px; height:329px; border:1px solid #d2d2d2;}
.btn-lq{ width:178px; height:44px; background-position:-422px 0px; display:block; margin:33px auto 0px; }


.pop3{ width:800px; height:489px; background:transparent; margin-left:-400px; left:50%; margin-top:-245px; top:50%; position:absolute; z-index:10; display:none}
.pop4{ width:800px; height:489px; background:transparent; margin-left:-400px; left:50%; margin-top:-245px; top:50%; position:absolute; z-index:10; display:none}
.pop5{ width:495px; height:325px; background:transparent; left:0px; top:0px; position:absolute; z-index:1; display:none }

/*edit by karl 2013-04-05 #contentedit */
#preview{ display:none;}
#dreamlist{ width:270px; height:365px; overflow:hidden;}
.dream ul li{ width:270px; height:55px;}
.card{ position:relative; margin-bottom:15px;}
.card01 .date, .card03 .date{ position:absolute; left:0; top:0;}
.card02{ color:#003f64;}
.model2-title input,.model1-title input,.model3-title input,.model4-title input,.model2-content textarea,.model1-content textarea,.model3-content textarea,.model4-content textarea,.card{font-family:microsoft yahei,"微软雅黑", arial, helvetica, sans-serif;}
.model3-title input, .card03 .title{ color:#816742;}
.model4-title input, .model4-content textarea, .mode4-name input, .card02 .title{ color:#003f64;}
.model2-title input,.model1-title input,.model3-title input,.model4-title input, .card01 .title, .card02 .title, .card03 .title, .card04 .title{ visibility:hidden;}
.dream ul li p{font-size:12px;}
.card-btn{clear:both; width:650px; height:45px;}
#tenyears, #externalinterfaceexample{z-index: -1;}
.footer{ display:none;}

.card-btn span{margin-right:4px\9;}
.card-btn-right a{margin-left:4px\9;}

.pop4 .pop-close2, .pop3 .pop-close2{right:1px;}