.nbframe { position: relative; }
.nbframe img { width: 100%; }

.nbframe .location .txt { color: #fff; display:none; }

.bottomheight { float: left; width: 100%; height: 180px; }

@media (min-width: 1200px) and (max-width: 1439px) {
    .nbframe .location .txt { color: #fff; margin-top: 1.2rem; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .nbframe .location .txt { color: #fff; margin-top: .8rem; }
    .nbframe .location h1, .location h2 { color: #fff;  display:none;}
}

@media (min-width:992px) {
    .nbframe .location { position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); z-index: 1; width: 100%; }
    .nbframe .location h1{ color: #fff; margin-bottom:25px;}
    .nbframe .location p { color: #fff; width:50%; }
    .nbframe .location .txt em { background: #005693; }

    .nbframe .location .txt a { color: #fff; }
}

.location { }
.location h1, .location h2 { font-size: 0.6rem; color: #000; font-weight: bold; text-transform: capitalize; }
.location .txt { display: flex; align-items: center; flex-wrap: wrap; margin-top: 0.3rem; font-size: 14px; color: #005693;}

.nbframe .dblok { display: flex !important; }
.nbframe .location .dblok .txtleft { flex: 1; display: flex; align-items: center; flex-wrap: wrap; }
.location .txt a { display: inline-block; color: #333 }
.location .txt em { display: inline-block; width: 8px; height: 2px; margin: 0 11px; background: #005693; }

@media (min-width:1200px) {

    .nbframe .location .txt .txtrigh { float: right; display: flex; }
    .nbframe .location .txt .txtrigh i { margin-left: 6px; }
    .nbframe .location .txt .txtleft { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; align-items: center; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .nbframe img { width: 100%; min-height: 300px; object-fit: cover; }
    .nbframe .location .txt .txtrigh { float: right; display: flex; }
    .nbframe .location .txt .txtrigh i { margin-left: 6px; }
    .nbframe .location .txt .txtleft { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
}

@media (min-width: 1px) and (max-width: 1080px) {
    .nbframe .location .txt .txtrigh { float: right; display: none; }
}


@media (min-width: 1px) and (max-width: 991px) {
    .nbframe img { width: 100%; min-height: 280px; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
    .nbframe { margin-top: 70px; }
    .location h1 { display: none; }
    .location p { display:none;}
    .nbframe .location .txt { color: #333; margin-top: 20px; display: flex }
    .location .txt { margin-top: 0.22rem; font-size: 14px; }
    .nbframe .location .txt .txtleft {align-items: center; }
}



.iframe1 { float: left; width: 100%; margin-top: 50px; }
.ifr1top { float: left; width: 100%; }
.ifr1top_left { float: left; text-transform: uppercase; font-size: 18px; font-weight: bold; }
.ifr1top_right { float: right; width:100%; }
.ifr1top_right h3 { color: #142b52; border-bottom: 1px solid #dee1e6; padding-bottom: 25px; }
.ifr1top_right h3 font { color: #005693 }
.ifr1tri_mid { float: right; width: 100%; margin-top: 20px; }
.ifr1tri_mid img{width: 100%;float: left;}
.ifr1tri_mid .play-box{width: 47%;float: left;margin-right:2%;position: relative;}
.ifr1tri_mid .play-box i{position: absolute;cursor: pointer;left: 50%;transition: all .3s ease-in-out;top: 50%;
    color: #fff;
    padding: .1rem;
    border-radius: 50%;
    border: 1px solid #ccc;
    width: .8rem;
    height: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .3rem;background: #ffffff7d; transform: translate(-50%,-50%);}
.ifr1tri_mid .play-box i:hover{background:#005693;color:#fff;}
.ifr1tri_mid p { margin-bottom: 20px; color: #666666;width: 51%;float:right;}                        
.ifr1tri_mid p font { color: #04528e;font-weight:bold;}
.ifr1midd { float: left; width: 100%; margin-top: 40px; }
.ifr1midd .num { float: left; width: calc((100% - 90px)/4); text-align: left; display: flex; -ms-flex-direction: column; flex-direction: column; position: relative; margin-right: 30px; }
.ifr1midd .num:nth-child(4) { margin-right: 0px; }

.ifr1midd .num::before { content: ""; height: 90px; width: 1px; background: #dee1e6; right: 0px; top: 30px; position: absolute; }
.ifr1midd .num:nth-child(4)::before { right: -9999px; }
.ifr1midd .num font { font-size: 0.32rem; top: -50px; position: relative; }
.ifr1midd .num strong { color: #005693; font-size: 0.5rem; margin-top: 35px; position: relative; line-height: 0.5rem; }
.ifr1midd .num strong span { font-size: 0.9rem; }
.ifr1midd .num:last-child { float: right; }
.ifr1midd .num .ppd { color: #666666; margin-top: 25px; width: 100%; }
.ifr1midd .num:hover strong { color: #142b52 }


.iframe2 { float: left; width: 100%; margin-top: 50px; position: relative; z-index: 2; margin-bottom: -280px; }
.ifr2list { float: left; width: 100%; position: relative; border-radius: 15px; }
.ifr2list .vidimg { width: 100%; object-fit: cover; object-position: center center; height: 575px; border-radius: 15px; }
.ab5lmtxtd { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; padding: 45px; background: rgb(0,0,0,0.42); border-radius: 15px; float: left; }
.ab5lmtxtd h3 { color: #fff; }
.ab5lt_fi1 { display: flex; flex-flow: column; }
.ab5lt_fi1 img { width: 345px; margin-top: 15px; }
.ab5lmtxtd span { color: #fff; float: right; font-size: 18px; }
.ab5spvideo { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 50%; height: 50%; justify-content: center; align-items: center; display: flex; cursor: pointer; }
.ab5spvideo i { background-color: rgba(255, 255, 255, 0.3); width: 70px; height: 70px; border-radius: 50%; text-align: center; line-height: 70px; color: #fff; font-size: 16px; }
.ab5svbtn { position: absolute; left: 50px; bottom: 50px; float: left; width: calc(100% - 100px); }

.ab5svbtn a { background: #fff; color: #333; padding: 15px; padding-left: 25px; padding-right: 15px; }
.ab5svbtn a span { color: #333; }
.ab5svbtn a i { color: #333; }
.ab5svbtn a:hover { background: #005693; color: #fff; }
.ab5svbtn a::before { content: ""; position: absolute; top: -2px; left: -2px; z-index: 1; width: calc(100% + 4px); height: calc(100% + 4px); background-color: #005693; border-radius: 25px; transform: scaleX(0); transform-origin: right; -webkit-transition: transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86); -moz-transition: transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86); -o-transition: transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86); transition: transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86); }



.iframe3 { float: left; width: 100%; padding-top: 350px; background: #e8e8e8; padding-bottom: 60px; }
.ifr3zc { float:left; width:100%;margin-top:50px;}
.ifr3zc .ifr3left {float:left; width:320px;font-size:260px;line-height:1rem; text-align:right; }
.ifr3zc .ifr3right { float:left; width:1160px;margin-left:50px;color:#666;}
.ifr3zc .ifr3right font { color: #005693; font-weight: bold; }

.ifr3btt { float:left; width:100%;margin-top:50px;}
.ifr3btt .ifr3bleft { float:left;margin-left:840px; display:flex;}
.ifr3btt .ifr3bleft .tp img{ border-radius:50%;}
.ifr3btt .ifr3bleft .txt {  color:#666;margin-left:40px;margin-top:30px;font-size:14px;}
.ifr3btt .ifr3bleft .txt p { margin-top:15px;}
.ifr3btt .ifr3bright { float: left; font-size: 260px; line-height: 1rem; text-align: right;  width:400px;margin-top:40px;}
.ab5svbtn a i { color: #333; }



.ifram4 { float:left; width:100%;margin-top:50px;}
.ifr4top { float: left; width: 100%; }
.ifr4top_left { float: left; text-transform: uppercase; font-size: 18px; font-weight: bold; }
.ifr4top_right { float: right; width: 1320px; }
.ifr4top_right h3 { color: #142b52; border-bottom: 1px solid #dee1e6; padding-bottom: 25px; }
.ifr4top_right h3 font { color: #005693 }
.ifr4tri_mid { float: left; width: 100%; margin-top: 35px; }
.ifr4tri_mid p { margin-bottom: 20px; color: #666666; float: left; width: calc((100% - 80px)/2); margin-right: 80px; }
.ifr4tri_mid p font { color: #04528e;}
.ifr4tri_mid p:nth-child(2) { margin-right:0px;}


.ifr4midd { float: left; width: 100%; margin-top: 50px; position:relative; }
.ifr4midd .item { float: left; width: 100%; }
.ifr4midd .item .pip { border-radius: 10px; float: left; width: 100%; overflow: hidden; }
.ifr4midd .item .pip img { height: 350px; width: 100%; object-fit: cover; transition: all .4s ease-in-out; border-radius: 10px; }
.ifr4midd .item:hover .pip img { transform: scale(1.1); }
.ifr4midd .item .ptp { float: left; width: 100%; margin-top: 20px; padding: 6px; }
.ifr4midd .item .ptp p { line-height: 25px; float: left; margin-top: 20px; width:80%; }
.ifr4midd .item .ptp span { float: left; width: 100%; font-size: 0.32rem; color: #142b52; font-weight: bold; margin-top: 20px; }

.ifr4midd .swiper-button-next2 { font-size: 18px; font-weight: bold; width: 70px; height: 50px; border: 1px solid #e8e8e8; background: #fff; color: #666666; opacity: 1; border-radius: 30px; position: absolute; top: 50%; right: calc((100% - 1795px)/2); margin-top: -25px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.ifr4midd .swiper-button-prev2 { font-size: 18px; font-weight: bold; width: 70px; height: 50px; border: 1px solid #e8e8e8; background: #fff; color: #666666; opacity: 1; border-radius: 30px; position: absolute; top: 50%; left: calc((100% - 1795px)/2); margin-top: -25px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.ifr4midd .swiper-button-next2:hover { background: #000000; color: #fff; border: 1px solid #000000; }
.ifr4midd .swiper-button-prev2:hover { background: #000000; color: #fff; border: 1px solid #000000; }

.iframe5 { float: left; width: 100%; background: #005693 ;padding-bottom:100px;padding-top:100px;}
.ifr5top { float: left; width: 100%; color:#fff;}
.ifr5top_left { float: left; text-transform: uppercase; font-size: 18px; font-weight: bold; }
.ifr5top_right { float: right; width: 1320px; }
.ifr5top_right h3 { color: #fff; border-bottom: 1px solid #0d65a4; padding-bottom: 25px; }
.ifr5top_right h3 font { color: #005693 }

.ifr5tri_mid { float: right; width: 70%; margin-top: 20px; }
.ifr5tri_mid .item { float: left; width: 100%; padding-top: 20px; }
.ifr5tri_mid .item a { float: left; width: 100%; border-bottom: 1px solid #0d65a4; padding-bottom: 26px; }
.ifr5tri_mid .item a p { color: #fff; float: left; width: calc(100% - 30px); font-size: 24px; }
.ifr5tri_mid .item a i { float: left; width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 30px; background: #fff; color: #333; transition: all .3s ease 0; }
.ab4redon { float: left; width: 100%; color: #fff; font-size: 16px; padding-top: 20px; padding-bottom: 40px; display: none; }
.ifr5tri_mid .item.hover .ab4redon { display: block; }
.ifr5tri_mid .item.hover a { border-bottom: 1px solid #0d65a4; }
.ifr5tri_mid .item.hover a i { transform: rotate(180deg); -webkit-transform: rotate(180deg); -webkit-transition: all .5s; transition: all .5s; background: #fff; color: #3a3a3a; }

.ifr5midd { float:left; width:100%;margin-top:50px; position:relative;}


.ifr5midd .item { float: left; width: 100%; }

.ifr5midd .item .pip { border-radius: 10px; float: left; width: 100%; overflow: hidden;position:relative; }
.ifr5midd .item .pip img { height: 350px; width: 100%; object-fit: cover; transition: all .4s ease-in-out; border-radius: 10px; }
.ifr5midd .item:hover .pip img { transform: scale(1.1); }
.ifr5midd .item .ptp { float: left; width: 100%;  position:absolute; height:100% }
.ifr5midd .item .ptp p { line-height: 25px; float: left; width: 100%; margin-top: 30px; width: 80%; margin-left:30px;color:#fff; text-shadow: 2px 2px 4px #333;}

.ifr5midd .item .ptp span { float: left; width: 100%; font-size: 20px; color: #fff;  margin-top: 20px; position:absolute; text-align:center; bottom:25px; left:0px;}

.ifr5midd .item .ptp .wrptp { display: none; transition: all .3s ease-in-out; }
.ifr5midd .item:hover .ptp span { display: none; }
.ifr5midd .item:hover .ptp .wrptp { display: block; position: absolute; background: #fff; border-radius: 20px; bottom: 25px; left: 100px; width: calc(100% - 200px);padding:30px; }

.ifr5midd .item:hover .ptp .wrptp .wprh3 { text-align: center; color: #142b52;font-size:18px;padding-top:25px;}
.ifr5midd .item:hover .ptp .wrptp .wrp3bt { color:#666;font-size:14px; margin-top:20px; width:80%; margin-left:10%;}
.ifr5midd .swiper-button-next2 { font-size: 18px; font-weight: bold; width: 70px; height: 50px; border: 1px solid #e8e8e8; background: #fff; color: #666666; opacity: 1; border-radius: 30px; position: absolute; top: 50%; right: calc((100% - 1795px)/2); margin-top: -25px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.ifr5midd .swiper-button-prev2 { font-size: 18px; font-weight: bold; width: 70px; height: 50px; border: 1px solid #e8e8e8; background: #fff; color: #666666; opacity: 1; border-radius: 30px; position: absolute; top: 50%; left: calc((100% - 1795px)/2); margin-top: -25px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }

.ifr5midd .swiper-button-next2:hover { background: #000000; color: #fff; border: 1px solid #000000; }
.ifr5midd .swiper-button-prev2:hover { background: #000000; color: #fff; border: 1px solid #000000; }

.ifram6 { float:left; width:100%;margin-top:50px;}
.ifr6top { float:left; width:100%;}
.ifr6mi { float: left; width: 100%; margin-top: 55px; }
.ifr6mleft { float: left; width: 750px; height: 920px; position: relative;  }
.ifr6mleft .ftds { float: left; width: 100%; position: relative; line-height: 480px; color: #005693 ;font-size:260px;}
.ifr6mleft .ftds::after { content: ""; position: absolute; right: 50px; border: 1px solid #f2f2f2;width:480px; height:480px; border-radius:50%;top:0px;}
.hisList1 { position: absolute; top: -370px; left: 310px; float: left; width: 100%; height: 260px; overflow: hidden; }
.ttgoyear { position: absolute; top: 370px; left: 310px; float: left; width: 100%; height: 520px; overflow: hidden; }
.ttgoyear p { color: #f8f8f9; font-size: 260px; line-height: 260px; }
.hisList1 .swiper-slide { overflow: hidden; margin: 0; cursor: pointer; position: relative; align-items: center; justify-content: center; }
.hisList1 .swiper-slide .item { color: #f8f8f9; font-size: 260px; line-height: 260px; }

.hisList1 .swiper-slide-active .item { color:#005693}

.ifr6mright { float: right; width: 800px; margin-top:95px; }
.ifr6mright .swiper { height: 670px; overflow:hidden; padding-top: 20px; position: relative; }
.ifr6mright .swiper-slide {  overflow: hidden; padding: 10px; box-sizing: border-box; padding-right: 80px; position: relative; border-bottom: 1px solid #ebebeb; }

.ifr6mright .item { display: block; padding: 25px 25px; box-sizing: border-box; border-radius: 15px; height: 100%; }
.ifr6mright .item .txt { color: #999999 }

.ifr6mright .item .context { margin-top: 15px; line-height: 1.5; color: #666666;font-size:14px; }
.ifr6mright .item span { float: right; }
.ifr6mright .item span i { font-size: 0.3rem; }
.ifr6mright .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; opacity: 1; background: #ededed; margin: 12px 0; display: block; }
.ifr6mright .swiper-pagination .swiper-pagination-bullet-active { background: #a1a1a1; }
.ifr6mright .swiper-slide-active .item { background: #f3f3f3; }

.ifr3midd .ifr3mright .swiper-slide-active:before { left: -999px !important }



.ifram7 { float: left; width: 100%; margin-top: 50px; }
.ifr7top { float: left; width: 100%; }
.ifr7top_left { float: left; text-transform: uppercase; font-size: 18px; font-weight: bold; }
.ifr7top_right { float: right; width: 1320px; }
.ifr7top_right h3 { color: #142b52; padding-bottom: 25px; }
.ifr7top_right h3 font { color: #005693 }
.ifr4_list .swiper { height: auto; overflow: visible; }

.ifr4_list .swiper-wrapper { height: auto; width: 100%; }
.ifr4_list .swiper-slide { height: 508px; width:368px; }
.ifr4_list { float: left; width: 100%; margin-top: 45px;position:relative; }
.ifr4_list .item { float: left; width: 100%;}
.ifr4_list .item .iplist { float: left; width: 368px; position: relative; overflow: hidden; height: 508px; background: url(../images/cebg.jpg) no-repeat; padding: 26px; }
.ifr4_list .item .iplist img { object-fit:cover;width:100%; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.ifr4_list .item:hover .iplist img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.ifr4_list .btnlist { }
.ifr4_list .btnlist .btn { color: #666666; font-size: 22px; font-weight: bold; background: #fff; width: 70px; height: 50px; border-radius: 30px; border: 1px solid #e8e8e8; position: absolute; top: calc(50% - 25px); z-index: 9; }
.ifr4_list .btnlist .btn:hover { background: #142b52; color: #fff; border: 1px solid #142b52; }
.ifr4_list .btnlist .btn-prev { left: -35px; }
.ifr4_list .btnlist .btn-next { right: -35px; }
@media(min-width:1px) and (max-width:599px) { 
    .ifr1midd .num { float: left; width: 100%; text-align: left; display: flex; -ms-flex-direction: column; flex-direction: column; margin-bottom: 30px; position: relative; margin-right: 0px; padding-bottom: 30px; }
    .ifr1midd .num:nth-child(2n) { margin-right: 0px; }
    .ifr1midd .num::after { opacity: 0.7; background: none; content: ""; height: 20px; width: 100%; left: 0px; bottom: 0px; position: absolute; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-width: 1px; background-position: center center; border-color: #005693; border-style: solid; border-top: 0px; }

    .ifr1midd .num::before { opacity: 0.7; background: none; content: ""; height: 20px; width: 100%; left: 0px; top: 0px; position: absolute; border-top-left-radius: 8px; border-top-right-radius: 8px; border-width: 1px; background-position: center center; border-color: #005693; border-style: solid; border-bottom: 0px; }
    .ifr1midd .num strong { color: #005693; font-size: 0.42rem; margin-top: 35px; position: relative; line-height: 0.5rem; padding-left: 30px; }
    .ifr1midd .num strong span { font-size: 0.7rem; }
    .ifr1midd .num .ppd { margin-top: 15px; width: 60%; padding-left: 30px; }
    .ifr1midd .num font { font-size: 0.32rem; top: -20px; position: relative; }
    .ifr4_list .swiper { height: auto; overflow: hidden;  width:100%;}

}

@media(min-width:600px) and (max-width:767px) {
    .ifr1midd { flex-flow: wrap; display: flex; }
    .ifr1midd .num { float: left; width: calc((100% - 60px)/2); text-align: left; display: flex; -ms-flex-direction: column; flex-direction: column; margin-bottom: 30px; position: relative; margin-right: 30px; }
    .ifr1midd .num:nth-child(2n) { margin-right: 0px; }
    .ifr1midd .num:nth-child(2n)::before { right: -9999px; }
    .ifr1midd .num strong { color: #005693; font-size: 0.42rem; margin-top: 35px; position: relative; line-height: 0.5rem; }
    .ifr1midd .num strong span { font-size: 0.7rem; }
    .ifr1midd .num .ppd { margin-top: 15px; width: 80%; }
    .ifr4_list .swiper { height: auto; overflow: hidden; width: 100%; }

}

@media(min-width:1px) and (max-width:767px) {
    .iframe1 { margin-top:35px;}
    .ifr1top_left { float: left; width: 100%; }
    .ifr1top_right { float: left; width: 100%; }
    .ifr1tri_mid { float: left; width: 100%; margin-top: 20px; }
  	 .ifr1tri_mid img{width:100%;margin-bottom:20px}
    .ifr1tri_mid .play-box{width:100%;margin-bottom:20px}
    .ifr1tri_mid p{width:100%;}
    .ifr1top_right h3 { margin-top: 20px; }


    .iframe2 { float: left; width: 100%; margin-top: 20px; position: relative; z-index: 2; margin-bottom: -250px; }
    .ifr2list .vidimg { height: 505px; }
    .ab5lmtxtd { padding: 25px; }
    .ab5svbtn { left: 25px; width: calc(100% - 50px); bottom: 25px; }
    .ab5lt_fi1 img { max-width: 345px; }

    .iframe3 { padding-bottom:50px;}
    .ifr3zc { margin-top: 35px; }
    .ifr3zc .ifr3left { float:left;width:100%;font-size:200px; line-height:0.5rem; text-align:left;}
    .ifr3zc .ifr3right { float: left; width:100% ;margin-left:0px;}
    .ifr3btt .ifr3bleft { margin-left:0px; float:left; width:100%;}
    .ifr3btt .ifr3bright { float: left; width: 100%; font-size: 200px; line-height: 0.5rem; text-align: right;display:none }


    .ifr4top_left { float: left; width: 100%; }
    .ifr4top_right { float: left; width: 100%; }
    .ifr4tri_mid { float: left; width: 100%; margin-top: 20px; }
    .ifr4top_right h3 { margin-top: 20px; }
    .ifr4tri_mid p { float:left; width:100%; margin-right:0px;}

    .ifr4midd { float: left; width: 100%; margin-top:40px; position: relative; }


    .ifr4midd .item { float: left; width: 100%; }

    .ifr4midd .item .pip { border-radius: 10px; float: left; width: 100%; overflow: hidden; }
    .ifr4midd .item .pip img { height: 300px; width: 100%; object-fit: cover; transition: all .4s ease-in-out; border-radius: 10px; }
    .ifr4midd .item:hover .pip img { transform: scale(1.1); }
    .ifr4midd .item .ptp { float: left; width: 100%; margin-top: 20px; padding: 6px; }
    .ifr4midd .item .ptp p { line-height: 25px; float: left; margin-top: 20px; width: 100%; }

    .ifr4midd .item .ptp span { float: left; width: 100%; font-size: 0.32rem; color: #142b52; font-weight: bold; margin-top: 20px; }

    .ifr4midd .swiper-button-next2 { font-size: 16px; font-weight: bold; width: 40px; height: 40px; border: 1px solid #333; background: #fff; color: #666666; opacity: 1; border-radius: 50%; position: absolute; top: 30%; right: 5px; margin-top: -20px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
    .ifr4midd .swiper-button-prev2 { font-size: 16px; font-weight: bold; width: 40px; height: 40px; border: 1px solid #333; background: #fff; color: #666666; opacity: 1; border-radius: 50%; position: absolute; top: 30%; left: 5px; margin-top: -20px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
    .ifr4midd .swiper-button-next2:hover { background: #000000; color: #fff; border: 1px solid #000000; }
    .ifr4midd .swiper-button-prev2:hover { background: #000000; color: #fff; border: 1px solid #000000; }


    .ifr5top { float: left; width: 100%; color: #fff; }
    .ifr5top_left { float: left; width:100% }
    .ifr5top_right { float: left; width: 100%; }
    .ifr5top_right h3 { margin-top: 20px; }

    .ifr5tri_mid { float: left; width: 100%; margin-top: 20px; }

    .ifr5midd .swiper-button-next2 { font-size: 16px; font-weight: bold; width: 40px; height: 40px; border: 1px solid #333; background: #fff; color: #666666; opacity: 1; border-radius: 50%; position: absolute; top: 50%; right: 5px; margin-top: -20px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
    .ifr5midd .swiper-button-prev2 { font-size: 16px; font-weight: bold; width: 40px; height: 40px; border: 1px solid #333; background: #fff; color: #666666; opacity: 1; border-radius: 50%; position: absolute; top: 50%; left: 5px; margin-top: -20px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }

    .ifr5midd .item:hover .ptp .wrptp { display: block; position: absolute; background: #fff; border-radius: 20px; bottom: 25px; left: 25px; width: calc(100% - 50px); padding: 30px; }

    .ifr5midd .item:hover .ptp .wrptp .wrp3bt { color: #666; font-size: 14px; margin-top: 20px; width: calc(100% - 40px); margin-left: 20px; }

    .ifr6mi { margin-top:15px;}
    .ifr6mleft { float: left; width: 100%; height: auto; position: relative; display: none; }
    .ifr6mleft .ftds { float: left; width: 100%; position: relative; line-height: 480px; color: #005693; font-size: 260px; }
    .ifr6mleft .ftds::after { content: ""; position: absolute; right: 50px; border: 1px solid #f2f2f2; width: 480px; height: 480px; border-radius: 50%; top: 0px; }
    .hisList1 { position: absolute; top: -370px; left: 310px; float: left; width: 100%; height: 260px; overflow: hidden; }
    .ttgoyear { position: absolute; top: 370px; left: 310px; float: left; width: 100%; height: 520px; overflow: hidden; }
    .ttgoyear p { color: #f8f8f9; font-size: 260px; line-height: 260px; }
    .hisList1 .swiper-slide { overflow: hidden; margin: 0; cursor: pointer; position: relative; align-items: center; justify-content: center; }
    .hisList1 .swiper-slide .item { color: #f8f8f9; font-size: 260px; line-height: 260px; }

    .hisList1 .swiper-slide-active .item { color: #005693 }
    .ifr6mright .swiper-slide { overflow: hidden; padding: 10px; box-sizing: border-box; padding-right:40px; position: relative; border-bottom: 1px solid #ebebeb; }
    .ifr6mright .swiper { height: 500px; overflow: hidden; padding-top: 20px; position: relative; }
    .ifr6mright { float: left; width: 100%; margin-top:0px; }
    .ifr6mright .swiper { overflow: hidden; padding-top: 20px; position: relative; }
    .ifr6mright .item {padding:5px; }

    .ifr7top_left { float: left; width: 100%; }
    .ifr7top_right { float: left; width: 100%; }
    .ifr7top_right h3 { margin-top: 20px; }

    .ifr4_list .btnlist .btn { color: #666666; font-size: 16px; font-weight: bold; background: #fff; width: 40px; height: 40px; border-radius: 30px; border: 1px solid #333; position: absolute; top: calc(50% - 20px); z-index: 9;padding:0px;line-height:40px; }

    .ifr4_list .btnlist .btn-prev { left: 0px; }
    .ifr4_list .btnlist .btn-next { right:0px; }

    .ifr4_list .swiper-slide { height: auto; width: 100%; }
    .ifr4_list { float: left; width: 100%; margin-top: 25px; position: relative; }
    .ifr4_list .item { float: left; width: 100%; }
    .ifr4_list .item .iplist { float: left; width: 100%; position: relative; overflow: hidden; height: 428px; background: none; padding: 0px; border: 3px solid #e2e2e2 }
    .ifr4_list .item .iplist img { object-fit: cover; width: 100%; height: 428px; }

}

@media(min-width:768px) and (max-width:991px) {
    .iframe1 { margin-top: 40px; }
    .ifr1top_left { float: left; width: 100%; }
    .ifr1tri_mid { float: left; width: 100%; margin-top: 20px; }
    .ifr1tri_mid img{width:100%;margin-bottom:20px}
  	 .ifr1tri_mid .play-box{width:100%;margin-bottom:20px}
    .ifr1tri_mid p{width:100%;}
    .ifr1top_right { float: left; width: 100%; }
    .ifr1top_right h3 { margin-top: 20px; }
    .ifr1midd { flex-flow: wrap; display: flex; }
    .ifr1midd .num { float: left; width: calc((100% - 60px)/2); text-align: left; display: flex; -ms-flex-direction: column; flex-direction: column; margin-bottom: 30px; position: relative; margin-right: 30px; }
    .ifr1midd .num:nth-child(2n) { margin-right: 0px; }
    .ifr1midd .num:nth-child(2n)::before { right: -9999px; }
    .ifr1midd .num strong { color: #005693; font-size: 0.42rem; margin-top: 35px; position: relative; line-height: 0.5rem; }
    .ifr1midd .num strong span { font-size: 0.7rem; }
    .ifr1midd .num .ppd { margin-top: 15px; width: 80%; }

    .ifr2list .vidimg { height: 505px; }

    .iframe3 { padding-bottom: 50px; }
    .ifr3zc { margin-top: 65px; }
    .ifr3zc .ifr3left { float: left; width: 100%; font-size: 200px; line-height: 0.5rem; text-align: left; }
    .ifr3zc .ifr3right { float: left; width: 100%; margin-left: 0px; }
    .ifr3btt .ifr3bleft { margin-left: 0px; float: left; width: 100%; }
    .ifr3btt .ifr3bright { float: left; width: 100%; font-size: 200px; line-height: 0.5rem; text-align: right; }

    .ifr4top_left { float: left; width: 100%; }
    .ifr4top_right { float: left; width: 100%; }
    .ifr4tri_mid { float: left; width: 100%; margin-top: 20px; }
    .ifr4top_right h3 { margin-top: 20px; }
    .ifr4tri_mid p { float: left; width: 100%; margin-right: 0px; }


    .ifr4midd { float: left; width: 100%; margin-top: 40px; position: relative; }
    .ifr4midd .item { float: left; width: 100%; }
    .ifr4midd .item .pip { border-radius: 10px; float: left; width: 100%; overflow: hidden; }
    .ifr4midd .item .pip img { height: 300px; width: 100%; object-fit: cover; transition: all .4s ease-in-out; border-radius: 10px; }
    .ifr4midd .item:hover .pip img { transform: scale(1.1); }
    .ifr4midd .item .ptp { float: left; width: 100%; margin-top: 20px; padding: 6px; }
    .ifr4midd .item .ptp p { line-height: 25px; float: left; margin-top: 20px; width: 100%; }

    .ifr4midd .item .ptp span { float: left; width: 100%; font-size: 0.32rem; color: #142b52; font-weight: bold; margin-top: 20px; }

    .ifr4midd .swiper-button-next2 { font-size: 16px; font-weight: bold; width: 40px; height: 40px; border: 1px solid #333; background: #fff; color: #666666; opacity: 1; border-radius: 50%; position: absolute; top: 30%; right: calc((100% - 750px)/2); margin-top: -20px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
    .ifr4midd .swiper-button-prev2 { font-size: 16px; font-weight: bold; width: 40px; height: 40px; border: 1px solid #333; background: #fff; color: #666666; opacity: 1; border-radius: 50%; position: absolute; top: 30%; left: calc((100% - 750px)/2); margin-top: -20px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
    .ifr4midd .swiper-button-next2:hover { background: #000000; color: #fff; border: 1px solid #000000; }
    .ifr4midd .swiper-button-prev2:hover { background: #000000; color: #fff; border: 1px solid #000000; }

    .ifr5top { float: left; width: 100%; color: #fff; }
    .ifr5top_left { float: left; width: 100% }
    .ifr5top_right { float: left; width: 100%; }
    .ifr5top_right h3 { margin-top: 20px; }

    .ifr5tri_mid { float: left; width: 100%; margin-top: 20px; }


    .ifr5midd .swiper-button-next2 { font-size: 16px; font-weight: bold; width: 40px; height: 40px; border: 1px solid #333; background: #fff; color: #666666; opacity: 1; border-radius: 50%; position: absolute; top: 50%; right: calc((100% - 750px)/2); margin-top: -20px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
    .ifr5midd .swiper-button-prev2 { font-size: 16px; font-weight: bold; width: 40px; height: 40px; border: 1px solid #333; background: #fff; color: #666666; opacity: 1; border-radius: 50%; position: absolute; top: 50%; left: calc((100% - 750px)/2); margin-top: -20px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }

    .ifr5midd .item:hover .ptp .wrptp { display: block; position: absolute; background: #fff; border-radius: 20px; bottom: 25px; left: 25px; width: calc(100% - 50px); padding: 30px; }

    .ifr5midd .item:hover .ptp .wrptp .wrp3bt { color: #666; font-size: 14px; margin-top: 20px; width: calc(100% - 40px); margin-left: 20px; }

    .ifr6mi { margin-top: 15px; }
    .ifr6mleft { float: left; width: 100%; height: auto; position: relative; display: none; }
    .ifr6mleft .ftds { float: left; width: 100%; position: relative; line-height: 480px; color: #005693; font-size: 260px; }
    .ifr6mleft .ftds::after { content: ""; position: absolute; right: 50px; border: 1px solid #f2f2f2; width: 480px; height: 480px; border-radius: 50%; top: 0px; }
    .hisList1 { position: absolute; top: -370px; left: 310px; float: left; width: 100%; height: 260px; overflow: hidden; }
    .ttgoyear { position: absolute; top: 370px; left: 310px; float: left; width: 100%; height: 520px; overflow: hidden; }
    .ttgoyear p { color: #f8f8f9; font-size: 260px; line-height: 260px; }
    .hisList1 .swiper-slide { overflow: hidden; margin: 0; cursor: pointer; position: relative; align-items: center; justify-content: center; }
    .hisList1 .swiper-slide .item { color: #f8f8f9; font-size: 260px; line-height: 260px; }

    .hisList1 .swiper-slide-active .item { color: #005693 }
    .ifr6mright .swiper-slide { overflow: hidden; padding: 10px; box-sizing: border-box; padding-right: 40px; position: relative; border-bottom: 1px solid #ebebeb; }
    .ifr6mright .swiper { height: 750px; overflow: hidden; padding-top: 20px; position: relative; }
    .ifr6mright { float: left; width: 100%; margin-top: 0px; }
    .ifr6mright .swiper { overflow: hidden; padding-top: 20px; position: relative; }
    .ifr6mright .item { }


    .ifr7top_left { float: left; width: 100%; }
    .ifr7top_right { float: left; width: 100%; }
    .ifr7top_right h3 { margin-top: 20px; }

    .ifr4_list .btnlist .btn { color: #666666; font-size: 16px; font-weight: bold; background: #fff; width: 40px; height: 40px; border-radius: 30px; border: 1px solid #333; position: absolute; top: calc(50% - 20px); z-index: 9; padding: 0px; line-height: 40px; }

    .ifr4_list .btnlist .btn-prev { left: 0px; }
    .ifr4_list .btnlist .btn-next { right: 0px; }

    .ifr4_list .swiper-slide { height: auto; width: 100%; }
    .ifr4_list { float: left; width: 100%; margin-top: 25px; position: relative; }
    .ifr4_list .item { float: left; width: 100%; }
    .ifr4_list .item .iplist { float: left; width: 100%; position: relative; overflow: hidden; height: 458px; background: none; padding: 0px; border: 3px solid #e2e2e2 }
    .ifr4_list .item .iplist img { object-fit: cover; width: 100%; height: 458px; }


}

@media(min-width:992px) and (max-width:1199px) {
    .ifr1top_left { float: left; width: 100%; }
    .ifr1top_right { float: left; width: 100%; }
    .ifr1tri_mid { float: right; width: 100%; margin-top: 20px; }
    .ifr1tri_mid img{width:100%;margin-bottom:30px}
  	 .ifr1tri_mid .play-box{width:100%;margin-bottom:20px}
  	 .ifr1tri_mid p{width:100%;}
    .ifr1top_right h3 { margin-top: 20px; }

    .ifr1midd .num strong { color: #005693; font-size: 0.42rem; margin-top: 35px; position: relative; line-height: 0.5rem; }
    .ifr1midd .num strong span { font-size: 0.55rem; }
    .ifr1midd .num .ppd { margin-top: 15px; }

    .ifr2list .vidimg { height: 505px; }

    .iframe3 { padding-bottom: 50px; }
    .ifr3zc { margin-top: 65px; }
    .ifr3zc .ifr3left { float: left; width: 65px; font-size: 200px; line-height: 0.5rem; text-align: left; }
    .ifr3zc .ifr3right { float: left; width: calc(100% - 120px); margin-left: 80px; }
    .ifr3btt .ifr3bleft { margin-left: 400px; float: left; width: 400px; }
    .ifr3btt .ifr3bright { float: left; width: auto; font-size: 200px; line-height: 0.5rem; text-align: right; }

    .ifr4top_left { float: left; width: 100%; }
    .ifr4top_right { float: left; width: 100%; }
    .ifr4tri_mid { float: right; width: 85%; margin-top: 20px; }
    .ifr4top_right h3 { margin-top: 20px; }
    .ifr4tri_mid p {  width: calc((100% - 40px)/2); margin-right: 40px; }
    .ifr4midd .item .pip img { height: 300px; width: 100%; object-fit: cover; transition: all .4s ease-in-out; border-radius: 10px; }
    .ifr4midd .swiper-button-next2 { font-size: 18px; font-weight: bold; width: 70px; height: 50px; border: 1px solid #e8e8e8; background: #fff; color: #666666; opacity: 1; border-radius: 30px; position: absolute; top: 50%; right: calc((100% - 990px)/2); margin-top: -25px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
    .ifr4midd .swiper-button-prev2 { font-size: 18px; font-weight: bold; width: 70px; height: 50px; border: 1px solid #e8e8e8; background: #fff; color: #666666; opacity: 1; border-radius: 30px; position: absolute; top: 50%; left: calc((100% - 990px)/2); margin-top: -25px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
    .ifr4midd .item .ptp p { line-height: 25px; float: left; margin-top: 20px; width: 100%; }

    .ifr5top { float: left; width: 100%; color: #fff; }
    .ifr5top_left { float: left; width: 100% }
    .ifr5top_right { float: left; width: 100%; }
    .ifr5top_right h3 { margin-top: 20px; }

    .ifr5tri_mid { float: right; width: 85%; margin-top: 20px; }

    .ifr5midd .swiper-button-next2 { font-size: 18px; font-weight: bold; width: 70px; height: 50px; border: 1px solid #e8e8e8; background: #fff; color: #666666; opacity: 1; border-radius: 30px; position: absolute; top: 50%; right: calc((100% - 990px)/2); margin-top: -25px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
    .ifr5midd .swiper-button-prev2 { font-size: 18px; font-weight: bold; width: 70px; height: 50px; border: 1px solid #e8e8e8; background: #fff; color: #666666; opacity: 1; border-radius: 30px; position: absolute; top: 50%; left: calc((100% - 990px)/2); margin-top: -25px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }

    .ifr5midd .item:hover .ptp .wrptp { display: block; position: absolute; background: #fff; border-radius: 20px; bottom: 25px; left: 25px; width: calc(100% - 50px); padding: 30px; }

    .ifr5midd .item:hover .ptp .wrptp .wrp3bt { color: #666; font-size: 14px; margin-top: 20px; width: calc(100% - 40px); margin-left: 20px; }

    .ifr6mi { margin-top: 15px; }
    .ifr6mleft { float: left; width: 100%; height: auto; position: relative; display: none; }
    .ifr6mleft .ftds { float: left; width: 100%; position: relative; line-height: 480px; color: #005693; font-size: 260px; }
    .ifr6mleft .ftds::after { content: ""; position: absolute; right: 50px; border: 1px solid #f2f2f2; width: 480px; height: 480px; border-radius: 50%; top: 0px; }
    .hisList1 { position: absolute; top: -370px; left: 310px; float: left; width: 100%; height: 260px; overflow: hidden; }
    .ttgoyear { position: absolute; top: 370px; left: 310px; float: left; width: 100%; height: 520px; overflow: hidden; }
    .ttgoyear p { color: #f8f8f9; font-size: 260px; line-height: 260px; }
    .hisList1 .swiper-slide { overflow: hidden; margin: 0; cursor: pointer; position: relative; align-items: center; justify-content: center; }
    .hisList1 .swiper-slide .item { color: #f8f8f9; font-size: 260px; line-height: 260px; }

    .hisList1 .swiper-slide-active .item { color: #005693 }
    .ifr6mright .swiper-slide { overflow: hidden; padding: 10px; box-sizing: border-box; padding-right: 40px; position: relative; border-bottom: 1px solid #ebebeb; }
    .ifr6mright .swiper { height: 750px; overflow: hidden; padding-top: 20px; position: relative; }
    .ifr6mright { float: left; width: 100%; margin-top: 0px; }
    .ifr6mright .swiper { overflow: hidden; padding-top: 20px; position: relative; }
    .ifr6mright .item { }


    .ifr7top_left { float: left; width: 100%; }
    .ifr7top_right { float: left; width: 100%; }
    .ifr7top_right h3 { margin-top: 20px; }

    .ifr4_list .swiper-slide { height: auto; width: 100%; }
    .ifr4_list { float: left; width: 100%; margin-top: 25px; position: relative; }
    .ifr4_list .item { float: left; width: 100%; }
    .ifr4_list .item .iplist { float: left; width: 100%; position: relative; overflow: hidden; height: 458px; background: none; padding: 0px; border: 3px solid #e2e2e2 }
    .ifr4_list .item .iplist img { object-fit: cover; width: 100%; height: 458px; }
}

@media(min-width:1200px) and (max-width:1365px) {
    .ifr1top_left { float: left; }
    .ifr1top_right { float: right; width: 100%; }
    .ifr1tri_mid { float: right; width: 100%; margin-top: 20px; }

    .ifr1midd .num strong { color: #005693; font-size: 0.42rem; margin-top: 35px; position: relative; line-height: 0.5rem; }
    .ifr1midd .num strong span { font-size: 0.65rem; }
    .ifr1midd .num .ppd { margin-top: 15px; }

    .ifr2list .vidimg { height: 505px; }

    .iframe3 { padding-bottom: 50px; }
    .ifr3zc { margin-top: 65px; }
    .ifr3zc .ifr3left { float: left; width: 65px; font-size: 200px; line-height: 0.5rem; text-align: left; }
    .ifr3zc .ifr3right { float: left; width: calc(100% - 120px); margin-left: 80px; }
    .ifr3btt .ifr3bleft { margin-left: 580px; float: left; width: 400px; }
    .ifr3btt .ifr3bright { float: left; width: auto; font-size: 200px; line-height: 0.5rem; text-align: right; }


    .ifr4top_left { float: left; }
    .ifr4top_right { float: right; width: 820px; }
    .ifr4tri_mid { float: right; width: 80%; }
 
    .ifr4tri_mid p { width: calc((100% - 40px)/2); margin-right: 40px; }

    .ifr4midd .item .pip img { height: 300px; width: 100%; object-fit: cover; transition: all .4s ease-in-out; border-radius: 10px; }
    .ifr4midd .swiper-button-next2 { font-size: 18px; font-weight: bold; width: 70px; height: 50px; border: 1px solid #e8e8e8; background: #fff; color: #666666; opacity: 1; border-radius: 30px; position: absolute; top: 50%; right: calc((100% - 1180px)/2); margin-top: -25px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
    .ifr4midd .swiper-button-prev2 { font-size: 18px; font-weight: bold; width: 70px; height: 50px; border: 1px solid #e8e8e8; background: #fff; color: #666666; opacity: 1; border-radius: 30px; position: absolute; top: 50%; left: calc((100% - 1180px)/2); margin-top: -25px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
    .ifr4midd .item .ptp p { line-height: 25px; float: left; margin-top: 20px; width: 100%; }


    .ifr5top { float: left; width: 100%; color: #fff; }
    .ifr5top_left { float: left; width: 100% }
    .ifr5top_right { float: right; width: 820px; }
   

    .ifr5tri_mid { float: right; width: 80%; margin-top: 20px; }

    .ifr5midd .swiper-button-next2 { font-size: 18px; font-weight: bold; width: 70px; height: 50px; border: 1px solid #e8e8e8; background: #fff; color: #666666; opacity: 1; border-radius: 30px; position: absolute; top: 50%; right: calc((100% - 1180px)/2); margin-top: -25px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
    .ifr5midd .swiper-button-prev2 { font-size: 18px; font-weight: bold; width: 70px; height: 50px; border: 1px solid #e8e8e8; background: #fff; color: #666666; opacity: 1; border-radius: 30px; position: absolute; top: 50%; left: calc((100% - 1180px)/2); margin-top: -25px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }

    .ifr5midd .item:hover .ptp .wrptp { display: block; position: absolute; background: #fff; border-radius: 20px; bottom: 25px; left: 25px; width: calc(100% - 50px); padding: 30px; }

    .ifr5midd .item:hover .ptp .wrptp .wrp3bt { color: #666; font-size: 14px; margin-top: 20px; width: calc(100% - 40px); margin-left: 20px; }



    .ifram6 { float: left; width: 100%; margin-top: 50px; }
    .ifr6top { float: left; width: 100%; }
    .ifr6mi { float: left; width: 100%; margin-top: 55px; }
    .ifr6mleft { float: left; width: 650px; height: 920px; position: relative; }
    .ifr6mleft .ftds { float: left; width: 100%; position: relative; line-height: 480px; color: #005693; font-size: 260px; }
    .ifr6mleft .ftds::after { content: ""; position: absolute; right: 50px; border: 1px solid #f2f2f2; width: 480px; height: 480px; border-radius: 50%; top: 0px; }
    .hisList1 { position: absolute; top: -370px; left: 310px; float: left; width: 100%; height: 260px; overflow: hidden; }
    .ttgoyear { position: absolute; top: 370px; left: 310px; float: left; width: 100%; height: 520px; overflow: hidden; }
    .ttgoyear p { color: #f8f8f9; font-size: 260px; line-height: 260px; }
    .hisList1 .swiper-slide { overflow: hidden; margin: 0; cursor: pointer; position: relative; align-items: center; justify-content: center; }
    .hisList1 .swiper-slide .item { color: #f8f8f9; font-size: 260px; line-height: 260px; }

    .hisList1 .swiper-slide-active .item { color: #005693 }

    .ifr6mright { float: right; width:480px; margin-top: 95px; }
    .ifr6mright .swiper { height: 750px; overflow: hidden; padding-top: 20px; position: relative; }
    .ifr6mright .swiper-slide { overflow: hidden; padding: 10px; box-sizing: border-box; padding-right: 50px; position: relative; border-bottom: 1px solid #ebebeb; }



    .ifr7top_left { float: left;}
    .ifr7top_right { float: right; width: 820px; }

}

@media(min-width:1366px) and (max-width:1439px) {
    .ifr1top_left { float: left; }
    .ifr1top_right { float: right; width: 100%; }
    .ifr1tri_mid { float: right; width: 80%; margin-top: 20px; }

    .ifr1midd .num strong { color: #005693; font-size: 0.42rem; margin-top: 35px; position: relative; line-height: 0.5rem; }
    .ifr1midd .num strong span { font-size: 0.7rem; }
    .ifr1midd .num .ppd { margin-top: 15px; }
    .ifr2list .vidimg { height: 525px; }

    .iframe3 { padding-bottom: 50px; }
    .ifr3zc { margin-top: 65px; }
    .ifr3zc .ifr3left { float: left; width: 65px; font-size: 200px; line-height: 0.5rem; text-align: left; }
    .ifr3zc .ifr3right { float: left; width: calc(100% - 120px); margin-left: 80px; }
    .ifr3btt .ifr3bleft { margin-left: 720px; float: left; width: 400px; }
    .ifr3btt .ifr3bright { float: left; width: auto; font-size: 200px; line-height: 0.5rem; text-align: right; }

    .ifr4top_left { float: left; }
    .ifr4top_right { float: right; width: 920px; }
    .ifr4tri_mid { float: right; width: 80%; }

    .ifr4tri_mid p { width: calc((100% - 40px)/2); margin-right: 40px; }

    .ifr4midd .item .pip img { height: 300px; width: 100%; object-fit: cover; transition: all .4s ease-in-out; border-radius: 10px; }
    .ifr4midd .swiper-button-next2 { font-size: 18px; font-weight: bold; width: 70px; height: 50px; border: 1px solid #e8e8e8; background: #fff; color: #666666; opacity: 1; border-radius: 30px; position: absolute; top: 50%; right: calc((100% - 1260px)/2); margin-top: -25px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
    .ifr4midd .swiper-button-prev2 { font-size: 18px; font-weight: bold; width: 70px; height: 50px; border: 1px solid #e8e8e8; background: #fff; color: #666666; opacity: 1; border-radius: 30px; position: absolute; top: 50%; left: calc((100% - 1260px)/2); margin-top: -25px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
    .ifr4midd .item .ptp p { line-height: 25px; float: left; margin-top: 20px; width: 100%; }


    .ifr5top { float: left; width: 100%; color: #fff; }
    .ifr5top_left { float: left; width: 100% }
    .ifr5top_right { float: right; width: 920px; }


    .ifr5tri_mid { float: right; width: 80%; margin-top: 20px; }

    .ifr5midd .swiper-button-next2 { font-size: 18px; font-weight: bold; width: 70px; height: 50px; border: 1px solid #e8e8e8; background: #fff; color: #666666; opacity: 1; border-radius: 30px; position: absolute; top: 50%; right: calc((100% - 1260px)/2); margin-top: -25px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
    .ifr5midd .swiper-button-prev2 { font-size: 18px; font-weight: bold; width: 70px; height: 50px; border: 1px solid #e8e8e8; background: #fff; color: #666666; opacity: 1; border-radius: 30px; position: absolute; top: 50%; left: calc((100% - 1260px)/2); margin-top: -25px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }

    .ifr5midd .item:hover .ptp .wrptp { display: block; position: absolute; background: #fff; border-radius: 20px; bottom: 25px; left: 25px; width: calc(100% - 50px); padding: 30px; }

    .ifr5midd .item:hover .ptp .wrptp .wrp3bt { color: #666; font-size: 14px; margin-top: 20px; width: calc(100% - 40px); margin-left: 20px; }


    .ifram6 { float: left; width: 100%; margin-top: 50px; }
    .ifr6top { float: left; width: 100%; }
    .ifr6mi { float: left; width: 100%; margin-top: 55px; }
    .ifr6mleft { float: left; width: 650px; height: 920px; position: relative; }
    .ifr6mleft .ftds { float: left; width: 100%; position: relative; line-height: 480px; color: #005693; font-size: 260px; }
    .ifr6mleft .ftds::after { content: ""; position: absolute; right: 50px; border: 1px solid #f2f2f2; width: 480px; height: 480px; border-radius: 50%; top: 0px; }
    .hisList1 { position: absolute; top: -370px; left: 310px; float: left; width: 100%; height: 260px; overflow: hidden; }
    .ttgoyear { position: absolute; top: 370px; left: 310px; float: left; width: 100%; height: 520px; overflow: hidden; }
    .ttgoyear p { color: #f8f8f9; font-size: 260px; line-height: 260px; }
    .hisList1 .swiper-slide { overflow: hidden; margin: 0; cursor: pointer; position: relative; align-items: center; justify-content: center; }
    .hisList1 .swiper-slide .item { color: #f8f8f9; font-size: 260px; line-height: 260px; }

    .hisList1 .swiper-slide-active .item { color: #005693 }

    .ifr6mright { float: right; width: 520px; margin-top: 95px; }
    .ifr6mright .swiper { height: 750px; overflow: hidden; padding-top: 20px; position: relative; }
    .ifr6mright .swiper-slide { overflow: hidden; padding: 10px; box-sizing: border-box; padding-right: 50px; position: relative; border-bottom: 1px solid #ebebeb; }

    .ifr7top_left { float: left; }
    .ifr7top_right { float: right; width: 920px; }

}

@media(min-width:1440px) and (max-width:1599px) {
    .ifr1top_left { float: left; }
    .ifr1top_right { float: right; width: 100%; }
    .ifr1tri_mid { float: right; width: 100%; margin-top: 20px; }

    .ifr1midd .num strong { color: #005693; font-size: 0.42rem; margin-top: 35px; position: relative; line-height: 0.5rem; }
    .ifr1midd .num strong span { font-size: 0.75rem; }
    .ifr2list .vidimg { height: 525px; }

    .iframe3 { padding-bottom: 50px; }
    .ifr3zc { margin-top: 65px; }
    .ifr3zc .ifr3left { float: left; width: 155px; font-size: 200px; line-height: 0.5rem;}
    .ifr3zc .ifr3right { float: left; width: calc(100% - 250px);}
    .ifr3btt .ifr3bleft { margin-left: 850px; float: left; width: 400px; }
    .ifr3btt .ifr3bright { float: left; width: auto; font-size: 200px; line-height: 0.5rem; text-align: right; }

    .ifr4top_left { float: left; }
    .ifr4top_right { float: right; width: 1020px; }
    .ifr4tri_mid { float: right; width: 80%; }

    .ifr4tri_mid p { width: calc((100% - 40px)/2); margin-right: 40px; }
    .ifr4midd .item .pip img { height: 300px; width: 100%; object-fit: cover; transition: all .4s ease-in-out; border-radius: 10px; }
    .ifr4midd .swiper-button-next2 { font-size: 18px; font-weight: bold; width: 70px; height: 50px; border: 1px solid #e8e8e8; background: #fff; color: #666666; opacity: 1; border-radius: 30px; position: absolute; top: 50%; right: calc((100% - 1380px)/2); margin-top: -25px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
    .ifr4midd .swiper-button-prev2 { font-size: 18px; font-weight: bold; width: 70px; height: 50px; border: 1px solid #e8e8e8; background: #fff; color: #666666; opacity: 1; border-radius: 30px; position: absolute; top: 50%; left: calc((100% - 1380px)/2); margin-top: -25px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }



    .ifr5top { float: left; width: 100%; color: #fff; }
    .ifr5top_left { float: left; width: 100% }
    .ifr5top_right { float: right; width: 1020px; }


    .ifr5tri_mid { float: right; width: 80%; margin-top: 20px; }


    .ifr5midd .swiper-button-next2 { font-size: 18px; font-weight: bold; width: 70px; height: 50px; border: 1px solid #e8e8e8; background: #fff; color: #666666; opacity: 1; border-radius: 30px; position: absolute; top: 50%; right: calc((100% - 1380px)/2); margin-top: -25px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
    .ifr5midd .swiper-button-prev2 { font-size: 18px; font-weight: bold; width: 70px; height: 50px; border: 1px solid #e8e8e8; background: #fff; color: #666666; opacity: 1; border-radius: 30px; position: absolute; top: 50%; left: calc((100% - 1380px)/2); margin-top: -25px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }

    .ifr5midd .item:hover .ptp .wrptp { display: block; position: absolute; background: #fff; border-radius: 20px; bottom: 25px; left: 55px; width: calc(100% - 110px); padding: 30px; }

    .ifr5midd .item:hover .ptp .wrptp .wrp3bt { color: #666; font-size: 14px; margin-top: 20px; width: calc(100% - 40px); margin-left: 20px; }


    .ifram6 { float: left; width: 100%; margin-top: 50px; }
    .ifr6top { float: left; width: 100%; }
    .ifr6mi { float: left; width: 100%; margin-top: 55px; }
    .ifr6mleft { float: left; width: 700px; height: 920px; position: relative; }
    .ifr6mleft .ftds { float: left; width: 100%; position: relative; line-height: 480px; color: #005693; font-size: 260px; }
    .ifr6mleft .ftds::after { content: ""; position: absolute; right: 50px; border: 1px solid #f2f2f2; width: 480px; height: 480px; border-radius: 50%; top: 0px; }
    .hisList1 { position: absolute; top: -370px; left: 310px; float: left; width: 100%; height: 260px; overflow: hidden; }
    .ttgoyear { position: absolute; top: 370px; left: 310px; float: left; width: 100%; height: 520px; overflow: hidden; }
    .ttgoyear p { color: #f8f8f9; font-size: 260px; line-height: 260px; }
    .hisList1 .swiper-slide { overflow: hidden; margin: 0; cursor: pointer; position: relative; align-items: center; justify-content: center; }
    .hisList1 .swiper-slide .item { color: #f8f8f9; font-size: 260px; line-height: 260px; }

    .hisList1 .swiper-slide-active .item { color: #005693 }

    .ifr6mright { float: right; width: 600px; margin-top: 95px; }
    .ifr6mright .swiper { height: 750px; overflow: hidden; padding-top: 20px; position: relative; }
    .ifr6mright .swiper-slide { overflow: hidden; padding: 10px; box-sizing: border-box; padding-right: 50px; position: relative; border-bottom: 1px solid #ebebeb; }

    .ifr7top_left { float: left; }
    .ifr7top_right { float: right; width: 1020px; }

}

@media(min-width:1600px) and (max-width:1859px) {
    .ifr1top_left { float: left; }
    .ifr1top_right { float: right; width: 100%; }
    .ifr1tri_mid { float: right; width:100%; margin-top: 20px; }

    .ifr1midd .num strong { color: #005693; font-size: 0.42rem; margin-top: 35px; position: relative; line-height: 0.5rem; }
    .ifr1midd .num strong span { font-size: 0.82rem; }
    .ifr2list .vidimg { height: 525px; }

    .iframe3 { padding-bottom: 50px; }
    .ifr3zc { margin-top: 65px; }
    .ifr3zc .ifr3left { float: left; width: 155px; font-size: 240px; line-height: 0.8rem; }
    .ifr3zc .ifr3right { float: left; width: calc(100% - 350px); }
    .ifr3btt .ifr3bleft { margin-left:950px; float: left; width: 400px; }
    .ifr3btt .ifr3bright { float: left; width: auto; font-size: 240px; line-height: 0.8rem; text-align: right; }


    .ifr4top_left { float: left; }
    .ifr4top_right { float: right; width: 1150px; }
    .ifr4tri_mid { float: right; width: 75%; }

    .ifr4tri_mid p { width: calc((100% - 50px)/2); margin-right: 50px; }

    .ifr4midd .item .pip img { height: 300px; width: 100%; object-fit: cover; transition: all .4s ease-in-out; border-radius: 10px; }
    .ifr4midd .swiper-button-next2 { font-size: 18px; font-weight: bold; width: 70px; height: 50px; border: 1px solid #e8e8e8; background: #fff; color: #666666; opacity: 1; border-radius: 30px; position: absolute; top: 50%; right: calc((100% - 1580px)/2); margin-top: -25px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
    .ifr4midd .swiper-button-prev2 { font-size: 18px; font-weight: bold; width: 70px; height: 50px; border: 1px solid #e8e8e8; background: #fff; color: #666666; opacity: 1; border-radius: 30px; position: absolute; top: 50%; left: calc((100% - 1580px)/2); margin-top: -25px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }



    .ifr5top { float: left; width: 100%; color: #fff; }
    .ifr5top_left { float: left; width: 100% }
    .ifr5top_right { float: right; width: 1150px; }


    .ifr5tri_mid { float: right; width: 75%; margin-top: 20px; }

    .ifr5midd .swiper-button-next2 { font-size: 18px; font-weight: bold; width: 70px; height: 50px; border: 1px solid #e8e8e8; background: #fff; color: #666666; opacity: 1; border-radius: 30px; position: absolute; top: 50%; right: calc((100% - 1580px)/2); margin-top: -25px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
    .ifr5midd .swiper-button-prev2 { font-size: 18px; font-weight: bold; width: 70px; height: 50px; border: 1px solid #e8e8e8; background: #fff; color: #666666; opacity: 1; border-radius: 30px; position: absolute; top: 50%; left: calc((100% - 1580px)/2); margin-top: -25px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }

    .ifr5midd .item:hover .ptp .wrptp { display: block; position: absolute; background: #fff; border-radius: 20px; bottom: 25px; left: 55px; width: calc(100% - 110px); padding: 30px; }

    .ifr5midd .item:hover .ptp .wrptp .wrp3bt { color: #666; font-size: 14px; margin-top: 20px; width: calc(100% - 40px); margin-left: 20px; }


    .ifram6 { float: left; width: 100%; margin-top: 50px; }
    .ifr6top { float: left; width: 100%; }
    .ifr6mi { float: left; width: 100%; margin-top: 55px; }
    .ifr6mleft { float: left; width: 700px; height: 920px; position: relative; }
    .ifr6mleft .ftds { float: left; width: 100%; position: relative; line-height: 480px; color: #005693; font-size: 260px; }
    .ifr6mleft .ftds::after { content: ""; position: absolute; right: 50px; border: 1px solid #f2f2f2; width: 480px; height: 480px; border-radius: 50%; top: 0px; }
    .hisList1 { position: absolute; top: -370px; left: 310px; float: left; width: 100%; height: 260px; overflow: hidden; }
    .ttgoyear { position: absolute; top: 370px; left: 310px; float: left; width: 100%; height: 520px; overflow: hidden; }
    .ttgoyear p { color: #f8f8f9; font-size: 260px; line-height: 260px; }
    .hisList1 .swiper-slide { overflow: hidden; margin: 0; cursor: pointer; position: relative; align-items: center; justify-content: center; }
    .hisList1 .swiper-slide .item { color: #f8f8f9; font-size: 260px; line-height: 260px; }

    .hisList1 .swiper-slide-active .item { color: #005693 }

    .ifr6mright { float: right; width: 700px; margin-top: 95px; }
    .ifr6mright .swiper { height: 750px; overflow: hidden; padding-top: 20px; position: relative; }
    .ifr6mright .swiper-slide { overflow: hidden; padding: 10px; box-sizing: border-box; padding-right: 50px; position: relative; border-bottom: 1px solid #ebebeb; }

    .ifr7top_left { float: left; }
    .ifr7top_right { float: right; width: 1150px; }
}

@media(min-width:1860px) {

}



.produc1 { float:left; width:100%;margin-top:140px;}
.prod1top { float:left; width:100%;}
/*.prod1top h3 { font-size:0.9rem;font-weight:bold;}*/
.prod1top h1 { font-size:0.9rem;font-weight:bold;}                                  
.prod1top p {  color:#666;font-size:18px; width:75%;margin-top:20px;margin-bottom:25px;}

.prod1midd { float:left; width:100%;margin-top:65px;}
.prod1midd .item { float: left; width: calc((100% - 20px)/2); margin-right: 20px; background: #f5f5f5; border-radius:10px; height:440px; position:relative;margin-bottom:22px;padding:30px;}
.prod1midd .item:nth-child(2n) { margin-right:0px;}
.prod1midd .item .pip { float:left; width:100%; height:100%; position:relative;overflow:hidden;}
.prod1midd .item .pip img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.prod1midd .item .pbp { float: left; width: calc(100% - 60px); position: absolute; left: 30px; top: 20px; height: 100%; }
.prod1midd .item .pbp .ptop {  display:flex;font-size:14px;}
.prod1midd .item .pbp .ptop span { background: #005693; border-radius: 20px; padding: 8px; padding-left: 22px; padding-right: 22px; color: #fff; }
.prod1midd .item .pbp .ptop p {  border-radius: 20px; padding: 8px; padding-left: 22px; padding-right: 22px; color: #fff; margin: 0px; margin-left: 12px; border: 1px solid #d3d6dc ;color:#666;}
.prod1midd .item .pbp .pbot { position: absolute; bottom: 40px; float: left; width: 100%; display:flex;}
.prod1midd .item .pbp .pbot strong { font-weight:normal;}
.prod1midd .item .pbp .pbot i { font-size:20px;margin-left:15px;display:none;}
.prod1midd .item:hover { background: #f4fafe }
.prod1midd .item:hover .pbp .ptop span { background: #d42a42 }
.prod1midd .item:hover .pbp .ptop p { color: #005693 }
.prod1midd .item:hover .pbp .pbot strong { color: #005693 }
.prod1midd .item:hover .pbp .pbot i { display: block; }


.produc2 { float: left; width: 100%; margin-top: 50px; height: 602px; position: relative; }
.produc2:before { content: ""; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-color: #005693; z-index: -2; }
.produc2:after { content: ""; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: url(../images/prod3.jpg); z-index: -2; background-size: cover; }
.prod2left { float: left; width: 50%; margin-top: 50px; }
.prod2left span { text-transform: uppercase; color: #fff; font-size: 18px; font-weight: bold; }
.prod2right { float: right; width: 50%; }
.prod2right h3 { color: #fff; margin-left: 40px; margin-top: 50px; }
.prod2right p { color: #fff; margin-top: 105px; margin-left: 40px; width: 80%; margin-bottom: 60px; }
.prod2right a { background: #fff; margin-left: 40px; }
.prod2right a span { color: #005693 }
.prod2right a i { color: #005693 }


.produc3 { float: left; width: 100%;padding-top: 50px; background:#f5f5f5;padding-bottom:50px; }

.pro3top { float: left; width: 100%; }
.pro3top_left { float: left; text-transform: uppercase; font-size: 18px; font-weight: bold; }
.pro3top_right { float: right; width: 1320px; }
.pro3top_right h3 { color: #142b52; padding-bottom: 25px; width: 870px; flex: 1; float: left; }
.pro3top_right h3 font { color: #005693 }
.pro3top_right a { float: right; }


.pro3midd { float: left; width: 100%; margin-top: 50px; }
.pro3midd .swiper { height: auto; overflow: hidden; }

.pro3midd .swiper-wrapper { height: auto; width: 100%; }
.pro3midd .swiper-slide { height: auto; }


.pro3midd .item .pabp { position: absolute; float: left; width: 100%; height: 100%; background: rgb(0,0,0,0.3); border-radius: 20px; top: 0px; left: 0px; display: none; }
.pro3midd .item .pabp i { float: right; height: 50px; width: 50px; text-align: center; line-height: 50px; font-size: 18px; background: #fff; border-radius: 50%; color: #005693; margin-right: 20px; margin-top: 20px; }
.pro3midd .item .pabp .pabbp { position: absolute; float: left; width: calc(100% - 40px); bottom: 20px; left: 20px; background: #005693; border-radius: 20px; padding: 25px; }
.pro3midd .item .pabp .pabbp strong { color: #fff; font-weight: normal; font-size: 16px; }
.pro3midd .item .pabp .pabbp p { color: rgb(255,255,255,0.5); line-height: 20px; margin-top: 15px; margin-bottom: 0px; }
.pro3midd .item .ptp { overflow: hidden; text-align: center; height:350px; padding:12px; }
.pro3midd .item .ptp img { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;  height:350px;object-fit:contain;}
.pro3midd .item .pmp { margin-top: 20px; text-align: center; }
.pro3midd .item:hover .pabp { display: block; }
.pro3midd .item:hover .ptp img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.pro3midd .swiper-pagination { position: static; margin-top: 40px; width: 100%; text-align: center }

.pro3midd .swiper-pagination .swiper-pagination-bullet { width: 5px; height: 5px; border-radius: 5px; background: #005693; margin: 0 6px }

.pro3midd .swiper-pagination .swiper-pagination-bullet-active { width: 24px }


.ifr3_mibott { float: left; width: 100%; margin-top: 25px; display: flex; display: flex; justify-content: center; align-items: center; }
.ifr3_mibott a { background: #005693; color: #fff; display: inline-block; margin-right: 20px; padding: 10px; padding-left: 25px; padding-right: 25px; border-radius: 20px; }

.ifr3_mibott a:hover { background: #000; }


.iframe8 { float: left; width: 100%; margin-top: 70px; }
.ifr8top { float: left; width: 45%; }
.ifr8top h3 font { color: #005693 }
.ifr8top p { width: 80%; margin-top: 30px; color: #666666; margin-bottom: 60px; }
.ifr8right { float: right; width: 50%; }

.ifr8right .plfqes ul { float: left; width: 100%; margin: 0; padding: 5px 0; list-style: none }
.ifr8right .plfqes ul li { float: left; width: 100%; cursor: pointer; margin-bottom: 15px; }
.ifr8right .plfqes ul li .fbg { float: left; width: 100%; cursor: pointer; padding-top: 18px; padding-bottom: 18px; background: #f7f7f7; border-radius: 20px; padding-left: 25px; padding-right: 25px; }
.ifr8right .plfqes ul li .tttd { float: left; color: #333; font-weight: bold; width: calc(100% - 45px); line-height: 35px; overflow: hidden; height: 35px; }
.ifr8right .plfqes ul li .tttd span { margin-right: 35px; }
.ifr8right .plfqes ul li i { float: right; color: #fff; font-size: 20px; background: #142b52; width: 35px; height: 35px; text-align: center; line-height: 35px; border-radius: 50%; }
.ifr8right .plfqes ul li p { float: left; width: 85%; color: #666; font-size: 14px; margin-top: 10px; display: none; padding-left: 75px; margin-top: 15px; margin-bottom: 20px; }
.ifr8right .plfqes ul li.hover i { transform: rotate(180deg); -webkit-transform: rotate(180deg); background: #005693; }
.ifr8right .plfqes ul li.hover p { display: block }

.ifr8right .plfqes ul li.hover .tttd { color: #005693; }




.iframe9 { float: left; width: 100%; margin-top: 50px; }
.ifr9top { float: left; width: 100%; }
.ifr9mid { float: left; width: 100%; margin-top: 45px; }
.ifr9mid a { background: #f7f7f7; padding: 15px; padding-left: 30px; padding-right: 30px; border-radius: 25px; margin-right: 25px; color: #333333; font-weight: bold; font-size: 18px; }
.ifr9mid a:hover { background: #005693; color: #fff; }
.ifr9mid a.hover { background: #005693; color: #fff; }

.ifr9bot { float: left; width: 100%; margin-top: 50px; }

.ifr9bot .swiper { height: auto; overflow: visible; }

.ifr9bot .swiper-wrapper { height: auto; width: 100%; }
.ifr9bot .swiper-slide { height: auto; }

.ifr9bot .item { float: left; width: 100%; }
.ifr9bot .item .pimp { border-radius: 15px; overflow: hidden; }
.ifr9bot .item .pimp img { border-radius: 15px; height: 338px; width: 100%; object-fit: cover; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.ifr9bot .item:hover .pimp img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.ifr9bot .item .pdate { margin-top: 25px; color: #005693; font-weight: bold; }
.ifr9bot .item .pmp { color: #13100c; font-weight: bold; margin-top: 15px; }
.ifr9bot .item .pbp { color: #666; margin-top: 10px; }
#book { margin-top:40px;}

@media(min-width:1px) and (max-width:600px) { .pro3midd .item { float: left; width:100%; background: #fff; border-radius: 20px; padding: 25px; position: relative;margin-bottom: 25px; }


}
@media(min-width:601px) and (max-width:767px) {
    .pro3midd .item { float: left; width: calc((100% - 20px)/2); background: #fff; border-radius: 20px; padding: 25px; position: relative; margin-right: 20px; margin-bottom: 25px; }

    .pro3midd .item:nth-child(2n) { margin-right: 0px; }
}
    @media(min-width:1px) and (max-width:767px) {
        .produc1 { float: left; width: 100%; margin-top: 90px; }
        .prod1top h3 { font-size: 32px; font-weight: bold; }
        .prod1top p { color: #666; font-size: 18px; width: 100%; margin-top: 20px; margin-bottom: 25px; }

        .prod1midd { float: left; width: 100%; margin-top: 35px; }
        .prod1midd .item { float: left; width: 100%; margin-right: 0px; background: #f5f5f5; border-radius: 10px; height: 440px; position: relative; margin-bottom: 22px; padding: 15px; }
        .prod1midd .item .pbp { float: left; width: calc(100% - 40px); position: absolute; left: 20px; top: 20px; height: 100%; }
        .prod1midd .item .pbp .ptop span { font-size: 12px; line-height: 20px; }
        .prod1midd .item .pbp .ptop p { font-size: 12px; line-height: 20px; overflow: hidden; height: 34px; }
        .prod1midd .item .pip img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 300px; object-fit: contain; }

        .produc2 { float: left; width: 100%; margin-top: 50px; height: auto; position: relative; padding-top: 50px; padding-bottom: 50px; }
        .produc2:before { content: ""; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-color: #005693; z-index: -2; }
        .produc2:after { content: ""; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: #005693; z-index: -2; background-size: cover; }

        .prod2left { float: left; width: 100%; margin-top: 20px; }
        .prod2left span { text-transform: uppercase; color: #fff; font-size: 18px; font-weight: bold; }
        .prod2right { float: right; width: 100%; }

        .prod2right h3 { color: #fff; margin-left: 0px; margin-top: 50px; }
        .prod2right p { color: #fff; margin-top: 85px; margin-left: 0px; width: 100%; margin-bottom: 60px; }
        .prod2right a { background: #fff; margin-left: 0px; }

        .pro3top_left { float: left; width: 100%; }
        .pro3top_right { float: left; width: 100%; }
        .pro3top_right h3 { width: 100%; }
        .pro3top_right a { float: left; }

        .ifr8top { float: left; width: 100%; }
        .ifr8top h3 font { color: #005693 }
        .ifr8top p { width: 100%; margin-top: 30px; color: #666666; margin-bottom: 40px; }
        .ifr8right { float: left; width: 100%; margin-top: 40px; }
        .ifr8right .plfqes ul li .tttd span { margin-right: 10px; }
        .ifr8right .plfqes ul li p { float: left; width: calc(100% - 50px); color: #666; font-size: 14px; margin-top: 10px; display: none; padding-left: 25px; margin-top: 15px; margin-bottom: 20px; }

        .ifr9mid a { border-radius: 25px; margin-right: 15px; color: #333333; font-weight: bold; font-size: 14px; float: left; margin-bottom: 15px; }
        .ifr9bot { float: left; width: 100%; margin-top: 25px; }
        .ifr9bot .swiper { height: auto; overflow: hidden; float: left; width: 100%; }
    }

    @media(min-width:768px) and (max-width:991px) {

        .produc1 { float: left; width: 100%; margin-top: 90px; }
        .prod1top h3 { font-size: 32px; font-weight: bold; }
        .prod1top p { color: #666; font-size: 18px; width: 100%; margin-top: 20px; margin-bottom: 25px; }

        .prod1midd { float: left; width: 100%; margin-top: 35px; }
        .prod1midd .item { float: left; width: calc((100% - 20px)/2); margin-right: 20px; background: #f5f5f5; border-radius: 10px; height: 440px; position: relative; margin-bottom: 22px; padding: 15px; }
        .prod1midd .item .pbp { float: left; width: calc(100% - 40px); position: absolute; left: 20px; top: 20px; height: 100%; }
        .prod1midd .item .pbp .ptop span { font-size: 12px; line-height: 20px; padding-left: 12px; padding-right: 12px; }
        .prod1midd .item .pbp .ptop p { font-size: 12px; line-height: 20px; overflow: hidden; height: 34px; padding-left: 12px; padding-right: 12px; }
        .prod1midd .item .pip img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 330px; object-fit: contain; }

        .produc2 { float: left; width: 100%; margin-top: 50px; height: auto; position: relative; padding-top: 50px; padding-bottom: 50px; }
        .produc2:before { content: ""; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-color: #005693; z-index: -2; }
        .produc2:after { content: ""; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: #005693; z-index: -2; background-size: cover; }

        .prod2left { float: left; width: 100%; margin-top: 20px; }
        .prod2left span { text-transform: uppercase; color: #fff; font-size: 18px; font-weight: bold; }
        .prod2right { float: right; width: 100%; }

        .prod2right h3 { color: #fff; margin-left: 0px; margin-top: 50px; }
        .prod2right p { color: #fff; margin-top: 85px; margin-left: 0px; width: 100%; margin-bottom: 60px; }


        .prod2right a { background: #fff; margin-left: 0px; }


        .pro3top_left { float: left; width: 100%; }
        .pro3top_right { float: left; width: 100%; }
        .pro3top_right h3 { width: 100%; }
        .pro3top_right a { float: left; }
        .pro3midd .item { float: left; width: calc((100% - 20px)/2); background: #fff; border-radius: 20px; padding: 25px; position: relative; margin-right: 20px; margin-bottom: 25px; }

        .pro3midd .item:nth-child(2n) { margin-right: 0px; }

        .ifr8top { float: left; width: 100%; }
        .ifr8top h3 font { color: #005693 }
        .ifr8top p { width: 100%; margin-top: 30px; color: #666666; margin-bottom: 40px; }
        .ifr8right { float: left; width: 100%; margin-top: 40px; }
        .ifr8right .plfqes ul li .tttd span { margin-right: 10px; }
        .ifr8right .plfqes ul li p { float: left; width: calc(100% - 50px); color: #666; font-size: 14px; margin-top: 10px; display: none; padding-left: 25px; margin-top: 15px; margin-bottom: 20px; }

        .ifr9mid a { border-radius: 25px; margin-right: 15px; color: #333333; font-weight: bold; font-size: 14px; float: left; margin-bottom: 15px; }
        .ifr9bot { float: left; width: 100%; margin-top: 25px; }

    }

    @media(min-width:992px) and (max-width:1199px) {

        .produc1 { float: left; width: 100%; margin-top: 90px; }
        .prod1top h3 { font-size: 52px; font-weight: bold; }
        .prod1top p { color: #666; font-size: 18px; width: 100%; margin-top: 20px; margin-bottom: 25px; }

        .prod1midd { float: left; width: 100%; margin-top: 35px; }
        .prod1midd .item { float: left; width: calc((100% - 20px)/2); margin-right: 20px; background: #f5f5f5; border-radius: 10px; height: 440px; position: relative; margin-bottom: 22px; padding: 15px; }
        .prod1midd .item .pbp { float: left; width: calc(100% - 40px); position: absolute; left: 20px; top: 20px; height: 100%; }
        .prod1midd .item .pbp .ptop span { font-size: 12px; line-height: 20px; padding-left: 12px; padding-right: 12px; }
        .prod1midd .item .pbp .ptop p { font-size: 12px; line-height: 20px; overflow: hidden; height: 34px; padding-left: 12px; padding-right: 12px; }
        .prod1midd .item .pip img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 330px; object-fit: contain; }


        .prod2right h3 { color: #fff; margin-left: 30px; margin-top: 50px; }
        .prod2right p { color: #fff; margin-top: 85px; margin-left: 30px; width: calc(100% - 60px); margin-bottom: 60px; }
        .prod2right a { background: #fff; margin-left: 30px; }

        .pro3top_left { float: left;width:100%; }
        .pro3top_right { float: left; width: 100%; }
        .pro3top_right h3 { width: 580px; }

        .pro3midd .item { float: left; width: calc((100% - 20px)/2); background: #fff; border-radius: 20px; padding: 25px; position: relative; margin-right: 20px; margin-bottom: 25px; }

        .pro3midd .item:nth-child(2n) { margin-right: 0px; }

        .ifr8top p { width: 95%; }
        .ifr8right .plfqes ul li .tttd span { margin-right: 10px; }
        .ifr8right .plfqes ul li p { float: left; width: calc(100% - 50px); color: #666; font-size: 14px; margin-top: 10px; display: none; padding-left: 25px; margin-top: 15px; margin-bottom: 20px; }

    }

    @media(min-width:1200px) and (max-width:1365px) {
        .prod1top h3 { font-size: 66px; font-weight: bold; }
        .prod1midd { float: left; width: 100%; margin-top: 35px; }
        .prod1midd .item { float: left; width: calc((100% - 20px)/2); margin-right: 20px; background: #f5f5f5; border-radius: 10px; height: 440px; position: relative; margin-bottom: 22px; padding: 15px; }
        .prod1midd .item .pbp { float: left; width: calc(100% - 40px); position: absolute; left: 20px; top: 20px; height: 100%; }
        .prod1midd .item .pbp .ptop span { font-size: 12px; line-height: 20px; padding-left: 12px; padding-right: 12px; }
        .prod1midd .item .pbp .ptop p { font-size: 12px; line-height: 20px; overflow: hidden; height: 34px; padding-left: 12px; padding-right: 12px; }
        .prod1midd .item .pip img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 330px; object-fit: contain; }

        .pro3top_left { float: left; text-transform: uppercase; font-size: 18px; font-weight: bold; }
        .pro3top_right { float: right; width: 820px; }
        .pro3top_right h3 { width: 580px; }


        .pro3midd .item { float: left; width: calc((100% - 20px)/2); background: #fff; border-radius: 20px; padding: 25px; position: relative; margin-right: 20px; margin-bottom: 25px; }

        .pro3midd .item:nth-child(2n) { margin-right: 0px; }

        .ifr8top p { width: 95%; }
        .ifr8right .plfqes ul li .tttd span { margin-right: 10px; }
        .ifr8right .plfqes ul li p { float: left; width: calc(100% - 50px); color: #666; font-size: 14px; margin-top: 10px; display: none; padding-left: 25px; margin-top: 15px; margin-bottom: 20px; }
    }

    @media(min-width:1366px) and (max-width:1439px) {
        .prod1top h3 { font-size: 74px; font-weight: bold; }
        .prod1midd { float: left; width: 100%; margin-top: 35px; }
        .prod1midd .item { float: left; width: calc((100% - 20px)/2); margin-right: 20px; background: #f5f5f5; border-radius: 10px; height: 440px; position: relative; margin-bottom: 22px; padding: 15px; }
        .prod1midd .item .pbp { float: left; width: calc(100% - 40px); position: absolute; left: 20px; top: 20px; height: 100%; }
        .prod1midd .item .pbp .ptop span { font-size: 12px; line-height: 20px; padding-left: 12px; padding-right: 12px; }
        .prod1midd .item .pbp .ptop p { font-size: 12px; line-height: 20px; overflow: hidden; height: 34px; padding-left: 12px; padding-right: 12px; }
        .prod1midd .item .pip img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 340px; object-fit: contain; }


        .pro3top_left { float: left; text-transform: uppercase; font-size: 18px; font-weight: bold; }
        .pro3top_right { float: right; width: 920px; }
        .pro3top_right h3 { width: 700px; }
        .pro3midd .item { float: left; width: calc((100% - 60px)/4); background: #fff; border-radius: 20px; padding: 25px; position: relative; margin-right: 20px; margin-bottom: 25px; }

        .pro3midd .item:nth-child(4n) { margin-right: 0px; }

        .ifr8top p { width: 95%; }
        .ifr8right .plfqes ul li .tttd span { margin-right: 10px; }
        .ifr8right .plfqes ul li p { float: left; width: calc(100% - 50px); color: #666; font-size: 14px; margin-top: 10px; display: none; padding-left: 25px; margin-top: 15px; margin-bottom: 20px; }
    }

    @media(min-width:1440px) and (max-width:1599px) {
        .prod1top h3 { font-size: 80px; font-weight: bold; }

        .pro3top_left { float: left; text-transform: uppercase; font-size: 18px; font-weight: bold; }
        .pro3top_right { float: right; width: 1020px; }
        .pro3top_right h3 { width: 700px; }
        .pro3midd .item { float: left; width: calc((100% - 60px)/4); background: #fff; border-radius: 20px; padding: 25px; position: relative; margin-right: 20px; margin-bottom: 25px; }

        .pro3midd .item:nth-child(4n) { margin-right: 0px; }
    }

    @media(min-width:1600px) and (max-width:1859px) {
        .prod1top h3 { font-size: 84px; font-weight: bold; }


        .pro3top_left { float: left; text-transform: uppercase; font-size: 18px; font-weight: bold; }
        .pro3top_right { float: right; width: 1150px; }
        .pro3top_right h3 { width: 780px; }
        .pro3midd .item { float: left; width: calc((100% - 60px)/4); background: #fff; border-radius: 20px; padding: 25px; position: relative; margin-right: 20px; margin-bottom: 25px; }

        .pro3midd .item:nth-child(4n) { margin-right: 0px; }
    }

    @media(min-width:1860px) {
        .pro3midd .item { float: left; width: calc((100% - 60px)/4); background: #fff; border-radius: 20px; padding: 25px; position: relative; margin-right: 20px; margin-bottom: 25px; }

        .pro3midd .item:nth-child(4n) { margin-right: 0px; }
    }







/* contact */
.riifo-contact-us { background: url('../images/b22.jpg') top left no-repeat; padding: 60px 0; overflow: hidden; }

.riifo-contact-us .riifo-content { overflow: visible; }

.riifo-contact-us .riifo-contact-left { float: left; width: 40%; overflow: hidden; }

.riifo-contact-us .riifo-contact-left .riifo-title { position: relative; overflow: hidden; }
.riifo-contact-us .riifo-contact-left .riifo-title h3 font { color: #005693 }

.riifo-contact-left .riifo-title::after { background-color: #152b53; }
.riifo-contact-us .riifo-contact-left .riifo-text { overflow: hidden; width: 100%; overflow: hidden; font-size: 16px; color: #666666 ;margin-top:15px;}

.riifo-contact-us .riifo-contact-right { float: right; width: 52%; overflow: visible; }

.riifo-contact-messages { position: relative; }

.riifo-contact-messages .riifo-messages-item:first-child { padding-top: 0; }

.riifo-contact-messages .text-2 { display: block; padding: 10px 0; }

.riifo-messages-item { clear: both; padding-top: 20px; }

.riifo-messages-item .rleft { float: left; width: 48%; }

.riifo-messages-item .right { float: right; width: 48%; }

.messages-input { border: none; width: 100%; outline: none; box-sizing: border-box; padding: 20px 0; }

.messages-input:focus, .messages-textarea:focus { border-bottom: 1px solid #313131; }

.messages-textarea { border: none; width: 100%; outline: none; box-sizing: border-box; padding: 20px 0; min-height: 178px; }

.riifo-messages-item .riifo-data-choice-item { float: none; width: 100%; margin-right: 0px; padding-bottom: 0px; }

.riifo-messages-item .riifo-learnmore a { width: 40%; }

.riifo-messages-item .choice-2 .title-1 { margin-top: 20px; }

.riifo-contact { overflow: hidden; position: relative; background: #f8f9fb;margin-top:35px; }
.riifo-contact .riifo-content { width: 100%; }

.riifo-contact-map { float: right; width: 50%; }

.riifo-contact .riifo-contact-right { position: absolute; left: calc((100% - 1730px)/2);width: 50%; height: 100%; top: 0; }

.riifo-contact-text { overflow: hidden; position: absolute;width: 100%; top: 75px; }

.riifo-contact-text .title-1 { font-weight: bold; padding-bottom: 20px; position: relative; }
.riifo-contact-text .title-1 { font-size: 50px; line-height: 60px; }
.riifo-contact-text .ptp-1 {  padding-bottom: 55px; position: relative; font-weight:bold;}


.riifo-contact-item { position: relative; padding: 30px 0; overflow: hidden; }

.riifo-contact-item:nth-child(2) { border: none; }

.riifo-contact-item .riifoitem { position: relative; }

.riifo-contact-item .riifoitem.item-2 { float: left; width: 50%; }

.riffdown { /*display:flex;margin-top:35px;*/}
.riffdown span { font-weight:bold;margin-bottom:15px;}
.riffdown p { /*color:rgb(21,43,83,0.5);*//*margin-left:15px;*/margin-bottom:5px;}
.riffdown i { font-weight: bold; margin-left: 15px; }
.riifo-contact-item .icon-3 { display: block; float: left; padding-right: 10px; cursor: pointer; }

.riifo-contact-item .icon-3 i { display: block; position: relative; width: 48px; height: 48px; transition: all .4s ease; text-align: center; line-height: 48px; border: 1px solid #ddd; color: #333; }
.riifo-contact-item .icon-3:hover i { background: #152b53; color: #fff; }
.riifo-contact-item .icon-3 .riifo-svg svg { max-height: 50%; }

.riifo-contact-item .text-4 { display: block; float: left; }

.riifo-contact-item .text-4 span { display: block; color: rgb(21,43,83,0.5); }

.riifo-contact-item .text-4 strong { display: block; font-weight: normal; }
.riifo-contact-item .text-4 strong a { color: #152b53 ;}
.riifo-contact-item .riifo-footer-content-top-social { clear: both; width: 100%; position: relative; text-align: left; bottom: auto; font-size: 0; right: auto; margin-left: 1px; margin-top: 15px; display: flex; }

.riifo-footer-content-top-social i { position: relative; display: block; margin: auto; width: 48px; height: 48px; font-size: 20px; text-align: center; line-height: 48px; }
.riifo-footer-content-top-social a { display: inline-block; vertical-align: middle; margin-left: -1px; }
.riifo-footer-content-top-social i:hover { background: #005693; color: #fff; }
.riifo-footer-content-top { border-bottom: 1px solid #313131; }

.riifo-header-item-nav .title-1 { border-bottom: 1px solid #eeeeee; }

.riifo-solutions-nav-swiper, .riifo-news-bottom-right { border-bottom: 1px solid #ebeced; border-top: 1px solid #ebeced; }

.riifo-project-top .riifo-learnmore a, .riifo-contact-item .riifo-footer-content-top-social a { border: 1px solid #ccc; }
.con-box5 { padding-bottom: 70px }
.con-box5 .container .cn1 { text-align: center; color: #333; line-height: 1em }
.con-box5 .container .cn2 { margin-top: .25rem; text-align: center; line-height: 1.66666667em; color: #666; margin-bottom: .45rem }
.con-box5 .container .box { display: flex; flex-wrap: wrap; justify-content: space-between; }

@media(max-width:991px) {
    .con-box5 .container .box { padding: 0px; margin-top: 30px; }
}

.con-box5 .container .box .cn3 { width: 49.18032787% }

@media(max-width:767px) {
    .con-box5 .container .box .cn3 { width: 100% }
}

.con-box5 .container .box .cn3 .cn4 { display: block; line-height: .6rem; color: #333 }
.con-box5 .container .box .cn3 .cn5 { display: block }
.con-box5 .container .box .cn3 .cn5 input { width: 100%; background-color: #fff; border-radius: 5px; line-height: .6rem; padding: 0 .2rem; height: .6rem; color: #333; border: 1px solid #ddd; }
.con-box5 .container .box .cn3 .cn5 input::placeholder { color: #999 }

@media(max-width:991px) {
    .con-box5 .container .box .cn3 .cn5 input { line-height: .76rem; height: .76rem }
}

.con-box5 .container .box .cn3 .cn5 textarea { width: 100%; background-color: #fff; border-radius: 5px; line-height: 1.6875em; height: 1.12rem; padding: .2rem; color: #333; border: 1px solid #ddd; }
.con-box5 .container .box .cn3 .cn5 textarea::placeholder { color: #999 }
.con-box5 .container .box .cn3 .cn5 select { line-height: .6rem }
.con-box5 .container .box .cn3.cn9 { width: 100% }
.con-box5 .container .box .cn10 { width: 100%; margin: 20px 0 .2rem; display: block; color: #b2b2b2 }
.con-box5 .container .box .cn15 { display: block; color: #999 }
.con-box5 .container .box .cn16 { width: 100% }
.layui-input, .layui-select, .layui-textarea { border-width: 0 }
.layui-form-select dl { top: .6rem }

@media(max-width:991px) {
    .layui-form-select dl { top: .76rem }
}

.layui-form-select dl dd.layui-this { background-color: #00d1d1 }
.layui-form-select input::placeholder { color: #333 !important }
.layui-form-select .layui-edge { background-image: url(../images/news-img5.svg); background-size: 10px 6px; border-width: 0; width: 10px; height: 6px; transform: translateY(-50%); margin-top: 0; right: .2rem }
.layui-form-select.layui-form-selected .layui-edge { transform: translateY(-50%) rotate(180deg) }
.con-box5 .layui-form-select .layui-edge { background-image: url(../images/con-img5.svg) }
.con-box5.coobox2 .container .cn1 { margin-bottom: .6rem }


.con-box5 .container .box .cn10 label { font-weight:normal;font-size:14px;}
.checkbox, .radio { display: block; position: relative; margin-top: 0; margin-bottom: 0; cursor: pointer; padding-left: 30px; font-weight: 400; min-height: 18px; height: auto !important; line-height: 18px !important }
input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 }
.checkbox input, .radio input { position: absolute; display: none }
.checkbox span::before, .radio span::before { content: ''; position: absolute; display: inline-block; height: 18px; width: 18px; left: 0; top: 0; border: 2px solid #ebebeb; -webkit-transition: all .1s; -o-transition: all .1s; transition: all .1s }
.checkbox span::after, .radio span::after { content: ''; position: absolute; display: none; width: 5px; height: 10px; left: 7px; top: 3px; border: solid #005693; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
.checkbox span, .radio span { display: inline-block; font-size: 12px; color: #666 }
.checkbox input:checked ~ span:after, .radio input:checked ~ span:after { display: inline-block }
.checkbox:hover span::before, .radio:hover span::before { border-color: #005693 }
.public-btn5 { border-radius: 30px; float: left; position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; padding: 0 24px 0 30px; height: 50px; background-color: #005693; color: #fff; cursor: pointer; transition: all .3s; overflow: hidden; font-size: 18px }
.public-btn5 i { margin-left:15px;}
@media(max-width:1580px) { .public-btn5 { height: 42px }
}

@media(max-width:767px) {
    .public-btn5 { padding: 0 .4rem; height: .8rem; font-size: 14px }
}

.public-btn5 span { position: relative; z-index: 5; color: #fff }
.public-btn5 div.icon { position: relative; z-index: 5; width: 24px; height: 24px; background: #fff; margin-left: .2rem; display: flex; justify-content: center; align-items: center; border-radius: 50%; transition: all .3s }
.public-btn5 img, .public-btn5 svg { position: relative; z-index: 5; width: 12px; height: 12px }

@media(max-width:767px) {
    .public-btn5 img, .public-btn5 svg { width: .2rem; height: .2rem }
}

.public-btn5 img path, .public-btn5 svg path { fill: #e62129; transition: all .3s }
.public-btn5::before { content: ""; position: absolute; top: -2px; left: -2px; z-index: 1; width: calc(100% + 4px); height: calc(100% + 4px); background-color: #665f5e; transform: scaleX(0); transform-origin: right; -webkit-transition: transform .6s cubic-bezier(.785,.135,.15,.86); -moz-transition: transform .6s cubic-bezier(.785,.135,.15,.86); -o-transition: transform .6s cubic-bezier(.785,.135,.15,.86); transition: transform .6s cubic-bezier(.785,.135,.15,.86) }

@media(max-width:767px) {
    .public-btn5::before { }
}

.public-btn5:hover { color: #e62129 }
.public-btn5:hover div.icon { background: #152b53 }
.public-btn5:hover::before { transform: scaleX(1); transform-origin: left }
.public-btn5:hover svg path { fill: #fff }

.home-ask { background: #152b53; color: #fff; padding: 30px 0; }
.h-ask-link { text-align: center; }
.h-ask .h3 { margin: 0px; font-size: 18px; }
.h-ask-link a { border: 1px solid #fff; color: #fff; padding: 10px 25px; cursor: pointer; }


@media(max-width:767px) {
    .h-ask .h3 { margin: 10px; font-size: 18px; text-align: center; }
    .h-ask-link { text-align: center; margin-top: 20px; }
    .riifo-contact-us .riifo-contact-left { float: left; width: 100%; overflow: hidden; }
    .riifo-contact-us .riifo-contact-right { float: left; width: 100%; overflow: visible; }
    .riifo-contact-us { padding-top: 38px; }
    .riifo-contact-us .riifo-contact-left .riifo-text { width: 100%; }
}

@media(min-width:768px) and (max-width:1199px) {
    .riifo-contact-us .riifo-contact-left { float: left; width: 100%; overflow: hidden; }
    .riifo-contact-us .riifo-contact-right { float: left; width: 100%; overflow: visible; }
    .riifo-contact-us { padding-top: 38px; }
    .riifo-contact-us .riifo-contact-left .riifo-text { width: 100%; }
}

.googlemap { height: 980px; }
@media(min-width:1600px) and (max-width:1860px) {
  
    .riifo-contact .riifo-contact-right { position: absolute; left: calc((100% - 1490px)/2); width: 50%; height: 100%; top: 0; }
    .riifo-index-banner .swiper-slide .text .title-1, .riifo-contact-text .title-1 { font-size: 40px; line-height: 50px; }
}
@media(min-width:1440px) and (max-width:1599px) {
 
    .riifo-contact .riifo-contact-right { position: absolute; left: calc((100% - 1320px)/2); width: 50%; height: 100%; top: 0; }
    .riifo-index-banner .swiper-slide .text .title-1, .riifo-contact-text .title-1 { font-size: 40px; line-height: 50px; }
}
@media(min-width:1366px) and (max-width:1439px) {
    .riifo-contact-item .text-4 strong { font-size: 14px; }
    .riifo-contact .riifo-contact-right { position: absolute; left: calc((100% - 1220px)/2); width: 47%; height: 100%; top: 0; }
    .riifo-index-banner .swiper-slide .text .title-1, .riifo-contact-text .title-1 { font-size: 40px; line-height: 50px; }
}
@media(min-width:1200px) and (max-width:1365px) {
    .riifo-contact-item .text-4 strong { font-size:14px;}
    .riifo-contact .riifo-contact-right { position: absolute; left: calc((100% - 1140px)/2); width: 48%; height: 100%; top: 0; }
    .riifo-index-banner .swiper-slide .text .title-1, .riifo-contact-text .title-1 { font-size: 40px; line-height: 50px; }
  	.riifo-contact .riifo-contact-right {width: 48%;}
	.riifo-contact-map {width: 48%;}  
  	.riifo-contact-text {top: 55px;}
  
}
                      



@media(min-width:1000px) and (max-width:1199px) {

    .riifo-contact-us .riifo-contact-left { float: left; width: 100%; overflow: hidden; }
    .riifo-contact-us .riifo-contact-right { float: left; width: 100%; overflow: visible; }
}

@media(min-width:0px) and (max-width:1199px) {
    .riifo-contact-text { overflow: hidden; position: relative; left: auto; width: 100%; top: auto; transform: none; padding: 50px 5% 5% 5%; }
    .riifo-contact .riifo-contact-right { position: relative; left: auto; top: auto; width: 100%; transform: none; right: auto; }
    .riifo-contact-item .text-4 { width: calc(100% - 60px); margin-top: 2px; }
    .riifo-contact-item .text-4 strong br {  display:none;}
    .riifo-contact-map { position: relative; width: 100%; }
    .googlemap { height: 390px; }
    .riifo-contact-item { padding: 25px 0px; }
    .riifo-contact-text .riifo-contact-item:nth-child(3) { padding-top: 0px; padding-bottom: 0px; }
    .riifo-contact-text .riifo-contact-item:nth-child(4) { padding-top: 0px; padding-bottom: 0px; }
    .riifo-contact-text .riifo-contact-item:nth-child(5) { padding-top: 0px; }

    .riifo-contact-item .riifoitem.item-2 { width: 100%; margin-bottom: 0px;margin-top:25px; }
    .riifo-index-banner .swiper-slide .text .title-1, .riifo-contact-text .title-1 { font-size: 30px; line-height: 40px; }
}






.sort { padding: 50px 0 0 0; }
.sort .item { margin: 0; display: inline-block; padding: 10px 30px; border-radius: 30px; box-sizing: border-box; border: 1px solid #ededed; color: #121315; font-size: 14px; text-transform: capitalize; margin-right: 20px; }
.sort .item.active, .sort .item:hover { background: #005693; color: #fff; border-color: #005693 }

@media (min-width:1081px) {
}

@media (min-width: 1px) and (max-width: 1080px) {
    .sort { padding: 0.6rem 0 0 0; }
    .sort .item { margin-bottom: 15px; padding: 8px 18px; margin-right: 10px; }
}



.bgdiv1_top { float: left; width: 100%; margin-top: 60px; border-bottom: 1px solid #ddd; padding-bottom: 40px; }
.bgdiv1_top .h3 { float: left; }
.bgdiv1_top p { float: left; margin-left: 20px; font-size: 16px; margin-top: 25px; }

@media (max-width:640px) {
    .bgdiv1_top { float: left; width: 100%; margin-top: 2px; }
    .bgdiv1_top .h3 { float: left; width: 100%; }
    .bgdiv1_top p { float: left; margin-left: 0px; width: 100%; margin-top: 15px; font-size: 14px; }
    .sort .item { padding: 8px 18px; margin-right: 10px; }
}

@media (min-width: 640px) and (max-width:768px) {
    .bgdiv1_top { float: left; width: 100%; margin-top: 40px; }
    .bgdiv1_top .h3 { float: left; width: 100%; }
    .bgdiv1_top p { float: left; margin-left: 0px; width: 100%; margin-top: 15px; font-size: 14px; }

    .sort .item { padding: 8px 18px; margin-right: 10px; }
}

@media (min-width: 768px) and (max-width:992px) {

    .bgdiv1_top { float: left; width: 100%; margin-top: 10px; padding-bottom:20px;}
    .bgdiv1_top .h3 { float: left; width: 100%; }
    .bgdiv1_top p { float: left; margin-left: 0px; width: 100%; margin-top: 25px; font-size: 14px; }
}

@media (min-width: 992px) and (max-width:1199px) {
    .bgdiv1_top { float: left; width: 100%; margin-top: 40px; }
    .bgdiv1_top .h3 { float: left; width: 100%; }
    .bgdiv1_top p { float: left; margin-left: 0px; width: 100%; margin-top: 25px; }
}

@media (min-width: 1200px) and (max-width: 1367px) {
    .bgdiv1_top .h3 { float: left; width: calc((100% - 30px) / 2); }
    .bgdiv1_top p { float: left; margin-left: 30px; width: calc((100% - 30px) / 2); margin-top: 25px; }
}

@media (min-width: 1368px) and (max-width: 1440px) {
    .bgdiv1_top .h3 { float: left; width: calc((100% - 30px) / 2); }
    .bgdiv1_top p { float: left; margin-left: 30px; width: calc((100% - 30px) / 2); margin-top: 25px; }
}

@media (min-width: 1440px) {

    .bgdiv1_top .h3 { float: left; width: calc((100% - 30px) / 2); }
    .bgdiv1_top p { float: left; margin-left: 30px; width: calc((100% - 30px) / 2); margin-top: 25px; }
}


.flex_between { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flex_betweenlist { display: flex; flex-wrap: wrap; }

.newslist2 { padding: 0.55rem 0 0 0 }
.newslist2 .item { margin: 0; width: calc((100% - 0.8rem)/3); margin-right: 0.4rem; margin-bottom: 0.45rem; box-sizing: border-box; border: 1px solid #d9d9d9; border-radius: 5px; }
.newslist2 .item .img { overflow: hidden; position: relative; height: 2.74rem; }
.newslist2 .item .img img { width: 100%; height: 100%; object-fit: cover; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; overflow: hidden; }
.newslist2 .item .txt { padding: 0.25rem; }
.newslist2 .item .txt .context { display: flex; justify-content: space-between; align-items: center; }
.newslist2 .item .txt .context time { display: flex; align-items: center; }
.newslist2 .item .txt .context time span { display: block; font-size: 12px; text-align: left; margin-left: 5px; }
.newslist2 .item:hover { color: #999 }
.newslist2 .item .txt .context .nr { width: 100%; box-sizing: border-box; }
.newslist2 .item .txt .context .nr h3 { font-size: 16px; margin-bottom: 0.15rem; line-height: 26px; font-weight: bold; color: #333; height: 52px; overflow: hidden; }
.newslist2 .item .txt .context .nr p { font-size: 14px; line-height: 24px; color: #999999;max-height:72px; overflow:hidden; }
.newslist2 .item .txt .linkmore { padding-top: 0.2rem; margin-top: 0.2rem; display: flex; justify-content: space-between; border-top: 1px solid #d9d9d9; font-size: 14px; }

@media (min-width:1440px) {
    .newslist2 .item:nth-child(3n) { margin-right: 0; }
    .newslist2 .item:hover .img img { transform: scale(1.1) }
}

@media (min-width:1200px) and (max-width:1440px) {
    .newslist2 .item { margin: 0; width: calc((100% - 0.6rem)/3); margin-right: 0.3rem; margin-bottom: 0.45rem; box-sizing: border-box; border: 1px solid #d9d9d9; border-radius: 5px; }
    .newslist2 .item:nth-child(3n) { margin-right: 0; }
}

@media (min-width:992px) and (max-width:1200px) {
    .newslist2 .item { margin: 0; width: calc((100% - 0.6rem)/2); margin-right: 0.2rem; margin-bottom: 0.45rem; box-sizing: border-box; border: 1px solid #d9d9d9; border-radius: 5px; }
    .newslist2 .item:nth-child(2n) { margin-right: 0; }
}

.bo0 { margin-bottom: 0px !important; }

@media (min-width:640px) and (max-width:992px) {
    .newslist2 .item { margin: 0; width: calc((100% - 0.3rem)/2); margin-right: 0.3rem; margin-bottom: 0.45rem; box-sizing: border-box; border: 1px solid #d9d9d9; border-radius: 5px; }
    .newslist2 .item:nth-child(2n) { margin-right: 0; }
}

@media (min-width:1px) and (max-width:640px) {
    .newslist2 .item { width: 100%; margin-right: 0; }
}



.news2con { padding: .4rem 0 0.5rem; border-bottom: 1px solid #ddd }
.news2box { padding: 35px 0 0px; background: #f7f7f7; float: left; width: 72%; }
.news2content { padding: 0 55px }
.pagecontent { color:#666;}
.news2content img { display: inline-block; max-width: 100% }
.news2top .h1 { font-size: .24rem; color: #333; margin-bottom: .18rem }
.news2top .h2 { font-size: 14px; color: #666; line-height: 30px; }
.news2top { padding-bottom: 25px; border-bottom: 2px solid #bbb; margin-bottom: 25px }
.news2bottom { margin-top: 25px; padding: 30px; }
.news2bottom .item { display: block; float: left; width: 50%; background: #fff; line-height: 0.7rem; font-size: 0; text-align: center; transition: all .3s ease; }
.news2bottom .item .icon { display: inline-block; vertical-align: middle; width: .28rem; height: .13rem; position: relative; margin: 0 .12rem }
.news2bottom .item .icon img { position: absolute; left: 0; top: 0; transition: all .3s ease }
.news2bottom .item span { display: inline-block; vertical-align: middle; font-size: 16px; color: #111;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 60%; transition: all .3s ease }
.news2bottom .item .icon img:nth-child(2) { opacity: 0 }
.idxbtn1 { width: 2.14rem; line-height: .62rem; text-align: center; border: 2px solid #1e1e1e; position: relative; font-size: 0; display: block; transition: all .3s ease }
.idxbtn1 span { font-size: .16rem; color: #1e1e1e; display: inline-block; vertical-align: top; margin-right: .2rem; transition: all .3s ease; position: relative; z-index: 1; font-family: din }
.idxbtn1 .icon { width: .2rem; height: .12rem; background: url(../images/more13.png); background-size: cover !important; transition: all .3s ease; display: inline-block; vertical-align: middle; position: relative; z-index: 1 }
.idxbtn1:after { content: ""; background: #f1aa1f; height: 100%; left: 0; top: 0; width: 0; transition: all .3s ease; position: absolute }
.share2 { float: right; display: flex; line-height: 30px; }
.share2 a { width: 30px; height: 30px; display: block; text-align: center; background: #fff; border-radius: 50%; line-height: 30px; margin-right:6px; }
.share2 a i { font-size:14px;}
.share2 a:hover {  background:#005693;color:#fff;}
.news_c_right { border: 1px solid #ddd; background: #fff }

.coright { float: right; width: 25%; position: sticky; top: 121px; }
.news_c_right h4 { background: #005693; color: #fff; height: 48px; font-weight: 400; text-indent: 20px; line-height: 48px; width: 100%; padding: 0; margin: 0 }
.news_c_right ul { list-style: none; border-top: 0; margin: 0; display: block; padding: 0 }
.news_c_right ul li { padding: 10px }
.news_c_right ul li a { font-size: 14px }
.news_c_right ul li a:hover { text-decoration: underline }
.produ3 { float: left; width: 100%; margin-top: 50px; }
.ptobto { float: left; width: 100%; border-top: 1px solid #ddd; margin-top: 50px; }

@media (min-width: 992px) and (max-width:1199px) {
    .news2box { padding: 15px 0 0px; }
    .news2content { padding: 0 30px; }
    .coright { top: 138px; width: 27%; }
    .news_c_right ul li a { font-size: 12px; }
}

@media (max-width:992px) {
    .news2box { padding: 15px 0 0px; width: 100% }
    .news2content { padding: 0 30px; }
    .coright { top: auto; width: 100%; position: initial; }
    .news_c_right ul li a { font-size: 14px; }
}

@media(min-width:1000px) {
    .newsitem2:hover { box-shadow: 0 5px .4rem 0 rgba(0,11,21,.1); transform: translateY(-5px) }
    .newsitem2:hover .h1 { color: #f1aa1f }
    .newsitem .imgbox:hover img { transform: scale(1.05) }
    .news2bottom .item:hover { background: #005693 }
    .news2bottom .item:hover span { color: #fff }
    .news2bottom .item:hover .icon img:nth-child(1) { opacity: 0 }
    .news2bottom .item:hover .icon img:nth-child(2) { opacity: 1 }
    .idxbtn1:hover { border-color: #005693 }
    .idxbtn1:hover:after { width: 100% }
    .idxbtn1:hover span { color: #fff }
    .idxbtn1:hover .icon { background: url(../images/more14.png) }
}

@media(max-width:1000px) {
    .newsitem .h2 { margin-bottom: 3vw }
}

@media(max-width:767px) {
    .newsitem { padding: 20px; display: block }
    .newscon .idxbtn1 .icon { width: 10px; height: 6px }
    .newscon .idxbtn1 span { font-size: 12px }
    .newscon .idxbtn1 { width: 100px }
    .newsitem .imgbox { width: 100% }
    .newsitem .h1 { font-size: 14px; margin: 15px 0 }
    .newsitem .h2 { font-size: 12px; margin-bottom: 15px }
    .newsitem2 .h1 { font-size: 14px }
    .newsitem2 .h2 { font-size: 12px }
    .newsitem2 { padding: 20px }
    .newscon { padding: .4rem 0 }
    .news2box { padding: 10px 0 }
    .news2content { padding: 0 15px }
    .news2top { float: left; width: 100%; }
    .news2top .h1 { font-size: 16px }
    .news2bottom .item { width: 100%; line-height: .8rem; border-top: 1px solid #ededed }
    .news2bottom .item span { font-size: 14px }
    .share2 { float: left; width: 100%; margin-top: 15px; }
}




@media(max-width:991px) {
    .coright { float: left; margin-top: 25px; padding: 0 }
}

.sm5toppd { float: left; width: 100%; justify-content: center; align-items: center; display: flex; text-align: center; margin-top: 40px; }
.sm5toppd font { color: #f68d2a }


.sm6toppd { float: left; width: 100%; justify-content: center; align-items: center; text-align: center; margin-top: 40px; }
.sm6toppd font { color: #f68d2a }
.sm6toppd p {  width:80%;margin-left:10%;margin-top:20px;}

.mtop30 { margin-top: 30px; }

.btn-primary2 { color: #333; background-color: #fff; border-color: #005693; font-size: 16px; }
.btn-primary2:hover { background: #005693; color: #fff; }
.pagination { display: table; margin: 0 auto; margin-top: 40px }
.m-style { position: relative; text-align: center; zoom: 1; opacity: 1 }
.m-style:before, .m-style:after { content: ""; display: table }
.m-style:after { clear: both; overflow: hidden }
.m-style span { float: left; margin: 0 3px; width: 45px; height: 45px; line-height: 45px; color: #333; font-size: 14px }
.m-style .active { float: left; margin: 0 3px; width: 45px; height: 45px; line-height: 45px; background: #005693; color: #fff; font-size: 14px; border: 1px solid #005693 }
.m-style a { float: left; margin: 0 3px; width: 45px; height: 45px; line-height: 45px; background: #fff; border: 1px solid #ccc; color: #333; font-size: 14px }
.m-style a:hover { color: #fff; background: #005693 }

@media(max-width:767px) {
    .m-style span { float: left; margin: 0 3px; width: 40px; height: 40px; line-height: 40px; color: #333; font-size: 14px }
    .m-style .active { float: left; margin: 0 3px; width: 40px; height: 40px; line-height: 40px; background: #005693; color: #fff; font-size: 14px; border: 1px solid #005693 }
    .m-style a { float: left; margin: 0 3px; width: 40px; height: 40px; line-height: 40px; background: #fff; border: 1px solid #ccc; color: #333; font-size: 12px; margin-bottom: 8px; }
}




.pdhtop { float: left; width: 100%; margin-top: 110px; }
.pdaohan { float: left; line-height: 30px; padding-top: 15px; padding-bottom: 15px; }
.pdaohan i { margin-right: 5px; color: #005693 }
.pdaohan a { margin-right: 5px; }
.pdaohan em { margin-right: 5px; }
.pdaohan span { margin-right: 5px; }
@media (max-width:991px) {
    .pdhtop { margin-top: 70px; }
    .sm6toppd p { width: 100%; margin-left: auto; margin-top: 20px; }
}
@media(min-width:1070px) and (max-width:1279px) {
    .pdhtop { margin-top: 90px; }
}



.saj-service-download-list-top { position: relative; float: left; margin-top: 50px; width: 100%; }
.saj-service-download-list-top::after { content: ''; display: block; width: 100%; height: 2px; background: #e0e3e5; position: absolute; left: 0; bottom: 0; }
.saj-service-download-list-type { overflow: hidden; position: relative; }
.saj-service-download-list-type a { font-size: 16px; margin-right: 40px; padding-bottom: 20px; display: block; float: left; color: #999999; position: relative; }
.saj-service-download-list-type a:hover { color: #005693; }
.saj-service-download-list-type a.cur { color: #005693; }
.saj-service-download-list-type a.cur::after { content: ''; display: block; width: 100%; height: 2px; z-index: 1; background: #005693; position: absolute; left: 0; bottom: 0; }


@media(min-width:0px) and (max-width:768px) {

    .saj-service-download-list-type, .saj-service-faq-menu-2, .saj-about-recruitment-list-nav { width: 100%; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; font-size: 0; }
    .saj-service-download-list-type::-webkit-scrollbar, .saj-service-faq-menu-2::-webkit-scrollbar, .saj-about-recruitment-list-nav::-webkit-scrollbar { height: 0px; width: 0px; }
    .saj-service-download-list-type a, .saj-service-faq-menu-2 a, .saj-about-recruitment-list-nav a { display: inline-block; float: none; margin-right: 20px; font-size: 15px; }
}

@media(min-width:768px) and (max-width:992px) {

    .saj-service-download-list-type, .saj-service-faq-menu-2, .saj-about-recruitment-list-nav { width: 100%; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; font-size: 0; }
    .saj-service-download-list-type::-webkit-scrollbar, .saj-service-faq-menu-2::-webkit-scrollbar, .saj-about-recruitment-list-nav::-webkit-scrollbar { height: 0px; width: 0px; }
    .saj-service-download-list-type a, .saj-service-faq-menu-2 a, .saj-about-recruitment-list-nav a { display: inline-block; float: none; margin-right: 20px; font-size: 15px; }
}

.img { position: relative; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; }


.riifo-news-list { padding: 2% 0; overflow: hidden; }
.pic { background-repeat: no-repeat; background-size: cover; }


.riifo-news-item a { display: block; overflow: hidden; position: relative; }

.riifo-news-item .text { overflow: hidden; padding: 5% 0; }

.riifo-news-item .text-1 { padding-bottom: 20px; }

.riifo-news-item .title-2 { overflow: hidden; min-height: 48px; max-height: 48px; margin-bottom: 30px; font-size: 18px; font-weight: bold; color: #000; }

.riifo-news-item .learnmore-3 { position: relative; overflow: hidden; }

.riifo-news-item .learnmore-3 i { display: block; width: 16px; height: 16px; position: absolute; right: 0; top: 50%; transform: translate(100%,-50%); background: url('../images/jia0.png') center no-repeat; z-index: 10; }

.riifo-news-item.rni0 .text { position: absolute; width: 100%; padding: 5%; box-sizing: border-box; left: 0; bottom: 0; z-index: 10; }

.riifo-news-item.rni0 .title-2 { min-height: auto; max-height: none; margin-bottom: auto; }

.riifo-news-item.rni0 .learnmore-3 { display: none; }

.riifo-news-item.rni1 .title-2 { margin-bottom: 112px; }

.riifo-news-item a::after { content: ''; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; z-index: 3; }

.riifo-news-item a::before { content: ''; width: 0px; height: 2px; position: absolute; left: 0; bottom: 0; z-index: 5; transition: all .4s ease; }

.riifo-news-item a:hover::before { width: 100%; }

.riifo-news-item .view { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 15; opacity: 0; background: rgba(20,43,82,0.9); border-radius: 50%; }

.riifo-news-item .view i { display: block; width: 80px; height: 80px; border-radius: 100%; background-image: url('../images/jt2.png'); background-position: center; background-repeat: no-repeat; }

.riifo-news-item a:hover .view { opacity: 1; transform: translate(-45%,-55%); }

.riifo-news-item a:hover .learnmore-3 i { transform: translate(0,-50%) }
.riifo-news-item.rni0 .text, .riifo-news-item.rni0 .text-1 { color: #fff; }
.riifo-news-item a::before, .riifo-faqs-item.cur::after { background-color: #005693; }

.riifo-news-item a::after { background: #ebeced; }
.riifo-news-item.rni0 .title-2 { color: #fff; }


@media(min-width:0px) and (max-width:640px) {
    .riifo-news-item { float: left; width: 100%; margin-bottom: 30px; margin-right: 0px; }
    .riifo-news-item.rni0 .text, .riifo-career-content .riifo-career-top .riifo-learnmore { position: relative; }

    .riifo-news-item.rni0 .text-1, .riifo-news-item.rni0 .title-2 { color: #000; text-overflow: none; white-space: normal; overflow: hidden; }
    .riifo-news-list { padding: 35px 0; overflow: hidden; }
    .riifo-news-item.rni0 .text, .riifo-career-open-positions-list { padding: 5% 0; }

    .riifo-news-item.rni0 .learnmore-3 { display: block; color: #000; }

    .riifo-news-item.rni0 .title-2, .riifo-news-item.rni1 .title-2, .riifo-news-item .title-2 { margin-bottom: 25px; }
}

@media(min-width:641px) and (max-width:1199px) {
    .riifo-news-item { float: left; width: calc((100% - 20px)/2); margin-bottom: 30px; margin-right: 20px; }
    .riifo-news-item.rni0 .text, .riifo-career-content .riifo-career-top .riifo-learnmore { position: relative; }
    .riifo-news-item:nth-child(2n) { margin-right: 0px; }
    .riifo-news-item.rni0 .text-1, .riifo-news-item.rni0 .title-2 { color: #000; text-overflow: none; white-space: normal; overflow: hidden; }
    .riifo-news-list { padding: 35px 0; overflow: hidden; }
    .riifo-news-item.rni0 .text, .riifo-career-open-positions-list { padding: 5% 0; }

    .riifo-news-item.rni0 .learnmore-3 { display: block; color: #000; }

    .riifo-news-item.rni0 .title-2, .riifo-news-item.rni1 .title-2, .riifo-news-item .title-2 { margin-bottom: 25px; height: 60px; line-height: 20px; }
}

@media(min-width:1200px) {
    .riifo-news-item { float: left; width: 32%; margin-bottom: 50px; margin-right: 2%; overflow: hidden; }
    .riifo-news-item.rni0 { width: 66%; }

    .riifo-news-item.rni1 { width: 32%; margin-right: 0; float: right; }

    .riifo-news-item.rni2 { clear: left; }
    .riifo-news-item.rni4, .riifo-news-item.rni7 { margin-right: 0; }
}



@media (min-width:1440px) and (max-width: 1500px) {
    .riifo-news-item.rni1 .title-2 { margin-bottom: 65px; }
}

@media (min-width:1366px) and (max-width: 1440px) {
    .riifo-news-item.rni1 .title-2 { margin-bottom: 80px; }
    .riifo-news-item .view i { width: 60px; height: 60px; }
}

@media (min-width:1280px) and (max-width: 1366px) {
    .riifo-news-item.rni1 .title-2 { margin-bottom: 87px; }
}

@media (min-width:1200px) and (max-width: 1280px) {
    .riifo-news-item.rni1 .title-2 { margin-bottom: 60px; }
}




.saj-service-section { overflow: hidden; }
.saj-service-download { position: relative; }
.saj-service-download-select { position: relative; }
.saj-service-download-select .title-top { font-size: 24px; }
.saj-service-download-select .select-bottom { margin: 40px 0; position: relative; }
.saj-service-download-select .search-3 { position: absolute; right: 0; top: 0; }
.saj-service-download-select .search-3 .search-content { position: relative; transition: all .4s ease }
.saj-service-download-select .search-3 .search-content * { transition: all .4s ease; }
.saj-service-download-select .search-3 .search-3-button { display: block; background: url("../../service/images/s.png") center no-repeat; border: none; outline: none; cursor: pointer; position: absolute; right: 50%; width: 54px; height: 54px; top: 0; }
.saj-service-download-select .search-3 .search-3-input1 { background: #f0f5f7; border: none; display: block; outline: none; width: 135px; height: 54px; line-height: 54px; text-align: center; }
.saj-service-download-select .search-3 .search-content.cur .search-3-input1 { width: 250px; text-align: left; padding: 0 25px; }
.saj-service-download-select .search-3 .search-content.cur .search-3-button { right: 5%; }
.saj-service-download-select .search-3 .search-3-close { width: 54px; height: 54px; position: absolute; left: -50px; top: 0; background: url("../../service/images/c.png") center no-repeat; cursor: pointer; opacity: 0; }
.saj-service-download-select .search-3 .search-content.cur .search-3-close { opacity: .5; transform: rotate(360deg); }
.saj-service-download-select .search-3 .search-content.cur .search-3-close:hover { opacity: 1; transform: rotate(180deg); }


.saj-service-download-list-content { overflow: hidden;float:left; width:100%; }

.detail-specifications { padding: 50px 0; overflow: hidden; }
.detail-download { padding: 50px 0; overflow: hidden; }
.detail-download .detail-download-list{display: flex;flex-wrap: wrap;}
.detail-download .item {padding: 20px;overflow: hidden;font-size: 0px;color: #666;position: relative;box-sizing: border-box;transition: all .4s ease;background: #f9fdff;border: 1px solid #f9fdff;width: 19%;float: left;margin-right: 1%;margin-bottom: 20px;}
.detail-download .item:nth-child(5n) {margin-right: 0;}
.detail-download .item:nth-child(2n) { background: #f0f5f7; border: 1px solid #f0f5f7; }
.detail-download .item:hover { border: 1px solid #005693; }
.detail-download .item.top { background: #005693; }
.detail-download .item.top li { font-weight: bold; font-size: 14px; color: #fff; padding: 5px 0; position: relative; z-index: 10; }
.detail-download .item.top li:nth-child(1) { font-size: 14px; color: #fff; }
.detail-download .item li { list-style: none; margin: 0; padding: 20px 0; display: inline-block; vertical-align: middle; font-size: 14px; color: #999;width: 100%;}
.detail-download .item li:nth-child(2) { font-size: 16px; color: #222; }

/*.detail-download .item li:nth-child(2) { font-size: 16px; color: #222; }
.detail-download .item li:nth-child(2) { width: 30%; }
.detail-download .item li:nth-child(3) { width: 20%; }*/

.detail-download .item li:nth-child(6) { width: 10%; text-align: center; }
.detail-download .item.bg1 { background: #f9fdff; border: 1px solid #f9fdff; }
.detail-download .item.bg2 { background: #f0f5f7; border: 1px solid #f0f5f7; }

@media(min-width:0px) and (max-width:768px) {
    .saj-service-download-list-top { margin-top:0px;}
    .applo .saj-service-download-list-top { margin-top: 30px; }
    .pcshow { display: none; }
    .mbshow { display: block !important; }
    .saj-service-top-banner { margin-top: 70px; }
    .saj-service-top-banner .right-contact { display: none; }
    .saj-service-top-banner .text { position: absolute; left: 5%; top: 0; width: 40%; height: 100%; z-index: 10; color: #fff; }
    .detail-download { width: 100%; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; margin-top:35px; }
    .detail-download .item { width: 300%; }
    .detail-download .item li { float: left; display: block; }
   /* .detail-download .item li:nth-child(1) { width: 32%; padding-left: 3%; }
    .detail-download .item li:nth-child(2) { width: 25%; }*/
    .saj-service-section { padding: 0px; padding-top: 35px; }
    .saj-service-top-banner .text .title-cn { font-size: 24px; padding-bottom: 40px; }
    .saj-service-top-banner .text .title-en { font-size: 26px; display: none; }
    .saj-sajcloud-index-section .text { left: 5%; width: 90%; }
    .saj-service-top-banner .text { left: 5%; width: 90%; }
    .saj-service-top-banner .bottom-nav a { font-size: 16px; margin-right: 3%; padding: 0 0 10px 0; }
    .saj-service-download-list-right, .saj-service-download-select .search-3 .search-content.cur .search-3-close { display: none; }
    .saj-service-download-select .search-3 .search-3-input1, .saj-service-download-select .search-3 .search-content.cur .search-3-input1, .saj-service-warranty .warranty-2 .warranty-content .item { width: 100%; box-sizing: border-box; }
    .saj-service-download-list { padding: 0; }
    .saj-service-download-list-type-nav { width: 100%; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; font-size: 0; float: left; }
    saj-service-download-list-type-nav::-webkit-scrollbar { height: 0px; width: 0px; }
    saj-service-download-list-type-nav a{ display: inline-block; float: none; margin-right: 20px; font-size: 15px; }

    .detail-download { padding: 0 0 50px 0; overflow-x: hidden; }
    .detail-download .item { width: 100%; padding: 5%; }
    .detail-download .item.top { display: none; }
    .detail-download .item li { float: none; padding: 5px 0; }
  /*  .detail-download .item li:nth-child(1) { width: 100%; padding-left: 0; }
    .detail-download .item li:nth-child(2) { width: 100%; }
    .detail-download .item li:nth-child(3) { width: 100%; }

    .detail-download .item li:nth-child(4) { width: 20px; position: absolute; right: 5%; top: 50px; }*/
    .saj-faq-item .title-1 i { margin-left: 15px; }
    .index-pro-richtext { margin-top: 25px; }
}

@media(min-width:768px) and (max-width:992px) {
    .applo .saj-service-download-list-top { margin-top: 50px; }
    .saj-service-download-list-top { margin-top: 0px; }
    .saj-service-top-banner { margin-top: 70px; }
    .saj-service-top-banner .right-contact { display: none; }
    .saj-service-top-banner .text { position: absolute; left: 5%; top: 0; width: 40%; height: 100%; z-index: 10; color: #fff; display: none; }
    .detail-download { width: 100%; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; margin-top: 35px; }
    .detail-download .item { width: 300%; }
    .detail-download .item li { float: left; display: block; }
    .detail-download .item li:nth-child(1) { width: 32%; padding-left: 3%; }
    .detail-download .item li:nth-child(2) { width: 25%; }
    .saj-service-section { padding: 0px; padding-top: 35px; }
    .saj-sajcloud-index-section .text { left: 5%; width: 90%; }
    .saj-service-top-banner .text { left: 5%; width: 90%; }
    .saj-service-top-banner .bottom-nav a { font-size: 16px; margin-right: 3%; padding: 0 0 10px 0; }
    .saj-service-download-list-right, .saj-service-download-select .search-3 .search-content.cur .search-3-close { display: none; }
    .saj-service-download-select .search-3 .search-3-input1, .saj-service-download-select .search-3 .search-content.cur .search-3-input1, .saj-service-warranty .warranty-2 .warranty-content .item { width: 100%; box-sizing: border-box; }
    .saj-service-download-list { padding: 0; }
    .saj-service-download-list-type-nav { width: 100%; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; font-size: 0; float: left; }
    saj-service-download-list-type-nav::-webkit-scrollbar { height: 0px; width: 0px; }
    saj-service-download-list-type-nav a { display: inline-block; float: none; margin-right: 20px; font-size: 15px; }

    .detail-download { padding: 0 0 50px 0; overflow-x: hidden; }
    .detail-download .item { width: 100%; padding: 5%; }
    .detail-download .item.top { display: none; }
    .detail-download .item li { float: none; padding: 5px 0; }
   /* .detail-download .item li:nth-child(1) { width: 100%; padding-left: 0; }
    .detail-download .item li:nth-child(2) { width: 100%; }
    .detail-download .item li:nth-child(3) { width: 100%; }

    .detail-download .item li:nth-child(4) { width: 20px; position: absolute; right: 5%; top: 50px; }*/
    .index-pro-richtext { margin-top: 25px; }
}





.riifo-download-content { clear: both; padding: 10px 0; overflow: hidden; }

.riifo-video-list { padding: 2% 0; overflow: hidden; }

.riifo-video-item { float: left; width: 32%; margin-bottom: 2%; margin-right: 2%; }

.riifo-video-item.mr0 { margin-right: 0; }

.riifo-video-item .play { width: 68px; height: 48px; background: url('../images/play2.png') center no-repeat; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 20; }

.riifo-video-item a { display: block; overflow: hidden; }
.riifo-video-item a .pic { transition: all .3s ease-in-out; }


.riifo-video-item a:hover .play { background: url('../images/play3.png') center no-repeat }

.riifo-video-item a:hover .pic { transform: scale(1.1); }

.riifo-video-item .text { padding-top: 20px; }

.riifo-video-item .text-1 { padding-bottom: 10px; }

.riifo-video-item .title-2 { min-height: 50px; }



.popup-window { width: 100%; height: 100%; z-index: -1; overflow: hidden; position: fixed; left: 0; top: 0; transition: all .4s ease; transform: translateY(-100%); }

.popup-window.cur { display: block; transform: translateY(0); z-index: 1111; }

.popup-window-mark { background: rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0; }

.popup-window-content { position: relative; background: #fff; margin: auto; width: 60%; padding: 4% 5%; overflow: hidden; transform: translate(-72%,-50%); z-index: 20; top: 50%; left: 50%; }
.popup-close { background: #ed2939 url('../images/xxb.png') center no-repeat; width: 60px; height: 60px; position: absolute; top: 0; right: 0; z-index: 11; cursor: pointer; }
.riifo-solutions-nav-item p, .riifo-text, .riifo-index-project-item .text-1, .riifo-news-bottom .data-1, .riifo-services-logistics-item .text-3, .riifo-media-references-item .text-2, .riifo-page-trun a, .riifo-content-page-nav a, .riifo-download-content .num-1, .riifo-data-choice-nav li a, .riifo-video-item .text-1, .riifo-career-open-positions-num .num-1 span, .rifo-contact-messages .text-2, .riifo-messages-item .choice-2 .text-2, .riifo-contact-item .text-4 span, .riifo-technical-data-download-list .num-1 span, .riifo-technical-Tutorial-content .num-1 span, .riifo-technical-data-download-content .num-1 span, .riifo-product-detail-nav-right a { color: #999; }
@media screen and (max-width: 1500px) {
    .riifo-footer-content-center-left li a, .riifo-learnmore a, .riifo-aboutus-item.cur .riifo-aboutus-item-content, .riifo-aboutus-bottom p, .riifo-more span, .riifo-index-project-item .text-1, .riifo-news-bottom .text-3, .riifo-page-banner-content .path span, .riifo-media-references-item .text-2, .riifo-page-trun a, .riifo-download-content .num-1, .riifo-download-item .type-1, .riifo-download-item .download-3 span, .riifo-video-item .text-1, .riifo-news-item .text-1, .riifo-news-item .learnmore-3 span, .riifo-career-item .learnmore-3 span, .riifo-career-open-positions-num .num-1, .riifo-learnmore-3 span, .riifo-career-open-positions-item .text-2, .riifo-contact-office-item .link-3 span, .riifo-contact-office-item .add-2, .riifo-technical-data-download-list .num-1, .riifo-technical-Tutorial-content .num-1, .riifo-an-nnovation-pioneer span, .riifo-globtal-market-leader-bottom .left-icontext li span { font-size: 12px; }

    .riifo-header-nav li a, .riifo-footer-content-center-left h4 a, .riifo-footer-content-center-left h4, .riifo-index-warranty .text-1, .riifo-text, .riifo-title h5, .riifo-about-whatwecare-left .text-2, .riifo-future-icon-nav a strong, .riifo-about-future-item .text-2 li, .riifo-services-bin-service-right-item .text-2, .riifo-data-choice-list li, .riifo-video-item .title-2, .riifo-honor-left .text-2, .riifo-career-item .text-2, .riifo-contact-item .text-4 span, .riifo-services-aftersale-item .text-4, .right-addtext-item .text-2 { font-size: 14px; line-height: 24px; }

    .riifo-services-technical-support-nav a, .riifo-data-search .search-input, .riifo-content-page-nav a, .riifo-data-choice-nav li a, .riifo-video-item .title-2, .riifo-whoweneed-search .link-3 a, .whoweneed-search-input, .messages-textarea::-webkit-input-placeholder, .messages-input::-webkit-input-placeholder, .riifo-messages-item .text-2, .riifo-messages-item .choice-2 .text-2, .riifo-about-data-item .text-5 { font-size: 14px; }

    .riifo-index-warranty .text-3, .riifo-aboutus-item-title, .riifo-index-project-item .title-2, .riifo-news-bottom .title-2, .riifo-about-whatwecare .riifo-text, .riifo-about-future .riifo-text, .riifo-services-logistics-item .text-2, .riifo-services-aftersale .riifo-text, .riifo-services-aftersale-item .danwei, .riifo-honor-top .riifo-text, .riifo-career-top .riifo-text, .riifo-career-whyriifo-left .text-2, .riifo-career-whoweneed .riifo-text, .riifo-contact-left .riifo-text, .riifo-contact-messages .text-2, .riifo-messages-item .choice-2 .title-1 strong, .riifo-contact-item .text-4 strong, .riifo-services-logistics .riifo-title .riifo-text, .riifo-services-bin-service .riifo-text, .riifo-services-technical-support .riifo-content-top .riifo-title .riifo-text, .riifo-about-whatweare .riifo-content-top .riifo-content-top-right, .riifo-about-an-nnovation-pioneer .riifo-content-left .riifo-text, .riifo-an-nnovation-pioneer strong, .riifo-munufacturing-expert-top .riifo-text, .riifo-globtal-market-leader-top .riifo-text, .riifo-about-history-item .text-2, .riifo-about-next .riifo-text { font-size: 13px; line-height: 26px; }

    .riifo-download-item .title-2, .riifo-news-item .title-2, .riifo-faqs-item-title strong, .riifo-text-linex p, .riifo-career-open-positions-item .title-1, .riifo-contact-office-item .title-1, .riifo-about-whatweare .riifo-content-top .riifo-content-top-left .riifo-text, .riifo-about-data-item .num-2, .riifo-about-history-content-top span { font-size: 18px; line-height: 24px; }
}
@media (max-width:1440px) {
    .riifo-content { width: 85%; }
    .popup-window-content { width: 74%; padding: 3%; transform: translate(-62%,-50%); }
}

@media (max-width:1000px) {
    .riifo-content { width: 90%; }
    .riifo-data-choice-nav, .riifo-content-page-nav { overflow-y: hidden; overflow-x: scroll; overflow: auto; width: 100%; white-space: nowrap; font-size: 0; }
    .riifo-video-item { width: 100%; }
    .riifo-video-item, .riifo-news-item { margin-bottom: 30px; }
    .popup-window-content { width: 100%; padding: 0; transform: none; top: 0; left: 0; height: 100%; box-sizing: border-box; overflow: auto; }
}




.index-pro-richtext { padding: 50px 0 60px; }

.index-pro-richtext p { font-size: 16px; color: #666; line-height: 32px; margin-bottom: 0 }

@media(min-width:0px) and (max-width:768px) {
    .index-pro-richtext { margin-top: 25px; }
    .index-pro-richtext { padding: 30px 0 30px; }
    .index-pro-richtext p { font-size: 14px; line-height: 25px; }
}



@media(min-width:768px) and (max-width:991px) {

    .index-pro-richtext { margin-top: 25px; }
    .index-pro-richtext { padding: 30px 0 30px; }
    .index-pro-richtext p { font-size: 14px; line-height: 25px; }
}



.pcpMain { float: left; width: 100%;  margin-top: 40px }
.portalResProduct_category { float: left; width: 280px; position: sticky; top: 121px; -webkit-animation-name:none !important;animation-name:none !important;}
.p_problemCategory { float: left; width: 100%; text-align: center; background: #005693; color: #fff; height: 50px; line-height: 50px; margin-bottom: 30px; cursor: pointer; }
.pcpCate { float: left; width: 100%; background: #f7f7f7 }
.pcpCate p { float: left; width: 100%; color: #fff; font-weight: 700; background: #005693; font-size: 16px; padding: 16px 24px; border-top-left-radius: 12px; border-top-right-radius: 12px; }
.pcpCate ul { float: left; width: 100%; margin: 0; padding: 0; }
.pcpCate ul li { float: left; width: 100%; margin: 0; padding: 0; border-bottom: 1px solid #ddd; line-height: 24px; overflow: hidden; position: relative; padding: 10px 0px; }
.pcpCate ul li a { color: #707070; padding: 0 15px; display: block; width: calc(100% - 20px); height: 100% }
.pcpCate ul li i { position: absolute; right: 15px; top: 10px; font-size: 18px; cursor: pointer; color:#005693}
.pcpCate ul li.on i { transform: rotate(180deg); -webkit-transform: rotate(180deg) }
/*.pcpCate ul li a i { float: left; width: 0; height: 2px; background: #96b84a; display: block; margin-top: 27px; -webkit-transition: all 1s; transition: all 1s }*/
.pcpCate ul li a span { float: left;font-size:14px; }
.pcpCate ul li a:hover { color: #005693 }
.pcpCate2 p { margin-bottom:0px;}
.pcpCate ul li ul { display: none; }
.pcpCate ul li.on ul { display: block; margin-top: 5px; }
.pcpCate ul li ul li { margin-bottom: 4px; position: relative; border-bottom: 0px; padding: 6px 0px; }
.pcpCate ul li ul li a { font-size: 12px; line-height: 24px; padding-left: 25px; }
.pcpCate ul li ul li:after { content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; background: #002d56; position: absolute; left: 18px; top: 15px; }
.pcpCate ul li.on a { color: #333 }
.pcpCate ul li.on a:hover { color: #005693 }
.pcpCate ul li.on i { width: 15px; margin-right: 5px }
.pcpCate2 { margin-top: 30px }
.portalResProduct_category .iCon { float: left; width: 100%; padding: 18px; padding-left: 63px; border-bottom: 1px solid #ddd }
.portalResProduct_category .iCon strong { font-size: 18px; float: left; width: 100% }
.portalResProduct_category .iCon p { font-size: 14px; float: left; width: 100%; line-height: 24px; color: #707070; word-break: break-all }
.portalResProduct_category .iCon1 { background: url(../images/t.png?v=2) no-repeat left center }
.portalResProduct_category .iCon2 { background: url(../images/m.png?v=3) no-repeat left center }
.portalResProduct_category .iCon3 { background: url(../images/address.png?v=5) no-repeat left center }
.portalResProduct_list { float: right; width: calc(100% - 310px); }
.pcplist { float: left; width: 100%; display: flex; flex-flow: wrap; }
.pcpItem { float: left; width: calc((100% - 60px)/4); margin-right: 20px; margin-bottom: 30px; border: 1px solid #ddd; border-radius: 20px; }
.pcpItem a { width: 100%; display: block }
.pcpItem .img { float: left; width: 100%; overflow: hidden;text-align:center;  height:270px;padding:10px;}
.pcpItem .img img { transition: all 1s; _transition: all 1s; border-top-left-radius: 20px; border-top-right-radius: 20px;object-fit:contain;height:250px; }
.pcpItem .txtBox { float: left; width: 100%; padding: 15px; -webkit-transition: all 1s; transition: all 1s }
.pcpItem .txtBox .proTitle { float: left; width: 100%; margin: 10px 0 }
.pcpItem .txtBox .proTitle h3 { margin: 0px; float: left; width:100%; font-size: 16px; overflow: hidden; margin-top: 0; color: #333;  line-height: 25px; }
.pcpItem .prhove { height: 75px; overflow: hidden; position: relative; color: #666; margin-top: 5px; float: left; width: 100%;font-size:14px; }

.pcpItem .txtBox .proTitle span {  }
.pcpItem .txtBox .line { width: 30px; float: right; border-bottom: 1px solid #999; margin-top: 5px; -webkit-transition: all 1s; transition: all 1s }
.pcpItem a:hover .img img { transform: scale(1.1) }

.pcpItem a:hover .txtBox h3 { color: #005693 }

.pcpItem a:hover .line { width: 100%; border-bottom: 1px solid #005693 }
.pcpItem a:hover .prhove { color: #333 }
.pcpItem a:hover .prhove::after { display: none; content: '' }

@media(min-width:0px) and (max-width:639px) {
    .pcpItem { float: left; width: 100%; margin-right: 0px; margin-bottom: 20px; border-radius: 20px; }
    .pcpItem:nth-child(3n) { margin-right: 0px }
    .pcpItem:nth-child(2n) { margin-right: 0 }
    .pcpItem .img { height: 320px; }
    .pcpItem .img img { height: 300px; }
}

@media(min-width:640px) and (max-width:767px) {
    .pcpItem { float: left; width: calc((100% - 12px)/2); margin-right: 12px; margin-bottom: 20px }


    .pcpItem:nth-child(2n) { margin-right: 0 }
}

@media(max-width:767px) {
    .index-pro-richtext { padding: 30px 0 30px }
    .portalResProduct_category { float: left; width: 100%; position: initial; }
    .portalResProduct_list { float: left; width: 100% }
    .pcpCate { display: none }
    .pcpCate2 { display: none }
    .iCon { display: none }

  
    .pcpItem .txtBox { padding: 10px }
    .pcpItem .txtBox .proTitle { margin: 0 }
    .pcpItem .txtBox .proTitle h3 { float: left; width: 100%; font-size: 16px; height: auto; overflow: hidden; margin-bottom:8px;}
    .pcpItem .txtBox .proTitle span { display: none }
    .pcpItem .txtBox .line { width: 100% }
    .pcpItem .prhove { height: 60px; font-size: 13px; line-height: 20px; float: left; width: 100% }
    .pcpItem .prhove::after { content: ''; display: none }


}

@media(min-width:768px) and (max-width:991px) {

    .portalResProduct_category { float: left; width: 100%; position: initial; }
    .portalResProduct_list { float: left; width: 100% }
    .pcpCate { display: none }
    .pcpCate2 { display: none }
    .iCon { display: none }
    .pcpItem { float: left; width: calc((100% - 20px)/2); margin-right: 20px; margin-bottom: 20px }
   
    .pcpItem:nth-child(2n) { margin-right: 0 }
    .pcpItem .txtBox { padding: 10px }
    .pcpItem .txtBox .proTitle { margin: 8px 0 }
    .pcpItem .txtBox .proTitle h3 { font-size: 14px }
}

@media(min-width:992px) and (max-width:1199px) {
    .pcpItem { float: left; width: calc((100% - 20px)/2); margin-right: 20px; margin-bottom: 20px }
    .pcpItem:nth-child(2n) { margin-right: 0 }
    .pcpItem .img { padding: 5px; }
    .pcpItem .txtBox { padding: 12px }
    .pcpItem .txtBox .proTitle { margin: 8px 0 }
    .pcpItem .txtBox .proTitle h3 { font-size: 14px; width:100%; }
    .pcpItem .txtBox .proTitle span { display: none }
    .pcpCate ul li { float: left; width: 100%; margin: 0; padding: 0; border-bottom: 1px solid #ddd; height: 52px; line-height: 52px; overflow: hidden }
    .pcpCate ul li a i { float: left; width: 0; height: 2px; background: #f1aa1f; display: block; margin-top: 25px; -webkit-transition: all 1s; transition: all 1s }
    .portalResProduct_category .iCon { float: left; width: 100%; padding: 15px; padding-left: 56px; border-bottom: 1px solid #ddd }
}

@media(min-width:1200px) and (max-width:1365px) {
    .pcpItem { float: left; width: calc((100% - 20px)/2); margin-right: 20px; margin-bottom: 20px }

    .pcpItem:nth-child(2n) { margin-right: 0 }
    .pcpItem .txtBox { padding: 15px }
    .pcpItem .txtBox .proTitle { margin: 8px 0 }
    .pcpItem .txtBox .proTitle h3 { font-size: 14px;}
  
}

@media(min-width:1366px) and (max-width:1439px) {
    .pcpItem .txtBox { padding: 15px }
    .pcpItem .txtBox .proTitle { margin: 8px 0 }
    .pcpItem .txtBox .proTitle h3 { font-size: 14px }
    .pcpItem { float: left; width: calc((100% - 20px)/2); margin-right: 20px; margin-bottom: 20px }

    .pcpItem:nth-child(2n) { margin-right: 0 }
}
@media(min-width:1440px) and (max-width:1859px) {
    .pcpItem { float: left; width: calc((100% - 40px)/3); margin-right: 20px; margin-bottom: 20px }

    .pcpItem:nth-child(3n) { margin-right: 0 }
}
@media(min-width:1860px) {
    .pcpItem:nth-child(4n) { margin-right: 0 }
}



.details { float: left; width: 100%; margin-top: 10px; }

.details { padding: 35px 0; padding-top: 15px; }
.details .conthtml { }
.details .detail_left { float: left; width: 750px; }
.details .detail_right { float: left; width: 850px; margin-left: 40px; }
.details .detail_left > .h { overflow: hidden; position: relative; }
.details .detail_right h1 { margin-top: 0px; }
.details .detail_left > .rtp_small_img { float:left; width:100%;}

.details .detail_left .btn { position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; align-items: center; justify-content: center; background: #f68d2a; cursor: pointer; outline: none; float: left; color: #fbfcfd; z-index: 2; display: inline-flex; opacity: 0; }
.details .detail_left:hover .btn { opacity: 0; }
.details .detail_left:hover .btn { opacity: 0; }




.details .detail_right .rtpdesbtn { float: left; width: 100%; margin-top: 20px; display: flex; flex-flow: wrap; border-bottom: 1px solid #ddd; padding-bottom: 25px; }
.details .detail_right .rtpdesbtn .btnrtpfir { background: #005693; color: #fff; padding: 10px; border-radius: 20px; padding-left: 20px; padding-right: 20px; }
.details .detail_right .rtpdesbtn .btnrtptwo { background: #000; color: #fff; padding: 10px; border-radius: 20px; padding-left: 20px; padding-right: 20px; margin-left: 15px; }
.details .detail_right .rtpdesbtn a:hover { background: #005693; }
.share3 { float: left; width: 100%; margin-top: 38px; display: flex; line-height: 32px; }
.share3 a { width: 32px; height: 32px; font-size: 14px; text-align: center; margin-right: 6px; text-align: center; background: #666666; color: #fff; display: block; border-radius: 50%; }
.share3 a i { font-size: 14px; }
.share3 a:hover { background: #005693 }
.details .detail_right h1 { font-weight: bold; }
.details .xing { margin-top: 20px; color: #333; line-height: 25px; }
.details .xing i { color: #96b84a; line-height: 25px; margin-right: 12px; }
.delr_jbei { background: #ececec; padding: 15px; border-radius: 20px; padding-left: 20px; padding-right: 20px; display: flex; margin-top: 15px; }
.delr_jbei i { font-size: 30px; color: #e4ac31; margin-top: 10px; }
.delr_jbei .jbeirig { line-height: 20px; margin-left: 12px; }
.delr_jbei .jbeirig p { margin-bottom: 0px; }
.prov1p2 { float: left; width: 100%; position: relative; overflow: hidden; margin-top: 18px; }
.prov1p2 font { color: #96b84a }
.detail1 { float: left; width: 100%; margin-top: 45px; border-bottom: 1px solid #ddd; padding-bottom: 50px; }
.detail1 .de2right { float: right; width: 280px; position: sticky; top: 121px; }
.de1left { float: left; width: calc(100% - 320px) }
.de1left .de1conts { float: left; width: 100%; margin-bottom: 30px; margin-top: 30px; }
.de1left .de1titpe { float: left; width: 100%; position: relative; }
.de1left .de1titpe h3 { background: #005693; float: left; color: #fff; padding: 18px; font-size: 15px; line-height: 20px !important; border-top-left-radius: 12px; border-top-right-radius: 12px; margin: 0px; }
.de1left .de1titpe h3::after { position: absolute; content: ""; bottom: 0px; width: 100%; height: 2px; background: #005693; left: 0px; }
.table-over { overflow-x: auto }

.de1left table { width: 100% }

.de1left table tr { background: none }

.de1left table tr:nth-child(1) td:nth-child(1) p { color: #333 }

.de1left table tr td { border: 1px solid #e8e8e8; padding: 6px 12px; color: #666 }

.de1left table tr td * { color: #666 }

.de1left table tr td p { max-width: 260px }

.detail2 { float: left; width: 100%; margin-top: 45px; }
.deail2_top { float: left; width: 100%; display: flex; }
.deail2_top h3 { flex: 1; }
.deail2_top p { float: right; width: 580px; margin-top: 25px; }
.proremm { float: left; width: 100%; margin-top: 65px; }
.proremm .swiper { height: auto; overflow: visible; }
.proremm .swiper-wrapper { height: auto; width: 100%; }
.proremm .swiper-slide { height: auto; }
.proremm .item { float: left; width: 100%; }
.proremm .item .ptpt { float: left; width: 100%; background: #e9eaeb; border: 1px solid #dddddd; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; border-radius: 20px; margin-top: 15px; }
.proremm .item .ptpt i { background: #96b84a; border-radius: 100%; width: 50px; height: 50px; text-align: center; line-height: 50px; color: #fff; float: right; font-size: 22px; margin-right: 6px; }
.proremm .item .ptpt span { line-height: 50px; overflow: hidden; margin-left: 8px; color: #000; }
.proremm .item .pmpd { float: left; width: 100%; border: 1px solid #ddd; border-radius: 20px; position: relative; overflow: hidden; }
.proremm .item .pmpd img { border-radius: 20px; width: 100%; height: auto; object-fit: cover; height: 320px; }
.proremm .item .pmpd .pmpmore { position: absolute; float: left; width: 100%; bottom: 20px; left: 25px; display: flex; }
.proremm .item .pmpd .pmpmore p { margin: 0px; background: rgb(221, 221,221,0.9); border-radius: 20px; color: #333; width: 110px; text-align: center; height: 45px; line-height: 45px; }
.proremm .item .pmpd .pmpmore i { height: 45px; line-height: 45px; color: #fff; background: rgb(43, 50,62,0.8); width: 45px; border-radius: 50%; text-align: center; position: relative; margin-left: -12px; }

.deatl5 { float: left; width: 100%; margin-top: 40px; }
.deail2_top { float: left; width: 100%; }
.deail2_top h3 { }

@media (max-width:991px) {
    .details { padding-top: 5px; }
    .details .detail_left { float: left; width: 100%; }
    .details .detail_left > .rtp_small_img .hisList3 { width: 100%; height: 350px; }

.details .detail_left > .rtp_small_img .hisList3 .swiper-slide { background: #fff; overflow: hidden; text-align: center; margin: 0; cursor: pointer; box-sizing: border-box; border: 1px solid #d5d5d5; opacity: 1; padding: 5px; position: relative; display: flex; align-items: center; justify-content: center; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide img { box-sizing: border-box; max-height: 300px; max-width: 100%; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide iframe { object-fit: cover; width: 100% !important; height: 100px; }
    .details .detail_left > .rtp_small_img .hisList2 { height: 70px; }
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide { overflow: hidden; box-sizing: border-box; opacity: 0.7; margin: 0; border: 1px solid #ddd; padding: 10px; position: relative; background:#fff; }
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide img { width: 100%; height: 100%; object-fit: contain; }
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }

    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide-thumb-active { opacity: 1; border-color: #2c7d17; }
    .details .detail_left .btn { position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; align-items: center; justify-content: center; background: #f68d2a; cursor: pointer; outline: none; float: left; color: #fbfcfd; z-index: 2; display: inline-flex; opacity: 0; }
    .details .detail_left:hover .btn { opacity: 0; }
    .details .detail_left:hover .btn { opacity: 0; }

    .rwidth { float: left; width: 100%; margin-top: 12px; overflow: hidden; }
    .details .detail_left > .rtp_small_img .hisList2 { position: relative; padding: 0 35px; }
    .hisList2 .c-prev,
    .hisList2 .c-next { position: absolute; top: 0; left: 0; z-index: 10; width: 25px; height: 100%; background: #ececec; cursor: pointer; }
    .hisList2 .c-prev { transition: all 0.5s; }
    .hisList2 .c-prev::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-right: 12px solid #999; border-top: 6px solid transparent; border-bottom: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-prev:hover { background: #005693; }
    .hisList2 .c-prev:hover::before { border-right: 12px solid #fff; }
    .hisList2 .c-next { left: auto; right: 0; transition: all 0.5s; }
    .hisList2 .c-next::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-left: 12px solid #999; border-top: 6px solid transparent; border-bottom: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-next:hover { background: #005693; }
    .hisList2 .c-next:hover::before { border-left: 12px solid #fff; }


    .details .detail_right { float: left; width: 100%; margin-left: 0px; }
    .details .detail_right h1 { font-size: 28px; margin-top: 30px; }
    .details .detail_right .rtpdesbtn { display: flex; flex-flow: wrap; }
    .details .detail_right .rtpdesbtn .btnrtpfir { margin-right: 15px; }
    .details .detail_right .rtpdesbtn .btnrtptwo { margin-left: 0px; }
    .public-btn4 { margin-left: 0px; }
    .public-btn3 { margin-right: 15px; margin-bottom: 10px; }
    .share3 { margin-top: 20px; }

    .detail1 .de2right { float: right; width: 280px; position: initial; top: 121px; display: none; }
    .de1left { float: left; width: 100%; }
    .deail2_top { float: left; width: 100%; display: flex; flex-flow: wrap; }
    .detail2 { margin-top: 25px; }
    .deail2_top h3 { flex: auto; float: left; width: 100%; }
    .deail2_top h3 br { display: none; }
    .deail2_top p { float: left; width: 100%; margin-top: 15px; }
    .pdhtop { margin-top: 70px; }
    .proremm { margin-top: 40px; }
    .proremm .swiper { height: auto; overflow: hidden; }
    .proremm .item .pmpd img { height: 293px; }
    .proremm .item .ptpt i { width: 42px; height: 42px; line-height: 42px; font-size: 22px; }
    .proremm .item .ptpt span { line-height: 42px; }
}

@media(min-width:992px) and (max-width:1199px) {
    .details .detail_left { float: left; width: 420px; }
    .details .detail_left > .rtp_small_img .hisList3 { width: 420px; height: 400px; }
    .details .detail_right { float: left; width: 400px; margin-left: 30px; }
    .details .detail_right h1 { font-size: 28px; }

    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide { overflow: hidden; text-align: center; margin: 0; cursor: pointer; box-sizing: border-box; background: #fff; border: 1px solid #d5d5d5; padding: 5px; position: relative; display: flex; align-items: center; justify-content: center; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide img { box-sizing: border-box; max-height: 300px; max-width: 100%; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide iframe { object-fit: cover; width: 100% !important; height: 100px; }
    .details .detail_left > .rtp_small_img .hisList2 { height: 70px; }
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide { background: #fff; overflow: hidden; box-sizing: border-box; opacity: 0.7; margin: 0; border: 1px solid #ddd; padding: 10px; position: relative; }
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide img { width: 100%; height: 100%; object-fit: contain; }
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }

    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide-thumb-active { opacity: 1; border-color: #2c7d17; }
    .details .detail_left .btn { position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; align-items: center; justify-content: center; background: #f68d2a; cursor: pointer; outline: none; float: left; color: #fbfcfd; z-index: 2; display: inline-flex; opacity: 0; }
    .details .detail_left:hover .btn { opacity: 0; }
    .details .detail_left:hover .btn { opacity: 0; }

    .rwidth { float: left; width: 100%; margin-top: 12px; overflow: hidden; }
    .details .detail_left > .rtp_small_img .hisList2 { position: relative; padding: 0 35px; }
    .hisList2 .c-prev,
    .hisList2 .c-next { position: absolute; top: 0; left: 0; z-index: 10; width: 25px; height: 100%; background: #ececec; cursor: pointer; }
    .hisList2 .c-prev { transition: all 0.5s; }
    .hisList2 .c-prev::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-right: 12px solid #999; border-top: 6px solid transparent; border-bottom: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-prev:hover { background: #005693; }
    .hisList2 .c-prev:hover::before { border-right: 12px solid #fff; }
    .hisList2 .c-next { left: auto; right: 0; transition: all 0.5s; }
    .hisList2 .c-next::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-left: 12px solid #999; border-top: 6px solid transparent; border-bottom: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-next:hover { background: #005693; }
    .hisList2 .c-next:hover::before { border-left: 12px solid #fff; }

    .proremm .item .pmpd img { height: 293px; }
    .proremm .item .ptpt i { width: 42px; height: 42px; line-height: 42px; font-size: 22px; }
    .proremm .item .ptpt span { line-height: 42px; }
}

@media(min-width:1200px) and (max-width:1365px) {
    .details .detail_left { float: left; width: 500px; }
    .details .detail_left > .rtp_small_img .hisList3 { width: 500px; height: 400px; }
    .details .detail_right { float: left; width: 600px; margin-left: 40px; }

    .proremm .item .pmpd img { height: 293px; }
    .proremm .item .ptpt i { width: 42px; height: 42px; line-height: 42px; font-size: 22px; }
    .proremm .item .ptpt span { line-height: 42px; }

    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide { background: #fff; overflow: hidden; text-align: center; margin: 0; cursor: pointer; box-sizing: border-box; border: 1px solid #d5d5d5; padding: 5px; position: relative; display: flex; align-items: center; justify-content: center; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide img { box-sizing: border-box; max-height: 300px; max-width: 100%; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide iframe { object-fit: cover; width: 100% !important; height: 100px; }
    .details .detail_left > .rtp_small_img .hisList2 { height: 70px; }
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide { background: #fff; overflow: hidden; box-sizing: border-box; opacity: 0.7; margin: 0; border: 1px solid #ddd; padding: 10px; position: relative; }
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide img { width: 100%; height: 100%; object-fit: contain; }
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }

    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide-thumb-active { opacity: 1; border-color: #2c7d17; }
    .details .detail_left .btn { position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; align-items: center; justify-content: center; background: #f68d2a; cursor: pointer; outline: none; float: left; color: #fbfcfd; z-index: 2; display: inline-flex; opacity: 0; }
    .details .detail_left:hover .btn { opacity: 0; }
    .details .detail_left:hover .btn { opacity: 0; }

    .rwidth { float: left; width: 100%; margin-top: 12px; overflow: hidden; }
    .details .detail_left > .rtp_small_img .hisList2 { position: relative; padding: 0 35px; }
    .hisList2 .c-prev,
    .hisList2 .c-next { position: absolute; top: 0; left: 0; z-index: 10; width: 25px; height: 100%; background: #ececec; cursor: pointer; }
    .hisList2 .c-prev { transition: all 0.5s; }
    .hisList2 .c-prev::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-right: 12px solid #999; border-top: 6px solid transparent; border-bottom: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-prev:hover { background: #005693; }
    .hisList2 .c-prev:hover::before { border-right: 12px solid #fff; }
    .hisList2 .c-next { left: auto; right: 0; transition: all 0.5s; }
    .hisList2 .c-next::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-left: 12px solid #999; border-top: 6px solid transparent; border-bottom: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-next:hover { background: #005693; }
    .hisList2 .c-next:hover::before { border-left: 12px solid #fff; }
}

@media(min-width:1366px) and (max-width:1439px) {
    .details .detail_left { float: left; width: 500px; }
    .details .detail_left > .rtp_small_img .hisList3 { width: 500px; height: 400px; }
    .details .detail_right { float: left; width: 600px; margin-left: 40px; }



    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide { background: #fff; overflow: hidden; text-align: center; margin: 0; cursor: pointer; box-sizing: border-box; border: 1px solid #d5d5d5; padding: 5px; position: relative; display: flex; align-items: center; justify-content: center; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide img { box-sizing: border-box; max-height: 300px; max-width: 100%; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide iframe { object-fit: cover; width: 100% !important; height: 100px; }
    .details .detail_left > .rtp_small_img .hisList2 { height: 70px; }
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide { background: #fff; overflow: hidden; box-sizing: border-box; opacity: 0.7; margin: 0; border: 1px solid #ddd; padding: 10px; position: relative; }
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide img { width: 100%; height: 100%; object-fit: contain; }
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }

    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide-thumb-active { opacity: 1; border-color: #2c7d17; }
    .details .detail_left .btn { position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; align-items: center; justify-content: center; background: #f68d2a; cursor: pointer; outline: none; float: left; color: #fbfcfd; z-index: 2; display: inline-flex; opacity: 0; }
    .details .detail_left:hover .btn { opacity: 0; }
    .details .detail_left:hover .btn { opacity: 0; }

    .rwidth { float: left; width: 100%; margin-top: 12px; overflow: hidden; }
    .details .detail_left > .rtp_small_img .hisList2 { position: relative; padding: 0 35px; }
    .hisList2 .c-prev,
    .hisList2 .c-next { position: absolute; top: 0; left: 0; z-index: 10; width: 25px; height: 100%; background: #ececec; cursor: pointer; }
    .hisList2 .c-prev { transition: all 0.5s; }
    .hisList2 .c-prev::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-right: 12px solid #999; border-top: 6px solid transparent; border-bottom: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-prev:hover { background: #005693; }
    .hisList2 .c-prev:hover::before { border-right: 12px solid #fff; }
    .hisList2 .c-next { left: auto; right: 0; transition: all 0.5s; }
    .hisList2 .c-next::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-left: 12px solid #999; border-top: 6px solid transparent; border-bottom: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-next:hover { background: #005693; }
    .hisList2 .c-next:hover::before { border-left: 12px solid #fff; }
}

@media(min-width:1440px) and (max-width:1599px) {
    .details .detail_left { float: left; width: 600px; }
    .details .detail_left > .rtp_small_img .hisList3 { width: 600px; height: 400px; }
    .details .detail_right { float: left; width: 650px; margin-left: 40px; }


    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide { background: #fff; overflow: hidden; text-align: center; margin: 0; cursor: pointer; box-sizing: border-box; border: 1px solid #d5d5d5; padding: 5px; position: relative; display: flex; align-items: center; justify-content: center; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide img { box-sizing: border-box; max-height: 300px; max-width: 100%; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide iframe { object-fit: cover; width: 100% !important; height: 100px; }
    .details .detail_left > .rtp_small_img .hisList2 { height: 70px; }
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide { background: #fff; overflow: hidden; box-sizing: border-box; opacity: 0.7; margin: 0; border: 1px solid #ddd; padding: 10px; position: relative; }
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide img { width: 100%; height: 100%; object-fit: contain; }
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }

    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide-thumb-active { opacity: 1; border-color: #2c7d17; }
    .details .detail_left .btn { position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; align-items: center; justify-content: center; background: #f68d2a; cursor: pointer; outline: none; float: left; color: #fbfcfd; z-index: 2; display: inline-flex; opacity: 0; }
    .details .detail_left:hover .btn { opacity: 0; }
    .details .detail_left:hover .btn { opacity: 0; }

    .rwidth { float: left; width: 100%; margin-top: 12px; overflow: hidden; }
    .details .detail_left > .rtp_small_img .hisList2 { position: relative; padding: 0 35px; }
    .hisList2 .c-prev,
    .hisList2 .c-next { position: absolute; top: 0; left: 0; z-index: 10; width: 25px; height: 100%; background: #ececec; cursor: pointer; }
    .hisList2 .c-prev { transition: all 0.5s; }
    .hisList2 .c-prev::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-right: 12px solid #999; border-top: 6px solid transparent; border-bottom: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-prev:hover { background: #005693; }
    .hisList2 .c-prev:hover::before { border-right: 12px solid #fff; }
    .hisList2 .c-next { left: auto; right: 0; transition: all 0.5s; }
    .hisList2 .c-next::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-left: 12px solid #999; border-top: 6px solid transparent; border-bottom: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-next:hover { background: #005693; }
    .hisList2 .c-next:hover::before { border-left: 12px solid #fff; }

}


@media(min-width:1600px) and (max-width:1859px) {
    .details .detail_left { float: left; width: 700px; }
    .details .detail_right { float: left; width: 700px; margin-left: 40px; }

    .details .detail_left > .rtp_small_img .hisList3 { position: relative; overflow: hidden; box-sizing: border-box; float: left; width: 560px; height: 450px; background: #fff; }

    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide { background: #fff; overflow: hidden; text-align: center; margin: 0; cursor: pointer; box-sizing: border-box; border: 1px solid #d5d5d5; opacity: 0.7; padding: 5px; position: relative; display: flex; align-items: center; justify-content: center; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide img { box-sizing: border-box; max-width: 100%; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide iframe { object-fit: cover; width: 100% !important; height: 100px; }
    .details .detail_left > .rtp_small_img .hisList2 { height: 450px; }

    .rwidth { float: right; width: 120px; }
    .hisList2 .c-prev { position: absolute; top: 0; left: 0; z-index: 10; width: 120px; height: 25px; background: #ececec; cursor: pointer; }
    .hisList2 .c-next { position: absolute; bottom: 0; left: 0; z-index: 10; width: 120px; height: 25px; background: #ececec; cursor: pointer; }
    .details .detail_left > .rtp_small_img .hisList2 { position: relative; padding: 35px 0px; }
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide { background: #fff; overflow: hidden; box-sizing: border-box; margin: 0; border: 1px solid #ddd; padding: 5px; position: relative; width: 120px; text-align: center; }

    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide img { width: 100%; height: 100%; object-fit: contain; }
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }

    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide-thumb-active { opacity: 1; border-color: #005693; }

    .hisList2 .c-prev { transition: all 0.5s; }
    .hisList2 .c-prev::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-bottom: 10px solid #999; border-left: 6px solid transparent; border-right: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-prev:hover { background: #005693; }
    .hisList2 .c-prev:hover::before { border-bottom: 12px solid #fff; }
    .hisList2 .c-next { left: auto; right: 0; transition: all 0.5s; }
    .hisList2 .c-next::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-top: 10px solid #999; border-left: 6px solid transparent; border-right: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-next:hover { background: #005693; }
    .hisList2 .c-next:hover::before { border-top: 12px solid #fff; }
}

@media(min-width:1860px) {

    .details .detail_left > .rtp_small_img .hisList3 { position: relative; overflow: hidden; box-sizing: border-box; float: left; width: 600px; height: 450px; background: #fff; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide { background: #fff; overflow: hidden; text-align: center; margin: 0; cursor: pointer; box-sizing: border-box; border: 1px solid #d5d5d5; opacity:1; padding: 5px; position: relative; display: flex; align-items: center; justify-content: center; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide img { box-sizing: border-box; max-width: 100%; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide iframe { object-fit: cover; width: 100% !important; height: 100px; }
    .details .detail_left > .rtp_small_img .hisList2 { height: 450px; }

    .rwidth { float: right; width: 120px; }
    .hisList2 .c-prev { position: absolute; top: 0; left: 0; z-index: 10; width: 120px; height: 25px; background: #ececec; cursor: pointer; }
    .hisList2 .c-next { position: absolute; bottom: 0; left: 0; z-index: 10; width: 120px; height: 25px; background: #ececec; cursor: pointer; }
    .details .detail_left > .rtp_small_img .hisList2 { position: relative; padding: 35px 0px; }
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide { background: #fff; overflow: hidden; box-sizing: border-box; margin: 0; border: 1px solid #ddd; padding: 5px; position: relative; width: 120px; text-align: center; }

    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide img { width: 100%; height: 100%; object-fit: contain; }
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }

    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide-thumb-active { opacity: 1; border-color: #005693; }

    .hisList2 .c-prev { transition: all 0.5s; }
    .hisList2 .c-prev::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-bottom: 10px solid #999; border-left: 6px solid transparent; border-right: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-prev:hover { background: #005693; }
    .hisList2 .c-prev:hover::before { border-bottom: 12px solid #fff; }
    .hisList2 .c-next { left: auto; right: 0; transition: all 0.5s; }
    .hisList2 .c-next::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-top: 10px solid #999; border-left: 6px solid transparent; border-right: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-next:hover { background: #005693; }
    .hisList2 .c-next:hover::before { border-top: 12px solid #fff; }
}



.public-btn3 { float: left; position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; padding: 0 14px 0 25px; height: 50px; border-radius: 25px; background-color: #2b323e; color: #fff; cursor: pointer; transition: all 0.3s; overflow: hidden; }
.public-btn3 span { position: relative; z-index: 5; color: #fff; }
.public-btn3 i { position: relative; z-index: 5; width: 36px; height: 36px; background: #fff; margin-left: 35px; display: flex; justify-content: center; align-items: center; border-radius: 50%; transition: all 0.3s; color: #2b323e }
.public-btn3 img, .public-btn3 svg { position: relative; z-index: 5; width: 12px; height: 12px; }
.public-btn3:hover img, .public-btn3:hover div.icon { transform: translateX(0.1rem); }
.public-btn3::before { content: ""; position: absolute; top: -2px; left: -2px; z-index: 1; width: calc(100% + 4px); height: calc(100% + 4px); background-color: #4a84b0; border-radius: 25px; transform: scaleX(0); transform-origin: right; -webkit-transition: transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86); -moz-transition: transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86); -o-transition: transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86); transition: transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86); }


.prodemess { float: left; width: 100%; margin-top: 60px;padding-top:60px; }
.prodemess .message_list { float: left; width: 100%; margin-bottom: 50px; }
.message_left { float: left; width: 665px }
.message_left h3 { }
.message_left p { margin-top: 15px; color: #666;  }
.message_right { float: right; width: 715px }
.message_right .listd { float: left; width: 100% }
.listd .form-control { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; border: none; font-size: 14px; font-weight: 400; text-indent: 12px; border-radius: 20px; background: #f2f2f2 }
.listd .form-control:focus, .listd .form-control:active { border-bottom: 1px solid rgba(229,34,42,.5) }
.listd input[type=text] { height: 50px }
.listd .form-group { margin-bottom: 20px }
.listd .pbpmore { margin-top: 10px }
.listd .pbpmore .set_5_button { background: #005693; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; position: relative; overflow: hidden; width: auto; padding: 0 25px; line-height: 45px; float: left; cursor: pointer; text-align: center; border-radius: 15px }
.listd .pbpmore .set_5_button a { color: #fff; text-decoration: none; display: block; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: 14px }
.listd .pbpmore .set_5_button span { -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.listd .pbpmore .set_5_button a i { margin-left: 10px }
.listd .pbpmore .set_5_button:hover { background-color: #142b52; color: #fff }
.listd .pbpmore .set_5_button:hover > a { color: #fff }


.produ2list { float: left; width: 100%; margin-top: 50px; }
.tjprod { float: left; width: 100%;background:#f8f8f8;padding-bottom:60px;padding-top:10px; }
.team-swiper .box { transform: scale(.9) }

.team-swiper .swiper-slide { position: relative; transition: all .3s; display: flex; align-items: flex-start; justify-content: center }

.team-swiper .swiper-slide .title { position: absolute; width: 100%; left: 0; bottom: 30px; font-size: 20px; color: #fff; padding: 0 50px; display: none }

.team-swiper .swiper-slide-active { opacity: 1 }

.team-swiper .swiper-slide-active .box { transform: scale(1) }

.team-swiper .swiper-slide-active::after { display: none }

.team-swiper .swiper-slide-active .title { display: block }

.team-swiper .swiper-pagination { position: static; margin-top: 40px; width: 100%; text-align: center }

.team-swiper .swiper-pagination .swiper-pagination-bullet { width: 5px; height: 5px; border-radius: 5px; background: #005693; margin: 0 6px }

.team-swiper .swiper-pagination .swiper-pagination-bullet-active { width: 24px }


.produ2list .item { float: left; width: 100%; background: #fff; border-radius: 20px; padding: 25px; position: relative; }
.produ2list .item .pabp { position: absolute; float: left; width: 100%; height: 100%; background: rgb(0,0,0,0.3); border-radius: 20px; top: 0px; left: 0px; display: none; }
.produ2list .item .pabp i { float: right; height: 50px; width: 50px; text-align: center; line-height: 50px; font-size: 18px; background: #fff; border-radius: 50%; color: #005693; margin-right: 20px; margin-top: 20px; }
.produ2list .item .pabp .pabbp { position: absolute; float: left; width: calc(100% - 40px); bottom: 20px; left: 20px; background: #005693; border-radius: 20px; padding: 25px; }
.produ2list .item .pabp .pabbp strong { color: #fff; font-weight: normal; font-size: 16px; }
.produ2list .item .pabp .pabbp p { color: rgb(255,255,255,0.5); line-height: 20px; margin-top: 15px; margin-bottom: 0px; }
.produ2list .item .ptp { overflow: hidden; text-align:center; height:350px;padding:15px; }
.produ2list .item .ptp img { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; height:300px; object-fit:contain; }
.produ2list .item .pmp { margin-top: 20px; text-align: center; }
.produ2list .item:hover .pabp { display: block; }
.produ2list .item:hover .ptp img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }



.produ2list .swiper-button-next2 { width: 44px; height: 44px; background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); color: #000; opacity: 1; border-radius: 50%; position: absolute; top: 50%; right: 3px; margin-top: -22px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.produ2list .swiper-button-prev2 { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); width: 44px; height: 44px; background: #fff; color: #000; opacity: 1; border-radius: 50%; font-size: 24px; position: absolute; top: 50%; left: 3px; margin-top: -22px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.produ2list .swiper-button-next2:hover { background: #005693; color: #fff; }
.produ2list .swiper-button-prev2:hover { background: #005693; color: #fff; }

@media (max-width:768px) {

    .message_left { float: left; width: 100% }

    .message_left p { font-size: 16px; margin-top: 25px; color: #666; width: 100%; }
    .message_right { float: left; width: 100%; margin-top: 25px }
}

@media(min-width:768px) and (max-width:992px) {
    .message_left { float: left; width: 100% }

    .message_left p { font-size: 16px; margin-top: 25px; color: #666 }
    .message_right { float: left; width: 100%; margin-top: 25px }
}

@media(min-width:992px) and (max-width:1200px) {
    .message_left { float: left; width: 100% }

    .message_left p { font-size: 16px; margin-top: 25px; color: #666 }
    .message_right { float: left; width: 100%; margin-top: 25px }
}

@media(min-width:1200px) and (max-width:1366px) {
    .message_left { float: left; width: 530px }

    .message_left p { font-size: 16px; margin-top: 25px; color: #666 }
    .message_right { float: right; width: 570px }
}

@media(min-width:1367px) and (max-width:1440px) {
    .message_left { float: left; width: 545px }

    .message_left p { font-size: 16px; margin-top: 25px; color: #666 }
    .message_right { float: right; width: 585px }
}

@media(min-width:1441px) and (max-width:1600px) {
    .message_left { float: left; width: 585px }

    .message_left p { font-size: 16px; margin-top: 25px; color: #666 }
    .message_right { float: right; width: 625px }
}


.prodlistd { float: left; width: 100%; background: #f5f5f5; padding-bottom: 60px; }
.pcplist .item .pabp { position: absolute; float: left; width: 100%; height: 100%; background: rgb(0,0,0,0.3); border-radius: 20px; top: 0px; left: 0px; display: none; }
.pcplist .item .pabp i { float: right; height: 50px; width: 50px; text-align: center; line-height: 50px; font-size: 18px; background: #fff; border-radius: 50%; color: #005693; margin-right: 20px; margin-top: 20px; }
.pcplist .item .pabp .pabbp { position: absolute; float: left; width: calc(100% - 40px); bottom: 20px; left: 20px; background: #005693; border-radius: 20px; padding: 25px; }
.pcplist .item .pabp .pabbp strong { color: #fff; font-weight: normal; font-size: 16px; }
.pcplist .item .pabp .pabbp p { color: rgb(255,255,255,0.5); line-height: 20px; margin-top: 15px; margin-bottom: 0px; }
.pcplist .item .ptp { overflow: hidden; text-align: center; height: 350px; padding: 12px; }
.pcplist .item .ptp img { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; height: 350px; object-fit: contain; }
.pcplist .item .pmp { margin-top: 20px; text-align: center; }
.pcplist .item:hover .pabp { display: block; }
.pcplist .item:hover .ptp img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }



@media(min-width:1px) and (max-width:639px) {
    .pcplist .item { float: left; width: 100%; background: #fff; border-radius: 20px; padding: 25px; position: relative; margin-bottom: 25px; }
}

@media(min-width:640px) and (max-width:767px) {
    .pcplist .item { float: left; width: calc((100% - 20px)/2); background: #fff; border-radius: 20px; padding: 25px; position: relative; margin-right: 20px; margin-bottom: 25px; }

    .pcplist .item:nth-child(2n) { margin-right: 0px; }
}


@media(min-width:768px) and (max-width:991px) {

    .pcplist .item { float: left; width: calc((100% - 20px)/2); background: #fff; border-radius: 20px; padding: 25px; position: relative; margin-right: 20px; margin-bottom: 25px; }

    .pcplist .item:nth-child(2n) { margin-right: 0px; }
}

@media(min-width:992px) and (max-width:1199px) {

    .pcplist .item .ptp { overflow: hidden; text-align: center; height: 300px; padding: 12px; }
    .pcplist .item .ptp img { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; height: 300px; object-fit: contain; }
    .pcplist .item { float: left; width: calc((100% - 20px)/2); background: #fff; border-radius: 20px; padding: 25px; position: relative; margin-right: 20px; margin-bottom: 25px; }

    .pcplist .item:nth-child(2n) { margin-right: 0px; }


}

@media(min-width:1200px) and (max-width:1365px) {


    .pcplist .item { float: left; width: calc((100% - 20px)/2); background: #fff; border-radius: 20px; padding: 25px; position: relative; margin-right: 20px; margin-bottom: 25px; }

    .pcplist .item:nth-child(2n) { margin-right: 0px; }

}

@media(min-width:1366px) and (max-width:1439px) {

    .pcplist .item { float: left; width: calc((100% - 40px)/3); background: #fff; border-radius: 20px; padding: 25px; position: relative; margin-right: 20px; margin-bottom: 25px; }

    .pcplist .item:nth-child(3n) { margin-right: 0px; }

 
}

@media(min-width:1440px) and (max-width:1599px) {

    .pcplist .item { float: left; width: calc((100% - 40px)/3); background: #fff; border-radius: 20px; padding: 25px; position: relative; margin-right: 20px; margin-bottom: 25px; }
    .pcplist .item .ptp { overflow: hidden; text-align: center; height: 300px; padding: 12px; }
    .pcplist .item .ptp img { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; height: 300px; object-fit: contain; }
    
    .pcplist .item:nth-child(3n) { margin-right: 0px; }
}

@media(min-width:1600px) and (max-width:1859px) {

    .pcplist .item { float: left; width: calc((100% - 40px)/3); background: #fff; border-radius: 20px; padding: 25px; position: relative; margin-right: 20px; margin-bottom: 25px; }

    .pcplist .item:nth-child(3n) { margin-right: 0px; }
}


@media(min-width:1860px) {
    .pcplist .item { float: left; width: calc((100% - 60px)/4); background: #fff; border-radius: 20px; padding: 25px; position: relative; margin-right: 20px; margin-bottom: 25px; }

    .pcplist .item:nth-child(4n) { margin-right: 0px; }
}