@charset "utf-8";
* {
margin:0;
padding:0;
border:0
}
html {
overflow-x:hidden;
overflow-y:auto
}
body {
background:#f8f8f8;
color:#444;
margin:0 auto;
font:12px arial,sans-serif;
font-family:"Microsoft YaHei"
}
ul,ol {
list-style-type:none
}
select,input,select {
vertical-align:middle
}
img {
vertical-align:top;
}
.left {
float:left
}
.right {
float:right
}
input:focus,select:focus {
outline:0
}
a:link {
color:#444;
text-decoration:none
}
a:visited,a:active,a:focus {
color:#444;
text-decoration:none
}
a:hover,a:focus {
color:#F00;
text-decoration:none
}
.clear {
clear:both;
width:100%;
height:0;
line-height:0;
font-size:0;
overflow:hidden
}
.clearfix:after {
clear:both;
content:'';
display:block;
height:0;
line-height:0;
visibility:hidden
}
.clearfix {
zoom:1
}
table,td {
border-collapse:collapse;
border-spacing:0
}
.box {
width:1200px;
height:auto;
margin:0 auto
}
.yj {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px
}
.BNV_v_tit,.jcwt_tit,.job_kL_tit,.job_kR_tit,.tech_tit {
border-bottom:1px solid #ebebeb;
font-size:20px
}
.BNV_v_tit a,.jcwt_tit a,.job_kL_tit a,.job_kR_tit a,.tech_tit a {
color:#000
}
.ty_ico {
width:278px;
height:205px;
background:url(http://www.zzwtqx.com/images/2017/17_gy_ico.png) no-repeat center
}
.index_top_ad {
margin:0 auto;
width:100%;
height:100px;
margin-top:5px;
max-width: 1920px;
min-width: 1200px;
}
.index_top_ad .Ra {
width:100%;
height:100px;
position:absolute;
top:0;
right:0;
z-index:10000;
background: url('http://www.zzwtqx.com/images/ad/TopAd_0921.gif') no-repeat;
background-position: center center;
}
.top-nav {
background:#f5f5f5;
border-bottom:1px solid #eee
}
.t_1 {
height:46px;
width:1200px;
margin-right:auto;
margin-left:auto;
margin:0 auto;
font-size:16px
}
.t_left {
float:left;
height:46px;
width:400px;
line-height:46px;
text-align:left
}
.t_left img {
padding-top:12px
}
.t_left span {
background:#00a0e1;
margin-right:3px;
padding:2px 5px;
color:#FFF
}
.t_right {
float:right;
height:46px;
line-height:46px;
width:600px;
text-align:right;
font-size:14px
}
.t_right img {
padding-top:12px
}
.t_right a:nth-child(1) img {
width:12px
}
.t_right a:nth-child(2) img {
width:16px
}
.t_right a:nth-child(3) img {
width:22px
}
#logo {
width:100%;
background:#f8f8f8
}
#logo .logo_bg {
width:1200px;
margin:0 auto;
height:100px
}
#logo .top_r_xx {
float:right;
line-height:100px
}
#logo .top_l_logo {
float:left;
line-height:100px
}
#logo .top_l_logo img {
margin-top:20px
}
#logo .top_r_xx img {
margin-top:25px
}
.fix_nav {
position:fixed;
top:0;
z-index:999
}
.nav_bg {
height:50px;
background:#fff;
margin:0 auto;
overflow:hidden;
width:100%;
box-shadow:1px 1px 1px #ccc;
z-index:100
}
#nav {
margin:auto;
width:1200px
}
#nav ul li {
float:left
}
#nav ul li .tjbt {
background:#fe0000;
width:280px;
height:50px;
border-right:0;
font-size:18px;
color:#FFF
}
#nav ul li .tjbt span {
background:url(../images/2017/zy_ico.png) no-repeat 0;
padding-left:20px
}
#nav ul li a {
color:#000;
text-decoration:none;
width:90px;
_width:85px;
line-height:50px;
display:block;
background:#fff;
border-right:0 solid #fe0000;
font-size:16px;
text-align:center
}
#nav ul li a:hover {
background:#fe0000;
font:Microsoft YaHei;
color:#fff
}
.zhuanye {
width:1200px;
margin:0 auto;
margin-top:2px;
z-index:99;
position:relative
}
.kecheng {
width:280px;
height:520px;
position:absolute;
left:0
}
.major_1 {
width:280px;
height:520px;
display:block;
}
.major_1_ll {
width:50px;
height:520px;
float:left
}
.major_1_l {
width:50px;
background:#fe0000;
border-bottom:1px solid #fff;
text-align:center;
color:#FFF;
font-size:13px;
float:left;
border-right: 1px solid #fff;
}
.major_1_l span{
display: block;
width: 50px;
height: 211px;
overflow: hidden;
box-sizing: border-box;
}
.major_1_l span small{
font-size: 14px;
width: 17px;
float: left;
height: 211px;
box-sizing: border-box;
padding-left: 10px;
}
.major_1_l span small:nth-child(1){
padding-top: 30px;
}
.major_1_l span small:nth-child(2){
padding-top: 20px;
}
.major_1_l:nth-child(1) {
height:259px;
}
.major_1_l:nth-child(2) {
width: 51px;
height:260px;
box-sizing: border-box;
padding-top: 40px;
}
.major_1_l:nth-child(3) {
height:121px;
padding:51px 10px 0
}
.major_1_l:nth-child(4) {
height:27px;
padding:7px 10px 0
}
.major_1_l:nth-child(5) {
height:23px;
padding:7px 10px 0
}
.major_1_l img {
margin-bottom:3px
}
.major_1_r {
width:230px;
height:520px;
float:left
}
.major_1_r dl {
position:relative;
clear:both
}
.major_1_r dl dt {
padding:.15px 0 0 5px;
height:42.3px;
line-height:42.3px;
_line-height:42.3px;
cursor:pointer;
background-color: #f5f5f5;
border-bottom: 1px solid #fff;
}
.major_1_r dl dt:nth-child(5){
border-bottom: 1px solid #fff;
}
.major_1_r dl dt:last-child{
  border-bottom: none;
}

