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(./2021kbyct_banner.png) 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: #1e2832;}
.box1{margin-top: 50px;}
.box1 .box1Con{padding-top: 50px;overflow: hidden;}
.box1 .box1Con .process{float: left;width: 884px;overflow: hidden;}
.box1 .box1Con .process i{width: 27px;height: 27px;float: left;background: url(2021kbyct_lcIcon4.png) no-repeat center;display: inline-block;padding: 0 10px;    margin-top: 122px;}
.box1 .box1Con .process ul{float: left;height: 264px;border-radius: 15px;padding: 15px;transition: all .5s ease-in-out;}
.box1 .box1Con .process .step1 a:hover{color: #006bc1;}
.box1 .box1Con .process .step3 li a:hover{color: #bd7207;}
.box1 .box1Con .process .step4 li a:hover{color:#1f54d8;}
.box1 .box1Con .process .step1{width: 95px;background: #e5f3ff;}
.box1 .box1Con .process .step1 li{padding:10px 0;    text-align: center;}
.box1 .box1Con .process .step1 a{color: #008dff;display: block;font-weight: bold;}
.box1 .box1Con .process .step2{width: 194px;background: #e8f6ef;}
.box1 .box1Con .process .step2 li{padding:10px 0;}
.box1 .box1Con .process .step2 li a{color: #20a266;font-weight: bold;}
.box1 .box1Con .process .step2 li a:before {content: "";display: inline-block;width: 6px; height: 6px; border-radius: 50%;background-color: #20a266; margin-right: 10px;margin-bottom: 2px;}
.box1 .box1Con .process .step3{width: 72px;background: #fff4e5;text-align: center;}
.box1 .box1Con .process .step3 h3{font-size: 18px;padding-bottom: 30px;color: #000;}
.box1 .box1Con .process .step3 li a{color: #ff9600;font-size: 18px;font-weight: bold;display: block;}
.box1 .box1Con .process .step4{width: 230px;background: #ebf1fe;text-align: center;}
.box1 .box1Con .process .step4 h3{font-size: 18px;color: #000;}
.box1 .box1Con .process .step4 span{color: #7d7a7a;display: block;padding-bottom: 30px;}
.box1 .box1Con .process .step4 li{float: left;width: 50%;margin:0 0 15px 0;text-align: left;}
.box1 .box1Con .process .step4 li a{color:#3d72f6;font-weight: bold;}
.box1 .box1Con .process .step4 li a:before {content: "";display: inline-block;width: 6px; height: 6px; border-radius: 50%;background-color: #3d72f6; margin-right: 10px;margin-bottom: 2px;}
.box1 .box1Con .process .oneDay{width: 100%; line-height: 60px;float: left;background: url(2021kbyct_bg1.png) no-repeat center bottom;color: #008dff;text-align: center;font-size: 18px;font-weight: bold;}
.operation{float: right;width: 282px;}
.operation p{line-height: 30px;color: #000;text-indent: 2em;}
.operation a{width: 220px;height: 48px;line-height: 48px; font-size: 18px;display: block;border-radius: 40px;border:2px solid #3d72f6;text-align: center;margin-top: 15px;color: #3d72f6;transition: all .5s ease-in-out;}
.operation a:hover{background:#3d72f6;color: #fff;}
.box2{background: #ecf3fe;margin-top: 50px;padding: 50px 0;}
.box2 p{line-height: 30px;color: #000;text-transform: inherit;text-indent: 2em;padding-top: 30px;}
.box2 .box2Con{padding-top: 30px;}
.box2 .box2Con li{float: left;width: 106px;margin-right: 116px;text-align: center;}
.box2 .box2Con li a{display: block;font-size: 18px;}
.box2 .box2Con li a:hover{color:#666;}
.box2 .box2Con li a img{transition: all .5s ease-in-out;}
.box2 .box2Con li span{display: block;}
.box3{background: url(2021kbyct_bg2.png) no-repeat;padding: 50px 0;}
.box3 .title{color: #fff;}
.box3 ul{padding: 30px 0 20px 0;overflow: hidden;}
.box3 li{width: 550px;float: left;margin:15px 10px;padding: 20px 15px;background: #fff;box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);transition: all .5s ease-in-out;}
.box3 li:hover{background: #e3ebfd;}
.box3 li span{display: inline-block;font-size: 14px;color: #7d7a7a;text-align: center;}
.box3 li em{float: left;display: inline-block;width: 18px; height: 18px; border-radius: 50%; border:1px solid #676666;margin-right: 10px;margin-top: 18px;}
.box3 li span i {display: block; font-size: 25px;color: #000;}
.box3 li a{line-height: 30px;float: right;width: 80%;}
.box3 a.more{display: block;width: 120px;line-height: 35px;margin:0 auto;text-align: center;background: #7d98f2;border-radius: 40px;color: #fff;}
.box4{margin:30px 0;}
.box4 .box4Con{width: 550px;}
.box4 .box4Con h4{font-size: 20px;color: #000;}
.box4 .box4Con h4 a{float: right;color: #008dff;font-size: 16px;}
.box4 .box4Con ul{box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);padding: 20px;margin-top: 10px;}
.box4 .problem ul li{padding:10px 0;}
.box4 .problem ul li a{width: 80%;display: inline-block;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.box4 .problem ul li a:before {content: "";display: inline-block;width: 6px; height: 6px; border-radius: 50%;background-color: #3d72f6; margin-right: 10px;margin-bottom: 2px;}
.box4 .problem ul li span{float: right;color: #ccc;}
.box4 .address {}
.box4 .address h4 a{background: url(2021kbyct_dzIcon1.png) no-repeat;padding-left: 25px;}
.box4 .address ul li{width: 50%;float: left;padding:9px 0;position: relative;}
.box4 .address ul li span{background: url(2021kbyct_dzIcon2.png) no-repeat;padding-left: 30px;}
.box4 .address ul li .libox{line-height:25px; position:absolute; width:95%; height:auto; border:1px solid #ccc; background:#fff; top:30px; left:0; z-index:99; padding:10px; border-radius:5px; display:none; font-size: 14px;}
.box4 .address ul li:hover div{display: block;}
.box5{padding:30px 0;background:linear-gradient(to right,#e8eeff,#b9c3f6);}
.box5 ul{background: #fff;padding: 15px;overflow: hidden;}
.box5 ul li{float: left;width: 195px;text-align: center;}
.box5 ul li a{display: block;}
.box5 ul li a img{height: 46px;transition: all .5s ease-in-out;}
.box5 ul li a:hover img{transform: translate3d(0, -.3rem, 0);}
.box5 ul li a span{display: block;}
.box6{padding:30px 0;}
.box6 .company{width: 340px;float: left;border-right: 1px solid #ccc;}
.box6 .company ul{overflow: hidden;}
.box6 .company li{width: 86px;float: left;margin-right: 15px;}
.box6 .phone{float: right;width: 800px;    margin-top: 25px;}
.box6 .phone ul{background: url(2021kbyct_footIcon4.png) no-repeat left center;overflow: hidden;padding-left: 63px;}
.box6 .phone li{width: 153px;float: left;margin-right: 30px;font-size: 24px;color: #000;}
.box6 .phone li i{display: block;font-size: 14px;color: #7d7a7a;}
/* 底部信息 */
.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(./2021kbyct_banner.png) 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;}
.box1{margin-top: 30px;    padding: 0 15px;}
.box1 .box1Con{padding-top: 30px;overflow: hidden;}
.box1 .box1Con .process{float: left;width: 100%;overflow: hidden;}
.box1 .box1Con .process i{width: 27px;height: 27px;float: none;background: url(2021kbyct_lcIcon4_dowm.png) no-repeat center;display:block;padding: 0 10px;margin:20px auto;}
.box1 .box1Con .process ul{float: none;display: block;margin-bottom: 20px;height: auto;border-radius: 15px;padding: 15px 10px;box-sizing:border-box;overflow: hidden;}
.box1 .box1Con .process .step1{width: 100%;background: #e5f3ff;}
.box1 .box1Con .process .step1 li{width: 33%;float: left;padding:10px 0;text-align: center;}
.box1 .box1Con .process .step1 li img{height: 30px;}
.box1 .box1Con .process .step1 a{color: #008dff;display: block;font-weight: bold;}
.box1 .box1Con .process .step2{width: 100%;background: #e8f6ef;}
.box1 .box1Con .process .step2 li{padding:10px 0;    float: left; width: 50%;}
.box1 .box1Con .process .step2 li a{color: #20a266;font-weight: bold;}
.box1 .box1Con .process .step2 li a:before {content: "";display: inline-block;width: 6px; height: 6px; border-radius: 50%;background-color: #20a266; margin-right: 10px;margin-bottom: 2px;}
.box1 .box1Con .process .step3{width: 100%;background: #fff4e5;text-align: center;margin-top: 20px;}
.box1 .box1Con .process .step3 h3{font-size: 18px;padding-bottom: 30px;color: #000;}
.box1 .box1Con .process .step3 li a{color: #ff9600;font-size: 18px;font-weight: bold;display: block;}
.box1 .box1Con .process .step4{width: 100%;background: #ebf1fe;text-align: center;margin-top: 20px;}
.box1 .box1Con .process .step4 h3{font-size: 18px;color: #000;}
.box1 .box1Con .process .step4 span{color: #7d7a7a;display: block;padding-bottom: 30px;}
.box1 .box1Con .process .step4 li{float: left;width: 40%;margin:0 15px 15px 15px;text-align: left;}
.box1 .box1Con .process .step4 li a{color:#3d72f6;font-weight: bold;}
.box1 .box1Con .process .step4 li a:before {content: "";display: inline-block;width: 6px; height: 6px; border-radius: 50%;background-color: #3d72f6; margin-right: 10px;margin-bottom: 2px;}
.box1 .box1Con .process .oneDay{width: 100%; line-height: 60px;float: left;background: url(2021kbyct_bg1.png) no-repeat center bottom;    background-size: contain;color: #008dff;text-align: center;font-size: 18px;font-weight: bold;}
.operation{float: left;width: 100%; margin-top: 20px;}
.operation p{line-height: 30px;color: #000;text-indent: 2em;}
.operation a{margin:0 auto;width: 220px;height: 48px;line-height: 48px; font-size: 18px;display: block;border-radius: 40px;border:2px solid #3d72f6;text-align: center;margin-top: 15px;color: #3d72f6;transition: all .5s ease-in-out;}
.operation a:hover{background:#3d72f6;color: #fff;}
.box2{background: #ecf3fe;margin-top: 30px;padding: 30px 15px;}
.box2 p{line-height: 30px;color: #000;text-transform: inherit;ndent: 2em;padding-top: 30px;}
.box2 .box2Con{padding-top: 30px;}
.box2 .box2Con li{float: left;width: 50%;margin-right: 0;text-align: center;}
.box2 .box2Con li a{display: block;font-size: 18px;}
.box2 .box2Con li a img{transition: all .5s ease-in-out;}
.box2 .box2Con li a:hover img{transform: transform: translate3d(0, -.3rem, 0);}
.box2 .box2Con li span{display: block;}
.box3{background: url(2021kbyct_bg2.png) no-repeat;padding: 30px 0;background-size: cover;}
.box3 .title{color: #fff;}
.box3 ul{padding: 15px;overflow: hidden;}
.box3 li{width: 100%;float: left;margin:15px 0;padding: 15px;background: #fff;box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);box-sizing:border-box;}
.box3 li span{display: inline-block;font-size: 14px;color: #7d7a7a;text-align: center;}
.box3 li em{float: left;display: inline-block;width: 18px; height: 18px; border-radius: 50%; border:1px solid #676666;margin-right: 10px;margin-top: 18px;}
.box3 li span i {display: block; font-size: 25px;color: #000;}
.box3 li a{line-height: 30px;float: right;width: 72%;}
.box3 a.more{display: block;width: 120px;line-height: 35px;margin:0 auto;text-align: center;background: #7d98f2;border-radius: 40px;color: #fff;}
.box4{margin:30px 0;padding: 0 15px;}
.box4 .box4Con{width: 100%;margin-top: 30px;}
.box4 .box4Con h4{font-size: 20px;color: #000;}
.box4 .box4Con h4 a{float: right;color: #008dff;font-size: 16px;}
.box4 .box4Con ul{box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);padding: 15px;margin-top: 10px;}
.box4 .problem ul li{padding:10px 0;}
.box4 .problem ul li a{width: 80%;display: inline-block;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.box4 .problem ul li a:before {content: "";display: inline-block;width: 6px; height: 6px; border-radius: 50%;background-color: #3d72f6; margin-right: 10px;margin-bottom: 2px;}
.box4 .problem ul li span{float: right;color: #ccc;}
.box4 .address h4 a{background: url(2021kbyct_dzIcon1.png) no-repeat;padding-left: 25px;}
.box4 .address ul li{width: 100%;float: left;padding:9px 0;}
.box4 .address ul li span{background: url(2021kbyct_dzIcon2.png) no-repeat;padding-left: 20px;width:85% ;    display: block;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.box4 .address ul li .libox{line-height:25px; position:absolute; width:95%; height:auto; border:1px solid #ccc; background:#fff; top:30px; left:0; z-index:99; padding:10px; border-radius:5px; display:none; font-size: 14px;}
.box4 .address ul li:hover div{display: block;}
.box5{padding:30px 15px;background:linear-gradient(to right,#e8eeff,#b9c3f6);}
.box5 ul{background: #fff;padding: 15px;overflow: hidden;}
.box5 ul li{float: left;width: 50%;height: 100px;text-align: center;margin: 10px 0;width: 50%;}
.box5 ul li a{display: block;}
.box5 ul li a img{height: 46px;}
.box5 ul li a span{display: block;}
.box6{padding:30px 15px;}
.box6 .company{width: 100%;float: left;border-right: none;}
.box6 .company ul{overflow: hidden;}
.box6 .company li{width: 86px;float: left;margin-right: 15px;}
.box6 .phone{float: right;width: 100%;    margin-top: 25px;}
.box6 .phone ul{background: url(2021kbyct_footIcon4.png) no-repeat left center;overflow: hidden;padding-left: 63px;}
.box6 .phone li{width: 45%;float: left;margin: 10px 12px 10px 0;font-size: 20px;color: #000;}
.box6 .phone li i{display: block;font-size: 14px;color: #7d7a7a;}	
	
/* 底部信息 */
.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;  }	
}