* {
    padding: 0;
    border: 0;
}

body{
	background:#f5f7fa;
}

/* header 开始 */

.header {
        width: 100%;
    position: relative;
    background: #f5f7fa url(/material/images_2020/xmtjzzhy/banner_zchz.png) center/cover no-repeat;
    height: 537px;
    margin: 0;
	border-bottom:0px;
	padding:0;
}

.header h1 {
    float: left;
    width: 293px;
    height: 190px;
    background: url(/material/images_2020/xmtjzzhy/logo.png) 0% 20% no-repeat;
}

.header .sj {
    margin-top: 100px;
    height: 125px;
    background: url(/material/images_2020/xmtjzzhy/pic_sj.png) 50% 0 no-repeat;
}

.header .sj h4{
    color: #fff;
    line-height: 185px;
    text-align: center;
}

.header .sj span{
    color: #fff;
    font-size:24px;
}

.search .search-box{
	
    margin: auto;
    margin-top: 70px;
	position:unset;
	width: 937px;
    height: 80px;
	
}

.search input {
        width: 100%;
    height: 80px;
    border-radius: 60px;
    background: #fff url(/material/images_2020/xmtjzzhy/input.png) 6% 50% no-repeat;
    box-shadow: 0px 3px 16px 1px rgb(32 95 245 / 25%);
    padding: 10px 46px 10px 90px;
}

.bj{
    width: 100%;
    border-radius: 100px;
    height: 97px;
    background-color: #ffffff38;
    padding: 8px 8px 6px 7px;
}

.search button {
    width: 64px;
    height: 64px;
    background: #ffab3f url(/material/images_2020/xmtjzzhy/logo_ss.png) 50% 50% no-repeat;
    border-radius: 56px;
    margin-top: 8px;
	margin-left: -75px;
}

.content{
	padding:0;
	background:#f5f7fa url(/material/images_2020/xmtjzzhy/pic_bottom.png) center bottom no-repeat;
}

.container{
    background-color: transparent;
    padding: 40px 0;
}

.p2{

    width:auto;
    margin: 0 auto;
}

.titles {
	font-size: 40px;
	font-weight: 500;
	line-height: 48px ;
	text-align:center;
}

.container .title{
	
    text-align: center;
	margin:40px 0;
}

.container .title{
	font-size: 40px;
	font-weight: 500;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 4px;
}

 .title a.current{
	 
	position:relative;
	top:0;
	left:0;
	height:12px;
	    background: url(/material/images_2020/xmtjzzhy/tit.png) center bottom no-repeat;
    padding-bottom: 12px;
}

.titles a.current{
	position:relative;
	top:0;
	left:0;
	height:12px;
	    background: url(/material/images_2020/xmtjzzhy/tit.png) center bottom no-repeat;
    padding-bottom: 12px;
}

.pane {
    /* padding: 20px; */
    background-color: rgb(0,0,0,0%);
}

.tab-pane {
    /* position: relative; */
    overflow: initial;
}

.list-b li{
	margin-bottom:20px;
	background: #fff url(/material/images_2020/xmtjzzhy/pic_wj.png) 21px 33px no-repeat;
	box-shadow: 0px 3px 18px 1px 
		rgba(150, 150, 150, 0.06);
}

.list-b li>a {
    padding-right: 186px;
    padding-left: 122px;
}

.list-b li h4 {
    margin: 10px 0 25px;
}

.list-b li p {
	margin-bottom:8px;
	
}

.list-b li h4+p {
    margin-top: 10px;
    margin-bottom: 25px;
    font-size: 14px;
}

.list-b li i{

    display: block;
    position: absolute;
    right: 180px;
    top: 18px;
    width: 4px;
    height: 80%;
    background-color: #f5f7fa;
    border: solid 2px #f5f7fa;

}

.list-b li span{
	display: block;
    position: absolute;
 
    width: 122px;
    height: 38px;
    color: #fff;
    line-height: 38px;
    text-align: center;
    background-color: #298aff;;
    border-radius: 4px;
}

