/*头部样式*/
header{
    position: fixed;
    width: 100%;
    top:0;
    left: 0;
    border-bottom:1px solid rgba(255,255,255,.3);
    background:rgba(60,67,72,.5);
    z-index:999999;
    transition: all 0.3s ease-out;
}
header.c-head-hide.c-head-move{
    display: none;
}
#c-header:hover{
    background:#76be16;
}
.head{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 66px;
}
.logo{
    display: flex;
    color: #fff;
}
    .logo img {
        height: 60px;
    }
.f_logo img {
    height: 60px;
}
.logo_text{
    font-size: 16px;
    color: #ffffff;
    margin-left: 21px;
    padding-left: 23px;
    background:url(../images/line1.png) no-repeat left center;
    display:none;
}
.language{
    position: relative;
    width: 102px;
    height: 32px;
    /*border:1px solid rgba(255,255,255,.2);*/
    cursor: pointer;
}
.language p{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #fff;
    height: 100%;
    text-transform: uppercase;
}
.language p a{
    font-size: 14px;
    color: #fff; 
    text-transform: uppercase;
}
.language p i{
    display: block;
    width: 14px;
    height: 8px;
    background:url(../images/down.png) no-repeat center;
    margin-left: 3px;
    display: none;
}
.language_a{
    position: absolute;
    top:31px;
    left:0;
    z-index:9;
    background:#fff;
    width: 100%;
    display: none;
}
/*.language:hover .language_a{*/
/*    display: block;*/
/*}*/
.language_a a{
    display: block;
    padding:0 15px;
    border-bottom: 1px solid #eee;
}
.language_a a:hover{
    color: #7fbe26;
}
.nav{
    display: flex;
    height: 100%;
}
.nav li{
    margin:0 50px;
    height: 100%;
}
.nav li a{
    /*font-family: AlibabaPuHuiTi;   */
}
.nav li a.a1{
	display: flex;
    font-size: 16px;
    color: #fff;
    text-align: center;
    position: relative;
    align-items: center;
    height: 100%;
    /*font-family: AlibabaPuHuiTi;*/
    /*font-weight: 600;*/
    letter-spacing: 2px;
}
.nav li:hover a.a1:after{
	content:'';
	position: absolute;
	left:0;
	bottom:15px;
	width: 100%;
	height: 1px;
	background:#fff;
}
.nav li a:hover{
/*    text-decoration: underline;*/
/*    color: #7fbe26;*/
}
.nav li .b_nav{
    display: none;
    position: absolute;
    top:66px;
    left:0px;
    z-index: 999;
    background-color: #fff;
    width: 100%;

}
.nav li .b_nav.b_nav1{
    overflow: visible!important;
}
.b_nav_c{
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    height: 80px;
}
.b_nav_c a{
    display: block;
    margin:0 10px;
    font-size: 15px;
}
.b_nav_l{
	background:#eff1f2;
	height: 88px;
	display: flex;
	align-items: center;
	/*justify-content: center;*/
	position: relative;
}
.b_nav_l a.a2{
	margin: 0 33px;
	display: block;
	position: relative;
	line-height: 88px;
	cursor: pointer;
	/*font-family: AlibabaPuHuiTi;*/
}
.b_nav_l a.a2 img{
	max-height: 31px;
}
.b_nav_l dl:hover a.a2:after{
	content:'';
	position: absolute;
	left:0;
	bottom:15px;
	width: 100%;
	height: 1px;
}
.b_nav_l dl.dl1 a:after{
	background:#ea5f2b;
}
.b_nav_l dl.dl2 a:after{
	background:#197a79;
}
.b_nav_l dl.dl3 a:after{
	background:#7fbe26;
}
.b_nav_2{
	position: absolute;
	top:88px;
	left:0;
	width: 100%;
	background:#fff;
	display: none;
	border-bottom:1px solid #dbdbdb;
}
.b_nav_2_c{
	display: flex;
	align-items: center;
	/*justify-content: center;*/
	height: 45px;
}
.b_nav_2_c p{
	margin:0 23px;
}
.b_nav_l dl:hover .b_nav_2{
	display: block;
}
.b_nav_l dl.dl1 .b_nav_2_c p.cur a{
	color: #ea5f2b;
}
.b_nav_l dl.dl2 .b_nav_2_c p.cur a{
	color: #197a79;
}
.b_nav_l dl.dl3 .b_nav_2_c p.cur a{
	color: #7fbe26;
}
/*.b_nav_l dl.on .nav_cont{
	display: block;
}*/

.nav_cont{
	background:#fff;
	position: absolute;
	top:134px;
	left:0;
	width: 100%;
	z-index:10;
/*	display: none;*/
}
.nav_yab{
	display:flex;
	flex-wrap: wrap;
	padding:15px 0 50px;
	display: none;
}
.nav_yab.show{
	display: flex;
}
.nav_yab li{
	width: 18.4%;
	margin-right: 2%!important;
	margin-bottom:20px;
	margin-left: 0!important;
	height: auto;
}
.nav_yab li:nth-child(5n){
	margin-right: 0!important;
}
.nav_yab li a{
	display: block;
	padding:10px 15px 16px;
	text-align: center;
	position: relative;
}
.nav_yab li a:hover:after{
    content:'';
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
	background:#000;
	opacity: .05;
}
.nav_yab li a .img img{
	max-height: 92px;
}
.nav_yab li a p{
	font-size:14px;
	color: #231815;
	margin-top:20px;
}
.b_nav_l{
    padding-left: 17%;
}
.b_nav_l .dl1 .b_nav_2_c{
    padding-left: 27%;
}
.b_nav_l .dl2 .b_nav_2_c{
    padding-left: 30%;
}
.b_nav_l .dl3 .b_nav_2_c{
    padding-left: 33%;
}
.nav li .b_nav2 .b_nav_c{
    padding-left: 32.5%;    
}
.nav li .b_nav3 .b_nav_c{
    padding-left: 49%;    
}
.nav li .b_nav4 .b_nav_c{
    padding-left: 54%;    
}
.nav li .b_nav5 .b_nav_c{
    padding-left: 65%;    
}
.nav li .b_nav2{
	display: none;
}
header.c-head-hide{
    background:#7fbe26;
}

.menu-button{
    display: none;
    position: absolute;
    top: 20px;
    right: 10px;
/*    padding: 7px;*/
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
/*    background-color: #7fbe26;*/
    z-index: 99999;
}
.menu-button .bar {
    display: block;
    height: 2px;
    background: #ccc;
    margin: 9px 0;
    opacity: 1;
    transition: all .5s ease;
    width: 35px;
    transform-origin: left center;
}

.mnav .bar:nth-child(1){
    transform:rotate(45deg);
    /*width: 40px;*/
}
.mnav .bar:nth-child(2){
    opacity: 0;
}
.mnav .bar:nth-child(3){
    transform:rotate(-45deg);
    position: relative;
    top: 2px;
    /*width: 40px;*/
}
.mobileNav{
    display: none;
    background-color: #7fbe26;
    text-align: center;
    position: absolute;
    left:0;
    top:66px;
    z-index: 99999;
    width: 100%;
/*    height: 100vh;*/
}
.mobileNav li {
    line-height: 2em;
    padding:1em 0;
}
.mobileNav li a{
    font-size: 1rem;
    color: #fff;
}
#c-banner1{
    width: 100%;
    height:100vh;
}
#c-banner1 .swiper-slide{
    position: relative;
}
#c-banner1 .swiper-slide img{
    width: 100%;
    max-width: 200%;
    height: 100%;    
}
#c-banner1 .swiper-slide video,.index_banner video{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner_text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    color: #fff;   
    padding:0 3%; 
}
.banner_text p.p1{
    font-size: 48px;
    font-weight: bold;
    line-height: 1;
}
.banner_text p.p2{
    font-size: 28px;
    margin:5px 0 25px;
}
.banner_text a{
    width: 148px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border:1px solid #fff;
    border-radius: 3px;
    margin:0 auto;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}
.banner_text a:hover{
    background:#7fbe26;
    border:1px solid #7fbe26;
}
#c-banner1 .swiper-pagination{
    display: none;
}
.wrap{
    width: 84%;
    max-width: 1450px;
    margin:0 auto;
}
.index_banner{
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}
@media(max-width: 1920px){
    #c-banner1 .swiper-slide img{
        max-width: 100%;   
    }  
}
@media(max-width: 1600px){
    .logo_text {
        font-size: 15px;
        margin-left: 16px;
        padding-left: 18px;
    }
    .nav li {
        margin: 0 35px;
    }
    /*.nav li a.a1{*/
    /*    font-size: 16px;*/
    /*}*/
    .banner_text p.p1{
        font-size: 42px;
    }
    .banner_text p.p2{
        font-size: 24px;
    }
    .banner_text a{
        width: 110px;
        height: 40px;
        font-size: 16px;
    }
    .b_nav_l{
        padding-left: 7%;
    }
    .b_nav_l .dl1 .b_nav_2_c{
        padding-left: 12%;
    }
    .b_nav_l .dl2 .b_nav_2_c{
        padding-left: 23.5%;
    }
    .b_nav_l .dl3 .b_nav_2_c{
        padding-left: 27%;
    }
    .nav li .b_nav2 .b_nav_c{
        padding-left: 28%;    
    }
    .nav li .b_nav3 .b_nav_c{
        padding-left: 48%;    
    }
    .nav li .b_nav4 .b_nav_c{
        padding-left: 53%;    
    }
    .nav li .b_nav5 .b_nav_c{
        padding-left: 66.5%;    
    }
}
@media(max-width: 1280px){
    .nav li {
        margin: 0 30px;
    }
    .wrap{
        width: 90%;
    }
    #c-banner1,#c-banner1 .swiper-slide
    /*,#c-banner1 .swiper-wrapper,#c-banner1 .swiper-slide{*/
    {
        height: auto;
        max-height:300px;
        overflow:hidden;
    }
    .banner_text p.p1{
        font-size: 36px;
    }
    .banner_text p.p2{
        font-size: 20px;
    }
    .banner_text a{
        width: 100px;
        height: 40px;
        font-size: 15px;
    }
    .nav li .b_nav2 .b_nav_c{
        padding-left: 26%;    
    }
    .nav li .b_nav3 .b_nav_c{
        padding-left: 48%;    
    }
    .nav li .b_nav5 .b_nav_c{
        padding-left: 62%;    
    }
}
@media(max-width: 1024px){
    .index_banner,#c-banner1{
        height:auto;
        max-height:350px;
    }
    .index_banner video,#c-banner1 video{
        object-fit: contain;
    }
    .nav li {
        margin: 0 20px;
    }
}
@media(max-width: 992px){
    .language{
        display: none;
    }
    .wrap {
        width: 92%;
    }
    .nav li {
        margin: 0 15px;
    }
}
@media(max-width: 820px){
    .head{
        height: 60px;
    }
    .menu-button{
        display: block;
    }
    .nav{
        display: none;
    }
    .banner_text p.p1{
        font-size: 26px;
    }
    .banner_text p.p2{
        font-size: 16px;
    }
}
@media(max-width: 640px){
    .head{
        height: 50px;
    }
    .logo{
        width: 70%;
/*        float: none;*/
    }
    .logo_text{
        display: none;
    }
    .menu-button{
        top:25px;
    }
    .banner_text{
        padding-top:50px;
    }
    .banner_text p.p1{
        font-size: 20px;
    }
    .banner_text p.p2{
/*        font-size: 15px;*/
        margin-bottom:0;
    }
    .banner_text a{
        width: 90px;
        height: 35px;
        font-size: 14px;
        display: none;
    }
}



.index1{
    padding:21px 21px;
}
.product_list1{
    display: flex;
    flex-wrap: wrap;
}
.product_list1 li{
    width: calc(33.333% - 14px);
    margin-right: 21px;
    animation-delay: 0.3s;
}
.product_list1 li:nth-child(3n){
    margin-right: 0;
}
.product_list1 li a{
    display: block;
}
.product_list1 li a .text{
    text-align: center;
    background:#f5f5f5;
    padding:70px 20px 60px;
}
.product_list1 li a .text .img1{
    line-height: 49px;
    position: relative;
}
    .product_list1 li a .text .img1 img{
        height:60px;
    }
