.notification {
  position: fixed;
  top: 20px;
  right: 20px;
  background-color: #333;
  color: white;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  font-family: 'Arial', sans-serif;
  z-index: 9999;
  max-width: 300px;
  opacity: 0;
  transform: translateY(-100px);
  transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out;
}

.notification.show {
  opacity: 1;
  transform: translateY(0);
}
.headerbox.fbg{
  position: sticky;
  left:0;
  top:0;
  background:#fff;
  z-index:999;
}
.header {
user-select: none;
position: relative;
z-index: 999;
}
.header .box1 {
height: 38px;
position: relative;
transition:all 0.6s;
}
.headerbox.fbg .header .box1{
  display:none;
}
.header .box1 .leftBg {
width: 68.69792%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
background-color: #f50a0a;
height: 100%;
display: block;
}
.header .box1 .leftBg:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0px;
border-bottom: 19px solid #0c0752;
border-right: 19px solid #0c0752;
border-top: 19px solid transparent;
border-left: 19px solid transparent;

}
.header .box1 .rightBg {
display: block;
width: 31.30208%;
position: absolute;
top: 0;
right: 0;
z-index: -1;
background-color: #0c0752;
height: 100%;
}
.header .box1 .headerbox1-cont {
display: flex;
align-items: center;
color: #fff;
height: 38px;
}
.header .box1 .headerbox1-cont .left {
width: 1015px;
flex: none;
position: relative;
height: 100%;
display: flex;
align-items: center;
max-width: 71%;
font-size: 14px;
line-height: 16px;
}
.header .box1 .headerbox1-cont .left .text {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.header .box1 .headerbox1-cont .right {
height: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
flex: auto;
}
.header .box1 .headerbox1-cont .right .searchbox {
color: #000;
background-color: #fff;
width: 180px;
height: 28px;
display: flex;
align-items: center;
border-radius: 28px;
overflow: hidden;
padding: 0 0 0 15px;
box-sizing: border-box;
justify-content: space-between;
}
.header .box1 .headerbox1-cont .right .searchbox .inp {
height: 28px;
border: none;
outline: none;
flex: none;
width: 130px;
}
.header .box1 .headerbox1-cont .right .searchbox .dicon {
padding-right: 15px;
display: block;
flex: none;
color: #333;
}
.header .box1 .headerbox1-cont .right .searchbox .dicon:hover {
color: #f50a0a;
}
.header .box2 .headerbox2-cont {display: flex;align-items: center;justify-content: space-evenly;}
.header .box2 .headerbox2-cont .logobox {
flex: none;
}
.header .box2 .headerbox2-cont .nav-box {
flex: none;
}
.header .box2 .headerbox2-cont .nav-box #menuPc li > a {
color: #272626;
font-size: 16px;
 padding:20px 10px;
 display: block;
}
.header .box2 .headerbox2-cont .nav-box #menuPc li.on a,
.header .box2 .headerbox2-cont .nav-box #menuPc li:hover a {
color: #f50a0a;
}

.header .box2 .headerbox2-cont .nav-box #menuPc li{
position: relative;
}
.header .box2 .headerbox2-cont .nav-box #menuPc li .second{
position: absolute;
left:50%;
width:240px;
margin-left:-100px;
top:100%;
background:#fff;
opacity:0;
visibility: hidden;
transform: translateY(2%);
transition: all 0.2s;
}
.header .box2 .headerbox2-cont .nav-box #menuPc li:hover .second{
opacity:1;
visibility: visible;
transform: translateY(0);
}

.second a.on {
    font-weight: bold;
    color: red;
  }



.header .box2 .headerbox2-cont .nav-box #menuPc li .second dd{display:block;}
.header .box2 .headerbox2-cont .nav-box #menuPc li .second dd a{
display:block;
text-align: left;
padding:5px 10px;
color:#666;
background:#fff;
transition:all 0.6s;
}
.header .box2 .headerbox2-cont .nav-box #menuPc li .second dd a:hover{
background:#f50a0a;
color:#fff;
}
.header .box2 .headerbox2-cont .nav-box #menuPc li + li {
margin:0 10px;

}
.header .box2 .headerbox2-cont .userBtns {
flex: none;
}
.header .box2 .headerbox2-cont .userBtns .btn .dicon {
font-size: 22px;
}
.header .box2 .headerbox2-cont .userBtns .btn .dicon:hover {
color: #f50a0a;
}
.header .box2 .headerbox2-cont .userBtns .btn + .btn {
margin-left: 40px;
}
.footerbox {
margin-top: 10px;
}
.footerCont .box1 {
background-color: #5E5E5E;
}
.footerCont .box1 .L1 {
padding-top: 90px;
padding-bottom: 60px;
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
}
.footerCont .box1 .L1 .left {
width: 585px;
}
.footerCont .box1 .L1 .left .t1 {
font-size: 24px;
line-height: 21px;
color: #fff;
font-family: 'Arial-BoldMT';
text-transform: uppercase;
}
.footerCont .box1 .L1 .left .t2 {
margin-top: 26px;
padding-left: 30px;
color: #E1E1E1;
}
.footerCont .box1 .L1 .left .t2 .tip {
font-size: 18px;
line-height: 24px;
font-weight: bold;
}
.footerCont .box1 .L1 .left .t2 .text {
font-size: 18px;
line-height: 24px;
display: inline;
}
.footerCont .box1 .L1 .left .t2 .text a{
  color:#E1E1E1;
  transition: all 0.6s;
}
.footerCont .box1 .L1 .left .t2 .text a:hover{
  color:#f50a0a;
}
.footerCont .box1 .L1 .left .shareBox {
margin-top: 28px;
display: flex;
}
.footerCont .box1 .L1 .left .shareBox .item {
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: #C4C4C4;
}
.footerCont .box1 .L1 .left .shareBox .item:hover {
background-color: #f50a0a;
}
.footerCont .box1 .L1 .left .shareBox .item + .item {
margin-left: 19px;
}
.footerCont .box1 .L1 .left .shareBox .item .dicon {
color: #fff;
font-size: 16px;
}
.footerCont .box1 .L1 .right {
width: 815px;
}
.footerCont .box1 .L1 .right .tipbox {
width: 100%;
height: 75px;
background-color: #f50a0a;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #fff;
border-radius: 40px;
}
.footerCont .box1 .L1 .right .tipbox .t1 {
font-size: 24px;
line-height: 21px;
text-align: center;
font-weight: bold;
font-family: "Microsoft YaHei";
}
.footerCont .box1 .L1 .right .tipbox .t2 {
font-size: 16px;
line-height: 17px;
margin-top: 18px;
text-align: center;
}
.footerCont .box1 .L1 .right .formBox {
margin-top: 15PX;
font-size: 14px;
color: #fff;
}
.formBox .usedComp label{
  font-size: 16px;
  color: #FFF;
}
.formBox .usedComp{
  margin-bottom: 8px;
}
.formBox  .xhl-controls .xhl-textarea{
  height: 100px;
}
.footerCont .box1 .L1 .right .formBox #xhlFormSubmit{
  width: 120px;
  height: 30px;
  line-height:30px;
  background: #0a1ece;
  border-radius:15px;
}
.footerCont .box1 .L2 {
border-top: 1px dashed #E0E0E0;
padding: 32px 0;
}
.footerCont .box1 .L2 .bnav {
display: flex;
align-items: center;
justify-content: center;
}
.footerCont .box1 .L2 .bnav .item + .item {
margin-left: 75px;
}
.footerCont .box1 .L2 .bnav .item a {
font-size: 14px;
color: #ffffff;
text-transform: uppercase;
line-height: 11px;
}
.footerCont .box1 .L2 .bnav .item a:hover {
color: #f50a0a;
}
.footerCont .box2 {
height: 47px;
background-color: #1E1E1E;
display: flex;
align-items: center;
}
.footerCont .box2 .copyright {
text-align: center;
color: #fff;
font-size: 14px;
}

