@charset "utf-8";
*{margin:0;padding:0; font-family: 'microsoft yahei';}
li{list-style:none}
a img{border:0}
a{color:#333;text-decoration:none;cursor:pointer;}
a:hover{text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{display:block;content:'';clear:both;}
.clearfix{zoom:1}

.wrapbox{width: 1300px; margin: 0 auto; position: relative;}
.header{ width: 100%; height: 714px; padding-top: 64px; background: url(../images/dszt-bg01-syn.jpg) no-repeat center top; box-sizing: border-box;}
.header .logo{ width: 407px;}
.header .logo a,.header .logo img{ display: block; width: 100%;}
.header .back{ position: absolute; right: 0; top: -12px; padding: 0 25px; background-color: #ca080e; border-radius: 40px; font-size: 14px; line-height: 40px; text-align: center; color: #f9eded;}
.header .back:hover{ background-color: #fa9898;}
.header .txt{ display: block; margin: 10px auto 0;}

.part01{ padding: 40px 0;}
.part02{ padding: 40px 0; background: url(../images/dszt-bg02-syn.jpg) no-repeat center top;}
#Swiper01{width: 630px; height: 430px; }
#Swiper01 a{ display: block; width: 100%; height: 100%;}
#Swiper01 .swiper-slide .img{ width: 100%; height: 354px; background-color: #bc2729; overflow: hidden;}
#Swiper01 .swiper-slide .img img{display: block;width: 100%;height: 354px;margin: 0 auto;}
#Swiper01 h3{ width: 100%; height: 76px; background-color: #fff; font-size: 18px; line-height: 60px; text-align: center; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#Swiper01 .swiper-pagination{ bottom: 0px !important; left: 0 !important; right: 0 !important; }
#Swiper01 .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 5px; display: inline-block; background: #ccc; border-radius: 0; opacity: 1; }
#Swiper01 .swiper-pagination-bullet-active{ background: #000; opacity: 1; }

.newslist{ width: 630px; }
.newslist h2,.newslist h2 img{ display: block;}
.newslist ul{ padding-top: 20px;}
.newslist li{ position: relative; padding-right: 110px; }
.newslist li a{ display: block; padding-left: 36px; font-size: 18px; line-height: 56px; color: #000; background: url(../images/dszt-icon01-syn.png) no-repeat left center;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.newslist li span{ position: absolute; right: 0; top: 0; font-size: 16px; line-height: 56px; color: #000;}
.newslist li:hover a{ color: #dd5645; background-image: url(../images/dszt-icon02-syn.png); }
.newslist li:hover span{ color: #dd5645;}


/*小屏*/
@media (max-width: 1320px) and (min-width: 1000px){
    .wrapbox{width: 980px;}
    #Swiper01{width: 480px; height: 356px; }
    #Swiper01 .swiper-slide .img{ width: 100%; height: 270px;}
    #Swiper01 .swiper-slide .img img{ height: 270px;}
    #Swiper01 h3{ width: 100%; height: 76px; background-color: #fff; font-size: 18px; line-height: 60px; text-align: center; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .newslist{ width: 480px; }
    .newslist h2,.newslist h2 img{ height: 60px;}
    .newslist li{ padding-right: 90px; }
    .newslist li a,.newslist li span{ line-height: 46px;}
}
@media (max-width: 999px) and (min-width: 280px){
    html{ overflow-x: hidden;}
    .wrapbox{width: 780px;}
    body{ min-width: 320px; margin: 0 auto !important;}
    .header{ width: 100%; height: auto; padding-top: 25px; padding-bottom: 60px; background-size: auto 100%;}
    .header .logo{ max-width: 70%;}
    .header .txt{ margin: 45px auto 0; max-width: 90%; }
    .header .back{ top: 0; padding: 0 10px; border-radius: 30px; line-height: 30px;}
    .part01{ padding: 20px 0 0;}
    .part02{ padding: 20px 0; background: url(../images/dszt-bg02-syn.jpg) no-repeat center top;}
    #Swiper01{width: 100%; height: auto; margin-bottom: 20px; }
    #Swiper01 .swiper-slide .img,#Swiper01 .swiper-slide .img img{height: 440px; margin: 0 auto;}
    #Swiper01 h3{ height: 56px; font-size: 16px; line-height: 40px; }

    .newslist{ width:100%; margin-bottom: 20px; }
    .newslist h2,.newslist h2 img{ height: 50px;}
    .newslist li{ padding-right: 80px; }
    .newslist li a{ font-size: 16px; line-height: 50px;}
    .newslist li span{ font-size: 14px; line-height: 50px;}
}
@media (max-width: 800px) and (min-width: 640px){
    .wrapbox{width: 620px;}
    #Swiper01 .swiper-slide .img,#Swiper01 .swiper-slide .img img{height: 348px;}
}
@media (max-width: 639px) and (min-width: 280px){
    .wrapbox{width:94%;}
    #Swiper01 .swiper-slide .img,#Swiper01 .swiper-slide .img img{width: 100%; height: auto;}
}