.product_list1 li a .text .img1 .img1_2{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
/*    line-height: 49px;*/
    opacity: 0;
}
.product_list1 li a .text p{
    font-size: 16px;
    line-height: 1.6em;
    height: 3.2em;
    color: #3c4348;
    margin-top:15px;
}
.product_list1 li:hover a .text{
    background:#7fbe26;
}
.product_list1 li:hover a .text .img1 .img1_1{
    opacity: 0;
}
.product_list1 li:hover a .text .img1 .img1_2{
    opacity: 1;
}
.product_list1 li:hover a .text p{
    color: #fff;
}
.product_list1 li:hover a .img img{
    transform: scale(1.1);
}
@media(max-width: 1600px){
    .product_list1 li a .text{
        padding: 50px 20px 40px;
    }
    .product_list1 li a .text p{
        font-size: 15px;
        margin-top:10px;
    }
}
@media(max-width: 1280px){
    .product_list1 li a .text{
        padding: 40px 20px 20px;
    }
}
@media(max-width: 992px){
    
}
@media(max-width: 820px){
    .product_list1 li a .text{
        padding: 30px 20px 20px;
    }
    .product_list1 li a .text .img1{
        line-height: 40px;
    }
    .product_list1 li a .text .img1 img{
        max-width: 160px;
    }
}
@media(max-width: 640px){
    .index1{
        padding:21px 21px 6px;
    }
    .product_list1 li{
        width: 100%;
        margin-right: 0;
        margin-bottom:15px;
    }
    .product_list1 li a .text .img1{
        line-height: 36px;
    }
    .product_list1 li a .text {
        padding: 20px 20px 20px;
    }
    .product_list1 li a .text p{
        font-size: 15px;
        height: auto;
    }     
}



.index2{
    background:#f5f5f5;
    padding:92px 0 145px;
}