.major_1_r dl dt a {
padding-left:2px;
font-size:13px;
display:block;
color: #333333;
overflow: hidden;
}
.major_1_r dl dt a img{
vertical-align: inherit;
}
.major_1_r dl dt a span {
font-size:14px;
color: red;
float: right;
padding-right: 5px;
}
.major_1_r dl dt .ys {
color:#F00;
font-weight:bold
}
.major_1_r dl dt:hover {
background:#ffe4e4
}
.major_1_r dl dt:hover a{
background:#ffe4e4;
color: #333;
}
.index_nav_zx {
width:270px;
height:40px;
background:#eaeeed;
padding:5px
}
.zy_kuozha {
width:270px;
border-left:1px solid #00a0e1;
border-right:1px solid #00a0e1;
height:100%;
background:#fafafa;
position:absolute;
left:230px;
z-index:999;
top:0;
display:none
}
.zy_kuozha h2 {
width:220px;
margin:12px auto;
color:#FFF;
height:33px;
line-height:33px;
text-align:center;
font-size:12px;
font-weight:bold
}
.zyfeofla {
background:#cf697f
}
.zyfeoflb {
background:#71d3d6
}
.zyfeoflc {
background:#ea6350
}
.zyfeofld {
background:#78c342
}
.zyfeofle {
background:#f9af28
}
.zyfeoflf {
background:#78c342
}
.zy_kuozha a:hover h2 {
background:#0073c3
}
.zy_kuozha p {
width:220px;
margin:0 auto;
line-height:28px;
font-size:13px
}
.zy_kuozha p:last-child {
margin-top:20px
}
.zy_kuozha p a {
width:90px;
height:30px;
line-height:30px;
background:#c22;
color:#FFF;
text-align:center;
font-size:13px;
border:1px solid #dfdfdf;
float:left;
margin-left:5px;
border-radius:5px
}
.zy_kuozha .aa {
color:#FFF
}
.major_1_r .cur {
background:#CCC
}
.major_1_r .cur .zy_kuozha {
display:block
}
.zy_xw {
width:40px;
height:36.39px;
background-position:-117px -137px
}
.banner {
width:100%;
height:540px
}
.fullSlide {
width:1200px;
height:520px;
margin:0 auto;
position:relative;
background:#f8f8f8;
top:0
}
.fullSlide .bd {
height:100%;
margin:0 auto;
position:relative;
z-index:0;
overflow:hidden;
background-color:#f8f8f8
}
.fullSlide .bd ul {
width:100%!important;
height:100%
}
.fullSlide .bd li {
width:100%!important;
height:100%;
overflow:hidden;
text-align:center
}
.fullSlide .bd li a {
display:block;
height:520px
}
.fullSlide .hd {
width:920px;
position:absolute;
bottom:20px;
left:32%;
height:30px;
line-height:30px
}
.fullSlide .hd ul {
text-align:center
}
.fullSlide .hd ul li {
width:auto;
margin:1px;
padding: 10px 15px;
overflow:hidden;
text-align:center;
font-size:14px;
cursor:pointer;
display:inline-block;
display:inline;
zoom:1;
color: #3a3a3a;
background-color: rgba(255, 255, 255, 0.7);
}
.fullSlide .hd ul li.on {
background:rgba(0, 0, 0, 0.7);
color:#fff
}
.fullSlide .next,.fullSlide .prev {
position:absolute;
top:0;
bottom:0;
z-index:10;
display:block;
margin:auto;
width:40px;
height:65px;
background:#000;
color:#e6ecef;
text-align:center;
font-weight:700;
font-size:30px;
font-family:simsun;
line-height:65px;
opacity:0;
filter:opacity(0);
filter:alpha(opacity=0)
}
.fullSlide:hover .next,.fullSlide:hover .prev {
opacity:.7;
filter:opacity(.7);
filter:alpha(opacity=70)
}
.fullSlide .prev {
left:0
}
.fullSlide .next {
right:0
}
.dl_list {
width:1200px;
height:141px;
margin:46px auto 0
}
.dl_list>li {
width:279px;
height:100%;
float:left;
margin-left:28px;
background:url(../images/index_2018/qc1.jpg) no-repeat center;
text-align:center
}
.dl_list>li:nth-child(2) {
background:url(../images/index_2018/qc2.jpg) no-repeat center
}
.dl_list>li:nth-child(3) {
background:url(../images/index_2018/qc3.jpg) no-repeat center
}
.dl_list>li:nth-child(4) {
background:url(../images/index_2018/qc4.jpg) no-repeat center
}
.dl_list>li>a {
display:block;
width:100%;
height:100%;
overflow:hidden
}
.dl_list>li:first-child {
margin-left:0;
padding:0
}
.dl_list>li .li_tit {
font:bold 20px Microsoft Yahei;
color:#46a5f1;
margin-top:46px
}
.dl_list>li:nth-child(2) .li_tit {
color:#fbb066
}
.dl_list>li:nth-child(3) .li_tit {
color:#75d8ad
}
.dl_list>li:nth-child(4) .li_tit {
color:#f0958c
}
.dl_list>li .li_con {
color:#fff;
font-size:14px;
margin-top:12px
}
.fl_list {
width:1200px;
height:141px;
margin:0 auto 0
}
.fl_list>li {
width:279px;
height:100%;
float:left;
margin-left:28px;
background:url(http://www.zzwtqx.com/images/index_2019/fl_2141.png) no-repeat center;
text-align:right;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s
}
.fl_list>li:hover {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.05)
}
.fl_list>li:nth-child(2) {
background:url(http://www.zzwtqx.com/images/index_2019/fl_2142.png) no-repeat center
}
.fl_list>li:nth-child(3) {
background:url(http://www.zzwtqx.com/images/index_2019/fl_2143.png) no-repeat center
}
.fl_list>li:nth-child(4) {
background:url(http://www.zzwtqx.com/images/index_2019/fl_2144.png) no-repeat center
}
.fl_list>li>a {
display:block;
width:100%;
height:100%;
overflow:hidden
}
.fl_list>li:first-child {
margin-left:0;
padding:0
}
.fl_list>li .li_tit {
font:bold 32px Microsoft Yahei;
color:#f5ce6c;
margin-top:37px;
margin-right:20px
}
.fl_list>li:nth-child(2) .li_tit {
color:#f5ce6c
}
.fl_list>li:nth-child(3) .li_tit {
color:#f5ce6c
}
.fl_list>li:nth-child(4) .li_tit {
color:#f5ce6c
}
.fl_list>li .li_con {
color:#fff;
font-size:20px;
margin-top:12px;
margin-right:20px
}
.TopAD {
width:1200px;
height:auto;
margin:0 auto;
margin-top:40px
}
.TopAD>a {
display:block
}
.hrbm {
background-color:#fff
}
.hrbmCom {
width:1200px;
height:auto;
margin:30px auto 0
}
.hrbmCom .tit {
width:1150px;
height:30px;
padding:10px 20px 10px 20px;
font:22px/25px "Microsoft YaHei";
color:#787878;
position:relative
}
.hrbmCom .tit::before {
position:absolute;
content:'';
width:6px;
height:30px;
background-color:#188eee;
left:0;
top:6px;
z-index:2
}
.hrbmCom .tit>span {
float:left
}
.hrbmCom .tit>a {
float:right;
font-size:12px;
color:#777;
width:60px;
height:21px;
line-height:21px;
padding:2px 0;
display:block;
text-align:center;
border:1px solid #c0c0c0
}
.hrbmCom .hrbmSwiper {
height:158px;
margin:0 20px;
margin-bottom:10px;
position:relative;
border:2px solid #f7cd23
}
.hrbmSwiperLeftImg {
position:absolute;
width:282px;
height:158px;
left:0;
top:0;
background-color:red;
z-index:999
}
.hrbmSwiperLeftImg img {
width:100%
}
.swiperImgBox {
width:100%;
height:158px;
background-size:100% 100%;
background-repeat:no-repeat;
background-position:center
}
.swiperImg1 {
background:url('http://www.zzwtqx.com/images/index_2019/hrbm1.jpg')
}
.swiperImg2 {
background:url('http://www.zzwtqx.com/images/index_2019/hrbm2.jpg')
}
.swiperImg3 {
background:url('http://www.zzwtqx.com/images/index_2019/hrbm3.jpg')
}
.swiperImg4 {
background:url('http://www.zzwtqx.com/images/index_2019/hrbm4.jpg')
}
.swiperImg5 {
background:url('http://www.zzwtqx.com/images/index_2019/hrbm5.jpg')
}
.swiperImg6 {
background:url('http://www.zzwtqx.com/images/index_2019/hrbm6.jpg')
}
.swiperImg7 {
background:url('http://www.zzwtqx.com/images/index_2019/hrbm7.jpg')
}
.swiperImg8 {
background:url('http://www.zzwtqx.com/images/index_2019/hrbm8.jpg')
}
.swiperImg9 {
background:url('http://www.zzwtqx.com/images/index_2019/hrbm9.jpg')
}
.hrbm .hrbmBg {
padding:0 20px;
padding-bottom:20px
}
.hrbm .hrbmBg table {
border:0;
width:100%;
text-align:center;
font-size:18px
}
.hrbm .hrbmBg table thead {
background:#fe0000
}
.hrbm .hrbmBg table thead th {
padding:10px 0;
color:#fff;
font-weight:100;
font-weight:bolder
}
.hrbm .hrbmBg table tbody td {
font-weight:normal;
font-size:18px;
padding:8px 0;
color:#515151
}
.hrbm .hrbmBg table td,.hrbm .hrbmBg table th {
border-right:1px solid #e2dfdf
}
.hrbm .hrbmBg table tr {
border-bottom:1px solid #e2dfdf
}
.hrbm .hrbmBg table tr td:nth-child(1) {
width:400px
}
.hrbm .hrbmBg table tr td:nth-child(6) a {
color:#fff;
display:inline-block;
width:80px;
height:33px;
line-height:33px
}
.hrbm .hrbmBg table tr td:nth-child(6) a:nth-child(1) {
background-color:#09F
}
.hrbm .hrbmBg table tr td:nth-child(6) a:nth-child(2) {
background-color:#F33
}
.hrbm .hrbmBg table tr td:nth-child(6) {
border-right:1px solid transparent
}
.newstory {
width:1200px;
height:auto;
margin:30px auto 0
}
.newstory .tit {
width:1150px;
height:30px;
padding:10px 20px 0 20px;
font:22px/25px "Microsoft YaHei";
color:#787878;
position:relative
}
.newstory .tit::before {
position:absolute;
content:'';
width:6px;
height:30px;
background-color:#188eee;
left:0;
top:6px;
z-index:2
}
.newstory .tit>span {
float:left
}
.newstory .tit>a {
float:right;
font-size:12px;
color:#777;
width:60px;
height:21px;
line-height:21px;
padding:2px 0;
display:block;
text-align:center;
border:1px solid #c0c0c0
}
.newstory .con {
width:1200px;
margin-top:5px
}
.newstory .con>li {
width:287px;
float:left;
margin-left:17px;
padding-bottom:5px;
position:relative;
transition:.5s;
border-bottom:3px solid #ccc
}
.newstory .con>li::after {
position:absolute;
content:'';
width:0;
height:3px;
background-color:#46a5f1;
left:0;
bottom:-3px;
transition:.5s
}
.newstory .con>li:hover::after {
width:100%
}
.newstory .con>li:nth-child(1) {
margin-left:0
}
.newstory .con>li>a {
width:100%;
height:100%;
display:block;
overflow:hidden
}
.newstory .con>li>a .img {
width:287px;
height:165px;
overflow:hidden;
transition:.5s;
position:relative
}
.newstory .con>li>a .img::after {
position:absolute;
content:'';
width:56px;
height:56px;
background:url('http://www.zzwtqx.com/images/index_2019/videoIcon.png') no-repeat;
background-size:100%;
left:50%;
top:50%;
margin-top:-28px;
margin-left:-28px;
transform:scale(1.5);
opacity:0;
transition:.5s
}
.newstory .con>li>a .img:hover::after {
transform:scale(1);
opacity:1;
transition:.5s
}
.newstory .con>li>a .img:hover {
transform:scale(1.1)
}
.newstory .con>li>a .img>img {
width:100%;
transition:all .5s
}
.newstory .con>li>a .con-tit {
font:16px Microsoft Yahei;
margin:12px 0 5px;
padding-left:8px;
color:#444
}
.newstory .con>li>a .con-con {
font:14px/22px Microsoft Yahei;
color:#999;
padding:0 8px;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical
}
.newstory .tit>a:hover {
color:#f00
}
.kbdt {
width:1200px;
height:290px;
margin-top:40px
}
.kbdt_l {
width:220px;
height:100%;
background-color:#f58b80;
overflow:hidden;
float:left
}
.kbdt .kbdt_l .kbdt_l_tit {
width:190px;
height:40px;
margin:14px auto 0;
border-bottom:1px solid #fff;
font:20px/40px Microsoft Yahei;
color:#fff;
text-align:center
}
.kbdt .kbdt_l .kbdt_l_con {
width:190px;
height:124px;
background-color:#f8b3ac;
margin:54px auto 0;
border-radius:10px;
position:relative
}
.kbdt .kbdt_l .kbdt_l_con .con_con {
width:170px;
height:146px;
background-color:#fff;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
text-align:center
}
.kbdt .kbdt_l .kbdt_l_con .con_con .con_tit {
font-size:14px;
color:#7e7977;
margin:20px auto 16px
}
.kbdt .kbdt_l .kbdt_l_con .con_con .time-item {
font-size:16px;
margin-top:16px
}
.kbdt .kbdt_l .kbdt_l_con .con_con .time-item span {
padding:2px;
background-color:#8a837e;
color:#fff;
font-weight:bold
}
.kbdt .kbdt_l .kbdt_l_con .con_con .time-item b {
padding-left:2px
}
.kbdt .kbdt_l .kbdt_l_con .con_con .time-item .tian {
font-size:12px
}
.kbdt .kbdt_main {
width:720px;
height:100%;
float:left;
box-sizing:border-box;
padding:0 16px;
margin:0 10px
}
.kbdt .kbdt_main .main_tit {
font-size:22px;
color:#848484
}
.kbdt .kbdt_main .dt {
width:100%;
height:240px;
margin-top:12px
}
.kbdt .kbdt_main .dt li {
width:100%;
height:40px;
text-align:center;
line-height:40px
}
.kbdt .kbdt_main .dt li:nth-child(2),.kbdt .kbdt_main .dt li:nth-child(3),.kbdt .kbdt_main .dt li:nth-child(4),.kbdt .kbdt_main .dt li:nth-child(5),.kbdt .kbdt_main .dt li:nth-child(6) {
height:42px;
line-height:42px;
font-size:14px;
color:#8a837e
}
.kbdt .kbdt_main .dt li:nth-child(1) {
background-color:#f58b80;
font-size:14px;
color:#fff!important
}
.kbdt .kbdt_main .dt li:nth-child(2n) {
background-color:#fff
}
.kbdt .kbdt_main .dt li div {
float:left
}
.kbdt .kbdt_main .dt li .li_1 {
width:30%
}
.kbdt .kbdt_main .dt li .li_2 {
width:10%
}
.kbdt .kbdt_main .dt li .li_3 {
width:15%
}
.kbdt .kbdt_main .dt li .li_4 {
width:10%
}
.kbdt .kbdt_main .dt li .li_5 {
width:20%;
color:#f87062
}
.kbdt .kbdt_main .dt li .li_6 {
width:15%
}
.kbdt .kbdt_main .dt li .li_6 a {
color:#f87062
}
.kbdt .kbdt_r {
width:240px;
height:100%;
float:left
}
.kbdt .kbdt_r .r_top {
height:154px;
background-color:#fff
}
.kbdt .kbdt_r .r_top ul {
width:100%;
height:100%
}
.kbdt .kbdt_r .r_top ul li {
width:33.33%;
height:50%;
border-bottom:1px solid #e3e3e3;
border-right:1px solid #e3e3e3;
text-align:center;
box-sizing:border-box;
padding-top:8px;
float:left
}
.kbdt .kbdt_r .r_top ul li:nth-child(3),.kbdt .kbdt_r .r_top ul li:nth-child(6) {
border-right:0 none
}
.kbdt .kbdt_r .r_top ul li:nth-child(4),.kbdt .kbdt_r .r_top ul li:nth-child(5),.kbdt .kbdt_r .r_top ul li:nth-child(6) {
border-bottom:0 none
}
.kbdt .kbdt_r .rxzn {
width:240px;
height:124px;
display:block;
margin-top:12px
}
.hotzy {
width:1200px;
height:384px;
margin-top:40px
}
.hotzy .hotzy_l {
width:220px;
height:100%;
background-color:#46a5f1;
overflow:hidden;
float:left
}
.hotzy .hotzy_l .hotzy_l_tit {
width:126px;
height:40px;
margin:14px auto 0;
border-bottom:1px solid #fff;
font:20px/40px Microsoft Yahei;
color:#fff;
text-align:center
}
.hotzy .hotzy_l .hotzy_l_con {
width:204px;
height:200px;
background-color:#87c4f6;
margin:60px auto 0;
border-radius:10px;
position:relative
}
.hotzy .hotzy_l .hotzy_l_con .lunbo {
width:182px;
height:234px;
background-color:#fff;
position:absolute;
left:12px;
top:-17px;
text-align:center
}
.hotzy .hotzy_l .hotzy_l_con .lunbo .lunbo_tit {
color:#7f7f7f;
font-size:14px;
margin-top:24px;
margin-bottom:20px
}
.hotzy .hotzy_l .hotzy_l_con .lunbo .lunbo_ms {
color:#818181;
margin:6px auto 40px
}
.hotzy .hotzy_l .hotzy_l_con .lunbo .lunbo_con {
width:141px;
height:95px;
margin:0 auto;
position:relative
}
.hotzy .hotzy_l .hotzy_l_con .lunbo .lunbo_con>img {
position:absolute;
left:50%;
transform:translateX(-50%);
bottom:0;
cursor:pointer
}
.hotzy .hotzy_l .hotzy_l_con .lunbo a {
text-align:center;
font-size:14px;
color:#188eee;
margin-top:30px;
display:block
}
.hotzy .hotzy_l .hotzy_l_con .yuan {
position:absolute;
bottom:-40px;
left:50%;
transform:translateX(-50%)
}
.hotzy .hotzy_l .hotzy_l_con .yuan>li {
width:8px;
height:8px;
background-color:rgba(255,255,255,.5);
border-radius:50%;
float:left;
margin:0 2px
}
.hotzy .hotzy_l .hotzy_l_con .yuan>li.on {
background-color:rgba(255,255,255,1)
}
.hotzy .hotzy_main {
width:720px;
height:100%;
float:left;
border-bottom:1px solid #46a5f1;
box-sizing:border-box;
padding:0 23px;
margin:0 10px
}
.hotzy .hotzy_main .hotzy_main_tit {
height:22px;
line-height:22px;
font-size:16px;
color:#666;
box-sizing:border-box;
padding-left:16px;
position:relative
}
.hotzy .hotzy_main .hotzy_main_tit:after {
content:"";
width:3px;
height:22px;
background-color:#82bffd;
display:block;
position:absolute;
left:0;
top:0
}
.hotzy .hotzy_main .hotzy_main_tit a {
font-size:14px;
color:#252525;
float:right
}
.hotzy .hotzy_main ul {
margin-top:8px
}
.hotzy .hotzy_main ul li {
width:217px;
margin-left:11.5px;
float:left
}
.hotzy .hotzy_main ul li:nth-child(1) {
margin-left:0
}
.hotzy .hotzy_main ul li p {
font-size:16px;
color:#252525;
padding:10px 10px 0;
background-color:#fff;
height:35px;
color:#6d6d6d;
line-height:30px
}
.hotzy .hotzy_main ul li p span:nth-child(1) {
color:#db2c27
}
.hotzy .hotzy_main ul li p span:nth-child(2) {
display:inline-block;
float:right;
width:100px;
height:30px;
line-height:30px;
color:#fff;
background-color:#188eee;
text-align:center;
border-radius:10px
}
.hotzy .hotzy_main dl {
margin-top:24px
}
.hotzy .hotzy_main dl dt {
width:334px;
height:109px;
float:left;
margin-left:6px
}
.hotzy .hotzy_main dl dt:nth-child(1) {
margin-left:0
}
.hotzy .hotzy_toggle {
padding:8px 13px 0
}
.hotzy .hotzy_toggle .news_ks_act {
background-color:#188eee;
color:#fff
}
.hotzy .hotzy_toggle ul li {
float:left;
width:104px;
background:#e4e4e4;
padding:7px 0;
margin-bottom:5px;
margin-right:5px;
text-align:center
}
.hotzy .hotzy_toggle ul li:nth-child(3) {
margin-top:0;
margin-right:5px
}
.hotzy .hotzy_toggle ul li:nth-child(4) {
margin-top:0!important;
margin-right:5px
}
.hotzy .hotzy_toggle ul li:nth-child(even) {
margin-right:0
}
.hotzy .hotzy_toggle .news_ks_con img {
width:100%
}
.hotzy .hotzy_r {
width:240px;
height:100%;
background-color:#fff;
overflow:hidden;
float:left;
border-bottom:1px solid #46a5f1;
box-sizing:border-box
}
.hotzy .hotzy_r .form_tit {
font:bold 16px/30px Microsoft Yahei;
color:#188eee;
text-align:center
}
.hotzy .hotzy_r>form {
width:214px;
height:auto;
display:block;
margin:0 auto
}
.hotzy .hotzy_r>form>input,.hotzy .hotzy_r>form>select {
width:100%;
height:36px;
border:1px solid #2e99f0;
margin-bottom:5px;
box-sizing:border-box;
padding-left:8px;
display:block
}
.hotzy .hotzy_r>form>input[type="submit"] {
width:164px;
border-radius:18px;
border:0 none;
background-color:transparent;
background-color:#2e99f0;
margin:5px auto 0;
font-size:13px;
color:#fff;
cursor:pointer
}
.hotzy .hotzy_r a {
display:block;
margin-top:0
}
.tkwt_k {
width:1200px;
padding:10px 0 0;
margin:30px auto 0
}
.tkwt_t {
width:1200px;
height:45px
}
.tkwt_t .tit {
height:37px;
padding:8px 0 0 30px;
font:22px/25px "Microsoft YaHei";
color:#000
}
.tkwt_t .more {
width:62px;
height:35px;
padding:10px 10px 0 0
}
.tkwt_t .more a {
width:60px;
height:21px;
padding-top:4px;
display:block;
text-align:center;
border:1px solid #c0c0c0
}
.sch_l {
width:220px;
height:100%;
background-color:#75d8ad
}
.sch_l_tit {
width:126px;
height:40px;
margin:14px auto 0;
border-bottom:1px solid #fff;
font:20px/40px Microsoft Yahei;
color:#fff;
text-align:center
}
.sch_con {
width:204px;
height:200px;
background-color:#a5e6ca;
margin:58px auto 0;
position:relative;
border-radius:10px
}
.sch_con_con {
width:170px;
height:234px;
position:absolute;
background-color:#fff;
top:50%;
left:50%;
transform:translate(-50%,-50%)
}
.sch_con_con .sc_tit {
text-align:center;
font-size:14px;
color:#7f7f7f;
margin:28px 0 24px
}
.sch_con_con img {
display:block;
margin:0 auto;
cursor:pointer
}
.sch_con_con a {
text-align:center;
color:#188eee;
display:block;
margin-top:22px
}
.tkwt_dh {
height:35px;
padding-left:5px;
margin-top:5px
}
.tkwt_dh li {
width:103px;
height:33px;
border:1px solid #c0c0c0;
font:18px/30px "Microsoft YaHei";
float:left;
margin-right:2px;
text-align:center
}
.tkwt_dh li a {
color:#c0c0c0
}
.tkwt_dh .tk_act a,.tkwt_dh .job_act a,.tkwt_dh .yq_act {
width:103px;
height:33px;
display:block;
background:#18a0ff;
color:#FFF
}
.tkwt_dh .tk_act a {
background-color:#75d8ad
}
.tkwt_dh .tk_hide,.tkwt_dh .job_hide,.tkwt_dh .yq_hide {
background:#fff;
color:#c0c0c0
}
.tkwt_nr {
width:1200px;
height:405px;
float:left;
margin-top:15px
}
.tkwt_nrL {
width:240px;
height:100%;
background:#fff;
box-sizing:border-box;
padding:30px 0 0 30px
}
.tkwt_nrL .ht {
font-size:16px;
color:#188eee
}
.tkwt_nrL .ht_con {
height:296px;
margin-top:34px
}
.tkwt_nrL .ht_con>dl {
width:16px;
height:100%;
background-image:linear-gradient(to bottom,#63bcfd 30%,#91e7ef);
border-radius:8px;
float:left
}
.tkwt_nrL .ht_con>dl>dt {
height:37px;
text-align:center;
line-height:37px;
font-size:13px;
color:#fff
}
.tkwt_nrL .ht_con>ul {
height:100%;
margin-left:24px
}
.tkwt_nrL .ht_con>ul>li {
width:100%
}
.tkwt_nrL .ht_con>ul>li>a {
display:block;
height:37px;
line-height:37px;
color:#707070;
font-size:14px
}
.tkwt_nrL .ht_con>ul>li>a:hover {
color:#63bcfd
}
.tkwt_nrR {
width:960px;
height:405px;
position:relative
}
.tk_11 {
width:637px;
height:197px;
left:0;
top:0;
position:absolute
}
.tk_12,.tk_13,.tk_14,.tk_15 {
width:313px;
height:197px;
position:absolute
}
.tk_12 {
right:0;
top:0
}
.tk_13 {
left:0;
bottom:0
}
.tk_14 {
left:50%;
transform:translateX(-50%);
bottom:0
}
.tk_15 {
right:0;
bottom:0
}
.tkwt_nrR_ls {
width:985px;
height:405px;
overflow:hidden
}
.tkwt_nrR_ls li {
width:313px;
height:197px;
float:left;
margin-right:10px;
margin-bottom:10px;
position:relative
}
.tk_yc {
width:100%;
text-align:center;
position:absolute;
bottom:0;
height:26px;
left:0;
line-height:26px;
opacity:.7;
background:#333
}
.tk_wb {
width:100%;
text-align:center;
position:absolute;
bottom:0;
height:26px;
left:0;
font:14px/26px "Microsoft YaHei";
color:#FFF
}
.cyjy {
width:1200px;
padding:10px 0 0;
margin:30px auto 0
}
.cyjy_t {
width:1200px;
height:45px
}
.cyjy_t .tit {
height:37px;
padding:8px 0 0 30px;
font:22px/25px "Microsoft YaHei";
color:#000
}
.cyjy_dh {
height:35px;
padding-left:5px;
margin-top:5px
}
.cyjy_dh li {
width:103px;
height:33px;
border:1px solid #c0c0c0;
font:18px/30px "Microsoft YaHei";
float:left;
margin-right:2px;
text-align:center
}
.cyjy_dh li a {
color:#c0c0c0
}
.cyjy_dh .cy_act a {
width:103px;
height:33px;
display:block;
background:#46a5f1;
color:#FFF
}
.cyjy_dh .cy_hide {
background:#fff;
color:#c0c0c0
}
.cyjy .more {
width:62px;
height:35px;
padding:10px 10px 0 0
}
.cyjy .more a {
width:60px;
height:21px;
padding-top:4px;
display:block;
text-align:center;
border:1px solid #c0c0c0
}
.cyjy .cyjy_con {
width:1200px;
height:384px;
margin-top:15px
}
.cyjy .cyjy_l {
width:220px;
height:100%;
background-color:#46a5f1;
overflow:hidden;
float:left
}
.cyjy .cyjy_l .cyjy_l_con {
width:204px;
height:220px;
background-color:#87c4f6;
margin:50px auto 0;
border-radius:10px;
position:relative
}
.cyjy .cyjy_l .cyjy_l_con .lunbo {
width:182px;
height:254px;
background-color:#fff;
position:absolute;
left:12px;
top:-17px;
text-align:center
}
.cyjy .cyjy_l .cyjy_l_con .lunbo .lunbo_tit {
color:#7f7f7f;
font-size:14px;
margin-top:24px;
line-height:20px
}
.cyjy .cyjy_l .cyjy_l_con .lunbo .lunbo_con {
width:140px;
height:90px;
margin:20px auto;
cursor:pointer
}
.cyjy .cyjy_l .cyjy_l_con .lunbo a {
font-size:14px;
color:#188eee;
display:block
}
.cyjy .cyjy_l .cyjy_l_con .yuan {
position:absolute;
bottom:-40px;
left:50%;
transform:translateX(-50%)
}
.cyjy .cyjy_l .cyjy_l_con .yuan>li {
width:8px;
height:8px;
background-color:rgba(255,255,255,.5);
border-radius:50%;
float:left;
margin:0 2px
}
.cyjy .cyjy_l .cyjy_l_con .yuan>li.on {
background-color:rgba(255,255,255,1)
}
.cyjy .cyjy_main {
width:720px;
height:100%;
float:left;
border-bottom:1px solid #46a5f1;
box-sizing:border-box;
background-color:#fff;
margin:0 10px
}
.cyjy .cyjy_main>li {
width:240px;
height:50%;
float:left;
box-sizing:border-box;
position:relative;
padding:24px 0 0;
text-align:center
}
.cyjy .cyjy_main>li .li_tit {
font-size:16px;
color:#46a5f1;
margin:12px auto 10px
}
.cyjy .cyjy_main>li .li_con {
font-size:14px;
color:#7f7f7f
}
.cyjy .cyjy_main>li:nth-child(1):after {
position:absolute;
content:"";
width:222px;
height:1px;
background-color:#eaeaea;
bottom:0;
right:0
}
.cyjy .cyjy_main>li:nth-child(2):after {
position:absolute;
content:"";
width:240px;
height:1px;
background-color:#eaeaea;
bottom:0;
right:0
}
.cyjy .cyjy_main>li:nth-child(3):after {
position:absolute;
content:"";
width:222px;
height:1px;
background-color:#eaeaea;
bottom:0;
left:0
}
.cyjy .cyjy_main>li:before {
position:absolute;
content:"";
width:1px;
height:174px;
background-color:#eaeaea;
right:0;
bottom:0
}
.cyjy .cyjy_main>li:nth-child(4):before,.cyjy .cyjy_main>li:nth-child(5):before,.cyjy .cyjy_main>li:nth-child(6):before {
position:absolute;
content:"";
width:1px;
height:174px;
background-color:#eaeaea;
right:0;
top:0
}
.cyjy .cyjy_main>li:nth-child(3):before,.cyjy .cyjy_main>li:nth-child(6):before {
display:none
}
.cyjy .cyjy_r {
width:240px;
height:100%;
background-color:#fff;
overflow:hidden;
float:left;
border-bottom:1px solid #46a5f1;
box-sizing:border-box;
padding:24px 20px
}
.cyjy .cyjy_r .cyjy_r_tit {
font-size:16px;
color:#46a5f1;
width:130px;
position:relative;
text-indent:.6em;
float:left
}
.cyjy .cyjy_r .cyjy_r_tit:after {
position:absolute;
content:"";
width:2px;
height:17px;
background-color:#46a5f1;
left:0;
bottom:1px
}
.cyjy .cyjy_r .hd ul {
float:right
}
.cyjy .cyjy_r .hd ul li {
width:6px;
height:6px;
background-color:#fff;
border-radius:50%;
float:left;
margin:0 2px;
border:1px solid #46a5f1;
margin-top:7px;
overflow:hidden;
line-height:30px
}
.cyjy .cyjy_r .hd ul li.on {
background-color:#46a5f1
}
.cyjy .cyjy_r .bd {
margin:26px auto 0
}
.cyjy .cyjy_r .bd .picList {
width:100%;
overflow:hidden
}
.cyjy .cyjy_r .bd .picList li {
height:100px;
cursor:pointer
}
.news {
width:1200px;
margin:30px auto 0
}
.news_t {
width:1200px;
height:45px
}
.news_t .tit {
height:37px;
color:#007cf0;
font-size: 28px;
}
.news_dh {
height:35px;
padding-left:5px;
margin-top:5px
}
.news_dh li {
width:103px;
height:33px;
border:1px solid #c0c0c0;
font-size: 18px;
line-height: 30px;
float:left;
margin-right:2px;
text-align:center;
}
.news_dh li a {
color:#c0c0c0
}
.news_dh .news_act a {
width:103px;
height:33px;
display:block;
background:#fbb066;
color:#FFF
}
.news_dh .news_hide {
background:#fff;
color:#c0c0c0
}
.news .more {
width:62px;
height:35px;
padding:10px 10px 0 0
}
.news .more a {
width:60px;
height:21px;
padding-top:4px;
display:block;
text-align:center;
border:1px solid #c0c0c0
}
.news .news_con {
width:1200px;
/* height:418px; */
margin-top:15px;
overflow: hidden;
padding-bottom: 30px;
}
.news_con-item-left{
  width:436px;
  height: 428px;
  background-color: #f5f5f5;
  box-sizing: border-box;
  overflow: hidden;
}
.news_con-item-right{
  width: 744px;
  height: 428px;
  background-color: #f5f5f5;
  box-sizing: border-box;
  padding: 10px;
}
.news_con-item-left-img{
  width: 436px;
  height: 250px;
  overflow: hidden;
}
.news_con-item-left-img img{
  width: 100%;
}
.news_con-item-left-text{
  padding:20px ;
  border-bottom: 1px solid #bbbbbb;
}
.news_con-item-left-text h4{
  font-size: 20px;
  color: #333333;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news_con-item-left-text p{
  height: 47px;
  font-size: 16px;
  color: #666666;
  padding-top: 5px;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 这里是超出几行省略 */
  overflow: hidden;
}
.news_con-item-left-time{
  overflow: hidden;
  padding: 5px 20px 0;
}
.news_con-item-left-time p{
  font-size: 16px;
  color: #666666;
  line-height: 45px;
}
.news_con-item-left-time a{
  display: block;
  padding: 5px;
  border: 1px solid #007cf0;
  text-align: center;
  color: #007cf0;
  margin-top: 10px;
}
.news_con-item-right-item{
  overflow: hidden;
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 15px;
}
.news_con-item-right-left{
  width: 194px;
  height: 124px;
}
.news_con-item-right-left img{
  width: 100%;
  height: 100%;
}
.news_con-item-right-right{
  width: calc(100% - 210px);
}
.news_con-item-right-right h4{
  font-size: 20px;
  color: #333333;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news_con-item-right-right p{
  width: 450px;
  height: 47px;
  font-size: 16px;
  color: #666666;
  padding-top: 5px;
  height: auto;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 这里是超出几行省略 */
  overflow: hidden;
}
.news_con-item-right-right p:nth-child(3){
  width: 100%;
  text-align: right;
  font-size: 14px;
  color: #666666;
  margin-top: 15px;
}
.news .news_l {
width:220px;
height:100%;
background-color:#fbb066;
overflow:hidden;
float:left
}
.news .news_l .news_l_con {
width:204px;
height:220px;
background-color:#fccc9b;
margin:50px auto 0;
border-radius:10px;
position:relative
}
.news .news_l .news_l_con .lunbo {
width:182px;
height:254px;
background-color:#fff;
position:absolute;
left:12px;
top:-17px;
text-align:center
}
.news .news_l .news_l_con .lunbo .lunbo_tit {
color:#7f7f7f;
font-size:14px;
margin-top:24px;
line-height:20px
}
.news .news_l .news_l_con .lunbo .lunbo_tit>span {
font-size:12px;
color:#818181
}
.news .news_l .news_l_con .lunbo .lunbo_con {
width:140px;
height:98px;
margin:20px auto 20px;
position:relative;
cursor:pointer
}
.news .news_l .news_l_con .lunbo a {
display:block;
color:#188eee;
text-align:center
}
.news .news_l .news_l_con .yuan {
position:absolute;
bottom:-40px;
left:50%;
transform:translateX(-50%)
}
.news .news_l .news_l_con .yuan>li {
width:8px;
height:8px;
background-color:rgba(255,255,255,.5);
border-radius:50%;
float:left;
margin:0 2px
}
.news .news_l .news_l_con .yuan>li.on {
background-color:rgba(255,255,255,1)
}
.news .news_main {
width:720px;
height:100%;
float:left;
border-bottom:1px solid #fbb066;
box-sizing:border-box;
background-color:#fff;
padding:15px 20px 0;
margin:0 10px
}
.news .news_main li {
height:118px
}
.news .news_main li .li_l {
width:187px;
height:100%;
box-sizing:border-box;
padding-top:4px
}
.news .news_main li .li_r {
width:473px;
height:100%;
box-sizing:border-box;
padding-left:28px;
border-bottom:1px solid #dadada;
padding-top:10px
}
.news .news_main li:nth-child(3) .li_r {
border:0 none
}
.news .news_main li .li_r .news_title {
font:bold 16px/22px Microsoft Yahei;
color:#4f4e4d
}
.news .news_main li .li_r .news_content {
font:14px/22px Microsoft Yahei;
color:#808080;
margin:10px 0 4px
}
.news .news_main li .li_r .news_times {
color:#808080;
font-size:14px;
text-align:right
}
.news .news_main li .li_r .news_times img {
vertical-align:middle
}
.news .tkwt_nrL {
border-bottom:1px solid #82bffd
}
.news .tkwt_nrL .ht_con {
margin-top:20px
}
.news .cyjy_r {
width:240px;
height:100%;
background-color:#fff;
overflow:hidden;
float:left;
border-bottom:1px solid #fbb066;
box-sizing:border-box;
padding:0 13.5px;
position:relative
}
.news .cyjy_r .next {
position:absolute;
left:50%;
transform:translateX(-50%);
top:0
}
.news .cyjy_r .prev {
position:absolute;
left:50%;
transform:translateX(-50%);
bottom:0
}
.news .cyjy_r .cyjy_r_tit {
font-size:16px;
color:#46a5f1;
width:130px;
position:relative;
text-indent:.6em;
float:left
}
.news .cyjy_r .cyjy_r_tit:after {
position:absolute;
content:"";
width:2px;
height:17px;
background-color:#46a5f1;
left:0;
bottom:1px
}
.news .cyjy_r .hd ul {
float:right
}
.news .cyjy_r .hd ul li {
width:6px;
height:6px;
background-color:#fff;
border-radius:50%;
float:left;
margin:0 2px;
border:1px solid #46a5f1;
margin-top:7px;
overflow:hidden;
line-height:30px
}
.news .cyjy_r .hd ul li.on {
background-color:#46a5f1
}
.news .cyjy_r .bd {
margin:26px auto 0
}
.news .cyjy_r .bd .picList {
width:100%;
overflow:hidden
}
.news .cyjy_r .bd .picList li {
height:106px;
margin-bottom:8px
}
.news .cyjy_r .bd .picList li:last-child {
margin-bottom:0
}
.job_list {
width:1200px;
height:auto;
float:left;
padding:0;
margin-top:15px
}
.job_list li {
width:1190px;
height:110px;
padding:0 5px;
float:left;
margin-bottom:25px
}
.job_list li:nth-child(2n+1) {
width:570px;
height:104px;
border-right:1px dashed #fff
}
.job_list li:nth-child(2n+0) {
width:570px;
height:104px;
border-right:1px dashed #fff
}
.job_list li .picText {
line-height:22px;
color:#6f6f6f;
padding-bottom:15px;
_padding-bottom:15px
}
.job_list li .picText span {
font-size:16px
}
.job_list li .picText p {
font-size:14px;
color:#999
}
.job_list li .picText img {
border:1px solid #ccc;
padding:1px;
float:left;
margin-right:10px
}
.tea {
width:1200px;
padding:10px 0 0;
margin:30px auto 0
}
.tea_t {
width:1200px;
height:45px
}
.tea_t .tit {
height:37px;
padding:8px 0 0 30px;
font:22px/25px "Microsoft YaHei";
color:#000
}
.tea_dh {
height:35px;
padding-left:5px;
margin-top:5px
}
.tea_dh li {
width:103px;
height:33px;
border:1px solid #c0c0c0;
font:18px/30px "Microsoft YaHei";
float:left;
margin-right:2px;
text-align:center
}
.tea_dh li a {
color:#c0c0c0
}
.tea_dh .tea_act a {
width:103px;
height:33px;
display:block;
background:#75d8ad;
color:#FFF
}
.tea_dh .tea_hide {
background:#fff;
color:#c0c0c0
}
.tea .more {
width:62px;
height:35px;
padding:10px 10px 0 0
}
.tea .more a {
width:60px;
height:21px;
padding-top:4px;
display:block;
text-align:center;
border:1px solid #c0c0c0
}
.tea .tea_con {
width:1200px;
height:384px;
margin-top:15px
}
.tea .tea_l {
width:220px;
height:100%;
background-color:#75d8ad;
overflow:hidden;
float:left
}
.tea .tea_l .tea_l_con {
width:204px;
height:220px;
background-color:#a5e6ca;
margin:50px auto 0;
border-radius:10px;
position:relative
}
.tea .tea_l .tea_l_con .lunbo {
width:182px;
height:254px;
background-color:#fff;
position:absolute;
left:12px;
top:-17px;
text-align:center
}
.tea .tea_l .tea_l_con .lunbo .lunbo_tit {
color:#7d7d7d;
font-size:14px;
margin-top:24px;
line-height:20px
}
.tea .tea_l .tea_l_con .lunbo .lunbo_con {
width:140px;
height:92px;
margin:20px auto 20px;
position:relative;
cursor:pointer
}
.tea .tea_l .tea_l_con .lunbo a {
color:#188eee;
font-size:14px
}
.tea .tea_l .tea_l_con .yuan {
position:absolute;
bottom:-40px;
left:50%;
transform:translateX(-50%)
}
.tea .tea_l .tea_l_con .yuan>li {
width:8px;
height:8px;
background-color:rgba(255,255,255,.5);
border-radius:50%;
float:left;
margin:0 2px
}
.tea .tea_l .tea_l_con .yuan>li.on {
background-color:rgba(255,255,255,1)
}
.tea_main {
width:960px;
height:100%;
margin:0 10px
}
.tea_main>li {
width:228px;
height:100%;
float:left;
margin-left:16px;
position:relative;
overflow:hidden
}
.tea_main>li:first-child {
margin-left:0
}
.tea_main>li>a {
display:block
}
.tea_main>li>a>p {
position:absolute;
width:100%;
height:105px;
background-color:rgba(0,0,0,.5);
left:0;
bottom:0;
color:#fff;
text-align:center;
line-height:35px;
font-size:18px;
font-weight:bold;
box-sizing:border-box;
padding-top:20px;
transition:all ease .5s
}
.tea_main>li>a>p>span {
font-size:16px;
font-weight:normal
}
.tea_main>li .zz {
width:100%;
height:100%;
background-color:rgba(0,0,0,.5);
position:absolute;
bottom:-100%;
left:0;
box-sizing:border-box;
padding:40px 16px 0;
color:#fff;
transition:all ease .5s
}
.tea_main>li .zz .zz_tit {
font-size:16px;
font-weight:bold
}
.tea_main>li .zz .zz_con1 {
margin-top:14px;
font-size:14px;
line-height:26px;
text-indent:2em
}
.tea_main>li .zz .zz_con2 {
font-size:14px;
line-height:26px;
text-indent:2em
}
.tea_main>li .zz>img {
position:absolute;
right:20px;
bottom:20px
}
.tea_main>li:hover a p {
bottom:100%
}
.tea_main>li:hover .zz {
bottom:0
}
.xz_list {
width:1195px;
height:385px;
padding-left:5px;
float:left
}
.xz_list li {
width:285px;
height:385px;
float:left;
margin-right:14px;
border-left:1px solid #d1d1d1;
border-right:1px solid #d1d1d1;
border-top:1px solid #d1d1d1;
border-bottom:3px solid #363636
}
.xz_list li .nr {
width:265px;
height:100px;
padding:10px
}
.xz_list li .nr .nr_nr {
text-align:left;
font:15px/24px "Microsoft YaHei";
color:#4d4d4d
}
.xz_list li:hover {
border-left:1px solid #ee7800;
border-right:1px solid #ee7800;
border-top:1px solid #ee7800;
border-bottom:3px solid #ee7800
}
.foot_box {
width:100%;
height:466px;
background:url(../images/index_2018/foot_bg.jpg) fixed;
background-size:cover;
margin-top:40px;
box-sizing:border-box;
padding-top:40px
}
.foot_box .lxfs {
width:100%;
height:386px
}
.foot_box .lxfs>li {
width:370px;
height:100%;
float:left;
margin-left:45px;
position:relative
}
.foot_box .lxfs>li:nth-child(1) {
margin-left:0
}
.foot_box .lxfs>li:nth-child(1)>a {
width:320px;
height:50px;
background-color:transparent;
display:block;
position:absolute;
bottom:40px;
left:25px
}
.foot_box .lxfs>li:nth-child(2) .a1 {
width:70px;
height:30px;
background-color:transparent;
display:block;
position:absolute;
top:120px;
left:100px
}
.foot_box .lxfs>li:nth-child(2) .a2 {
width:290px;
height:200px;
background-color:transparent;
display:block;
position:absolute;
left:40px;
bottom:24px
}
.foot_box .lxfs>li:nth-child(3) .ewm {
width:164px;
height:164px;
background-color:transparent;
position:absolute;
left:103px;
top:137px
}
@keyframes ewm {
0% {
top:0
}
100% {
top:164px
}
}@-webkit-keyframes ewm {
0% {
top:0
}
100% {
top:164px
}
}@-moz-keyframes ewm {
0% {
top:0
}
100% {
top:164px
}
}.foot_box .lxfs>li:nth-child(3) .ewm>span {
position:absolute;
width:100%;
height:1px;
background:#20c2ff;
box-shadow:0 0 6px rgba(32,194,255,.7);
-webkit-box-shadow:0 0 6px rgba(32,194,255,.7);
-moz-box-shadow:0 0 6px rgba(32,194,255,.7);
animation:ewm 3s infinite linear;
-webkit-animation:ewm 3s infinite linear;
-moz-animation:ewm 3s infinite linear
}
.hz_k {
width:1200px;
height:140px;
padding:10px 0;
margin:0 auto;
margin-top:30px
}
.hz_con {
width:1198px;
height:103px;
margin-top:15px;
border:1px solid #dfdfdf
}
.Lbtn,.Rbtn {
width:27px;
height:27px
}
.Lbtn {
background-position:-250px -37px
}
.Rbtn {
background-position:-250px 0
}
.img-scroll {
width:1178px;
height:67px;
position:relative
}
.img-scroll .prev,.img-scroll .next {
position:absolute;
display:block;
width:27px;
height:27px;
top:20px;
cursor:pointer
}
.img-scroll .prev {
left:35px
}
.img-scroll .next {
right:20px
}
.img-list {
width:970px;
height:67px;
margin-left:120px;
margin-top:20px;
overflow:hidden;
position:relative
}
.img-list img {
border:1px solid #ebebeb;
width:80px;
height:65px
}
.img-list ul {
width:1067px
}
.img-list li {
float:left;
display:inline;
width:82px;
height:67px;
margin-right:15px;
text-align:center
}
.yx_list {
width:1178px;
height:83px;
padding:10px
}
.yx_list li {
width:161px;
height:25px;
font:14px/24px "Microsoft YaHei";
color:#4d4d4d;
display:block;
border:1px solid #ebebeb;
text-align:center;
float:left;
margin-right:5px;
margin-bottom:5px
}
.yx_list li a {
color:#999
}
.kjcd {
width:100%;
height:190px;
margin:0 auto;
margin-top:20px
}
.kj_k {
width:1200px;
height:190px;
margin:0 auto;
position:relative
}
.kj_menu {
width:520px;
height:95px;
left:220px;
top:50px;
position:absolute
}
.kj_menu li {
width:60px;
height:95px;
float:left;
margin-right:70px
}
.kj_menu li p {
width:60px;
height:30px;
font:14px/24px "Microsoft YaHei";
color:#4d4d4d;
text-align:center
}
.kj_menu .dz,.kj_menu .zx,.kj_menu .bm,.kj_menu .zn {
width:60px;
height:60px
}
.kj_menu .dz {
background-position:-109px -3px
}
.kj_menu .zx {
background-position:-176px -2px
}
.kj_menu .bm {
background-position:-108px -67px
}
.kj_menu .zn {
background-position:-176px -67px
}
.kj_line {
width:1px;
height:135px;
border-left:1px solid #c8c8c8;
left:775px;
top:27px;
position:absolute
}
.kj_ewm {
width:250px;
height:125px;
right:135px;
top:32px;
position:absolute
}
.kj_ewm li {
width:100px;
height:125px;
float:left;
margin-right:25px
}
.kj_ewm li p {
width:100px;
height:25px;
font:14px/24px "Microsoft YaHei";
color:#4d4d4d;
text-align:center
}
.kj_ewm .gw_ewm {
width:100px;
height:100px;
background-position:0 0
}
.kj_ewm .gw_xyh {
width:100px;
height:100px;
background-position:0 -105px
}
.bq {
width:100%;
padding:30px 0 70px;
margin:40px auto 0;
background:#ededed
}
.bq_k {
width:1200px;
margin:0 auto
}
.bq_k dl {
line-height:24px;
text-align:center;
font:14px/24px "Microsoft YaHei";
color:#4d4d4d
}
.cjzykb {
width:1200px;
height:510px;
margin:0 auto;
background:#ffd9b8;
text-align:center;
padding-top:20px;
padding-bottom:20px;
margin-top:10px
}
.tb1 {
width:1106px;
height:428px;
border:1px solid #fff;
color:#555;
font-size:14px;
text-align:center;
margin-top:22px;
margin:22px auto 0
}
.cjzykb table {
border-collapse:collapse
}
.cjzykb th {
font-weight:bold
}
.cjzykb td,.cjzykb th {
display:table-cell;
vertical-align:inherit
}
.cjzykb table tr {
width:1106px;
cellspacing:0;
cellpadding:0
}
.cjzykb table tr td,.cjzykb table tr th {
border-bottom:1px #fff solid;
border-right:1px #fff solid;
cellspacing:0;
cellpadding:0
}
.tr1 {
color:#fff;
font-weight:bold;
background:#ff9434
}
.tb1 tr {
height:30px
}
.ljyy {
width:134px;
color:#ff3000
}
.ljyy a {
color:#F00
}
video::-internal-media-controls-download-button {
display:none
}
video::-webkit-media-controls-enclosure {
overflow:hidden
}
video::-webkit-media-controls-panel {
width:calc(100%+30px)
}
.videoColumnBox {
width:100%;
height:558px;
margin:20px auto 0;
background-color:#fff
}
.videoColumn {
width:1200px;
height:auto;
overflow:hidden;
position:absolute;
left:50%;
margin-left:-600px;
display:none;
background-color:#fff;
padding:20px 0
}
.videoColumnTitle {
width:230px;
float:left;
height:35px;
line-height:35px;
font-size:22px;
color:#787878;
border-left:6px solid #188eee;
padding-left:10px
}
.videoColumnMenu {
overflow:hidden;
width:1200px;
margin:0 auto;
padding-top:20px
}
.videoMore {
float:right;
width:auto;
padding:0 10px;
height:35px;
line-height:35px;
margin-right:10px;
background-color:#fff;
text-align:center;
margin-bottom:1%;
border:1px solid #cacaca;
cursor:pointer;
color:#c0c0c0;
font-size:18px
}
.videoColumnMenu ul li {
width:auto;
padding:0 10px;
height:35px;
line-height:35px;
float:left;
margin-right:10px;
background-color:#fff;
text-align:center;
margin-bottom:1%;
border:1px solid #cacaca;
cursor:pointer;
color:#c0c0c0;
font-size:18px
}
.ColumnMenuActive {
background-color:#188eee!important;
color:#fff!important
}
.ColumnMenuActive {
background-color:#188eee!important;
color:#fff!important
}
.videoColumnActive {
display:block!important
}
.columnList {
width:220px;
height:auto;
float:left;
position:relative
}
.columnList ul {
height:auto;
display:flex;
flex-wrap:wrap;
align-content:space-between;
position:relative
}
.columnList ul li {
width:220px;
height:40px;
line-height:40px;
text-align:center;
background-color:#dbdbdb;
transition:.3s;
cursor:pointer;
margin-bottom:6px;
font-size:16px
}
.columnList ul li .columnHidden {
position:absolute;
width:635px;
height:460px;
left:210px;
top:0;
display:none;
transition:.3s;
opacity:0;
text-align:left;
padding-left:20px
}
.columnList ul li .columnHidden .columnHiddenContent {
height:450px;
box-shadow:1px 1px 10px #ccc;
padding:10px 0 10px 10px;
box-sizing:border-box;
overflow:hidden;
background-color:#fff;
position:relative
}
.columnList ul li .columnHidden .columnHiddenContent ul {
display:block;
width:620px;
height:440px;
overflow-y:scroll;
padding:0;
float:left
}
.columnList ul li .columnHidden .columnHiddenContent ul::-webkit-scrollbar {
width:5px;
height:1px
}
.columnList ul li .columnHidden .columnHiddenContent ul::-webkit-scrollbar-thumb {
border-radius:10px;
-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
background:#cacaca
}
.columnList ul li .columnHidden .columnHiddenContent ul::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
border-radius:10px;
background:transparent
}
.columnList ul li .columnHidden .columnHiddenContent ul li {
width:260px;
height:40px;
line-height:40px;
border-bottom:1px solid #dbdbdb;
margin-bottom:10px;
font-size:14px;
background-color:#fff
}
.columnList ul li .columnHidden .columnHiddenContent ul li:last-child {
border:0
}
.columnList ul li .columnHidden .columnHiddenContent ul li span {
display:block;
width:260px;
color:#000
}
.columnList ul li:hover {
background-color:#188eee;
transition:.3s
}
.columnList ul li:hover span {
color:#fff
}
.columnHiddenActive {
display:block!important;
transition:.3s!important;
opacity:1!important;
z-index:9!important
}
.columnList ul li .columnHidden .columnHiddenContent ul li:hover {
transition:.3s;
border-radius:5px;
background-color:#188eee;
border-bottom:1px solid #188eee;
color:#fff
}
.columnList ul li .columnHidden .columnHiddenContent ul li:hover span {
color:#fff
}
.columnImg {
position:absolute;
transition:.3s;
top:12px;
left:280px;
width:320px;
height:200px;
display:none;
z-index:10
}
.columnImg img {
width:100%
}
.videoContent {
width:980px;
height:auto;
margin-left:220px
}
.videoContent ul {
display:flex;
justify-content:space-around
}
.videoContent ul:nth-child(1) {
margin-bottom:10px
}
.videoContent ul li {
width:300px;
height:220px;
text-align:center;
cursor:pointer
}
.videoContent ul li .videoBox {
width:100%;
height:180px;
position:relative;
overflow:hidden
}
.videoContent ul li .videoBox img {
width:100%
}
.videoContent ul li p {
padding:10px 0 5px 0;
font-size:16px
}
.videoContent ul li:hover p {
border-bottom:2px solid #c4c4c4
}
.videoContent ul li:hover p {
color:#188eee
}
body .layui-layer-demo .layui-layer-btn {
margin-bottom:20px
}
body .layui-layer-demo .layui-layer-btn0 {
display:block;
box-sizing:border-box;
width:230px;
height:35px;
border-radius:5px;
outline:0;
font-size:16px;
margin:-5px auto 20px;
text-align:center;
position:relative
}
body .layui-layer-demo .layui-layer-btn0::after {
position:absolute;
content:'汽车机电、汽车钣金 教学视频';
width:274px;
height:30px;
font-size:14px;
color:#d1cbcb;
top:35px;
left:-12%
}
#videoTips {
background-color:#fff;
box-sizing:border-box;
padding:20px 10px 0;
display:none
}
#videoTips .tipsTopImg {
width:83px;
height:83px;
margin:0 auto 10px
}
#videoTips .tipsTopImg img {
width:100%
}
#videoTips .tipsFonts {
text-align:center
}
#videoTips .tipsFonts p {
margin:0;
padding:0
}
#videoTips .tipsFonts p:nth-child(1) {
color:#717171;
font-size:14px;
padding-bottom:25px
}
#videoTips .tipsFonts p:nth-child(2) {
color:#188eee;
font-size:16px;
padding-bottom:10px
}
#videoTips .tipsForm {
text-align:center
}
#videoTips .tipsForm input {
box-sizing:border-box;
width:230px;
height:35px;
border-radius:5px;
border:0;
outline:0;
border:1px solid #b5b5b5;
padding:0 0 0 35px;
font-size:16px
}
#videoTips .tipsForm input::-webkit-input-placeholder {
color:#eaeaea
}
#videoTips .tipsForm input:focus {
border:0;
box-shadow:0 0 10px #b7dcfa
}
#videoTips .tipsForm .formInput {
position:relative;
padding-bottom:10px
}
#videoTips .formInputIcon1::after {
position:absolute;
content:'';
width:35px;
height:35px;
background-color:red;
top:-2px;
left:35px;
background:url('http://www.zzwtqx.com/videomaterial/imglist/icon1.png') no-repeat;
background-size:100% 100%
}
#videoTips .formInputIcon2::after {
position:absolute;
content:'';
width:31px;
height:31px;
background-color:red;
top:2px;
left:37px;
background:url('http://www.zzwtqx.com/videomaterial/imglist/icon2.png') no-repeat;
background-size:100% 100%
}
.hzqyContent {
width:100%;
height:475px;
background:url("http://www.zzwtqx.com/images/index_2020/hzyxbg.jpg") no-repeat;
background-size:100% 100%;
background-position:center;
min-width:1200px
}
.hzqyBox {
width:1200px;
margin:0 auto;
height:475px
}
.hzqyBox .hzqyTitle h2 {
clear:both;
text-align:center;
padding:25px 0 15px;
font-size:32px;
color:#2e84eb
}
.hzqyBox .hzqyTitle p {
text-align:center;
font-size:18px;
color:#666;
margin-bottom:30px
}
.hzqyBox .hzqyTitle p span {
color:#f00
}
.sliderSwiper {
width:1200px;
overflow:hidden;
height:265px
}
.sliderSwiper ul li {
width:385px;
height:265px;
margin-left:20px;
cursor:pointer;
overflow:hidden;
position:relative
}
.sliderSwiper ul li .hzqyImg {
position:relative
}
.sliderSwiper ul li:hover .hzqyImg img {
-webkit-filter:blur(5px);
-moz-filter:blur(5px);
-ms-filter:blur(5px);
filter:blur(5px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10,MakeShadow=false)
}
.sliderSwiper ul li:hover .hzqyFonts {
top:0;
left:0;
transition:.3s
}
.sliderSwiper ul li .hzqyFonts {
transition:.3s;
width:384px;
height:264px;
width:100%;
position:absolute;
top:-264px;
background-color:rgba(0,0,0,0.5)
}
.sliderSwiper ul li .hzqyFonts .hzqyFontsTitl {
box-sizing:border-box;
height:70px;
border-bottom:2px solid #fff;
text-align:center;
padding-top:10px
}
.sliderSwiper ul li .hzqyFonts p {
padding:20px 10px;
font-size:16px;
color:#fff;
letter-spacing:1px;
line-height:30px
}
.hzyxContent {
background-color:#f3f3f3
}
.hzyxBox {
width:1200px;
margin:0 auto
}
.hzyxContent h2 {
text-align:center;
font-weight:normal;
font-size:32px;
height:80px;
line-height:80px;
border-bottom:1px solid #ccc
}
.hzyxContent .hzyxList {
width:1200px;
overflow:hidden;
margin:0 auto;
padding:30px 0 40px
}
.hzyxContent .hzyxList ul {
display:flex;
flex-wrap:wrap;
justify-content:space-between
}
.hzyxContent .hzyxList ul li {
width:170px;
margin-bottom:10px;
border-right:1px solid #333;
text-align:center
}
.hzyxContent .hzyxList ul li a {
text-decoration:none;
color:#333;
font-size:20px
}
.hzyxContent .hzyxList ul li a:hover {
transition:.3s;
color:red
}
.aboutWontone {
background-color:#474747;
padding:30px 0
}
.aboutWontoneBox {
width:1200px;
margin:0 auto;
overflow:hidden
}
.aboutWontoneBox .aboutWontoneLeft,.aboutWontoneBox .aboutWontoneRight {
float:left
}
.aboutWontoneBox .aboutWontoneLeft {
width:815px
}
.aboutWontoneBox .aboutWontoneRight {
width:385px
}
.aboutWontoneBox .aboutWontoneLeft dl {
float:left;
color:#fff;
font-weight:100
}
.aboutWontoneBox .aboutWontoneLeft dl dt {
font-size:22px;
display:inline-block;
width:auto;
border-bottom:1px solid #fff;
font-weight:100;
padding-bottom:5px;
margin-bottom:15px
}
.aboutWontoneBox .aboutWontoneLeft dl dd {
margin-bottom:15px;
font-size:14px;
cursor:pointer
}
.aboutWontoneBox .aboutWontoneLeft dl dd:hover a {
color:#f00
}
.aboutWontoneBox .aboutWontoneLeft dl dd a {
color:#fff
}
.aboutWontoneBox .aboutWontoneLeft dl:nth-child(1),.aboutWontoneBox .aboutWontoneLeft dl:nth-child(2) {
width:220px
}
.aboutWontoneBox .aboutWontoneLeft dl:nth-child(3) {
width:375px
}
.aboutWontoneBox .aboutWontoneRight span {
display:inline-block;
font-size:22px;
border-bottom:1px solid #fff;
padding-bottom:5px;
margin-bottom:15px;
color:#fff;
font-weight:100
}
.aboutWontoneBox .aboutWontoneRight .aboutWontoneEwm {
margin:5px 0
}
.aboutWontoneBox .aboutWontoneRight .aboutWontoneEwm img {
width:106px;
margin-right:10px
}
.aboutWontoneBox .aboutWontoneRight p {
color:#fff;
font-size:18px
}
.aboutWontoneBox .aboutWontoneRight p:nth-child(3) {
margin-bottom:5px
}
.bq {
width:100%;
padding:30px 0 110px;
background:#fff
}
.bq_k {
width:1200px;
margin:0 auto
}
.bq_k dl {
line-height:24px;
text-align:center;
font:14px/24px "Microsoft YaHei";
color:#4d4d4d
}
.msg_bd{line-height: 50px;background: #fe0000; width: 1180px; margin: 0 auto; padding: 0 10px;padding-top: 10px;}
.msg_bd .row{position: relative;width: 1180px;}
.msg_bd span{display: block;animation: lingdang 1s infinite;-webkit-animation: lingdang 1s infinite;top: 0;height: 50px;width: 50px;background: url(http://www.zzwtqx.com/images/lingdang.png) no-repeat 0 center;position: absolute;}
.msg_bd p{color: #fff;font-size: 18px;margin-left: 50px;padding-left: 30px;background: url(http://www.zzwtqx.com/images/lingdang.png) no-repeat -50px center;letter-spacing: 2px;
width: 900px;overflow: hidden;}
.msg_bd p b{color: #ffea00;}
.msg_bd a { display: block;position: absolute;right: 0;width: 118px;height: 30px;top: 10px;text-align: center;background: #fff;color: #000;font-size: 16px;border-radius: 15px;line-height: 30px;}
@keyframes lingdang {
0% {
transform:rotate(20deg);
transform-origin: 20px top;
}
50% {
transform:rotate(-20deg);
transform-origin: 20px top;
}
100% {
transform:rotate(20deg);
transform-origin: 20px top;
}
}
@keyframes lingdang {
0% {
transform:rotate(20deg);
transform-origin: 20px top;
}
50% {
transform:rotate(-20deg);
transform-origin: 20px top;
}
100% {
transform:rotate(20deg);
transform-origin: 20px top;
}
}
@-webkit-keyframes lingdang {
0% {
transform:rotate(20deg);
transform-origin: 20px top;
}
50% {
transform:rotate(-20deg);
transform-origin: 20px top;
}
100% {
transform:rotate(20deg);
transform-origin: 20px top;
}
}
.newHrbmContent{
box-sizing: border-box;
width: 1200px;
padding:20px;
height: 340px;
background-color: #fe0000;
margin: 0 auto;
overflow:hidden;
}
.moj_in_box {
position: absolute;
z-index: 999;
right: 10px;
top: 10px;
}
.moj_in {
width: 220px;
height: 110px;
background-color: #fff;
border-radius: 5px;
}
.moj_in h1 {
font-size: 16px;
font-weight: 400;
font-stretch: normal;
line-height: 32px;
letter-spacing: 0;
color: #fff;
height: 32px;
background-color: #666;
text-align: center;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.moj_in font{
display: block;
font-size: 36px;
font-weight: 600;
font-stretch: normal;
letter-spacing: 0;
color: #666;
text-align: center;
padding-top: 10px;
}
.moj_in i {
display: block;
width: 92px;
height: 80px;
background-image: url(http://www.zzwtqx.com/images/manban.png);
position: absolute;
top: 18px;
left: -49px;
}
.moj_in2 a {
display: flex;
width: 130px;
height: 27px;
background-color: #fe0000;
justify-content: center;
align-items: center;
font-size: 14px;
color: #fff;
margin: 0 auto;
border-radius: 27px;
margin-top: 7px;
}
.moj_in2 h1 {
background-color: #0071c0;
}
.hrxz_vd {
float: left;
width: 448px;
height: 288px;
margin-left: 30px;
}
.newHrbm-imgBox{
float: left;
}
.newHrbmVideo{
float: left;
width: 506px;
height: 289px;
background-color: #fff;

}
.newHrbmVideo video{
margin: 4px 0 0 5px;
}
.newHrbm-list{
width: 558px;
background-color: #fff;
height: 289px;
overflow: hidden;
}
.newHrbm-list ul li{
float: left;
height: 40px;
box-sizing: border-box;
line-height: 40px;
background-color:#f1f1f1;
text-align: center;
font-size: 17px;
}
.newHrbm-list ul li:nth-child(1){
width: 225px;
}
.newHrbm-list ul li:nth-child(2){
width: 133px;
}
.newHrbm-list ul li:nth-child(3){
width:100px;
}
.newHrbm-list ul li:nth-child(4){
width: 100px;
border-right: 0;
}
.newHrbm-list-Box{
width: 558px;
height: 279px;
position: absolute;
top: 40px;
}
.newHrbm-list-Box ul li{
width: 558px !important;
height: 40px;
box-sizing: border-box;
line-height: 40px;
text-align: center;
font-size: 16px;
background-color: #fff;
color: #333;

}
.newHrbm-list-Box ul  li span{
display: block;
float: left;
text-align: center;
}
.newHrbm-list-Box ul  li span:nth-child(1){
width: 225px;
}
.newHrbm-list-Box ul  li span:nth-child(2){
width: 133px;
}
.newHrbm-list-Box ul  li span:nth-child(3){
width: 100px;
}
.newHrbm-list-Box ul  li span:nth-child(4){
width: 100px;
border-right: 0;
}
.newHrbm-list-Box ul  li span:nth-child(5) a{
color: red !important;
}
.NhotzybigBox{
width: 100%;
height: auto;
background-color: #fff;
}
.NhotzyBox{
width: 1200px;
margin: 0 auto;
background-color: #fff;
padding-bottom: 30px;
}
.NhotzyTitle{
height: 35px;
position: relative;
padding: 20px 0;
}
.NhotzyTitle p{
font-size: 26px;
letter-spacing: 1px;
line-height: 35px;
padding-left: 15px;
color: #666666;
}

.NhotzyContent{
height: 570px;
overflow: hidden;
}
.NhotzyLeft{
width: 890px;
float: left;
background-color: #f8f8f8;
}
.NhotzyLeft ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.NhotzyLeft ul li{
width: 290px;
}
.NhotzyLeft ul li a{
font-size: 0;
}
.NhotzyLeft ul li a img{
width: 100%;
}
.NhotzyLeft ul li:nth-child(1),.NhotzyLeft ul li:nth-child(2),.NhotzyLeft ul li:nth-child(3){
margin-bottom: 10px;
}
.NhotzyRight{
float: left;
height: 100%;
overflow: hidden;
width: 297px;
margin-left: 13px;
background-color: #fff;
}
.NhotzyRightTop{
width: 290px;
height: 197px;
}
.NhotzyRightTop a{
font-size: 0;
}
.NhotzyRightBottom{
box-sizing: border-box;
width: 290px;
height: 373px;
border: 2px solid #1091ff;
overflow: hidden;
}
.NhotzyRightBottom p{
font-size:22px;
font-weight: bold;
color: #333;
height: 50px;
line-height: 50px;
text-align: center;
}
.NhotzyRightBottomScroll{
width: 290px;
height: 340px;
overflow: hidden;
}
.NhotzyScrollTitl{
padding: 0 5px;
height: 25px;
margin-bottom: 5px;
}
.NhotzyScrollTitl p{
float: left;
height: 25px;
line-height: 25px;
text-align: center;
color: #666666;
font-weight: normal;
font-size: 20px;
}
.NhotzyScrollTitl p:nth-child(1){
width: 60px;
}
.NhotzyScrollTitl p:nth-child(3){
width: 90px;
}
.NhotzyScrollTitl p:nth-child(2){
width: 137px;
}
.NhotzyScrollContent{
padding: 0 5px;
overflow: hidden;
height: 390px;
}
.NhotzyScrollContent ul li{
height: 45px;
line-height: 45px;
}
.NhotzyScrollContent ul li span{
display: block;
text-align: center;
font-size: 16px;
float: left;
color: #666;
height: 45px;
line-height: 45px;
border-bottom: 1px dashed #ccc;
}
.NhotzyScrollContent ul li span:nth-child(1){
width: 70px;
color: #ff0000;
}
.NhotzyScrollContent ul li span:nth-child(3){
width: 90px;
color: #ff0000;
}
.NhotzyScrollContent ul li span:nth-child(2){
width: 120px;
}
.content {
width: 1200px;
margin: 0 auto;
}

.fl {
float: left;
}

.fr {
float: right;
}

.zxkt{
background-color: #fff;
padding: 20px 0 0;
}

.zxkt-titl {
height: 45px;
line-height: 45px;
overflow: hidden;
color: #666666;
}
.zxkt-titl h2{
height: 45px;
line-height: 45px;
font-size: 26px;
font-weight: normal;
margin-right: 25px;
margin-left: 15px;
}
.conTitlList ul{
padding-top: 5px;
}
.conTitlList ul li {
float: left;
height: 35px;
line-height: 35px;
margin-left: 2px;
cursor: pointer;
font-size: 18px;
box-sizing: border-box;
border: 1px solid #ccc;
padding: 0 15px;
}

.conTitlList .list-more {
text-decoration: none;
color: #666666;
padding-right: 25px;
font-size: 16px;
}


.zxkc-content-box {
box-sizing: border-box;
height: 470px;
padding: 20px 0;
position: relative;
}

.zxkc-content {
overflow: hidden;
position: absolute;
left: 0;
display: none;
}
.zxkc-content:nth-child(1){
display: block;
}

.zxkc-content-left {
width: 890px;
height: 430px;
margin-right: 10px;
}

.zxkc-content-left ul {
display: flex;
justify-content: start;
flex-wrap: wrap;
}

.zxkc-content-left ul li {
width: 290px;
cursor: pointer;
margin-right: 5px;
}

.zxkc-content-left ul li .zxkc-img {
overflow: hidden;
height: 174px;
}

.zxkc-content-left ul li .zxkc-img img {
transition: .5s;
width: 100%;
}

.zxkc-content-left ul li:hover .zxkc-img img {
transition: .5s;
transform: scale(1.1);
}

.zxkc-content-left ul li:nth-child(1) {
margin-bottom: 20px;
}

.zxkc-content-left ul li p {
text-align: center;
padding-top: 6px;
font-size: 18px;
}

.zxkc-content-right {
width: 300px;
height: 430px;
}

.zxkc-content-right-top {
width: 300px;
height: 40px;
line-height: 40px;
background-color: #f6f7fb;
text-align: center;
position: relative;
}
.zxkc-content-right-top::after{
position: absolute;
right: 75px;
top: -1px;
content: '▼';
font-size: 16px;
color: #ccc;

}

.zxkc-content-right-top select {
width: 100%;
border: none;
font-size: 18px;
height: 40px;
line-height: 40px;
background-color: #f6f7fb;
outline: none;
text-align: center;
text-align-last: center;
padding: 0 2%;
margin: 0;
color: #46a5f1;
-webkit-appearance: none;
}

.zxkc-content-right-top select option {
display: block;
width: 100%;
font-size: 15px;
height: 40px;
line-height: 40px;
background-color: #f6f7fb;
outline: none;
color: #000;
}

.zxkc-content-right-center {
height: 300px;
margin: 20px 0 20px;
padding-left: 10px;
overflow-y: auto;
}

/* 滚动条整体样式(高宽分别对应横竖滚动条的尺寸) */
.zxkc-content-right-center::-webkit-scrollbar{
width: 3px;
height: 3px;
}

/* 滚动条里面小方块 */
.zxkc-content-right-center::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.2);
}

/* 滚动条里面轨道 */
.zxkc-content-right-center::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(5, 2, 2, 0.1);
border-radius: 0;
background: rgba(0, 0, 0, 0.1);
}

.zxkc-content-right-center ul li {
height: 20px;
padding: 5px 0px 5px 10px;
cursor: pointer;
margin-bottom: 9px;
position: relative;
overflow: hidden;
transition: .3s;
}

.zxkc-content-right-center ul li span:nth-child(1) {
display: block;
width: 30px;
height: 18px;
line-height: 18px;
background-color: #46a5f1;
border-radius: 5px;
text-align: center;
font-size: 16px;
color: #fff;
margin-top: 1px;
margin-right: 5px;
}

.zxkc-content-right-center ul li span:nth-child(2) {
display: block;
width: 220px;
height: 30px;
line-height: 20px;
margin-right: 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 16px;
color: #666666;
transition: .3s;
}

.zxkc-content-right-center ul li:hover span:nth-child(2) {
transition: .3s;
color: #46a5f1;
}

.zxkc-content-right-center ul li:hover {
height: 115px;
}

.zxkc-videoImg-box {
width: 150px;
margin-right: 10px;
}
.zxkc-videoImg-box img{
width: 150px;
}

.zxkc-content-right-bottom a {
display: block;
width: 250px;
margin: 0 auto;
line-height: 40px;
text-align: center;
color: #fff;
background-color: #fe4e42;
border-radius: 10px;
font-size: 18px;
}

.zxkc-videoImg-fonts {
color: #666666;
margin-top: 55px;
font-size: 14px;
}

.zxkc-videoImg-fonts i {
font-style: normal;
}
.titlActive{
background-color: #46a5f1;
color: #fff;
}
#videoTips {
background-color: #fff;
box-sizing: border-box;
padding: 20px 10px 0;
display: none;
}

#videoTips .tipsTopImg {
width: 83px;
height: 83px;
margin: 0 auto 10px;
}

#videoTips .tipsTopImg img {
width: 100%;
}

#videoTips .tipsFonts {
text-align: center;
}