.footerCont .box2 a{color:#666;}
.nybanner {
position: relative;
margin-bottom: 95px;
text-align: center;
}
.nybanner img{
width:100%;
height:auto;
}
.nybanner .overbox {
position: absolute;
width: 100%;
height: 100%;
top: 0;
lefT: 0;
display: flex;
align-items: center;
justify-content: center;
}
.nybanner .overbox .c_tipbox {
background: none;
padding: 0;
}
.nybanner .overbox .c_tipbox .c_tipTitle .side div {
background-color: #220af5;
}
.nybanner .overbox .c_tipbox .c_tipTitle .text {
color: #fff;
}
.nybanner .overbox .c_tipbox .c_tipDesc {
color: #fff;
}
.nybanner.applicationBanner .c_tipbox .c_tipTitle .side div {
background-color: #0a1ece;
}
.nybanner.applicationBanner .c_tipbox .c_tipTitle .text {
color: #000;
}
.nybanner.newsBanner .c_tipbox .c_tipTitle .side div {
background-color: #0a1ece;
}
.nybanner.newsBanner .c_tipbox .c_tipTitle .text {
color: #fff;
}
.c_line {
display: flex;
align-items: center;
}
.c_line div {
background-color: #0a1ece;
height: 4px;
margin: 0 2px;
}
.c_line .s1 {
width: 12px;
}
.c_line .s2 {
width: 16px;
}
.c_line .s3 {
width: 18px;
}
.c_line .s4 {
width: 22px;
}
.c_line .s5 {
width: 88px;
}
.c_tipbox {
padding: 40px 0 30px;
background: url(../images/index-tipbg.png) center center repeat-y;
}
.c_tipbox .c_tipTitle {
display: flex;
align-items: center;
justify-content: center;
}
.c_tipbox .c_tipTitle .side {
display: flex;
align-items: center;
}
.c_tipbox .c_tipTitle .side div {
background-color: #0a1ece;
height: 4px;
margin: 0 2px;
}
.c_tipbox .c_tipTitle .side .s1 {
width: 12px;
}
.c_tipbox .c_tipTitle .side .s2 {
width: 16px;
}
.c_tipbox .c_tipTitle .side .s3 {
width: 18px;
}
.c_tipbox .c_tipTitle .side .s4 {
width: 22px;
}
.c_tipbox .c_tipTitle .side .s5 {
width: 88px;
}
.c_tipbox .c_tipTitle .text {
margin: 0 98px;
font-size: 44px;
color: #000;
font-family: 'Arial-BoldMT';
text-transform: uppercase;
line-height: 33px;
}
.c_tipbox .c_tipDesc {
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: #141414;
line-height: 20px;
margin-top: 30px;
}
.c_tipbox .c_tipDesc .yellow {
color: #f50a0a;
}
.c_tipbox .c_tipDesc .text {
text-align: center;
}
.c_tipbox .c_tipDesc .text a{
color:#fff;
transition: all 0.6s;
}
.c_tipbox .c_tipDesc .text a:hover ,.c_tipbox .c_tipDesc .text a.on{
color:#f50a0a;
}
.c_tipbox .c_tipDesc .text + .text {
margin-left: 40px;
}
.indexpage {
background: #FBFBFD;
}
.indexpage .banner {
position: relative;
}
.indexpage .banner .btn {
z-index: 2;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 64px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
background-color: rgba(0, 0, 0, 0.5);
cursor: pointer;
}

.newsDL dd {
  float: left;
  width: 23%;
  margin: 0% 1% 2% 1%;
  position: relative;
}
.newsDL dd a {
  display: block;
  position: relative;
}
.scaleImg, .scaleImg2 {
  overflow: hidden;
}
.newsDL dd .txt {
  padding: 13px 18px 18px 18px;
}
.scaleImg img, .scaleImg2 img {
  width: 100%;
  transition: 0.9s;
  -webkit-transition: 0.9s;
}
.newsDL dd h6 {
  font-weight: bold;
}
.newsDL dd .txt .color888 {
  height: 44px;
  overflow: hidden;
  margin-top: 5px;
}
.indexpage .banner .btn:hover {
background-color: var(--d-cur-color);
}
.indexpage .banner .btn.prev {
left: 30px;
}
.indexpage .banner .btn.next {
right: 30px;
}
.indexpage .banner .btn .dicon {
font-size: 35px;
color: #fff;
}
.indexpage .banner .bg-box img {
transition: all ease-in 2.6s;
transform: scale(1.1);
}
.indexpage .banner .swiper-slide-active .bg-box img {
transform: scale(1);
}
.indexpage .banner .banner-content {
position: absolute;
right: 0;
left: unset;
top: 50%;
transform: translateY(-50%);
width: 57.13542%;
padding: 100px 55px 75px 100px;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: flex-start;
background-color: rgba(0, 0, 0, 0.3);
}
.indexpage .banner .banner-content .mintext {
font-size: 38px;
line-height: 60px;
color: #fff;
text-align: left;
hyphens: auto;
overflow: hidden;
}
.indexpage .banner .banner-content .more {
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
font-size: 30px;
height: 68px;
/* width: 200px; */
position: relative;
margin-top: 44px;
background-color: transparent;
border-radius: 30px;
transition: all 0.3s;
}
.indexpage .banner .banner-content .more:hover {
color: #fff;
background-color: #f50a0a;
border-color: #f50a0a;
}
.indexpage .index-sec1 .index-sec1-box .list {
display: flex;
align-items: center;
}
.indexpage .index-sec1 .index-sec1-box .list .item {
width: 25%;
box-sizing: border-box;
}
.indexpage .index-sec1 .index-sec1-box .list .item + .item {
border-left: 1px solid #838383;
}
.indexpage .index-sec1 .index-sec1-box .list .item .imgbox {
width: 100%;
padding-bottom: 125%;
position: relative;
}
.indexpage .index-sec1 .index-sec1-box .list .item .imgbox .overbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: rgb(0 0 0 / 29%);
}
.indexpage .index-sec1 .index-sec1-box .list .item .imgbox .overbox .hover {
display: none;
}
.indexpage .index-sec1 .index-sec1-box .list .item .imgbox .overbox .normal {
display: block;
}
.indexpage .index-sec1 .index-sec1-box .list .item .imgbox .overbox .text {color: #fff;text-align: center;font-size: 19px;line-height: 20px;margin-top: 52px;}

.indexpage .index-sec1 .index-sec1-box .list .item:hover .overbox .hover {
display: block;
}
.indexpage .index-sec1 .index-sec1-box .list .item:hover .overbox .normal {
display: none;
}
.indexpage .index-sec1 .index-sec1-box .list .item:hover .overbox .text {
color: #1a08b8;
}
.indexpage .index-sec2 .index-sec2-box .list {
display: flex;
align-items: center;
}
.indexpage .index-sec2 .index-sec2-box .list .item {
width: 25%;
box-sizing: border-box;
}
.indexpage .index-sec2 .index-sec2-box .list .item + .item {
border-left: 1px solid #838383;
}
.indexpage .index-sec2 .index-sec2-box .list .item .imgbox {
width: 100%;
padding-bottom: 125%;
position: relative;
}
.indexpage .index-sec2 .index-sec2-box .list .item .imgbox .overbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: rgba(0, 0, 0, 0.5);
}
.indexpage .index-sec2 .index-sec2-box .list .item .imgbox .overbox .hover {
display: none;
}
.indexpage .index-sec2 .index-sec2-box .list .item .imgbox .overbox .normal {
display: block;
}
.indexpage .index-sec2 .index-sec2-box .list .item .imgbox .overbox .text {
color: #fff;
text-align: center;
font-size: 19px;
line-height: 19px;
margin-top: 52px;
}
/* .indexpage .index-sec2 .index-sec2-box .list .item:hover .overbox {
background-color: rgba(255, 255, 255, 0.7);
} */
.indexpage .index-sec2 .index-sec2-box .list .item:hover .overbox .hover {
display: block;
}
.indexpage .index-sec2 .index-sec2-box .list .item:hover .overbox .normal {
display: none;
}
.indexpage .index-sec2 .index-sec2-box .list .item:hover .overbox .text {
color: #f50a0a;
}
.indexpage .index-sec3 .index-sec3-box .list {

}
.indexpage .index-sec3 .index-sec3-box .list .item {

box-sizing: border-box;
}
.indexpage .index-sec3 .index-sec3-box .swiper-button-next, .indexpage .index-sec3 .index-sec3-box .swiper-button-prev{
color:#ff0303;
}
.indexpage .index-sec3 .index-sec3-box .list .item + .item {
border-left: 1px solid #838383;
}
.indexpage .index-sec3 .index-sec3-box .list .item .imgbox {
width: 100%;
/* padding-bottom: 93.75%; */
position: relative;
}
.indexpage .index-sec3 .index-sec3-box .list .item .imgbox .overbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.indexpage .index-sec3 .index-sec3-box .list .item .imgbox .overbox .hover {
display: none;
width: 80px;
height: 80px;
border-radius: 50%;
margin-bottom: 10px;
}
.indexpage .index-sec3 .index-sec3-box .list .item .imgbox .overbox .text {
display: flex;
align-items: center;
justify-content: center;
min-height: 65px;
padding: 0 25px;
min-width: 257px;
border: 2px solid #FFFFFF;
font-size: 22px;
color: #ffffff;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 33px;
box-sizing: border-box;
text-align: center;
line-height: 24px;
}
.indexpage .index-sec3 .index-sec3-box .list .item .imgbox .overbox .more {
display: none;
align-items: center;
justify-content: center;
background-color: #f50a0a;
font-size: 16px;
color: #fff;
margin-top: 10px;
height: 40px;
width: 156px;
border-radius: 20px;
}
.indexpage .index-sec3 .index-sec3-box .list .item:hover .overbox {
background-color: rgba(255, 255, 255, 0.7);
}
.indexpage .index-sec3 .index-sec3-box .list .item:hover .overbox .hover {
display: block;
}
.indexpage .index-sec3 .index-sec3-box .list .item:hover .overbox .text {
background-color: transparent;
color: #f50a0a;
border: 0;
}
.indexpage .index-sec3 .index-sec3-box .list .item:hover .overbox .more {
display: flex;
}
/* about */
.about .nybanner {
margin-bottom: 0px;
}
.about .aboutMain {
position: relative;
margin-top: -50px;
}
.about .aboutMain .sec1 .contbox {
/* height: 190px; */
}
.about .aboutMain .sec1 .contbox .list {
background-color: transparent;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}