h2.t1{
    font-size: 32px;
    color: #3b4347;
    line-height: 1;
    animation-delay: 0.3s;
}
.index2 h2.t1{
    padding:0 0 46px 42px;
}
.news_list1{

}
.news_list1 li:nth-child(1){
    width: 100%;
    margin-right: 0%;
    margin-bottom: 21px;
    display: flex;
    flex-wrap: wrap;
    animation-delay: 0.3s;
}
.news_list1 li:nth-child(1) .img{
    display: block;
    width: 48.5%;
}
.news_list1 li:nth-child(1) .img img{
    width: 100%;
    height: 100%;
}
.news_list1 li:nth-child(1) .text{
    background:#ffffff;
    width: 51.5%;
    padding:20px 65px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.news_list1 li:nth-child(1) .text .p2{
    display: block;
    font-size: 13px;
    color: #bdbfc0;
}
.news_list1 li:nth-child(1) .text h3 a{
    margin:20px 0 135px;
    font-size: 28px;
    color: #3c4348;
}
.news_list1 li:nth-child(1) .text .text_more{
    justify-content: flex-start;
}
.news_list1 li:nth-child(1) .text .text_more .p1{
    display: none;
}
.news_list1 li:nth-child(1) .text .text_more a{
    width: 108px;
    height: 38px;
    background:#7fbe26;
    color: #fff;
    justify-content: center;
}
/*.news_list1 li:nth-child(1) .text .text_more a i{*/
/*    background:url(../images/more1.png) no-repeat center;      */
/*}*/
.news_list1 li:nth-child(1):hover .text{
    background:#7fbe26;;
}
.news_list1 li:nth-child(1):hover .text h3 a,.news_list1 li:nth-child(1):hover .text .p2,.news_list1 li:nth-child(1):hover .text .text_more{
    color: #fff;
}
.news_list1 li:nth-child(1) .text .text_more a:hover{
    text-decoration: underline;
}
.news_list1 li:nth-child(1):hover .text .p2{
    color: #fff;
}
.news_list2{
    display: flex;
    flex-wrap: wrap;
}
.news_list2 li:nth-child(1){
    /*display: none;*/
}
.news_list2 li{
    width: calc(33.3333% - 14px);
    margin-right: 21px;
    position: relative;
    animation-delay: 0.6s;
}
.news_list2 li:last-child{
    margin-right: 0;
}
.news_list2 li .img{
    width: 100%;
}
.news_list2 li .text{
    width: 100%;
    padding:25px 30px 40px;
    background:#fff;
}
.news_list2 li .text .p2{
    display: none;
}
.news_list2 li .text h3 a{
    display: block;
    font-size: 22px;
    line-height: 1.4em;
    height: 2.8em;
    margin-bottom: 80px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news_list2 li .text .text_more{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.news_list2 li .text .text_more .p1{
    font-weight: 300;
}
.news_list2 li .text .text_more a{
    display: flex;
    align-items: center;
}
.news_list2 li .text .text_more a i{
    display: block;
    margin-left: 5px;
    width: 5px;
    height: 14px;
    background:url(../images/more1_h.png) no-repeat center;
}
.news_list2 li:hover .img img{
    transform: scale(1.1);
}
.news_list2 li:hover .text{
    background:#7fbe26;
}
.news_list2 li:hover .text h3 a,.news_list2 li:hover .text .p1,.news_list2 li:hover .text a{
    color:#fff;
}
.news_list2 li:hover .text a i{
    background:url(../images/more1.png) no-repeat center;    
}
.date1{
    position: absolute;
    top: 0;
    left: 35px;
    width: 70px;
    height: 74px;
    background:#fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    display: none;
}
.date1 .s1{
    font-size: 15px;
    color: #3c4348;
    width: 100%;
    text-align: center;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.date1 .s2{
    width: 100%;
    font-size: 36px;
    color: #3c4348;
    text-align: center;
    line-height: 1;
    font-weight: bold;
}
@media(max-width: 1600px){
    .index2{
        padding:90px 0 110px;
    }
    .news_list1 li:nth-child(1) .text h3 a{
        margin: 15px 0 80px;
        font-size: 22px;      
    }
    .news_list2 li .text{
        padding:20px 30px 30px;
    }
    .news_list2 li .text h3 a {
        font-size: 18px;
        margin-bottom: 50px;
    }
    .date1 .s1{
        font-size: 14px;
    }
    .date1 .s2{
        font-size: 30px;
        margin-top:5px;
    }
}
@media(max-width: 1280px){
    .index2{
        padding:70px 0;
    }
    .index2 h2.t1 {
        padding: 0 0 40px 30px;
    }
    .news_list1 li:nth-child(1) .text {
        padding: 20px 50px;
    }
    .news_list1 li:nth-child(1) .text h3 a {
        margin: 15px 0 50px;
        font-size: 20px;
    }
    .news_list2 li .text {
        padding: 20px 25px;
    }
    .news_list2 li .text h3 a{
        font-size: 16px;
        margin-bottom: 30px;
    }
}
@media(max-width: 992px){
    .news_list1 li:nth-child(1) .text {
        padding: 20px 30px;
    }  
    .news_list1 li:nth-child(1) .text h3 a {
        margin: 5px 0 30px;
        font-size: 16px;
    }  
    .news_list1 li:nth-child(1) .text .text_more a {
        width: 100px;
        height: 36px;
    }
}
@media(max-width: 820px){
    .index2{
        padding:55px 0;
    } 
    .index2 h2.t1 {
        padding: 0 0 30px 0px;
        font-size: 26px;
    }
    .news_list1 li:nth-child(1) .text h3 a {
        height:2.8em;
    }
    .news_list2 li .text {
        padding: 15px 20px;
    }  
    .news_list2 li .text h3 a{
        height: 5.2em;
        margin-bottom:15px;
    } 
}
@media(max-width: 640px){
    .index2{
        padding:35px 0 20px;
    }
    .index2 h2.t1 {
        padding: 0 0 20px 0px;
        font-size: 22px;
    }  
    .news_list1 li:nth-child(1){
        margin-bottom:15px;
    }
    .news_list1 li:nth-child(1) .img{
        width: 100%;
    }
    .news_list1 li:nth-child(1) .text{
        width: 100%;
        padding:20px;
    }  
    .news_list2 li{
        width: 100%;
        margin-right: 0;
        margin-bottom:15px;
    }
    .news_list2 li .text h3 a{
        height: 2.8em;
    }
}


.index3{
    background:#f5f5f5;
    padding:98px 0 115px;
    margin-top:10px;
    display: none;
}
.index3 .wrap{
    display: flex;
    justify-content: space-between;
}
.index3_l{
    width: 38%;
    padding-top:60px;
}
.index3_l h2.t1{
    margin-bottom: 110px;
}
.index3_l dl{
    display: flex;
    margin-bottom: 60px;
}
.index3_l dl:last-child{
    margin-bottom: 0;
}
.index3_l dl dt{
    width: 115px;
    font-size: 21px;
    color: #3c4348;
    font-weight: bold;
}
.index3_l dl dd{
    width: calc(100% - 115px);
    display: flex;
    flex-wrap: wrap;
}
.index3_l dl dd p{
    margin-right: 16px;
    font-size: 14px;
    color: #3c4348;
}
.index3_r{
    width: 69%;
    margin-right: -12%;
}

@media(max-width: 1600px){

}
@media(max-width: 1280px){
    
}
@media(max-width: 992px){
    
}
@media(max-width: 820px){
    
}
@media(max-width: 640px){
    
}

.index4{
   
    background-attachment: fixed;
    height: 1070px;
    width: 100%;
}
.index4 img{
    display: none;
}
footer{
    padding:70px 0;
}
.foot{
    padding:0 0 65px;
    margin-bottom:25px;
    border-bottom: 1px solid #c7c9ca;
}
.foot_l{
    width: 38%;
    float: left;
    padding-right: 30px;
    animation-delay: 0.3s;
}
.f_share{
    padding:72px 0 0 36px;
    display: flex;
}
.f_share p{
    font-size: 16px;
    color: #3c4348;
    padding-right: 4px;
    line-height: 26px;
}
.f_share a{
    display: block;
    position: relative;
    margin-left: 12px;
    cursor: pointer;
}
.f_share a .code1{
    position: absolute;
    top:40px;
    left:50%;
    width: 110px;
    margin-left: -55px;
    z-index:9;
    display: none;
}
.f_share a:hover .code1{
    display: block;
}
.f_nav{
    width: 62%;
    display: flex;
    justify-content: space-between;
    animation-delay: 0.6s;
}
.f_nav li{
    /*width: 20%;*/
    padding-right: 10px;
}
.f_nav li:last-child{
    padding-right: 0;
}
.f_nav li .p1{
    font-size: 16px;
    color: #3c4348;
    margin-bottom:10px;
    /*font-family: AlibabaPuHuiTi;*/
    font-weight: bold;
}
.f_nav li a{
    display: block;
    font-size: 14px;
    color: #3c4348;
    /*font-family: AlibabaPuHuiTi;*/
}
.f_nav li a:hover{
    color: #7fbe26;
}
.copyright{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    animation-delay: 0.9s;
}
.copyright_l{
    font-size: 14px;
    color: #8e9294;
}
.copyright_l a{
    font-size: 14px;
    color: #8e9294;    
}
.copyright_r{
    display: flex;
}
.copyright_r img{
    height:60px;
}
.copyright_r li{
    margin-right:60px;
    position: relative;
    cursor: pointer;
}
.copyright_r li:last-child{
    margin-right: 0;
}
.copyright_r li .img1{
    
}
.copyright_r li .img2{
    opacity: 0;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
}
.copyright_r li:hover .img1{
    opacity: 0;
}
.copyright_r li:hover .img2{
    opacity: 1;
}

@media(max-width: 1600px){
    .index4{
        height: 700px;
    }
    footer {
        padding: 50px 0;
    }
}
@media(max-width: 1280px){
    .index4{
        height: 500px;
    } 
    footer {
        padding: 35px 0;
    } 
    .foot {
        padding: 0 0 50px;
        margin-bottom: 15px;
    } 
    .f_share {
        padding: 60px 0 0 0px;
    } 
}
@media(max-width: 992px){
    
}
@media(max-width: 820px){
    .index4{
        height: 350px;
    }
    footer {
        padding: 20px 0;
    }     
}
@media(max-width: 640px){
    .index4{
        height: 240px;
    } 
    footer {
        padding: 15px 0;
    }   
    .foot{
        display: none;
    }  
    .copyright_l{
        width: 100%;
    }
    .copyright_r{
        width: 100%;
    }
}


/*----- Common css ------*/

.fl {
    float: left;
}

.fr {
    float: right;
}

.di {
    _display: inline;
}

.fwn {
    font-weight: normal;
}

.dib {
    *display: inline;
    _zoom: 1;
    _display: inline;
    _font-size: 0px;
}
.f_none{
    display: none;
}



/*------------内页-------------------*/
.n_banner{
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.n_banner img{
	display: block;
    width: 100%;
    margin: 0 auto;
}
.n_banner_text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    color: #fff;	
    padding:50px 3% 0;
    animation-delay: 0.3s;
}
.n_banner_text .txt{
	font-size: 48px;
	line-height: 1.6;
	font-weight: bold;
	margin-bottom:58px;
}
.n_banner_a{
	display: flex;
	justify-content: center;
}
.n_banner_a a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 264px;
	height: 86px;
	font-size: 28px;
	color: #fff;
	border:1px solid #fff;
	margin:0 15px;
	transition: all 0.5s ease-out;
}
.n_banner_a a:hover{
    background:#7fbe26;
    border:1px solid #7fbe26;
}
.n_banner_text2{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
    color: #fff;
    animation-delay: 0.3s;	
}
.n_banner_text2 h3{
	font-size: 48px;
	line-height: 1.4;
}
.n_banner_text2 p{
	font-size: 28px;
}
.sitemp{
	display: none;
}


@media(max-width: 1600px){
    .n_banner_text2 h3{
    	font-size: 42px;
    }
    .n_banner_text2 p{
    	font-size: 22px;
    }    
}
@media(max-width: 1280px){
    .n_banner_text2 h3{
    	font-size: 32px;
    }
    .n_banner_text2 p{
    	font-size: 18px;
    }	
}
@media(max-width: 992px){
	
}
@media(max-width: 820px){
    .n_banner_text2 h3{
    	font-size: 26px;
    }
    .n_banner_text2 p{
    	font-size: 16px;
    }	

}
@media(max-width: 640px){
    .n_banner_text2 h3{
    	font-size: 20px;
    }
    .n_banner_text2 p{
    	font-size: 14px;
    }
    .h50{
        width:100%;
        height:50px;
    }
    .h66{
        display:none;
    }
}

.n_sort_cont{
    /*border-bottom: 10px solid rgba(245,245,245);*/
}
.p_sort{
	position: relative;
    top: 0;
    left: 50%;
    margin-left: -340px;
    max-width: 680px;
    width: 100%;
    height: 78px;
    background: #fff;
    border-radius: 20px 20px 0 0;
    z-index: 99;
    margin-top: -78px;
}
.p_sort dl{
	display: none;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.p_sort li{
	max-width: 30%;
	text-align: center;
	margin:0 27px;
}
.p_sort li.layer2 a.list_item2{
	display: inline-block;
	font-size: 18px;
	color: #9fa0a0;
	position: relative;
}
.p_sort li.layer2 a.list_item2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    opacity: 0;
}
.p_sort li.layer2:hover a.list_item2:after,.p_sort li.layer2.cur a.list_item2:after{
	opacity: 1;
}
.p_sort li.layer2 .layer3{
	position: absolute;
	top:78px;
	left:0;
	width: 100%;
	padding:20px 0 0;
	display: none;
}
.p_sort li.layer2.cur .layer3{
	display: flex;
}
.p_sort li.layer2 .layer3 a{
	font-size: 16px;
	color: #9fa0a0;
	display: inline-block;
	margin:0 30px;
}
.p_sort li.layer2.cur .layer3{
	display: flex;
	justify-content: center;
}

.p_main{
	padding: 85px 0 110px;
	background:#f5f5f5;
}
.product_list{
	display: flex;
	flex-wrap: wrap;
}
.product_list li{
	width: calc(33.3333% - 24px);
	margin-right: 36px;
	margin-bottom: 35px;
}
.product_list li:nth-child(3n){
	margin-right: 0;
}
.product_list li a{

}
.product_list li .img{
	position: relative;
}
.product_list li .img img.img2{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.product_list li .text{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 58px;
	padding:0 25px;
	background:#bababa;
}
.product_list li .text h3{
	font-size:18px;
	color: #595757;
	font-weight: normal;
	line-height: 1.4;
	width: calc(100% - 105px);
}
.product_list li .text span{
	font-size:15px;
	padding-left: 45px;
	display: flex;
	align-items: center;
	height: 100%;
    width: 105px;
}
/*.product_list li:hover a .img img{
	transform: scale(1.1);
}*/
.product_list li:hover .img img.img1{
	opacity: 0;
}
.product_list li:hover .img img.img2{
	opacity: 1;
}
.product_list li:hover a .text{

}
.product_list li:hover a .text h3,
.product_list li:hover a .text span{
	color: #fff;
}
@media(max-width: 1600px){
    .p_sort li.layer2 a.list_item2{
        font-size:16px;
    }
    .p_sort li.layer2 .layer3 a,.product_list li .text h3{
        font-size:15px;
    }
    .product_list li{
        margin-bottom:25px;
    }
    .product_list li .text{
        padding:0 20px;
    }
    .product_list li .text h3{
        width:calc(100% - 115px);
    }
    .product_list li .text span{
        font-size:14px;
        width:102px;
    }
}
@media(max-width: 1280px){
    .p_main {
        padding: 70px 0;
    }
}
@media(max-width: 992px){
	.product_list li{
	    width:calc(50% - 12px);
	    margin-right:24px;
	}
    .product_list li:nth-child(3n) {
        margin-right: 24px;
    }
    .product_list li:nth-child(2n) {
        margin-right: 0;
    }
	.product_list li .text{
	    padding:0 15px;
	    height:50px;
	}
    .p_sort li.layer2 .layer3 a,.product_list li .text h3{
        font-size:14px;
    }
}
@media(max-width: 820px){
    .p_sort{
        width:100%!important;
        max-width:100%!important;
        left:0!important;
        margin-left:0!important;
    }
    .p_main {
        padding: 70px 0 50px;
    }
}
@media(max-width: 640px){
    .p_sort{
        margin-top:0;
    }
    .p_sort dl{
        flex-wrap:wrap;
    }
	.p_sort li{
	    margin:0 10px!important;
	}
	.p_sort li.layer2 a.list_item2{
	    font-size:15px;
	}
	.p_sort li.layer2 .layer3{
	    padding:15px 0 0;
	}
	.p_sort li.layer2 .layer3 a{
	    font-size:13px;
	    margin:0 15px;
	}
    .p_main {
        padding: 60px 0 30px;
    }
}
@media(max-width: 460px){
	.product_list li{
	    width:100%;
	    margin-right:0px!important;
	    margin-bottom:15px;
	} 
	.p_sort li.layer2 .layer3 a{
	    margin:0 10px;
	}
}


.n_banner_text3{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
}
.n_banner_text3 h3{
    font-size:48px;
    color: #fff;
    font-weight: bold;	
    margin-top:60px;
    line-height: 1;	
}
.p_sort p{
	display: flex;
	align-items: center;
	height: 100%;
	text-align: center;
	justify-content: center;
	font-size:16px;
	color: #9fa0a0;
}
.p_sort p a{
	font-size:16px;
	color: #197a79;
	text-decoration: underline;
}
.p_sort p:nth-child(2),.p_sort p:nth-child(3){
	display: none;
}
.product_detail{

}
.pd1{
	padding:60px 0 100px;
	display: flex;
	flex-wrap: wrap;
}
.pd1 .imgs{
	width: 50%;
}
#c-banner2 .p_prev{
	left:55px;
	width: 18px;
	height: 36px;
	background:url(../images/p_left.png) right center;
}
#c-banner2 .p_next{
	right:55px;
	width: 18px;
	height: 36px;
	background:url(../images/p_next.png) right center;	
}
#c-banner2 .swiper-pagination-bullet {
	width: 13px;
	height: 13px;
	border:1px solid #bababa;
	border-radius: 50%;
	background:transparent;
	opacity: 1;
}
#c-banner2 .swiper-pagination-bullet-active{
	background:#bababa;
}
.pd1 .text{
	width: 50%;
	text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.pd1 .text h1{
	font-size:62px;
	color: #595757;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 30px;
}
.pd1 .text p{
	font-size:34px;
	color: #595757;
	font-weight: 300;
}
.pd2{
	padding:80px 0 100px;
	background:#f5f5f5;
}

.pd2 .pd2-1{
    /*overflow-x:scroll;*/
	margin-bottom:80px;
	position: relative;
	padding:0 60px;
	/*padding-bottom: 20px;*/
}
.pd2-1 .swiper-button-prev{
    left: 0px;
    width: 18px;
    height: 36px;
    background: url(../images/p_left.png) right center;    
}
.pd2-1 .swiper-button-next{
    right: 0;
    width: 18px;
    height: 36px;
    background: url(../images/p_next.png) right center;    
}
.pd2-1 ul{
	/*display: flex;*/
	/*justify-content: center;*/
	/*min-width: 100%;*/
	/*flex-wrap: wrap;*/
	/*width: 100%!important;*/
}
.pd2-1 ul li{
	/*width: 32%;*/
	/*min-width: 160px;*/
	/*margin-right:120px;*/

	text-align: center;
}
.pd2-1 ul li:last-child{
    margin-right: 0;
}
/*.pd2-1 ul li:nth-child(3n){*/
/*	margin-right: 0;*/
/*}*/
.pd2-1 ul li .img1{
	line-height: 98px;
}
.pd2-1 ul li .img1 img{
	max-height: 98px;
}

.pd2-2{
	margin:15px auto 100px;
	border:1px solid #dbdbdb;
}
.pd2-2 p.p1{
	font-size:24px;
	color: #3c4348;
	text-align: center;
	line-height: 60px;
	position: relative;
	cursor: pointer;
}
.pd2-2 p.p1 i{
	display: block;
	width: 13px;
	height: 8px;
	background:url(../images/jt.png) no-repeat center;
	position: absolute;
	right:33px;
	top:50%;
	margin-top:-4px;
}
.pd2-2 p.p1.on i{
	transform: rotate(-180deg);
}
.pd2-2 .text{
	font-size:18px;
	color: #3c4348;
	font-weight: 300;
	padding:10px 20px;
/*	height: 0;
	overflow: hidden;
	transition: all 0.4s ease-out;*/
	display: none;
}
.pd2-2 .text p{
	margin-bottom: 10px;
}
.pd2-2 .text p strong{
	color: #3c4348;
	font-weight: 500;
}
.pd2-2.cur .text{
	display: block;
}
.pd2-3{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
}
.pd2-3 .imgs{
	width: 50%;
}
#c-banner3 .p_prev{
	left:55px;
	width: 18px;
	height: 36px;
	background:url(../images/p_left2.png) right center;
}
#c-banner3 .p_next{
	right:55px;
	width: 18px;
	height: 36px;
	background:url(../images/p_next2.png) right center;	
}
#c-banner3 .swiper-pagination-bullet {
	width: 13px;
	height: 13px;
	border:1px solid #a7a7a7;
	border-radius: 50%;
	background:transparent;
	opacity: 1;
}
#c-banner3 .swiper-pagination-bullet-active{
	background:#a7a7a7;
}
.pd2-3 .text{
	width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background:#fff;
    padding: 20px 0 20px 110px;
}
.pd2-3 .text p{
	font-size:18px;
	color: #595757;
}
.pd2-3 .text p strong{
	font-size:46px;
	display: block;
}
.pd3{
	/*max-width: 1860px;*/
	text-align: center;
	/*padding:100px 0;*/
}
.pd3{
    background:#f5f5f5;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.pd3 p{
    width: calc(33.333% - 24px);
    margin-right: 48px;
}
.pd3 p:nth-child(1){
    width: 100%;
    margin-right: 0;
    margin-bottom: 48px;
}
.pd3 p:nth-child(3n + 1),.pd3 p:last-child{
    margin-right: 0;
}
.pd3 video{
	display: block;
	width: 100%;
	object-fit:fill;
}
.pd4{
	padding:100px 0;
	background:#f5f5f5;
}
.pd4-1{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 80px;
}
.pd4-1 p{
	/*width: calc(33.3333% - 24px);*/
	/*margin-right: 36px;*/
	overflow: hidden;
}
/*.pd4-1 p:nth-child(3n){*/
/*	margin-right: 0;*/
/*}*/
.pd4-1 p img{
	transition: all 0.6s ease-out;
}
.pd4-1 p:hover img{
	transform: scale(1.1);
}
.pd4-2{
	text-align: center;
	font-size:16px;
	color: #9fa0a0;
}
.pd4-2 a{
	font-size:16px;
/*	color: #197a79;	*/
	text-decoration: underline;
}
.pd5{
	padding-top:90px;
}
.pd2-1 ul li .img1:nth-child(2){
    line-height: 1.4;
    margin-top:10px;
}
.pd2-1 ul li .img1:nth-child(3){
    display: none;
}
#c-banner5{
    padding-bottom: 40px;
}
#c-banner5 img{
    width: 100%;
}
#c-banner5 .swiper-pagination{
    bottom:0;
}
#c-banner5 .swiper-pagination-bullet {
	width: 13px;
	height: 13px;
	border:1px solid #a7a7a7;
	border-radius: 50%;
	background:transparent;
	opacity: 1;
}
#c-banner5 .swiper-pagination-bullet-active{
	background:#a7a7a7;
}
#c-banner6 .swiper-slide{
    text-align: center;
}
#c-banner6 .swiper-slide p{
	font-size:14px;
	color: #3c4348;
}
@media(max-width: 1600px){
    .p_sort p,.p_sort p a{
        font-size:14px;
    }
    .n_banner_text3 h3{
        font-size:32px;
        margin-top: 40px;
    }
    .pd1 .text h1{
        font-size:30px;
    }
    .pd1 .text p{
        font-size:24px;
    }
    .pd2-2 .text,.pd4-2,.pd4-2 a{
        font-size:15px;
    }
    .pd2-1 ul li{
        /*margin-bottom:40px;*/
    }
    .pd2-3 .text{
        padding:20px 0 20px 60px;
    }
    .pd4{
        padding:50px 0;
    }
}
@media(max-width: 1280px){
    .pd1,.pd2{
        padding:60px 0;
    }
    .pd2-2 p.p1{
        font-size:20px;
        line-height:50px;
    }
    .pd2-2 {
        margin: 10px auto 50px;
    }
    .pd5{
        padding-top:60px;
    }
}
@media(max-width: 992px){
    .n_banner_text3 h3{
        font-size:26px;
    }
    .pd1 .text h1{
        font-size:28px;
    }
    .pd1 .text p{
        font-size:20px;
    }	
}
@media(max-width: 820px){
    .p_sort p{
        flex-wrap:wrap;
    }
    .n_banner_text3 h3{
        font-size:22px;
        margin-top: 30px;
    }
    .pd1,.pd2{
        padding:50px 0;
    }
    .pd1 .text h1{
        font-size:26px;
        margin-bottom: 10px;
    }
    .pd1 .text p{
        font-size:16px;
    }
    .pd2-2 {
        margin: 10px auto 30px;
    }
    .pd2-2 .text{
        font-size:14px;
        padding:10px 15px;
    }
    .pd5{
        padding-top:50px;
    }
    .pd4-2,.pd4-2 a{
        font-size:14px;
    }
    .pd4{
        padding: 0 0 50px;
    }
    .pd4-1{
        margin-bottom:50px;
    }
    /*.pd4-1 p{*/
    /*	width: calc(33.3333% - 14px);*/
    /*	margin-right: 21px;*/
    /*}*/
    .pd2 .pd2-1{
        padding:0 50px;
        margin-bottom:50px;
    }
}
@media(max-width: 640px){
    .n_banner_text3 h3{
        font-size:18px;
        margin-top: 00px;
    }
    .pd1,.pd2{
        padding:30px 0;
    }
    .pd1 .imgs{
        width:100%;
    }
    .pd1 .text{
        width:100%;
    }
    .pd1 .text h1{
        font-size:22px;
        margin-bottom: 10px;
    }
    /*.pd1 .text p{*/
    /*    font-size:16px;*/
    /*}*/
    .pd2-2 p.p1{
        font-size:16px;
    }
    .pd2-2 {
        margin: 10px auto 20px;
    }
    .pd5{
        padding-top:30px;
    }
    .pd2-3 .text{
        width:100%;
        padding:20px 15px;
    }
    .pd2-3 .imgs{
        width:100%;
    }
    .pd4{
        padding: 0 0 30px;
    }
    .pd4-1{
        margin-bottom:30px;
    }
    /*.pd4-1 p{*/
    /*	width: calc(33.3333% - 6px);*/
    /*	margin-right: 9px;*/
    /*}*/
    .pd3 p{
        width: 100%;
        margin-right: 0%;
        margin-bottom:20px;
    }
    .pd3 p:nth-child(1){
        margin-bottom:20px;
    }
    .pd2 .pd2-1{
        padding:0 40px;
        margin-bottom:30px;
    }
    #c-banner6 .swiper-slide p{
        line-height:1.6;
        margin-top:5px;
    }
}


