@charset "utf-8";
body{ font-family:Microsoft Yahei, \5b8b\4f53, arial, sans-serif; font-size:12px; font-weight:normal; color:#333; position:relative;}
* {margin:0; padding:0; border:0;}
ul,ol,li{ list-style: none;}
a{ text-decoration:none; color:#333;outline:none;blr:expression(this.onFocus=this.blur()); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
a:hover{ text-decoration:none; color:#c00;}
img{ vertical-align:middle;}
section{ display:block;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
p{word-wrap:break-word; word-break:break-all;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear{clear:both; font-size:0; height:0; line-height:0; overflow:hidden;}

html{ height:100%;}
body{ height:100%; background:#fff url(../images/bg_body_1920.jpg) center top no-repeat; overflow:hidden;}
.header{ background:#a75b32 url(../images/bg_header.jpg) repeat;}
.dachengxiaojing{ width:720px; height:auto; margin:30px auto 20px;}
.dachengxiaojing .dcxj{ width:460px; float:left;}
.dachengxiaojing .dcxj img{ width:100%; height:auto;}
.dachengxiaojing .flower{ width:185px; height:185px; background:url(../images/flower_1920.png) no-repeat; float:right;}
.dachengxiaojing .flower dl{ width:130px; height:132px; margin:42px 0 0 50px; background:url(../images/bg_date_1920.png) no-repeat; font-family:arial; color:#fff; text-align:center;}
.dachengxiaojing .flower dl dt{ height:50px; line-height:50px; font-size:20px;}
.dachengxiaojing .flower dl dd{ height:75px; line-height:75px; font-size:58px; color:#b7b7b7;}
.dcxj_notes{ width:1035px; height:265px; padding:70px 100px 0 100px; background:url(../images/bg_content_1920.png) no-repeat; position:absolute; left:50%; margin-left:-618px; bottom:50px; z-index:9;}
.dcxj_notes .title{ line-height:50px; padding-bottom:10px; font-size:32px; color:#6f2a09;}
.dcxj_notes .intro{ line-height:30px; font-size:20px; color:#6f2a09;}
.dcxj_photos{ width:100%; height:auto; text-align:center;}
.dcxj_photos img{ width:300px; height:auto; padding:10px 10px 60px; margin:0 40px; background:#ddd; box-shadow:2px 2px 5px #69260f;}
.dcxj_photos img:nth-child(1){ width:260px; padding:10px 10px 40px; -webkit-transform:rotate(15deg); -moz-transform:rotate(15deg); -o-transform:rotate(15deg); -ms-transform:rotate(15deg); transform:rotate(15deg);}
.dcxj_photos img:nth-child(2){ -webkit-transform:rotate(5deg); -moz-transform:rotate(5deg); -o-transform:rotate(5deg); -ms-transform:rotate(5deg); transform:rotate(5deg);}
.dcxj_photos img:nth-child(3){ width:260px; padding:10px 10px 40px; -webkit-transform:rotate(-6deg); -moz-transform:rotate(-6deg); -o-transform:rotate(-6deg); -ms-transform:rotate(-6deg); transform:rotate(-6deg);}
.dcxj_photos img:nth-child(4){ width:260px; -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); -ms-transform:rotate(-3deg); transform:rotate(-3deg);}
.bg_body_left{ width:500px; height:412px; position:absolute; left:0; bottom:0;}
.bg_body_left img{ width:100%; height:100%;}
.bg_body_right{ width:300px; height:368px; position:absolute; right:0; bottom:0;}
.bg_body_right img{ width:100%; height:100%;}

@media screen and (max-width:1680px){
body{ background:#fff url(../images/bg_body_1680.jpg) center top no-repeat;}
.dachengxiaojing{ width:480px; margin:20px auto 10px;}
.dachengxiaojing .dcxj{ width:280px;}
.dachengxiaojing .flower{ width:120px; height:120px; background:url(../images/flower_1280.png) no-repeat;}
.dachengxiaojing .flower dl{ width:80px; height:81px; margin:30px 0 0 32px; background:url(../images/bg_date_1280.png) no-repeat;}
.dachengxiaojing .flower dl dt{ height:30px; line-height:30px; font-size:14px;}
.dachengxiaojing .flower dl dd{ height:46px; line-height:46px; font-size:36px;}
.dcxj_notes{ width:700px; height:170px; padding:50px 50px 0 70px; background:url(../images/bg_content_1280.png) no-repeat; margin-left:-410px; bottom:20px;}
.dcxj_notes .title{ line-height:30px; font-size:22px;}
.dcxj_notes .intro{ line-height:24px; font-size:16px;}
.dcxj_photos img{ width:210px; padding:10px 10px 50px;}
.dcxj_photos img:nth-child(1){ width:180px; padding:10px 10px 30px;}
.dcxj_photos img:nth-child(3){ width:180px; padding:10px 10px 30px;}
.dcxj_photos img:nth-child(4){ width:180px;}
.bg_body_left{ width:350px; height:288px;}
.bg_body_right{ width:200px; height:245px;}
}

@media screen and (max-width:1440px){
body{ background:#fff url(../images/bg_body_1440.jpg) center top no-repeat;}
}

@media screen and (max-width:1280px){
body{ background:#fff url(../images/bg_body_1280.jpg) center top no-repeat;}
.bg_body_left{ width:350px; height:288px;}
.bg_body_right{ width:200px; height:245px;}
}

@media screen and (max-width:1024px){
.dcxj_notes{ width:610px; height:150px; padding:40px 30px 0 60px; background:url(../images/bg_content_1024.png) no-repeat; margin-left:-350px;}
.dcxj_notes .title{ line-height:30px; padding-bottom:5px; font-size:18px;}
.dcxj_notes .intro{ line-height:20px; font-size:14px;}
.dcxj_photos img{ width:200px; padding:10px 10px 30px; margin:0 20px;}
.dcxj_photos img:nth-child(1){ width:170px; padding:10px 10px 20px;}
.dcxj_photos img:nth-child(3){ width:170px; padding:10px 10px 20px;}
.dcxj_photos img:nth-child(4){ width:170px;}
}

@media screen and (max-width:768px){
body{ background-size:auto 100%;}
.dcxj_notes{ bottom:auto; top:500px;}
}

@media screen and (max-width:767px){
html,body{ height:auto; overflow:visible;}
.dachengxiaojing{ width:auto; margin:20px 10px 10px;}
.dachengxiaojing .dcxj{ width:200px;}
.dachengxiaojing .flower{ width:80px; height:80px; background:none;}
.dachengxiaojing .flower dl{ margin:0;}
.dcxj_notes{ width:auto; height:auto; padding:10px 10px 20px; margin:0; background:none; position:static;}
.dcxj_photos{ padding-bottom:20px; position:relative; z-index:2;}
.dcxj_photos img{ margin:20px;}
.bg_body_left{ width:200px; height:165px;}
.bg_body_right{ width:110px; height:135px; }
}