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


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


.header { background:  no-repeat center top; height: 547px;}
.header .w1200 { text-align: center;}
.header .logo { padding-top: 30px;}
.header .slogen { padding-top: 50px;}


/* ãƒâ¥ã‚â¤ã‚â´ãƒâ¦ã‚âã‚â¡ */
.toutiao { background-color: #880500;}
.toutiao .w1200 { background:  no-repeat; width: 1030px; height: 120px; padding: 40px 30px 0 140px;}
.toutiao h2 { font-size: 28px; line-height: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.toutiao h2 a { color: #fff;}
.toutiao p { line-height: 24px; font-size: 14px; color: #fff; margin-top: 10px;}


.section1 { padding: 50px 0; overflow: hidden;}
/* ãƒâ¥ã¢â‚¬âºã‚â¾ãƒâ§ã¢â‚¬â°ã¢â‚¬â¡ãƒâ¦ã¢â‚¬â€œã‚â°ãƒâ©ã¢â‚¬â€ã‚â» */
.slider-pic { float: left; height: 348px; width: 622px; position: relative; z-index: 5; overflow: hidden;}
.slider-pic .hd { height: 10px; overflow: hidden; position: absolute; right: 20px; bottom: 15px; z-index: 1; }
.slider-pic .hd li { float: left; width: 10px; height: 10px; border-radius: 50%; background: #99a6a7; margin-left: 10px; cursor: pointer; }
.slider-pic .hd li.on { background: #fff; } 
.slider-pic .prev,.slider-pic .next { position: absolute; left: -40px; top: 50%; display: block; width: 40px; height: 70px; text-align: center; line-height: 70px; color:#d4d6d4; font-size: 40px; font-family: simsun; font-weight: bold; background:rgba(0,0,0,0.5); filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#80000000,endcolorstr=#80000000); margin-top: -35px; transition: all .5s;}
.slider-pic .next { left: auto; right: -40px;}
.slider-pic .prev:hover,.slider-pic .next:hover { background:rgba(0,0,0,1); color:#d4d6d4 !important;}
.slider-pic:hover .prev { left: 0; transition: all .5s;}
.slider-pic:hover .next { right: 0; transition: all .5s;}
.slider-pic .bd { position: relative; height: 348px; 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: 40px;background: rgba(0, 0, 0, 0.7);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: #3371cc; } 
.slider-pic .bd img { display: block; width: 100%; height: 348px; transform: scale(1); transition: all .5s;}
.slider-pic .bd li:hover img { transform: scale(1.05); transition: all .5s;}


.rdyw { float: right; width: 545px;}
.rdyw-tit { border-bottom: 1px solid #e5e5e5; height: 41px; line-height: 31px;}
.rdyw-tit li { float: left; margin-right: 30px;}
.rdyw-tit li a {display: block; height: 42px; font-size: 22px; color: #0e3494; font-weight: bold;}
.rdyw-tit li.on a { border-bottom: 2px solid #bc1515; height: 40px; color: #bc1515;}
.rdyw-tit .more { float: right; color: #999; font-size: 14px;}


.list { padding-top: 8px; } 
.list ul { display: none;} 
.list ul:first-child { display: block;} 
.list li { background:  no-repeat left center; font-size: 16px; line-height: 23px; overflow: hidden; vertical-align: top; white-space: nowrap; text-overflow: ellipsis; padding: 10px 0 10px 25px;} 
.list-date li { position: relative; padding-right: 100px;}
.list-date li span { position: absolute; right: 0; font-size: 14px; color: #999; }


.title { text-align: center;}
.title img { max-width: 100%; height: auto;}

.section2 { background: url(/uploads/image/jx/images/jtt_gzh2023_section2.png) no-repeat center bottom; padding: 40px 0 80px;}

.zygz-text {border: 1px solid #d32524;background-color: #fff;font-size: 18px;line-height: 30px;text-indent: 2em;font-weight: bold;padding: 20px 35px;margin-top: 30px;text-align: justify;}
.zygz-list { margin-left: -15px; margin-right: -15px; overflow: hidden;}
.zygz-list li { float: left; width: 380px; position: relative; margin: 40px 15px 0;}
.zygz-list li h3 { position: absolute; left: 0; top: 40px; width: 100%; height: 93px; background:  no-repeat center top; font-size: 24px; color: #fff; text-align: center; line-height: 65px;}
.zygz-list .zygz-main {width: 321px;height: 250px;background: url(/uploads/image/jx/images/jtt_gzh2023_zygz_bg.png) no-repeat;text-align: center;margin: 0 auto;padding-top: 116px;}
.zygz-list .zygz-main p {font-size: 20px;line-height: 41px;}
.zygz-list .zygz-main .more {display: block;text-align: center;font-size: 14px;color: #999;position: absolute;bottom: 25px;left: 50%;margin-left: -20px;}


.section3 { background-color: #fff; padding: 50px 0;}

.xjm-top { height: 259px; background: url(/uploads/image/jx/images/jtt_gzh2023_xjm_bg1.png) no-repeat center center; padding: 133px 0 78px 85px;}
.xjm-top p { font-size: 20px; color: #fff; padding: 5px 0;}
.xjm-top h3 { font-size: 26px; color: #fff; padding: 5px 0;}

.xjm-list { margin: 25px -15px 0 -15px; overflow: hidden; }
.xjm-list li { float: left; width: 277px; background:  no-repeat center bottom; padding-bottom: 20px; margin: 0 15px;}
.xjm-list li a { display: block; width: 246px; height: 120px; background: url(/uploads/image/jx/images/jtt_gzh2023_xjm_bg3.png) no-repeat; font-size: 0; text-align: center; line-height: 120px; margin: 0 auto;}
.xjm-list li span { display: inline-block; font-size: 20px; font-weight: bold; color: #fff; line-height: 30px; vertical-align: middle;}

.xjm-bottom { background:  no-repeat; height: 153px; margin-top: 30px;}
.xjm-bottom p {font-size: 20px;text-align: center;line-height: 36px;font-weight: bold;color: #bc1515;padding-top: 35px;}

.section4{ background: #cc1e15  no-repeat center top; padding: 50px 0;}

.section4 h2 { font-size: 24px; text-shadow: 0 3px 0 rgba(0, 0, 0, 0.5);}
.section4 h3 { font-size: 18px; font-weight: normal;}
.section4 h2,.section4 h3 { color: #ffe87a; text-align: center; padding: 10px 0;}

.wgjc { position: relative; margin-top: 35px;}
.wgjc .bd { margin-top: 35px;}
.wgjc .bd li { float: left; width: 380px; height: 227px; background: #fff; border-radius: 10px 10px 0 0; margin-right: 30px;}
.wgjc .bd li h4 { background:  no-repeat; line-height: 56px; white-space: normal; overflow: hidden; text-overflow: ellipsis;}
.wgjc .bd li h4 span { display: inline-block; background: #fff490; border-radius: 100%; width: 24px; height: 24px; font-size: 16px; color: #ec2f16; text-align: center; line-height: 24px; margin-right: 10px;}
.wgjc .bd li h4 a { padding-left: 30px; padding-right: 10px; color: #fff490; font-size: 20px;}
.wgjc .bd li p { font-size: 16px; line-height: 30px; color: #666; padding: 15px 30px 0;}
.wgjc .prev,.wgjc .next { position: absolute; left: -55px; top: 50%; display: block; width: 45px; height: 45px; text-align: center; line-height: 45px; color:#d4d6d4; font-size: 40px; font-family: simsun; font-weight: bold; background:rgba(0,0,0,0.5); filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#80000000,endcolorstr=#80000000); margin-top: 10px; transition: all .5s;}
.wgjc .next { left: auto; right: -55px;}
.wgjc .prev:hover,.wgjc .next:hover { background:rgba(0,0,0,1); color:#d4d6d4 !important;}

.whtj { margin-top: 35px;}
.whtj-list { margin: 35px -15px 0 -15px; font-size: 0;}
.whtj-list li { display: inline-block; border: 3px solid #fff; border-radius: 5px; background:  no-repeat; width: 210px; height: 99px; line-height: 99px; margin: 0 15px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);}
.whtj-list li a{ display: block;}
.whtj-list li span { display: inline-block; background:  no-repeat 15px center; font-size: 20px; line-height: 24px; color: #bc1515; font-weight: bold; padding: 0 15px 0 75px; vertical-align: middle;}
.whtj-list li.item02 span { background-image: ;}
.whtj-list li.item03 span { background-image: ;}
.whtj-list li.item04 span { background-image: ;}
.whtj-list li.item05 span { background-image: ;}

.section5 { background:  no-repeat center bottom; padding: 50px 0 100px;}

.gzap-slogen {background: url(/uploads/image/jx/images/jtt_gzh2023_gzap_bg.png) repeat;padding: 30px 70px;margin-top: 50px;background-size: 100% 100%;}
.gzap-slogen p { font-size: 18px; font-weight: bold; line-height: 40px;}

.gzap { margin-top: 50px;}
.gzap h2 { background:  no-repeat center center; font-size: 24px; text-align: center; line-height: 1;}
.gzap .bd{ height: 303px; margin-top: 50px; overflow: hidden;}
.gzap .bd li { float: left; background: url(/uploads/image/jx/images/jtt_gzh2023_gzap_li.png) no-repeat; width: 277px; height: 270px; border-top: 3px solid #bc1515; margin-right: 30px; padding-top: 30px;}
.gzap .bd li img { display: block; margin: 0 auto;}
.gzap .bd li h4 { font-size: 24px; color: #bc1515; text-align: center; line-height: 1;}
.gzap .bd li p { font-size: 16px; line-height: 30px; max-height: 90px; overflow: hidden; padding: 20px 30px 0; text-align: justify;}
.gzap .bd li .more { display: block; width: 62px; border: 1px solid #bc1515; color: #bc1515; font-size: 14px; line-height: 24px; text-align: center; margin: 20px auto 0;}
.gzap .hd { text-align: center; font-size: 0; margin-top: 40px;}
.gzap .hd li { display: inline-block; width: 18px; height: 18px; background: #f1c3c3; border-radius: 100%; margin: 0 10px; cursor: pointer;}
.gzap .hd li.on { background: #bc1515;}


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

.ldjh-box { background-color: #d32524; border-radius: 50px 0 50px 0; overflow: hidden;}
.ldjh-left { position: absolute; float: left; width: 400px; padding-top: 45px;}
.ld-pic { text-align: center;}
.ld-info { position: absolute; bottom: -40px; height: 76px; width: 100%; background-image: linear-gradient(to right,#ffa837,#fc1f00); text-align: center; padding-top: 10px;}
.ld-info h4 { font-size: 24px; color: #fff; padding: 2px 0;}
.ld-info h5 { font-size: 18px; color: #fff; padding: 2px 0;}

.ldjh-right { position: relative; background-color: #fff; padding: 30px; border-radius: 10px; margin: 30px 30px 40px 400px;}
.ldjh-right h4 { font-size: 20px; line-height: 36px; color: #9d1f15; border-bottom: 1px dotted #ecad75; padding-bottom: 15px; margin-bottom: 15px;}
.ldjh-right h5 { background:  no-repeat left center; font-size: 18px; color: #9d1f15; padding-left: 30px;}
.ldjh-right p { font-size: 16px; color: #666; line-height: 36px; margin-top: 10px;}
.ldjh-right .more { display: block; position: absolute; right: -30px; bottom: -40px; width: 165px; height: 46px; background:  no-repeat; color: #fff; padding: 18px 0 0 40px; font-size: 16px; font-weight: bold; line-height: 1;}


.section7 { padding: 50px 0;}

.jyjl-left { float: left; width: 585px; padding-top: 30px;}
.jyjl-right { float: right; width: 585px; padding-top: 30px;}

.jyjl-left li { border-bottom: 1px dotted #ecad75; padding: 20px 0;}
.jyjl-left li h4 { font-size: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.jyjl-left li p { font-size: 14px; line-height: 24px; color: #999; padding-top: 10px;}
.jyjl-left li p a { color: #bc1515;}

.section7 .more { display: block; border: 1px solid #b8b8b8; width: 238px; line-height: 38px; color: #b8b8b8; text-align: center; margin: 50px auto 0;}
.section7 .more:hover { border-color: #bc1515; color: #bc1515;}


.section8 { background:  no-repeat center bottom; padding: 50px 0;}

.mbgl {margin-top: 50px;overflow: hidden;}
/* .mbgl li { display: inline-block; width: 382px; height: 362px; background:  no-repeat; margin: 0 80px;}
.mbgl li .box { width: 306px; margin-left: 16px; text-align: center; padding-top: 60px;}
.mbgl li .box p { font-size: 24px; line-height: 30px; font-weight: bold; color: #bc1515; margin-top: 20px;} */

.mbgl li {float: left;width:360px;height: 420px;background:  no-repeat;padding: 64px 100px 0 50px;margin-left: 100px;}
.mbgl li:first-child { margin-left: 0;}
.mbgl-tit { position: relative; text-align: center; font-size: 0; padding-left: 25px;}
.mbgl-tit i { position: absolute; left: 0; top: 50%; display: block; width: 93px; height: 76px; background: ; margin-top: -38px;}
.mbgl-tit span { display: inline-block; background: #e60012; font-size: 24px; color: #fff; line-height: 36px; font-weight: bold; text-align: left; padding: 5px 50px; border-radius: 0 25px 25px 0;}
.mbgl-tit2 { padding-left: 50px;}
.mbgl-tit2 span { line-height: 28px; padding: 3px 10px 3px 40px; border-radius: 0 40px 40px 0;}
.mbgl li .box { height: 200px; margin-top: 35px; padding-left: 20px; overflow-y: auto;}
.mbgl li .box::-webkit-scrollbar { width: 8px; } 
.mbgl li .box::-webkit-scrollbar-track { background-color:#fff; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em; }
.mbgl li .box::-webkit-scrollbar-thumb { background-color:#e1e1e1; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em; }
.mbgl li .box h4,.mbgl li .box p { font-size: 18px; padding: 5px 0;}


.section9 { padding: 50px 0 80px;}

/* .grb-list { margin: 50px -15px 0 -15px; overflow: hidden;}
.grb-list li { float: left; width: 380px; background-color: #eb5a2b; text-align: center; margin: 0 15px; border-radius: 10px 10px 0 0; overflow: hidden; padding-bottom: 30px;}
.grb-list li img { display: block; border-radius: 10px;}
.grb-list li h3 { font-size: 26px; line-height: 36px; color: #fff; padding: 20px;}
.grb-list li .more { display: block; border: 1px solid #ffe2aa; width: 118px; line-height: 30px; color: #ffe2aa; text-align: center; margin: 0 auto;} */

.jtgrb { margin-top: 50px; overflow: hidden;}
.grb-tit { float: left; width: 220px; padding-top: 50px;}
.grb-tit li { background-color: #952220; border-radius: 20px 0 0 20px; font-size: 0; line-height: 134px; margin-bottom: 10px;}
.grb-tit li a { display: inline-block; font-size: 24px; font-weight: bold; color: #d57c7a; line-height: 36px; vertical-align: middle; padding-left: 20px;}
.grb-tit li.on { background-color: #c62825; color: #fff;}
.grb-tit li.on a{ color: #fff;}

.grb-info {/* padding-left: 30px; */}
.grb-info h4 { position: relative;}
.grb-info h4::before { content:""; position: absolute; left: -20px; top: 50%; width: 10px; height: 10px; background: #bc1515; border-radius: 100%; margin-top: -5px;}
.grb-info h4,.grb-info p { font-size: 18px; line-height: 36px;}

.grb-main { width: 951px; height: 500px; margin-left: 220px; background:  no-repeat; padding-top: 29px;}
.grb-item { width: 780px; height: 385px; margin: 0 auto; padding: 20px; overflow-y: auto;}
.grb-item::-webkit-scrollbar { width: 8px; } 
.grb-item::-webkit-scrollbar-track { background-color:#fff; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em; }
.grb-item::-webkit-scrollbar-thumb { background-color:#e1e1e1; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em; }

.footer { padding: 35px 0; background: #d70000; overflow: hidden;}
.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: #e00000; 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) {
    * { box-sizing: border-box;}
    .w1200 { width: 100% !important; overflow: hidden;}
    .header { height: auto; padding: 7% 0;}
    .header img { max-width: 98%;}
    .header .logo { padding-top: 0;}
    .header .slogen { padding-top: 0; margin-top: 5%;}

    .toutiao .w1200 { background-image: none; padding: 20px 10px; height: auto;}
    .toutiao h2 { white-space:normal;}

    .section1,.section2,.section3,.section4,.section5,.section6,.section7,.section8,.section9 { padding: 30px 10px;}
    .section6,.section8 { background-size: auto 100%;}

    .slider-pic,.slider-pic .bd,.slider-pic .bd img { width: 100%; height: auto;}

    .rdyw { width: 100%; margin-top: 20px;}

    .zygz-text { padding-left: 10px; padding-right: 10px;}
    .zygz-list li { width: 100%; margin: 20px auto 0;}
    .zygz-list .zygz-main { box-sizing: content-box;}

    .wgjc .bd { margin-top: 0;}
    .wgjc .bd li { float: none; margin: 20px auto 0;}

    .xjm-list { margin: 0;}
    .xjm-list li { float: none; margin: 20px auto 0;}
    .xjm-bottom { background-size: 100% 100%; height: auto; padding: 30px 10px; margin-top: 20px;}
    .xjm-bottom p { padding-top: 0;}

    .gzap .bd { height: auto;}
    .gzap .bd li { height: auto; padding-bottom: 20px; background-size: 100% 100%;}
    .gzap .bd li p {max-height: none;}

    .ldjh-box { border-radius: 20px; margin-top: 20px; overflow: visible;}
    .ldjh-left { float: none; position: relative; width: 100%;}
    .ld-info { height: auto; bottom: -45px; padding: 15px 0;}
    .ldjh-right { margin: 45px 0 0; border-radius: 0 0 10px 10px; padding: 15px;}
    .ldjh-right .more { position: static; border-radius: 5px; width: 120px; height: 40px; line-height: 40px; padding: 0; background-color: #3371cc; text-align: center; margin: 10px auto 0;}

    .jyjl-left,.jyjl-right { width: 100%; padding-top: 15px;}
    .section7 .more { margin-top: 15px;}
    
    .list li,.jyjl-left li h4 { text-overflow: initial; white-space: normal}    


    .whtj-list { margin: 0; text-align: center;}
    .whtj-list li { display: block; margin: 20px auto 0;}

    .gzap-slogen { padding: 20px; background-size: 100% 100%;}

    .gzap .bd,.grb-list { margin-top: 0;}
    .gzap .bd li,.grb-list li {float: none;margin: 20px auto 0;}

    .xjm-top { background: #d30e04; padding: 20px; height: auto; margin-top: 20px;}

    .wgjc .prev, .wgjc .next { display: none;}

    .mbgl { margin-top: 0;}
    .mbgl li { display: block; float: none; width: 510px; height: 484px; margin: 20px auto 0 !important;}

    .jtgrb { margin-top: 0;}
    .grb-tit { width: 100%; padding-top: 20px;}
    .grb-tit li { border-radius: 20px; text-align: center;}
    .grb-tit li a { display: block; padding: 20px;}
    .grb-tit li a br { display: none;}
    .grb-main { display: none;}

    .footer { padding: 25px 10px;}
    .footer .fr { display: none;}
    .footer .footer-img,.footer .text { width: 100%; text-align: center;}
    .footer .footer-img { padding-top: 0;}
    .footer .text { padding: 0;}
}

@media screen and (max-width: 510px) {
    .mbgl-tit { padding-left: 0;}
    .mbgl-tit i { display: none;}
    .mbgl-tit span { padding: 10px 20px; border-radius: 220px; text-align: center;}
    .mbgl li { width: 100%; width: 100%; height: auto; background-size: 100% 100%; padding: 0;}
    .mbgl li .box { height: auto; margin-top: 0; padding: 20px 100px 120px 60px;}
}