/*核心优势*/
.advantages1{
    padding:124px 0 120px;
}
.ad_t1{
    font-size: 48px;
    color: #3c4348;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}
.advantages1 ul{
    display: flex;
    flex-wrap: wrap;
    padding-top:125px;
}
.advantages1 ul li{
    position: relative;
    padding-left: 28px;
    padding-right: 15px;
    width: 20%;
}
.advantages1 ul li:last-child{
    margin-right: 0;
}
.advantages1 ul li .img1{
    line-height: 78px;
    margin-bottom: 60px;
}
.advantages1 ul li .img1 img{
    
}
.advantages1 ul li p{
    font-size: 28px;
    color: #3c4348;
    line-height: 1.4;
}
.advantages1 ul li:after{
    content:'';
    position: absolute;
    left:0;
    bottom:5px;
    width: 2px;
    height: 100px;
    background: #d5d6d7;
}
.advantages2{
    padding:116px 0 120px;
    background: #f5f5f5;
}
.ad_t2{
    font-size: 40px;
    color: #76be16;
    font-weight: bold;
    line-height: 1;
}
.ys1_t .txt1{
    padding:32px 0 67px;
    border-bottom: 2px solid #76be15;
    font-size: 14px;
    color: #808080;
    max-width: 980px;
    line-height: 1.8;
    margin-bottom: 35px;
}
.ys1_c1{
    display: flex;
    flex-wrap: wrap;
}
.ys1_c1_l{
    width: 48%;
    margin-right: 4%;
}
.ys1_c1 dl{
    display: flex;
    flex-wrap: wrap;
}
.ys1_c1 dl dt{
    width: 58px;
}
.ys1_c1 dl dd{
    width: calc(100% - 58px);
}
.ys1_c1 dl dd h3{
    font-size: 21px;
    color: #3c4348;
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: 5px;
}
.ys1_c1 dl dd .txt2{
    font-size: 14px;
    color: #808080;
    line-height: 1.6;
}

.ys1_c1 dl ul{
    display: flex;

}
.ys1_c1 dl ul li:last-child{
    margin-right: 0;
}
.ys1_c1 .dl ul li p.p1{
    font-size: 32px;
    color: #3c4348;
    line-height: 1.4;
    margin-top:5px;
}
.ys1_c1 .dl ul li p.p2{
    font-size: 14px;
    color: #3c4348;
}
.ys1_c1 p.p3{
    font-size: 14px;
    color: #808080;
    margin-top:28px;
}
.ys1_c1 .dl1 ul{
    margin-top:28px;
    justify-content: space-between;
}
.ys1_c1 .dl1 ul li .img1{
    line-height: 64px;
}
.ys1_c1 .dl2 ul{
    margin-top:10px;
}
.ys1_c1 .dl2 ul li{
    margin-right: 32px;
}
.ys1_c1 .dl2 ul li .img1{
    line-height: 40px;
}
.ys1_c1 .dl3 ul{
    margin-top:15px;
    align-items: center;
}
.ys1_c1 .dl3 ul li{
    margin-right: 25px;
}
.ys1_c1 .dl4 ul{
    margin-top:30px;
    justify-content: space-between;
}
.ys1_c1 .dl4 ul li{
    text-align: center;
}
.ys1_c1 .dl4 ul li .img2{
    line-height: 40px;
    margin-bottom: 8px;
}
.ys1_c1_r{
    width: 48%;    
}
.ys1_c1_r dl:last-child,.ys1_c2 dl:last-child{
    padding:40px 0 0;
    margin-top:30px;
    border-top:1px solid #bbbdbd;
}
.advantages3{
    padding:124px 0;
}
.advantages3 .wrap{
    display: flex;    
}
.advantages3_l{
    width: 38%;
}
.advantages3 .wrap .text{
    font-size: 14px;
    color: #808080;
    line-height: 1.6;
    margin-top:32px;
}
.advantages3 .wrap .text p{
    
}
.advantages3_r{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 62%;
    padding-left: 11%;
}
.advantages4{
    padding:142px 0 130px;
    background: #f5f5f5;
}
.advantages4 .text{
    padding:35px 0 65px;
    font-size: 14px;
    color: #808080;
}
.advantages4_c{
    display: flex;
    flex-wrap: wrap;
    padding-top:20px;
    border-top:2px solid #76be16;
}
.advantages4_c dl{
    width: 48%;
    margin-right: 4%;
    margin-top:50px;
    display: flex;
    flex-wrap: wrap;
}
.advantages4_c dl:nth-child(2n){
    margin-right: 0;
}
.advantages4_c dl dt{
    width: 37px;
    text-align: center;
}
.advantages4_c dl dd{
    width: calc(100% - 37px);
    padding-left: 16px;
}
.advantages4_c dl dd h3{
    font-size: 21px;
    color: #3c4348;
    font-weight: normal;
    line-height: 1.6;
    margin-bottom: 3px;
}
.advantages4_c dl dd .txt{
    font-size: 14px;
    color: #808080;
    line-height: 1.8;
}
.ad5{
    padding:130px 0;
}
.ad5 .wrap{
    display: flex;
    flex-wrap: wrap;
}
.ad5 .wrap .text{
    display: flex;
    flex-direction: column;
    justify-content: center;  
    width: 40%;
    padding-left: 65px;
}
.ad5 .wrap .text .txt{
    font-size: 14px;
    color: #808080;
    margin-top:18px;
}
.ad5 .wrap .img{
    width: 60%;
}
.advantages5.ad5 .wrap{
    flex-direction: row-reverse;    
}
.advantages5.ad5 .wrap .text{
    padding-left: 0;
    padding-right: 65px;
}

.advantages6{
    background: #f5f5f5;
}


@media(max-width: 1600px){
    .advantages1,.advantages2,.advantages3,.advantages4,.ad5{
        padding:90px 0;
    }
    .ad_t1{
        font-size:36px;
    }
    .advantages1 ul{
        padding-top:80px;
    }
    .advantages1 ul li .img1{
        line-height:55px;
        height:55px;
        margin-bottom: 40px;
    }
    .advantages1 ul li .img1 img{
        transform:scale(.7);
    }
    .advantages1 ul li p{
        font-size:18px;
    }
    .ad_t2{
        font-size:32px;
    }
    .ys1_t .txt1 {
        padding: 20px 0 35px;
    }
    .ys1_c1 dl dd h3{
        font-size:16px;
    }
    .ys1_c1 ul li{
        padding:0 5px;
    }
    .ys1_c1 ul li p{
        font-size:12px;
    }
    .advantages4 .text {
        padding: 20px 0 30px;
    }
    .advantages4_c dl dd h3{
        font-size:17px;
    }
    .advantages3_r{
        padding-left:6%;
    }
}
@media(max-width: 1280px){
    .advantages1,.advantages2,.advantages3,.advantages4,.ad5{
        padding:70px 0;
    }
    .ad_t1{
        font-size:32px;
    }
    .advantages1 ul{
        padding-top:50px;
    }
    .advantages1 ul li p{
        font-size:16px;
    }
    .ad_t2{
        font-size:26px;
    }
    .advantages3_r{
        padding-left:4%;
    }
    .advantages5.ad5 .wrap .text {
        padding-left: 0;
        padding-right: 50px;
    } 
    .ad5 .wrap .text{
        padding-left: 50px;
    }
}
@media(max-width: 992px){
	.ys1_c1_l,.ys1_c1_l{
	    width:100%;
	    margin-right:0;
	}
	.ys1_c1 p.p3{
	    margin:15px 0 20px;
	}
	.ys1_c1_r{
	    width:100%;
	}
	.advantages3 .wrap{
	    flex-wrap:wrap;
	}
	.advantages3 .wrap .text{
	    margin-top:20px;
	}
	.advantages3_l{
	    width:100%;
	}
	.advantages3_r{
	    width:100%;
	    margin-top:20px;
	    padding-left:0;
	}
	.advantages3_r p{
	    margin:0 10px;
	}
    .advantages4 .text {
        padding: 15px 0 20px;
    }
    .advantages4_c dl dd h3{
        font-size:16px;
    }
    .ad5 .wrap .text{
        padding-left: 35px;
    }
    .advantages5.ad5 .wrap .text {
        padding-right: 35px;
    } 

}
@media(max-width: 820px){
    .advantages1,.advantages2,.advantages3,.advantages4,.ad5{
        padding:55px 0;
    }
    .ad_t1{
        font-size:26px;
    }
    .advantages1 ul li .img1{
        margin-bottom:20px;
    }
    .advantages1 ul li .img1 img{
        transform:scale(1);
        max-width:50px;
    }
    .advantages1 ul li:after{
        height:70px;
        bottom:0;
    }
    .advantages1 ul li p{
        font-size:14px;
    }
    .ad_t2{
        font-size:24px;
    }
    .ys1_t .txt1 {
        padding: 10px 0 20px;
        margin-bottom: 20px;
    }
    .ys1_c1 .dl1 ul{
        flex-wrap:wrap;
        margin-top:10px;
    }
    .ys1_c1 .dl1 ul li{
        width:50%;
        padding:5px 0;
    }
    .ys1_c1 .dl1 ul li .img1{
        line-height:50px;
    }
    .ad5 .wrap .text{
        width:100%;
        padding:20px 0 0;
    }
    .ad5 .wrap .img{
        width:100%;
    }
    .ad5 .wrap .text{
        padding-left: 0px;
    }
    .advantages5.ad5 .wrap .text {
        padding-right: 0px;
    }
}
@media(max-width: 640px){
    .advantages1,.advantages2,.advantages3,.advantages4,.ad5{
        padding:35px 0;
    }
    .ad_t1{
        font-size:22px;
    }
    .advantages1 ul li p{
        font-size:13px;
    }
    .ad_t2{
        font-size:20px;
    }
    .ys1_c1 .dl4 ul{
        flex-wrap:wrap;
        margin-top: 10px;
    }
    .ys1_c1 .dl4 ul li{
        width:50%;
        padding:5px 0;
    }
    .ys1_c1 .dl4 ul li .img2{
        line-height:32px;
    }
    .advantages1 ul li{
        width:50%;
        padding:5px 20px;
    }
    .advantages1 ul li .img1{
        line-height:40px;
        margin-bottom:15px;
    }
    .advantages1 ul li:nth-child(3) .img1 img,.advantages1 ul li:nth-child(4) .img1 img{
        max-height:35px;
    }
    .advantages4_c dl{
        margin-top: 20px;
        width:100%;
        margin-right:0;
    }
    .ys1_c1 dl.dl1{
        border-bottom: 1px solid #bbbdbd;     
        margin-bottom: 25px;
    }
    .ys1_c1_r dl:last-child, .ys1_c2 dl:last-child {
        padding: 25px 0 0;
        margin-top: 20px;
        border-top: 1px solid #bbbdbd;
    }
}

/*news*/
.m_main1{
	padding:60px 0 5px;
	background:#f5f5f5;
}
.date_select .topmenu{
	margin-bottom: 28px;
	justify-content: flex-end;
}
.date_select .topmenu dt{
	max-width: 145px;
}
.date_select .select_textdiv{
	height: 34px;
	font-size: 18px;
	color: #3c4348;
}
.news_list-1{

}
.news_list-1 li{
	margin-bottom: 110px;
}
.news_list-1 li a{
	display: flex;
	flex-wrap: wrap;
}
.news_list-1 li .img{
	width: 37%;
}
.news_list-1 li .img img{
	width: 100%;
	height: 100%;
}
.news_list-1 li .text{
	width: 63%;
	background:#fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding:20px 100px;
}
.news_list-1 li .text h3{
	font-size: 21px;
	color: #3c4348;
}
.news_list-1 li .text .txt{
	font-size: 16px;
	color: #6d6e6e;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin:10px 0 80px;
}
.news_list-1 li .text .n_news_b{
	display: flex;
	justify-content: space-between;
}
.news_list-1 li .text .n_news_b span{
	font-size: 12px;
	color: #6d6e6e;
	display: block;
}
.news_list-1 li .text .n_news_b em{
	font-style: normal;
	font-size: 12px;
	color: #7fbe26;
	display: block;
	padding-right: 12px;
	background:url(../images/more1_h.png) no-repeat right center;
}
.news_list-1 li:hover .img img{
	transform: scale(1.1);
}
.news_list-1 li:hover .text{
	background:#7fbe26;
}
.news_list-1 li:hover .text h3,.news_list-1 li:hover .text .txt,.news_list-1 li:hover .text .n_news_b span{
	color: #fff;
}
.news_list-1 li:hover .text .n_news_b em{
	color: #fff;
	background:url(../images/more1.png) no-repeat right center;
}
.news_list-2{
	display: flex;
	flex-wrap: wrap;
}
.news_list-2 li{
	width: calc(50% - 10px);
	margin-right: 20px;
	margin-bottom: 40px;
}
.news_list-2 li:nth-child(2n){
	margin-right: 0;
}
.news_list-2 li .img{
	position: relative;
}
.news_list-2 li .img:after{
	content:'';
	position: absolute;
	top:50%;
	left:50%;
	width: 70px;
	height: 70px;
	background:url(../images/player1.png) no-repeat center;
	background-size: contain;
	margin: -35px 0 0 -35px;
	opacity: 0;
}
.news_list-2 li:hover .img:after{
    opacity: 1;
}
.news_list-2 li .img img{
	width: 100%;
}
.news_list-2 li .text{
	border-bottom: 2px solid #dbdbdb;
	padding:25px 0 ;
}
.news_list-2 li .text h3{
	font-size: 20px;
	color: #333;
	margin-bottom: 20px;
	line-height: 1.4;
}
.news_list-2 li .text .news_b2{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.news_list-2 li .text .news_b2 span{
	font-size: 12px;
	color: #6d6e6e;
	display: block;
}
.news_list-2 li .text .news_b2 .img1{

}
.news_lb{
	opacity: 0;
	position: absolute;
	top:0;
	left:0;
	z-index:-999;
}
.news_list-2 li:hover .img img{
	transform: scale(1.1);
}
.news_list-2 li:hover .text h3{
	color: #7fbe26;
}

.news_detail{
	background:#f5f5f5;
	padding:130px 0 115px;
}
.news_detail .wrap{
	max-width: 790px;
}
.news_detail h1{
	font-size: 21px;
	color: #3c4348;
	font-weight: normal;
	line-height: 1.4;
}
.news_detail .news_info{
	display: flex;
	justify-content: space-between;
	padding:15px 0 10px;
	border-bottom: 2px solid #bcbebf;
	margin-bottom: 30px;
}
.news_detail .news_info span{
	font-size: 12px;
	color: #3c4348;
}
.news_detail .news_info em{
	font-size: 12px;
	color: #3c4348;
	font-style: normal;	
}
.news_detail .content{
	font-size: 14px;
	color: #3c4348;
}
.news_detail .content strong{
	font-size: 20px;
	display: block;
	margin-bottom: 15px;
}
.news_end{
	font-size: 14px;
	color: #3c4348;
	text-align: center;
	padding-top:12px;
	border-top:2px solid #bcbebf;
	margin-top:70px;
}
.news_dt{
	margin-top:50px;
}
.news_dt h2{
	font-size: 21px;
	color: #3c4348;
	font-weight: normal;
	margin-bottom: 20px;
}
.news_list3{
	display: flex;
	flex-wrap: wrap;
}
.news_list3 li{
	width: calc(50% - 15px);
	margin-right: 30px;
}
.news_list3 li:nth-child(2n){
	margin-right: 0;
}
.news_list3 li a{
	display: block;
}
.news_list3 li .img{

}
.news_list3 li .text{
	padding:15px 22px;
	background:#fff;
}
.news_list3 li h3{
	font-size: 16px;
	color: #3c4348;
	line-height: 1.6;
	font-weight: normal;
}
.news_list3 li .text_more{
	display: flex;
	justify-content: space-between;
	margin-top:10px;
}
.news_list3 li .text_more em{
	font-style: normal;
	display: block;
	padding-right: 12px;
	background:url(../images/more1_h.png) no-repeat right center;
	color: #7fbe26;
}
.news_list3 li:hover .img img{
	transform: scale(1.1);
}
.news_list3 li:hover .text{
	background:#7fbe26;
}
.news_list3 li:hover .text h3,.news_list3 li:hover .text .text_more{
	color: #fff;
}
.news_list3 li:hover .text .text_more em{
	color: #fff;
	background:url(../images/more1.png) no-repeat right center;
}
@media(max-width: 1600px){
    .news_list-1 li{
        margin-bottom:50px;
    }
    .news_list-1 li .text{
        padding:20px 60px;
    }
    .news_list-1 li .text h3{
        font-size:18px;
    }
    .news_list-1 li .text .txt {
        font-size: 15px;
        margin: 5px 0 35px;
    }
    .news_detail{
        padding:70px 0;
    }
    .news_detail h1{
        font-size:18px;
    }
    .news_end {
        border-top: 1px solid #bcbebf;
        margin-top: 40px;
    }
    .news_list-2 li .text h3{
        font-size:16px;
    }
}
@media(max-width: 1280px){
    .news_list-1 li{
        margin-bottom:30px;
    }
    .news_list-1 li .text{
        padding:20px 35px;
    }
    .news_list-1 li .text h3{
        font-size:16px;
    }
    .news_dt {
        margin-top: 30px;
    }
    .news_list-2 li .text{
        padding:15px 0;
    }
}
@media(max-width: 992px){
	
}
@media(max-width: 820px){
    .news_list-1 li{
        margin-bottom:20px;
    }
    .news_list-1 li .text{
        padding:20px 20px;
    }
    .news_list-1 li .text h3{
        font-size:15px;
        line-height:1.4;
    }
    .news_list-1 li .text .txt {
        font-size: 14px;
        margin: 10px 0 20px;
        line-height:1.6;
    }
    .news_detail{
        padding:50px 0;
    }
    .news_detail h1{
        font-size:16px;
    }
    .news_detail .news_info {
        padding: 10px 0 10px;
        border-bottom: 1px solid #bcbebf;
        margin-bottom: 12px;
    }
    .news_end {
        margin-top: 20px;
    }
    .news_dt {
        margin-top: 15px;
    }
    .news_dt h2{
        margin-bottom:10px;
    }
    .news_list3 li .text{
        padding:15px;
    }
    .news_list3 li h3{
        font-size:14px;
    }
    .news_list-2 li .text{
        padding:12px 0;
    }
    .news_list-2 li .text h3{
        font-size:15px;
        margin-bottom:5px;
    }
    .news_list-2 li .img:after {
        width: 50px;
        height: 50px;
        margin: -25px 0 0 -25px;
    }
}
@media(max-width: 640px){

    .news_list-1 li{
        margin-bottom:15px;
    }
    .news_list-1 li .img{
    	width: 100%;
    }
    .news_list-1 li .text{
        width:100%;
        padding:20px 15px;
    }
    .news_detail{
        padding:30px 0;
    }
    .news_list3 li {
        width: 100%;
        margin-right: 0px;
        margin-bottom:15px;
    }

}


/*企业人文--图*/
.news_qyrw{

}
.news_qyrw ul li{
	margin-bottom:70px;
}
.news_qyrw ul li:last-child{

}
.news_qyrw_t{

}
.news_qyrw_t h3{
	font-size:24px;
	color: #3c4348;
}
.news_qyrw_t p{
	margin:15px 0 30px;
	line-height: 1.8;
	font-size:14px;
	color: #6d6e6e;
}
.news_qyrw_list{
	display: flex;
	flex-wrap: wrap;
}
.news_qyrw_list p{
	margin-right: 2%;
	width: 32%;
	margin-bottom:25px;
	border-radius: 10px;
	overflow: hidden;
}
.news_qyrw_list p img{
	width: 100%;
	height: 100%;
	transition: all 0.5s ease-out;
}
.news_qyrw_list p:nth-child(1){
	margin-right: 2%;
	width: 66%;
}
.news_qyrw_list p:nth-child(2){
	margin-right: 0;	
	width: 32%;	
}
.news_qyrw_list p:nth-child(3n+2){
	margin-right: 0;
}
.news_qyrw_list p:hover img{
	transform: scale(1.1);
}

/*车趣生活*/
.news_pbl{
    
}
.news_pbl .wrap{
    width: 90%;
    max-width: 1760px;
   
}
.news_pbl ul{
    column-count: 6;
    column-gap: 20px;
}
.news_pbl ul a{
    display: block;
   position: relative; 
    cursor: pointer;
    /* 避免子元素被分割 */
    page-break-inside: avoid;
    /*避免子元素被分割 方式2*/
    /*-webkit-column-break-inside: avoid;*/
    display: flex;
    /*display: flex!important;*/
    margin-bottom: 20px;
    /*height:100%;*/

    /*align-items: center;*/
    box-sizing: border-box;
    flex-wrap: wrap;
    /*max-width: 348px;*/
    align-items: center;
    cursor: default;
    border-radius: 6px;
    overflow: hidden;
}
.news_pbl ul a:after{
    content:'';
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    background: rgba(127,190,38,.5);
    opacity: 0;
    display: none;
}
.news_pbl ul a img{
    width: 100%;
    transition: all 0.5s ease-out;
}
.news_pbl ul a:hover img{
    transform: scale(1.1);
}
.news_pbl ul a:hover:after{
    opacity: 1;
}
@media(max-width: 1600px){
    .news_qyrw ul li{
    	margin-bottom:50px;
    }
    .news_qyrw_t p{
    	margin:10px 0 30px;
    }
}
@media(max-width: 1280px){
    .news_qyrw_t h3{
    	font-size:22px;
    }	
}
@media(max-width: 992px){
    .news_qyrw ul li{
    	margin-bottom:30px;
    }	
}
@media(max-width: 820px){
    .news_qyrw_t h3{
    	font-size:20px;
    }
    .news_qyrw_t p{
    	margin:5px 0 20px;
    }
    .news_qyrw_list p{
    	margin-bottom:15px;
    }
    .news_pbl ul{
        column-count: 3;
        column-gap: 15px;
    }
    .news_pbl ul a{
        margin-bottom:15px;
    }
}
@media(max-width: 640px){
    .news_qyrw ul li{
    	margin-bottom:20px;
    }	
    .news_qyrw_t h3{
    	font-size:17px;
    }
    .news_qyrw_list p{
    	margin-right: 2%;
    	width: 49%;
    	margin-bottom:12px;
    }
    .news_qyrw_list p:nth-child(1){
    	margin-right: 0%;
    	width: 100%;
    }
    .news_qyrw_list p:nth-child(2){
    	margin-right: 0;	
    	width: 100%;	
    }
    .news_qyrw_list p:nth-child(3n+2){
    	margin-right: 2%;
    }
    .news_qyrw_list p:nth-child(2n){
    	margin-right: 0;	
    }
    .news_pbl ul{
        column-count: 2;
        column-gap: 12px;
    }
    .news_pbl ul a{
        margin-bottom:12px;
    }
}


.about1{
	padding:122px 0;
	background:#f5f5f5;
}
.about1 .wrap{
	display: flex;
	flex-wrap: wrap;
}
.about1 .wrap .text{
	width: 33%;
	padding-right: 50px;
	padding-top:65px;
/*    display: flex;
    flex-direction: column;
    justify-content: center;*/
}
.about1 .wrap .text h3{
	font-size:32px;
	color: #3c4348;
	font-weight: normal;
	margin-bottom:22px;
}
.about1 .wrap .text .txt{
	font-size:16px;
	color: #838789;
	line-height: 1.8;
	max-width: 405px;
}
.about1 .wrap .img{
	width: 67%;
}
.about2{
	padding:105px 0 140px;
}
.ab_t1{
	font-size:32px;
	color: #3c4348;
	text-align: center;
	font-weight: bold;
}
.wh_list1{
	margin-top:85px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.wh_list1 li{
	display: flex;
	position: relative;
/*	flex-wrap: wrap;*/
}
.wh_list1 li:nth-child(2){
	padding:0 10%;
}
.wh_list1 li:nth-child(2):before{
	content:'';
	position: absolute;
	top:50%;
	left:0;
	width: 2px;
	height: 98px;
	background:#e2e3e3;
	margin-top:-49px;
}
.wh_list1 li:nth-child(2):after{
	content:'';
	position: absolute;
	top:50%;
	right:0;
	width: 2px;
	height: 98px;
	background:#e2e3e3;
	margin-top:-49px;
}
.wh_list1 li .img1{
    width: 100px;
    text-align: center;
}
.wh_list1 li .text{
	/*padding-left: 16px;*/
}
.wh_list1 li .text h3{
	font-size:42px;
	color: #7fbe26;
	line-height: 1;
	margin-bottom:10px;
}
.wh_list1 li .text p{
	font-size:21px;
	color: #595757;
	line-height: 1.4;
}
.wh_cont{

}
.wh_cont h2{
	margin:80px 0 40px;
	font-size:42px;
	line-height: 66px;
	color: #7fbe26;
	font-weight: normal;
	padding-left: 100px;
	background:url(../images/wh.png) no-repeat 22px center;
}
.wh_list2{
	display: flex;
	flex-wrap: wrap;
}
.wh_list2 li{
	position: relative;
	background:#7fbe26;
	padding:35px 44px;
	width: calc(33.333% - 14px);
	margin-right: 21px;
	color: #fff;
	min-height: 250px;
}
.wh_list2 li:nth-child(3n){
	margin-right: 0;
}
.wh_list2 li .text{

}
.wh_list2 li .text h3{
	font-size:36px;
	line-height: 1;
	font-weight: normal;
	margin-bottom:15px;
}
.wh_list2 li .text .txt{
	display: flex;
	flex-wrap: wrap;
}
.wh_list2 li .text .txt p{
	font-size:18px;
}
.wh_list2 li:nth-child(1) .text .txt{
	max-width: 200px;
}
.wh_list2 li:nth-child(1) .text .txt p{
	width: 33.333%;
}
.wh_list2 li:nth-child(2) .text .txt p{
	width: 100%;
}
.wh_list2 li:nth-child(3) .text .txt p{
	width: 50%;
}
.wh_list2 li p.p1{
	font-size:100px;
	line-height: 1;
	color: #fff;
	opacity: .2;
	position: absolute;
	right:8px;
	bottom:5px;
	font-weight: bold;
}
.about3{
	background:#f5f5f5;
	padding:115px 0;
}
.about3 .text{
	font-size:16px;
	color: #3c4348;
	text-align: center;
	margin:20px 0 70px;
}
.about3 ul{
	display: flex;
	flex-wrap: wrap;
}
.about3 ul li{
	text-align: center;
	width: calc(50% - 9px);
	margin-right: 18px;
}
.about3 ul li:nth-child(2n){
	margin-right: 0;
}
.about3 ul li p{
	font-size:18px;
	color: #3c4348;
	margin-top:26px;
}
.about4{
	padding:120px 0 105px;
}
.fgs{
	margin-top:60px;
	position: relative;
}
.fgs .swiper-button-prev{
	width: 19px;
	height: 31px;
	background:url(../images/ab_left1.png);
	margin-top:-105px;
	outline: none;
	left:-70px;
}
.fgs .swiper-button-next{
	width: 19px;
	height: 31px;
	background:url(../images/ab_right1.png);
	margin-top:-105px;
	outline: none;	
	right:-70px;
}
#c-banner4{
	padding-bottom:90px;
}
#c-banner4 .swiper-slide:hover .img img{
	transform: scale(1.1);
}
#c-banner4 p{
	color: #fff;
	font-size: 30px;
	line-height: 1;
	position: absolute;
	top:30px;
	left:30px;
}
#c-banner4 .swiper-pagination{
	bottom:0;
}
#c-banner4 .swiper-pagination .swiper-pagination-bullet{
	width: 13px;
	height: 13px;
	border-radius: 50px;
	background:#bbbdbe;
	outline: none;
	opacity: 1;
}
#c-banner4 .swiper-pagination .swiper-pagination-bullet-active{
	background:#7fbe26;
}
.about5{
	background:#f5f5f5;
	padding:95px 0 160px;
}
/*.about5 .swiper-slide{
	max-height: 655px;
}*/
.fzlc{
	height: 655px;
	background:#fff;
	padding:55px;
	overflow: hidden;
	margin-top:60px;
}
.fzlc .swiper-h{
    max-height: 565px;
    overflow: hidden;	
    position: relative;
}
.fzlc .swiper-h .fz_l{
	top:110px;
	left:72%;
	width: 31px;
	height: 19px;
	background:url(../images/ab_top.png) no-repeat center;
}
.fzlc .swiper-h .fz_r{
	top:calc(100% - 200px);
	left:72%;
	width: 31px;
	height: 19px;
	background:url(../images/ab_bottom.png) no-repeat center;
}
.swiper-v{
	overflow: hidden;
}
.fzlc .sw1{
	display: flex;
	flex-wrap: wrap;
	min-height: 550px;
}
.fzlc_cont{
	width: 55%;
	position: relative;
}
.swiper-v{
	padding-bottom:65px;
}
.swiper-v .swiper-pagination{
	text-align: left;
	bottom:0;
}
.swiper-v .swiper-pagination .swiper-pagination-bullet{
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background:#bbbdbe;
	opacity: 1;
}
.swiper-v .swiper-pagination  .swiper-pagination-bullet-active{
	background:#7fbe26;
}
.fzlc_cont h3{
	font-size:21px;
	color: #3c4348;
	font-weight: bold;
	line-height: 1.6;
	padding:25px 0 0;
}
.fzlc_cont p{
	font-size:16px;
	color: #3c4348;
}

