body{font-size: 16px;}
a{color: #000;}
a:hover{color:#008dff ;}
/* 导航条 */
.topbox{ height:60px; line-height:60px; letter-spacing:2px; font-size:18px;  }
.topbox .logobox a{font-size: 24px;font-weight: bolder;}
.topbox .logobox i{ padding:0 8px;}
.topbox a.backHome{display: inline-block;background: #008dff;color: #fff;border-radius: 15px;padding: 0 10px;text-align: center;    line-height: 30px;font-size: 14px;}
.width1200{    width: 1200px;    margin: 0 auto;}
.container{ background: url(./2021zcjd_ban.jpg) no-repeat center top;    padding-bottom: 30px;}
.banner_tit{padding-top:50px; text-align: center;}
.banner_tit p{color: #3e3c3c;line-height: 30px;}
.box1{margin-top: 50px;}
.box1 .slideBox{float: left;border-radius: 5px;width: 400px;height:280px;padding:20px;background: #fff;position: relative;margin-right: 20px;}
.box1 .slideBox .bd li{ zoom:1; vertical-align:middle; position: relative;}
.box1 .slideBox .bd li img{width: 100%;height: 248px;}
.box1 .slideBox .bd li span{display:block; bottom: 6px;width: 100%;padding: 10px 5px;line-height: 30px;z-index:99px;color: #fff;position: absolute;background:rgba(0,0,0,.8);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#71540ac,endcolorstr=#7F1540ac);}
.box1 .slideBox .bd li span a{width: 90%;display: block;border-left: 3px solid #f7a001;padding-left: 10px;color: #fff;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.box1 .slideBox .hd {position: absolute;width: 100%; bottom: 0px;left: 0; z-index: 999;line-height: 32px;}
.box1 .slideBox .hd ul {display: block; text-align: center;margin-right: 20px;}
.box1 .slideBox .hd ul li {display: inline-block;font-size: 0;line-height: 0; width: 10px;height: 10px; overflow: hidden;margin: 4px 5px; background: #ccc}
.box1 .slideBox .hd ul li.on {background: #f7a001}
.box1 .jdList{float: left;background: #fff;width: 520px;height:280px;padding: 20px;border-radius: 5px;margin-right: 20px;}
.box1 .jdList h4{margin-bottom: 10px;}
.box1 .jdList h4 span{font-size: 22px;color: #000;background: url(2021zcjd_icon1.png) no-repeat;padding-left: 35px; line-height: 32px; display: inline-block;}
.box1 .jdList h4 a{float: right;background: url(2021zcjd_icon2.png) no-repeat; width: 32px; height: 34px;}
.box1 .jdList ul li{padding:10px;transition: all .5s ease-in-out;}
.box1 .jdList ul li:nth-child(2n){background: #f5f5f5;}
.box1 .jdList ul li:hover{background: #fff;box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);}
.box1 .jdList ul li a{width: 80%;display: inline-block;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;transition: all .5s ease-in-out;}
.box1 .jdList ul li a:before {content: "";display: inline-block;width: 6px; height: 6px; border-radius: 50%;background-color: #3769e8; margin-right: 10px;margin-bottom: 2px;}
.box1 .jdList ul li span{float: right;color: #ccc;}
.box1 .fgList{float: left;overflow: hidden;}
.box1 .fgList li a{width: 120px;height: 112px;display: block;background: #fff;border-radius: 5px;padding: 20px;margin-bottom: 15px;text-align: center;}
.box1 .fgList li a img{width: 103px;height: 84px;transition: all .5s ease-in-out;}
.box1 .fgList li a:hover img{transform:scale(1.1);}
.box1 .fgList li a span{display: block;color: #000;font-weight: bold;}
.box2{margin-top:30px;background:rgba(255,255,255,.8);border-radius: 5px;padding: 20px 10px;}
.box2 ul li{width: 275px;height: 265px;float: left;margin: 0 10px;overflow: hidden;}
.box2 ul li a{display: block;background: #fff;transition: all .5s ease-in-out;}
.box2 ul li a:hover{background:#3769e8;color: #fff;}
.box2 ul li a img{width: 100%;height: 178px;}
.box2 ul li a span{display: block;padding: 15px;}
/* 底部信息 */
.footbox{ background:#191919; padding:20px 0; color:#c4c4c4; font-size:12px; text-align:center; }
.footbox img{display: inline-block;line-height: 0;vertical-align: middle; }
.footbox i{ padding:0 15px; font-style: normal;}
.footbox em{ padding:0 5px; font-style: normal;}
.footbox a{color:#c4c4c4;}
.footwb{ margin-right: 10px; }
.sp_nav{ display: none; }
.footwx{ position: relative; }	
.footbox img.wxma2{position: absolute;top: -130px;left: -80px;display: none;}
.footwx:hover .wxma2{ display: block; }
#_span_jiucuo img {width: 50px;}
@media screen and (min-width:300px) and (max-width:1024px) {
.topbox{ height:60px; line-height:60px; letter-spacing:2px; font-size:16px;    padding: 0 15px;  }
.topbox .logobox a{font-size: 16px;font-weight: bolder;}
.topbox .logobox i{ padding:0 8px;}
.topbox a.backHome{display: none;background: #008dff;color: #fff;border-radius: 15px;padding: 0 10px;text-align: center;    line-height: 30px;font-size: 14px;}
.width1200{    width: 100%;    margin: 0 auto;}
.container{ background: url(./2021zcjd_ban.jpg) no-repeat center top;background-size: cover;padding: 0 15px 30px 15px;}
.banner_tit{padding-top: 50px; text-align: center;}
.banner_tit img{width: 100%;}
.banner_tit p{color: #3e3c3c;line-height: 30px;padding-top: 10px;}
.box1{margin-top: 30px;}
.box1 .slideBox{float: left;border-radius: 5px;width: 100%;height:auto;padding:15px;    padding-bottom: 30px;background: #fff;position: relative;margin-right: 0;margin-bottom: 20px;box-sizing:border-box;}
.box1 .slideBox .bd li{ zoom:1; vertical-align:middle; position: relative;}
.box1 .slideBox .bd li img{width: 100%;height: 248px;}
.box1 .slideBox .bd li span{display:block; bottom: 6px;width: 100%;padding: 10px 5px;line-height: 30px;z-index:99px;color: #fff;position: absolute;background:rgba(0,0,0,.8);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#71540ac,endcolorstr=#7F1540ac);}
.box1 .slideBox .bd li span a{width: 90%;display: block;border-left: 3px solid #f7a001;padding-left: 10px;color: #fff;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.box1 .slideBox .hd {position: absolute;width: 100%; bottom: 0px;left: 0; z-index: 999;line-height: 32px;}
.box1 .slideBox .hd ul {display: block; text-align: center;margin-right: 20px;}
.box1 .slideBox .hd ul li {display: inline-block;font-size: 0;line-height: 0; width: 10px;height: 10px; overflow: hidden;margin: 4px 5px; background: #ccc}
.box1 .slideBox .hd ul li.on {background: #f7a001}
.box1 .jdList{float: left;background: #fff;width: 100%;height:auto;padding: 15px;border-radius: 5px;margin-right: 0;margin-bottom: 20px;box-sizing:border-box;}
.box1 .jdList h4{margin-bottom: 10px;}
.box1 .jdList h4 span{font-size: 22px;color: #000;background: url(2021zcjd_icon1.png) no-repeat;padding-left: 35px; line-height: 32px; display: inline-block;}
.box1 .jdList h4 a{float: right;background: url(2021zcjd_icon2.png) no-repeat; width: 32px; height: 34px;}
.box1 .jdList ul li{padding:10px;transition: all .5s ease-in-out;overflow: hidden;}
.box1 .jdList ul li:nth-child(2n){background: #f5f5f5;}
.box1 .jdList ul li:hover{background: #fff;box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);}
.box1 .jdList ul li a{width: 100%;display: inline-block;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;transition: all .5s ease-in-out;}
.box1 .jdList ul li a:before {content: "";display: inline-block;width: 6px; height: 6px; border-radius: 50%;background-color: #3769e8; margin-right: 10px;margin-bottom: 2px;}
.box1 .jdList ul li span{float: right;color: #ccc;}
.box1 .fgList{float: left;overflow: hidden;    width: 100%;}
.box1 .fgList li{float: left;width: 46%;margin: 0 2%;}
.box1 .fgList li a{width: 100%;height: auto;display: block;background: #fff;border-radius: 5px;padding: 15px;margin:0;text-align: center;box-sizing:border-box;}
.box1 .fgList li a img{width: 103px;height: 84px;transition: all .5s ease-in-out;}
.box1 .fgList li a:hover img{transform:scale(1.1);}
.box1 .fgList li a span{display: block;color: #000;font-weight: bold;}
.box2{margin-top:30px;background:rgba(255,255,255,.8);border-radius: 5px;padding: 15px;}
.box2 ul li{width: 100%;height: auto;float: left;margin: 10px 0;overflow: hidden;}
.box2 ul li a{display: block;background: #fff;transition: all .5s ease-in-out;}
.box2 ul li a:hover{background:#3769e8;color: #fff;}
.box2 ul li a img{width: 100%;height: 178px;}
.box2 ul li a span{display: block;padding: 15px;}

/* 底部信息 */
.footbox{ background:#191919; padding:20px 20px; color:#c4c4c4; font-size:12px; text-align:center; }
.footbox img{display: inline-block;line-height: 0;vertical-align: middle; margin:0 10px;  }
.footbox i{ padding:0 15px; display: none;}
.footbox span.footbox_part1 em{ padding:0 10px; display: block;}
.footbox img.footimg_1{ display: block; margin: 0 auto; }
.footbox span.footbox_part2  {  display: block; }
.footbox span.footbox_part2 em{ padding: 0 3px; }
.footbox span.footbox_part3 {  display: block;  }	
#_span_jiucuo img {width: 50px;}
}