.banner{overflow: hidden;position: relative;z-index: 110;}
.banner img{width: 100%;}
.ban1{bottom: 150px !important;}
.ban1 .swiper-pagination-bullet{background: #ffffff;opacity: 0.7;}
.ban1 .swiper-pagination-bullet-active{opacity: 1;width: 10px;height: 10px;}
.banbj{width: 33.33%;position: absolute;z-index: 100;left: 0;bottom: 0;}
.ban_cont{color: #ffffff;text-align: center; position: absolute; z-index: 100;top: 33%; left: 50%;transform: translatex(-50%);}
.ban_ani{position: relative;top: 70px;opacity: 0;transition: all 1s ease-in;}
.banner .swiper-slide.swiper-slide-active .ban_ani{opacity: 1;position: relative;top: 0px;}
.ban_en{color: rgba(255,255,255,0.3);font-size: 12px;width: 80%;margin:20px auto;}
                                                                                                                                   
.ban_btn{ border-radius:50%;width: 60px;height: 60px;cursor: pointer;transition: all .3s ease-in;}
.ban_prev{position: absolute;z-index: 100; left: 10%;top: 35%; background: rgba(0,0,0,0.3) no-repeat center center;}
.ban_prev:hover{background: #c30d23 no-repeat center center;}
.ban_next{position: absolute;z-index: 100;right: 10%;top: 35%;background: rgba(0,0,0,0.3) no-repeat center center;}
.ban_next:hover{background: #c30d23  no-repeat center center;}
.banner .grow-item.swiper-slide-active .ban_ani{position: absolute;right: 10%;top:0;}
.banner .grow-item .ban_ani>div{width: 430px;text-align: left; }
.banner .swiper-slide::after{content: "";display: inline-block;} 
.banner .video_box{position: relative;}
.banner .video_box video{width: 100%;}
.banner .video_box .video_btn{width: 100%;height: 100%; opacity: 1; position: absolute;cursor: pointer;left:50%; top: 40%;transform: translate(-50%,-50%); width: 60px;height: 60px;background: no-repeat center;background-size: 100% auto;border-radius: 50%;}
:focus {
    outline:none;
}
@media only screen and (max-width: 1366px) {
	.ban1 { bottom: 100px !important;}
	.ban_cont{top: 40%;}
	.ban_tit{font-size: 45px;}
	.banner .grow-item .ban_ani>div{width: 400px;}
	.ban_btn {width: 50px;height: 50px;}
}
@media only screen and (max-width: 1280px) {
	.ban1 { bottom: 80px !important;}
	.ban_cont{top: 40%;}
	.ban_tit{font-size: 35px;}

}
@media only screen and (max-width: 1024px) {
	.banner .grow-item.swiper-slide-active .ban_ani {right: 20%;}
	.banner .grow-item .ban_ani>div{width: 360px;}
	.ban_tit {font-size: 32px;}
	.ban_btn {width: 40px;height: 40px;}

}
@media only screen and (max-width:768px) {
	.ban1 { bottom: 75px !important;}
	.ban_en{display: none;}
	.banner .grow-item .ban_ani>div{width: 260px;}
	.ban_tit {font-size: 26px;}
	.ban_info {font-size: 14px;}


}
@media only screen and (max-width:500px) {
	.ban_pic img{width: auto;height: 300px;}
	.banner .swiper-slide{overflow: hidden;}
	.ban_cont{top: 30%;}
	.ban1 { bottom: 35px !important;}
	.ban_tit{font-size: 20px;}
	.ban_info{display: none;}
}
/*about*/
.about_box{transition: all 1s ease-in; padding: 350px 0 600px;margin-top: -215px;position: relative;z-index: 50; background: no-repeat;background-repeat: no-repeat; background-size: cover;background-position: center 100%;background-repeat: no-repeat;}
.about_tit{width: 195px;float: left;text-align: right;}
.about_tit h2{color: #c30d23;}
.about_tit p{color: #999999;}
.about_rig{float: right;width: 79%;padding-left:80px ;box-sizing: border-box;border-left: 1px solid #dee4e1;}
.about_pro_item{display: inline-block;vertical-align: middle;position: relative;padding-bottom: 10px;}
.about_pro_item .about_pro_item{margin-left: 75px;}
/*.about_pro_item:nth-child(1) .about_pro_num span:nth-child(1){width: 66px;display: inline-block;}*/
.about_pro_num{font-weight: bold;position: relative;z-index: 100;transition: all .3s ease-in;}
.aboutg_pro_info{position: relative;z-index: 100;}
.about_icon{position: absolute;opacity: 0;transition: all .3s ease-in; width: 110px; left: 50%;bottom: 0;transform: translatex(-50%);z-index: 50;transition: all .3s ease-in;}
.about_pro_item:hover .about_icon{opacity: 1;}
.about_icon img{width: 100%;}
.about_pro_item:hover .about_pro_num{ background: linear-gradient(to right, #0e88ed, #0cd6a5);-webkit-background-clip: text;color:transparent;display:block}
.about_deta{color: #666666;text-align: justify;line-height: 35px;margin: 55px 0 45px;}
.about_more{overflow: hidden; transition: all .3s ease-in; width: 122px;height: 36px;text-align: center;line-height: 36px;border-radius: 4px;background:transparent /**/;display: block;color: #ffffff;}
.about_more span{transition: all .3s ease-in; padding-right: 20px;background: no-repeat 100%;position: relative;left: -90px;}
.about_more:hover{background: #c30d23;color: #ffffff;}
.about_more:hover span{left: 0;background: no-repeat 100%;}

@media only screen and (max-width:1680px ) {
	.about_box{padding: 300px 0 500px;}
}
@media only screen and (max-width:1440px ) {
	.about_box{padding: 300px 0 400px;}
	.about_rig{padding-left: 36px;}
	.about_deta{margin: 45px 0 35px;line-height: 30px;}
	.about_pro_item .about_pro_item{margin-left: 60px;}
	/*.about_pro_item:nth-child(1) .about_pro_num span:nth-child(1){width: 60px;display: inline-block;}*/
}
@media only screen and (max-width:1366px ) {
	.about_rig {width: 74%;}
}
@media only screen and (max-width:1280px ) {
	.about_pro_item .about_pro_item{margin-left: 40px;}
}
@media only screen and (max-width:1024px ) {
	.about_tit{width: 100%;text-align: left;}
	.about_rig{width: 100%;border: none;margin-top: 30px;padding-left: 0;}
	.about_deta{margin: 35px 0 25px;line-height: 24px;}
	/*.about_pro_item:nth-child(1) .about_pro_num span:nth-child(1){width: 50px;}*/
	
}
@media only screen and (max-width:768px ) {
	.about_pro_item{width: 50%;float: left;margin-top: 20px;height: 66px;}
	.about_pro_item .about_pro_item{margin-left: 0;}
	.about_box {padding: 250px 0 300px;}
	.about_more{background: #c30d23;color: #ffffff;}
.about_more  span{left: 0;background: no-repeat 100%;}
}
@media only screen and (max-width:500px ) {
	.about_pro_item{width: 60%;}
	.about_pro_item:nth-of-type(even){width: 40%;}
  .about_icon{width:50px;}
}
/*核心*/
.vocat_box{position: relative;z-index: 100; padding: 200px 0 300px;box-sizing: border-box;background: no-repeat center 100%/cover ;background-repeat: no-repeat; background-size: cover;background-position: center 100%;}
.vocat_item{width: 48.8%;float: left;position: relative;overflow: hidden;}
.vocat_item:nth-child(2){float: right;}
.vocat_pic img{display: block;width: 100%;}
.vocat_pic{position: relative;z-index: 50;}
.vocat_bj{transition: all .3s ease-in;opacity: 0; position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 100;background: no-repeat center center/cover;}
.vocat_item:hover .vocat_bj{opacity: 1;}
.vocat_cont{transition: all .3s ease-in; width: 100%;position: absolute;left: 0;top: 52%;text-align: center;color: #ffffff;z-index: 150;}
.vocat_icon{width: 70px;height: 70px; margin: 0 auto 25px;}
.vocat_pro{margin-top: 15px;}
.vocat_pro span{transition: all .3s ease; padding: 6px 10px;box-sizing: border-box;border-radius: 4px;border: 1px solid #ffffff;}
.vocat_pro span:hover{background: #c30d23;border: 1px solid #c30d23;}
.vocat_pro span span{margin-left: 10px;}
.vocat_more{opacity: 0;transition: all .3s ease-in; margin: 60px auto 0;background: no-repeat;width: 10px;height: 15px;}
.vocat_item:hover  .vocat_more{opacity: 1;}
.vocat_item:hover .vocat_cont{top: 30%;}
.vocat_item:nth-child(2) .vocat_bj{background: no-repeat center center/cover;}
.vocat_item:nth-child(1){margin-top: -310px;}
@media only screen and (max-width:1366px ) {
	.vocat_box{padding: 150px 0 300px;}
	.vocat_item:nth-child(1){margin-top: -240px;}
	.vocat_cont{top: 48%;}
	.vocat_more{margin-top: 50px;}
}
@media only screen and (max-width:1280px ) {
	.vocat_box{padding: 100px 0 300px;}
	.vocat_item:nth-child(1){margin-top: -200px;}
	.vocat_cont{top: 40%;}
	.vocat_item:hover .vocat_cont{top: 20%;}
}
@media only screen and (max-width:768px ) {
	.vocat_box{padding: 80px 0 300px;}
	.vocat_item:nth-child(1){margin-top: 0px;}
	.vocat_icon img{width: 50px;}
	.vocat_cont{top: 40px;}
	.vocat_item:hover .vocat_cont{top: 40px;}
	.vocat_pro span{width: 49%;float: left;display: block;margin-top: 10px;}
	.vocat_pro span:nth-of-type(even){float: right;}
	.vocat_pro span span{margin-left: 0;}
	.vocat_pro{padding: 0 20px;box-sizing: border-box;}
	.vocat_more{margin-top: 30px;opacity: 1;}
	.vocat_bj{opacity: 1;}
	.vocat_icon{margin-bottom: 15px;}
	.vocat_pic{overflow: hidden;}
	.vocat_pic img{min-height: 310px;}
}
@media only screen and (max-width:500px ) {
	.vocat_item{width: 100%;}
	.vocat_item .vocat_item{margin-top: 25px;}
	.vocat_box{    padding: 40px 0 200px;}
	.vocat_cont{top: 60px;}
}
/*合作伙伴*/
.part_box{color: #ffffff;margin-top: -235px;position: relative;z-index: 150; background: no-repeat;padding-top: 180px;box-sizing: border-box;background-size: cover;background-position:center 0px; background-attachment: fixed;background-repeat: no-repeat;position: relative;}
.part_left{float: left;width: 355px;margin-top: 268px;}
.part_tit p{color: rgba(255,255,255,0.3);margin-top: 10px;}
.part_line{width: 58px;height: 6px;background: #ffffff;margin-top: 35px;}
.part_info{line-height: 30px;margin-top: 60px;}
.part_com{position: absolute;z-index: 200;left: 0;top: 0;width: 100%;height: 100%;}
.part_rig{float: left;width: calc(100% - 355px);}
.part_map{position: relative;width: 107%;}
.map{position: relative;z-index: 50;}
.map img{display: block;width: 100%;}
.coll{position: absolute;width: 20px;height: 20px;}
.coll img{vertical-align: middle;}
.coll_use{position: relative;width: 20px;height: 20px;}
.coll_logo{vertical-align: middle;text-align: center;display: table;}
.coll_logo a{display: table-cell;vertical-align: middle;text-align: center;width: 100%;height: 100%;}
.coll_list{display: none; position: absolute;left: 50%;bottom: 0;z-index: 100; transform: translatex(-50%);width: 394px;padding:15px 10px 20px;box-sizing: border-box;}
.coll_mor .coll_list{background: no-repeat center center/100% 100%;}
.coll_few .coll_list{background: no-repeat center center/100% 100%;width: 120px;height: 133px;padding:50px 0;text-align: center;}
.coll1 .coll_logo{position: relative; width: 33.3%;padding: 0 10px;box-sizing: border-box;float: left;height:45px;text-align: center;}
.coll1 .coll_logo img{max-width: 90%;max-height: 100%;}
.coll3 .coll_logo{width: 33%;padding: 0 10px;box-sizing: border-box;float: left;height: 45px;text-align: center;}
.coll6 .coll_logo{width: 33%;padding: 0 10px;box-sizing: border-box;float: left;height: 45px;text-align: center;}
.coll8 .coll_logo{width: 33%;padding: 0 10px;box-sizing: border-box;float: left;height: 45px;text-align: center;}
.coll3 .coll_logo img{max-width: 90%;max-height: 100%;}
.coll6 .coll_logo img{max-width: 90%;max-height: 100%;}
.coll8 .coll_logo img{max-width: 90%;max-height: 100%;}
.coll_use:after{display: block;content: "";position: absolute;left: 50%;top: 50%;left: 0;top: 0;background: rgba(255,255,255,0.7);z-index: 50;}
.coll.active .coll_list{display: block;}
.coll9 .coll_list{width: 220px;}
.coll3 .coll_list{width: 350px;}
.coll3 .coll_list .coll_logo:nth-child(1){width: 100px;}
.coll3 .coll_list .coll_logo:nth-child(2){width: 220px;}
.coll3 .coll_list .coll_logo:nth-child(3){width:100px;}
.coll3 .coll_list .coll_logo:nth-child(4){width:220px;}
.coll3 .coll_list .coll_logo{width: 100px;}
.coll9 .coll_list .coll_logo img{max-width:90%;}
.coll_few .coll_list .coll_logo{width: 100%;}
.coll_few .coll_list .coll_logo img{width: auto;max-width: 90%;}
.coll1{left: 73.4%;top: 24.2%;}
.coll2{left: 71.4%; top: 28.2%;}
.coll3{left: 77%; top:33%;}
.coll4{left: 77%; top:42%;}
.coll5{left: 82%; top:39%;}
.coll6{left: 87%; top:40%;}
.coll7{left: 85%; top:42%;}
.coll8{left: 70%; top:57%;}
.coll9{left: 60%; top:38%;}
.coll10{left: 27%; top:20%;}
.coll1 .coll_logo{display: none;}
.coll1 .coll_logo.on{display: block;}
.coll5 .coll_list .coll_logo img{max-width: 60px;}
.coll10 .coll_list .coll_logo img{max-width: 60px;}
.coll_bj{z-index: 50; background: rgba(255,255,255,0.5);position: absolute;width: 20px;height: 20px;left: 50%;bottom: -20px;border-radius: 50%; margin-left: -10px;animation: heartbeat 1s linear infinite alternate;-moz-animation: heartbeat 1s linear infinite alternate;-webkit-animation: heartbeat 1s linear infinite alternate;-o-animation: heartbeat 1s linear infinite alternate;}
@-webkit-keyframes heartbeat{0%,25%,70%{-webkit-transform:scale(1);}50%,100%{-webkit-transform:scale(1.5);}}
@keyframes heartbeat{0%,25%,70%{transform:scale(1);}50%,100%{transform:scale(1.5);}}

@media only screen and (max-width:1366px ) {
	.coll_list{width: 300px;}
	.part_left{width: 300px;margin-top: 200px;}
	.part_rig{width: calc(100% - 300px);}
	.part_info{margin-top: 40px;width: 330px;}
}
@media only screen and (max-width:1024px ) {
	.part_map{width: 100%;}
	.part_left{margin-top: 100px;}
}
@media only screen and (max-width:768px ) {
	.part_left{width: 100%;margin-top: 0px;float: none;}
	.part_rig{width: 90%;float: none;margin:30px auto 0;}
	.coll_list{width: 250px;}
	.coll1 .coll_logo{height: 35px;}
	.coll_few .coll_list{width: 96px;height:90px;padding: 30px 0;}
	.coll_few .coll_list .coll_logo img{max-width: 70px;}
	.coll3 .coll_list{width: 340px;}
.coll3 .coll_list .coll_logo:nth-child(1){width: 60px;}
.coll3 .coll_list .coll_logo:nth-child(2){width: 180px;}
.coll3 .coll_list .coll_logo:nth-child(3){width:70px;}
.coll3 .coll_list .coll_logo:nth-child(4){width:180px;}
}
@media only screen and (max-width: 500px) {
	.coll_list{width: 150px;}
	.coll8 .coll_list{width: 150px;}
	.coll1 .coll_logo{width: 50%;}
	.coll_bj{width: 10px;height: 10px;}
	.part_box{background-attachment:inherit}
	.part_info{width: 100%;}
	.coll3 .coll_list{width:200px;}
.coll3 .coll_list .coll_logo:nth-child(1){width: 60px;}
.coll3 .coll_list .coll_logo:nth-child(2){width: 120px;}
.coll3 .coll_list .coll_logo:nth-child(3){width:70px;}
}
/*news*/
.news_tit{text-align: center;color: #222222;}
.news_tit p{color: #999999;}
.news_list li{margin-bottom: 5px;width: 46%;float: left;}
.news_list li:nth-of-type(even){float: right;}
.news_list li a{display: block;}
.news_date{float: left;color: #cccccc;transition: all .3s ease-in;text-align: right;}
.news_ri{font-weight: bold;}
.news_cont{float: right;width: calc(100% - 110px);padding-left: 30px;box-sizing: border-box;border-left: 1px solid #e5e5e5;padding-bottom: 10px;}
.news_name{font-weight: bold; transition: all .3s ease-in; color: #333333;line-height: 30px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_info{color: #666666;line-height: 24px;margin-top: 20px;font-size: 14px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_use{height: 128px;}
.news_list li:hover .news_date{color: #c30d23;}
.news_list li:hover .news_name{color: #c30d23;}
.news_more{width: 90px;height: 36px;text-align: center; line-height: 36px;margin-top: 30px;overflow: hidden;border-radius: 4px;transition: all .3s ease-in;}
.news_list li:hover .news_more{background: #c30d23;color: #ffffff;}
.news_more span{position: relative;left: -57px;color: #ffffff; transition: all .3s ease-in;padding-right: 19px;box-sizing: border-box;background: no-repeat 100%;}
.news_list li:hover .news_more span{left: 0px;opacity: 1;background: no-repeat 100%;}
.news_gen{transition: all .3s ease-in; margin: 20px auto;width: 100px;height: 40px;text-align: center;line-height: 40px;border: 1px solid #131313;color: #d70c24;}
.news_gen a{color: #333;display: block;}
.news_gen:hover{background: #c30d23;border: 1px solid #c30d23;}
.news_gen:hover a{color: #ffffff;}
@media only screen and (max-width:1366px ) {
	.news_list li{width: 48%;}
	.news_cont{width: calc(100% - 80px);padding-left: 20px;}
	.news_name{line-height: 28px;}
	.news_info{margin-top: 10px;}
	.news_use{height: 113px;}
	.news_more{margin-top: 20px;}
}
@media only screen and (max-width:500px ) {
	.news_head h2 {font-size: 18px;}
	.news_head p {font-size: 14px;}
	.news_head {top: 50%;}
	.news_list li{width: 100%;}
	.news_use{height: auto;}
	.news_cont{width: calc(100% - 60px);padding-left: 15px;}
}



/* 职业发展页 */
/* 人才发展 */
.position-area1{position: relative;overflow: hidden;}
.position-area1 .img{margin-left: -15px;margin-right: -15px;margin-bottom: 40px;overflow: hidden;}
.position-area1 .img img{width: 100%;transition: all 0.6s;transform: scale(1)}
.position-area1 .img:hover img{transition: all 0.5s;transform: scale(1.1);}
.position-area1 .text-over{color: #f3f3f3;position: absolute;width: 100%;padding:0 5%;text-align: justify; left: 0;top: 35%;transform: translatey(-50%);}
.position-area1 .text-over h3{margin-bottom: 10px;font-family:'pingfangm';}
.position-area1 .text-over h5{opacity: 0.7;}
.position-area1 .text-over .txt{line-height: 26px;}
.position-area1 .bottom-txt{text-align: center;margin-bottom:30px;}
.position-area1 .bottom-txt p{color: #999999; line-height: 22px; font-size: 13px;}
@media only screen and (max-width:1680px ) {
	.position-area1 .text-over {top: 34%;}
	.position-area1 .text-over .txt{margin-top: 40px;}
}
@media only screen and (max-width:1440px ) {
	.position-area1 .text-over .txt{margin-top: 25px;line-height: 24px;}
	.position-area1 .text-over h3 {margin-bottom: 5px;}
}
@media only screen and (max-width:1366px ) {
	.position-area1 .text-over {top: 34%;}
	.position-area1 .text-over h3 {margin-bottom: 0;}
	.position-area1 .text-over .txt{line-height: 24px;}
}
@media only screen and (max-width:1280px ) {
	.position-area1 .text-over .txt{line-height: 22px;}
}
@media only screen and (max-width:1024px ) {
	.position-area1 .text-over {top: 35%;}
	.position-area1 .img img {height: 38vw;}
}
@media only screen and (max-width:768px ) {
	.position-area1 .text-over h3 {font-size: 24px;}
	.position-area1 .img img {height: 45vw;}
	.position-area1 .bottom-txt{margin-bottom:20px;}
	.position-area1 .text-over {top: 32%;}

}

@media only screen and (max-width:668px ) {
	.position-area1 .text-over h3 {font-size: 22px;}
	.position-area1 .img img {height: 68vw;}
}
@media only screen and (max-width:500px ) {
	.position-area1 .text-over h3 {font-size: 22px;}
	.position-area1 .img img {height: 370px;}
	.position-area1 .text-over {top: 30%;}
}
.position-area2 .list-item{display: inline-block; width: 26%; margin-right: 10.6%;  text-align: center;}
.position-area2 .list-item:last-child{margin-right: 0;}
.position-area2 .list-item .icon{margin-bottom: 15px;}
.position-area2 .list-item h5{margin-bottom: 10px;font-weight: 600;color: #333333;}
.position-area2 .list-item .intro{color:#666666;line-height: 24px;text-align: justify;font-size: 13px;}
@media only screen and (max-width:1440px ) {
	.position-area2 .list-item .icon img{height: 60px;}
}
@media only screen and (max-width:1280px ) {
	.position-area2 .list-item .icon img{height: 56px;}
	.position-area2 .list-item {width: 30%;margin-right: 4.9%;}

}
@media only screen and (max-width:1024px ) {
	.position-area2 .list-item .icon img{height: 56px;}
	.position-area2 .list-item {width: 30%;margin-right: 4.9%;}
}
@media only screen and (max-width:768px ) {
	.position-area2 .list-item .icon img {height: 45px;}
	.position-area2 .list-item {width: 100%;margin-right: 0;margin-bottom: 20px;text-align: center;}
}


/* 发展通道 */
.position-area3{height: 46.5vw;position: relative;}
.position-area3 .txt-cont{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #f3f3f3;text-align: center;}
.position-area3 .txt-cont h3{font-family:'pingfangm';}
.position-area3 .txt-cont p{line-height: 30px;}
@media only screen and (max-width:1440px ) {
	.position-area3 .txt-cont p {line-height: 28px;}
}
@media only screen and (max-width:1366px ) {
	.position-area3 .txt-cont p {line-height: 26px;}
}
@media only screen and (max-width:1280px ) {
	.position-area3 .txt-cont p {line-height: 24px;}
}
@media only screen and (max-width:768px ) {
	.position-area3 {height: 70.5vw;}
	.position-area3 h6{margin-bottom: 20px;}
}
@media only screen and (max-width:500px ) {
	.position-area3 {height: 350px;}
	.position-area3 h6 {margin-bottom: 10px;}
	.position-area3 .txt-cont p {line-height: 20px;}
}

/* 我在国瑞 */
.position-area4 .left-txt{width: 60%;display: inline-block;padding-right: 12%;padding-top: 12%;}
.position-area4 .left-txt h2{color: #333333;}
.position-area4 .txt .title{font-family:'pingfangm';line-height: 30px;}
.position-area4 .txt .intro{color:#999999;line-height: 28px;}
.position-area4 .img-cont{width: 40%;display: inline-block;}
.position-area4 .img-cont img{width: 100%;}
@media only screen and (max-width:1280px ) {
	.position-area4 .left-txt {padding-right: 10%;padding-top: 10%;}
	.position-area4 .txt .title {line-height: 26px;}
	.position-area4 .txt .intro {line-height: 24px;}
}
@media only screen and (max-width:1024px ) {
	.position-area4 .left-txt {padding-right: 5%;padding-top: 5%;}
}
@media only screen and (max-width:768px ) {
	.position-area4 .left-txt {padding-right: 5%;padding-top: 0%;margin-bottom: 20px; width: 100%;}
	.position-area4 .img-cont {width: 100%;}
		
}

.position-area5 ul{width: 50%;display: inline-block;}
.position-area5 ul li{width: 100%;position: relative;overflow: hidden;}
.position-area5 ul li.small-item{width:50%;}
.position-area5 ul li img{width: 100%;transition: all 0.4s;}
.position-area5 ul li>.title{color: #ffffff;position: absolute;left: 35px;top: 35px;}
.position-area5 ul li .overtxt{opacity: 0; -webkit-transform: rotatey(90deg); -moz-transform: rotatey(90deg); transform: rotatey(90deg);transition: all .6s;z-index: 999;position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;z-index: 7;color: #ffffff; background: rgba(53, 53, 53,0.9);}
.position-area5 ul li .txt{width: 100%;padding:35px;}
.position-area5 ul li .overtxt p{-webkit-line-clamp: 5; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; line-height: 24px;}
.position-area5 ul li:hover .overtxt{opacity: 1; transition: all 0.4s; transform: translatey(0%);}

@media only screen and (max-width:1440px ) {
	.position-area5 ul li .title {left: 30px;top: 30px;}
	.position-area5 ul li .txt{top: 40%;padding:30px;}
}
@media only screen and (max-width:1366px ) {
	.position-area5 ul li .title {left: 25px;top: 25px;}
	.position-area5 ul li .txt{top: 50%;padding:25px;}
	.position-area5 ul li .txt{padding: 10% 30px;}

}
@media only screen and (max-width:1280px ) {
	.position-area5 ul li .title {left: 20px;top: 20px;font-size: 18px;}
  .position-area5 ul li .txt{padding:20px;}
}
@media only screen and (max-width:1024px ) {
	.position-area5 ul li .title {left: 10px;top: 10px;font-size: 18px;}
	.position-area5 ul li .overtxt p{-webkit-line-clamp: 3; }
    .position-area5 ul li .txt{padding:10px;}

}
@media only screen and (max-width:768px ) {
	.position-area5 ul li .title {font-size: 16px;}
	.position-area5 ul {width: 100%;}
	.position-area5{margin-bottom: 30px;}
	.position-area5 ul li .overtxt p{  -webkit-line-clamp: 3;line-height: 20px;font-size: 13px;}
	.position-area5 ul li .txt{padding: 25px 20px;}

}
@media only screen and (max-width:400px ) {
	.position-area5 ul li .txt{padding: 20px 20px;}

}

/* 员工故事 */
.position-area6 .story-cont{position: relative;}
.position-area6 .story-cont .swiper-slide{text-align: center;display: block;}
.position-area6 .story-cont .btn{width: 40px;height: 40px;transition: all 0.2s; background:  no-repeat center;background-size: 16px auto;}
.position-area6 .story-cont .swiper-button-prev{left: -40px;}
.position-area6 .story-cont .swiper-button-next{right: -40px;background:  no-repeat center center;  background-size: 16px auto;}
.position-area6 .story-cont .swiper-button-next:hover {transition: all 0.2s; background:  no-repeat center center;  background-size: 100% auto; }
.position-area6 .story-cont .swiper-button-prev:hover {transition: all 0.2s; background:  no-repeat center center;  background-size: 100% auto; }

.position-area6 .story-cont .item-txt{height: 200px;}
.position-area6 .story-cont .item-txt h5{color: #333333;margin-bottom: 10px;font-weight: bold;}
.position-area6 .story-cont .item-txt h6{color:#333333;margin-bottom: 10px;}
.position-area6 .story-cont p{line-height: 24px; text-align: justify;color: #666666;font-size:13px;}
.position-area6 .story-cont .item-icon{display: block;margin: 0 auto;background: ;background-size: 100% auto;width: 40px;height: 40px;transition: all 0.4s;cursor: pointer;}
.position-area6 .story-cont .swiper-slide:hover .item-icon{transition: all 0.4s;background: ;background-size: 100% auto;}
@media only screen and (max-width:1440px ) {
	.position-area6 .story-cont .item-txt{height: 220px;}
}
@media only screen and (max-width:1366px ) {
	.position-area6 .story-cont .item-txt{height: 240px;}
	.position-area6 .story-cont {padding: 0 30px;}
	.position-area6 .story-cont .item-txt h5 {font-size: 18px;}
	.position-area6 .story-cont .swiper-slide img{height: 200px;}
	.position-area6 .story-cont .swiper-button-prev{left: -40px;}
	.position-area6 .story-cont .swiper-button-next{right: -40px;}

}
@media only screen and (max-width:1024px ) {
	.position-area6 .story-cont .item-txt{height: 220px;}
	.position-area6 .story-cont {padding: 0 25px;}
	.position-area6 .story-cont .btn {width: 36px;height:36px;}
	.position-area6 .story-cont .swiper-button-next {right: -20px;background-size: 14px auto;}
	.position-area6 .story-cont .swiper-button-prev {left: -20px;background-size: 14px auto;}
	.position-area6 .story-cont .item-txt h5 {font-size: 16px;}

}

@media only screen and (max-width:768px ) {
	.position-area6 .story-cont .item-txt{height: 260px;}
	.position-area6 .story-cont {padding: 0 25px;}
	.position-area6 .story-cont .swiper-slide img{height: 180px;}
	.position-area6 .story-cont .item-icon {width: 35px;height: 35px;}
}
@media only screen and (max-width:640px ) {
	.position-area6 .story-cont .btn {width: 30px;height: 30px;}
	.position-area6 .story-cont .swiper-button-next {right: -10px;background-size: 14px auto;}
	.position-area6 .story-cont .swiper-button-prev {left: -10px;background-size: 14px auto;}
	.position-area6 .story-cont .swiper-button-next:hover {background-size: 100% auto;}
	.position-area6 .story-cont .swiper-button-prev:hover {background-size: 100% auto;}
}
@media only screen and (max-width:500px ) {
	.position-area6 .story-cont .item-txt{height: 270px;}
	.position-area6 .story-cont .item-icon {width: 30px;height: 30px;}
	.position-area6{margin-bottom: 30px;}
	.position-area6 .story-cont .swiper-slide img {height: 150px;}

}
/* 加入我们 */
.position-area7{position: relative;overflow: hidden;}
.position-area7>img{width: 100%;transition: all 0.4s;} 
.position-area7 .join-txt{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #ffffff;}
.position-area7 .join-txt h3{margin-bottom: 5px;}
.position-area7 .join-txt p{width: 500px;line-height: 30px;}
.position-area7 .join-txt .link-cont a{display: inline-block;border-radius: 5px;border: 1px solid #ffffff;color: #ffffff;text-align: center;line-height:34px;transition: all 0.4s;padding: 0 25px;background: rgba(172, 185, 199,0.6);}
.position-area7 .join-txt .link-cont a:hover{ background: rgba(140, 152, 164, 0.9);transition: all 0.4s;border-color: rgba(140, 152, 164, 0.9);}
.position-area7 .join-txt .link-cont a:nth-child(1){margin-right: 50px;}
@media only screen and (max-width:1366px ) {
	.position-area7 .join-txt p {width: 450px;line-height: 26px;}
	.position-area7 .join-txt .link-cont a {line-height: 32px;padding: 0 20px;}
}
@media only screen and (max-width:1280px ) {
	.position-area7 .join-txt p {width: 400px;line-height: 22px;}
	.position-area7 .join-txt .link-cont a {line-height: 28px;padding: 0 15px;}
}
@media only screen and (max-width:768px ) {
	.position-area7 .join-txt p {width: 300px;line-height: 20px;}
	.position-area7 .join-txt .link-cont a {padding: 0 10px;}
	.position-area7 .join-txt .link-cont a:nth-child(1){margin-right: 30px;}

}
@media only screen and (max-width:600px ) {
	.position-area7 {overflow: hidden;height: 70vw;}
	.position-area7>img {width: auto;transition: all 0.4s;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
	.position-area7 .join-txt .link-cont a:nth-child(1){margin-right: 20px;}

}


/* 智慧风电 */
@media only screen and (max-width:1680px ) {
	.fendian-banner{
		background-position:center 0!important;
		background-size: 100%!important;
	}
}
@media only screen and (max-width:1024px ) {
	.fendian-banner {
		background-position: center 70px!important;
		background-size: 100%!important;
	}
}
.fd-area1>div{width: 50%;}
.fd-area1 .img-item img{width: 100%;}
.fd-area1 .txt-item{padding-left: 6%; padding-top: 5%;}
.fd-area1 .txt-item h2{margin-bottom: 5px;color: #333333;}
.fd-area1 .txt-item h6{margin-bottom: 15px;color: #999999;}
.fd-area1 .txt-item .txt{line-height: 26px;color: #666666;}
@media only screen and (max-width:1366px ) {
	.fd-area1 .txt-item{ padding-top: 3%;}

}
@media only screen and (max-width:1280px ) {
	.fd-area1 .txt-item{ padding-top: 2%;}
}
@media only screen and (max-width:1024px ) {
	.fd-area1 .txt-item{padding-left: 3%; padding-top: 0;}
	.fd-area1 .txt-item .txt {line-height: 22px;}
	.fd-area1>div{width: 100%;}
	.fd-area1 .txt-item {padding-left: 0;margin-top: 20px;}

}


.fd-area2 .item{width: 50%;display: inline-block;position: relative;overflow: hidden;height: 33.2vw;transition: all 0.5s;}
.fd-area2 .item img{width: 100%;transition: all 0.4s;width: 100%;height: 100%; position: absolute;left: 0;top: 0;}
.fd-area2 .item:hover img{transition: all 0.4s;}
.fd-area2 .item .inner-txt h5{position: relative;}
.fd-area2 .item .inner-txt h5:after{content: '';display: inline-block;width: 0px;transition: all 0.8s; height: 2px;background: #ffffff;position: absolute;left: 50%;bottom: -15px;transform: translatex(-50%);}
.fd-area2 .item:hover .inner-txt h5:after{width: 58px;transition: all 0.8s;}
.fd-area2 .item .inner-txt{position: absolute;left: 0;top: 50%;padding: 0 5%; transform: translatey(-50%); color: #ffffff;width: 100%;text-align: center;}
.fd-area2 .item .inner-txt p{display: none;animation: fadeinup 0.5s linear;width: 650px;margin: 0 auto;}
.fd-area2 .item.active{width: 66%;transition: all 0.3s;}
.fd-area2 .item.small{width: 34%;transition: all 0.3s;}
.fd-area2 .item:hover .inner-txt p{display:block;}
@media only screen and (max-width:1366px ) {
	.fd-area2 .item .inner-txt p{width: 520px;}
}
@media only screen and (max-width:1280px ) {
	.fd-area2 .item .inner-txt p{width: 400px;}
}
@media only screen and (max-width:1024px ) {
	.fd-area2 .item .inner-txt p{width: 300px;}
}
@media only screen and (max-width:768px ) {
	.fd-area2 .item {width: 100%;}
	.fd-area2 .item.active{width: 100%;transition: all 0.3s;}
	.fd-area2 .item.small{width: 100%;transition: all 0.3s;}
	.fd-area2 .item .inner-txt p{width: 100%;}
	.fd-area2 .item .inner-txt h5:after{bottom: -10px;}
}
@media only screen and (max-width:500px ) {
	.fd-area2 .item {height: 200px;}
}

.fd-area3 .title{text-align: center; }
.fd-area3 ul{width: 100%;}
.fd-area3 ul li{width: 20%;text-align: center;position: relative;transition: all 0.4s;opacity: 0.3;}
.fd-area3 ul li.active{opacity: 1;}
.fd-area3 ul li::after{content: "";display: inline-block;width: 15px;height: 15px;background: no-repeat center center;position: absolute; right: 0%;top: 50%;transform: translatey(-50%);}
.fd-area3 ul li:last-child::after{display: none;}
.fd-area3 ul li .icon{height: 90px;}
.fd-area3 ul li .icon img{max-height: 100%;max-width: 100%;}
.fd-area3 ul li p{margin-top: 20px;} 
.fd-area3 ul li:hover{transition: all 0.4s;opacity: 1;}
@media only screen and (max-width:1366px ) {
	.fd-area3 ul li .icon {height: 80px;}
}
@media only screen and (max-width:1280px ) {
	.fd-area3 ul li .icon {height: 70px;}
	
}
@media only screen and (max-width:1024px ) {
	.fd-area3 ul li .icon {height: 60px;}
}
@media only screen and (max-width:768px ) {
	.fd-area3 ul li .icon {height: 40px;}
	.fd-area3 ul li::after {width: 7px;height: 10px;background-size: 6px;}
}
@media only screen and (max-width:500px ) {
	.fd-area3 ul li .icon {height: 30px;}
	.fd-area3 .title{margin-bottom: 20px;}
	fd-area3 ul li::after {width: 7px;height: 8px;background-size: 4px;}
	.fd-area3 ul li {padding: 0 10px;}
	.fd-area3 ul li p {margin-top: 15px;font-size: 12px;}
}

.fd-area4{position: relative;height:42vw;}
.fd-area4>img{width: 100%;}
.fd-area4 .inner-cont{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.fd-area4 .title{color: #ffffff;width: 38%;padding-top: 10%;}
.fd-area4 .title h2{margin-bottom: 10px;}
.fd-area4 .title h6{opacity: 0.7;font-weight: bolder;}
.fd-area4 .right-cont{width: 62%;}
.fd-area4 .right-cont .yy-item{width: 33.3%; padding: 50px 20px;height: 215px;transition: all 0.4s; border: 1px solid #a5b5c6;background: rgba(3 ,41, 87,0.37);text-align: center;color: #ffffff;} 
.fd-area4 .right-cont .yy-item:hover{transition: all 0.4s;background: rgba(3 ,41, 87,0.7);}
.fd-area4 .right-cont .blank-item{border: none;background: none;}
.fd-area4 .right-cont .blank-item:hover{background: none;}
.fd-area4 .right-cont .yy-item .icon{height: 70px;margin-bottom: 10px;display: block;}
.fd-area4 .right-cont .yy-item .icon img{max-height: 100%;}
.fd-area4 .right-cont .yy-item h5{margin-bottom: 5px;} 
.fd-area4 .right-cont .yy-item p{opacity: 0.7;}
@media only screen and (max-width:1366px ) {
	.fd-area4 .right-cont .yy-item {padding: 35px 20px; height: 200px;}
	.fd-area4 .right-cont .yy-item .icon {height: 56px;}
}
@media only screen and (max-width:1280px ) {
	.fd-area4 .right-cont .yy-item {padding: 25px 20px; height: 180px;}
	.fd-area4 .right-cont .yy-item .icon {height: 46px;}
	.fd-area4 .title {padding-top: 5%;}
	.fd-area4 .right-cont .yy-item p {font-size: 12px;}
}
@media only screen and (max-width:1024px ) {
	.fd-area4 .right-cont .yy-item .icon {height: 40px;}
	.fd-area4 .title{width: 100%;margin-bottom: 15px;}
	.fd-area4 .right-cont{width: 100%;}
	.fd-area4 {height: 70vw;}
	.fd-area4 .title {padding-top: 3%;}

}
@media only screen and (max-width:768px ) {
	.fd-area4 {height: 90vw;}
	.fd-area4 .right-cont .yy-item {padding: 15px 20px;height: 160px;}
	.fd-area4 .right-cont .yy-item .icon {height: 30px;}
	.fd-area4 .title {padding-top: 0;}

}
@media only screen and (max-width:500px ) {
	.fd-area4 {height: 700px;}
	.fd-area4 .right-cont .yy-item {padding: 15px 20px;height: 150px;width: 50%;}
	.fd-area4 .right-cont .yy-item.blank-item{display: none;}
}

/* 项目案例 */
.txt-left{text-align: left;}
.txt-right{text-align:right;}

.fd-area5 .xm-case{position: relative;overflow: hidden;height: 29.5vw;}
.fd-area5 .xm-case img{width: 100%;}
.fd-area5 .xm-case .case-txt{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #ffffff;}
.fd-area5 .xm-case .case-txt .txt{width: 52%;}
.fd-area5 .xm-case .case-txt .txt h5{margin-bottom: 10px;}
.fd-area5 .xm-case .case-txt .txt p{line-height: 24px;opacity: 0.9;}

@media only screen and (max-width:1024px ) {
	.fd-area5 .xm-case .case-txt .txt{width: 100%;}
}
@media only screen and (max-width:768px ) {
	.fd-area5 .xm-case{height: 350px;}
}