.fzlc_year{
	width: calc(45% - 80px);
	font-size:108px;
	color: #7fbe26;
	line-height: 1;
	text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top:-130px;
}
.mySwiper:after{
	content:'';
	position: absolute;
	top: 50px;
    right: 120px;
	width: 2px;
	height: 440px;
	background:#bbbcbd;
}
.s-pagination1{
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 120px;
    padding:35px 0 60px;
}
.s-pagination1 .swiper-pagination-bullet {
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background: #bbbcbd;
	opacity: 1;
	position: relative;
}
.s-pagination1 .swiper-pagination-bullet:before{
	content:'';
	position: absolute;
	left:35px;
	top:50%;
	font-size:21px;
	line-height: 40px;
	color: #bcbdbe;
/*	line-height: 1;*/
	margin-top:-20px;
}
.s-pagination1 .swiper-pagination-bullet:nth-child(1):before{
	content:'2023';
}
.s-pagination1 .swiper-pagination-bullet:nth-child(2):before{
	content:'2022';
}
.s-pagination1 .swiper-pagination-bullet:nth-child(3):before{
	content:'2021';
}
.s-pagination1 .swiper-pagination-bullet:nth-child(4):before{
	content:'2016';
}
.s-pagination1 .swiper-pagination-bullet:nth-child(5):before{
	content:'2015';
}
.s-pagination1  .swiper-pagination-bullet-active{
	background:#7fbe26;
}
@media(max-width: 1600px){
    .about1,.about2,.about3,.about4,.about5{
        padding:90px 0;
    }
    .about1 .wrap .text {
        padding-right: 35px;
        padding-top: 50px;
    }
    .about1 .wrap .text .txt{
        font-size:15px;
    }
    .wh_list1{
        margin-top:60px;
    }
    .wh_list1 li:nth-child(2){
    	padding:0 6%;
    }
    .wh_list1 li .text h3{
        font-size:26px;
    }
    .wh_list1 li .text p{
        font-size:15px;
    }
    .wh_cont h2{
        font-size:26px;
    }
    .wh_list2 li .text h3{
        font-size:26px;
    }
    .wh_list2 li .text .txt p {
        font-size: 15px;
    }
    .wh_list2 li p.p1{
        font-size:70px;
    }
    .about3 .text{
        font-size:15px;
        margin: 20px 0 50px;
    }
    .about3 ul li p{
        font-size:15px;
        margin-top: 20px;
    }
    #c-banner4{
        padding-bottom:70px;
    }
    #c-banner4 p{
        font-size:24px;
    }
    .fgs .swiper-button-prev{
        left:0;
    }
    .fgs .swiper-button-next{
        right:0;
    }
    .fzlc{
        margin-top:50px;
        height:600px;
    }
    .fzlc_year{
        font-size:70px;
    }
    .s-pagination1 .swiper-pagination-bullet:before{
        font-size:16px;
    }
    .fzlc_cont h3{
        font-size:18px;
    }
    .fzlc_cont p{
        font-size:15px;
    }
    .swiper-v{
        /*padding-bottom:40px;*/
        position:relative;
    }
}
@media(max-width: 1280px){
    .about1,.about2,.about3,.about4,.about5{
        padding:70px 0;
    }
    .about1 .wrap .text {
        padding-right: 25px;
        padding-top: 30px;
    }
    .ab_t1{
        font-size:26px;
    }
    .wh_list1{
        margin-top:50px;
    } 
    .wh_list1 li .text h3{
        font-size:22px;
    }
    .wh_list1 li .text p{
        font-size:14px;
    }
    .wh_list1 li .img1 img{
        max-width:40px;
    }
    .wh_cont h2 {
        margin: 50px 0 30px;
        font-size: 22px;
        line-height: 55px;
        background: url(../images/wh.png) no-repeat 30px center;
        background-size:40px;
    }
    .about3 .text{
        font-size:14px;
        margin: 10px 0 30px;
    }
    .about3 ul li p{
        font-size:14px;
        line-height:1.5;
        margin-top: 15px;
    }
    #c-banner4 p{
        font-size:20px;
    }
    .fgs{
        margin-top:40px;
    }
    .fgs .swiper-button-prev,.fgs .swiper-button-next{
        display:none;
    }
    .fzlc {
        padding: 35px;
    }
    .fzlc_year {
        font-size: 52px;
    }
}
@media(max-width: 992px){
    .about1 .wrap .text h3{
        font-size:26px;
        margin-bottom:10px;
        line-height:1.6;
    }
    .about1 .wrap .text .txt{
        font-size:14px;
    }
    .wh_list1 li:nth-child(2){
        padding:0 4%;
    } 
    .wh_list1 li .img1{
        width:65px;
    }
    .wh_list1 li .img1 img{
        max-width:35px;
    }
    .wh_cont h2{
        padding-left:65px;
        background: url(../images/wh.png) no-repeat 16px center;
        background-size:35px;
    }
    .wh_list2 li{
        padding:20px 25px;
        min-height:200px;
    }
    .wh_list2 li .text h3{
        font-size:24px;
    }
    .wh_list2 li .text .txt p {
        font-size: 14px;
    }
    .wh_list2 li p.p1{
        font-size:52px;
    }
}
@media(max-width: 820px){
    .about1,.about2,.about3,.about4,.about5{
        padding:50px 0;
    }
    .about1 .wrap .text{
        width:40%;
    }
    .about1 .wrap .text h3{
        font-size:24px;
    }
    .about1 .wrap .img{
        width:60%;
    }
    .ab_t1{
        font-size:24px;
    }
    .wh_list1{
        margin-top:35px;
    }
    .wh_list1 li:nth-child(2){
        padding:0 3%;
    } 
    .wh_list1 li .text h3{
        font-size:20px;
    }
    .wh_cont h2{
        margin: 30px 0 20px;
    }
    .wh_list2 li{
        padding:20px 15px;
        min-height:200px;
    }
    .wh_list2 li .text h3{
        font-size:20px;
    }
    .wh_list2 li p.p1{
        font-size:42px;
    }
    .fgs{
        margin-top:30px;
    }
    #c-banner4{
        padding-bottom:50px;
    }
    #c-banner4 p{
        font-size:16px;
    }
    .fzlc{
        margin-top:30px;
        min-height:700px;
    }
    .fzlc .sw1{
        min-height:600px;
    }
    .fzlc .swiper-h {
        max-height: 700px;
    }
    .mySwiper:after{
        display:none;
        width:100%;
        height:2px;
        top: calc(100% - 20px);
        right: 0;
        left:0;
    }
    .s-pagination1{
        flex-direction: row;
        height:auto;
        padding:0;
        display:none;
    }
    .s-pagination1 .swiper-pagination-bullet{
        margin:0 10px!important;
    }
    .s-pagination1 .swiper-pagination-bullet:before{
        top:15px;
        left:-10px;
        margin-top: 0;
        /*width:50px;*/
        /*margin-left:-25px;*/
        text-align:center;
    }
    .fzlc_cont{
        width:100%;
    }
    .fzlc_year {
        width: 100%;
        font-size: 42px;
        margin-top: 0px;
    }
    .fzlc .swiper-h .fz_l{
        top: calc(100% - 12px);
        transform: rotate(-90deg);
        left: calc(50% - 100px);        
    }
    .fzlc .swiper-h .fz_r{
        top: calc(100% - 12px);
        transform: rotate(-90deg);
        left:calc(50% + 70px);       
    }
}
@media(max-width: 640px){
    .about1,.about2,.about3,.about4,.about5{
        padding:30px 0;
    }
    .about1 .wrap .text {
        padding: 0px 0 20px;
        width:100%;
    }
    .about1 .wrap .text h3{
        font-size:20px;
    }
    .about1 .wrap .img{
        width:100%;
    }
    .ab_t1{
        font-size:20px;
    }
    .wh_list1{
        margin-top:20px;
    }
    .wh_list1 li{
        width:50%;
    }
    .wh_list1 li:nth-child(2){
        padding:0;
        border:none;
    }
    .wh_list1 li:nth-child(2):before,.wh_list1 li:nth-child(2):after{
        display:none;
    } 
    .wh_list1 li:nth-child(3){
        width:100%;
        margin-top:20px;
    }
    .wh_list1 li .img1{
        width:55px;
    }
    .wh_list1 li .text h3{
        font-size:16px;
    }
    .wh_list1 li .text p{
        font-size:13px;
    }
    .wh_cont h2 {
        margin: 25px 0 10px;
        padding-left: 55px;
        font-size:16px;
        background: url(../images/wh.png) no-repeat 16px center;
        background-size: 30px;
    }
    .wh_list2 li{
        width:100%;
        margin-right:0;
        margin-bottom:15px;
        min-height:180px;
    }
    .fgs{
        margin-top:20px;
    }
    #c-banner4{
        padding-bottom:40px;
    }
    .fzlc{
        margin-top:20px;
        min-height:400px;
        height:500px;
        padding: 20px;
    }
    .fzlc .sw1{
        min-height:400px;
    }
    .fzlc_cont{
        height:auto;
    }
    .fzlc_year{
        font-size:26px;
    }
}

