/*tech*/
.tech .page-nav .page-nav-ul li{width:25%;}
.tech .loc{width: 30%;line-height: 80px;color: #868e96;font-family: "Microsoft Yahei"}
.tech .loc a{font-size: 16px;color: #868e96;font-family: "Microsoft Yahei";}
.tech .loc i{font-size: 2rem;}
.tech .loc .icon-jiantouyou{font-size: 1.4rem;padding-left: 10px;}
.tech .page-nav .page-nav-ul{width: 70%;}
.tech .container{flex-wrap:wrap;}
@media (max-width: 1440px) {
    .tech .loc{line-height: 60px;}
}
@media (max-width: 991px) {
    .tech .section-title{margin:20px 0;}
    .tech .page-nav{margin-bottom: 0;}
    .tech .page-nav .container{flex-wrap: wrap;padding: 0;}
    .tech .loc{display: none}
    .tech .page-nav .page-nav-ul{width:100%;order: 1;}
}

.tech {background-color:#f8f9fa}
.tech .title{margin-bottom: 20px;width: 100%;}
.tech .title h4{font-size: 30px;font-weight: 600;color: #495057;width: 100%;}
.tech .title h4 i{font-size: 3.5rem;margin-right: 10px;color: #2795fa;font-weight: 500;top:2px;position: relative;}
.tech .tech-l{width: 66%;margin: 50px 0;}
.tech .tech-ul{
    background-color: #fff;
    padding:30px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.03);
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.03);
    margin-bottom: 2%;
}
.tech .tech-ul li{border-bottom: 1px dashed #ddd;padding-bottom:25px;margin-bottom: 25px;position: relative;width: 100%;}
.tech .tech-ul li:last-child{margin-bottom: 0;border-bottom: none;padding-bottom: 0;}
.tech .tech-ul li a{align-items: center;position: relative;padding-left:70px;}
.tech .tech-ul li a:hover{}
.tech .tech-ul li .ico{width: 50px;height: 50px;line-height: 50px;border: 1px solid #2795fa;text-align: center;border-radius: 50%;position: absolute;left: 0;}
.tech .tech-ul li .ico i{font-size: 2.5rem;color:#2795fa;}
.tech .tech-ul li .info{position: relative;width: 100%;}
.tech .tech-ul li .info h6{font-size: 20px;color: #495057;width: 100%;display: block;margin-bottom: 10px;font-weight:500;}
.tech .tech-ul li .info p{font-size: 15px;line-height: 22px;color: #868e96;width: 100%;display: block;font-family: "Microsoft Yahei"}
.tech .tech-ul li .info span{display: block;position: absolute;right: 0;top:50%;margin-top: -20px;
    background-color: #868e96;
    padding: 5px 15px;
    font-size: 14px;color: #fff;border-radius: 20px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
.tech .tech-ul li .info span i{font-size: 1.4rem;margin-left: 5px;}
.tech .tech-ul li a:hover .info h6{color:#2795fa;}
.tech .tech-ul li a:hover .ico{background-color:#2795fa;}
.tech .tech-ul li a:hover .ico i{color: #fff;}
.tech .tech-ul li a:hover .info span{background-color:#fdd000;color: #222 }
.tech .tech-r{
    width: 30%;
    margin: 50px 0 50px 4%;
    background-color: #fff;
    padding:30px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.03);
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.03);
}
.tech .tech-r .img{padding-bottom: 30px}
.tech .tech-r .img img{width: 100%;}
.tech .tech-r .info{}
.tech .tech-r .img{margin-bottom: 10px;}
.tech .tech-r .img img{width:auto;max-width: 100%;}
.tech .tech-r .info{border-top: 1px dashed #ddd;padding-top:20px;}
.tech .tech-r .info p{font-family: "Microsoft Yahei";font-size:16px;line-height:32px;color:#495057;margin-bottom: 10px }
.tech .tech-r .info a{font-family: Arial, Helvetica, Tahoma, Verdana, Sans-Serif;font-weight:500;color:#2795fa }
.tech .tech-r .info a i{color:#fdd000;font-size:3rem;font-weight:500;}
@media (max-width: 1440px) {
    .tech .tech-r .info p{font-size:15px;line-height:25px;}
}
@media (max-width: 992px) {
    .tech .tech-cont{flex-wrap: wrap;}
    .tech .title{margin-bottom: 20px!important;}
    .tech .title h4{font-size:2rem;font-weight:700;}
    .tech .title h4 i{font-size: 2.5rem;}
    .tech .tech-l{width: 100%;margin:20px 0 0 0;}
    .tech .tech-ul{padding:20px;margin-bottom:20px;}
    .tech .tech-ul li{padding-bottom:10px;margin-bottom:10px;}
    .tech .tech-ul li a{padding-left:70px;align-items:flex-start;}
    .tech .tech-ul li .ico i{font-size: 2.5rem;}
    .tech .tech-ul li .info h6{font-size:1.6rem;font-weight:600;margin-bottom: 5px}
    .tech .tech-ul li .info p{font-size: 1.4rem;line-height:2rem;margin-bottom:5px;}
    .tech .tech-ul li .info span{position:unset;right:unset;top:unset;margin: 0 0 0 auto;padding: 5px 0;font-size:1.4rem;width: 100px;text-align: center}
    .tech .tech-ul li .info span i{font-size: 1.4rem;margin-left: 5px;}
    .tech .tech-ul li a:hover .info h6{color:#2795fa;}
    .tech .tech-ul li a:hover .ico{background-color:#2795fa;}
    .tech .tech-ul li a:hover .ico i{color: #fff;}
    .tech .tech-ul li a:hover .info span{background-color:#fdd000;color: #222 }
    .tech .tech-r{width: 100%;margin:20px 0;padding:20px;}
    .tech .tech-r .img{padding-bottom:10px}
    .tech .tech-r .img{margin-bottom: 10px;}
    .tech .tech-r .info{padding-top:10px;}
    .tech .tech-r .info p{font-size:1.4rem;line-height:2.2rem}
    .tech .tech-r .info a i{font-size:2.2rem;}
}

.tech-info{
    background-color: #fff;
    padding:30px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.03);
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.03);
}
.download{margin: 30px 0}
.download a{
    width: 150px;height:50px;line-height:50px;border-radius: 30px;text-align: center;color: #fff;font-size: 18px;font-weight: 500;
    background-image: linear-gradient(147deg, #fdd000 20%, #f08200 100%);
    box-shadow: 0 5px 20px rgba(243, 179, 4, 0.35);display: block;
}
.tips{}
.tips h4{position: relative;border-bottom: 1px solid #ddd;color:#495057;line-height:50px;margin-bottom: 20px;border-radius:4px;}
.tips h4 span{font-size:18px;font-weight: 500;}
.tips h4 i{font-size: 2.5rem;margin-right:5px;}
.tips h4 a{font-size:18px;font-weight: 500;display: block;width:100px;line-height:40px;font-family: "microsoft yahei";background-color:#ddd;color: #fff;right: 0;bottom:0;position: absolute;text-align: center;}
.tips h4 a i{font-size: 2.2rem;font-weight: 300;top:2px;position: relative}
.tips b{font-size: 22px;font-weight: 600;color: #495057;margin-bottom: 10px;display: block;background-color:#f8f9fa;padding:8px 20px;border-radius: 4px;}
.tips b i{font-size: 2.5rem;margin-right: 5px;color: #fdd000}
.tips p{font-family: "Microsoft YaHei";font-size: 16px;line-height:30px;color: #868e96;margin-bottom: 10px;border-bottom: 1px dashed #eee;padding-bottom: 10px;}
.tips p span{font-weight: 500;font-size: 16px;color: #495057}
.tips p a{color:#fdd000;border-bottom: 1px solid #fdd000;margin: 0 10px;font-weight: 500;font-size: 18px;}
.tips .text{padding: 10px 0;}
.tips .text span{font-weight: 500;font-size: 16px;color: #495057;display: block;}
.tips .text p{font-family: "Microsoft YaHei";font-size: 16px;line-height:30px;color: #868e96;margin-bottom: 10px;}
@media (max-width: 992px) {
    .tech-info{padding:20px;}
    .download{margin:10px 0}
    .download a{width: 130px;height:40px;line-height:40px;font-size:1.4rem;}
    .tips{}
    .tips h4{line-height:20px;margin-bottom:10px;padding:0 0 10px 30px;position: relative;}
    .tips h4 span{font-size:1.6rem;}
    .tips h4 i{font-size: 2rem;position:absolute;left: 0;}
    .tips h4 a{font-size:1.4rem;width:80px;line-height:30px;top:0;bottom:unset;}
    .tips h4 a i{font-size: 1.8rem}
    .tips b{font-size:1.8rem;padding:5px 15px;}
    .tips b i{font-size: 2.2rem;}
    .tips p{font-size:1.4rem;line-height:2.2rem;margin-bottom:5px;padding-bottom:5px;}
    .tips p span{font-weight:600;font-size:1.4rem}
    .tips p a{margin: 0 5px;font-size: 1.6rem;font-weight: 600;}
    .tips .text span{font-size: 1.4rem;font-weight: 600;}
    .tips .text p{font-size:1.4rem;line-height:2.2rem;margin-bottom:5px;}
}