/*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:16px; 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: #3371cc;}
a:active{outline: none;star:expression(this.onfocus=this.blur());}
i{font-style:normal}

*:focus {
    outline: -webkit-focus-ring-color auto 2px;
 outline-color: -webkit-focus-ring-color;
 outline-style: auto;
 outline-width: 2px;
}
*:focus-visible {
    outline: -webkit-focus-ring-color auto 2px;
 outline-color: -webkit-focus-ring-color;
 outline-style: auto;
 outline-width: 2px;
}


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

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

.footer{background: #ab0d0d !important;padding: 60px 0 !important;} 
.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; }

.header { position: relative; background:  no-repeat center top; height: 967px;}
.header .w1200 { position: relative;}
.header .mlogo { position: absolute; left: 0; top: 0;}
.header .back { position: absolute; left: 50%; top: 0; margin-left: -65px; display: block; width: 130px; height: 35px; font-size: 14px; line-height: 35px; text-align: center; color: #fff; background:rgba(0,0,0,0.3); filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#33000000,endcolorstr=#33000000); border-radius: 0 0 5px 5px;}

.mobile-header { display: none;}
.mobile-header img { width: 100%; height: auto;}

.head { text-align: center;}


.item {background:  no-repeat left top;height: 440px;margin: 50px 0;}
.item .info { width: 540px; height: 440px; padding: 0 28px;}
.item .title { width: 85px; height: 384px; background:  no-repeat; overflow: hidden; margin-top: -17px; padding-right: 18px; text-align: center; }
.item .title h3 { text-align: center; padding: 40px 0 20px;}
.item .title span { display: inline-block; height: 260px; font-size: 18px; font-weight: bold; writing-mode: vertical-rl; color: #fff;vertical-align: middle;}
.item .title b { font-size: 24px;}
.item .text { width: 430px; padding-top: 30px;}
.item .text h3 { color: #fff; font-size: 24px; text-align: justify; line-height: 36px;}
.item .text h3 a { color: #fff;}
.item .text p { color: #fff; line-height: 36px; text-align: justify; margin-top: 10px;}
.item .info .more  { display: block; border: 1px solid #dab946; width: 122px; height: 22px; font-size: 14px; text-align: center; line-height: 22px; color: #dab946; margin-top: 15px;}
.item .text .more:hover { border-color: #c61818; color: #c61818;}
.item .pic { padding-top: 28px;}
.item .pic img { width: 603px; height: 383px;}

.item-right { background-position: right top;}
.item-right .title { background-image: ; padding-right: 0; padding-left: 18px;}


.line { height: 310px; background:  no-repeat center center; margin-top: -30px; position: relative;}


.row2 { background: url(/uploads/image/jx/images/2022jtt_jtdxrw_bg2.png) no-repeat center top; margin-top: -155px; padding: 100px 0;}

.list  { margin-top: 50px;}
.list li { margin-bottom: 3px;}
.list li h3 { position: relative; height: 88px; background: #c61818 url(/uploads/image/jx/images/2022jtt_jtdxrw_start.png) no-repeat 30px center; font-size: 28px; font-weight: normal; line-height: 88px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 100px;}
.list li h3 span { position: absolute; right: 35px; top: 50%; width: 22px; height: 22px; background: ; margin-top: -11px; transition: all .4s;}
.list .info {display: none;background: #fff;padding: 30px;overflow: hidden;}
.list .info .pic { float: left; width: 700px; height: 394px;}
.list .info .pic img {width: 100%;height: 100%;}
.list .info .text { float: right; width: 410px;}
.list .info .text img { width: 190px; height: 143px;}
.list .info .text p {line-height: 36px;text-align: justify;}
.list .info .more  {display: block;border: 1px solid #dab946;width: 122px;height: 22px;font-size: 14px;text-align: center;line-height: 22px;color: #dab946;margin: 20px auto 0;}
.list .text .more:hover { border-color: #c61818; color: #c61818;}
.list li.on h3 { font-weight: bold;}
.list li.on h3 span { transform: rotate(180deg);}
.list li.on .info { display: block;}


@media screen and (max-width:1199px) {
    body { background-position-y: 0; background-repeat: repeat-y;}
    .mlogo { display: none;}
    .w1200 { width: 100%;}
    .header { position: static; height: auto; background-image: none;}
    .header .w1200 { position: static !important;}
    .mobile-header { display: block;}
    .head img {max-width: 100%;height: auto;}

    .row1  { overflow: hidden;}
    .item {background-size: 100% 100%;margin: 0;position: relative;height: auto;padding: 20px 20px 50px 110px;margin-top: 40px;}
    .item .info {float:right !important; padding: 0;}
    .item .text { float: none !important; width: auto; height: auto; padding-top: 15px;}
    .item .text h3 { font-size: 22px; line-height: 30px;}
    .item .text p { line-height: 30px;}
    .item .title { position: absolute ;left: 10px; top: 0;}
    .item .pic { float: left; width:100%; padding-top:0;}
    .item .pic img { width:100%;height:auto;}
    .item-right .title { float: left !important; background:  no-repeat; padding-right: 18px; padding-left: 0;}

    .list li h3 { font-size: 20px; height: 60px; line-height: 60px; padding: 0 30px 0 0; background-image: none;}
    .list li h3 span { right: 10px;}
    .list .info {padding: 10px 10px 20px;}
    .item .info,.list .info .pic,.list .info .text { width: 100%; height: auto; box-sizing: border-box;}
    .list .info .text { margin-top: 20px;}
    .list .info .text p {line-height:30px;}

    .line {margin-top: -50px;height: 150px;}

    .row2 {padding-bottom: 20px;margin-top: -100px;}

    .footer { padding: 20px 0 !important;}
}

@media screen and (max-width: 560px) {
    .item { padding-left: 95px;}
    .item .title { width: 65px; background-size: 100% 100%;}
    .item .title img { width: 60%;}
    .item .title span { font-size: 16px;}
    .item .title span b { font-size: 20px;}
}