body{font-size: 16px;}
a:hover{color:#008dff ;}
/* 导航条 */
.topbox{ height:60px; line-height:60px; letter-spacing:2px; font-size:18px;  }
.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;}
.bannerbox{ background: url(./2021zxyct_banner.jpg) no-repeat center top;padding: 100px 0;}
.bannerbox .banner_tit{width: 610px; padding: 30px 0; float: left;}
.bannerbox .banner_tit p{color: #fff;line-height: 30px;text-indent: 2em;padding-top: 10px;}
.bannerbox .banner_news{float: right;border-radius: 15px;width: 432px;height:256px;position: relative;}
.bannerbox .banner_news .bd li{ zoom:1; vertical-align:middle; position: relative;}
.bannerbox .banner_news .bd li img{width: 100%;height: 256px;}
.bannerbox .banner_news .bd li span{display:block; bottom: 6px;width:100%;line-height: 50px;z-index:99px;color: #fff;position: absolute;background:rgba(21,64,172,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#71540ac,endcolorstr=#7F1540ac);}
.bannerbox .banner_news .bd li span a{width: 70%;display: block;padding-left: 10px;color: #fff;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.bannerbox .banner_news .hd {position: absolute;width: 100%; bottom: 0px;left: 0; z-index: 999;line-height: 32px;}
.bannerbox .banner_news .hd ul {display: block; text-align: right;padding-right: 20px;}
.bannerbox .banner_news .hd ul li {display: inline-block;font-size: 0;line-height: 0; width: 8px;height: 8px;border-radius: 50%; overflow: hidden;margin: 4px 5px; background: #ccc}
.bannerbox .banner_news .hd ul li.on {background: #fff}
.title{font-size: 30px;text-align: center;color: #000;}
.title a{float: right;background: url(2021zxyct_Icon1.png) no-repeat;font-size: 14px;padding-left: 27px;}
.box1{padding: 50px 0;padding-bottom: 190px;background: url(2021zxyct_bg1.png) no-repeat left -36px;}
.box1 .box1Con{padding-top: 50px;overflow: hidden;}
.box1 .box1Con {overflow: hidden;}
.box1 .box1Con i,.box2 .box2Con i{width: 27px;height: 27px;float: left;background: url(2021zxyct_lcIcon4.png) no-repeat center;display: inline-block;padding: 0 10px;    margin-top: 122px;}
.box1 .box1Con .step{float: left;position: relative;text-align: center;height: 420px;border-radius: 15px;padding: 15px;transition: all .5s ease-in-out;}

.box1 .box1Con .stepTit{position: absolute;color: #fff;top: -20px;padding: 5px 10px;border-radius: 10px;}
.box1 .box1Con h3{font-size: 18px;color: #000;padding: 15px 0;}
.box1 .box1Con p{line-height: 30px;color: #000;}
a.blBtn{display: inline-block;padding: 5px 15px;text-align: center;background: #008dff;border-radius: 40px;color: #fff;}
.box1 .box1Con .step1{width: 227px;background: #f3faff;border:1px dotted #008dff;}
.box1 .box1Con .step1 .stepTit{background: #008dff;    left: 100px;}
.box1 .box1Con .step1 .centerCon1{width: 100%;    height: auto;border-bottom: 1px solid #008dff;padding:15px 0;}
.box1 .box1Con .step1 .centerCon1 span{display: block;padding-bottom: 10px;}
.box1 .box1Con .step1 .centerCon1 a.blBtn{margin-right: 10px;}
.box1 .box1Con .step1 .bottomCon1{width: 100%;    height: auto;padding-top: 30px;}
.box1 .box1Con .step1 .bottomCon1 img{float: left;}
.box1 .box1Con .step1 .bottomCon1 a{margin-top: 15px;}
.box1 .box1Con .step2{width: 180px;background: #edfffa;border:1px dotted #26d19f;}
.box1 .box1Con .step2 .stepTit{background: #26d19f;left: 70px;}
.box1 .box1Con .step2 a.blBtn{width: 110px;margin: 0 auto;display: block;background-color: #26d19f;margin-bottom: 10px;}
.box1 .box1Con .step2 .centerCon2{padding:15px 0;}
.box1 .box1Con .step2  .notic{padding-left: 28px;background: url(2021zxyct_zxIcon5.png) no-repeat;color: #fe4734;}
.box1 .box1Con .step2 .centerCon2 span{display: block;padding-bottom: 10px;}
.box1 .box1Con .step3{width: 566px;background: #fef9f0;border:1px dotted #eca638;}
.box1 .box1Con .step3 .stepTit{background: #eca638;left: 263px;}
.box1 .box1Con .step3 .centerCon3{position: relative;padding:15px 0;}
.box1 .box1Con .step3 .centerCon3 span{position: absolute;color: #000;}
.box1 .box1Con .step3 .centerCon3 span.zx1{top:18px;right: 132px;}
.box1 .box1Con .step3 .centerCon3 span.zx2{top:107px;right: 170px;}
.box1 .box1Con .step3 .centerCon3 a{position: absolute;top: 53px;right: 130px;}
.box1 .box1Con .step3 a.blBtn{width: 70px;background-color: #eca638;}
.box2{padding:50px 0;background: url(2021zxyct_bg2.png) no-repeat;}
.box2 p{text-align: center;}
.box2 .box2Con{padding-top: 30px;}
.box2 .box2Con .step{width: 512px;background: #fff;float: left;position: relative;height: 330px;border-radius: 15px;padding: 30px;transition: all .5s ease-in-out;}
a.blBtn{transition: all .5s ease-in-out;}
.box1 .box1Con .step1 a.blBtn:hover{background: #006bc1;}
.box1 .box1Con .step2 a.blBtn:hover{background: #097946;}
.box1 .box1Con .step3 a.blBtn:hover{background-color: #bd7207;}
.box2 .box2Con .step1 a.blBtn:hover{background: #006bc1;}
.box2 .box2Con .step2 a.blBtn:hover{background: #097946;}
.box2 .box2Con .stepTit{position: absolute;color: #fff;top: -20px;left: 42%;padding: 5px 20px;border-radius: 10px;}
.box2 .box2Con h3{font-size: 18px;color: #000;padding: 15px 0;text-align: center;}
.box2 .box2Con p{line-height: 30px;color: #000;}
.box2 .box2Con .step1{border:1px dotted #008dff;}
.box2 .box2Con .step1 .stepTit{background: #008dff; }
.box2 .box2Con .step1 .stepTit img{float: left;}
.box2 .box2Con .step1 .zxCon1 .zxCon1Fr{float: right;}
.box2 .box2Con .step1 .zxCon1 span{display: block;padding-bottom: 10px;}
.box2 .box2Con .step1 .zxCon1 span.jyzx2{margin-top: 85px;}
.box2 .box2Con .step1 a.blBtn{margin-right: 10px;}
.box2 .box2Con .step2{border:1px dotted #26d19f;}
.box2 .box2Con .step2 .zxCon2{position: relative;}
.box2 .box2Con .step2 .stepTit{background: #26d19f;}
.box2 .box2Con .step2 a.blBtn{background: #26d19f;}
.box2 .box2Con .step2 .zxCon2 span{position: absolute;top:10px;left: 90px;display: block;}
.box2 .box2Con .step2 .zxCon2 span.zxsx2{top:88px;left: 53px;}
.box2 .box2Con .step2 .zxCon2 a{display: block;position: absolute;top:38px;left: 90px;}
.box3{margin: 30px 0;}
.box3 .zxPic{overflow: hidden;}
.box3 .zxPic img{transition: all .5s ease-in-out;}
.box3 .zxPic img:hover {transform: scale(1.1);}
.box3 .zxNews{width: 740px;box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);}
.box3 .zxNews ul{padding: 15px;padding-left: 45px;}
.box3 .zxNews ul li{padding:4px 0;}
.box3 .zxNews ul li a{width: 80%;display: inline-block;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.box3 .zxNews ul li a:before {content: "";display: inline-block;width: 6px; height: 6px; border-radius: 50%;background-color: #3d72f6; margin-right: 10px;margin-bottom: 2px;}
.box3 .zxNews ul li span{float: right;color: #ccc;}
/* 底部信息 */
.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; }
@media screen and (min-width:300px) and (max-width:1024px) {
/* 导航条 */
.topbox{ height:60px; line-height:60px; letter-spacing:2px; font-size:18px;    padding: 0 15px;  }
.topbox .logobox i{ display: none;padding:0 8px;}
.topbox .logobox em{display: none;}
.topbox a.backHome{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;}
.bannerbox{ background: url(./2021zxyct_banner.jpg) no-repeat center top;background-size: cover;padding:30px 15px;}
.bannerbox .banner_tit{width: 100%; padding: 30px 0; float: none;}
.bannerbox .banner_tit img{width: 100%;}
.bannerbox .banner_tit p{color: #fff;line-height: 30px;text-indent: 2em;padding-top: 10px;}
.bannerbox .banner_news{float: none;border-radius: 15px;width: 100%;height:256px;position: relative;}
.bannerbox .banner_news .bd li{ zoom:1; vertical-align:middle; position: relative;}
.bannerbox .banner_news .bd li img{width: 100%;height: 256px;}
.bannerbox .banner_news .bd li span{display:block; bottom: 6px;width:100%;line-height: 50px;z-index:99px;color: #fff;position: absolute;background:rgba(21,64,172,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#71540ac,endcolorstr=#7F1540ac);}
.bannerbox .banner_news .bd li span a{width: 70%;display: block;padding-left: 10px;color: #fff;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.bannerbox .banner_news .hd {position: absolute;width: 100%; bottom: 0px;left: 0; z-index: 999;line-height: 32px;}
.bannerbox .banner_news .hd ul {display: block; text-align: right;padding-right: 20px;}
.bannerbox .banner_news .hd ul li {display: inline-block;font-size: 0;line-height: 0; width: 8px;height: 8px;border-radius: 50%; overflow: hidden;margin: 4px 5px; background: #ccc}
.bannerbox .banner_news .hd ul li.on {background: #fff}
.title{font-size: 30px;text-align: center;color: #1e2832;}
.title a{float: right;background: url(2021zxyct_Icon1.png) no-repeat;font-size: 14px;padding-left: 27px;}
.box1{padding: 30px 15px;padding-bottom: 70px;background: url(2021zxyct_bg1.png) no-repeat left -36px;background-size: cover;}
.box1 .box1Con{padding-top: 30px;overflow: hidden;}
.box1 .box1Con {overflow: hidden;}
.box1 .box1Con i,.box2 .box2Con i{width: 27px;height: 27px;float: left;background: url(2021zxyct_lcIcon4.png) no-repeat center;display: inline-block;padding: 0 10px;    margin-top: 122px;display: none;}

.box1 .box1Con div:hover{transform: translate3d(0, -.3rem, 0);}

.box1 .box1Con h3{font-size: 18px;color: #000;padding: 15px 0;}
.box1 .box1Con p{line-height: 30px;color: #000;}
a.blBtn{display: inline-block;padding: 5px 15px;text-align: center;background: #008dff;border-radius: 40px;color: #fff;}
.box1 .box1Con .step{float: none;box-sizing:border-box;margin-bottom: 50px;position: relative;text-align: center;height: auto;border-radius: 15px;padding: 15px;transition: all .5s ease-in-out;}
.box1 .box1Con .stepTit{position: absolute;color: #fff;top: -20px;left: 40%;padding: 5px 10px;border-radius: 10px;}
.box1 .box1Con .step1{width: 100%;background: #f3faff;border:1px dotted #008dff;margin-right: 0;}
.box1 .box1Con .step1 .stepTit{background: #008dff;    left:40%;}
.box1 .box1Con .step1 .centerCon1{width: 100%;    height: auto;border-bottom: 1px solid #008dff;padding:15px 0;}
.box1 .box1Con .step1 .centerCon1 span{display: block;padding-bottom: 10px;}
.box1 .box1Con .step1 .centerCon1 a.blBtn{margin-right: 10px;margin-bottom: 10px;}
.box1 .box1Con .step1 .bottomCon1{width: 75%;margin:0 auto;height: auto;padding-top: 10px;}
.box1 .box1Con .step1 .bottomCon1 img{float: left;}
.box1 .box1Con .step1 .bottomCon1 span{display: block;}
.box1 .box1Con .step1 .bottomCon1 a{margin-top: 15px;}
.box1 .box1Con .step2{width: 100%;background: #edfffa;border:1px dotted #26d19f;}
.box1 .box1Con .step2 .stepTit{background: #26d19f; left:40%;}
.box1 .box1Con .step2 a.blBtn{width: 110px;margin: 0 auto;display: block;background-color: #26d19f;margin-bottom: 10px;}
.box1 .box1Con .step2 .centerCon2{padding:15px 0;}
.box1 .box1Con .step2  .notic{padding-left: 28px;background: url(2021zxyct_zxIcon5.png) no-repeat;color: #fe4734;}
.box1 .box1Con .step2 .centerCon2 span{display: block;padding-bottom: 10px;}
.box1 .box1Con .step3{width: 100%;background: #fef9f0;border:1px dotted #eca638;margin-top: 20px;}
.box1 .box1Con .step3 .stepTit{background: #eca638; left:40%;}
.box1 .box1Con .step3 .centerCon3{position: relative;padding:15px 0;}
.box1 .box1Con .step3 .centerCon3 span{position: absolute;color: #000;}
.box1 .box1Con .step3 .centerCon3 span.zx1{top:18px;right: 14px;}
.box1 .box1Con .step3 .centerCon3 span.zx2{top:122px;right: 164px;}
.box1 .box1Con .step3 .centerCon3 a{position: absolute;top: 53px;right: 14px;}
.box1 .box1Con .step3 a.blBtn{width: 70px;background-color: #eca638;}
.box1 .box1Con .step3 img{width: 100%;}
.box2{padding:30px 15px;background: url(2021zxyct_bg2.png) no-repeat;background-size: cover;}
.box2 p{text-align: center;}
.box2 .box2Con{padding-top: 30px;}
.box2 .box2Con .step{box-sizing:border-box;width: 100%;background: #fff;float: left;position: relative;height: auto;border-radius: 15px;padding: 15px;transition: all .5s ease-in-out;}
.box2 .box2Con div:hover{transform: translate3d(0, -.3rem, 0);}
.box2 .box2Con .stepTit{position: absolute;color: #fff;top: -20px;left: 38%;padding: 5px 20px;border-radius: 10px;}
.box2 .box2Con h3{font-size: 18px;color: #000;padding: 15px 0;text-align: center;}
.box2 .box2Con p{line-height: 30px;color: #000;}
.box2 .box2Con .step1{border:1px dotted #008dff;}
.box2 .box2Con .step1 .stepTit{background: #008dff; }
.box2 .box2Con .step1 .stepTit img{float: left;}
.box2 .box2Con .step1 .zxCon1 .zxCon1Fr{float: right;    width: 70%;}
.box2 .box2Con .step1 .zxCon1 span{display: block;padding-bottom: 10px;}
.box2 .box2Con .step1 .zxCon1 span.jyzx2{margin-top: 85px;}
.box2 .box2Con .step1 a.blBtn{margin-right: 10px;}
.box2 .box2Con .step2{border:1px dotted #26d19f;margin-top: 50px;}
.box2 .box2Con .step2 .zxCon2{position: relative;padding-bottom: 50px;}
.box2 .box2Con .step2 .stepTit{background: #26d19f;}
.box2 .box2Con .step2 a.blBtn{background: #26d19f;width: 70px;margin: 0 auto;display: block;}
.box2 .box2Con .step2 img{width: 100%;}
.box2 .box2Con .step2 .zxCon2 span{position: absolute;top:0;left: 65px;display: block;}
.box2 .box2Con .step2 .zxCon2 span.zxsx2{top:158px;left: 0;}
.box2 .box2Con .step2 .zxCon2 a{display: block;position: absolute;top:23px;left: 233px;font-size: 14px;padding: 2px 8px;}
.box3{margin: 30px 0;padding: 0 15px;}
.box3 .zxPic{overflow: hidden;}
.box3 .zxPic img{display: none;transition: all .5s ease-in-out;}
.box3 .zxPic img:hover {transform: scale(1.1);}
.box3 .zxNews{width: 100%;box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);}
.box3 .zxNews ul{padding: 15px;padding-left: 15;}
.box3 .zxNews ul li{padding:4px 0;}
.box3 .zxNews ul li a{width: 100%;display: inline-block;overflow: hidden;text-overflow: ellipsis; white-space: normal;}
.box3 .zxNews ul li a:before {content: "";display: inline-block;width: 6px; height: 6px; border-radius: 50%;background-color: #3d72f6; margin-right: 10px;margin-bottom: 2px;}
.box3 .zxNews ul li span{display: none;float: right;color: #ccc;}


/* 底部信息 */
.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;  }	
}