@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;}
.logo_dcxj{ width:460px; height:auto; margin:30px auto 0;}
.logo_dcxj img{ width:100%; height:auto;}
.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%;}

/*滚动*/
.scroll_dcxj{width:1060px; height:550px; position:relative; z-index:2; margin:-20px auto 0;}
.scroll_dcxj .swiper-slide{ width:1060px; height:510px; padding-top:40px;}
.scroll_dcxj .list{ width:100%; height:auto;}
.scroll_dcxj .list li{ width:160px; height:160px; color:#fff; overflow:hidden; float:left;}
.scroll_dcxj .list li a{ color:#fff;}
.scroll_dcxj .list li img{ width:100%; height:100%; border:none;}
.scroll_dcxj .list li span{ display:block; padding-bottom:10px; line-height:24px; font-size:16px;}
.scroll_dcxj .list li em{ line-height:18px; font-style:normal;}
.scroll_dcxj .list .sort1{ margin-left:300px;}
.scroll_dcxj .list .sort2{ width:250px; height:140px; padding:40px 20px 0 30px; margin-top:-20px; margin-left:-460px; background:url(../images/bg_list_01.png) repeat;}
.scroll_dcxj .list .sort3{ width:200px; height:200px; margin-top:-40px; margin-left:400px;}
.scroll_dcxj .list .sort4{ width:300px; height:130px; padding:30px 50px 0; margin-left:-600px; background:url(../images/bg_list_02.png) repeat;}
.scroll_dcxj .list .sort5{ width:200px; height:200px; margin-left:100px;}
.scroll_dcxj .list .sort6{ width:240px; height:130px; padding:30px 30px 0; background:url(../images/bg_list_03.png) repeat;}
.scroll_dcxj .list .sort8{ width:240px; height:150px; padding:40px 30px 0; background:url(../images/bg_list_04.png) repeat;}
.scroll_dcxj .list .sort9{ margin-top:-30px;}
.scroll_dcxj .list .sort10{ width:240px; height:140px; padding:40px 30px 0; margin-top:-30px; background:url(../images/bg_list_05.png) repeat;}
.scroll_dcxj .list .sort11{ width:250px; height:110px; line-height:110px; font-size:24px; text-align:center; background:url(../images/bg_list_06.png) repeat; cursor:pointer;}

@media screen and (max-width:1680px){
body{ background:#fff url(../images/bg_body_1680.jpg) center top no-repeat;}
.logo_dcxj{ width:280px; margin:20px auto 0;}
.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){

}

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

}

@media screen and (max-width:767px){
html,body{ height:auto; overflow:visible;}
.logo_dcxj{ width:200px; margin:20px auto 10px;}
.bg_body_left{ width:200px; height:165px;}
.bg_body_right{ width:110px; height:135px;}
.scroll_dcxj{ width:auto; height:auto; padding:10px; margin:0;}
.scroll_dcxj .swiper-slide{ width:100%; height:auto; padding-top:0;}
.scroll_dcxj .list li{ width:100%; height:auto; float:none;}
.scroll_dcxj .list li img{ height:auto;}
.scroll_dcxj .list .sort1{ margin:0;}
.scroll_dcxj .list .sort2{ width:80%; height:auto; padding:15px 5%; margin:-40px auto 20px; position:relative; z-index:2; border-radius:3px;}
.scroll_dcxj .list .sort3{ width:100%; height:auto; margin:0;}
.scroll_dcxj .list .sort4{ width:80%; height:auto; padding:15px 5%; margin:-40px auto 20px; position:relative; z-index:2; border-radius:3px;}
.scroll_dcxj .list .sort5{ width:100%; height:auto; margin:10px 0 0;}
.scroll_dcxj .list .sort6{ width:80%; height:auto; padding:10px 5% 15px; margin:-40px auto 20px; position:relative; z-index:2; border-radius:3px;}
.scroll_dcxj .list .sort8{ width:80%; height:auto; padding:10px 5% 15px; margin:-40px auto 20px; position:relative; z-index:2; border-radius:3px;}
.scroll_dcxj .list .sort9{ margin-top:10px;}
.scroll_dcxj .list .sort10{ width:80%; height:auto; padding:10px 5% 15px; margin:-40px auto 20px; position:relative; z-index:2; border-radius:3px;}
.scroll_dcxj .list .sort11{ width:100%; margin-top:10px;}
}