/*contact*/
.n_contact{
	padding:130px 0 110px;
	background:#f5f5f5;

}
.n_sort_cont{
    /*position: sticky;*/
    /*top:66px;*/
    /*left: 0;*/
    /*z-index: 9999;*/
    /*border-bottom: 10px solid rgba(245,245,245);*/
}
.sort{
    position: relative;
    top: 0;
    left: 50%;
    margin-left: -359px;
    max-width: 718px;
    width: 100%;
    height: 78px;
    background: #fff;
    border-radius: 20px 20px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    margin-top: -78px;
    /*border-bottom: 1px solid #f5f5f5;*/
}
.sort li{
	width: 33.3333%;
	text-align: center;
}
.sort li a{
	font-size: 18px;
	color: #9e9f9f;
	display: inline-block;
	position: relative;
	line-height: 1;
}
.sort li a:after{
	content:'';
	position: absolute;
	left:0;
	bottom:-8px;
	width: 100%;
	height: 2px;
	background:#7fbe26;
	opacity: 0;
}
.sort li.on a.list_item1,.sort li a:hover,.sort li a.cur{
	color: #7fbe26;
}
.sort li.on a.list_item1:after,.sort li a:hover:after,.sort li a.cur:after{
	opacity: 1;
}
.sort li .layer2{
    position: absolute;
    top: 78px;
    left: 0;
    width: 100%;
    padding: 20px 0 0;
    display: none;
}
.sort li .layer2 a{
    font-size: 16px;
    color: #9fa0a0;
    display: inline-block;
    margin: 0 30px;    
}
.sort li .layer2 a:after{
    display: none;
}
.sort li .layer2 a:hover,.sort li .layer2 a.cur{
    color: #7fbe26;
}
/*.sort li:hover .layer2,*/
.sort li.on .layer2{
    display: flex!important;
    justify-content: center;
}
.n_contact1{

}
.n_contact1{
	display: flex;
	flex-wrap: wrap;
}
.n_contact1_l{
	width: 34%;
	padding-right: 50px;
	padding-top:18px;
}
.n_contact1_l p{
	font-size: 18px;
	color: #3c4348;
	margin-bottom:8px;
}
.n_contact1_l p.p1{
	margin-bottom:16px;
}
.n_contact1_r{
	width: 66%;
}
#map1 {
    overflow: hidden;
    height: 400px;
    position: relative;
    width: 100%;
}
.n_contact2{
	padding-top:115px;
	display: flex;
	justify-content: space-between;
}
.message2{
	width: 66%;
}
.message2 h2{
	font-size: 21px;
	color: #3c4348;
	margin-bottom: 22px;
}
.message2 ul{
	display: flex;
	flex-wrap: wrap;
}
.message2 ul li{
	width: calc(50% - 10px);
	margin-bottom: 20px;
}
.message2 ul li:nth-child(1){
	display: none;
}
.message2 ul li:nth-child(2){
	margin-right: 20px;
}
.message2 ul li:last-child{
	width: 100%;
}
.message2 ul li input{
	display: block;
	width: 100%;
	outline: none;	
	border:2px solid #c9c6c6;
	line-height: 46px;
	font-size: 14px;
	color: #b4b6b7;
	padding:0 15px;
}
.message2 ul li textarea{
	display: block;
	width: 100%;
	outline: none;
	border:2px solid #c9c6c6;
	line-height: 46px;	
	height: 142px;	
	font-size: 14px;
	color: #b4b6b7;
	font-family: "思源黑体";
	padding:0 15px;
}
.message2 .mess_tn input{
	margin:10px 0 0;
	font-weight: bold;
}
.c_code{
	max-width: 34%;
	text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.c_code img{
    max-width: 150px;
}
.c_code p{
	font-size: 17px;
	color: #3c4348;
}
@media(max-width: 1600px){
    .n_contact{
    	padding:90px 0;
    }
    .sort li a{
        font-size:16px;
    }
    .sort li .layer2 a{
        font-size:15px;
    }
    .n_contact1_l p{
        font-size:15px;
    }
    .n_contact2{
        padding:90px 0 0;
    }
    .c_code{
        font-size:15px;
    }
}
@media(max-width: 1280px){
    .n_contact{
    	padding:70px 0;
    }
    .n_contact1_l{
        width:40%;
    }
    .n_contact1_r{
        width:60%;
    }
    #map1{
        height:300px;
    }
    .n_contact2{
        padding:70px 0 0;
    }
}
@media(max-width: 992px){
	
}
@media(max-width: 820px){
    .n_contact{
    	padding:50px 0;
    }
    .sort{
        width:100%;
        max-width:100%;
        left:0;
        margin-left:0;
    }
    .n_contact2{
        padding:50px 0 0;
    }
    .message2 ul li{
        margin-bottom:15px;
    }

}
@media(max-width: 640px){
    .n_contact{
    	padding:30px 0;
    }
    .sort {
        margin-top: 0;
    }
    .sort li a{
        font-size:15px;
    }
    .sort li .layer2{
        padding:15px 0 0;
    }
    .sort li .layer2 a{
        font-size:14px;
    }
    .n_contact1_l{
        width:100%;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom:20px;
    }
    .n_contact1_l p.p1{
        margin-bottom:5px;
    }
    .n_contact1_l p.p1 img{
        max-width:220px;
    }
    .n_contact1_l p{
        margin-bottom:0;
    }
    .n_contact1_r{
        width:100%;
    }
    #map1{
        height:220px;
    }
    .n_contact2{
        padding:30px 0 0;
    }
    .message2{
        width:100%;
    }
    .c_code{
        display:none;
    }
    .message2 ul li{
        margin-bottom:12px;
    }
    .message2 h2{
        margin-bottom:15px;
    }
}


