/* 滚动条 */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #5BC500!important;}
.mCSB_scrollTools .mCSB_draggerRail{background-color: transparent;}

.title_con{margin-top: 4.2vw;text-align: center;margin-bottom: 2.2vw;}
.title_con h3{font-weight: 700;color:#5BC500;}
.title_con p{color:#717d84;}
.w1440{
    width: 1440px;
    margin: 0 auto;
}
@media only screen and (max-width:768px){
	.title_con{margin-top: 8vw;margin-bottom: 6vw;}
    
}
.btn{display: flex;width:200px;height: 50px;background-color: #5BC500;color:#fff;border-radius: 50px;margin-left:auto;margin-right:auto;margin-top: 2.5vw;}
.btn a{display: flex;color:#fff;justify-content: center;align-items: center;width:100%;}
.btn a svg{margin-left: 10px;transition:all 0.3s ease-in-out;}
.btn a:hover svg{margin-left: 20px;}
@media only screen and (max-width:1600px){
    .w1440{
        width: 80%;
    }
}
@media only screen and (max-width:1400px){
	.btn{margin-top: 3vw;width:180px;height: 44px;}
}
@media only screen and (max-width:1200px){
	.btn{margin-top: 4vw;}
    .w1440{
        width: 90%;
    }
}
@media only screen and (max-width:768px){
    .btn{width:140px;height: 40px;margin-top: 6vw;}
}
@keyframes fadeInShow {
    0% {
        opacity: 0;
		transform:translateY(20px)
    }
    100% {
        opacity: 1;
		transform:translateY(0px)
    }
}


.tanC{background: rgba(0,0,0,0.7);position:fixed;bottom:0px;left:0px;right:0px;z-index: 10;display:none;}
.tanC .close{position: absolute;right:20px;top:20px;cursor: pointer;}
.tanC .con{display: flex;flex-wrap: wrap;}
.tanC .left{flex:0 0 60%;position:relative;display: flex;align-items: center;}
.tanC .left dt{width:330px;position: absolute;bottom:0;left:0px;}
.tanC .left dd{color:#fff;padding-left: 400px;}
.tanC .left dd h3 img{max-width: 100%;width: auto;}
.tanC .left dd .p{margin-top:7px;}
.tanC .left dd .p span{color:#5BC500;}
.tanC .left dd .btn{margin-left: 0;margin-top:10px;}
.tanC .right{flex:0 0 40%;display: flex;align-items: center;padding:3vw 0;justify-content: flex-end;}
.tanC .right ul{display: flex;}
.tanC .right li{margin-left: 40px;width:130px;}
.tanC .right li .img{border:12px solid #f7f7f7;border-radius: 13px;overflow: hidden;max-width: 130px;margin-left: auto;margin-right: auto;}
.tanC .right li p{margin-top: 10px;text-align: center;color:#fff}
.tanC .right li:first-child{margin-left: 0;}
@media only screen and (max-width:1600px){
    .tanC .left dt{width:20vw;}
    .tanC .left dd{padding-left:22vw;}
    .tanC .right li{width:7vw;margin-left: 2vw;}
    .tanC .right li .img{border:8px solid #f7f7f7;}
}
@media only screen and (max-width:1400px){
    .tanC .left{flex:0 0 65%;}
    .tanC .right{flex:0 0 35%;}
}
@media only screen and (max-width:1200px){
    .tanC .left{flex:0 0 52%;}
    .tanC .right{flex:0 0 48%;}
    .tanC .right li{width:9vw;}
    .tanC .close{top:10px;right:10px;}
}
@media only screen and (max-width:1000px){
    .tanC .left dd{padding-top:5vw;padding-bottom:5vw;}
}
@media only screen and (max-width:768px){
    .tanC{padding-top: 40px;}
    .tanC .left{flex:0 0 100%;}
    .tanC .left dt{display: none;}
    .tanC .left dd{padding:5vw 0;}
    .tanC .right{flex:0 0 100%;}
    .tanC .right ul{flex: 0 0 100%;}
    .tanC .right li{flex:0 0 30%;}
}

.fixed_con{position:fixed;top:50%;right:20px;transform:translateY(-50%);z-index: 9;}
.fixed_con li{display: flex;margin:5px 0;padding:5px;}
.fixed_con li span{display: flex;background-color:#f7f7f7;width:50px;height: 50px;border-radius: 100%;justify-content: center;align-items: center;cursor:pointer;}
.fixed_con li span img{width:auto;}
.fixed_con li .p{color:#999;padding-left:8px;padding-top:5px;padding-right: 20px;display: none;line-height: 1.3;}
.fixed_con li .p a{color:#5BC500;font-weight: 700;}
.fixed_con li:nth-child(2) .p{width:90px;color:#5BC500;}
.fixed_con li .img{display:none;position:absolute;left:-170px;top:20%;width:150px;background-color: #f7f7f7;border-radius: 20px;padding:10px;}
.fixed_con li .img:after{
    content: "";
	position:absolute;top: 45%;right: -24px;transform:translateX(-50%);
	display: block;width: 0px;height: 0px;
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	border-left: 8px solid #f7f7f7;
	border-right: 8px solid transparent;
}
.fixed_con li:hover{background-color: #f7f7f7;border-radius: 50px;}
.fixed_con li:hover span{background-color: #5BC500;}
@media only screen and (max-width:768px){
    .fixed_con{top:40%;}
}

.n_banner{position: relative;}
.n_banner .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.n_banner .text h3{color:#474747;}
.wht_banner .n_banner .text h3{color:#fff;}
.n_banner img{height: 100%;object-fit: cover;}
@media only screen and (max-width:1000px){
    .n_banner{height: 280px;}
    .n_banner .text{top:55%;}
    .n_banner:after{position:absolute;content: "";left: 0px;bottom: 0px;right: 0;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7));height: 70px;}
}
.n_nav_bread{border-bottom: 1px solid #e5e5e5;}
.n_nav_bread .wrap{display: flex;flex-wrap: wrap;justify-content: space-between;}
.n_nav_bread .n_nav ul{display: flex;flex-wrap: wrap;}
.n_nav_bread .n_nav li{margin-right: 2.5vw;}
.n_nav_bread .n_nav a{height:75px;display: flex;justify-content: center;align-items: center;position: relative;}
.n_nav_bread .n_nav a:after{content: "";position:absolute;left:50%;width:0px;transform:translateX(-50%);bottom:0px;display: block;height:2px;background-color: #17489C;transition: all 0.3s ease-in-out;}
.n_nav_bread .n_nav a:hover{color:#17489C;}
.n_nav_bread .n_nav a:hover:after{width:100%;}
.n_nav_bread .n_nav li.active a{color:#17489C;}
.n_nav_bread .n_nav li.active a:after{width:100%;}
.n_nav_bread .bread{display: flex;justify-content: center;align-items: center;height: 75px;}
.n_nav_bread .bread a svg{position: relative;top:4px;margin-right: 10px;}
.n_nav_bread .bread a{color:#999;}
.n_nav_bread .bread a:hover{color:#17489C;}
.n_nav_bread .bread span{color:#999;padding-left:13px;margin-left: 10px;position: relative;}
.n_nav_bread .bread span::before{content: "/";position:absolute;left: 0;}
@media only screen and (max-width:1000px){
    .n_nav_bread .wrap{flex-direction: column-reverse;}
    .n_nav_bread .bread{justify-content:left;margin-top: -20px;position: relative;top:-15px;}
    .n_nav_bread .bread{height: auto;}
}
@media only screen and (max-width:768px){
    .n_nav_bread .bread a{color:rgba(255,255,255,0.7);}
    .n_nav_bread .bread span{color:rgba(255,255,255,0.7);}
    .n_nav_bread .bread svg path{fill:rgba(255,255,255,0.7);}
    .n_nav_bread .n_nav a{height: 45px;}
    .n_nav_bread .n_nav li{margin-right: 0;flex:0 0 20%;}
}