/*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: #c1060b;}
i{font-style:normal}

.w1200{ position: relative; width: 1200px; margin: 0 auto;}
.fl { float: left;}
.fr { float: right;}
.clear {clear: both;}

.header { height: 958px; background:  no-repeat center top;}
.header .w1200{ position: relative;}
.header .logo { position: absolute; left: 0; top: 0;}
.header .back { display: block; width: 120px; height: 35px; line-height: 35px; text-align: center; color: #fff; background:rgba(0,0,0,0.2); filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#33000000,endcolorstr=#33000000); margin: 0 auto;}


.container { background:  no-repeat center top; padding: 50px 0;}

.slider-pic { float: left; border: 2px solid #fff; width: 578px; height: 400px; position: relative; z-index: 5;}
.slider-pic .bg { position: absolute; z-index: 1; width: 578px; height: 400px; background: #eaddc4; transform: rotate(-3deg);}
.slider-pic .hd { overflow: hidden; position: absolute; right: 20px; bottom: 15px; z-index: 3; }
.slider-pic .hd li { float: left; width: 10px; height: 10px; background: #99a6a7; margin-left: 10px; cursor: pointer; }
.slider-pic .hd li.on { background: #fff; } 
.slider-pic .bd { position: relative; height: 400px; z-index: 2; overflow: hidden;} 
.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: 40px; background: rgba(0, 0, 0, 0.5); filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#cf000000, endcolorstr=#cf000000); font-size: 16px; line-height: 40px; color: #fff; cursor: pointer; text-indent: 20px; } 
.slider-pic .bd li a:hover p { color: #c1060b; } 
.slider-pic .bd img { display: block; width: 100%; height: 400px; transform: scale(1); transition: all .5s;}
.slider-pic .bd li:hover img { transform: scale(1.05); transition: all .5s;}

.list { padding-top: 20px; } 
.list ul { display: none;} 
.list ul:first-child { display: block;} 
.list li { font-size: 16px; line-height: 38px; overflow: hidden; vertical-align: top; white-space: nowrap; text-overflow: ellipsis; position: relative; padding-right: 100px;} 
.list li span { position: absolute; right: 0; font-size: 14px; color: #999; }

.cyxw { position: relative; float: left; width: 558px; height: 404px; background: #fff; z-index: 6; padding: 0 25px 0 35px;}
.cyxw .title { border-bottom: 1px solid #ffe2af; line-height: 70px; height: 69px;}
.cyxw .title h3 { float: left; background:  no-repeat 6px center; font-size: 24px; color: #cc8800; padding-left: 36px;}
.cyxw .title .more { float: right; color: #cc8800;}
.cyxw .list { padding-top: 25px;}
.cyxw .list li { line-height: 40px; background: url(/uploads/image/jx/images/jtt_cyzl2020_list.jpg) no-repeat 6px center; padding-left: 30px;}


.news { width: 530px; height: 290px; background: #fff; padding: 30px; margin-top: 20px;}
.news .title { height: 48px;}

.ztzl { margin-top: 20px; overflow: hidden;}
.ztzl a { float: left; width: 285px; height: 120px; margin-left: 20px;}
.ztzl a:first-child { margin-left: 0;}
.ztzl img { display: block; width: 100%;}

.gzjg { background: #c90a0d; padding: 20px; overflow: hidden; margin-top: 20px;}
.gzjg h2  { color: #fff; font-size: 24px; text-align: center; margin-bottom: 20px;}
.gzjg .title { text-align: center; font-size: 0;}
.gzjg .title h3 { display: inline-block; font-size: 18px; color: #c90a0d; text-align: center;}
.gzjg li { font-size: 16px; line-height: 28px;}
.gzjg .left { float: left; background: #fff; width: 256px; height: 390px;}
.gzjg .left li { padding-left: 25px; word-break: break-all;}
.gzjg .left .title {padding-top: 40px;padding-bottom: 15px;}
.gzjg .left .zz { background: url(/uploads/image/jx/images/jtt_cyzl2020_icon2.png) no-repeat left center; padding-left: 30px;}
.gzjg .left .fzz { background:  no-repeat left center; padding-left: 30px;}

.gzjg .center { float: left; background: #fff; width: 628px; height: 390px; margin-left: 12px; overflow: hidden;}
.gzjg .center .lxdh { width: 800px;}
.gzjg .center .title { padding-top: 30px; margin-bottom: 20px;}
.gzjg .center .title h3 { background: url(/uploads/image/jx/images/jtt_cyzl2020_icon4.png) no-repeat left center; padding-left: 40px;}
.gzjg .center ul { float: left; width: 310px; margin-left: 20px;}
.gzjg .center .lxdh ul:first-child { width: 250px; margin-left: 30px;}

.gzjg .right { float: right; background: #fff; width: 252px; height: 390px;}
.gzjg .right .title { padding-top: 30px;}
.gzjg .right .title h3 { background: url(/uploads/image/jx/images/jtt_cyzl2020_icon4.png) no-repeat left center; padding-left: 40px;}
.gzjg .right ul { padding: 20px 30px 0;}
.gzjg .right .ewm { text-align: center; margin-top: 20px;}
.gzjg .right .ewm p { font-size: 18px; font-weight: bold; margin-top: 10px;}


.friend-link { display: none;}
.footer { background: #c1060b; text-align: center; color: #fff; line-height: 36px; font-size: 16px; padding: 50px 10px;}
.footer *{ color: #fff;}
.footer .fr li { background: #c90a0d !important;}

@media screen and (max-width: 1199px) {
    .w1200 { width: auto;}

    .header { height: 500px; background-size: auto 160%; background-position: center center;}
    .header .logo,.header .back { display: none;}

    .container { padding: 10px; background-size: cover;}
    .slider-pic { width: 100%; height: auto; border: 0;}
    .slider-pic .bg { display: none;}
    .slider-pic .bd,.slider-pic .bd img { width: 100%; height: auto;}

    .cyxw { width: 100%; height: auto; padding: 0  10px 10px; margin-top: 10px; box-sizing: border-box;}

    .news { width: 100%; height: auto; box-sizing: border-box; margin-top: 10px;}
    .news .title { text-align: center;}

    .ztzl { margin-top: 0;}
    .ztzl a { width: 100%; height: auto; margin-top: 10px; margin-left: 0;}

    .gzjg { padding: 20px 10px;}
    .gzjg .left { width: 100%; height: auto; padding-bottom: 20px;}
    .gzjg .left .title { padding-top: 30px;}

    .gzjg .center,.gzjg .right { width: 100%; height: auto; box-sizing: border-box; margin: 10px 0 0 0; padding-bottom: 20px;}
}

@media screen and (max-width: 768px) {
    .header { height: 380px;}

    .gzjg .center ul {float: none;width: auto !important;margin: 0 20px 0 25px !important;}
}

@media screen and (max-width: 480px) {
    .header { height: 300px; background-size: auto 120%;}
    .container { padding: 10px 0;}
    .news { padding: 20px 10px 10px;}
    .news .title { height: auto;}
    .news .title img { display: block; width: 100%; height: auto;}
    .list { padding-top: 10px;}
}

@media screen and (max-width: 360px) {
    .header { height: 250px; background-size: auto 100%;}
}