/*job*/
.n_job{
	background:#f5f5f5;
	padding:106px 0;
}
.job_list{
	display: flex;

}
.job_list li.li1{
	width: calc(33.333% - 14px);
	margin-right: 21px;
	background:#fff;
	padding:27px 27px 30px;
	border-top:2px solid #7fba26;
	margin-bottom: 20px;
}
.job_list li.li1:nth-child(3n){
	margin-right: 0;
}
.job1{
	cursor: pointer;
}
.job1 h3{
	font-size: 18px;
	color: #231815;
}
.job_intro{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.job_intro_l{
	font-size: 14px;
	color: #808080;
	display: flex;
	align-items: center;
}
.job_intro_l p:nth-child{

}
.j_line1{
	width: 1px;
	height: 12px;
	background:#b5b4b4;
	margin: 0 14px;
}
.job1 dl{
	padding-top:20px;
	margin-top:20px;
	border-top:1px solid #d2d3d4;
}
.job1 dl dt{
	color: #231815;
}
.job1 dl dd{
	line-height: 1.6;
}
.job_list li.li1:hover,.job_list li.cur{
	background:#7fba26;
}
.job_list li.li1:hover .job1 h3,.job_list li.li1:hover .job1 .job_intro_l,.job_list li.li1:hover .job1 .job_intro p,.job_list li.li1:hover .job1 dl dt,.job_list li.li1:hover .job1 dl dd,
.job_list li.cur .job1 h3,.job_list li.cur .job1 .job_intro_l,.job_list li.cur .job1 .job_intro p,.job_list li.cur .job1 dl dt,.job_list li.cur .job1 dl dd{
	color: #fff;
}
.job_list li.li1:hover .job1 dl,.job_list li.cur .job1 dl{
	border-top:2px solid #fff;
}
.job_list li.li1:hover .job1 .j_line1,.job_list li.cur .job1 .j_line1{
	background:#fff;
}

.job_bg{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(60,67,72,.5);	
    z-index:-8;
    opacity: 0;	
}
.job_list li.cur .job_bg{
    z-index:8;
    opacity: 1;	
}
.job2{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/*    text-align:center;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 9999999;
	display: none;
}
.job2 .cont{
	width: 100%;
	max-width: 1320px;
	margin:0 auto;
	min-height: 460px;
	background:#fff;
	position: relative;
	z-index:9;
	padding:40px 50px 45px;
}
.job2 .cont h3{
	font-size: 18px;
	color: #231815;	
}
.job2_c{
	display: flex;
	flex-wrap: wrap;
	padding-top:18px;
	border-top:2px solid #90c343;
	margin-top:20px;
}
.job2_c dl{
	width: 32%;
	margin-right: 2%;
}
.job2_c dl:last-child{
	margin-right: 0;
}
.job2_c dl dt{
	font-size: 14px;
	color: #231815;
}
.job2_c .p1{
	margin-top:22px;
}
.job2_c .p1 span{
	font-size: 14px;
	color: #231815;
}
.job2_c dl dd{

}
#apply{
	display: block;
	width: 132px;
	height: 46px;
	font-size: 21px;
	color: #fff;
	text-align: center;
	background:#90c343;
	margin: 50px auto 0;
	cursor: pointer;
}
.job_list li.cur .job2{
	display: flex;
}
.message1{
	display: none;
	margin-top:35px;
}
.message1 ul{
	display: flex;
	flex-wrap: wrap;
}
.message1 ul li{
	width: calc(33.3333% - 10px);
	margin-bottom:15px;
	margin-right: 15px;
}
.message1 ul li:nth-child(4){
	margin-right: 0;
}
.message1 ul li:last-child{
	width: 100%;
	margin-right: 0;
}
.message1 ul li input{
	outline: none;
	font-size: 14px;
	color: #b3b5b6;
	width: 100%;
	border:1px solid #d4d2d1;
	line-height: 46px;
	padding:0 14px;
	display: block;
}
.message1 ul li textarea{
	outline: none;
	font-size: 14px;
	color: #b3b5b6;
	width: 100%;
	border:1px solid #d4d2d1;
	line-height: 46px;
	height: 142px;
	padding:0 14px;
	font-family: " ";
	display: block;
}
.job2 .cont.cur .message1{
	display: block;
}
.mess_tn input{
	border:none;
	outline: none;
	display: block;
	width: 132px;
	height: 46px;
	font-size: 21px;
	color: #fff;
	text-align: center;
	background:#90c343;
	margin: 30px auto 0;
	cursor: pointer;
}
.tzzgx iframe{
	height:calc(100vh - 66px);
	width:100%;
}
.job_banner img{
    opacity: 0;
}
@media(max-width: 1600px){
    .n_banner_text .txt{
        font-size:36px;
    }
    .n_banner_a a {
        width: 160px;
        height: 56px;
        font-size: 18px;
    }
    .n_job{
        padding:90px 0;
    }
    .job_list li.li1{
        padding: 20px 20px;
    }
    #apply {
        width: 120px;
        height: 42px;
        font-size: 16px;
        line-height:42px;
        margin: 30px auto 0;
    }   
    
    .mess_tn input {
        width: 120px;
        height: 42px;
        font-size: 16px;
    }
}
@media(max-width: 1280px){
    .n_banner_text .txt{
        font-size:32px;
        margin-bottom:35px;
    }
    .n_banner_a a {
        width: 120px;
        height: 46px;
        font-size: 16px;
    }
    .n_job{
        padding:70px 0;
    }
    
}
@media(max-width: 992px){
	.job_banner{
	    height:calc(100vh - 50px);
	}
}
@media(max-width: 820px){
	.job_banner{
	    height:calc(100vh - 100px);
	}
    .n_banner_text{
        padding:20px 3% 0;
    }
    .n_banner_text .txt{
        font-size:24px;
        margin-bottom:20px;
    }
    .n_banner_a a {
        width: 100px;
        height: 42px;
        font-size: 15px;
    }    
    .n_job{
        padding:50px 0;
    }    
    #apply,  
    .mess_tn input {
        width:90px;
        height: 40px;
        line-height:40px;
        font-size: 15px;
        margin:20px auto 0;
    }	
    .job_list li.li1{
        width:calc(50% - 10px);
        margin-right:20px;
        margin-bottom:15px;
        padding:20px 15px;
    }
    .job_list li.li1:nth-child(3n){
    	margin-right: 20px;
    }
    .job_list li.li1:nth-child(2n){
    	margin-right: 0;
    }
    .job1 dl {
        padding-top: 15px;
        margin-top: 15px;
    }
    .job2 .cont{
        padding:30px ;
    }
}
@media(max-width: 640px){
	.job_banner{
	    height:calc(100vh - 200px);
	}
    .n_banner_text{
        padding:0px 3% 0;
    }
    .n_banner_text .txt{
        font-size:22px;
        margin-bottom:30px;
    }
    .n_job{
        padding:30px 0;
    }
    .job_list li.li1{
        width:100%;
        margin-right:0px!important;
        margin-bottom:12px;
    }
    .job1 dl {
        padding-top: 12px;
        margin-top: 12px;
    }
    .job2 .cont{
        padding:20px 20px;
    }
    .job2_c dl{
        width:100%;
        margin-right:0;
    }
    .job2_c {
        padding-top: 12px;
        border-top: 1px solid #90c343;
        margin-top: 12px;
        height:300px;
        overflow:scroll;
        padding-right:10px;
    }
    .message1 ul li input{
        line-height:40px;
    }
    .message1 ul li textarea{
        height:84px;
        line-height:42px;
    }
}


h1.title{
    font-size: 22px;
    color: #333;
    text-align: center;
    padding:2em 0 0.5em 0;
    font-weight: normal;
}
.info_title{
    text-align: center;
    font-size: 14px;
    color: #666;
    padding-bottom: 1em;
    border-bottom:1px dashed #dcdcdc;
    margin-bottom: 2em;
}
h3.tag{
    font-size: 14px;
    color: #666;
    font-weight: normal;
}
.page{
    font-size: 14px;
    color: #666;    
}
.page a{
    font-size: 14px;
    color: #666;    
}

@media(max-width: 768px){
    h1.title{
        font-size: 18px;
    }
}

.pageController{
    text-align: center;
    color:#505050;margin:0 auto;
    margin:2em 0;
    line-height:24px;
}
.pageController a{background-color:#FFF;vertical-align:middle; border:#efefef 1px solid; 
    color:#505050;padding:5px 8px; margin-right:3px;margin-left:3px;
}
.pageController a:hover{background-color:#7fbe26;color:#fff; text-decoration:none;border:#7fbe26 1px solid;}
.pageController .currPage {background-color: #7fbe26;color:#fff;border:#7fbe26 1px solid;}
.pageController .t1{
    float:left;margin-right:5px;height:24px;line-height:22px;white-space:nowrap;
    display: none;
}
.pageController .t2{vertical-align:middle;line-height:39px;}
.pageController .t2 #current{
    line-height: 39px;
    background-color: #7fbe26;
    vertical-align: middle;
    border: 1px solid #7fbe26; 
    color: #fff;padding: 5px 8px;
    margin-right: 3px;
    margin-left: 3px;
    width: 39px;
}
.pageController .t1 span{
    /*padding-left:4px;
    padding-right:4px;*/
    width: 39px;
}
.pageController select{height:24px;vertical-align:middle;text-align:center;line-height:24px;
    display: none;
}
.pageController select option{vertical-align:middle;}


.m_f_fixed{
    position: fixed;
    bottom:0;
    left:0;
    background: #7fbe26;
    color: #fff;
    z-index:9999;
    justify-content: center;
    width: 100%;
    display:none;

}
.m_f_fixed a{
    flex:1;
    font-size: 14px;
    color: #fff;
    display: block;
    text-align: center;
    padding:8px 0 0;
}
.m_f_fixed a img{
    width: 22px;
    display: block;
    margin:0 auto 0px;
}
#gotop{
    position: fixed;
    right: 0;
    bottom: 30px;
    cursor: pointer;
}
@media(max-width: 1199px){
    #gotop{
        display: none;
    }
}
@media(max-width:640px){
    .m_f_fixed{
        display: flex;
    }
    footer{
        margin-bottom:56px;
    }
}


