@charset "utf-8";

.personal1 {height: 870px;background-size: cover;background-position: center;background-repeat: no-repeat;text-align: center;color: #fff;position: relative;}
.personal1 .mask {position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: #000;}
.personal1 .middle-cont {position: relative;z-index: 1;}
.personal1 .middle-cont .h16 {line-height: 1.8;padding-top: 20px;}
.personal2 {background: url(../image/jjl/bgi1.jpg);padding: 45px 0 135px;}
.personal2 .text {float: left;width: 50%;height: 334px;}
.personal2 .text .padd {padding: 80px 65px 0 60px;}
.personal2 .text .p {padding: 15px 0 25px;}
.personal2 .top {overflow: hidden;}
.personal2 .top .img {overflow: hidden;height: 334px;}
.personal2 .top .img img {width: 100%;height: auto;}
.personal2 .bottom {padding-top: 20px;}
.personal2 .text {width: calc(50% - 10px);color: #fff;background-position: center;background-repeat: no-repeat;background-size: cover;}
.personal2 .text:last-child {float: right;}
.personal3 {background-size: cover;background-position: center;background-repeat: no-repeat;height: 603px;display: none;}
.personal3 .x-wrap {overflow: hidden;}
.personal3 .cont {height: 100%;width: 50%;background: url(../image/jjl/bgi1.png);float: right;}
.personal3 .cont .middle-cont {padding: 0 65px;color: #fff;}
.personal3 .cont .p {padding: 15px 0 25px;}
.personal4 {padding: 120px 0 100px;display: none;}
.personal4 .clear {height: 487px;}
.personal4 .l {float: left;width: 50%;overflow: hidden;height: 100%;position: relative;}
.personal4 .l img {width: 100%;height: auto;position: absolute;left: 0;top: 0;opacity: 0;visibility: hidden;-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;filter: blur(20px);}
.personal4 .l img.act {opacity: 1;visibility: visible;z-index: 1;filter: none;position: relative;}
.personal4 .r {float: right;width: 50%;height: 100%;position: relative;z-index: 1;}
.personal4 .r .item {height: 50%;background: #fff;position: relative;}
.personal4 .r .item .img {display: none;}
.personal4 .r .item .middle-cont {padding: 0 57px;}
.personal4 .r .item .t1 {overflow: hidden;}
.personal4 .r .item .t1 .h28 {float: left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 72%;}
.personal4 .r .item .t1 .x-more {float: right;position: relative;top: 10px;}
.personal4 .r .item .p {padding-top: 15px;}
.personal4 .r .item.cur {background: url(../image/jjl/bgi2.jpg);color: #fff;}
.personal4 .r .item.cur:before {content: "";width: 20px;height: 41px;background: url(../image/jjl/arr1.png) no-repeat center;background-size: cover;position: absolute;left: -20px;top: 50%;margin-top: -20.5px;}


.huatai1 {background-size: cover;background-position: center;background-repeat: no-repeat;height: 840px;position: relative;z-index: 1;}
.huatai1 .bgi {position: absolute;right: 60px;bottom: -154px;width: 217px;height: 250px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.huatai1 .text {width: 450px;color: #fff;text-shadow: 0px 2px 5px #000;margin-left: 70px;padding-top: 22%;text-align: justify;}
.huatai1 .text .h28 {padding-bottom: 15px;}
.huatai1 .text .p {padding-top: 10px;line-height: 1.7;}
.huatai1 .text .x-more {margin-top: 45px;}
.huatai2 {background: url(../image/jjl/huatai2.jpg) repeat-y top center;background-size: cover;padding: 130px 0 0;}
.huatai2 .title {padding: 0 0 100px;text-align: center;}
.huatai2 .bar {text-align: center;font-family: Arial;color: #474747;overflow: hidden;}
.huatai2 .bar .slick-mod {width: 828px;display: inline-block;vertical-align: middle;margin: 0 -5px;}
.huatai2 .bar .slick-item {line-height: 34px;font-size: 42px;}
.huatai2 .bar .slick-arrow {width: 238px;height: 22px;}
.huatai2 .bar .slick-arrow:before {display: none;}
.huatai2 .bar .slick-prev {background: url(../image/jjl/prev1.png) no-repeat center;left: 0;}
.huatai2 .bar .slick-prev:hover {background-image: url(../image/jjl/prev1_a.png);}
.huatai2 .bar .slick-next {background: url(../image/jjl/next1.png) no-repeat center;right: 0;}
.huatai2 .bar .slick-next:hover {background-image: url(../image/jjl/next1_a.png);}
.huatai2 .bar .slick-arrow:after {content: "";position: absolute;width: 7px;height: 7px;border-radius: 50%;background: #bdbdbd;top: 50%;margin-top: -3.5px;right: 0;padding: 0;}
.huatai2 .bar .slick-prev:after {left: 0%;}
.huatai2 .bar .slick-next:after {right: 0%;}
.huatai2 .bar .slick-arrow:hover:after {background: #e4b752;}
.huatai2 .bar .h18 {display: inline-block;vertical-align: middle;padding: 0 20px;position: relative;}
.huatai2 .bar .h18:before {content: "";position: absolute;height: 1px;top: 50%;width: 1000px;background: #bdbdbd;}
.huatai2 .bar .h18:after {content: "";position: absolute;width: 7px;height: 7px;border-radius: 50%;background: #bdbdbd;top: 50%;margin-top: -3.5px;right: 0;}
.huatai2 .bar .start:before {right: 100%;}
.huatai2 .bar .end:before {left: 100%;}
.huatai2 .bar .start:after {right: 100%;}
.huatai2 .bar .end:after {left: 100%;}
.huatai2 .cont {padding: 50px 125px 0;position: relative;}
.huatai2 .cont .item {position: absolute;left: 0;width: 100%;top: 0;visibility: hidden;opacity: 0;text-align: center;}
.huatai2 .cont .item.act {visibility: visible;opacity: 1;z-index: 1;position: relative;}
.huatai2 .cont .item .h22 {padding-bottom: 15px;}
.huatai2 .cont .item .p {line-height: 1.8;}
.huatai2 .box1 {padding: 120px 125px 0;position: relative;text-align: center;}
.huatai2 .box1 .h28 {padding-bottom: 20px;}
.huatai2 .feij {text-align: center;position: relative;padding-bottom: 15px;overflow: hidden;margin: 65px auto -16px;}
.huatai2 .feij img {max-width: 100%;position: relative;z-index: 1;}
.huatai2 .feij .mask {position: absolute;left: 50%;width: 1230px;height: 31px;background: url(../image/jjl/bar1.png) no-repeat center;bottom: 0;margin-left: -615px;}
.huatai3 {background: #fff;position: relative;}
.huatai3 .bgi {height: 568px;background: url(../image/jjl/huatai3.png) no-repeat center;position: relative;}
.jjl_bar {position: absolute;left: 0;width: 100%;height: 100%;max-width: 1920px;right: 0;margin: auto;}
.jjl_bar .i {width: 1px;background: #c5c5c5;opacity: 0.5;top: 0;bottom: 0;position: absolute;}
.jjl_bar .i1 {left: 345px;}
.jjl_bar .i2 {left: 767px;}
.jjl_bar .i3 {left: 1189px;}
.huatai3 .text {position: absolute;width: 395px;color: #fff;padding-top: 90px;left: 104px;text-align: justify;}
.huatai3 .text .p {padding-top: 15px;line-height: 1.8;}
.huatai3 .text .p+.h18 {padding-top: 20px;}
.huatai3 .txt2 {right: 30px;left: auto;}
.huatai4 {background: url(../image/jjl/huatai4.jpg) no-repeat bottom center;background-size: cover;overflow: hidden;position: relative;}
.huatai4 .title {text-align: center;padding: 25px 0 95px;}
.huatai4 .list {width: 105%;padding-bottom: 130px;}
.huatai4 .list .item {background: #fff url(../image/jjl/huatai5.jpg) no-repeat bottom center;float: left;width: 385px;position: relative;height: 465px;}
.huatai4 .list .item+.item {margin-left: 37px;}
.huatai4 .list .item .ico {width: 123px;height: 107px;position: absolute;left: 50%;margin-left: -61px;top: -53px;}
.huatai4 .list .item .ico img {width: 100%;height: auto;}
.huatai4 .list .item .padd {text-align: justify;padding: 80px 50px 115px;}
.huatai4 .list .item .p {line-height: 1.8;padding-top: 15px;}
.huatai4 .list .item:nth-child(1) {margin-top: 50px;}
.huatai4 .list .item:nth-child(3) {margin-top: 100px;}
.huatai5 {background-size: cover;background-position: center;background-repeat: no-repeat;}
.huatai5 .slick-mod	{}
.huatai5 .slick-item {height: auto;padding-bottom: 140%;position: relative;}
.huatai5 .slick-item .mar {background: rgba(0,0,0,0.3);height: 100%;color: #fff;padding: 0 40px;position: absolute;left: 0.5px;right: 0.5px;top: 0;-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.huatai5 .slick-item .mar .img {width: 100%;margin: 0 auto;width: 0;text-align: center;}
.huatai5 .slick-item .mar .img img {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;width: auto;}
.huatai5 .slick-item .date {font-family: Arial;padding-top: 65px;}
.huatai5 .slick-item .p {line-height: 1.8;padding-top: 10px;}
/* .huatai5 .slick-item:hover .mar {background: url(../image/jjl/mask1.png) no-repeat center;background-size: 100% 100%;}
.huatai5 .slick-item:hover .mar .img {width: 100%;height: 55%;} */
.huatai5 .slick-arrow {width: 81px;height: 50px;opacity: 0.4;top: auto;bottom: 7%;}
.huatai5 .slick-arrow:hover {opacity: 1;}
.huatai5 .slick-arrow:before {display: none;}
.huatai5 .slick-prev {background: url(../image/jjl/prev2.png) no-repeat center;background-size: cover;left: 50%;margin-left: -105px;}
.huatai5 .slick-next {background: url(../image/jjl/next2.png) no-repeat center;background-size: cover;right: 50%;margin-right: -105px;}
.huatai6 {background-size: cover;background-position: center;background-repeat: no-repeat;padding: 155px 0 130px;}
.huatai6 .l {float: left;width: 385px;height: 493px;background: url(../image/jjl/huatai6.png) no-repeat center;background-size: cover;position: relative;}
.huatai6 .l .t1 {position: absolute;left: 230px;top: -40px;}
.huatai6 .l .t1 img {height: 128px;width: auto;}
.huatai6 .l .txt {position: absolute;width: 360px;left: 50px;top: 200px;color: #fff;}
.huatai6 .l .txt .h28 {padding-bottom: 20px;}
.huatai6 .l .txt .h16 {line-height: 1.8;}
.huatai6 .r {overflow: hidden;padding: 105px 0 0 105px;text-align: justify;color: #e0e0e0;}
.huatai6 .r .p {overflow: hidden;line-height: 1.8;}
.huatai6 .r .p +.p {padding-top: 25px;}
.huatai6 .r .p .s1 {float: left;width: 40px;font-family: 'avian';}
.huatai6 .r .p .s2 {overflow: hidden;}


.details1 {background-size: cover;background-position: center;background-repeat: no-repeat;padding: 195px 0 0;position: relative;}
.details1:before {content: "";display: block;width: 100%;position: absolute;left: 0;bottom: 0;right: 0;background: #fff;height: 200px;}
.details1 .box1 {background: #fff;}
.details1 .box1 .img {float: left;width: 650px;}
.details1 .box1 .img img {width: 100%;height: auto;}
.details1 .box1 .text {overflow: hidden;}
.details1 .box1 .text .padd {padding: 70px 105px 0px 60px;}
.details1 .box1 .text .scroll1 {max-height: 150px;}
.details1 .box1 .text .h26 {padding-bottom: 30px;}
.details1 .box1 .text .p {color: #707070;padding-top: 10px;}
.details1 .box2 {background: rgba(255,255,255,0.2);padding: 40px 0;margin-top: 60px;}
.details1 .box2 .item {float: left;width: 33.33%;box-sizing: border-box;padding: 0 4.5%;position: relative;color: #fff;}
.details1 .box2 .item+.item:before {content: "";display: block;width: 1px;height: 90px;background: #7ca4e2;position: absolute;left: 0;top: 0;}
.details1 .box2 .item .h24 {padding-bottom: 5px;}
.details1 .box2 .item .h16 {}
.details1 .box3 {margin-top: 65px;overflow: hidden;}
.details1 .box3 .title {text-align: center;color: #fff;padding-bottom: 40px;}
.details1 .box3 .list {width: 105%;}
.details1 .box3 .list .item {width: 396px;float: left;margin-right: 21px;}
.details1 .box3 .list .item .img {position: relative;padding-bottom: 68.5%;overflow: hidden;}
.details1 .box3 .list .item .img img {width: 100%;height: auto;position: absolute;left: 0;top: 0;}
.details1 .box3 .list .item .txt {padding-top: 25px;}
.details1 .box3 .list .item .p {color: #707070;padding-top: 5px;}

@media screen and (max-width: 1680px){
	/* .huatai5 .slick-item:hover .date {padding-top: 35px;} */
}

@media screen and (max-width: 1440px){
	/* .huatai5 .slick-item:hover .mar .img {height: 44%;padding-top: 15px;}
	.huatai5 .slick-item:hover .date {padding-top: 15px;} */
}



@media screen and (max-width: 1024px){
	.details1 {padding: 1.5rem 0 0.4rem;}
	.details1 .box1 .img {width: 100%;height: auto;float: none;}
	.details1 .box1 .text .padd {padding: 0.5rem 0.3rem;}
	.details1 .box1 .text .p {padding-top: 0.1rem;}
	.details1 .box1 .text .h26 {padding-bottom: 0.2rem;}
	.details1 .box2 {padding: 0;margin-top: 0.8rem;}
	.details1 .box2 .item {float: none;width: auto;padding: 0.3rem;}
	.details1 .box2 .item+.item:before {width: 100%;height: 1px;}
	.details1 .box2 .item .h24 {padding-bottom: 0.05rem;}
	.details1 .box3 {margin-top: 0.8rem;}
	.details1 .box3 .title {padding-bottom: 0.4rem;}
	.details1 .box3 .list {width: auto;}
	.details1 .box3 .list .item {width: auto;float: none;margin: 0 0 0.6rem;background: #fff;}
	.details1 .box3 .list .item .txt {padding: 0.3rem;}
	.details1 .box3 .list .item .p {padding-top: 0.05rem;}
	.details1:before {display: none;}
	.personal1 {height: auto;padding: 2.5rem 0 1rem;}
	.personal1 .middle-cont .h16 {padding-top: 0.2rem;}
	.personal2 {padding: 1rem 0;}
	.personal2 .text {width: auto;float: none;height: auto;}
	.personal2 .text .padd {padding: 0.3rem;}
	.personal2 .text .p {padding: 0.15rem 0 0.15rem;}
	.personal2 .top .img {height: auto;}
	.personal2 .bottom {padding: 0;margin-top: 0.3rem;}
	.personal2 .bottom .text {width: 100%;}
	.personal2 .text+.text{margin-top: 0.3rem;}
	.personal3 {height: auto;padding: 1rem 0;}
	.personal3 .cont {width: auto;float: none;}
	.personal3 .cont .middle-cont {padding: 0.5rem 0.3rem 0.3rem;}
	.personal3 .cont .p {padding: 0.15rem 0;}
	.personal4 {padding: 1rem 0;}
	.personal4 .clear {height: auto;}
	.personal4 .l {float: none;width: auto;display: none;}
	.personal4 .r {float: none;width: auto;}
	.personal4 .r .item+.item {margin-top: 0.6rem;}
	.personal4 .r .item .img {display: block;width: 100%;height: auto;}
	.personal4 .r .item .img img {display: block;width: 100%;height: auto;}
	.personal4 .r .item.cur {background: #fff;color: inherit;}
	.personal4 .r .item.cur:before {display: none;}
	.personal4 .r .item .middle-cont {padding: 0.5rem 0.3rem;}
	.personal4 .r .item .t1 .x-more {top: 0.05rem;}
	.personal4 .r .item .p {padding-top: 0.15rem;}
	.huatai1 {height: auto;padding: 1rem 0;}
	.huatai1 .text {width: auto;margin: 0;padding: 0;}
	.huatai1 .text .h28 {padding-bottom: 0.15rem;}
	.huatai1 .text .p {padding-top: 0.1rem;}
	.huatai1 .text .x-more {margin-top: 0.25rem;}
	.huatai1 .bgi {display: none;}
	.huatai2 {padding: 1rem 0 0;}
	.huatai2 .title {padding: 0 0 0.4rem;}
	.huatai2 .bar .slick-mod {width: 4rem;}
	.huatai2 .bar .h18 {padding: 0 0.2rem;display: none;}
	.huatai2 .bar .slick-arrow {width: 1.4rem;}
	.huatai2 .bar .slick-item {font-size: 0.45rem;}
	.huatai2 .bar .slick-prev {background-position: right center;left: -1.4rem;}
	.huatai2 .bar .slick-next {background-position: left center;right: -1.4rem;}
	.huatai2 .bar .slick-prev:hover {background-image: url(../image/jjl/prev1.png);}
	.huatai2 .bar .slick-next:hover {background-image: url(../image/jjl/next1.png);}
	.huatai2 .bar .slick-mod {margin: 0;}
	.huatai2 .cont {padding: 0.4rem 0 0;}
	.huatai2 .cont .item .h22 {padding-bottom: 0.15rem;}
	.huatai2 .box1 {padding: 1rem 0 0rem;}
	.huatai2 .box1 .h28 {padding-bottom: 0.2rem;}
	.huatai2 .feij {margin-top: 0.65rem;}
	.huatai3 .x-wrap {padding: 0;}
	.huatai3 .bgi {background: none;height: auto;}
	.huatai3 .text {background: #499fd4;position: static;width: auto;padding: 0.5rem 0.3rem;}
	.huatai3 .txt2 {background: #3b7bd3;}
	.huatai3 .text .p {padding-top: 0.1rem;}
	.huatai3 .text .p+.h18 {padding-top: 0.3rem;}
	.jjl_bar {display: none;}
	.huatai4 .title {padding: 1rem 0 0.4rem;}
	.huatai4 .list {width: auto;padding-bottom: 1rem;}
	.huatai4 .list .item {box-shadow: 0px 0px 5px 0px #ccc;width: auto;float: none;height: auto;}
	.huatai4 .list .item+.item {margin-left: 0;margin-top: 1.6rem;}
	.huatai4 .list .item .ico {width: 2rem;height: auto;margin-left: -1rem;top: -0.9rem;}
	.huatai4 .list .item .padd {padding: 1rem 0.3rem 0.6rem;}
	.huatai4 .list .item .p {padding-top: 0.15rem;}
	.huatai5 .slick-item:hover .mar {background: rgba(0,0,0,0.3);}
	.huatai5 .slick-item .mar .img {display: none;}
	.huatai5 .slick-item .mar {padding: 0 0.3rem;}
	.huatai5 .slick-item .date {padding-top: 0.8rem;}
	.huatai5 .slick-item .p {padding-top: 0.1rem;}
	.huatai5 .slick-arrow {bottom: 0.2rem;}
	.huatai6 {padding: 1.6rem 0 1rem;}
	.huatai6 .l {float: none;width: 6rem;height: 7rem;background-size: 100% 100%;}
	.huatai6 .l .t1 {left: 0.4rem;top: -0.4rem;}
	.huatai6 .l .t1 img {height: 1.28rem;}
	.huatai6 .l .txt {width: 6.4rem;left: 0.4rem;top: 2rem;}
	.huatai6 .r {padding: 0.6rem 0rem 0;}
	.huatai6 .r .p .s1 {width: 0.4rem;}
	.huatai6 .r .p +.p {padding-top: 0.25rem;}



	.huatai5 .slick-item {padding-bottom: 90%;}












}

@media screen and (max-width: 768px){
	.huatai5 .slick-item {padding-bottom: 140%;}
}