.list-b li span:hover{
	background-color: #fca722;
}

.zcpj{
	   right: 29px;
    top: 20%;
}

.wybs{
	right:29px;
	bottom:20%;
}

.p2 ul{
    margin-top: 30px;
    display: inline-block;
    padding: 0;

}


.p2 .col-md-12 li{
    display: inline-block;

}

.zcwk{
    width: 580px;
    height: 175px;
    background: url(/material/images_2020/xmtjzzhy/pic_wjk.png) center no-repeat;

}
.ssw{
    float: right;
    width: 580px;
    height: 175px;
    background: url(/material/images_2020/xmtjzzhy/pic_145.png) center no-repeat;

}

.list-a li i {
    margin: 20px 18px 36px;
    width: 12px;
    height: 12px;
    border-radius: 100px;
    background: #fff;

    }

    .p2 .list-a li a {
        display: block;
        float: left;
        position: relative;
        top: 60px;
        left: 76px;
        
    }

    .p2 span{
        color: #fff;
        font-size: 30px;
        line-height: 48px;
    }

.panel-more {
display: none;}

.p2 ul li:hover{
	transform: translate(0, -3px);
}

.p2 li {

    transition: all .3s;
}

@media(max-width:1200px){

    .header h1 {
        position: relative;
        left: 20px;
    }
	
	.search{
		position: relative;
    bottom: 0px;
	}

	.search-box{
		 opacity: 1;
         background-color: rgb(0 0 0 / 0%);
    box-shadow: none;
	}

    .search .search-box {
        width: 700px;
    }
	.search-btn {
    top: 42%;
    right: 281px;}
	
	.search input{
		padding: 10px 46px 10px 75px;
	}
	
    .bj {
        width: 100%;
        border-radius: 100px;
        height: 97px;
        background-color: #ffffff38;
        padding: 8px 8px 6px 7px;
    }

    
	.row {
    margin-right: 0;
    margin-left: 0;

}

    .col-md-6 .zcwk,.col-md-6 .ssw {
        float: none;
    }

    .p2 .col-md-12 li {
        margin: auto;
        display: block;
    }

    .ssw{float: none;}

    .p2 ul {
		display: block;
		margin-top:0;
		}
}

@media(max-width:992px){
    .list-b li {
        background: #fff;
    }

    
    .list-b li>a {
        padding-left: 10px;
    }
}

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

.header h1 {
    position: relative;
    left: 20px;
    top: -50px;
    background: url(/material/images_2020/xmtjzzhy/logo.png) 0 50% no-repeat;
    background-size: 60%;
}

.search{

    position: relative;
   top: 0px;
}
	.header .sj {
        opacity: 0;
		margin-top: -200px;
		}
		
    .search .search-box {
        width: 600px;
    }
	
	.search-btn {
    right: 24px;}

    .list-b li i {
		opacity:0;
        top: 4px;
        width: 4px;
        height: 80%;
        margin: 20px 0;
    }

   .list-b li>a {
        padding-right: 10px;
        padding-left: 10px;
    }
    
	    .list-b li span {
        display: block;
        margin: 10px 0;
        position: unset;
        width: 100%;}


}

@media(max-width:480px){
    .header {
        height: 200px;
    }

    .header h1 {
        top: -66px;
    background-size: 50%;
    }


    .container {
        padding: 40px 10px;
    }

    .container .title {
		font-size: 32px;
            margin: 40px 0 20px;
    }

    .search {
        top: -34px;}

    .search .search-box {
        width: 420px;
    }

    .container .title span {
        font-size: 34px;}

 

    .list-b li i {
        height: 0;
    }

    .list-b li span {
        display: block;
        margin: 10px 0;
        position: unset;
        width: 100%;}

        .p2 .list-a li a {
        
            top: 26px;
            left: 76px;
        }

        .list-a li i {
            margin: 24px 14px 36px;}
            .p2 span {
            
                font-size: 24px;}

        .ssw,.zcwk {
            width: auto;
            height: 115px;
            background-size: 100%;}
}