:root{
    --font-size-small:14px;
    --font-size1:16px;
    --font-size2:20px;
    --font-size3:36px;
    --font-color1:rgb(45,45,45);
    --font-color3:darkgrey;
    --font-color2:rgb(1, 82, 147);
}
 body{font-family: 'Source Han Sans CN' !important;}
 ul.pagination>li{
	     display: inline-block;
	     margin: 0 2px;
	     float: left;
 }
.goinput{background: #0B6CB6;
    border: none;
    width: 30px;
    color: #fff;
    border-radius: 50%;}
	input#pagenum {
	    height: 24px;
	    line-height: 24px;
	}
/* 头部 */
.myheader{
    background-image: url(../img/index_01.jpg);
    height:280px;
    border-bottom: var(--font-color2) 3px solid;
}
.myheader-logo{
    height:100%;
    position: relative;
}
.row{
    position: relative;
    top:50%;
    transform: translateY(-50%);
}
.logo{
    text-align: left;
}
.search{
    text-align: right;
}
.search a{
    font-size: var(--font-size-small);
    line-height: 24px;
    color:var(--font-color2);
    margin: 0 5px;
    text-decoration: none;
}
.search form{
    position: relative;
}
.search input:nth-of-type(1){
    width:50%;
    height:41px;
    line-height: 31px;
    padding-left: 15px;
    border-left: lightgrey 1px solid;
    border-top: lightgrey 1px solid;
    border-bottom: lightgrey 1px solid;
    border-right: none;
    border-radius: 20px 0 0 20px;
    outline: none;
    font-size: var(--font-size1);
    color: var(--font-color1);
    background-color: white;
}
.search input:nth-of-type(2){
    position: absolute;
    top:0;
    right:-15px;
    width:41px;
    height:41px;
    line-height: 31px;
    border-left: none;
    border-right:solid 1px lightgrey;
    border-top:solid 1px lightgrey;
    border-bottom:solid 1px lightgrey;
    border-radius: 0 20px 20px 0;
    outline: none;
    background-color: white;
    background-image: url(../img/search.png);
    background-repeat: no-repeat;
    background-size: 50% 50%;
    background-position: center;
}
.mynav{
    position: absolute;
    bottom:0;
    width:100%;
    text-align: center;
    display: block;
}
.mynav ul{
    overflow: hidden;
}
.mynav ul li{
    float: left;
    width:calc(100%/8);
    list-style: none;
}
.mynav ul li a{
    font-size: var(--font-size1);
    color: var(--font-color2);
    text-decoration: none;
}
.mynav ul li:nth-child(6) a{
    font-weight: bold;
}
/* 模块1 */
.mybanner{
    background-image: url(../img/zjlz_02.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.lzgk{
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 25px;
    margin:66px auto;    padding-bottom: 20px;
}
.lzgk h4{
    font-size: var(--font-size3);
    font-weight: bold;
    color:var(--font-color2);
    text-align: left;
    /* background-image: url(../img/zjlz_02.png);
    background-position: left middle;
    background-repeat: no-repeat;
    background-size: auto; */
    padding-left: 80px;
    margin-top:30px;
}
.lzgk .textbox{    width: 985px;
    font-size: var(--font-size1);
    line-height: 24px;
    overflow-x: hidden;
    overflow-y: scroll;
    text-align: left;
    margin-bottom: 30px;
    max-height: 310px;margin: 0 auto;
}
.lzgk .textbox p{
    margin:15px 0;
    font-size: var(--font-size1);
    color:var(--font-color1);
    line-height: 36px;
}
/* 模块2 */
.icon .col-md-1-5{
    float: left;
    /* width: 20%; */
    width: 25%;
    text-align: center;
    margin-bottom: 90px;
}
.icon a{
    font-size: var(--font-size1);
    color: var(--font-color1);
    display: block;
    text-decoration: none;
    text-align: center;
    margin:0 auto;
}
.icon a:hover{
    color:var(--font-color2);
}
.icon .col-md-1-5 a:first-child{
    background-color: rgb(242,242,242);
    width: 120px;
    height:120px;
    border-radius: 50%;
    line-height: 120px;
    margin-bottom: 20px;
}
.col-md-1-5:hover a{color: #337ab7;}
/* 模块3 */
.article{
    margin-top: 80px;
}
.art-head{
    width:100%;
    background-image: url(../img/zjlz_05.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;    text-align: center;
}
.art-head a:nth-child(1){
	    width: 210px;
	    display: inline-block;
    height:69px;
    line-height: 69px;
    font-size: var(--font-size2);
    color:white;
    text-decoration: none;
    letter-spacing: 2px;
}
.art-head a:nth-child(2){
    display: block;
    position: absolute;
    right: 0;
    top:50%;
    padding-top:-50%;
    color:var(--font-color3);
    text-decoration: none;
    font-size: var(--font-size1);
}
.art-body{
    width:100%;
    height:auto;
    margin-top: 50px;
}
.art-body ul{
    list-style-type: disc;
    list-style-position: inside;
}
.art-body ul li{
    width:45%;
    /* display: block; */
    float: left;
    text-align: left;
    line-height: 36px;
}
.art-body ul li:nth-child(odd){
    margin-right:10%;
}
.art-body ul li a{
    font-size: 16px;
    color:var(--font-color1);
    text-decoration: none;
}
.art-body ul li a:hover{
    color:var(--font-color2);
}
.art-body ul li span{
    font-size: var(--font-size1);
    color:var(--font-color3);
    float: right;
}
/* 模块4 */
.picscroll{
    margin-top: 80px;
}
.picscroll-head{
    width:100%;
    background-image: url(../img/zjlz_05.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;    text-align: center;
}
.picscroll-head a:nth-child(1){
	    width: 210px;
	    display: inline-block;
    height:69px;
    line-height: 69px;
    font-size: var(--font-size2);
    color:white;
    text-decoration: none;
    letter-spacing: 2px;
}
.picscroll-head a:nth-child(2){
    display: block;
    position: absolute;
    right: 0;
    top:50%;
    padding-top:-50%;
    color:var(--font-color3);
    text-decoration: none;
    font-size: var(--font-size1);
}
.picscroll-body{
    margin-top: 50px;
    width:100%;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.hd{
    position: absolute;
    top:50%;
    transform:translateY(-50%);
    width:100%;
}
.hd a:nth-child(1){
    float: left;cursor: pointer;
    position: relative;
}
.hd a:nth-child(2){
    float: right;cursor: pointer;
    position: relative;
}
.bd{
    margin:0 20px;
    width:auto;
}
.bd ul{
    overflow-y: hidden;
    zoom: 1;
}
.bd ul li{
    float: left;
    text-align: center;
    margin:0 8px;
    _display:inline;
    overflow: hidden;
    border: none;
    list-style: none;
    position: relative;
}
.bd ul li a{
    text-decoration: none;
    font-size: var(--font-size-small);
    color:white;
    display: block;
}
.bd ul li a:nth-child(2){
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    width:260px;
    line-height: 24px;
    height:24px;
}
.bd ul li a:nth-child(1) img{
    width:260px;
    height:170px;
}
/* 底部 */
.myfooter{
    background-color: rgb(235, 235, 233);
    margin-top: 60px;
}
.myfooter-con{
    margin-top:30px;
    margin-bottom:60px;
}
.myfooter-con img{
    margin:0;
    padding: 0;
    border: none;
}
.myfooter-middle{
    font-size: var(--font-size1);
    color:var(--font-size-small);
    line-height: 25px;
}
.myfooter-middle a{
    text-decoration: none;
    margin:0 5px;
    color:var(--font-color1);
    font-size: var(--font-size-small);
    display: inline-block;
}
.myfooter-middle span{
    margin:0 5px;
    font-size: var(--font-size-small);
    color:var(--font-color1);
    display: inline-block;
}
.myfooter-left,.myfooter-middle,.myfooter-right{
    height:100px;
}
.myfooter-left,.myfooter-right{
    line-height: 100px;
}
