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


body { background-color: #f0f8fc;}
.w1200 { width: 1200px; margin: 0 auto;}
.fl { float: left;}
.fr { float: right;}
.clear { clear: both;}

.header { height: 434px; background:  no-repeat center top;}
.header .w1200 { position: relative;}
.header .mlogo {position: absolute;left: 0;top: 0;/* display: none; */}
.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;}
.header .logo { padding: 80px 0 0 75px;}


.footer{ background: #3366cc !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;}


.blsx { background-color: #fff; box-shadow: 0 0 10px 0 #ccc; height: 207px; overflow: hidden; margin-top: -78px;}
.blsx-title { float: left; width: 300px; text-align: center; padding-top: 45px;}
.blsx-list li { float: left; width: 300px; height: 207px; position: relative; text-align: center;}
.blsx-list li::before { position: absolute; left: 0; top: 50%; margin-top: -70px; content: ""; width: 1px; height: 140px; background-color: #c3d7ec;}
.blsx-list li span { display: block; background-color: #f5f5f5; border-radius: 0 0 5px 5px; width: 94px; height: 34px; line-height: 34px; text-align: center; color: #666; font-weight: normal; margin: 0 auto 20px;}
.blsx-list li h6 { font-weight: normal; font-size: 24px; margin: 10px 0 5px;}
.blsx-list li h6 b { font-size: 48px; color: #3366cc;}
.blsx-list li p { font-size: 18px; color: #666;}


.head { text-align: center; margin: 60px 0;}

.dxal-list { overflow: hidden;}
.dxal-list li { float: left; width: 340px; height: 374px; padding: 20px; background-color: #fff; margin-left: 30px;}
.dxal-list li:first-child { margin-left: 0;}
.dxal-list li .pic { width: 340px; height: 220px;}
.dxal-list li .pic img {width: 100%;height: 100%;}
.dxal-list li .text h3 { font-size: 20px; line-height: 30px; padding: 10px 0;}
.dxal-list li .text p { font-size: 14px; color: #999; line-height: 25px; text-indent: 2em; text-align: justify;}
.dxal-more { display: block; width: 213px; height: 48px; border: 1px solid #3366cc; border-radius: 25px; color: #3366cc; text-align: center; line-height: 48px; margin: 40px auto 0;}

.bszn { padding-bottom: 60px; overflow: hidden;}
.bszn-item { width: 545px; height: 285px; border-top: 4px solid #3366cc; background-color: #fff; padding: 20px 20px 0;;}
.bszn-item h3 { font-size: 20px; line-height: 1;}
.bszn-item ul { position: relative; margin-top: 10px;}
.bszn-item ul::before { content:""; position: absolute; left: 10px; top: 10px; width: 1px; height: 150px; background-color: #3366cc;}
.bszn-item ul li { position: relative; background: url(/uploads/image/jx/images/2022jtt_djys_icon1.png) no-repeat left 6px; padding: 6px 0 6px 35px;}
.bszn-item ul li h4 { font-weight: normal; color: #3366cc; line-height: 20px;}
.bszn-item ul li p { font-size: 14px; color: #666; line-height: 25px; padding: 10px 0 5px;}

.bszn-menu { margin-top: 10px; overflow: hidden;}
.bszn-menu a { float: left; border: 1px solid #3366cc; border-radius: 5px; width: 128px; height: 38px; text-align: center; line-height: 38px; color: #3366cc; margin-right: 20px;}



.container2 { background-color: #fff; padding: 10px 0 30px; overflow: hidden;}

.cjwt,.fgjjd { width: 585px;}
.cjwt .zxtw { float: left; width: 94px; height: 32px; border-radius: 5px; background-color: #3366cc; text-align: center; line-height: 32px; color: #fff; font-size: 14px; margin: 15px 0 0 30px;}
.cjwt-list { padding-top: 20px;}
.cjwt-list li { border-bottom: 1px dashed #e6e6e6; height: 63px; background:  no-repeat left center; padding: 23px 30px 0 80px;}
.cjwt-list li h4 {font-weight: normal;line-height: 20px;/* white-space: nowrap; *//* overflow: hidden; *//* text-overflow: ellipsis; */}
.cjwt-list li p { font-size: 14px; line-height: 1; color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 10px;}

.title { border-bottom: 2px solid #ddd; height: 59px; line-height: 59px;}
.title li { float: left; font-size: 24px; margin-left: 20px; padding-left: 20px;}
.title li:first-child { margin-left: 0; padding-left: 0;}
.title li.on { font-weight: bold;}
.title li a { display: block; height: 59px;}
.title li.on a { height: 58px; border-bottom: 2px solid #3371cc; color: #333;}
.title .more { float: right;}
.title .more a { display: none; font-size: 14px; color: #999;}
.title .more a:first-child { display: block;}
.title .more a:hover { color: #3371cc;}

.fgjjd-list { padding-top: 10px;}
.fgjjd-list li { position: relative; background-color: #f5f5f5; height: 70px; line-height: 30px; margin-top: 10px; padding: 10px 30px 0; overflow: hidden;}
.fgjjd-list li span { position: absolute; left: -15px; top: -15px; border-radius: 50%; width: 40px; height: 40px; background-color: #3366cc; font-size: 12px; color: #fff; text-indent: 18px; line-height: 50px; overflow: hidden;}



@media screen and (max-width:1199px) {
    .w1200 {width: 100% !important;padding: 10px;box-sizing:border-box;}
    .header { position: static;}
    .header .w1200 { position: static !important;}
    .header .logo { padding-left: 30px;}

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

    .head { margin: 30px 0;}

    .bszn { padding-bottom: 30px;}
    .blsx { height: auto; overflow: hidden; margin-top: 0;}
    .blsx-title { width: 100%; padding: 20px 0;}
    .blsx-list li { width: 100%;}
    .blsx-list li::before { left: 5%; top: 0; width:90%; height: 1px; margin: 0;}

    .dxal-list li { width: 100%; height: auto; padding: 10px; margin: 10px 0 0 !important; box-sizing: border-box;}
    .dxal-list li .pic { width: 100%; height: auto;}

    .bszn-item { width: 100%; height: auto; margin: 10px 0 0; box-sizing: border-box; padding-bottom: 20px;}

    .cjwt, .fgjjd { width: 100%;}
    .cjwt-list { padding-top: 0;}
    .cjwt-list li { height: auto; padding: 15px 0; background: none;}

    .fgjjd-list li { height: auto; padding-bottom: 10px;}

    .cjwt-list li p { display: none;}

    .footer .w1200{ overflow: hidden;}
    .footer .footer-img,.footer .text { padding:0 !important;}
    .header .back,.friend-link,.footer ul.fr { display: none;}
}

@media screen and (max-width: 760px) {
    .header { height: auto; padding: 80px 0;}
    .header .logo { width: 90%; height: auto; padding: 0; margin: 0 auto;}
    .header .logo img { width: 100%; height: auto;}

    .bszn-item ul::before { height: calc(100% - 30px);}

    .bszn-menu { margin-top: 0;}
    .bszn-menu a { width: 100%; box-sizing: border-box; margin: 10px 0 0 !important;}
}