@charset "utf-8";
body{font-family: "Microsoft YaHei";font-size:12px;line-height:1.6;min-width: 1200px;}
.container{width: 100%;max-width: 1200px;margin: 0 auto;}
.head_wap{display: none;}

/* 头部 */
.head{background: #fff;width: 100%;top: 0;left: 0;position: fixed;z-index: 999;}
.head .logo{width: 323px;margin-top: 10px;}
.navbar{}
.navbar li{float: left;font-size: 18px;color: #2b2b2b;padding: 48px 0 30px 0;margin: 0 18px;position: relative;}
.navbar li.on,.navbar li:hover{color: #1e50ae;}
.navhide{background: #fff;width: 160px;position: absolute;left: 50%;margin-left: -80px;top: 100%;z-index: 999;transition: .25s;opacity: 0;visibility: hidden;box-shadow: 0 5px 20px rgba(0,0,0,.1);}
.navhide a{font-size: 14px;display: block;line-height: 40px;color: #666;text-align: center;position: relative;}
.navhide a:after{content: "";position: absolute;bottom: 0;width: 90%;height: 1px;background-color: #eeeeee;left: 5%;}
.navhide a:hover{color: #db0000;transition: all 0.4s ease-in-out;}
.navbar li:hover .navhide{opacity: 1;visibility: inherit;}

/* start */
.hm-tit{color: rgb(53, 53, 53);line-height: 1.7;}
.hm-tit span{color: #666666;}
.banner{margin-top: 106px;}
.step1{background: #efefef;padding: 100px 0;}
.step1 .centre{margin-top: 60px;}
.step1 li{float: left;width: 22.5%;text-align: center;color: rgb(53, 53, 53);margin-right: 3.33%;}
.step1 li .text{height: 150px;display:flex;align-items:center;justify-content: center;}
.step1 li:hover{background: #fff;}
.step1 li:last-of-type{margin-right: 0;}
.step2{height: 506px;background:url(../images/bg_01.jpg) repeat center;padding: 60px 0;color: #fff;font-size: 14px;}
.step2 .centre{margin-top: 90px;}
.step2 .row{justify-content: center;align-items:center;}
.step2 .row i{color: #f13a3a;margin: 0 10px;}
.step2 .row input{width: 260px;height: 32px;border: 1px solid #e3e2e8;border-radius: 2px;padding: 0 10px;}
.step2 .btn{background-color: #076ce0;width: 238px;height: 44px;border-radius: 2px;cursor: pointer;margin: 40px auto 0;transform:translateX(11px);color: #fff;}
.step3{background: #efefef;padding: 60px 0;}
.step3 .centre{margin-top: 60px;}
.step3 li{float: left;width: 30%;margin: 0 1.66%;margin-bottom: 2%;}
.step3 li .img{border-radius: 4px;overflow:hidden;}
.step3 li .text{background: #ffffff;border: 1px solid #e6e6e6;}
.step3 li h3{font-size: 17px;line-height: 46px;border-bottom: 1px solid #e6e6e6;}
.step3 li h3:hover>a{color:rgba(252, 192, 46, 1);}
.step3 li .box{padding: 20px 45px;line-height: 2;color: rgb(102, 102, 102);}
.foot{background: rgba(33, 33, 33, 1);color: rgb(169, 169, 169);line-height:1.8;}
.foot .centre{padding: 80px 0;}
.copyright{background: rgba(33, 33, 33, 1);color: rgba(169, 169, 169, 1);line-height: 2;padding: 10px 0;}
.column{width: 210px;}
.column h3{background: #2b2b2b;color: #fff;line-height: 48px;}
.column .tab{margin-top: 20px;}
.column .tab li{line-height: 58px;color: #666666;border-bottom:1px dashed #d9d9d9;padding: 0 10px;}
.column .tab li:hover a{color: #2b2b2b;}
.page{background: #efefef;padding: 10px 0;}
.page .centre{width: 980px;background: #fff;padding: 20px 20px;}
.page .centre li{float: left;width: 23%;color: rgb(19, 108, 190);font-weight: bold;text-align: center;margin-right: 2.66%;margin-bottom: 1.5%;}
.page .centre li p{padding: 18px 0;}
.page .centre li:nth-child(4n+4){margin-right: 0;}
.page .content{color: #666666;line-height: 2;}
.news{background: #f5f5f5;padding: 60px 0;}
.news .centre{margin-top: 40px;}
.news li{float: left;width: 23.5%;background: #fff;box-shadow: 0 0 15px 0 rgba(0,0,0,.1);border-radius: 6px;overflow: hidden;margin-right: 2%;margin-bottom: 2%;}
.news li .img{width: 100%;height: 170px;}
.news li h3{line-height: 54px;padding: 0 15px;}
.news li:nth-child(4n+4){margin-right: 0;}
.news .show{line-height: 2;color: #676767;margin-top: 40px;}
.title h3{margin-bottom: 20px;}
.title P{color: #676767;}
.job{padding: 60px 0;}
.job .centre{margin-top: 40px;}
.job li{float: left;width: 22%;color: #666666;line-height: 2;margin-right: 2%;margin-bottom: 2%;}
.job li p{padding: 6px 0;}
.contact{padding: 60px 0;}
.message{width: fit-content;margin: 0 auto;}
.message .item{margin-bottom: 40px;align-items:center;}
.message .item input{width: 325px;height: 36px;border:1px solid #dadada;font-size: 12px;padding: 0 10px;}
.message .item .star{font-size: 14px;color: red;margin-left: 10px;}
.message .item .btn{width: 325px;height: 44px;color: #fff;background-color: #f54f4f;cursor:pointer;}
.query{padding: 70px 0;}
.report{width: fit-content;margin: 50px auto;}
.report .item{align-items:center;}
.report input{border: 1px solid #e3e2e8;width: 260px;height: 32px;border-radius: 2px;padding: 0 10px;}
.report .star{margin-left: 10px;color: #f13a3a;}
.report .btn{background-color: #076ce0;color: #fff;width: 238px;height: 44px;border-radius:2px;margin: 40px auto;cursor:pointer;transform:translateX(16px);}
.query .code input{border: 1px solid rgb(133, 133, 133);width: 100px;height: 20px;border-radius:2px;padding: 0 5px;}
.query .code .btn{width: 42px;border: 1px solid rgb(133, 133, 133);margin-left: 5px;border-radius:2px;cursor:pointer;}
.hide{display: none;}