/*  
365建站器让建站和seo变得简单！
siteurl：https://soft.365jz.com
*/
body { padding:0; margin:0;overflow-x:hidden; font-family:"微软雅黑", "宋体", "Trebuchet MS", Tahoma, Arial, sans-serif; color: #222222; font-size: 12px; line-height: 20px; background: #eeeeee;}
* { padding:0; margin:0;}
div, h1, h2, h3, h4, p, form, ul, label, input, textarea, img, span, dl, dt, dd { margin:0; padding:0;}
table {border-collapse:collapse;}
a { text-decoration: none; color:  #333333;}
a:hover {text-decoration: none;}
ul { padding:0; margin:0;}
li { list-style-type: none;}
img { border: none;}
.clear { clear: both;}
.clear::after {content: "";display: block;clear: both;}
.z22ffemain{width:1200px;box-sizing: border-box;}
.swiper-container{width:100%;height:360px;}
.swiper-container .swiper-slide a{width:100%;display:block}
.swiper-container .swiper-slide  img{width:100%;min-height:100%}
.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center}
.swiper_title{padding:0 10%;height:36px;line-height:36px;position:absolute;bottom:0;width:80%;font-size:16px;text-align:center;color:#fff;background:rgba(0,0,0,0.5);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.swiper-text{position:absolute;left:0;top:0;z-index:2;text-align:center;color:#FFF;width:100%;HEIGHT:100%;display:flex;flex-direction:column;justify-content:center}
.swiper-text .banner-text-wrap{width:100%;height:100%}
.swiper-text h3{font-size:24px;text-align:center;margin-bottom:3%;color:#FFF;line-height:24px}
.swiper-text p{font-size:16px;text-align:center;margin-bottom:3%;color:#FFF;line-height:24px}
.swiper-text .swiperbtn{display:block;background:#0064Cd;background-image:-webkit-gradient(linear,right top,left top,color-stop(0,#1dab7d),to(#47de9d));background-image:linear-gradient(270deg,#1dab7d 0,#47de9d 100%);width:120px;height:40px;line-height:40px;color:#fff;text-align:center;border-radius:20px;margin:0 auto;font-size:14px}
.swiper-text .swiperbtn:hover{-webkit-box-shadow:0 1px 5px 0 rgb(34 178 129 / 50%);box-shadow:0 1px 5px 0 rgb(34 178 129 / 50%);-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.z22ffecontent{font-size:14px;line-height:24px;max-width:1200px;margin:0 auto;}
.z22ffecol .z22ffemain,.z22fferow .z22ffemain{width:auto;}
.z22ffecontainer{width: 1260px;background: #FFF;margin-top: 30px;}
/* mbframe */

/* header */
.z22ffetop {position:relative;height:36px;display:none;background:#f5f5f5;line-height:36px;font-size:14px;padding:0 10px;font-size:12px;color:#6C6C6C;}
.z22ffetop .z22ffel {float:left;}
.z22ffetop .z22ffer {float:right;}
.z22ffetop a:hover {color:#FF4400;display:inline-block;}
.z22ffetop a,.z22ffetop span {color:#6C6C6C;display:inline-block;}
.z22ffetop span+span {padding-left:10px;}
.z22ffetop .z22ffetop_navmore {position:relative;}
.z22ffetop .z22ffetop_navmore .z22ffenav-more {display:inline-block;transition:all .2s;-webkit-transition:all .2s;font-size:12px;margin:0 2px;}
.z22ffetop .z22ffetop_navmore:hover a .z22ffenav-more {transform:rotate(180deg);}
.z22ffetop .z22ffetop_navmore .z22ffetop_nav-child {display:none;position:absolute;left:0;top:36px;line-height:36px;box-shadow:0 2px 4px #dbdbdb;background-color:#fff;z-index:10000;border-radius:2px;white-space:nowrap;}
.z22ffetop .z22ffetop_navmore:hover .z22ffetop_nav-child {display:block;}
.z22ffetop .z22ffetop_navmore .z22ffetop_nav-child a {color:#6C6C6C;display:block;-webkit-transition:all .3s;padding:0 20px;}
.z22ffetop .z22ffetop_navmore .z22ffetop_nav-child a:hover {background:rgba(232,235,239,.8);}
.z22ffeheader_fixed_height {height:100px;display:none;table-layout:auto;}
.z22ffeheader {position:relative;top:0;left:0;z-index:888;width:100%;height:140px;line-height:140px;margin:0px 0px;background:#005689;box-shadow:0 3px 4px rgb(0 0 0 / 10%);}
.z22ffeheader .z22ffemain{height:100%;}
.z22ffeheader .logo {position:absolute;left:0;top:0;display:block;line-height:100px;}
.z22ffeheader .logo h1 {font-size:24px;}
.z22ffeheader .logo img {max-height:140px;padding:0;}
.z22ffenavmenu{bottom:0;right:0;}
.z22ffeheader .z22ffeheader_diy{position:absolute;right:0;top:0;bottom:0;display: flex;align-items: center;height:100px;}
/* header_diycss */
.z22ffenavmenu {position:absolute;left:0px;background:#fff;line-height:60px;}
.z22ffenavmenu .z22ffenav{background-color:transparent;padding:0px 0px;}
.z22ffenavmenu .z22ffenav .z22ffenav-item {box-sizing: border-box;line-height:60px;margin:0px 0px;padding:0px 0px;}
.z22ffenavmenu .z22ffenav * {font-size:15px;font-weight:bolder}
.z22ffenavmenu .z22ffenav-child {text-align: center;top:60px;line-height:45px;background:#fff}
.z22ffenavmenu .z22ffenav-tree .z22ffenav-child{top:0;}
.z22ffenavmenu .z22ffenav .z22ffenav-more {display:;}
.z22ffenavmenu ul li:hover {color:#333;}
.z22ffenavmenu .z22ffenav-item a,.z22ffenavmenu .z22ffenav-itemed>a {color:#000;}
.z22ffenavmenu .z22ffenav-item:hover a,.z22ffenavmenu .z22ffethis a,.z22ffenavmenu .z22ffenav-itemed>a:hover {color:#006CAD;}
.z22ffenavmenu .z22ffenav-itemed>.z22ffenav-child {background-color:#C83939!important;}
.z22ffenavmenu .z22ffenav .z22ffenav-child a {color:#000;}
.z22ffenavmenu .z22ffenav .z22ffenav-child a:hover {background:rgba(232,235,239,.8);color:#006CAD;}
.z22ffenav .z22ffenav-item:hover,.z22ffenav .z22ffethis,.z22ffenav .z22ffenav-itemed {border-radius:;}
@media only screen and (max-width:600px) {
.z22ffeheader .z22ffenavmenu{background:#fff}
.icon_menu .i_close{color:#000;}
/* 600px */}
.z22ffenav .z22ffenav-item:hover, .z22ffenav .z22ffethis{background:#fff;}.z22ffenav .z22ffethis:after, .z22ffenav-bar{display:none;}
@media only screen and (max-width:1140px) {.z22ffeheader .logo {left:10px;}
.z22ffeheader .logo {display:block;height:60px;width:137px;position:absolute;left:50%;top:0px;margin-left:-68px;}
.z22ffeheader .search {display:none;position:fixed;height:24px;width:156px;z-index:1000;left:20px;top:40px;}
.z22ffeheader .search .icon {top:24px;margin-top:0;}
.z22ffeheader .search_r {left:auto;right:20px;}
.z22ffeheader .search input {width:120px;}
/* 1140px */}
@media only screen and (max-width:600px) {
.z22ffeheader .search {display:none;}
.swiper-container {min-height:120px;}
.swiper-container img {width:100%;max-width:100%;min-height:100%;}
.swiper-text h3,.swiper-text h2 {font-size:16px;}
.swiper-text p {font-size:12px;}
.swiper-text .top-banner-text h2,.swiper-text .top-banner-text p {text-align:center;}
.z22fferow .description {text-align:center;}
.z22fferow .description p {text-align:left;}
.z22ffenavmenu .z22ffenav .z22ffenav-item{margin:0;}
/* 600px */}


/* container */

/* pagelist */

/* artlist */

/* pagebody */

/* blockrow */
.z22fferow_137_1654{padding:10px 0px;margin:0px auto;}
.z22fferow_137_1654 .z22ffearticle_content {
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
	-webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
}
.z22fferow_137_1654 .z22ffearticle_content:hover{
    background: #EFEFEF;
}
.z22fferow_137_1654 .z22ffearticle_img {
    width: 100%;
    height: 200px;
	display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.z22fferow_137_1654 .z22ffearticle_info {
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
.z22fferow_137_1654 .z22ffearticle_title {
    font-size: 16px;
    color: #333;
    height: 46px;
    line-height: 24px;
    text-decoration: none;
    overflow: hidden;
}
.z22fferow_137_1654 .z22ffearticle_meta {
    line-height: 26px;
    color: #878787;
    margin: 10px 0;
    font-size: 14px;
}
.z22fferow_137_1654 .z22ffearticle_meta span{
    display: inline-block;
    position: relative;
    margin-right: 10px;
    padding-left:20px;
}
.z22fferow_137_1654 .z22ffearticle_meta span i{
    position:absolute;
    left:0;
    top:0;
}
.z22ffebody{width:100%;overflow-x: hidden;font-size:16px;line-height:28px;padding-bottom:30px;}
.z22ffebody h1{font-size:20px;line-height:50px;text-align:center;color: #2a2e2e;}
.z22ffebody .info{padding-bottom:15px;text-align:center;}
.z22ffebody .info small{padding:0 1px;}
.z22ffebody p{padding-bottom: 20px;}
.z22ffebody img{max-width:98%;height:auto;}
.z22ffemeta-tags{padding: 20px 0;}
.z22ffemeta-tags .z22ffetagitem {
    position: relative;
    display: inline-block;
    height: 30px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 30px;
    vertical-align: top;
    border-radius: 100px;
    background: #f2f3f5;
    margin-bottom: 20px;
}
.z22ffemeta-tags .z22ffetagitem:hover {
    background-color: rgba(0,102,255,.15);
}
.z22ffemeta-tags .z22ffetagitem:not(:last-child) {
    margin-right: 10px;
}
.z22ffecontext{line-height: 30px;}
.z22fferow_88_1586 {
   padding:0px 0px;margin:0px auto;
}
.z22fferow_88_1586 .z22ffeplace{line-height: 56px;font-size: 16px;margin:20px 0;}
.z22fferow_88_1586,.z22fferow_88_1586 a{color:#333}

.z22ffelist_18{padding:0px 0px;margin:0px auto;}
.z22ffelist_18 .z22ffearticle_content {
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
	-webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
}
.z22ffelist_18 .z22ffearticle_content:hover{
    background: #EFEFEF;
}
.z22ffelist_18 .z22ffearticle_img {
    width: 100%;
    height: 200px;
	display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.z22ffelist_18 .z22ffearticle_info {
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
.z22ffelist_18 .z22ffearticle_title {
    font-size: 16px;
    color: #333;
    height: 46px;
    line-height: 24px;
    text-decoration: none;
    overflow: hidden;
}
.z22ffelist_18 .z22ffearticle_meta {
    line-height: 26px;
    color: #878787;
    margin: 10px 0;
    font-size: 14px;
}
.z22ffelist_18 .z22ffearticle_meta span{
    display: inline-block;
    position: relative;
    margin-right: 10px;
    padding-left:20px;
}
.z22ffelist_18 .z22ffearticle_meta span i{
    position:absolute;
    left:0;
    top:0;
}

/* 分页 */
.z22ffepages ul{
	padding:12px 0;
}
.z22ffepages ul li{
	display: inline-block;
    height: 35px;
    line-height: 35px;
    background: #fff;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    vertical-align: top;
}
.z22ffepages li.thisclass {
    background: #292a32;
    border: 1px solid #292a32;
    color: #fff;
}
.z22ffepages ul li:hover{
    border: 1px solid #292a32;
}
.z22ffepages ul li a,.z22ffepages ul li .pageinfo{
	color: #292a32;
    padding: 8px 12px;
}
.z22ffepages li.thisclass a{
    color: #fff;
}
.z22ffepages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}
.z22fferow_137_1654_1{padding:20px 0px;margin:0px auto;}
.z22fferow_137_1654_1 .z22ffearticle_content {
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
	-webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
}
.z22fferow_137_1654_1 .z22ffearticle_content:hover{
    background: #EFEFEF;
}
.z22fferow_137_1654_1 .z22ffearticle_img {
    width: 100%;
    height: 200px;
	display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.z22fferow_137_1654_1 .z22ffearticle_info {
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
.z22fferow_137_1654_1 .z22ffearticle_title {
    font-size: 16px;
    color: #333;
    height: 46px;
    line-height: 24px;
    text-decoration: none;
    overflow: hidden;
}
.z22fferow_137_1654_1 .z22ffearticle_meta {
    line-height: 26px;
    color: #878787;
    margin: 10px 0;
    font-size: 14px;
}
.z22fferow_137_1654_1 .z22ffearticle_meta span{
    display: inline-block;
    position: relative;
    margin-right: 10px;
    padding-left:20px;
}
.z22fferow_137_1654_1 .z22ffearticle_meta span i{
    position:absolute;
    left:0;
    top:0;
}
.z22fferow_82_1580_1 {padding:20px 0px;margin:0px auto;background:none;}
.z22fferow_100_1611{
padding:0px 0px;margin:0px auto;
background:none;
}

.row1 .z22fferow_7  .swiper-container {
    height: 360px!important;
}
.z22fferow_100_1611 .fl {
    float: left;
}
.z22fferow_100_1611 .one img {
    display: block;
    width: 200px;
    height: 150px;
}
.z22fferow_100_1611 .one .txt {
    padding-left: 220px;
    line-height: 24px;
    font-size:14px;
}
.z22fferow_100_1611 .one .txt .tit {
    font-weight: bold;
    line-height: 22px;
    display: block;
    padding-bottom: 20px;
    color: #333;
    font-size: 18px;
    transition: all .5s;
}
.z22fferow_100_1611 .one .txt .time {
    color: #333;
}
.z22fferow_100_1611 .z22ffearticle_list li a {
    line-height: 43px;
    display: block;
    font-size: 16px;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.z22fferow_100_1611 .z22ffearticle_list .z22ffearticle_main a {
    color: #e04543;
    font-size: 22px;
    line-height: 54px;
    font-weight: bold;
}
.z22fferow_100_1611 .z22ffearticle_list .z22ffearticle_sub {
   position: relative;
   padding-right: 60px;
}
.z22fferow_100_1611 .z22ffearticle_list .z22ffearticle_sub span{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    color: #b3b2b2;
    margin-left: 10px;line-height: 43px;
}
.z22fferow_100_1611 .z22ffearticle_list .z22ffearticle_sub:hover a{
    transition: 0.5s;
    margin-left: 19px;

}
.z22fferow_100_1611 .z22ffearticle_list .z22ffearticle_main a {
    color: #e04543;
    font-size: 22px;
    line-height: 54px;
    font-weight: bold;
}
.z22fferow_100_1611 .z22ffearticle_list .z22ffearticle_sub a:before {
    content: "";
    width: 7px;
    height: 7px;
    display: inline-block;
    background-color: #bbb;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 9px;
}
.z22fferow_100_1611 .z22ffearticle_list .z22ffearticle_sub:hover a {
    color: #e04543;
}
.z22fferow_100_1611 .z22ffearticle_list .z22ffearticle_sub:hover a:before {
    content: "";
    display: inline-block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAMCAYAAACJOyb4AAAAAXNSR0IArs4c6QAAASdJREFUOE+1k7FKA0EQhv+5S4KEgF6paC4aFCx8h5DbmAfIM9jZ2qS3C+bAp5CABAtRdhe1sLGxEFIogUOLiK2QIt7dyKlFhCh74k37z3wz/DNDMIxgW+wRYy2MuVvV+t6kjEySkpyXWq00LtgPYDhMOMrF1FlR6u63emN4Agka3j6A9hcwBNAnWL4r5fWsJungzeYi4nAAYGEKxgBOmamzqtTldBMaClG2gS3Xcc6o14se6/VqRLRe0fqcAA6E2CSiJVdK/Tm9OAR4d7YdfGWBD8ry4iTRKWh4TwCWmdDOvY79qFQcAZgHeKfwFvcneTvR58DUqih1PPS8DdvCLYDiT34TcBOD/W9wTKIu5e3nf4NnaovpKX74nXahqeBZnWKmT/SX938HOsCoiwh1TScAAAAASUVORK5CYII=") center center no-repeat;
    width: 23px;
    height: 12px;
    margin-right: 9px;
}
.z22fferow_7 .swiper-container {
    height: 210px;
}
.z22fferow_7_1396 {
    width: 100%;
    padding:0px 0px;margin:0px auto;
}
.z22fferow_7_1396 .swiper-container {
    height: 360px;
}
.z22fferow_7_1396 .swiper-container-horizontal>.swiper-pagination-bullets, .z22fferow_7_1396 .swiper-pagination-custom, .z22fferow_7_1396 .swiper-pagination-fraction {
    top:10px;
    bottom: auto;
    left: 0;
    width: 100%;
}
.z22fferow_7_1396 .swiper-pagination-bullet {
    width: 25px;
    height: 4px;
    display: inline-block;
    border-radius: 3px;
    background: #FFF;
    opacity: .8;
}
.z22fferow_7_1396 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #4bc061;
}
.z22fferow_7_1396 .swiper-button-next, .z22fferow_7_1396 .swiper-button-prev {
    background: rgba(0, 0, 0, 0.3);
    color:#FFF;
    display:none;
}
.z22fferow_7_1396 .swiper-container:hover .swiper-button-next, .z22fferow_7_1396 .swiper-container:hover .swiper-button-prev{
    display:flex;
}
.z22fferow_7_1396 .swiper-button-next:hover, .z22fferow_7_1396 .swiper-button-prev:hover {
    background: rgba(0, 0, 0, 0.6);
    color:#FFF;
}
.z22fferow_7_1396 .swiper-button-next:after, .z22fferow_7_1396 .swiper-button-prev:after {
    font-size: 16px;
}
.z22fferow_137_1654{padding:10px 0px;margin:0px auto;}
.z22fferow_137_1654 .z22ffearticle_content {
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
	-webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
}
.z22fferow_137_1654 .z22ffearticle_content:hover{
    background: #EFEFEF;
}
.z22fferow_137_1654 .z22ffearticle_img {
    width: 100%;
    height: 200px;
	display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.z22fferow_137_1654 .z22ffearticle_info {
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
.z22fferow_137_1654 .z22ffearticle_title {
    font-size: 16px;
    color: #333;
    height: 46px;
    line-height: 24px;
    text-decoration: none;
    overflow: hidden;
}
.z22fferow_137_1654 .z22ffearticle_meta {
    line-height: 26px;
    color: #878787;
    margin: 10px 0;
    font-size: 14px;
}
.z22fferow_137_1654 .z22ffearticle_meta span{
    display: inline-block;
    position: relative;
    margin-right: 10px;
    padding-left:20px;
}
.z22fferow_137_1654 .z22ffearticle_meta span i{
    position:absolute;
    left:0;
    top:0;
}
.z22fferow_82_1580 {padding:20px 0px;margin:0px auto;background:none;}
.z22fferow_82_1580 .z22fferowtitle {position:relative;line-height:45px;text-align:center;}
.z22fferow_82_1580 .z22fferowtitle h1 {color:#005689;font-size:32px;border: none;}
.z22fferow_82_1580 .z22fferowtitle h2 {color:#333;font-size:18px;}
.z22fferow_82_1580 .z22fferowtitle h2:before {content:"";}
.z22fferow_82_1580 .z22fferowtitle h1:after {display: none;}

.z22fferow_92_1603 {
   padding:20px 0px;margin:0px auto;
   text-align:left;
}
.z22fferow_92_1603 dl{margin:0 0 10px 50px;}
.z22fferow_92_1603 dt {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}
.z22fferow_92_1603 dd {
    line-height: 30px;
}


/* footer */
.z22ffefooter{width:100%;margin:0 auto; color: #fff; background: #005689;border-top: 1px solid #C7CED1; text-align:center;position: relative;}
.z22ffefooter a{color: #fff;}
.z22ffefooter a:hover{color: #FFF;}
.z22ffefooter .z22ffeflink{padding:18px 0;border-bottom: 0px solid #333333;}
.z22ffefooter .z22ffeflink li{display: inline-block;margin-left: 10px;}
.z22ffefooterc {
    background: #005689;
	padding:30px 0;
	line-height:22px;
}

/* mobile */

/* diycss */
.z22ffenavmenu {
    width: 1200px;
    margin: 0 auto;
    bottom: -30px;
}

.z22fferowtitle {position:relative;line-height:60px;text-align:left;}
.z22fferowtitle h1 {color:#333;font-size:22px;border-bottom: 3px solid #efefef;}
.z22fferowtitle h1:after {content:"";position:absolute;width:90px;border-bottom:3px solid #005689;bottom:0;left:0;}
@media only screen and (max-width: 1200px) {
	.z22ffecontainer{margin: 0;}
    .z22ffemain{width:auto;}
	.swiper-container {min-height: 120px;height:200px;}
}
@media only screen and (max-width: 600px) {
	.z22ffecontainer{margin: 0;}
	.z22ffeheader .z22ffeheader_diy{display:none;}
	.z22ffeheader,.z22ffeheader .logo{height:60px;line-height:60px;}
}


.z22ffeplace {
font-size: 16px;
line-height: 18px;
margin:20px;
}

.topic .z22fferowtitle{
text-align: center;
}

.topic .z22fferowtitle p{
font-size: 16px;
line-height: 16px;
margin:10px;
}