.about .aboutMain .sec1 .contbox .list .item + .item {
margin-left: 87px;
}
.about .aboutMain .sec1 .contbox .list .item .num {
text-align: center;
color: #f3f3f3;
font-size: 60px;
line-height: 45px;
margin-bottom: 24px;
font-family: 'Arial-BoldMT';
}
.about .aboutMain .sec1 .contbox .list .item .text {
text-align: center;
color: #fff;
font-size: 14px;
line-height: 14px;
}
.about .aboutMain .sec2 {
margin-top:70px;
}
.about .aboutMain .sec2 .contbox {
display: flex;
justify-content: space-between;
}
.about .aboutMain .sec2 .contbox .left {
flex: auto;
width: 100px;
}
.about .aboutMain .sec2 .contbox .left .tip {
font-size: 36px;
line-height: 30px;
font-family: 'Arial-BoldMT';
color: #000;
}
.about .aboutMain .sec2 .contbox .left .desc {
margin-top: 40px;
}
.about .aboutMain .sec2 .contbox .left .desc p {
color: #666666;
font-size: 16px;
line-height: 28px;
margin-bottom: 20px;
}
.about .aboutMain .sec2 .contbox .right {
flex: none;
width: 595px;
margin-left: 95px;
}
.about .aboutMain .sec2 .contbox .right .imgbox {
width: 100%;
padding-bottom: 70%;
position: relative;
}
.about .aboutMain .sec3 {
margin-top: 72px;
background-repeat: no-repeat;
background-size:cover;
background-position:center;
padding:32px 0;
}
.about .aboutMain .sec3 .contbox .list {
display: flex;
flex-wrap: wrap;
}
.about .aboutMain .sec3 .contbox .list .flexitem {
width: 23%;
margin-left:2.66666%;

}
.about .aboutMain .sec3 .contbox .list .flexitem:first-child{
margin-left:0;
}
.about .aboutMain .sec3 .contbox .list .flexitem .box {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: 100%;
 /* padding:20px; */
 box-sizing:border-box;
background-color: #fff;
box-shadow: 0px 2px 18px 10px rgba(206, 206, 206, 0.17);
}
.about .aboutMain .sec3 .contbox .list .flexitem .box:hover {
background-color: #f50a0a;
}
.about .aboutMain .sec3 .contbox .list .flexitem .box:hover .text {
color: #fff;
}
.about .aboutMain .sec3 .contbox .list .flexitem .box img {
width: 100px;
height: 100px;
border-radius: 100%;
}
.about .aboutMain .sec3 .contbox .list .flexitem .box .text {
margin-top: 40px;
font-size: 20px;
color: #000;
text-align: center;
}
.about .aboutMain .sec4 {
/* margin-top: 70px; */
background-color: #F4F4F4;
padding: 50px 0;
}
.about .aboutMain .sec4 .contbox .box1 {
display: flex;
justify-content: space-between;
padding-top: 50px;
position: relative;
}
.about .aboutMain .sec4 .contbox .box1 .left {
padding-top: 7px;
width: 810px;
margin-right: 85px;
flex: none;
}
.about .aboutMain .sec4 .contbox .box1 .left .bigImg {
position: relative;
padding-bottom: 70.37037%;
}
.about .aboutMain .sec4 .contbox .box1 .right {
width: 100px;
flex: auto;
}
.about .aboutMain .sec4 .contbox .box1 .right .tipbox {
}
.about .aboutMain .sec4 .contbox .box1 .right .tipbox .tip {
font-family: 'Arial-BoldMT';
font-size: 36px;
line-height: 30px;
color: #000;
text-align: right;
text-transform: uppercase;
}
.about .aboutMain .sec4 .contbox .box1 .right .tipbox .line {
justify-content: flex-start;
position: absolute;
left:100%;
top:50%;
margin-top:-2px;
margin-left:10px;
}