#videoTips .tipsFonts p {
margin: 0;
padding: 0;
}

#videoTips .tipsFonts p:nth-child(1) {
color: #717171;
font-size: 14px;
padding-bottom: 25px;
}

#videoTips .tipsFonts p:nth-child(2) {
color: #188eee;
font-size: 16px;
padding-bottom: 10px;
}

#videoTips .tipsForm {
text-align: center;
}

#videoTips .tipsForm input {
box-sizing: border-box;
width: 230px;
height: 35px;
border-radius: 5px;
border: none;
outline: none;
border: 1px solid #b5b5b5;
padding: 0 0 0 35px;
font-size: 16px;
}

#videoTips .tipsForm  input::-webkit-input-placeholder {
/* placeholder颜色  */
color: #eaeaea;
}

#videoTips .tipsForm input:focus {
border: none;
box-shadow: 0px 0px 10px #b7dcfa;
}

#videoTips .tipsForm .formInput {
position: relative;
padding-bottom: 10px;
}

#videoTips .formInputIcon1::after {
position: absolute;
content: '';
width: 35px;
height: 35px;
background-color: red;
top: -2px;
left: 35px;
background: url('http://www.zzwtqx.com/videomaterial/imglist/icon1.png') no-repeat;
background-size: 100% 100%;
}