/*客服1*/
.client-2 {
    position: fixed;
    right: -170px;
    top: 50%;
    z-index: 900;
}

.client-2 li a {
    text-decoration: none;
}
.client-2 li {
    margin-top: 1px;
    clear: both;
    height: 71px;
    position: relative;
    background: #222;
}

.client-2 li i {
    background: url(../images/fx.png) no-repeat;
    display: block;
    width: 30px;
    height: 27px;
    margin: 0px auto;
    text-align: center;
}

.client-2 li p {
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    color: #fff;
}

.client-2 .my-kefu-qq i {
    background-position: 4px 5px;
}

.client-2 .my-kefu-tel i {
    background-position: 0 -21px;
}

.client-2 .my-kefu-liuyan i {
    background-position: 4px -53px;
}

.client-2 .my-kefu-weixin i {
    background-position: -34px 4px;
}

.client-2 .my-kefu-weibo i {
    background-position: -30px -22px;
}

.client-2 .my-kefu-ftop {
    display: none;
}

.client-2 .my-kefu-ftop i {
    width: 33px;
    height: 35px;
    background-position: -27px -51px;
}

.client-2 .my-kefu-left {
    float: left;
    width: 77px;
    height: 47px;
    position: relative;
}

.client-2 .my-kefu-tel-right {
    font-size: 16px;
    color: #fff;
    float: left;
    height: 24px;
    line-height: 22px;
    padding: 0 15px;
    border-left: 1px solid #fff;
    margin-top: 14px;
}

.client-2 .my-kefu-right {
    width: 20px;
}

.client-2 .my-kefu-tel-main {
    background: #222;
    color: #fff;
    height: 56px;
    width: 247px;
    padding:9px 0 6px;
    float: left;
}

.client-2 .my-kefu-main {
    background: #222;
    width: 97px;
    height: 56px;
    position: relative;
    padding:9px 0 6px;
    float: left;
}

.client-2 .my-kefu-weixin-pic {
    position: absolute;
    left: -140px;
    top: -24px;
    display: none;
    z-index: 333;
}

.my-kefu-weixin-pic img {
    width: 140px;
    height: 140px;
}

@media(max-width: 1199px){
    .client-2{
        display: none;
    }
}


/* 右侧浮窗 客服2 */

#c-right-fixed {
    display: none;
    position: fixed;
    top: 50%;
    right: 5px;
    z-index: 905;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#c-right-fixed a {
    position: relative;
    right: 0;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    width: 60px;
    height: 60px;
    text-align: center;
    color: #777;
    background: #fff;
}

#c-right-fixed a:last-child {
    margin-bottom: 0;
}

#c-right-fixed a:nth-child(3) {
    z-index: 9;
}

#c-right-fixed .c-wrap {
    border: 1px solid #fff;
    padding: 5px 0;
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
    transition: all .5s;
    position: relative;
    z-index:9;
}

#c-right-fixed .c-wrap img {
    height: 28px;
}

#c-right-fixed .c-wrap img:nth-child(2),
#c-right-fixed a:hover .c-wrap img:nth-child(1) {
    display: none;
}

#c-right-fixed a:hover .c-wrap img:nth-child(2) {
    display: inline-block;
}

#c-right-fixed .c-title {
    padding-top: 5px;
    font-size: 12px;
    line-height: 1;
}

#c-right-fixed a:last-child .c-title {
    font-family: "Arial";
    font-weight: bold;
}

#c-right-fixed .c-text {
    flex: 0 0 auto;
    width: 170px;
    font-weight: bold;
    font-size: 20px;
    line-height: 40px;
    border-left: 1px solid #fff;
    color: #fff;
    transition: all .5s;
}

#c-right-fixed .c-img {
    position: absolute;
    right: -300px;
    top: -1px;
    z-index: -1;
    padding: 5px;
    width: 148px;
    border: 1px solid #eff1f5;
    background: #fff;
    transition: .5s;
    box-shadow: 0 0 50px rgba(0, 0, 0, .1);
    z-index:8;
}

#c-right-fixed .c-img::before {
    content: "";
    position: absolute;
    top: 34px;
    right: -8px;
    border-left: 8px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

#c-right-fixed .c-img img {
    width: 100%;
}

#c-right-fixed .c-img .c-text2 {
    padding: 5px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #777;
}

#c-right-fixed a .c-box {
    position: absolute;
    top: 0;
    left: 0;
    padding: 11px 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: #fff;
    transition: all .5s;
    overflow: hidden;
}

#c-right-fixed a:hover .c-wrap {
    color: #fff;
    border-color: #ffaf04;
    background: #ffaf04;
}

#c-right-fixed a:last-child .c-wrap {
    color: #fff;
    border-color: #ffaf04;
    background: #ffaf04;
}

#c-right-fixed a:first-child:hover .c-box {
    width: 250px;
    height: 60px;
    -webkit-transform: translateX(-180px);
    transform: translateX(-180px);
    overflow: none;
    background: #ffaf04;
}

#c-right-fixed a:hover .c-img {
    right: 84px;
}


@media(max-width: 1259px){
    #c-right-fixed{
        display: none;
    }
}


/*客服3*/
.Fast_contact {
    height: 265px;
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -132.5px;
    z-index: 97
}

.Fast_contact ul li.onlineservice_li {
    width: 48px;
    height: 48px;
    position: relative;
    text-align: center;
    margin-bottom: 5px;
    background-color: #bababa;
}

.Fast_contact ul > li.onlineservice_li > a {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-top: 10px;
}

.Fast_contact ul > li:hover .onlineservice_tips {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
}

.onlineService_qq {
    background-image: url("../images/fast.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}

.onlineService_form {
    background-image: url("../images/fastform.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}

.Fast_contact ul > li.onlineservice_li > a.onlineService_tel {
    width: 30px;
    height: 30px;
    background-image: url("../images/fastphone.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}

.onlineService_whatsApp {
    background-image: url("../images/fast.png");
    background-repeat: no-repeat;
    background-position: 0 -139px;
}

.onlineService_email {
    background-image: url("../images/fast.png");
    background-repeat: no-repeat;
    background-position: 0 -111px;
}

.onlineService_skype {
    background-image: url("../images/fast.png");
    background-repeat: no-repeat;
    background-position: 0 -28px;
}

.onlineService_wechat {
    background-image: url("../images/fast.png");
    background-repeat: no-repeat;
    background-position: 0 -266px;
}

.for_wechat span {
    display: block;
    text-align: center;
}

.onlineservice_tips {
    padding: 5px 8px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: absolute;
    right: 58px;
    top: 6px;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transition: all .4s;
    transition: all .4s;
}

.onlineservice_tips li {
    width: auto;
    height: auto;
    white-space: nowrap;
}

.onlineservice_tips li a {
    display: block;
    min-height: 22px;
    text-align: center;
    line-height: 22px;
    color: #737578;
    font-size: 15px;
}

.onlineservice_tips li a.for_wechat {
    height: auto;
}

.onlineservice_tips li a.for_wechat img {
    max-width: 240px;
}

.onlineservice_tips li a:hover {
    text-decoration: underline;
}

.onlineservice_tips:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #ccc;
    border-color: transparent #ccc #ccc transparent;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    right: -6px;
    top: 10px;
    background-color: #fff;
}
@media(max-width:1220px){
    .Fast_contact{
        display:none;
}