.about .aboutMain .sec4 .contbox .box1 .tipbox {
position: absolute;
left:0;
top:0;
}
.about .aboutMain .sec4 .contbox .box1 .tipbox .tip {
font-family: 'Arial-BoldMT';
font-size: 36px;
line-height: 30px;
color: #000;
text-align: right;
text-transform: uppercase;
}
.about .aboutMain .sec4 .contbox .box1 .tipbox .line {
justify-content: flex-start;
}


.about .aboutMain .sec4 .contbox .box1 .right .tip2 {
font-size: 24px;
color: #333;
font-family: 'Arial-BoldMT';
margin-bottom: 35px;
}
.about .aboutMain .sec4 .contbox .box1 .right .desc {
font-size: 15px;
color: #666666;
line-height: 23px;
max-height: 390px;
overflow:hidden;
}

.about .aboutMain .sec4 .contbox .box2 {
margin-top: 20px;
}
.about .aboutMain .sec4 .contbox .box2 .list {display: flex;justify-content: flex-end;align-items: stretch;}
.about .aboutMain .sec4 .contbox .box2 .list .item {
width: 354px;
cursor: pointer;
}
.about .aboutMain .sec4 .contbox .box2 .list .item + .item {
margin-left: 20px;
}
.about .aboutMain .sec4 .contbox .box2 .list .item:hover img {
transform: scale(1.06672);
}
.about .aboutMain .sec4 .contbox .box2 .list .item .imgbox {
width: 100%;
padding-bottom: 70.338983%;
position: relative;
}
.about .aboutMain .sec4 .contbox .box2 .list .item .imgbox img {
transition: var(--d-transtion);
}
.about .aboutMain .sec4 .contbox .box2 .list .item .text {
color: #000;
text-align: center;
font-size: 20px;
line-height: 16px;
font-family: 'Arial-BoldMT';
margin-top: 30px;
}
.about .aboutMain .sec5 {
margin-top: 50px;
}
.about .aboutMain .sec5 .c_tipbox {
background: none;
padding: 0;
margin-bottom: 50px;
}
.about .aboutMain .sec5 .contbox {
display: flex;
justify-content: space-between;
align-items: center;
}
.about .aboutMain .sec5 .contbox .left {
flex: none;
width: 596px;
margin-right: 90px;
}
.about .aboutMain .sec5 .contbox .left .imgbox {
width: 100%;
padding-bottom:70%;
position: relative;
}
.about .aboutMain .sec5 .contbox .right {
flex: auto;
width: 100px;

}
.about .aboutMain .sec5 .contbox .right .desc {
font-size: 16px;
line-height: 28px;
color: #666666;
}
.about .aboutMain .sec5 .contbox .right .desc p {
margin-bottom: 22px;
}
/* application */
.application .applicationMain .detailListBox {
display: block;
margin-bottom: 85px;
}
.application .applicationMain .detailItem {
display: none;
justify-content: space-between;
}
.application .applicationMain .detailItem.active {
display: flex !important;
}
.application .applicationMain .detailItem .left {
flex: none;
width: 726px;
margin-right: 50px;
}
.application .applicationMain .detailItem .left .imgbox {
padding-bottom: 106.19835%;
position: relative;
width: 100%;
}
.application .applicationMain .detailItem .right {
width: 100px;
flex: auto;
}
.application .applicationMain .detailItem .right .title {
font-size: 30px;
color: #333;
font-family: 'Arial-BoldMT';
line-height: 34px;
margin-bottom: 28px;
}
.application .applicationMain .detailItem .right .sharebox {
display: flex;
align-items: center;
margin-bottom: 25px;
}
.application .applicationMain .detailItem .right .sharebox .shareitem {
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: #C4C4C4;
}
.application .applicationMain .detailItem .right .sharebox .shareitem:hover {
background-color: #EA6700;
}
.application .applicationMain .detailItem .right .sharebox .shareitem + .shareitem {
margin-left: 10px;
}
.application .applicationMain .detailItem .right .sharebox .shareitem .dicon {
color: #fff;
font-size: 14px;
}
.application .applicationMain .detailItem .right .desc {
font-size: 16px;
color: #1A1B20;
line-height: 28px;
font-family: 'Arial-BoldMT';
margin-bottom: 25px;
}
.application .applicationMain .detailItem .right .desc p{
text-indent:2em;
}
.application .applicationMain .detailItem .right .imglist {
display: flex;
/*justify-content: space-between;*/
flex-wrap: wrap;
}
.application .applicationMain .detailItem .right .imglist .imgitem {
margin-top: 25px;
width: 22.5%;
margin-right: 3.33%;
}
.application .applicationMain .detailItem .right .imglist .imgitem:nth-child(4n){
  margin-right: 0;
}
.application .applicationMain .detailItem .right .imglist .imgitem .imgbox {
width: 100%;
padding-bottom: 96.428571%;
position: relative;

}

