/*banner*/
.ind-banner{width: 100%; overflow: hidden; z-index: 1;} 
.ind-banner .swiper-slide {position: relative; }
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .swiper-slide .bg img{ width: 100%; }
.ind-banner .one{ position: absolute; left: 50%; margin-left: -6.68rem; top: 36%; transform: translatey(-60%); color: #fff;} 
.ind-banner .one .topz{ overflow: hidden; }
.ind-banner .one .txt1{ font-size: 0.4rem; line-height: 0.6rem; }
.ind-banner .one .txt2{ font-size: 0.2rem;
  letter-spacing: 0px;
  color: #a4c5da;
  font-family: gilroy;
  line-height: 0.26rem;
  padding-left: 10px;
  padding-top: 0.06rem;}
.ind-banner .one .bot{ font-size: 0.5rem; line-height: 0.6rem; padding-left: 2rem; padding-top: 0.1rem;}
.ind-banner .two{ position: absolute; right: 42%; text-align: right; top: 38%; transform: translatey(-70%); color: #fff;} 
.ind-banner .two .txt1{ font-size: 0.5rem; line-height: 0.6rem; }
.ind-banner .two .txt2{ padding-top: 10px; font-size: 18px; color: #a4c5da; font-family:gilroy; text-transform: uppercase; }
.ind-banner .three{ position: absolute; left: 0; width: 100%; text-align: center; top: 40%; transform: translatey(-60%); color: #fff;} 
.ind-banner .three .txt1{ font-size: 0.48rem; line-height: 0.48rem; }
.ind-banner .three .txt2{ padding-top: 10px; font-size: 16px; color: #a4c5da; font-family:gilroy; text-transform: uppercase; }
.ind-banner .swiper-pagination{ position: absolute; text-align: center; left: 0; bottom: 0.6rem!important; } 
.ind-banner .swiper-pagination-bullet { position: relative; width: 30px; height: 3px; opacity: 1; border-radius: 0; background: rgba(255,255,255,0.5); margin-left: 5px!important; margin-right: 5px!important; } 
.ind-banner .swiper-pagination-bullet-active { width: 80px; height: 3px; background: #fff;}
.ind-banner .swiper-button-prev{ overflow: hidden; position: absolute; left: 0.4rem; top: 50%; margin-top: -35px; width: 70px; height: 70px; background: url(/uploads/image/etppaimages/nimg20_left.png) center no-repeat;}
.ind-banner .swiper-button-next{ overflow: hidden; position: absolute; right: 0.4rem; top: 50%; margin-top: -35px; width: 70px; height: 70px; background: url(/uploads/image/etppaimages/nimg20_right.png) center no-repeat; }
.ind-banner .swiper-button-prev .svg, .ind-banner .swiper-button-next .svg { position: absolute; left: 0; top: 0; z-index: 10; width: 70px; height: 70px;}
.ind-banner .swiper-button-prev circle, .ind-banner .swiper-button-next circle { fill: transparent; stroke: transparent; stroke-width: 1; stroke-linecap: round; stroke-dasharray: 700, 0; }
.ind-banner .swiper-button-prev:hover circle, .ind-banner .swiper-button-next:hover circle {
  stroke: #fff;
    -webkit-animation: stroke-dash 2000ms linear;
    animation: stroke-dash 2000ms linear;
}


@-webkit-keyframes stroke-dash {
  from {
    stroke-dasharray: 0, 700;
    stroke-dashoffset: 0;
  }
  to {
    stroke-dasharray: 700, 0;
    stroke-dashoffset: 0;
  }
}
@keyframes stroke-dash {
  from {
    stroke-dasharray: 0, 700;
    stroke-dashoffset: 0;
  }
  to {
    stroke-dasharray: 700, 0;
    stroke-dashoffset: 0;
  }
}
/*banner结束*/

.indexpart1{ overflow: hidden; }
.indexpart1 .leftdiv{ position: relative; width: 50%; overflow: hidden; }
.indexpart1 .imgdiv img{ width: 100%; }
.indexpart1 .videobox video{width:100%;height:auto;position:absolute;top:50%;left:0;transform: translatey(-50%);z-index:-1;visibility:hidden;opacity:0;object-fit:fill;}
.indexpart1 .videobox.cur{ background:#fff;}
.indexpart1 .videobox.cur .img, .indexpart1 .videobox.cur .imgdiv,
.indexpart1 .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0}
.indexpart1 .videobox.cur video{z-index:2;visibility:visible;opacity:1}
.indexpart1 .videobox .imgdiv img{ width: 100%; }
.indexpart1 .videobox .layer{ cursor:pointer; position: absolute; left: 50%; margin-left: -34px; width: 68px; height: 68px; top: 50%; margin-top: -34px; z-index: 2; }
.indexpart1 .videobox:hover .imgdiv img{ transform:scale(1.05);-webkit-transform:scale(1.05);}

.indexpart1 .rightdiv{ width: 50%; }
.indexpart1 .condiv{ width: 6.68rem; padding: 1.0rem 0 0 1.0rem; }
.indexpart1 .txt{ font-size: 0.24rem; color: #263d74; line-height: 0.24rem; padding-bottom: 12px; }
.indexpart1 .wen{ font-size: 0.36rem; line-height: 0.36rem; color: #263d74; font-weight: bold; }
.indexpart1 .content{ font-size: 14px; line-height: 24px; padding-top: 0.35rem; }
.indexpart1 .more{ padding-top: 0.7rem; }
.indexpart1 .more a{ display: inline-block; font-size: 16px; line-height: 16px; height: 24px; color: #cfa54f; position: relative;}
.indexpart1 .more a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; background: #cfa54f; height: 2px; }
.indexpart1 .more a:hover:after{ width: 0; left: 50%; }
.indexpart1 .numlist{ padding-top: 0.75rem; }
.indexpart1 .numlist li{ float: left; width: 1.92rem; font-size: 16px; }
.indexpart1 .numlist li .numup{ font-size: 0.48rem; line-height: 0.48rem; color: #cfa54f; font-family:gilroy; padding-right: 5px;}

.indexpart2{ position: relative; overflow: hidden;}
.homeseritems{ position:absolute; bottom:0; left:0; z-index:3; width: 100%;}
.homeseritems:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.3); }
.homeseritems .list li{ float: left; width:33.33%; height: 3.0rem; text-align: center; cursor:pointer; position:relative; z-index:2}
.homeseritems .list li:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,0.3); }
.homeseritems .list li:last-child:after{ display: none; }
.homeseritems .list li .ico{ padding: 0.9rem 0 0.35rem; }
.homeseritems .list li .c-name{ font-size: 0.24rem; line-height: 0.24rem; color: #fff; padding-bottom: 5px; }
.homeseritems .list li .e-name{ font-size: 12px; color: rgba(255,255,255,0.5); text-transform: uppercase; font-family:gilroy; }
.homeseritems .list li .more{ opacity: 0; visibility: hidden; }
.homeseritems .list li.cur .ico{ padding: 0.5rem 0 0.35rem; }
.homeseritems .list li.cur .more{ opacity: 1; visibility: visible; padding-top: 0.3rem; }
.homeseritems .list li.cur .more a{ display: inline-block; font-size: 16px; line-height: 16px; height: 24px; color: #fff; position: relative; }
.homeseritems .list li .more a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; background: #fff; height: 2px;}
.homeseritems .list li .more a:hover:after{ width: 0; left: 50%;}
.homeserbg{ width: 33.33%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(207,165,79,0.8); }


.homesercont .item{ position: relative; overflow: hidden;}
.homesercont .item .bg{ display:none}
.homesercont .item .bg img{ width: 100%; }
.homesercont .item.cur .bg{display:block;}
.homesercont .item.cur .bg img{ animation: myscale 5s forwards;}
.homesercont .item .layer{display:block; color: #fff; width:9.8rem; padding-top:1.3rem; position:absolute; left: 50%; margin-left: -7.68rem; top:0; opacity:0; transform:translatey(-100%)}
.homesercont .item.cur .layer{opacity:1;transform:translatey(0);}
.homesercont .item .txt{ font-size: 0.24rem; line-height: 0.24rem; padding-bottom: 18px; }
.homesercont .item .wen{ font-size: 0.36rem; line-height: 0.54rem; font-weight: bold; }
.homesercont .item .content{ padding-top: 0.3rem; font-size: 14px; line-height: 24px; }


.indexpart3{ overflow: hidden; position: relative;}
.indexpart3 .leftdiv{ position: absolute; left: 50%; margin-left: -7.68rem; top: 0; z-index: 1; }
.indexpart3 .condiv{ width: 5.0rem; padding-top: 1.2rem; }
.indexpart3 .rightimg{ width: 50%; overflow: hidden;}
.indexpart3 .rightimg img{ width: 100%; }
.indexpart3 .txt{ font-size: 0.24rem; color: #263d74; line-height: 0.24rem; padding-bottom: 12px; }
.indexpart3 .wen{ font-size: 0.36rem; line-height: 0.36rem; color: #263d74; font-weight: bold; }
.indexpart3 .content{ font-size: 14px; line-height: 24px; padding-top: 0.35rem; }
.indexpart3 .more{ padding-top: 0.7rem; }
.indexpart3 .more a{ display: inline-block; font-size: 16px; line-height: 16px; height: 24px; color: #cfa54f; position: relative;}
.indexpart3 .more a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; background: #cfa54f; height: 2px; }
.indexpart3 .more a:hover:after{ width: 0; left: 50%; }
.indexpart3 .rightimg:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.about .leftdiv{ width:9.05rem; padding-top:35px;}
.about .leftdiv .name{ font-size:0.48rem; line-height:0.48rem; color:#263d74; padding-bottom:35px; font-weight:bold;}
.about .leftdiv .content{ font-size:14px; line-height:30px;}
.about .rightdiv{ width:5.32rem; position:relative; height:6.04rem;}
.about .rightdiv .mxfdiv{ width: 5.12rem; height:6.04rem; position:absolute; right:0; top:0;}
.about .rightdiv .mxfdiv:before{content:""; z-index: 1; position: absolute; left:0; top:0; border-top:1px solid #d9dde7; border-left:1px solid #d9dde7; width:100%; height:100%; box-sizing:border-box;}
.about .rightdiv .mxfdiv:after{content:""; z-index: 1; position: absolute; right:0; bottom:0; border-right:1px solid #d9dde7; border-bottom:1px solid #d9dde7; width:100%; height:100%;box-sizing:border-box;}
.about .rightdiv .imgdiv{ padding-top:0.2rem; position:relative; z-index:2; overflow: hidden;}
.about .rightdiv .imgdiv img{ width:5.12rem;}

.realtypart1{ padding:120px 0 110px; position:relative;}
.realtypart1:after { content: ""; width: 0; height: 255px; display: block; position: absolute; left: 0; bottom: 0; z-index: -1; background: url(/uploads/image/etppaimages/realtybg.png) no-repeat left bottom; transition: width 3s ease; -webkit-transition: width 3s ease; -moz-transition: width 3s ease; -ms-transition: width 3s ease; -o-transition: width 3s ease;}
.realtypart1.cur:after { width: 100%;}
.realtypart1 .title{ text-align:center; font-weight:bold; font-size:0.48rem; line-height:0.48rem; padding-bottom:45px; color:#263d74;}
.realtypart1 .content{ font-size:16px; line-height:28px; margin:0 auto; width:1050px;}

.realtypart2{ padding:120px 0; background:#f7f9fa;}
.realtypart2 .title{ text-align:center; font-weight:bold; font-size:0.48rem; line-height:0.48rem; padding-bottom:60px; color:#263d74;}
.realtypart2 .list ul{ margin-right:-0.44rem;}
.realtypart2 .list li{ float:left; width:50%;padding-bottom: 40px;}
.realtypart2 .list li .box{ margin-right:0.44rem;}
.realtypart2 .list li .imgdiv{ overflow:hidden;}
.realtypart2 .list li .imgdiv img{ width:100%;}
.realtypart2 .list li .botdiv{ background:#fff; padding:0 0.4rem; height:140px;}
.realtypart2 .list li .name{ padding-top:35px; height:32px; line-height:32px; overflow:hidden; font-size:18px; color:#000; font-weight:bold;}
.realtypart2 .list li .msg{ font-size:16px; color:#999; line-height:28px; height:56px; overflow:hidden;}
.realtypart2 .list li .box:hover .imgdiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.realtypart2 .list li .box:hover{-webkit-box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}

.portpart1{ padding:120px 0 100px; background: url(/uploads/image/etppaimages/portbg.jpg) no-repeat center bottom; background-size: 100%;}
.portpart1 .name{ text-align:center; font-weight:bold; font-size:0.48rem; line-height:0.48rem; padding-bottom:40px; color:#263d74;}
.portpart1 .content{ font-size:16px; line-height:28px; text-align:center; padding-bottom:50px;}
.portpart1 .numlist{ width:1040px; margin:0 auto; padding-bottom:90px;}
.portpart1 .numlist li{ float:left; width:25%; font-size:16px;}
.portpart1 .numlist li .numup{ font-family:gilroy; color:#cfa54f; font-size:48px; line-height:48px; padding-right: 5px;}
.portpart1 .more{ text-align:center;}
.portpart1 .more a{ display:inline-block; height:22px; position:relative; font-size:16px; color:#cfa54f; line-height:16px;}
.portpart1 .more a:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#cfa54f;}
.portpart1 .more a:hover:after{ width: 0; left: 50%;}
.portpart1 .icon{ text-align: center; padding-top: 95px; animation:start 2.5s infinite ease-in-out;-webkit-animation:start 2.5s infinite ease-in-out;-moz-animation:start 2.5s infinite ease-in-out;}

.portpart2{ background: #f5f7fa; padding: 120px 0; }
.portpart2 .list li{ background: #fff; position: relative; height: 4.39rem;}
.portpart2 .list li .imgdiv{ width: 50%; overflow: hidden;}
.portpart2 .list li .imgdiv img{ width: 7.68rem; }
.portpart2 .list li .condiv{ width: 50%; }
.portpart2 .list li .mxfdiv{ padding: 0 0.9rem; }
.portpart2 .list li .ico{ padding: 0.8rem 0 0.2rem; }
.portpart2 .list li .name{ font-size: 30px; line-height: 30px; color: #000; font-weight: bold; padding-bottom: 20px; }
.portpart2 .list li .content{ font-size: 16px; line-height: 28px; height: 112px; overflow: hidden; }
.portpart2 .list li .more{ padding-top: 0.5rem;}
.portpart2 .list li .more a{ display:inline-block; height:22px; position:relative; font-size:16px; color:#cfa54f; line-height:16px;}
.portpart2 .list li .more a:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#cfa54f;}
.portpart2 .list li .more a:hover:after{ width: 0; left: 50%;}
.portpart2 .list li:hover .imgdiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.portpart3{ padding-top: 120px; height: 488px; background: url(/uploads/image/etppaimages/portbg2.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.portpart3 .title{ font-weight: bold; font-size: 48px; line-height: 48px; color: #fff; text-align: center; padding-bottom: 60px; }
.portpart3 .list ul{ margin-right: -30px; }
.portpart3 .list li{ float: left; width: 33.33%; }
.portpart3 .list li .box{ margin-right: 30px; height: 204px; padding-top: 60px; background: #fff; border-radius: 6px; text-align: center; position: relative; overflow: hidden; }
.portpart3 .list li .box:after{ content: ''; opacity: 0; position: absolute; z-index: 1; left: 0; top: 0; width: 105%; height: 100%; background-image: -webkit-linear-gradient(top,#cfa54f,#efc265);
    background-image: -moz-linear-gradient(top,#cfa54f,#efc265);
    background-image: -o-linear-gradient(top,#cfa54f,#efc265);
    background-image: linear-gradient(to bottom,#cfa54f,#efc265);
    background-image: -moz-linear-gradient(to bottom,#cfa54f,#efc265);
    background-image: -o-linear-gradient(to bottom,#cfa54f,#efc265); }
.portpart3 .list li .ico{ position: relative; width: 65px; height: 66px; margin: 0 auto; z-index: 2; }
.portpart3 .list li .ico img{ object-fit: contain; width: 65px; height: 66px; position: absolute; left: 0; top: 0; }
.portpart3 .list li .img1{ opacity: 0; position: absolute; left: 0; top: 0; }
.portpart3 .list li .name{ padding-top: 25px; color: #333; font-size: 28px; line-height: 28px; position: relative; z-index: 2; }
.portpart3 .list li .msg{ font-size: 16px; line-height: 32px; color: #fff; opacity: 0; position: relative; z-index: 2; }
.portpart3 .list li .box:hover:after{ opacity: 1; }
.portpart3 .list li .box:hover img{ opacity: 0; width: 32px; height: 33px; left: 50%; top: 50%; margin-left: -16px; margin-top: -17px; }
.portpart3 .list li .box:hover .img1{ opacity: 1; width: 32px; height: 33px; left: 50%; top: 50%; margin-left: -16px; margin-top: -17px; }
.portpart3 .list li .box:hover .name{ padding-top: 15px; color: #fff; }
.portpart3 .list li .box:hover .msg{ opacity: 1; padding-top: 5px; }

.introduce1{ position: relative; padding-top: 130px; height: 530px; }
.introduce1:after{  animation: myscale 8s forwards; opacity: 0; content: ""; width: 100%; height: 100%; display: block; position: absolute; left: 0; bottom: 0; z-index: -1; background: url(/uploads/image/etppaimages/introducebg.jpg) no-repeat center; background-size: cover;}
.introduce1.cur:after { opacity: 1; }
.introduce1 .leftdiv{ width: 6.3rem; position: relative; z-index: 1; }
.introduce1 .txtdiv{ position: relative; padding-top: 30px; }
.introduce1 .txt1{ color: #263d74; font-size: 48px; line-height: 48px; font-weight: bold; position: relative; z-index: 1; }
.introduce1 .txt2{ text-transform: uppercase; position: absolute; left: 0; top: 0; z-index: 0; font-size: 1.0rem; line-height: 0.8rem; color: #eeede8; font-family: gilroy; }
.introduce1 .txt2 em{ font-family: thin; padding-left: 15px;}
.introduce1 .content{ padding-top: 45px; font-size: 16px; line-height: 32px; }
.introduce1 .more{ padding-top: 110px;}
.introduce1 .more a{ display:inline-block; height:22px; position:relative; font-size:16px; color:#cfa54f; line-height:16px;}
.introduce1 .more a:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#cfa54f;}
.introduce1 .more a:hover:after{ width: 0; left: 50%;}
.introduce1 .rightlist{ position: absolute; right: 50%; margin-right: -7.68rem; bottom: 50px; z-index: 1; }
.introduce1 .rightlist li{ float: left; font-size: 16px;}
.introduce1 .rightlist li .box{ margin-left: 2px; height: 160px; width: 2.3rem; box-sizing: border-box; padding-left: 0.5rem; color: #fff; }
.introduce1 .rightlist li:nth-of-type(1) .box{ background: #cfa54f; }
.introduce1 .rightlist li:nth-of-type(2) .box{ background: #d2862c; }
.introduce1 .rightlist li:nth-of-type(3) .box{ background: #da6314; }
.introduce1 .rightlist li .num{ padding-top: 48px; }
.introduce1 .rightlist li .numup{ font-family: gilroy; font-size: 48px; line-height: 48px;}

.introduce2{ padding-top: 120px; height: 488px; background: url(/uploads/image/etppaimages/introducebg2.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.introduce2 .title{ font-weight: bold; font-size: 48px; line-height: 48px; color: #fff; text-align: center; padding-bottom: 60px; }
.introduce2 .list ul{ margin-right: -30px; }
.introduce2 .list li{ float: left; width: 25%; }
.introduce2 .list li .box{ margin-right: 30px; height: 204px; padding-top: 60px; background: #fff; border-radius: 6px; text-align: center; position: relative; overflow: hidden;}
.introduce2 .list li .box:after{ content: ''; z-index: 1; opacity: 0; position: absolute; left: 0; top: 0; width: 105%; height: 100%; background-image: -webkit-linear-gradient(top,#cfa54f,#efc265);
    background-image: -moz-linear-gradient(top,#cfa54f,#efc265);
    background-image: -o-linear-gradient(top,#cfa54f,#efc265);
    background-image: linear-gradient(to bottom,#cfa54f,#efc265);
    background-image: -moz-linear-gradient(to bottom,#cfa54f,#efc265);
    background-image: -o-linear-gradient(to bottom,#cfa54f,#efc265);}
.introduce2 .list li .ico{ position: relative; width: 65px; height: 66px; margin: 0 auto; z-index: 2; }
.introduce2 .list li .ico img{ object-fit: contain; width: 65px; height: 66px; position: absolute; left: 0; top: 0; }
.introduce2 .list li .img1{ opacity: 0; position: absolute; left: 0; top: 0; }
.introduce2 .list li .name{ padding-top: 25px; color: #333; font-size: 28px; line-height: 28px; z-index: 2; position: relative; }
.introduce2 .list li .msg{ font-size: 16px; line-height: 32px; color: #fff; opacity: 0; z-index: 2; position: relative; }
.introduce2 .list li .box:hover:after{ opacity: 1; }
.introduce2 .list li .box:hover img{ opacity: 0; width: 32px; height: 33px; left: 50%; top: 50%; margin-left: -16px; margin-top: -17px; }
.introduce2 .list li .box:hover .img1{ opacity: 1; width: 32px; height: 33px; left: 50%; top: 50%; margin-left: -16px; margin-top: -17px; }
.introduce2 .list li .box:hover .name{ padding-top: 15px; color: #fff; }
.introduce2 .list li .box:hover .msg{ opacity: 1; padding-top: 5px; }

.introduce3{ padding: 170px 0; background: url(/uploads/image/etppaimages/introducebg3.jpg) no-repeat center; background-size: cover; }
.introduce3 .title{ text-align:center; font-weight:bold; font-size:48px; line-height:48px; padding-bottom:40px; color:#263d74;}
.introduce3 .content{ font-size:16px; line-height:28px; text-align:center; padding-bottom:100px; margin: 0 auto; width: 630px;}
.introduce3 .more{ text-align:center;}
.introduce3 .more a{ display:inline-block; height:22px; position:relative; font-size:16px; color:#cfa54f; line-height:16px;}
.introduce3 .more a:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#cfa54f;}
.introduce3 .more a:hover:after{ width: 0; left: 50%;}

.introduce4{ padding: 120px 0; }
.introduce4 .title{ text-align:center; font-weight:bold; font-size:48px; line-height:48px; padding-bottom:70px; color:#263d74;}
.introduce4 .list ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;justify-content: center;}
.introduce4 .list li{ float: left; max-height: 25%; position: relative; top: 0;padding:0 100px;}
.introduce4 .list li .box{ position: relative; padding-left: 80px; height: 60px; }
.introduce4 .list li .ico{ position: absolute; left: 0; top: 0; }
.introduce4 .list li .name{ font-size: 16px; line-height: 16px; padding-bottom: 10px; color: #000; font-weight: bold; }
.introduce4 .list li .msg{ font-size: 14px; line-height: 20px; }
.introduce4 .list li:hover{ top: -10px; }

.aboutshow{ padding-bottom: 20px; }
.aboutshow .leftdiv{ width:9.0rem; }
.aboutshow .txtdiv{ position: relative; padding-top: 30px; }
.aboutshow .txt1{ color: #263d74; font-size: 48px; line-height: 48px; font-weight: bold; position: relative; z-index: 1; }
.aboutshow .txt2{ text-transform: uppercase; position: absolute; left: 0; top: 0; z-index: 0; font-size: 1.0rem; line-height: 0.8rem; color: #eeede8; font-family: gilroy; }
.aboutshow .txt2 em{ font-family: thin; padding-left: 15px;}
.aboutshow .leftdiv .content{ padding-top: 45px; font-size:14px; line-height:30px;}
.aboutshow .rightdiv{ width:5.32rem; position:relative; height:7.18rem;}
.aboutshow .rightdiv .mxfdiv{ width: 5.12rem; height:7rem; position:absolute; right:0; top:0;}
.aboutshow .rightdiv .mxfdiv:before{content:""; z-index: 1; position: absolute; left:0; top:0; border-top:1px solid #d9dde7; border-left:1px solid #d9dde7; width:100%; height:100%; box-sizing:border-box;}
.aboutshow .rightdiv .mxfdiv:after{content:""; z-index: 1; position: absolute; right:0; bottom:0; border-right:1px solid #d9dde7; border-bottom:1px solid #d9dde7; width:100%; height:100%;box-sizing:border-box;}
.aboutshow .rightdiv .imgdiv{ padding-top:0.2rem; position:relative; z-index:2;}
.aboutshow .rightdiv .imgdiv img{ width:5.12rem;}

.business .list li{ overflow:hidden;}
.business .list li .bigbox{ width:50%;}
.business .list li .imgdiv{ width:50%; position:relative;}
.business .list li .imgdiv img{ width:100%;}
.business .list li .contentbox{ padding:85px 20% 0 10%; }
.business .list li:nth-of-type(2n) .contentbox{ padding:85px 10% 0 20%;}
.business .list li .ico{ padding-bottom: 20px; }
.business .list li .name{ font-size:30px; line-height: 30px; color:#000; font-weight:bold; }
.business .list li .content{ font-size:16px; line-height:28px; height:140px; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; padding-top:20px;}
.business .list li .btndiv{ padding-top:20px;}
.business .list li .btndiv a{ display:inline-block; height:22px; position:relative; font-size:16px; color:#cfa54f; line-height:16px;}
.business .list li .btndiv a:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#cfa54f;}
.business .list li .btndiv a:hover:after{ width: 0; left: 50%;}

.basic .list li{ float: left; width: 33.33%; position: relative; }
.basic .list li:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(64,85,133,0.3); z-index: 0; }
.basic .list li .imgdiv img{ width: 100%; }
.basic .list li .layer{ position: absolute; left: 0; top: 50%; transform: translatey(-50%); z-index: 1; width: 100%; color: #fff; text-align: center;}
.basic .list li .name{ padding: 20px 0 5px; font-size: 30px; line-height: 30px; font-weight: bold; }
.basic .list li .name2{ font-size: 12px; text-transform: uppercase; color: rgba(255,255,255,0.5); }
.basic .list li .more{ margin-top:45px; display:inline-block; height:0; position:relative; font-size:16px; color:#fff; line-height:16px; overflow: hidden;}
.basic .list li .more:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#fff;}
.basic .list li:hover .more{ height: 22px; }
.basic .list li:hover:before{ background: rgba(64,85,133,0.9);}

.basiclist .title{ text-align: center; font-weight: bold; font-size: 48px; line-height: 48px; color: #263d74; padding-bottom: 50px; }
.basiclist .list ul{ margin-right: -0.42rem; }
.basiclist .list li{ float: left; width: 33.33%; padding-bottom: 70px; }
.basiclist .list li .box{ margin-right: 0.42rem; }
.basiclist .list li .imgdiv{ overflow: hidden; }
.basiclist .list li .imgdiv img{ width: 100%; }
.basiclist .list li .name{ padding-top: 25px; height: 30px; line-height: 30px; color: #000; font-size: 18px; overflow: hidden; }
.basiclist .list li .wen{ font-size: 16px; color: #999; padding-top: 5px; }
.basiclist .list li .content{ display: none; }
.basiclist .list li .box:hover .imgdiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.basiclist .list li .box:hover .name{ color: #405585; }

.pic-modal-box { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 40;}
.pic-modal-box .box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  display: flex;
  display: -webkit-box;
  /* chrome 4 , safari 3.1, ios safari 3.2  */
  display: -moz-box;
  /* firefox 17- */
  display: -webkit-flex;
  /* chrome 21 , safari 6.1 , ios safari 7 , opera 15/16 */
  display: -moz-flex;
  /* firefox 18  */
  display: -ms-flexbox;
  /* ie 10 */
  align-items: center;
  box-sizing:border-box;
}
.pic-modal-box .main { position: relative; background: #fff; width: 9.18rem; margin: 0 auto; }
.pic-modal-box .botdiv{ padding: 35px; }
.pic-modal-box .name { font-size: 0.3rem; color: #000; line-height: 0.3rem; font-weight: bold;}
.pic-modal-box .content{ font-size: 14px; line-height: 26px; padding-top: 15px; }
.pic-modal-box .close { position: absolute; right: -20px; top: -20px; z-index: 10; width: 14px; height: 14px; display: inline-block; background: url(/uploads/image/etppaimages/close2.png) no-repeat; background-size: contain;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;}
.pic-modal-box .close:hover { transform: rotate(-90deg);}
.pic-modal-box .pic-box img { width: 9.18rem; }

.honor .title{ font-size: 48px; line-height: 48px; color: #263d74; font-weight: bold; padding-bottom: 40px; }
.honor .content{ font-size: 16px; line-height: 30px; }
.honor .imgdiv{ padding-top: 70px; }
.honor .imgdiv img{ width: 100%; }

.caseshow{ padding: 120px 0; background: url(/uploads/image/etppaimages/bg1.jpg) center top repeat-x; }
.casepic .imgdiv img{ width: 100%; }
.casepic .swiper-pagination{ position: absolute; text-align: center; left: 0; width: 100%; bottom: 0.3rem!important; } 
.casepic .swiper-pagination-bullet { position: relative; width: 12px; height: 12px; opacity: 1; border-radius: 50%; box-sizing: border-box; background: none; border: #fff solid 2px; margin-left: 10px!important; margin-right: 10px!important; } 
.casepic .swiper-pagination-bullet-active { background: #fff;} 
.caseshow .mxfdiv{ margin-top: 90px; position: relative; padding-left: 5.1rem;}
.caseshow .name{ font-size: 0.48rem; line-height: 0.48rem; color: #263d74; font-weight: bold; position: absolute; left: 0; top: 0;}
.caseshow .content{ font-size: 16px; line-height: 30px; }
.caseshow .msglist{ padding-top: 30px; }
.caseshow .msglist li{ padding-bottom: 30px; line-height: 30px; font-size: 16px; }
.caseshow .msglist li .wen{ font-weight: bold; }
.caseshow .msglist li .wen2{ color: #004ea2; }
.caseshow .btndiv{ padding-top:60px;}
.caseshow .btndiv a{ display:block; width:180px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:16px; background: #263d74;}

.caseshow2{ padding: 120px 0; background: #f7f7f7; }
.caseshow2 .title{ font-size: 48px; line-height: 48px; color: #263d74; text-align: center; font-weight: bold; padding-bottom: 50px;}
.caseshow2 .list ul{ margin-right: -30px; }
.caseshow2 .list li{ float: left; width: 50%; }
.caseshow2 .list li .box{ margin-right: 30px; overflow: hidden; }
.caseshow2 .list li a{ display: block; width: 100%; height: 100%; position: relative; }
.caseshow2 .list li .box a:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1; }
.caseshow2 .list li .imgdiv img{ width: 100%; }
.caseshow2 .list li .layer{ position: absolute; left: 0; top: 50%; transform: translatey(-50%); z-index: 2; width: 100%; text-align: center;}
.caseshow2 .list li .name{ color: #fff; font-weight: bold; font-size: 30px; line-height: 30px; padding-top: 20px; }
.caseshow2 .list li .box:hover a:before{ background: rgba(0,0,0,0.7);}
.caseshow2 .list li .box:hover .imgdiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.caseshow2 .list li .box:hover .layer{ transform: translatey(-60%);}

.job{ padding-bottom: 120px; position: relative; z-index: 2; }
.job .mxfdiv{ margin-top: -100px; padding: 0 100px 120px; background: #fff; position: relative;}
.job .title{ text-align: center; font-weight: bold; font-size: 48px; line-height: 48px; color: #263d74; padding: 100px 0 40px; }
.job .form{ text-align: center; position: relative; z-index: 1; }
.job .form .lbox{ display: inline-block; margin: 0 4px; }
.job .group{ width: 274px; height: 60px; position: relative; text-align: left;}
.job .caption { position: relative; cursor: pointer; height: 60px; line-height: 60px; padding-left: 20px; font-size: 14px; background: #f5f5f5; box-sizing: border-box;}
.job .caption:after { content: ""; display: block; width: 30px; height: 6px; background: url(/uploads/image/etppaimages/selectico.png) no-repeat right center; background-size: contain; position: absolute; right: 0; top: 50%; margin-top: -3px; z-index: 10;}
.job .caption.on:after {
  transform: rotatex(180deg);
  -webkit-transform: rotatex(180deg);
  -moz-transform: rotatex(180deg);
  -ms-transform: rotatex(180deg);
  -o-transform: rotatex(180deg);
}
.job .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 12; background: #fff;/* max-height: 250px; overflow-y: auto;*/ display: none;  box-sizing: border-box;}
.job .xlist a { display: block; font-size: 14px; color: #666; line-height: 50px; padding: 0 20px; background: #fff; border: 1px solid #f5f5f5; border-top: none;}
.job .xlist a:hover,.job .xlist a.on { color: #263d74;}

.jobtop{ height: 0.86rem; border-top: #eaeaea solid 1px; overflow: hidden; margin-top: 60px; }
.jobtop li{ float: left; height: 0.86rem; line-height: 0.86rem; font-size: 16px; color: #000; }
.jobtop .li01{ width: 3.35rem; text-align: left; text-indent: 0.6rem; }
.jobtop .li02{ width: 2.75rem; }
.jobtop .li03{ width: 2.75rem; }
.jobtop .li04{ width: 3.2rem; }

.job .list{ border-bottom: #eaeaea solid 1px;}
.job .list li{ position:relative; border-top: #eaeaea solid 1px;}
.job .list li .msgdiv{ height:0.86rem; position:relative; overflow: hidden;}
.job .list li .msgdiv a{ display: block; height: 0.86rem;}
.job .list li .txt{ position: absolute; right: 0.8rem; top: 0; font-size: 16px; line-height: 0.86rem; color: #666; }
.job .list li .txt span{ display: block; padding-right: 24px; background: url(/uploads/image/etppaimages/ico2.png) right center no-repeat;}
.job .list li .txt em{ display: block; color: #fff; padding-right: 24px; background: url(/uploads/image/etppaimages/ico2on.png) right center no-repeat; }
.job .list li .box{ display:none; background: #fff; border: #263d74 solid 2px; padding: 0.65rem 1.0rem;}
.job .list li .msgdiv dd{ height: 0.86rem; float:left; line-height:0.86rem; font-size: 16px; color: #666;}
.job .list li .msgdiv .dd01{ width: 3.35rem; text-align: left; text-indent: 0.6rem; }
.job .list li .msgdiv .dd02{ width: 2.75rem;}
.job .list li .msgdiv .dd03{ width: 2.75rem; }
.job .list li .msgdiv .dd04{ width: 3.2rem; }
.job .list li .msgdiv.anow{ background: #263d74; }
.job .list li .msgdiv.anow dd{ color: #fff; }
.job .list li .msgdiv.anow:after{ color: #fff; }
.job .list li .msgdiv.anow .txt span, .job .list li .msgdiv.anow .txt em{transform:translatey(-0.86rem);-webkit-transform:translatey(-0.86rem);-moz-transform:translatey(-0.86rem)}
.job .list li h2{ font-size: 16px; line-height: 16px; padding-bottom: 10px; color: #333; }
.job .list li .content{ line-height:30px; padding-bottom: 35px; font-size:16px;}

.news{ padding-bottom: 50px; }
.news .detail{ box-shadow: 0px 0px 24px 0px rgba(51, 51, 51, 0.1); margin-bottom: 80px; }
.news .detail a{ display: block; width: 100%; height: 100%; }
.news .detail .mxfdiv{ height: 4.36rem; position: relative; padding-left: 6.8rem; padding-right: 0.65rem; }
.news .detail .imgdiv{ position: absolute; left: 0; top: 0; overflow: hidden;}
.news .detail .imgdiv img{ width: 6.14rem; }
.news .detail .name{ padding-top: 0.75rem; position: relative; }
.news .detail .name p{ text-indent: 2em; line-height: 36px; height: 72px; font-size: 24px; overflow: hidden; color: #333;}
.news .detail .name em{ position: absolute; left: 0; bottom: 42px; width: 42px; height: 24px; line-height: 24px; background: #dd1322; text-align: center; font-size: 12px; color: #fff; border-radius: 24px; }
.news .detail .time{ padding-top: 0.2rem; font-size: 24px; color: #bda068; font-family: gilroy; }
.news .detail .content{ padding-top: 0.5rem; color: #666; font-size: 16px; line-height: 30px; height: 90px; overflow: hidden; }
.news .detail:hover .imgdiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.news .detail:hover .name p{ color: #263d74; }
.news .formdiv{ position: relative; padding-right: 80px; height: 64px; z-index:2; }
.news .btndiv{ position: absolute; right: 0; top: 0; width: 78px; height: 64px; }
.news .btndiv a{ display: block; width: 78px; height: 64px; background: #263d74 url(/uploads/image/etppaimages/nimg21_1.png) no-repeat center;}
.news .leftdiv{ padding-left: 330px; height: 64px;}
.news .selectdiv{ width: 330px; position: absolute; left: 0; top: 0; height: 64px;}
.news .selectdiv .caption { position: relative; cursor: pointer; border: #e5e5e5 solid 2px; height: 64px; line-height: 64px; padding-left: 20px; font-size: 14px; color: #999; background: #fff; box-sizing: border-box;}
.news .selectdiv .caption.on:after {
  transform: rotatex(180deg);
  -webkit-transform: rotatex(180deg);
  -moz-transform: rotatex(180deg);
  -ms-transform: rotatex(180deg);
  -o-transform: rotatex(180deg);
}
.news .selectdiv .caption:after { content: ""; display: block; width: 33px; height: 8px; background: url(/uploads/image/etppaimages/selectico.png) no-repeat right center; background-size: contain; position: absolute; right: 0; top: 50%; margin-top: -4px; z-index: 10;}
.news .selectdiv .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 12; background: #fff; max-height: 250px; overflow-y: auto; display: none; border: 2px solid #e5e5e5; border-top: none; box-sizing: border-box;}
.news .selectdiv .xlist a { display: block; font-size: 14px; color: #999; line-height: 50px; padding: 0 20px; border-bottom: 2px solid #e5e5e5;}
.news .selectdiv .xlist a:hover,.news .selectdiv .xlist a.on { color: #263d74;}
.news .selectdiv .xlist a:last-child { border-bottom: none;}
.news .formdiv .input1{ width: 100%; text-indent: 30px; height: 64px; line-height: 64px; font-size: 14px; border: 2px solid #e5e5e5; box-sizing: border-box; border-left: none;}

.news .list{ padding-top: 60px; }
.news .list li{ border-bottom: #e5e5e5 solid 1px; margin-bottom: 60px; }
.news .list li a{ display: block; padding-left: 3.74rem; height: 296px; }
.news .list li .imgdiv{ position: absolute; left: 0; top: 0; }
.news .list li .imgdiv img{ width: 3.33rem; }
.news .list li .time{ padding-top: 15px; font-size: 16px; color: #999; font-family: gilroy; }
.news .list li .name{ height: 40px; line-height: 40px; overflow: hidden; font-size: 24px; color: #000; }
.news .list li .content{ padding-top: 20px; font-size: 16px; color: #999; line-height: 30px; height: 90px; overflow: hidden; }
.news .list li:hover .name{ color: #263d74; }

.newshow{ padding-bottom: 120px; position: relative; z-index: 2; }
.w866{ width: 866px; margin: 0 auto; }
.newshow .mxfdiv{ margin-top: -100px; padding-bottom: 120px; background: #fff; position: relative;}
.newshow .name{ font-size: 36px; line-height: 56px; color: #333; font-weight: bold; padding: 80px 0 10px;}
.newshow .topztop{ border-bottom: #f0f0f0 solid 1px; padding-bottom: 30px; overflow: hidden;}
.newshow .cishu{ padding-left: 28px; padding-right: 20px; line-height: 36px; background: url(/uploads/image/etppaimages/nimg18_1.png) no-repeat left center; font-size: 14px; color: #999;}
.newshow .date{ padding-left: 28px; padding-right: 20px; line-height: 36px; background: url(/uploads/image/etppaimages/nimg18_2.png) no-repeat left center; font-size: 14px; color: #999;}
.newshow .share{ padding-left: 70px; position: relative; }
.newshow .share em{ position: absolute; left: 0; top: 0; display: block; font-size: 14px; line-height: 36px; color: #999; padding-left: 28px;background: url(/uploads/image/etppaimages/nimg18_3.png) no-repeat left center; }
.newshow .share li{ float: left; margin-right: 10px; }
.newshow .share li a{ display: block; width: 36px; height: 36px; border-radius: 50%; background: #ccc; }
.newshow .share li a:hover{ background: #2eaf0c; }
.newshow .content{ padding: 50px 0; font-size: 14px; line-height: 30px; }
.newshow .imgdiv{ padding: 30px 0; text-align: center; }
.newshow .content img{ max-width: 866px; }

.pagedown{ border-top: #ebebeb solid 1px; position: relative; padding-top: 30px; }
.pagedown li a{ display: block; height: 40px; line-height: 40px; font-size: 14px; overflow: hidden; color: #333;}
.pagedown li a:hover{ color: #263d74; }
.pagedown .btn{ position: absolute; right: 0; top: 30px; display: block; width: 135px; height: 50px; line-height: 50px; border-radius: 4px; background: #f3f3f3 url(/uploads/image/etppaimages/nimg16_3.png) no-repeat 26px center; text-indent: 52px; font-size: 14px; }
.pagedown .btn:hover{ color: #fff; background: #263d74 url(/uploads/image/etppaimages/nimg16_3on.png) no-repeat 26px center; }

body.fixed{position: fixed; width:100%;}