/*css reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"microsoft yahei"; font-size:14px; cursor:default; color: #333;}
table{border-collapse:collapse;border-spacing:0; border:none;}
/*tr,td{border:none;}*/
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none; vertical-align:middle;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color: #333;}
a:hover{ text-decoration:none; color: #cc6666;}
a:active{outline: none;star:expression(this.onfocus=this.blur());}
i{font-style:normal}

body { background: #fff6f6;}

.header { background:  no-repeat center top; height: 480px;}

.footer{background: #c4212d !important;padding: 60px 0;} 
.footer a{ color: #fff; } 
.footer-cont{ width: 700px; margin: 0 auto; } 
.footer-cont-left{ float: left; line-height: 120px;} 
.footer-cont-left img{ vertical-align: middle; } 
.footer-cont-right{ font-size: 14px; line-height: 30px; color: #fff; margin-left: 220px !important; width: 680px !important; }


.main { width: 1100px; margin: 0 auto; padding: 20px; background: #fff; overflow: hidden;}

.title {  border-bottom: 2px solid #ffd0d0; height: 50px; line-height: 50px;}
.title h2 { float: left; font-size: 20px; background:  no-repeat right center; padding-right: 35px;}
.title h2 a { display: block; height: 50px; line-height: 50px; border-bottom: 2px solid #cc6666; color: #cc6666;}
.title h2 a span { color: #333;}
.title .more { float: right; font-size: 14px; color: #666;}
.title .more:hover { color: #cc6666;}

.list { padding-top: 8px; } 
.list ul { display: none; overflow: hidden;} 
.list ul:first-child { display: block;} 
.list li { position: relative; font-size: 16px; line-height: 40px; overflow: hidden; vertical-align: top; white-space: nowrap; text-overflow: ellipsis; padding-left: 20px;}  
.list li::before { position: absolute; left: 5px; top: 50%; margin-top: -2px; content: ""; display: block; width: 4px; height: 4px; background: #cc6666;}
.list-date li { padding-right: 80px;}
.list-date li span,.list-date li i { position: absolute; right: 0; font-size: 14px; color: #999; }


.slider-pic { float: left; height: 330px; width: 580px; position: relative; z-index: 5; overflow: hidden;}
.slider-pic .hd { height: 6px; overflow: hidden; position: absolute; right: 20px; bottom: 20px; z-index: 1; }
.slider-pic .hd li { float: left; width: 12px; height: 6px; background: #fff; margin-left: 10px; cursor: pointer; }
.slider-pic .hd li.on { background: #cc6666; } 
.slider-pic .bd { position: relative; height: 330px; z-index: 0; } 
.slider-pic .bd li { zoom: 1; vertical-align: middle; } 
.slider-pic .bd li a { display: block; width: 100%; height: 100%; position: relative; } 
.slider-pic .bd li p { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; background: rgba(0, 0, 0, 0.7); filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#cf000000, endcolorstr=#cf000000); font-size: 16px; line-height: 50px; color: #fff; cursor: pointer; text-indent: 20px; } 
.slider-pic .bd li a:hover p { color: #cc6666; } 
.slider-pic .bd img { display: block; width: 100%; height: 330px; transform: scale(1); transition: all .5s;}
.slider-pic .bd li:hover img { transform: scale(1.05); transition: all .5s;}

.xxdt { float: right; background: #cc6666; width: 480px; height: 290px; padding: 20px; overflow: hidden;}
.xxdt * { color: #fff !important;}
.xxdt-title { line-height: 24px; overflow: hidden;}
.xxdt-title h2 { float: left; background:  no-repeat left center; font-size: 20px; color: #fff; padding-left: 35px; color: #fff;}
.xxdt-title .more { float: right; font-size: 14px; color: #fff;}

.xxdt-first { border-bottom: 1px dashed #ffd0d0; padding: 10px 0;}
.xxdt-first h3 { font-size: 20px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.xxdt-first p { color: #666; line-height: 24px;}
.xxdt-first p a:hover { text-decoration: underline;}

.xxdt .list li::before { background: #fff;}
.xxdt .list li { line-height: 33px; padding-right: 100px;}



.zyls { float: left; width: 100%; margin-top: 20px; margin-bottom: 20px;}
.zyls .list li { float: left; width: 326px; border-bottom: 1px dashed #ffd0d0; padding-right: 20px;}
.zyls .list-date li { width: 266px;}

.dsgs { float: left; width: 535px;}
.dszs { float: right; width: 535px;}


@media screen and (max-width: 1199px) {
    .backhome { margin-left: -95px !important;}
    .header { height: 300px; background-size: auto 100%;}
    .main { width: auto; padding: 10px;}
    .slider-pic { float: none;}
    .slider-pic,.slider-pic .bd,.slider-pic .bd img { width: 100%; height: auto;}

    .xxdt { width: auto; float: none; height: auto; margin-top: 10px; padding: 15px 10px;}
    .xxdt-first h3 { white-space: normal; line-height: 1.5;}

    .dsgs,.dszs,.zyls .list li { width: 100%; box-sizing: border-box;}
}

@media screen and (max-width: 360px) {
    .backhome { display: none !important;}
    .header { height: 100px;}
    .slider-pic,.slider-pic .bd,.slider-pic .bd img { width: 100%; height: 240px;}

    

    .zyls,.dsgs,.dszs { margin-top: 0;}
}