/* CSS Document */



button:disabled,
.disabled{
    opacity:0.5;
    cursor:default;
}
.hi{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.css3,a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.comdiv{
width:100%; overflow:hidden; margin:0; padding:0;}
.cssimg,.cssimgp img{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/}
.cssimg:hover,.cssimgp:hover img{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);}

.w50f{float:left; width:50%}
@media(max-width:768px){
	.w50f{float: none; width:100%}
}

.w50f2{float:left; width:48%; margin:1%;}
@media(max-width:768px){
	.w50f2{float: none;  width:98%; margin:1%;}
}

.daxie{text-transform: uppercase;}
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 

.home-phl{padding:90px 0;background-color:#fff;text-align:center}
.home-phl .t1{font:68px Arial;line-height:27px;color:#216eb6;text-transform:uppercase;position:relative; }
.home-phl .t1::after{content:'';position:absolute;top:70px;left:48%;display:block;width:47px;height:4px;background-color:#216eb6}
.home-phl .t2{margin-top:60px;font:36px Regular}
.home-phl .t3{margin:20px auto 0;font-size:16px;line-height:30px;color:#999;width:69%}
.home-phl .row{margin-top:80px}
.home-phl .card{justify-content:center;align-items:center}
.home-phl .card .text{margin-top:28px;color:#666;line-height:28px}
.home-phl .img{background-color:#f2f4f6;width:120px;height:120px;display:flex;align-items:center;justify-content:center}
.home-phl .img img{width:50px;height:50px}
@media(max-width:1300px){
  .home-phl .t1{font-size:58px;}
  .home-phl .t2{font-size:30px;}
}

@media(max-width:768px){
  .home-phl{padding:30px 0}
  .home-phl .t1{font:28px Arial}
  .home-phl .t1::after{content:'';position:relative;top:inherit;left:inherit;margin:15px auto 0px auto;display:block;width:80px;height:3px;background-color:#216eb6}
  .home-phl .t2{margin-top:0px;font-size:16px}
  .home-phl .t3{margin:-13px 10px 15px 15px;font-size:13px;line-height:22px;width:auto;}
  .home-phl .row{margin-top:30px;width: 100%;margin: 0 auto;}
  .home-phl .card .text{margin-top:4px;margin-bottom: 20px;}
}


.g-lc {background: url(../images/history.jpg) no-repeat;background-size: 100% 75%;background-position: bottom center;padding-left: 5%;padding-right: 5%}
.g-lc h3 {font-size: 40px;font-weight: bold;text-align: center;letter-spacing: 2px;color: #323333}
.g-lc .g-lc-con {margin-top: 60px;position: relative;overflow: hidden}
.g-lc .g-lc-con .lc-next {width: auto;height: auto;top: 46%;background: none;right: -10px;opacity: 1}
.g-lc .g-lc-con .lc-prev {width: auto;top: 46%;height: auto;background: none;left: -10px;opacity: 1}
.g-lc .g-lc-con .glc-cz {position: absolute;width: 100%;left: 0;top: 46%}
.g-lc .g-lc-con .lc-swiper {position: relative;width: 94.75%;margin: 0 auto; }
.g-lc .g-lc-con .lc-swiper .swiper-wrapper{-webkit-transition-timing-function: linear;-moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear}
.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide {padding-left: 9px}
.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide .glc-con {display: flex;flex-direction: column}
.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide .glc-con .glc-tp {position: relative;padding-bottom: 70px;width: 425px;display: flex;flex-direction: column-reverse}
.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide .glc-con .glc-tp h4 {font-size: 48px;font-weight: bold;color: #216eb6;transition: all 0.3s;position: relative;padding-left: 33px;height: 48px}
.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide .glc-con .glc-tp h4 img {position: absolute;left: -9px;top: 50%;transform: translateY(-50%);content: '';transition: all 0.3s;z-index: 2}
.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide .glc-con .glc-tp div {font-size: 16px;line-height: 30px;letter-spacing: 1px;color: #323333;margin-top: 16px;padding-left: 33px;height: 130px;display: flex;flex-direction: column-reverse;  
}
.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide .glc-con .glc-tp div ul,.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide .glc-con .glc-tp div ul li{position: relative}
.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide .glc-con .glc-tp div ul::before{position: absolute;left: -33px;bottom: 0;    bottom: 0px;content: '';height: calc(100% - 20px);width: 1px; z-index: 1px;   background-color: #b6b6b8}
.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide:nth-child(2n) .glc-con .glc-tp div ul::before{position: absolute;left: -33px;bottom: 0;top: -36px;content: '';height: calc(100% + 26px);width: 1px; z-index: 1px;   background-color: #b6b6b8}
.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide .glc-con .glc-tp div ul li::before{    position: absolute;left: -42px;top: 30%;
content: '';width: 19px;height: 19px;background: url(../images/yq.png) no-repeat;transition: all 0.3s}
.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide .glc-con .glc-tp div ul li strong{font-size: 26px}
.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide .glc-con .glc-tp::before {position: absolute;left: 0;bottom: 0;content: '';width: 1px;height: calc(100% - 135px);background-color: #b6b6b8}
.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide .glc-con .glc-bt {height: 290px}
.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide .glc-con:hover .glc-tp h4 {font-size: 38px;position: relative;margin-top: -5px}
.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide .glc-con:hover .glc-tp h4 img {top: 17px}
.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide:nth-child(2n) .glc-con {flex-direction: column-reverse}
.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide:nth-child(2n) .glc-con .glc-tp,.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide:nth-child(2n) .glc-con div{flex-direction: column}
.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide:nth-child(2n) .glc-con .glc-tp::before {bottom: auto;top: 0;height: calc(100% - 160px)}
.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide:nth-child(2n) .glc-con .glc-tp {padding-bottom: 0;padding-top: 70px;margin-top: -25px}

@media(max-width:768px){
	.g-lc {background: url(../images/history.jpg) no-repeat;background-size: 100% 75%;background-position: bottom center;padding-left: 0%;padding-right: 0%; height:300px; overflow:hidden;}
	.g-lc .g-lc-con {margin-top: 20px;position: relative;overflow: hidden}
.g-lc .g-lc-con .lc-next {width: auto;height: auto;top: 40%;background: none;right: -10px;opacity: 1}
.g-lc .g-lc-con .lc-prev {width: auto;top: 40%;height: auto;background: none;left: -10px;opacity: 1}
.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide .glc-con .glc-tp div ul li strong{font-size: 16px}
.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide .glc-con .glc-tp {position: relative;padding-bottom: 70px;width: 100%;display: flex;flex-direction: column-reverse}

.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide:nth-child(2n) .glc-con {display: flex;flex-direction: column}
.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide:nth-child(2n) .glc-con .glc-tp,.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide:nth-child(2n) .glc-con div{flex-direction: column}
.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide:nth-child(2n) .glc-con .glc-tp::before {bottom: auto;top: 0;height: calc(100% - 160px)}
.g-lc .g-lc-con .lc-swiper .swiper-wrapper .swiper-slide:nth-child(2n) .glc-con .glc-tp {padding-bottom: 0;padding-top: 70px;margin-top: -25px}


}

.home-title{padding:0px 0;}
.home-title .title-box{display:flex;align-items:start;justify-content:space-between}
.home-title .title-box .t1{font:38px Arial;line-height:40px;ext-transform:uppercase;font-weight:300;color:#a2aeba; font-family:Arial, Helvetica, sans-serif}
.home-title .title-box .t2{margin:20px 0 30px 0;font-size:36px;line-height:28px;color:#2886c6;letter-spacing:2px;}
.home-title .title-box .more{display:block;padding:0 40px;max-width:194px;line-height:48px;color:#333;text-align:center;margin-top:20px;border-radius: 0px; border: #e2e2e2 solid 1px;}
.home-title .title-box .more:hover{text-decoration:underline}
@media(max-width:768px){
.home-title .title-box .t1{font:20px Arial;line-height:0px;color:#2886c6;text-transform:uppercase; margin-left:0px;}
.home-title .title-box .t2{margin:0px 0 10px 0;font-size:22px;line-height:22px;color:#2886c6;letter-spacing:2px;}
.home-title .title-box .more{display:block;padding:0 10px;max-width:194px;line-height:48px;color:#333;text-align:center;margin-top:20px;border-radius: 0px; border: #e2e2e2 solid 1px; font-size:12px}
	
}

.home-pro{padding:80px 0;}
.home-pro .title-box{display:flex;align-items:start;justify-content:space-between}
.home-pro .title-box .t1{font:38px Arial;line-height:40px;color:#2886c6;text-transform:uppercase}
.home-pro .title-box .t2{margin:20px 0 30px 0;font-size:36px;line-height:28px;color:#2886c6;letter-spacing:2px;}
.home-pro .title-box .more{display:block;padding:0 40px;max-width:194px;line-height:48px;background-color:#2886c6;color:#fff;text-align:center;margin-top:20px;border-radius: 0px; font-size:14px}
.home-pro .title-box .more:hover{text-decoration:underline}
.home-pro .box{margin-top:1%;display:flex;justify-content:space-between}
.home-pro .box .left,.home-pro .box .right{width:49.5%}
.home-pro .box .left .img{background-color:#fff;padding:0px 0px;position:relative;}
.home-pro .box .left .img:first-child{margin-bottom:2%}
.home-pro .box .right .img{background-color:#fff;padding:0px 0px;position:relative;}
.home-pro .box .img .text{position:absolute;background:rgba(0, 40, 80, 0.7);top:0;right:0;left:0;bottom:0; display:flex;align-items:center;justify-content:center;z-index:2;opacity:0;transition:all 0.5s}
.home-pro .box .img:hover .text{opacity:1;}
.home-pro .box .img .text .t3{font-size:28px;margin-bottom:40px;color:#fff;}
.home-pro .box .img .text .t3 a{color:#fff;}
.home-pro .box .img .text .t3:hover{text-decoration:underline;}
.home-pro .box .img .text .more{width:180px;font-size:16px;line-height:48px;text-align:center;background:#2886c6;display:block;margin:0 auto;color:#fff;}
.home-pro .box .img .text .more:hover{text-decoration:underline;}

.home-pro .box .cel{width:100%}
.home-pro .box .cel .img{background-color:#fff;padding:0px 0px;position:relative; width:49.5%; float:left; }


@media(max-width:768px){
  .home-pro{padding:30px 0; text-align:center}
.home-pro .title-box .t1{font:20px Arial;line-height:0px;color:#2886c6;text-transform:uppercase; margin-left:20px;}
.home-pro .title-box .t2{margin:0px 0 10px 0;font-size:22px;line-height:22px;color:#2886c6;letter-spacing:2px;}
  .home-pro .box{margin-top:16px;display:block}
  .home-pro .box .img{margin-top:15px;}
  .home-pro .box .left, .home-pro .box .right{width:100%;}
  .home-pro .box .img .t3{color:#216eb6;text-align:center;margin-top:10px;}
  .home-pro .box .left .img:first-child{margin-bottom:0px;}
  .home-pro .box .left .img{margin-top:15px;}
  .home-pro .box .right .img{padding:16px 42px;}
  .home-pro .more{display:block;margin:20px auto 0;padding:0 30px;max-width:164px;line-height:46px;background-color:#2886c6;color:#fff;text-align:center}
}

/*application*/
.appli {padding: 0px 0 0px 0;  text-align: center;}
.appli .title{margin-bottom: 70px;}
.appli .list {display: flex;  justify-content: space-around;}
.appli .list .item {  background-color: #fff;  width: 98%;  transition: transform 0.3s ease, box-shadow 0.3s ease;  text-align: center;  position: relative; margin-right:1%;border-radius: 25px; display: block;overflow:hidden}
/* .appli .list .item:hover {  transform: translateY(-5px);  position: relative;  z-index: 9;} */

.appli .list .item .con{
	width: 100%;  position: absolute;  left: 0;  bottom: 38px;
	text-align: left;
	padding: 88px 36px 0;
	box-sizing: border-box;  transition: all 0.3s;}
.appli .list .item:hover .con{  bottom: 15%;-webkit-transition:all 0.5s;transition:all 0.5s}
.appli .list .item .icon{
	margin-bottom: 30px;}

.appli .pic{  display: block;  position: relative;border-radius: 25px;}

.appli .pic:hover{ display:block;}
.appli .pic img {  width: 100%;  height: auto;  margin: 0 auto;border-radius: 25px;transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

.appli .list .item .tit {  font-size: 28px;  margin-bottom: 20px;  color: #fff;  font-weight: bold;  margin-bottom: 10px;}

.appli .list .item .para {  font-size: 14px;  line-height: 20px;  color: #fff;  margin-bottom: 20px;
	white-space: nowrap;}

.appli .list  .jyfont{  width: 65px;  height: 3px;  background-color: #fff;
}

.appli .list .item .jyfont{  font-size: 38px;  color: #fff;  position: relative;
}
.appli .list .item .jyfont::after{  content: '';  width: 0;  height: 1px;  background-color: #fff;  position: absolute;  bottom: calc(50% - 0.5px);  left: 50px;  transition: all 0.3s;}
.appli .list .item:hover .jyfont::after{  width: 63px;}
.appli .list .item .more1{  color: #fff;  margin-top: 16px;  display: none;}
.appli .list .item:hover .more1{  display: block;}

@media (max-width: 1024px) {  .core .list .item {width: calc(50% - 20px);  }}

@media (max-width: 768px) {  .core .list .item {width: 100%;  }}

@media (max-width: 1200px) {  .appli{padding: 90px 0;	}
 }
@media (max-width: 1024px) {  .appli{padding: 0px 0;}
 }

.appli .w50f{width:50%; float:left; overflow:hidden}

@media(max-width:768px){
.appli .w50f{width:100%; float: none; margin-top:2%;}	
}

@media (max-width: 1024px) {
   /* application */  .appli .list{flex-wrap: wrap;  }  .appli .list .item{width: 100%;  }  .appli .list .item:nth-child(5){display: none;  }  .appli .list .item:hover .con{bottom: 200px;  }
 }

@media (max-width: 768px) {
  /* application */  .appli .list .item:hover .con{bottom: 10px;  }  .appli .list .item .tit{font-size: 24px;line-height: 100%;  }  .appli .list .item .para{font-size: 13px;  }
  
  .product-container .in-tit p:last-child span {font-size: 20px;}
 }
@media (max-width: 565px) {  /* application */  .appli .list .item:hover .con{bottom: 20px;  }  .appli .list .item .tit{font-size: 20px;line-height: 100%;  }  .appli .list .item .para{font-size: 12px;  }

}

.home-cs{padding: 80px 0 60px 0;;}
.home-cs .box{display: flex;justify-content: space-between;}
.home-cs .left{width: 55%;}
.home-cs .left .t1{font: 34px Arial;line-height: 40px;color: #002850;text-transform: uppercase;position: relative;}
.home-cs .left .t1::after{content:'';position: absolute;top: 84px;left: 0;display: block;width: 47px;height: 4px;background-color: #c0d1e3;}
.home-cs .left .t2{margin-top: 100px;font-size: 35px;line-height: 28px;color: #002850;letter-spacing:2px;}
.home-cs .left .t3{margin-top:46px;width: 76%;line-height:27px;letter-spacing: 2px;color: #999;}
.home-cs .left .more{margin-top: 46px;cursor: pointer;display: block;max-width: 194px;padding:0 20px;line-height: 48px;background-color: #2886c6;color: #fff;font-size:14px;text-align: center;}
.home-cs .left .more:hover{text-decoration: underline;}
.home-cs .right{width: 42%;margin-top:0%;}
.home-cs .right .img{width: 100%;}
.home-cs .right .img .img-width{width: auto;}

@media(max-width:1300px){
    .home-cs .left .t1{font-size:54px;}
    .home-cs .left .t2{font-size:30px;}
}



@media(max-width:768px){
	.home-cs{padding: 10px 0 20px 0;;}
	.home-cs .box{display:  block;}
	.home-cs .left{width: 100%;}
	.home-cs .right{width: 100%; margin-top:5%;}
    .home-cs .left .t1{font-size:18px;}
	.home-cs .left .t1::after{content:'';position: absolute;top: 64px;left: 0;display: block;width: 47px;height: 4px;background-color: #c0d1e3;}
    .home-cs .left .t2{font-size:16px;margin-top: 20px;}
	.home-cs .left .t3{margin-top:0px;width: 100%;line-height:27px;letter-spacing: 2px;color: #999;}

}

.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}}@media(min-width:992px){.container{max-width:960px}}@media(min-width:1200px){.container{max-width:1140px}}.container-fluid,.container-sm,.container-md,.container-lg,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media(min-width:576px){.container,.container-sm{max-width:540px}}@media(min-width:768px){.container,.container-sm,.container-md{max-width:720px}}@media(min-width:992px){.container,.container-sm,.container-md,.container-lg{max-width:980px}}@media(min-width:1200px){.container,.container-sm,.container-md,.container-lg,.container-xl{max-width:1430px}}


.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto;height: auto;z-index: 1;max-width: 100%;max-height:100%;}
.img img.img-center,img.img-center {height:-webkit-min-content;height:-moz-min-content;height:min-content;width: auto;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}
.img-alt {opacity: 0;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.text-center {text-align: center;}
.input-1,.textarea-1{background:none;padding: 2rem 0;box-sizing: border-box;border: none;width: 100%;border-bottom: 1px solid #e7e7e7;color: #000;transition:all .4s ease;}
.input-1:focus,.textarea-1:focus {border-bottom: 1px solid #000;}
.textarea-1 {min-height: 150px;}
.input-1::-webkit-input-placeholder,.textarea-1::-webkit-input-placeholder{ color: #999;} 
.div-container {position: relative;width: 74%;margin: auto;}
.div-content {width: 83%;margin: auto;}
.aside-top {position: fixed; width: 50px;bottom:3%;right:1%; z-index:199;display: none;}
.aside-top a {width: 50px;height: 50px;display: block;overflow: hidden; background: #bb171e url('../images/up1.png') no-repeat center;border-radius: 100%;background-size: 30%;}


.index-customers {overflow: hidden;position: relative;}
.index-customers-text {position: absolute;right: 9%;top: 50%;transform: translateY(-50%);z-index: 11;width: 20%;color: #fff;}
.index-customers-text .jcd-title .title-2{color: #fff;}
.index-customers-text .jcd-title .title-100 {margin-left: -5%;margin-top: -5%;position: relative;}
.index-customers-text .jcd-title .title-100 strong{letter-spacing: -10px;}
.index-customers-text .jcd-title .title-100 sub {position: absolute;right: -10%;bottom: 20%;}
.index-customers-logo {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.index-customers-row {width: 25%;height: 100%;float: left;overflow: hidden;position: relative;}
.index-customers-row::after {content: '';right: 0;top: 0;width: 1px;height: 100%;background: #fff;opacity: .1;position: absolute;}
.index-customers-list {position: absolute;top: 50%;transform: translateY(-50%);width: 100%;z-index: 2;}
.index-customers-logo-item {position: relative;width: 100%;}
.index-customers-logo-item .img-center {opacity: .8;transition:all .4s ease;}
.index-customers-logo-item:hover .img-center {opacity: 1;}



.more-2 {width: 15rem;margin-top: 2%;position: relative;}
.more-2 i{display: block;height: 7rem;width: 7rem;border-radius: 100%;background: #bb171e;}
.more-2 span{display: block;position: absolute;left: 23%;top: 50%;transform: translateY(-50%);color: #fff;}
.more-2 a:hover i{transform: scale(1.1);}
.jcd-title {position: relative;}
.jcd-title.center {text-align: center;}
.jcd-title.right {text-align: right;}
.jcd-title .entitle-1{color: #ccc;font-size:18px}
.jcd-title .title-1{color: #216eb6;}
.jcd-title .title-1 h3{font-weight: 900;font-size:32px; color:#e3e3e3}
.jcd-title .title-3 h3{font-weight: 900;}
.jcd-title .title-2 {color: #222;margin-top: .5%;letter-spacing: -2px;font-size:32px; line-height:48px;}
.jcd-title .text-2 {color: #666666;margin-top: 2%;text-align: justify;}
@media(max-width:768px){
	
	.index-customers-text {position: absolute;right: 9%;top: 50%;transform: translateY(-50%);z-index: 11;width: 100%;color: #fff;}
	.jcd-title .entitle-1{color: #ccc;font-size:12px}
.jcd-title .title-1{color: #216eb6;}
.jcd-title .title-1 h3{font-weight: 900;font-size:12px; color:#e3e3e3}
.jcd-title .title-3 h3{font-weight: 900;}
.jcd-title .title-2 {color: #222;margin-top: .5%;letter-spacing: -2px;font-size:12px; line-height:28px;}
}

.index-s4 {
    position: relative;
    z-index: 3;
}

.index-s4 .left-block {
    width: 41.66vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-image: url("../images/index-3.jpg"); */
    /* padding: 6.25vw 3.125vw; */
    color: #fff;
}

.index-s4 .index-tit {
    background-color: #000000;
    padding: 4.25vw 3.125vw 2vw;
    height: 270px;
}

.index-s4 .index-tit div {
    margin-top: 20px;
}

.index-s4 .index-tit a {
    color: #ffffff;
    display: inline-block;
    width: 156px;
    line-height: 40px;
    border-radius: 20px;
    font-size: 18px;
    text-align: center;
    background-color: #1163bd;
    margin-right: 10px;

}

.index-new {
    display: inline-block;
    width: 100%;
}

.left-block .index-new {
    background-color: #000000aa;
    padding: 10vw 3.125vw 6vw;
    color: #FFFFFF;
    cursor: pointer;
    height: 520px;
    position: absolute;
    top: 0;
}

.left-block .index-new * {
    color: #FFFFFF;
}

.left-block .date {
    margin-bottom: 2vw;
}

.index-new h4 {
    font-size: 22px;
}

.index-s4 .left-block span {
    font-size: 32px;
    font-weight: normal;
    letter-spacing: 2px;
    display: block;
    line-height: 42px;
    margin-bottom: 10px;
}

.index-s4 .left-block p {
    font-size: 18px;
    letter-spacing: 2px;
    display: block;
    margin-bottom: 10px;
}

.index-s4 .left-block h3 {
    font-size: 50px;
    line-height: 64px;
    font-weight: bold;
    margin-bottom: 2px;
    display: block;
    margin-top: 25px
}

.index-s4 .left-block .link {
    margin: 6.25vw 0;
    display: inline-block;
}

.index-s4 .left-block .link a {
    display: block;
    margin-top: 3.125vw;
    font-size: 32px;
    color: rgba(255, 255, 255, 0.3);
    transition: color .3s ease;
}

.index-s4 .left-block .link a:nth-of-type(1) {
    margin-top: 0;
}

.index-s4 .left-block a.more {
    display: inline-block;
    font-size: 14px;
    color: #fff;
}

.index-s4 .left-block a.more:after {
    content: '';
    width: 8px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/pub_ar.svg");
    margin: -2px 0 0 10px;
}

.index-s4 .right-block {
    width: calc(100% - 41.66vw);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    letter-spacing: 2px;
}

.index-s4 .right-block .left-box {
    width: 33.33vw;
    position: absolute;
    top: 0;
    left: 0;
}

.index-s4 .right-block .left-box .item {
    height: 33.33vw;
}

.index-s4 .right-block .left-box .item h3 {
    font-size: 32px;
    height: 96px;
    font-weight: normal;
}

.index-s4 .right-block .left-box .item:nth-of-type(1) .date {
    color: #fff;
}

.index-s4 .right-block .left-box .item:nth-of-type(1) h3 {
    color: #fff;
}

.index-s4 .right-block .left-box .item:nth-of-type(1) .more {
    background-image: url("../images/icon-6-on.png");
}

.index-s4 .right-block .left-box .item:nth-of-type(2) .date {
    color: #1163bd;
}

.index-s4 .right-block .left-box .item:nth-of-type(2) h3 {
    color: #333333;
}

.index-s4 .right-block .left-box .item:nth-of-type(2) h4 {
    color: #808080;
}

.index-s4 .right-block .left-box .item:nth-of-type(2) .more {
    background-image: url("../images/icon-6.png");
}

.index-s4 .right-block .right-box {
    float: left;
    display: inline-block;
    height: 100%;
    width: 50%;

}

.index-s4 .right-block .right-box .item {
    background: #1163bd;
    color: #fff;
    height: 420px;

}

.item-1,
.item-3 {
    height: 370px !important;
}

.item-1 {
    background: #ffffff !important;

}

.item-1 * {
    color: #000000 !important;
}

.item-2 {
    background: #000000 !important;
}

.index-s4 .right-block .right-box .item .date {
    color: #fff;
}

.index-s4 .right-block .right-box .item h3 {
    font-size: 20px;
    color: #fff;
    max-height: 117px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-weight: normal;
}

.index-s4 .right-block .item ,.index-s4 .left-block .item {
    position: relative;
    overflow: hidden;
    vertical-align: bottom;
}

.index-s4 .right-block .item a {
    display: block;
    height: 100%;
}

.index-s4 .right-block .item .img-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.index-s4 .right-block .item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}
.item:hover img{
    transform: scale(1.2);
}
 .item .txt-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 3.125vw;
    transform: translateY(calc(3.125vw));
    transition: all .3s ease;
}

.date b,
.date span {
    display: block;
}

.date b {
    font-size: 60px;
    line-height: 1;
    font-family: 'EuclidCircularA-SemiBold';
}

.date span {
    font-size: 20px;
    line-height: 1;
    font-family: 'EuclidCircularA-Regular';
    margin-top: 5px;
}

.index-s4 .right-block .item h3 {
    margin-top: 3.125vw;
    line-height: 1.5;
    overflow: hidden;
}

.index-s4 .right-block .item h4 {
    font-size: 18px;
    line-height: 32px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    max-height: 96px;
    overflow: hidden;
    margin-top: 20px;
    font-weight: normal;
    color: #fff;
    transition: all .3s ease;
    visibility: hidden;
    /* transform: scaleY(0); */
    opacity: 1;
    visibility: visible;
}

.item:hover h4 {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1)
}

.item .more {
    width: 30px;
    /* height: 60px; */
    margin-top: 3.125vw;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
    transform: translateY(100%);
    transition: all .3s ease;
}

.item-draw {
    background-color: #000000aa;
    width: 100%;
    height: 100%;
    position: absolute;
    transform: translateY(-100%);
}

.item:hover .txt-box {
    transform: translateY(0);
}

.item:hover .more {
    opacity: 1;
}


.home-wht{width:100%;height:800px;background:url(../images/home-wht-bt.jpg) no-repeat center;z-index:10;background-size:cover;padding:120px 0;}
.home-wht .t1{font:64px Arial;line-height:40px;color:#f2f4f6;text-transform:uppercase;position:relative}
.home-wht .t1::after{content:'';position:absolute;top:84px;left:0;display:block;width:47px;height:4px;background-color:#ffffff}
.home-wht .t2{margin-top:120px;color:#f2f4f6;font-size:28px;line-height:28px;letter-spacing:2px}
.home-wht .box{margin-top:90px;width:56%}
.home-wht .box .col-md-6{margin-bottom:10px;padding:0 5px}
.home-wht .box .box-item{display:flex;height:130px;padding:35px 25px 0 25px;border:1px solid #4d749e; }
.home-wht .box .img{min-width:50px;min-height:50px}
.home-wht .box .text{margin-left:30px}
.home-wht .box .text p{color:#717d95;width:100%;line-height:23px}
.home-wht .box .text p:first-child{margin-bottom:14px;color:#f2f4f6}
@media(max-width:1300px){
  .home-wht .box .box-item{padding-top:15px;}
}
@media(max-width:768px){
  .home-wht{padding:30px 0 10px;height:auto}
  .home-wht .t1{font:28px Arial;color:#f2f4f6;text-transform:uppercase;text-align:center;position:relative}
  .home-wht .t1::after{content:'';position:relative;top:inherit;left:inherit;margin:15px auto;display:block;width:80px;height:3px;background-color:#f2f4f6}
  .home-wht .t2{margin-top:12px;font-size:16px;color:#f2f4f6;line-height:24px;letter-spacing:0;text-align:center}
  .home-wht .box{margin:20px 0;width:100%}
  .home-wht .box .box-item{height:100px;padding:22px 20px}
  .home-wht .box .box-g{height:116px}
  .home-wht .img-g{width:85%}
  .home-wht .box .text p:first-child{margin-bottom:4px}
}


.index__video{width:100%;height:700px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-image:url(../images/index__video-bg.jpg);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media (max-width: 1681px){.index__video{height:600px}
}
@media (max-width: 1440px){.index__video{height:500px}
}
@media (max-width: 1380px){.index__video{height:450px}
}
@media (max-width: 968px){.index__video{height:auto}
}
.index__video .inner{max-width:1050px;text-align:center;color:#fff}
@media (max-width: 1681px){.index__video .inner{max-width:900px}
}
@media (max-width: 968px){.index__video .inner{padding:40px}
}
@media (max-width: 668px){.index__video .inner{padding:40px 20px}
}
.index__video .inner .img{width:150px;margin:0 auto 20px}
@media (max-width: 668px){.index__video .inner .img{width:100px}
}
.index__video .inner .img img{width:100%}
.index__video .inner .title{font-size:36px}
@media (max-width: 1681px){.index__video .inner .title{font-size:30px}
}
@media (max-width: 668px){.index__video .inner .title{font-size:24px}
}
.index__video .inner .title:after{content:"";display:block;width:50px;height:4px;line-height:4px;background-color:#fff;margin:40px auto}
@media (max-width: 1681px){.index__video .inner .title:after{width:30px;height:2px;line-height:2px;margin:20px auto 40px}
}
@media (max-width: 668px){.index__video .inner .title:after{margin:20px auto}
}
.index__video .inner .txt{font-size:24px;line-height:36px}
@media (max-width: 1681px){.index__video .inner .txt{font-size:16px;line-height:30px}
}
@media (max-width: 668px){.index__video .inner .txt{font-size:14px;line-height:26px}
}
.index__video .inner .play{margin-top:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media (max-width: 1681px){.index__video .inner .play{margin-top:30px}
}
.index__video .inner .play .icon{width:48px;height:48px;position:relative;-webkit-transition:all 0.5s;transition:all 0.5s}
@media (max-width: 1681px){.index__video .inner .play .icon{width:40px;height:40px}
}
.index__video .inner .play .icon:before,.index__video .inner .play .icon:after{content:"";display:block;width:100%;height:100%;background:none;border-radius:100%;position:absolute;left:0%;top:0%;z-index:3;-webkit-transition:all 0.5s;transition:all 0.5s}
.index__video .inner .play .icon:before{opacity:0.2;-webkit-animation:play01 1.5s infinite;animation:play01 1.5s infinite}
.index__video .inner .play .icon:after{opacity:0.3;-webkit-animation:play02 1.5s infinite;animation:play02 1.5s infinite;-webkit-animation-delay:0.1s;animation-delay:0.1s}
.index__video .inner .play .icon svg{vertical-align:top;width:100%;height:100%;color:#fff;z-index:1}
.index__video .inner .play span{margin-left:30px;font-size:18px;color:#fff;-webkit-transition:all 0.5s;transition:all 0.5s}
.index__video .inner .play:hover .icon:before,.index__video .inner .play:hover .icon:after{opacity:0}
.index__video .inner .play:hover span{margin-left:10px}


.index__news{padding-top:70px;padding-bottom:70px;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url("../img/index__news.jpg")}
@media (max-width: 1440px){.index__news{padding-top:50px;padding-bottom:50px}
}
@media (max-width: 1180px){.index__news{padding-top:40px;padding-bottom:40px}
}
@media (max-width: 968px){.index__news{padding-top:20px;padding-bottom:20px}
}
.index__news .title01 b{color:#023894}
.index__news .title01 b:after{background-color:#023894}
.index__news .inner{margin-top:40px}
@media (max-width: 968px){.index__news .inner{margin-top:20px;overflow:hidden}
}
.index__news .inner>.row{margin:0 -10px}
.index__news .inner>.row>div{padding:0 10px}
.index__news-item{display:block;background-color:#fff}
.index__news-item .img{overflow:hidden}
.index__news-item .img span{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s}
.index__news-item .txt{padding:20px 40px}
@media (max-width: 1681px){.index__news-item .txt{padding:20px 30px}
}
@media (max-width: 668px){.index__news-item .txt{padding:20px}
}
.index__news-item .txt b.t{display:block;width:100%;height:30px;line-height:30px;font-size:24px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
@media (max-width: 1681px){.index__news-item .txt b.t{font-size:18px}
}
.index__news-item .txt .des{display:block;width:100%;font-size:16px;line-height:34px;height:68px;color:#333;min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media (max-width: 1681px){.index__news-item .txt .des{font-size:14px;line-height:26px;height:52px}
}
.index__news-item .txt span.date{display:block;font-size:18px;color:#CCC;}
@media (max-width: 1681px){.index__news-item .txt span.date{font-size:16px}
}
.index__news-item:hover .img span{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.index__news-item:hover .txt b.t{color:#216eb6}
@media (max-width: 968px){.index__news-hot{margin-bottom:20px}
}
.index__news-hot .img{height:395px}
@media (max-width: 1681px){.index__news-hot .img{height:369px}
}
@media (max-width: 668px){.index__news-hot .img{height:200px}
}
.index__news-hot .txt .des{margin:12px 0 25px}
@media (max-width: 668px){.index__news-hot .txt .des{margin:10px 0}
}
.index__news-list{margin:0;padding:0}
.index__news-list li{display:block;margin-bottom:20px}
.index__news-list li:nth-last-of-type(1){margin-bottom:0}
.index__news-list li .img{float:left;width:35%;height:185px}
@media (max-width: 1681px){.index__news-list li .img{height:170px}
}
@media (max-width: 668px){.index__news-list li .img{height:150px}
}
.index__news-list li .txt{float:right;width:65%}
@media (max-width: 668px){.index__news-list li .txt{padding:10px 20px}
}
.index__news-list li .txt .des{margin:10px 0}



.about-phl{background-color:#fff;font-family:"Microsoft YaHei",΢ÈíÑźÚ;position:relative}
.about-phl .leader{margin:10px 0 20px 0;;display:flex;height: auto}
.about-phl .leader .left{width:100%;z-index:1}
.about-phl .leader .t1{padding:36px 155px 36px 30px;line-height:30px;font-size:36px;font-weight:bold;color:#333;background-color:#f1f1f1}
.about-phl .leader .t2{margin-top:44px;color:#666666;line-height:36px; font-size:18px}
.about-phl .leader .t2 img{ width:auto; max-width:650px; margin:1% 2%;}
.about-phl .leader .t3{margin-top:44px;color:#666666;line-height:36px}
.about-phl .leader .row{margin-top:46px;width:100%}
.about-phl .leader .row .card{align-items:center}
.about-phl .leader .row .img{width:120px;height:120px;background-color:#f2f4f6;display:flex;justify-content:center;align-items:center}
.about-phl .leader .row img{width:55px}
.about-phl .leader .row .text{margin-top:28px;color:#666}
.about-phl .leader .right{position: relative;right:0;transition:0.6s all;overflow:hidden;width:45%;  margin:4% 0% 0 4%;}
.about-phl .leader .right img{position:relative;transition:0.6s all;}

.about-phl .founder{margin-top:84px;background-color:#c7140b;height:674px}
.about-phl .founder .left{position:absolute;left:0px;transition:0.6s all}
.about-phl .founder .left img{position:relative;transition:0.6s all}
.about-phl .founder .right{margin-left:52%;padding:160px 50px 0 0}
.about-phl .founder .t1{font-size:36px;line-height:30px;color:#fff;font-weight:bold}
.about-phl .founder .t2{margin-top:76px;color:#fff}
.about-phl .founder .t3{margin-top:46px;color:#fff;margin-bottom:100px}
.about-phl .founder .more{font-size:18px;line-height:30px;color:#fff;border:1px solid #f7f7f7;padding:20px 32px}
.about-phl .founder .img{margin-right:16px}
.about-phl .founder .more:hover{text-decoration:underline}

@media(max-width:768px){
  .about-phl .leader{margin-top:40px;height:auto; display:block}
  .about-phl .leader .left{width:100%}
  .about-phl .leader .title img{height:56px}
  .about-phl .leader .t1{padding:0 20px;font-size:16px;line-height:56px;flex:1}
  .about-phl .leader .t2,.about-phl .leader .t3{margin-top:10px;line-height:30px;font-size:16px;}
    .about-phl .leader .t2 img{ width:auto; max-width:100%; margin:0% 0% 2% 0%;}
  .about-phl .leader .row{margin:20px 0 0;width:100%}
  .about-phl .leader .row .text{margin-top:12px}
  .about-phl .leader .row:nth-child(n+2) .card{margin-bottom:30px}
.about-phl .leader .right{position: relative;right:0;transition:0.6s all;overflow:hidden;width:100%;  margin:0 0 0 0;}
  .about-phl .founder{margin-top:30px;height:auto}
  .about-phl .founder .container-xl{padding:0}
  .about-phl .founder .left{z-index:1;width:100%;overflow:hidden;position:relative}
  .about-phl .founder .left img{height:450px;left:-130px}
  .about-phl .founder .right{margin-left:0;width:100%;padding:15px 15px 25px;height:100%;z-index:99;line-height:22px}
  .about-phl .founder .t1{margin-top:10px;font-size:26px}
  .about-phl .founder .t2{margin-top:20px}
  .about-phl .founder .t3{margin:20px 0 30px}
  .about-phl .founder .more{border:1px solid #f7f7f7;padding:10px 16px;font-size:16px}
}