/*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;}


body { background:  no-repeat center 800px;}

.header { height: 958px; background: url(/uploads/image/jx/images/jtt_cyzl2023_header.png) no-repeat center top;}
.header .w1200{ position: relative;}
.header .mlogo { 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;}

.header .logo { text-align: center; padding-top: 180px;}


.container { width: 1200px; margin: 0 auto;}

.row1,.row2 { padding: 20px; background: #fff; overflow: hidden;}
.row2 { margin-top: 20px;}

.slider-pic { float: left; width: 565px; height: 360px; position: relative; z-index: 5;}
.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: 360px; 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: 360px;}

.list { padding-top: 20px; } 
.list ul { display: none;} 
.list ul:first-child { display: block;} 
.list li {  background:  no-repeat 0 center; padding-left: 20px; 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: right; width: 565px; background: #fff;}
.cyxw .title { border-bottom: 1px solid #d51717; line-height: 51px; height: 51px;}
.cyxw .title h3 { float: left; background: url(/uploads/image/jx/images/jtt_cyzl2023_icon1.png) no-repeat left top; font-size: 24px; color: #d51717; padding-left: 55px; margin-top: -20px; line-height: 90px;}
.cyxw .title .more { float: right; color: #d51717;}
.cyxw .list { padding-top: 20px;}
.cyxw .list li { line-height: 40px; background: url(/uploads/image/jx/images/jtt_cyzl2023_list2.png) no-repeat 5px center; padding-left: 30px;}



.news { width: 565px; height: 290px; margin-top: 20px;}
.news .title { height: 48px;}

.ztzl { margin-top: 20px; padding: 20px; background: #fff; overflow: hidden;}
.ztzl a { float: left; width: 275px; 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; letter-spacing: 3px;}
.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: 310px;height: 390px;}
.gzjg .left li {padding-left: 10px;word-break: break-all;}
.gzjg .left .title {padding-top: 50px;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: 620px;height: 390px;margin-left: 5px;overflow: hidden;}
.gzjg .center .lxdh { width: 800px;}
.gzjg .center .title {padding-top: 20px;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: 10px;}
.gzjg .center .lxdh ul:first-child {width: 240px;margin-left: 20px;}
.gzjg .center .lxdh li { white-space: nowrap;}

.gzjg .right {float: right;background: #fff;width: 220px;height: 390px;}
.gzjg .right .title {padding-top: 20px;}
.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 { padding: 35px 0; background: #c1060b; overflow: hidden; margin-top: 30px;}
.footer .footer-img { padding-top: 25px;}
.footer .text { float: left; padding: 5px 0 0 40px;}
.footer .text li { font-size: 14px; line-height: 30px; color: #fff;}
.footer .text li a { color: #fff;}
.footer .fr li { float: left; background: #c90a0d; padding: 10px; margin-left: 10px; font-size: 0;}
.footer .fr li img { float: left;}
.footer .fr li span { float: left; line-height: 20px; font-size: 14px; color: #fff; padding: 30px 10px 0 20px;}



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

    .header { height: auto !important; background-size: auto 160%; background-position: center center;}
    .header .back { display: none;}
     .header .logo { padding: 80px 0 50px !important;}
    .header .logo img { max-width: 100%; height: auto;}
    
    .container { width: auto; background-size: cover;}

    .row1,.row2,.ztzl { padding: 10px; margin-top: 0;}

    .slider-pic { width: 100%; height: auto;}
    .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;}
    .cyxw .title h3 { margin-top: 0; line-height: inherit;}

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

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

    .gzjg { padding: 20px 10px; margin-top: 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) {
    .gzjg .center ul {float: none;width: auto !important;margin: 0 20px 0 25px !important;}
}

@media screen and (max-width: 480px) {

    .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) {

}