.top{background: #EFEFEF; height: 40px; line-height: 40px;}
.top_r ul li{display: inline-block;}
.top_l{font-size: 12px;}
.top_r ul li{font-size: 12px;}
.top_r ul li em{display: inline-block; margin: 0px 4px;}
.top_logo{padding: 20px 0px;}
.dh span{margin-right: 6px;}
.dh p{overflow: hidden;font-size: 24px; font-weight: bold; font-family: "宋体"; color: #333333; line-height: 30px;}
.box{background: #2A82E4;}
.box ul li{float: left; width: 12.5%;}
.box ul li a{display:block; font-size: 22px; color: #FFFFFF; height: 60px; line-height: 60px; text-align: center; position: relative; transition: ease-in-out .3s;}
.box ul li.on a,.box ul li:hover a{background: #0866D1;}
.box ul li.on a::before,.box ul li:hover a::before{position: absolute; content: ' '; background: #FFC300; left: 50%; margin-left: -20px; bottom: 10px; width: 40px; height: 2px;}
.box_top{position: fixed; z-index: 999; top: 0px; height: 30px; background: #006FDD; line-height: 30px; width: 100%; left: 0px;}
.box_top .ss{width:25px;float: right; margin-right: 5px; }
.media_a{ border: 1px solid transparent; float: right; margin-right: 10px; margin-top:7px; border-radius: 4px;}
.trans-3{display: block;width: 19px; margin-bottom: 4px; background: #fff; height: 2px; border-radius: 1px;}
.trans-3{ transition: all 0.35s linear;}
.box.on .trans-3:nth-child(1){-webkit-transform: matrix(1,0,0,1,0,6) rotate(45deg); transform: matrix(1,0,0,1,0,6) rotate(45deg);}
.box.on .trans-3:nth-child(3){-webkit-transform: matrix(1,0,0,1,0,-6) rotate(-45deg); transform: matrix(1,0,0,1,0,-6) rotate(-45deg);}
.box.on .trans-3:nth-child(2){width: 0;}
.box.on .trans-3{background: #FFFFFF;}
.media_b,.media_a,.box_top{display: none;}
.swiper{overflow: hidden;}
.banner1{width: 100%; padding-top: 170px; height: 750px; }
.banner2{width: 100%; padding-top: 50px; height: 750px;}
.con{padding: 40px 0px;}
.czab_tit{border-bottom: 2px solid #E5E5E5; line-height: 50px; height:58px;}
.czab_tit span{display: inline-block; border-bottom: 2px solid #2A82E4;}
.czab_p p{margin-top: 20px; font-size: 16px; line-height: 30px; text-indent: 2em;}
.con2{background: url(22czab_banner4.jpg) no-repeat center; background-size: cover; padding: 40px 0px;}

.special_title{ position: relative; text-align: center; line-height: 50px; font-size: 0px; height: 50px; overflow: hidden; z-index: 2;}
.special_title span{ position: relative; z-index: 5; display: inline-block;  max-width: 75%; white-space: nowrap; text-overflow: ellipsis;}
.special_title span ul li{ display: inline-block;  margin: 0px 10px;}
.special_title span ul li.on a,.special_title span ul li:hover a{color: #2A82E4;}
.special_title_06 em{ width: 29px; height: 20px; display: inline-block; position: relative; top: -10px; margin-left: 10px; margin-right: 10px;}
.special_title_06 i{ width: 13.84615%; height: 2px; background-color: #ececec; display: inline-block; position: relative; top:-9px;}
.special_title_06 span{ margin: 0px 40px; font-size: 32px;}
.picture_fixed{ height: 0px; overflow: hidden; background-color: #f8f8f8; background-repeat: no-repeat; background-position: center center; background-size:contain; position: relative; display: block; transition: .3s all;}
.picture_scale_169{ padding-top:56.25%;}
.picture{ overflow: hidden;}
.picture_fixed:hover{ transform: scale(1.05); -ms-transform: scale(1.05);}
.con_img a{display: block; position: relative;}
.con_img p{position:absolute; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); line-height: 60px; padding-top: 40px; bottom: 0px; left: 0px; right: 0px; padding-left: 10px; color: #FFFFFF; padding-right: 10px;}
.word_group{position: relative;}
.word_group .prev,.word_group .next{z-index: 99; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%);}
.word_group .prev{left: -50px;}
.word_group .next{right: -50px;}
.czab_logo ul{font-size: 0px; text-align: center;}
.czab_logo ul li{display: inline-block; margin: 12px 10px;}
.czab_logo ul li span{position: relative; display: block; width: 220px; line-height: 90px; height: 90px;}
.czab_logo ul li span::before{display: block; content: ' '; position: absolute; top: 0;left: 0; right: 0; bottom: 0; padding: 10px; box-shadow: 0px 0px 20px 0px rgba(17, 102, 85, 0.08); background: #FFFFFF; border-radius: 10px;transform: skew(-20deg, 0)}
.czab_logo ul li span img{height: 100%;}
.czab_logo ul li span a{display: block; position: relative; z-index: 2;}
.con3{background: url(22czab_banner5.jpg) no-repeat center; background-size: cover; padding: 40px 0px;}
.con_ul ul li a{display: block; background: #FFFFFF; padding: 20px; padding-top: 50px; height: 300px;border-radius: 8px 50px 8px 50px;background: rgba(255, 255, 255, 1); margin-top: 30px; box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.05);}
.con_ul ul li a span{width: 85px; display: block; margin: 0 auto; border-radius: 20px; text-align: center; line-height: 85px; height: 85px; margin-bottom: 26px;}
.con_ul ul li a span.icon1{background: rgba(184, 45, 46, 1);}
.con_ul ul li a span.icon2{background: rgba(30, 119, 186, 1);}
.con_ul ul li a span.icon3{background: rgba(223, 134, 29, 1);}
.con_ul ul li a span.icon4{background: rgba(73, 185, 176, 1);}
.con_ul ul li a span.icon5{background: rgba(42, 130, 228, 1);}
.con_ul ul li a p{font-size: 20px; text-align: center;}
.con_ul ul li a em{border: 1px solid rgba(22, 88, 160, 1); border-radius: 20px;width: 120px; line-height: 38px; height: 38px; text-align: center; color: #1658A0; margin: 0 auto; margin-top: 26px; display:block;}
.word_group_02 .word_conent{ overflow: hidden;}
.word_group_02 li{margin-bottom:30px;}
.word_group_02 li:first-child .word_conent,.word_group_02 li:first-child+li .word_conent{ border-bottom: 1px dashed #dcdcdc; padding-bottom: 32px;}
.word_group_02 .word_date{ width:88px; height:96px; float: left; border-right: 1px solid #e2e2e2; margin-right:32px; padding-top: 10px;}
.word_group_02 .word_date>h3{ font-size: 44px; font-weight: normal; line-height:36px;}
.word_group_02 .word_date>p{ line-height: 36px; color: #999999; font-size: 14px;}
.word_group_02 .word_text{ overflow: hidden;}
.word_group_02 .word_text>h3{ font-size: 18px; line-height: 32px; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal;}
.word_group_02 .word_text>p{ line-height: 28px; font-size: 16px; color: #999999; height: 56px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis;}
.word_group_02 .word_text>a{ color: #999999; margin-top: 16px; line-height: 28px; display: inline-block; padding-right: 20px; transition: .3s all;}
.word_group_02 .word_text>a img{margin-left: 10px;}
.word_group_02 .word_conent:hover .word_text>a { margin-left: 10px;}
.footer_tit{ color: #FFFFFF; text-align: center; font-size: 14px; background: #2A82E4; padding: 16px 0px;}
.footer_tit a{color:#FFFFFF; display: inline-block;}
.footer_tit em{display: inline-block; margin: 0px 4px;}
.footer_bottom{padding: 40px 0px; text-align: center;}
.footer_bottom span{ margin-right: 20px; display: inline-block; position: relative; vertical-align: middle;}
.footer_bottom span::before{content: ' ';position:absolute; width:1px; background:#CCCCCC; top: 0px; bottom: 0px; right: 0px;}
.footer_bottom .footer_pp{display: inline-block; text-align: left; vertical-align: middle;}
.footer_bottom .footer_pp p{line-height: 30px;}
.con_img i{background-size: cover !important;}
.banner3{height: 750px; text-align: center; padding-top: 300px;}
.swiper{position: relative;}
.swiper-pagination-bullet{background:#FFFFFF; opacity: 1;}
.swiper-pagination-bullet-active{background:#006FDD;}
.con4{background: url(22czab_banner6.jpg) no-repeat top; background-size: cover; padding: 50px 0px;}
.con_ul.li ul li a{height:auto; padding-bottom: 50px;}
.fwzx_img{overflow: hidden;}
.fwzx_l{width: 330px; position: relative; z-index: 2;}
.fwzx_l ul li{ background: rgba(0,0,0,.4); transition: ease-in-out 0.3s; margin-bottom: 2px; height: 135px; padding:0px 24px;}
.fwzx_l ul li a{display: block; width:100%; height: 100%;}
.fwzx_l ul li a span{display: table; height: 100%;}
.fwzx_l ul li a span em{display: table-cell; vertical-align: middle;width: 100%;}
.fwzx_l ul li a span h1{font-size: 18px; line-height: 32px; color: #FFFFFF; font-weight: normal;}
.fwzx_l ul li a span p{color: #FFFFFF;}
.fwzx_l ul li.on,.fwzx_l ul li:hover{background: #BE0614; margin-left: -10px;}
.con5{background: #2A82E4; padding: 40px 0px;}
.special_title_06.li span{color: #FFFFFF;}
.picture_group_01 .el-row{ margin: 0px -24px 0px 0px;}
.picture_group_01 .el-row [class*=el-col-]{ padding: 0px;}
.picture_group_01 .con_img{margin-right: 24px;}
.con_bottom{padding: 24px 32px; margin-bottom: 20px; background: #F5F5F5;}
.con_bottom h1{font-size: 20px; font-weight: normal;}
.con_bottom p{margin-top: 10px;}
.con_bottom a{display:block; margin: 0 auto; margin-top: 20px; font-size: 14px; color: #808080; width: 100px;height: 30px;border-radius: 30px; line-height: 30px; text-align: center; background: #E5E5E5;}
.czab_tit a{font-size: 32px;  font-weight: bold; color: #000;}
.czab_tit a em{color: #2A82E4;}
.con_l{width: 300px; margin-right: 32px;}
.con_r{overflow: hidden;}
.con_l_tit{background: #2A82E4 url(22czab_icon7.png) no-repeat 90% center; height: 70px; line-height: 70px; font-size: 24px; color: #FFFFFF; padding-left: 20px;}
.con_l_ul ul li{padding: 10px; padding-left: 20px; font-size: 20px; line-height: 30px; background: linear-gradient( 0deg, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 0) 100%); border: 1px solid rgba(229, 229, 229, 1);  }
.con_l_ul ul li a{display: block; background:url(22czab_icon9.png) no-repeat 94% center; padding-right: 50px;}
.con_l_ul ul li:hover a,.con_l_ul ul li.on a{color: #2A82E4; background:url(22czab_icon10.png) no-repeat 94% center;}
.con_l_div{margin-bottom: 24px;}
.con_l_con{border: 1px solid rgba(229, 229, 229, 1); padding: 20px;}
.picture_group_02{position: relative;}
.picture_group_02 .prev,.picture_group_02 .next{z-index: 99; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); width: 40px; text-align: center; display:block; line-height: 40px; background: rgba(0, 0, 0, 0.6); height: 40px;}
.picture_group_02 .prev{left: 0px;}
.picture_group_02 .next{right: 0px;}
.czab_r_img ul li { margin-top: 24px;}
.czab_r_img ul li p{text-align: center;}
.con_l_p ul li{font-size: 18px; line-height: 30px;}
.con_l_con2{padding: 16px;border: 1px solid rgba(229, 229, 229, 1);}
.czab_r_p{padding: 24px;}
.con_img p.pp1{bottom:20px;}



@media screen and (max-width:1360px) {
	.word_group .prev{left: 0px;}
	.word_group .next{right: 0px;}
}

@media screen and (max-width:999px) {
	.media_a,.box_top{display: block;border-bottom: 0px;}
	.box{line-height: inherit;height: auto; background: none;}
	.box ul,.span_a {display: none;}
	.box.on ul{display: block;}
	.box.on {position: fixed;float: inherit; width: 100%; padding-top: 40%; z-index: 100; top: 0px; left: 0px; right: 0px; bottom: 0px; background: #006fdd;}
	.box ul li{float: inherit; font-size: 20px; line-height:45px; height: 45px; text-align: center;width: 100%;}
	.box ul li:nth-child(1){width: 100%;}
	.box ul li a{color: #FFFFFF;}
	.box ul li span{display: inline-block; width: 60px; line-height: 45px; text-align: center; height: 45px;}
	.box ul li img{margin-right: 0px;}
	.banner1 img,.banner2 img{width:auto; max-height: 400px;}
	.czab_img{text-align: center;}
	.con_img {margin-bottom: 20px; margin-top: 0px;}
	.footer_bottom span{margin-right: 0px;}
	.footer_bottom .footer_pp{text-align: center; margin-top: 20px;}
	.footer_bottom span::before{display: none;}
	.czab_logo ul{display: inline;}
	.top{display: none;}
	.top_logo{margin-top: 40px;}
	.special_title_06 span{margin: 0px 10px;}
	.fwzx_l{width: auto;float: inherit;}
	.banner3{height: 300px; padding-top: 200px;}
	.banner1,.banner2,.banner3{height:auto; padding: 40px 0px;height: 500px;}
	.con_bottom{padding: 10px;}
	.footer_bottom{padding: 20px 0px;}
	.con_l{width: auto;float: inherit; margin-right: 0px;}
	.czab_r_p{padding: 16px;}
}
@media screen and (max-width:640px) {
.con_img p.pp1{bottom:0px;}
	.logo{float: inherit;}
	.czab_logo{text-align: center;}
	.dh{float: inherit; margin-top: 10px;justify-content: center;}
	.special_title_06 span{font-size: 22px; font-weight: bold;}
	.special_title_06 em{display: none;}
	.special_title span ul li{margin: 0px;}
	.word_group_02 .word_date{width: 70px; margin-right: 10px;}
	.word_group_02 li:first-child .word_conent, .word_group_02 li:first-child+li .word_conent{padding-bottom: 20px;}
	.word_group_02 li{margin-bottom: 20px;}
	.czab_r_img ul .el-col-sm-12{width: 100%;}
	.czab_r_img ul .el-col-sm-12 .con_img{margin-bottom: 0px;}
	.banner1,.banner2,.banner3{height:auto; padding: 40px 0px;height:340px;}
}
@media screen and (max-width:475px) {
	.con_ul ul li{width:100%;}
	.con{padding: 20px 0px;}
.con_img p.pp1{bottom:0px;}
}