.application .applicationMain .detailItem .right .imglist .imgitem .imgbox .c_img{
border-radius:50%;
box-sizing:border-box;
border:4px solid  #DDDDDD;	
}
.application .applicationMain .detailItem .right .imglist .imgitem .text {
margin-top: 9px;
font-size: 14px;
text-align: center;
line-height: 16px;
color: #000;
font-weight: 400;
}
.application .applicationMain .applicationListBox {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.application .applicationMain .applicationListBox .flexempty {
width: 24.473684%;
}
.application .applicationMain .applicationListBox .item {
width: 24.473684%;
position: relative;
margin-bottom: 5px;
}
.application .applicationMain .applicationListBox .item .imgbox {
width: 100%;
box-sizing: border-box;
padding-bottom: 27.54011%;
position: relative;
}
.application .applicationMain .applicationListBox .item.cur .over {
border: 4px solid #FF4C0E;
background: rgba(255, 255, 255, 0.6);
}
.application .applicationMain .applicationListBox .item.cur .over .text {
color: var(--d-cur-color);
}
.application .applicationMain .applicationListBox .item .over {
cursor: pointer;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(3, 3, 3, 0.4);
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.application .applicationMain .applicationListBox .item .over:hover {
border: 4px solid #FF4C0E;
background: rgba(255, 255, 255, 0.6);
}
.application .applicationMain .applicationListBox .item .over:hover .text {
color: var(--d-cur-color);
}
.application .applicationMain .applicationListBox .item .over .text {
font-size: 22px;
line-height: 1.2;
color: #fff;
font-family: 'Arial-BoldMT';
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
/* crane */
.craneBanner {
margin-bottom: 0px;
}
.c_ny_tip {
width: 100%;
padding: 55px 0 40px;
text-align: center;
font-size: 36px;
color: #000;
font-family: 'Arial-BoldMT';
}
.craneMain {
padding-bottom: 30px;
background: url('../images/crane_bg.png') center center repeat-y;
}
.craneMain .list {
overflow: hidden;
display: grid;
grid-template-columns: repeat(auto-fill, 24.06%);
column-gap: 1.25%;
row-gap: 1.25%;
}
.craneMain .list.crane-list{
display:block;
}
.crane-swiper .swiper-button-next, .crane-swiper .swiper-button-prev{
color:#ff0000;
width:40px;
height:40px;
background:#fff;
border-radius:50%;
}
.crane-swiper  .swiper-button-next:after, .crane-swiper .swiper-button-prev:after{
font-size:16px;
font-weight:700;
}
.craneMain .list .item {
width: 100%;
box-sizing: border-box;
border: 10px solid #fff;
border-radius: 10px;
box-shadow: 0px 10px 27px 0px rgba(55, 61, 70, 0.3);
background-color: #fff;
}
.craneMain .list .item:hover {
border-color: var(--d-cur-color);
background-color: var(--d-cur-color);
}
.craneMain .list .item:hover .text p {
color: #fff;
}
.craneMain .list .item .imgbox {
position: relative;
width: 100%;
padding-bottom: 100%;
}
.craneMain .list .item .text {
height: 60px;
display: grid;
align-items: center;
justify-content: center;
text-align: center;
}
.craneMain .list .item .text p {
font-size: 18px;
font-family: 'Arial-BoldMT';
color: #333;
line-height: 1.1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.craneDatailMain .sec1 .sec1content {
display: flex;
}
.craneDatailMain .sec1 .sec1content .left {
width: 591px;
flex: none;
margin-right: 50px;
}
.craneDatailMain .sec1 .sec1content .left .mediaBox {
width: 100%;
}
.craneDatailMain .sec1 .sec1content .left .mediaBox h5{
  text-align: center;
  color: #1A1B20;
  font-size: 20px;
  margin: 12px 0;
}
.craneDatailMain .sec1 .sec1content .left .mediaBox .imgWrap {
width: 100%;
position: relative;
padding-bottom: 98.98477%;
}
.craneDatailMain .sec1 .sec1content .left .mediaBox .img {
display: block;
}
.craneDatailMain .sec1 .sec1content .left .mediaBox .video {
display: none;
}
.craneDatailMain .sec1 .sec1content .left .tabBox {
margin: 30px 0;
}
.craneDatailMain .sec1 .sec1content .left .tabBox .swiper-button-next, .craneDatailMain .sec1 .sec1content .left .tabBox .swiper-button-prev{
color:#EA6700;
width:40px;
height:40px;
background:#fff;
border-radius:50%;
}
.craneDatailMain .sec1 .sec1content .left .tabBox .swiper-button-next:after, .craneDatailMain .sec1 .sec1content .left .tabBox .swiper-button-prev:after{
font-size:16px;
font-weight:700;
}


.craneDatailMain .sec1 .sec1content .left .tabBox .list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.craneDatailMain .sec1 .sec1content .left .tabBox .list .item {
width: 186px;
flex: none;
cursor: pointer;
}
.craneDatailMain .sec1 .sec1content .left .tabBox .list .item.isVideo {
position: relative;
}
.craneDatailMain .sec1 .sec1content .left .tabBox .list .item.isVideo:after {
content: "\ea82";
font-size: 30px;
display: inline-block;
color: #BFBFBF;
font-family: "dicon" !important;
bottom: 11px;
left: 18px;
position: absolute;
height: 30px;
line-height: 30px;
}
.craneDatailMain .sec1 .sec1content .left .tabBox .list .item.cur img {
box-sizing: border-box;
border: 1px solid #EA6700;
}
.craneDatailMain .sec1 .sec1content .left .tabBox .list .item .imgbox {
width: 100%;
padding-bottom: 100%;
position: relative;
box-sizing: border-box;
}
.craneDatailMain .sec1 .sec1content .left .btns {
display: flex;
align-items: center;
justify-content: space-between;
}
.craneDatailMain .sec1 .sec1content .left .btns .btn a ,
.craneDatailMain .sec1 .sec1content .left .btns .btn {cursor: pointer;width: 187px;height: 48px;background-color: #ea0000;display: flex;align-items: center;justify-content: center;color: #fff;}
.craneDatailMain .sec1 .sec1content .left .btns .btn .text {
font-size: 17px;
font-family: 'Arial-BoldMT';
line-height: 15px;
margin-left: 20px;
}
.craneDatailMain .sec1 .sec1content .right {
width: 100px;
flex: auto;
}
.craneDatailMain .sec1 .sec1content .right .title {
font-size: 36px;
font-family: 'Arial-BoldMT';
color: #333;
line-height: 33px;
}
.craneDatailMain .sec1 .sec1content .right .shareBox {
margin-top: 30px;
display: flex;
}
.craneDatailMain .sec1 .sec1content .right .shareBox .item {
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: #C4C4C4;
}
.craneDatailMain .sec1 .sec1content .right .shareBox .item:hover {
background-color: #EA6700;
}
.craneDatailMain .sec1 .sec1content .right .shareBox .item + .item {
margin-left: 10px;
}
.craneDatailMain .sec1 .sec1content .right .shareBox .item .dicon {
color: #fff;
font-size: 16px;
}
.craneDatailMain .sec1 .sec1content .right .tip {
font-size: 26px;
margin: 30px 0 10px;
color: #1A1B20;
font-family: 'Arial-BoldMT';
}
.craneDatailMain .sec1 .sec1content .right .textbox {
font-size: 16px;
color: #1A1B20;
font-family: Arial-BoldMT;
}
.craneDatailMain .sec1 .sec1content .right .textbox table{
  max-width: 100%;
  width: 100% !important;
}
.craneDatailMain .sec1 .sec1content .right .textbox:nth-child(4) p{
text-indent: 2em;
}
.craneDatailMain .sec1 .sec1content .right .textbox td{
padding:0 10px;
}
.craneDatailMain .sec2 {
margin-top: 70px;
}
.craneDatailMain .sec2 .sec2content .tip {
font-size: 36px;
color: #333;
font-family: "Arial-BoldMT";
margin-bottom: 40px;
line-height: 33px;
}
.craneDatailMain .sec2 .sec2content .hc-list-swiper{margin:0 -30px;
  padding: 0 30px;
  position: relative;
}
.craneDatailMain .sec2 .sec2content .hc-list-swiper .swiper-button-next:after,.craneDatailMain .sec2 .sec2content .hc-list-swiper .swiper-button-prev:after{
  color: #fd0808;
}
.craneDatailMain .sec2 .sec2content .hc-list-swiper .swiper-button-next{}
.craneDatailMain .sec2 .sec2content .list .swiper-slide{
padding:30px;
box-sizing:border-box;
}
.craneDatailMain .sec2 .sec2content .list .swiper-slide a{
display: block;
width: 100%;
  box-sizing: border-box;
  border: 10px solid #fff;
  border-radius: 10px;
  box-shadow: 0px 10px 27px 0px rgb(55 61 70 / 30%);
  background-color: #fff;
}
.craneDatailMain .sec2 .sec2content .list .swiper-slide .imgbox {
width: 100%;
position: relative;
padding-bottom: 100%;
}
.craneDatailMain .sec2 .sec2content .list .swiper-slide .text {
  color: #000;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  font-family: 'Arial-BoldMT';
  margin-top: 15px;
}
/* news */
.newsMain .list .item {
margin-bottom: 24px;
display: flex;
align-items: center;
justify-content: space-between;
}
.newsMain .list .item .left {
flex: none;
width: 606px;
margin-right: 195px;
}
.newsMain .list .item .left .imgbox {
padding-bottom: 67.326732%;
position: relative;
width: 100%;
}
.newsMain .list .item .right {
width: 100px;
flex: auto;
}
.newsMain .list .item .right .title {
color: #000;
line-height: 1.2;
font-size: 28px;
font-family: 'Arial-BoldMT';
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
margin-bottom: 60px;
display: block;
}
.newsMain .list .item .right .title:hover {
color: #FF4C0E;
}
.newsMain .list .item .right .desc {
color: #858585;
font-size: 18px;
line-height: 25px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.newsMain .list .item .right .more {
margin-top: 23px;
color: #FF4C0E;
font-size: 18px;
font-family: 'Arial-BoldMT';
display: flex;
align-items: center;
}
.newsMain .list .item .right .more .dicon {
margin-left: 12px;
font-size: 30px;
}
.newsMain .newDetailBox .title {
font-size: 28px;
font-family: 'Arial-BoldMT';
color: #000;
line-height: 22px;
margin-bottom: 50px;
}
.newsMain .newDetailBox .box1 {
display: flex;
justify-content: space-between;
}
.newsMain .newDetailBox .box1 .left {
font-family: 'Arial-BoldMT';
font-size: 20px;
color: #EA6700;
line-height: 18px;
width: 100px;
flex: auto;
margin-right: 100px;
}
.newsMain .newDetailBox .box1 .right {
flex: none;
height: 18px;
display: flex;
align-items: center;
}
.newsMain .newDetailBox .box1 .right .btn {
color: #EA6700;
font-size: 20px;
font-family: 'Arial-BoldMT';
line-height: 15px;
display: flex;
align-items: center;
}
.newsMain .newDetailBox .box1 .right .btn.next .dicon {
margin-left: 16px;
}
.newsMain .newDetailBox .box1 .right .btn.back .dicon {
margin-right: 16px;
}
.newsMain .newDetailBox .box1 .right .btn .dicon {
font-size: 25px;
}
.newsMain .newDetailBox .box1 .right .btn + .btn {
margin-left: 65px;
}
.newsMain .newDetailBox .box2 {
margin-top: 18px;
display: flex;
align-items: center;
}
.newsMain .newDetailBox .box2 .time {
font-size: 20px;
line-height: 15px;
color: #EA6700;
font-family: 'Arial-BoldMT';
margin-right: 16px;
}
.newsMain .newDetailBox .box2 .shareBox {
display: flex;
align-items: center;
}
.newsMain .newDetailBox .box2 .shareBox .item {
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: #C4C4C4;
}
.newsMain .newDetailBox .box2 .shareBox .item:hover {
background-color: #EA6700;
}
.newsMain .newDetailBox .box2 .shareBox .item + .item {
margin-left: 8px;
}
.newsMain .newDetailBox .box2 .shareBox .item .dicon {
color: #fff;
font-size: 14px;
}
.newsMain .newDetailBox .box3 {
margin: 60px 0 150px;
}
.newsMain .newDetailBox .box3 img {
display: block;
margin: 0 auto 40px;
}
.newsMain .newDetailBox .box3 p {
color: #000;
font-size: 20px;
line-height: 27px;
margin-bottom: 40px;
}
.newsMain .newDetailBox .box4 {
flex: none;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
}
.newsMain .newDetailBox .box4 .btn {
color: #EA6700;
font-size: 20px;
font-family: 'Arial-BoldMT';
line-height: 15px;
display: flex;
align-items: center;
}
.newsMain .newDetailBox .box4 .btn.next .dicon {
margin-left: 16px;
}
.newsMain .newDetailBox .box4 .btn.back .dicon {
margin-right: 16px;
}
.newsMain .newDetailBox .box4 .btn .dicon {
font-size: 25px;
}
.newsMain .newDetailBox .box4 .btn + .btn {
margin-left: 65px;
}
/* service */
.service1Main .list {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.service1Main .list .item {
width: 21.578947%;
}
.service1Main .list .item:hover .text {
color: #EA6700;
}
.service1Main .list .item:hover img {
border-color: #EA6700 !important;
}
.service1Main .list .item .imgbox {
width: 100%;
position: relative;
padding-bottom: 76.10063%;
}
.service1Main .list .item .imgbox img {
box-sizing: border-box;
border: 5px solid #DFDFDF;
}
.service1Main .list .item .text {
margin-top: 26px;
line-height: 22px;
color: #333;
font-size: 24px;
font-family: 'Arial-BoldMT';
text-align: center;
}
.serviceDownload.nybanner {
margin-bottom: 0px;
}
.serviceDownload.footerbox {
margin-top: 0px;
}
.serviceDownloadMain {
border-top: 12px solid #E96700;
border-bottom: 12px solid #E96700;
padding: 195px 0 225px;
background-color: #EEEEEE;
}
.serviceDownloadMain .contbox {
display: flex;
justify-content: space-between;
}
.serviceDownloadMain .contbox .left {
width: 510px;
flex: auto;
}
.serviceDownloadMain .contbox .left .tip {
font-size: 48px;
color: #333;
font-family: 'Arial-BoldMT';
line-height: 37px;
padding-top: 90px;
margin-bottom: 30px;
}
.serviceDownloadMain .contbox .left .desc2,
.serviceDownloadMain .contbox .left .desc1 {
color: #333333;
font-size: 20px;
line-height: 33px;
}
.serviceDownloadMain .contbox .left .desc2 {
margin-top: 25px;
}
.serviceDownloadMain .contbox .rightForm {
width: 816px;
min-height: 495px;
box-sizing: border-box;
padding: 70px 138px;
background: rgba(255, 255, 255, 0.95);
border-radius: 20px;
box-shadow: 0px 10px 27px 0px rgba(55, 61, 70, 0.3);
}
.serviceDownloadMain .contbox .rightForm .tip {
font-size: 28px;
color: #333;
font-family: 'Arial-BoldMT';
line-height: 20px;
margin-bottom: 30px;
text-align: center;
}
.serviceDownloadMain .contbox .rightForm .form {
color: #333;
}
.serviceDownloadMain .contbox .rightForm .form .line {
margin-bottom: 12px;
}
.serviceDownloadMain .contbox .rightForm .form .line.zhuce a{color:#E96700;}
.serviceDownloadMain .contbox .rightForm .form .line .label {
font-family: 'Arial-BoldMT';
color: #333;
font-size: 18px;
line-height: 15px;
margin-bottom: 12px;
}
.serviceDownloadMain .contbox .rightForm .form .line .inp {
width: 100%;
box-sizing: border-box;
border: 1px solid #E96700;
height: 79px;
border-radius: 5px;
overflow: hidden;
}
.serviceDownloadMain .contbox .rightForm .form .line .inp input {
border: none;
outline: none;
width: 100%;
height: 100%;
line-height: 77px;
padding: 0 15px;
font-size: 25px;
color: #333;
box-sizing: border-box;
}
.serviceDownloadMain .contbox .rightForm .form .submit {
margin: 32px auto 0;
width: 250px;
height: 50px;
background-color: #E96700;
color: #fff;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
font-size: 18px;
font-family: 'Arial-BoldMT';
line-height: 50px;
border-radius: 10px;
cursor: pointer;
max-width: 80%;
}
.serviceCenterMain .title {
font-size: 30px;
font-family: 'Arial-BoldMT';
line-height: 30px;
color: #333;
margin-bottom: 75px;
text-align: center;
}
.serviceCenterMain .desc {
font-size: 20px;
color: #1A1B20;
line-height: 30px;
}
.serviceCenterMain .imgdescBox {
margin-top: 50px;
}
.serviceCenterMain .imgdescBox .textbox {
background-color: #9FA5B7;
display: flex;
align-items: center;
justify-content: center;
min-height: 72px;
width: 100%;
color: #fff;
font-size: 36px;
font-family: 'Arial-BoldMT';
text-align: center;
}
.serviceCenterMain .imgdescBox .imgdescList {
display: flex;
align-items: center;
justify-content: space-between;
}
.serviceCenterMain .imgdescBox .imgdescList.list2 .item {
margin-top: 45px;
margin-bottom: 0;
}
.serviceCenterMain .imgdescBox .imgdescList .item {
width: 441px;
max-width: 32%;
position: relative;
margin-bottom: 45px;
}
.serviceCenterMain .imgdescBox .imgdescList .item .imgbox {
width: 100%;
position: relative;
padding-bottom: 69.30233%;
background-color: #fff;
}
.serviceCenterMain .imgdescBox .imgdescList .item .imgbox img {
border: 2px solid #333;
padding: 3px;
box-sizing: border-box;
}
.serviceCenterMain .imgdescBox .imgdescList .item .text {
position: absolute;
background-color: #9FA5B7;
height: 51px;
display: inline-flex;
bottom: -25px;
left: 50%;
transform: translateX(-50%);
align-items: center;
justify-content: center;
width: 340px;
color: #fff;
font-size: 28px;
line-height: 22px;
font-family: 'Arial-BoldMT';
text-align: center;
}
.serviceCenterMain .list {
margin-top: 95px;
}
.serviceCenterMain .list .dicon.ll {
font-size: 60px;
line-height: 90px;
margin: 45px auto;
display: block;
text-align: center;
color: #E96700;
}
.serviceCenterMain .list .item {
width: 100%;
position: relative;
}
.serviceCenterMain .list .hc-edit{
margin-top:45px;
}
.serviceCenterMain .list .item .imgbox {
position: relative;
width: 100%;
padding-bottom: 16.35514%;
}
.serviceCenterMain .list .item .over {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
display: flex;
align-items: center;
justify-content: center;
}
.serviceCenterMain .list .item .over .desc {
color: #fff;
font-size: 32px;
font-family: 'Arial-BoldMT';
text-align: center;
}