#videoTips .formInputIcon2::after {
position: absolute;
content: '';
width: 31px;
height: 31px;
background-color: red;
top: 2px;
left: 37px;
background: url('http://www.zzwtqx.com/videomaterial/imglist/icon2.png') no-repeat;
background-size: 100% 100%;
}
/* 首页改动板块 */
.topnavbox{
width: 100%;
background-color: #fff;
padding-top: 30px;
padding-bottom: 30px;
}
.topnav{
width: 1200px;
margin: 0 auto;
background-color: #fff;
}
.topnav ul{
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
.topnav ul li{
width: 220px;
height: 250px;
background-color: #f7f9fa;
box-sizing: border-box;
padding: 10px 0 10px;
text-align: center;
overflow: hidden;
} 
.topnav ul li .topnavimg img{
width: 161px;
height: 161px;
}
.topnav ul li .topnavfontsbox{
margin-top: 8px;
width: 220px;
height: 55px;
overflow: hidden;
}
.topnavfonts{
width: 220px;
height: 110px;
transition: .3s;
}
.topnavfonts1,.topnavfonts2{
height: 55px;
}
.topnav ul li:hover .topnavfonts{
transform: translateY(-55px);
transition: .3s;
}
.topnavfonts1 h3{
font-size: 24px;
font-weight: bolder;
color: #333333;
}
.topnavfonts1 p{
font-size: 16px;
color: #666666;
}
.topnavfonts2 a{
display: block;
width:177px;
height: 40px;
line-height: 40px;
margin: 0 auto;
background-color: #ff2530;
color: #fff;
border-radius: 30px;
font-size: 18px;
margin-top: 15px;
}
.zsjh-box{
width: 1200px;
margin: 0 auto;
box-sizing: border-box;
overflow: hidden;
}
.zsjh{
margin: 0 auto;
box-sizing: border-box;
overflow: hidden;
}
.zsjh-left{
float: left;
width: 1200px;
}
.zsjh div:nth-child(2){
margin-right: 20px;
}
.zsjh-left-header{
padding:0 0 30px;
}
.zsjh-left-header h3{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.zsjh-left-header h3 .zsjh-left-header-fonts{
margin: 0;
padding: 0;
font-weight: bolder;
font-size: 34px;
color: #fe2530;
text-align: center;
border-radius: 0;
background-color: #ffffff;
margin-right: 15px;
}
.zsjh-left-header h3 span{
  display: block;
  border-radius: 50%;
  line-height: 100%;
  margin-right: 15px;
}
.zsjh-left-header h3 .dot1{
  width: 16px;
  height: 16px;
  background-color: #fe5159;
}
.zsjh-left-header h3 .dot2{
  width: 14px;
  height: 14px;
  background-color: #fe7c83;
}
.zsjh-left-header h3 .dot3{
  width: 10px;
  height: 10px;
  background-color: #ffa8ac;
}
.zsjh-left-center{
width: 1200px;
height: 370px;
background-color: #fff;
overflow: hidden;
}
.zsjh-left-center-top{
width: 1200px;
height: 50px;
line-height: 50px;
background-color: #f0f0f0;
box-shadow: 0px 6px 10px #ffd4d4;
overflow: hidden;
}
.zsjh-left-center-top ul li{
float: left;
font-size: 22px;
color: #333333;
text-align: center;
box-sizing: border-box;
border-right:1px dashed #e2d9d9;
}
.zsjh-left-center-top ul li:nth-child(1){
width: 150px;
} 
.zsjh-left-center-top ul li:nth-child(2){
width: 200px;
} 
.zsjh-left-center-top ul li:nth-child(3){
width: 300px;
}
.zsjh-left-center-top ul li:nth-child(4){
width:150px;
} 
.zsjh-left-center-top ul li:nth-child(5){
width: 200px;
} 
.zsjh-left-center-top ul li:nth-child(6){
width: 200px;
} 
.zsjh-left-center-top ul li:last-child{
border-right: none;
border-bottom: 1px dashed #e2d9d9;
}
.zsjh-left-center-scroll-box ul li{
width: 1200px;
box-sizing: border-box;
overflow: hidden;
border-bottom: 1px dashed #e2d9d9;
height: 56px;
line-height: 56px;
}
.zsjh-left-center-scroll-box ul li span{
float: left;
display: block;
text-align: center;
font-size: 18px;
border-right:1px dashed #e2d9d9;
box-sizing: border-box;
}
.zsjh-left-center-scroll-box ul li span:nth-child(1){
width: 350px;
position: relative;
}
.zsjh-left-center-scroll-box ul li:nth-child(2) span:nth-child(1) img{
  position: absolute;
  top: 10px;
  right: 65px;
  animation: imgmove1 0.6s infinite;
  transition: .1s;
}
@keyframes imgmove1{
  from {opacity: 0;}
  to {opacity: 1;}
}
.zsjh-left-center-scroll-box ul li span:nth-child(1){
  width: 150px;
  }
.zsjh-left-center-scroll-box ul li span:nth-child(2){
width: 200px;
}
.zsjh-left-center-scroll-box ul li span:nth-child(3){
width: 300px;
position: relative;
}
.zsjh-left-center-scroll-box ul li span:nth-child(4){
width: 150px;
}
.zsjh-left-center-scroll-box ul li span:nth-child(5){
width: 200px;
color: red;
font-weight: bolder;
}
.zsjh-left-center-scroll-box ul li span:nth-child(6){
width: 200px;
}
.zsjh-dtimg{
position: absolute;
top: 15px;
right: 30px;
animation: imgmove2 0.7s infinite;
transition: .1s;
}
@keyframes imgmove2{
from {opacity: 0;}
to {opacity: 1;}
}
.zsjh-left-center-scroll-box ul li span:nth-child(6) a{
font-size: 16px;
color: #fff;
display: block;
width: 100px;
height: 30px;
line-height: 30px;
background-color: #ff2530;
border-radius: 5px;
margin: 13px auto 0;
}
.zsjh-left-center-scroll-box ul li span:last-child{
border-right: none;
}
.zsjh-right{
width: 550px;
float: right;
}
.zsjh-right-center{
width: 550px;
height: 329px;
margin-top: 20px;
background-color: #fff;
}
.zsjh-swiper{
  overflow: hidden;
  height: 344px;
  position: relative;
}
.zsjh-swiper img{
  width: 100%;
}
.ykbzy{
width: 1200px;
margin: 0 auto;
padding: 0 0 30px;
}
.ykbzy-titl{
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
padding-bottom: 30px;
}
.ykbzy-titl h3{
font-size: 28px;
color: #007cf0;
margin: 0;
padding:0 ;
font-weight: normal;
}
.ykbzy-more a{
display: block;
width: 83px;
height: 30px;
line-height: 30px;
text-align: center;
border: 1px solid #f5f5f5;
border-radius: 30px;
}
.ykbzy-more a:hover{
color:#007cf0 ;
}
.ykbzy-box{
margin-top: 30px;
}
.ykbzy-box ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.ykbzy-box ul li{
width:374px;
background-color: #f5f5f5;
}
.ykbzy-box-img{
width: 374px;
height: 230px;
position: relative;
overflow: hidden;
}
.ykbzy-box-img img{
width: 374px;
height: 230px;
transition: .3s;
}
.ykbzy-box-img-after{
position: absolute;
width: 374px;
height: 230px;
top: 0;
left: 0;
background-color: rgba(74, 170, 244, 0.8);
transition: .3s;
transform: translateY(-230px);
}
.ykbzy-box-img-after a{
display: block;
width: 160px;
height: 40px;
line-height: 40px;
background-color: #fff;
color: red;
margin: 0 auto;
text-align: center;
font-size: 16px;
}
.ykbzy-box-img-after a:nth-child(1){
margin-top: 80px;
}
.ykbzy-box-img-after a:nth-child(2){
margin-top: 10px;
}
.ykbzy-box-img:hover .ykbzy-box-img-after{
transform: translateY(0px);
}
.ykbzy-box-img:hover img{
transform: scale(1.1);
}
.ykbzy-box h6{
text-align: center;
padding: 10px 0;
font-size: 20px;
color: #000000;
font-weight: normal;
}
.ykbzy-box p{
margin: 0;
padding: 0;
text-align: center;
padding-bottom: 20px;
font-size: 18px;
color: #333333;

}
.ykbzy-box p span{
color: red;
}
.zsjh-bottom{
overflow: hidden;
height: 116px;
margin-bottom: 20px;
}
.zsjh-bottom-center-left{
float: left;
width: 174px;
height: 116px;
}
.zsjh-bottom-center-left img{
width: 174px;
height: 116px;
}
.zsjh-bottom-center-right{
width: 1026px;
height: 116px;
float: right;
background-color: #fff;
box-sizing: border-box;
padding: 20px 40px;
}
.zsjh-bottom-center-fonts h5{
margin: 0;
padding: 0;
font-weight: normal;
font-size: 20px;
color: #333333;
line-height: 20px;
}
.zsjh-bottom-center-form>form input{
box-sizing: border-box;
width: 308px;
height: 45px;
border-radius: 5px;
margin-right: 20px;
border: 1px solid #9d9d9d;
margin-top: 10px;
padding-left: 10px;
outline: none;
font-size: 15px;
}
.zsjh-bottom-center-form>form input[type='submit']{
width: 198px;
background-color: #ff3a3a;
border: 1px solid #ff3a3a;
color: #fff;
font-size: 16px;
height: 45px;
line-height: 45px;
box-sizing: border-box;
outline: none;
}
.ybcg{
width: 100%;
max-width: 1920px;
background-color: #f5f5f5;
padding: 30px 0;
box-sizing: border-box;
margin: 0 auto;
}
.ykbzy-box{
width: 1200px;
margin: 0 auto;
}
.zsjhScroll-box{
width: 100%;
background-color: #f5f5f5;
padding-top: 1px;
}
.zsjhScroll{
width: 1200px;
overflow: hidden;
background-color: #f5f5f5;
margin: 0 auto;
}
.zsjhScrollBox{
overflow: hidden;
height: 262px;
}
.zsjhScroll ul{
list-style: none;
}
.zsjhScroll ul li{
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
.zsjhScroll ul li a img{
width: 410px;
}
/* 2025新闻展示 */
.NewsBox2025{
width: 1200px;
margin: 0 auto;
}
.New2025Content{
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
overflow: hidden;
}
.New2025Left{
width: 720px;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
overflow: hidden;
}    
.New2025Left>div{
background-color: #f4f4f4;
height: 345px;
overflow: hidden;
}
.New2025LeftImg{
display: block;
line-height: 0;
height: 350px;
height: 233px;
overflow: hidden;
}
.New2025LeftImg:hover img{
transform: scale(1.05);
transition: .2s;
}
.New2025LeftImg img{
width: 350px;
transition: .2s;
}
.New2025LeftFonts{
width: 350px;
box-sizing: border-box;
padding: 20px;
}
.New2025LeftFonts h3{
font-size: 18px;
font-weight: normal;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
padding-bottom: 5px;
color: #333;
}
.New2025LeftFonts h3 a{
color: #333;
}
.New2025LeftFonts h3 a:hover{
color: rgb(27, 120, 241);
}
.New2025LeftFonts p{
color: #999;
font-size: 14px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
}
.New2025Right{
width: calc(1200px - 720px);
box-sizing: border-box;
padding-left: 20px;
}
.New2025RightList{
height: 345px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.New2025RightBox{
width: 460px;
display: block;
display: flex;
flex-wrap: nowrap;
justify-content: start;
}
.New2025RightDate{
width: 65px;
height: 65px;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
border: 2px solid rgb(221, 221, 221);

}
.New2025RightDate div:nth-child(1){
color: #333;
font-size: 20px;
line-height: 20px;
transition: .2s;
}
.New2025RightDate div:nth-child(2){
font-size: 12px;
color: rgb(102, 102, 102);
}
.New2025RightNr{
width: calc(460px - 65px);
height: 65px;
display: flex;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
margin-left: 20px;
transition: .2s;
}
.New2025RightNr>p:nth-child(1){
color: #333;
font-size: 18px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
transition: .2s;
}
.New2025RightNr>p:nth-child(2){
color: #666;
font-size: 16px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
transition: .2s;
}
.New2025RightBox:hover .New2025RightDate>div:nth-child(1){
color: rgb(27, 120, 241);
transition: .2s;
}
.New2025RightBox:hover .New2025RightNr{
margin-left: 15px;
transition: .2s;
}
.New2025RightBox:hover .New2025RightNr>p{
color: rgb(27, 120, 241);
transition: .2s;
}
/* 2025热门专业 */
.HotZyBox2025{
  width: 1200px;  
  height: 830px;         
  margin: 0 auto;
}
.HotZyTitle2025{
  text-align: center;
}
.HotZyTitle2025 h3{
  margin: 0;
  padding: 0;
  font-size: 28px;
  font-weight: normal;
}
.HotZyTitle2025 p{
  font-size: 14px;
  color: #aaaaaa;
  margin:  0 0 10px;
}
.HotZyNav2025{
  margin-top: 20px;
}
.HotZyNav2025 ul{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.HotZyNav2025 ul li{
  text-align: center;
  border: 1px solid #000000;
  padding: 10px 20px;
  margin: 0 10px;
  font-size: 18px;
  font-weight: bolder;
  border-radius: 10px;
  cursor: pointer;
}
.HotZyNav2025Active{
  background-color: red;
  color: #ffffff;
}
.HotZyListBox2025{
  height: 624px;
  margin-top: 20px;
  position: relative;
}
.HotZyListItem2025{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: none;
}
.HotZyListItem2025 ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.HotZyListItem2025 ul li{
  width: 374px;
  line-height: 1;
  transition: .3s;
}
.HotZyListItem2025 ul li:hover{
  transition: .3s;
  box-shadow: 5px 5px 10px #ccc;
}
.HotZyListItem2025 ul li:nth-child(n+4){
  margin-top: 20px;
}
.HotZyListItem2025 ul li img{
  width: 374px;
  height: 230px;
  cursor: pointer;
}
.HotZyListItem2025 ul li>div{
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 374px;
  padding: 20px 10px;
  background-color: #eee;
}
.HotZyListItem2025 ul li>div div:nth-child(1) p:nth-child(1){
  font-size: 16px;
  color: #5a5a5a;
  margin: 0;
}
.HotZyListItem2025 ul li>div div:nth-child(1) p:nth-child(2){
  font-size: 14px;
  color: red;
  margin: 0;
  padding-top: 10px;
}
.HotZyListItem2025 ul li>div div:nth-child(2) a{
  display: block;
  text-decoration: none;
  color: #ffffff;
  padding:10px;
  background-color: red;
} 
.HotZyListItem2025Active{
  display: block;
}