.dingwei{
	position: relative;
}

.func {
	animation: myfirst 1s;
	-webkit-animation: myfirst 1s;
	-ms-animation: myfirst 1s;
	-moz-animation: myfirst 1s;
	animation-fill-mode: forwards;
}
@-webkit-keyframes myfirst2 {
	0% {
		top: 100px;
		opacity: 0
	}

	100% {
		top: 0px;
		opacity: 1
	}
}

@-ms-keyframes myfirst {
	0% {
		top: 100px;
		opacity: 0;
		-moz-opacity: 0;
		-ms-opacity: 0;
		-webkit-opacity: 0;
	}

	100% {
		top: 0px;
		opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-webkit-opacity: 1;
	}
}
.qiehuants{
	display: none;
}
.talent_lzh{ width: 100%; height: auto; padding-bottom:70px; background: url('../img/rcln-background.png') no-repeat #eaeaea;}
.talent_lzh-width{ width: 1200px; margin: auto;}
.lzh .index_title{ padding: 0 ; overflow: hidden;}
.lzh .index_title>p{ font-size: 24px; height: 52px; font-weight: normal;}
.lzh .index_title_bj1{ background: none;}
.talent_lzh .index_title{margin-top: 60px;}
.talent_lzh-content{ font-size: 16px; line-height: 27px; margin-top: 50px; color: #333333;}
.flow_lzh{ height: 700px; width: 100%;}
.flow_lzh .index_titles{margin-top: 60px; opacity: 0;}
.flow_lzh-bg{ height: 1038px; width: 100%; background: url('../img/rclnbody_bg.jpg'); position: fixed; top: 0px; z-index: -1;}

.lzh-tab{ width: 1200px; margin:60px auto 20px; opacity: 0;}
.lzh-tab-head{ width: 900px; margin: auto; position: relative;overflow: hidden;}
.lzh-tab-head i{ width: 680px; height: 1px; background: #bfbfbf; position: absolute; top: 20px; left: 110px; z-index: 1;}
.lzh-tab-head ul{ width: 900px; position: relative; z-index: 2;}
.lzh-tab-head li{ width: 225px; float: left; text-align: center; cursor: pointer;}
.lzh-tab-head li span{ display: inline-block; width: 40px; height: 40px; background: #d2d2d2; color: #000; text-align: center; line-height: 40px; border-radius: 40px; font-size: 20px; margin-bottom: 18px;}
.lzh-tab-head li h2{ font-size: 14px; color: #fff;}
.lzh-tab-head li.on span{ background: #e60012; color: #fff;}

.lzh-tab-content{ margin-top: 35px; line-height: 25px; height: auto;min-height: 100px; color: #fff; clear: both; overflow: hidden; text-overflow: ellipsis; }
.lzh-tab-content div{ display: none; padding: 0 10px;clear: both; font-size: 16px;}
.qiehuan-desc pre{
	word-wrap: break-word; white-space: pre-wrap;width: 300px;
}

.flow_lzh-contact{ color: #fff; width: 1300px; height: auto; background: rgba(0,0,0,0.4);  margin: auto; padding: 40px 60px; font-size: 14px;}
.flow_lzh-contact div{ line-height: 25px; }
.flow_lzh-contact-one{ margin-bottom: 20px; }
.posts{ background: #fff; height: 860px;}


.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
}

/* 必要布局样式css */
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 10%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 50%;
    height: 580px;
    position: relative;
    padding: 0;
    background: #f6f6f6;
   
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 50px;
    margin-top: -25px;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
    cursor:pointer;
}

 
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
    margin: 0 5px;
    cursor: pointer;
}

/*.swiper-slide:hover {
    -webkit-box-shadow: rgba(0,0,0,.5) 0px 0px 50px;
    -moz-box-shadow: rgba(0,0,0,.5) 0px 0px 50px;
    box-shadow: rgba(0,0,0,.5) 0px 0px 50px;
}*/

.banner-box {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}

.swiper-container {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding-bottom: 15px;
}

.swiper-slide {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: scale(.8);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transition: transform 1.0s;
    -moz-transition: transform 1.0s;
    -ms-transition: transform 1.0s;
    -o-transition: transform 1.0s;
    -webkit-transform: scale(0.9);
    -webkit-align-items:initial; 
     align-items:initial; 
    
}


.swiper-slide-active,.swiper-slide-duplicate-active {
    -webkit-transform: scale(1);
    transform: scale(1);
 -webkit-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
    -moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
    box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
    background: #fff;
}



.swiper-slide img {
    width: 100%;
    display: block;
}

.swiper-pagination {
    position: relative;
    margin-bottom: 30px;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: rgba(0,0,0,.8);
}

@media screen and (max-width: 668px) {
    .swiper-pagination {
        position: relative;
        margin-bottom: 20px;
    }

    .swiper-pagination-bullet-active {
        opacity: 1;
        background: rgba(0,0,0,.8);
    }
}

.banner-arrow div:hover {
    background-color: #4a4a4a;
}




.qiehuan{ width: 1360px; margin: auto; position: relative;}
.qiehuan .swiper-button-prev{ left: 0; top: 270px; background: url(../img/left.png) no-repeat; width: 34px; height: 53px;}
.qiehuan .swiper-button-next{ right: 0; top: 270px; background: url(../img/right.png) no-repeat; width: 34px; height: 53px;}
.qiehuan .swiper-button-prev:hover{ background-color:initial;}
.qiehuan .swiper-button-next:hover{ background-color:initial;}

.qiehuan-one{     padding: 20px 55px 55px 55px;}
.qiehuan-one h2{ text-align: left; font-size: 20px; color: #6a8292; font-weight: bold; margin-bottom: 30px; margin-top: 40px;}
.qiehuan-one .qiehuan-desc{ font-size: 16px; text-align: left; color: #a2a2a2; line-height: 24px; height: 360px; overflow-y: auto;width: 315px;}
.qiehuan-one .Interpretation_form{  margin:35px auto 0; }


.qiehuan-one .qiehuan-desc::-webkit-scrollbar
{
    width: 5px;
    height: 5px;
    background-color: #f1f1f1;
}
 
/*定义滚动条轨道 内阴影+圆角*/
.qiehuan-one .qiehuan-desc::-webkit-scrollbar-track
{
  
  
    background-color: #f1f1f1;
}
 
/*定义滑块 内阴影+圆角*/
.qiehuan-one .qiehuan-desc::-webkit-scrollbar-thumb
{
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
    background-color: #c1c1c1;
}

.delivery{ height: 950px; width: 100%; background: #eaeaea; overflow: hidden;}
.delivery .index_titles{ margin-top: 65px; opacity: 0;}
.delivery-desc{ font-size: 14px; color: #002d49; text-align: center; margin-top: 20px; opacity: 0;}
.myform{ width: 1200px; margin:60px auto 0; opacity: 0; overflow: hidden;}
.myform-left{ float: left; width: 575px;}
.myform-left .myform-input{ height: 50px; background: #fff; width: 551px; border-radius: 15px; line-height: 50px;padding: 0 12px;font-size: 14px; margin-bottom: 20px;}
.myform-left .myform-input input{ width: 445px; height: 40px; margin-top: 5px; margin-left: 10px; border: none; background: none; }
.myform-left .myform-input select{ width: 405px; height: 40px; margin-top: 5px; margin-left: 10px; border: none; background: none; }
.myform-textarea{ height: 100px !important;}
.myform-input textarea{ width: 535px; display: block; margin: auto; height: 40px; line-height: 20px; font-size: 14px; resize: none; border: none;}
.myform-right{ float: right;}
.myform-pic{ /* width: 100px; */ padding-top: 10px; float: left; line-height: 40px; }
.myform-pic img{
	display: block;
	width: 43px;
	height: 43px;
	margin: 0 auto;
}
.myform-left_z{width: 100%; height: auto ;overflow: hidden;}
.myform-left-z-left{width: 430px; overflow: hidden; float: left;}
.myform-left-z-left .myform-inputs{width: 92%;  border-radius: 15px; }
.myform-left-z-left .myform-inputs input{width: 310px;}
.myform-left-z-left .myform-inputs select{width: 310px;}
.layui-upload{margin-top: -10px;}
.myform-inputs_tp{width: 140px;height: 180px; float: right;box-sizing:border-box; border: 1px solid #e9e4e4; }
.myform-inputs_tp img{
	width: 100%;
	height: 100%;
}

.myform-submit{ text-align: center; margin-top: 50px;}
.myform-submit button{ width: 100px; height: 40px; border-radius: 8px; border: 1px #ccc solid; background: none; cursor: pointer; transition: .3s;}
.myform-submit button:hover{ border: 1px #e60012 solid; background: #e60012; color: #fff;}

.flow_lzh-contact{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
@media screen and (min-width: 1280px) and (max-width: 1360px){
    .qiehuan{
        width: 1200px;
    }
    .swiper-container{
        width: 1060px;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
    .qiehuan{
        width: 950px;
    }
    .swiper-container{
        width: 850px;
    }
    
    .qiehuan-one {
    padding: 20px 50px 55px ;
    box-sizing: border-box;
    transform: scale(0.7);
}
.qiehuan-wrap .swiper-slide {  height: 500px;}
.qiehuan-one h2 {
     margin-top: 0; 
}
    
}
@media screen and (min-width: 800px) and (max-width: 1024px){
    .qiehuan,.swiper-container{
        width: 800px;
    }
    .lzh-tab-head{
        width: 750px;
    }
    .lzh-tab-head i{
        width: 530px;
    }
    .lzh-tab-head li{
        width: 187px;
    }
}
@media screen and (min-width: 600px) and (max-width: 800px){
    .qiehuan,.swiper-container{
        width: 600px;
    }
    .lzh-tab-head{
        width: 550px;
    }
    .lzh-tab-head i{
        width: 400px;
        left: 75px;
    }
    .lzh-tab-head li{
        width: 137px;
    }
}
@media (max-width: 600px){
    .lzh-tab-head{
        width: 350px;
    }
    .lzh-tab-head i{
        width: 250px;
        left: 45px;
    }
    .lzh-tab-head li{
        width: 87px;
    }
}
@media screen and (min-width: 750px) and (max-width: 1280px){
    .talent_lzh-width,.lzh-tab,.flow_lzh-contact{
        width: 90%;
        margin-left: 5%;
    }
	
    .delivery {
        height: 1500px;
    }
    .myform {
        width: 575px;
        margin: 40px auto 0;
        opacity: 0;
        overflow: hidden;
    }
}
@media (max-width: 750px){


	.qiehuants{
		display: block;
		text-align: center;
		color: #bab8b8;
	}
    .talent_lzh-width,.lzh-tab,.flow_lzh-contact{
        width: 90%;
        margin-left: 5%;
    }
	
	.qiehuan-one{
		padding: 0;
	}
	.myform-submit{
		margin-top: 30px;
	}
    .flow_lzh-contact{
        height: 350px;
		padding: 40px 30px;
    }
	.lzh-tab-content{
		height: auto;
		overflow: auto;
	}
		.flow_lzh{
			height: auto;
			padding-bottom: 10px;
		}
		.posts{
			height: 770px;
		}
    .talent_lzh-content{
        height: 162px;
        overflow: hidden;
        text-overflow: ellipsis;
		margin-top: 40px;
    }
    .delivery {
        height: 1500px;
    }
    .myform {
        width: 375px;
        margin: 60px auto 0;
        opacity: 0;
        overflow: hidden;
    }
    .myform-left{
        width: 375px;
    }
    .myform-left .myform-input,.myform-input textarea {
        width: 351px;
    }
    .myform-left .myform-input input,.myform-left .myform-input select{
        width: 260px;
    }
	.talent_lzh{
		background:  #eaeaea;
}
.talent_lzh .index_title{
	margin-top: 30px;

}
.flow_lzh .index_titles{
		margin-top: 30px;
	}
	.lzh-tab{
		margin: 40px auto 20px;
	}
.swiper-slide-active,.swiper-slide-duplicate-active {
    -webkit-transform: scale(1);
    transform: scale(1);
 -webkit-box-shadow: rgba(0,0,0,0) 0px 0px 0px;
    -moz-box-shadow: rgba(0,0,0,0) 0px 0px 0px;
    box-shadow: rgba(0,0,0,0) 0px 0px 0px;
    background: #fff;
}
.myform-left-z-left{width: 65%; overflow: hidden; float: left;}
.myform-left-z-left .myform-inputs{width: 90%;  border-radius: 15px; }
.myform-left-z-left .myform-inputs input{width: 60%;}
.myform-left-z-left .myform-inputs select{width: 50%;}
.myform-inputs_tp{width:33%;height: 150px; float: right; }


}
@media (max-width: 414px){
	 .qiehuan,.swiper-container{
	    width: 410px;
	}

}
@media (max-width: 375px){
    .delivery {
        height: 1500px;
    }
	
    .myform {
        width: 350px;
        margin: 60px auto 0;
        opacity: 0;
        overflow: hidden;
    }
    .myform-left{
        width: 350px;
    }
    .myform-left .myform-input,.myform-input textarea {
        width: 325px;
    }
    .myform-left .myform-input input,.myform-left .myform-input select{
        width: 230px;
    }
    .qiehuan,.swiper-container{
        width: 350px;
    }
	.qiehuants{
		display: block;
		text-indent: center;
		color: #bab8b8;
	}
	.myform-left-z-left .myform-inputs input{width: 60%;}
	.myform-left-z-left .myform-inputs select{width: 50%;}
	.myform-left-z-left .myform-inputs{width: 90%;  border-radius: 15px; }
}

.CarBuying_content .CarBuying_top,.theListOf>.listEach{
	opacity: 0;
}

            .CarBuying_content{
                min-height: 450px!important;
            }
            .CarBuying_top{
                line-height: 80px; 
                text-align: center; 
                margin-bottom: 70px;
            }
            .CarBuying_top_left{
                display: inline-block; 
                font-size: 0px; 
                height: 50px;
            }
            .CarBuying_top_right{
                display: inline-block; 
                font-size: 0px; 
                width: 480px; 
                position: relative; 
                height: 50px; 
                vertical-align: top;
            }
            #carType,#particular{
                font-size: 16px; 
                height: 50px; 
                float: left; 
                width: 150px; 
                border-radius: 10px; 
                margin-right: 30px; 
                padding-left: 10px;
				cursor: pointer;
				border: 1px solid #EEEEEE;
            }
            .CarBuying_trinput{
                width: 100%; 
                border-radius: 10px; 
                float: left; 
                border:0; 
                height: 50px; 
                background-color: rgb(240,240,240); 
                font-size: 16px; 
                padding-left: 10px; 
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -ms-box-sizing: border-box;
                -webkit-box-sizing: border-box;
            }
            .CarBuying_trbtn{
                position: absolute; 
                right: 0; 
                width: 90px;
                height: 50px;
                text-align: center; 
                background-color: #E60012; 
                color:#FFF; 
                border-top-right-radius: 10px; 
                border-bottom-right-radius: 10px; 
                font-size: 16px; 
                border:0; 
                cursor: pointer;
				transition: .5s;
				background: url(../img/soso.png) no-repeat center #E60012;
            }
			.CarBuying_trbtn:hover{
				transition: .5s;
				background: url(../img/soso.png) no-repeat center #ff0404;
			}
            .noContent{
                height: 260px; 
                line-height: 260px; 
                text-align: center;
                font-size: 20px; 
                display: none;
            }
            .theListOf{
                line-height: 100px;
            }
            .listEach{
                height: 100px; 
                width: 90%; 
                margin-left: 5%; 
                border-bottom: 1px solid #E5E5E5;
            }
            .listEach_img{
                width: 25px; 
                height: 25px;
                float: left; 
                margin: 37px 10px 0 20px;
            }
            .listEach_span{
                font-size: 20px; 
                float: left; 
                margin-top: 37px; 
                height: 25px; 
                line-height: 30px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .listEach_btn{
                width: 200px; 
                font-size: 18px; 
                height: 50px; 
                line-height: 50px;
                border: 1px solid #E5E5E5; 
                text-align: center; 
                background-color: #FFFFFF; 
                border-radius: 10px; 
                float: right; 
                margin-top: 25px;
                background-image: url(../img/down.png);
                background-repeat: no-repeat;
                background-size: 25px 25px;
                background-position: 150px 12px;
				transition: .5s;
				cursor: pointer;
            }
            .listEach_btn>span{
                display: block;
                width: 150px;
                text-align: left;
                margin: 0 auto;
            }
            @media screen and (min-width: 600px) and (max-width: 800px){
                .listEach_span{
                    width: 300px;
                }
            }
            @media screen and (min-width: 370px) and (max-width: 600px){
                .listEach_span{
                    width: 170px;
                }
                .listEach_img{
                    margin: 37px 5px 0 10px;
                }
                .listEach_btn{
                    width: 100px;
                }
                .listEach_btn>span{
					width: 100%;
                    text-align: center;
                }
                .CarBuying_top_right{
                    width: 360px;
                }
                #carType{
                    margin-left:20px;
                    margin-right:0px; 
                }
                #particular{
                    margin-left:20px;
                    
                }
			
				
            }
            @media (max-width: 375px){
                .listEach_span{
                    width: 30%;
                }
				.listEach_btn>span{
					width: 100px;
				}
                .listEach_img{
                    margin: 37px 5px 0 10px;
                }
                .listEach_btn{
                    width: 100px;
                }
                .listEach_btn>span{
                    text-align: center;
                }
                #carType{
                    margin-left:20px;
                    margin-right:0px; 
                }
                #particular{
                    margin-left:20px;
                    margin-left:20px;
                }
            }
            .listEach_btn:hover{
                background-color: #E60012;
                color: #FFF;
                background-image: url('../img/downLoad.png');
                background-repeat: no-repeat;
                background-size: 25px 25px;
                background-position: 150px 12px;
				transition: .5s;
            }
			#carType,#particular{
			    width: 120px;
			    margin-right: 10px; 
				
			}
			.CarBuying_top_right{
				width: 280px;
				}
				.CarBuying_trbtn{
					width: 60px;
				}
	}