body {
  font: 16px pxPingFangSC-Regular, Helvetica, Arial, Microsoft Yahei, sans-serif; 
  font-size: 16px;
  line-height: 2;
}

.phone {
  display: none;
}

.container {
  max-width: 1380px;
  width: 92%;
  margin: 0 auto;
}



.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.main {
  flex: 1;
}

.footer,
.header {
  flex: 0;
}

a:hover {
  text-decoration: none;
  color: #240f6c;
  transition: color 0.4s;
  -moz-transition: color 0.4s;
  -webkit-transition: color 0.4s;
  -o-transition: color 0.4s;
}

@-webkit-keyframes fromBottomFade {
  from {
    -webkit-transform: translateY(20%);
    opacity: 0;
  }
}

@keyframes fromBottomFade {
  from {
    transform: translateY(20%);
    opacity: 0;
  }
}

@font-face {
  font-family: Pingfang;
  src: url(../fonts/pingfang/pingfang-n.TTC);
}
@font-face {
  font-family: Pingfang-bold;
  src: url(../fonts/pingfang/PINGFANG\ BOLD.TTF);
}

@font-face {
  font-family: Alimama;
  src: url(../fonts/Alimama/AlimamaDongFangDaKai-Regular.woff);
}

.Pingfang{
  font-family: Pingfang;
}
.Pingfang-bold{
  font-family: Pingfang-bold;
} 

.Alimama{
  font-family: Alimama;
}
.ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ellipsis-2{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.fl{float: left;}
.fr{float: right;}
.center{text-align: center;}
.image{font-size: 0;line-height: 0;}
.image img{max-width: 100%;}
/* 导航 */
.pc-nav {  width: 100%;height: 100px;   z-index: 999; transition: 0.6s;background: #e0e0e0;position:fixed;left:0;top:0;box-shadow:0px 2px 2px #dedede;}
.ny-pc-nav{background: #fff;}
.pc-nav .container{display: flex;justify-content: space-between;}

.pc-nav .logo-box{width: 100%;overflow: hidden; transition: 0.6s;height: 100px;display: flex;align-items: center;justify-content: space-between; height: 100px;}
.pc-nav .logo-box .logo {align-items: center;font-size: 0;}
.pc-nav .logo-box .logo img {  max-width: 100%;max-height: 100%;}
.pc-nav .nav{width: 100%;height: 100px;}
.pc-nav .nav.fixed{position: fixed;top: 0;left: 0;z-index: 999;}
.pc-nav .nav .menu {display: flex; justify-content:space-between;width: 100%;}
.pc-nav .nav .menu li { display: flex; align-items: center; justify-content: center;  position: relative;float: left;}
.pc-nav .nav .menu li a.nv {font-size: 18px; color:#333333;opacity: 1;text-align: center; white-space: nowrap;height: 100px;line-height: 100px;width: 100%;display: block; border-radius: 5px;position: relative;}
.pc-nav .nav .menu li a.nv::after{content: '';position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);width: 0px;height: 4px;background:#0082ae ;transition: 0.4s;border-radius: 2px;}
.pc-nav .nav .menu .menu-son {  display: none;border-top:2px solid #0082ae; position: absolute;border-radius: 3px;overflow: hidden;  top: 100%;  left:0px;   z-index: 100;  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);  width: 100%;  font-size: 14px;  background: #fff;  animation: fromBottomFade 0.6s ease both;  -webkit-animation: fromBottomFade 0.6s ease both;}
.pc-nav .nav .menu .menu-son a {padding:10px 0px;  overflow: hidden;  color: #222;  display: block;  font-size: 14px; text-align: center;  border-bottom: 1px solid #ebebeb;  text-align: center;}
.pc-nav .nav .menu .menu-son a:hover{background: #0082ae; color:#333333;}
.pc-nav .nav .menu li.cur a::after{width: 30px;}
.pc-nav .nav .menu li:hover a.nv::after{ width: 30px;}
.pc-nav .nav .menu li:hover .menu-son {  display: block;}

.pc-nav .nav_form{position: relative;display: flex;align-items: center;}
.pc-nav .nav_form input{border: 1px solid #e8e8e8;width: 260px;height: 45px;line-height: 45px;padding: 0px 10px;outline: none;background: #ffffff;border-radius: 23px;}
.pc-nav .nav_form img{position: absolute;top: 42px;right: 20px;line-height: 45px;text-align: center;color: #ffffff;}


.headerauto{height: 100px;}


/* 内页导航 */
.inset {width: 100%;  overflow: hidden;padding: calc(20px + 1vw) 0px;background: #ffffff;}
.inset table td{padding:0px 10px;}
.inset-cate {margin-bottom: 40px;}
.inset-cate .cate-title{font-size: calc(1.2vw + 14px);line-height: 1; color: #1f5fa3; margin-bottom: 15px;}
.inset-cate .cate-entitle{font-size: calc(0.5vw + 14px);line-height: 1;  margin-bottom: 15px;}

.inset .editor img{max-width: 100%;}


.sidenav{overflow:hidden;border-bottom: 1px solid #e0e0e0;background: #223553;}
.sidenav .crumb{ color: #ffffff;line-height:80px;float: left;}
.sidenav .crumb a{color: #ffffff;}
.sidenav .top_title{font-size: 36px;color: #000000;line-height: 40px;position: relative;padding-bottom: 40px;margin-bottom: 30px;}
.sidenav .top_title::after{content:"";position: absolute;left: 0px;bottom: 10px;width: 30px;height:6px;background:  #223553;border-radius: 3px;}
.sidenav .right{overflow: hidden;float: right;}
.sidenav ul{overflow: hidden;}
.sidenav ul li{float:left; overflow: hidden;overflow: hidden;margin-bottom: 1px;position: relative;transition: 0.3s;line-height: 80px;margin-right:20px; }
.sidenav ul li:last-child{margin-right: 0px;}
.sidenav ul li::after{content:"";position: absolute;left: 0;bottom:0px;width: 100%;height: 3px;background:  #223553;transform: scaleX(0);transition: 0.3s;}
.sidenav ul li:hover::after{transform: scaleX(1);}
.sidenav ul li.cur::after{transform: scaleX(1);}
.sidenav ul li a {color: #ffffff;  font-size:18px;margin: auto; display: block; position: relative;transition: 0.3s; }
.sidenav ul li.cur a{color: #ffffff; }
.sidenav .search{float: right;}
.sidenav .search .form{width:260px;height:45px; background: #f9f9f9;border-radius: 23px;overflow: hidden;}
.sidenav .search input{width: 220px;float: left; height: 45px;border: none;background: #f9f9f9;outline: none;text-indent: 30px;}
.sidenav .search .icon{float: left;line-height: 45px;}


.inset_left{width: 100%;border-radius: 25px;float: left;}
.inset_left ul li{ overflow: hidden;border-radius: 8px; overflow: hidden;text-align: center; position: relative;transition: 0.3s; }
.inset_left ul li a{color: #666666;  font-size:18px;margin: auto; display: block; position: relative;transition: 0.3s;}
.inset_left ul li a i{float: right;}
.inset_left ul li.cur a{color:  #223553;}


.inset_right{width:100%;float: right; overflow: hidden;}
.inset_right1{width: 100%;overflow: hidden;}
.inset_right img{max-width: 100%;}
.inset_right1 img{max-width: 100%;}

.orientation {  margin-top: 30px;  line-height: 30px;}


.tit{position: relative;width: 100%;text-align: center;position: relative;}
.tit .caten{font-size:calc(1.2vw + 16px);line-height: 1.3;padding-bottom: 20px;font-weight: bold;}
.tit .catdes{font-size:calc(0.4vw + 15px);line-height: 1.3;font-weight: lighter; padding-bottom: 20px;}

.nytit{position: relative;width: 100%;position: relative;}
.nytit .caten{font-size:calc(1vw + 16px);line-height: 1.3;padding-bottom: 25px;font-weight: bold;}
.nytit .caten.center{text-align: center;}
.nytit .catdes{font-size:calc(0.3vw + 14px);line-height: 1.3;font-weight: lighter; padding-bottom: 20px;}
.nytit .catdes.center{text-align: center;}



/* 内页banner */
.index-banner{overflow: hidden;background: #fff;font-size: 0;line-height: 0; width:100%;margin: auto;}

/* .index-banner img{
    max-width:100%;
    margin: auto;
    transition:1s linear 2s;
    transform:scale(1.1,1.1) rotate(0.1deg);
    }
    .index-banner .swiper-slide-active img,.swiper-slide-duplicate-active img{
    transition:6s linear;
    transform:scale(1,1) rotate(0.1deg);
    }	 */

    .swiper-button-prev{left: 40px;}
    .swiper-button-next{right: 40px;}
.index-banner .swiper-button-next{outline:none;color:#ffffff;right: 20px;}
.index-banner .swiper-button-prev{outline:none;color:#ffffff;left: 20px;}


.inside-banner {overflow: hidden;position: relative;}
.inside-banner .bannerimg{font-size: 0;line-height: 0;}
.inside-banner .container{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%); z-index: 1;}
.inside-banner .container .en{color:#ffffff;font-size: calc(14px + 0.3vw);line-height: 1;}
.inside-banner .container .cn{color:#ffffff;font-size: calc(0.9vw + 24px);line-height: 1.7;}

.iBlock{width: 100%;padding: 60px 0px ;width: 100%;overflow: hidden;}
.iBlock .iBlock_details{width: 1200px;margin: auto;text-align: center;font-size: calc(16px + 0.5vw);line-height: 1.8;}

.iProducts{width: 100%;overflow: hidden;}
.iProducts .iProducts_details{width: 100%;}
.iProducts .iProducts_con{overflow: hidden;}
.iProducts .iProducts_con ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.iProducts .iProducts_con ul li{float: left;overflow: hidden;width: calc(25% - 20px);margin-bottom: 20px;position: relative;border: 1px solid #666666;border-radius: 10px;}
.iProducts .iProducts_con ul li a{width:calc(100% - 20px);padding: 10px; margin: auto;display: block;position: relative;}
.iProducts .iProducts_con ul li .image{ overflow: hidden; display: flex;align-items: center;justify-content: center;border-radius: 5px;}
.iProducts .iProducts_con ul li .image img{max-width: 100%;max-height: 100%;border-radius: 5px;transition: 0.6s;}
.iProducts .iProducts_con ul li .title{font-size: 16px; line-height: 30px;color: #000000; transition: 0.3s;text-align:center; }
.iProducts .iProducts_con ul li .capacity{font-size: calc(16px + 0.6px) ;font-size: 16px; line-height: 30px;color: #666666; transition: 0.3s; }
.iProducts .iProducts_con ul li .now{font-size: calc(16px + 0.6px) ;font-size: 20px; line-height: 30px; color: #B30000; transition: 0.3s; }
.iProducts .iProducts_con ul li .summary{font-size: calc(16px + 0.6px) ;font-size: 16px; line-height: 30px; color: #666666; transition: 0.3s; }

.iProducts .iProducts_con ul li:hover .image img{transform: scale(1.1,1.1);}

.iContact{width: 100%;padding: 50px 0px 15px;overflow: hidden;}
.iContact .iContact_details{display: flex;justify-content: space-between;flex-wrap: wrap;}
.iContact .left-section {width: calc(40% - 60px);}
.iContact .left-section h1 {  font-size: 2.5rem;  margin-bottom: 20px;}
.iContact .left-section p {  font-size: 1.2rem;  color: #333;}
.iContact .right-section {width: calc(60% - 0px);}
.iContact form {}
.iContact .form-group {  margin-bottom: 20px;width: 32%;margin-right: 2%;float: left;}
.iContact .form-group2{width: 100%;}
.iContact .form-group:nth-child(3n){margin-right: 0%;}
.iContact .form-group label {  display: block;  margin-bottom: 5px;  font-weight: bold;  color: #333;}
.iContact .form-group input, .iContact .form-group textarea {  width: calc(100% - 24px);  padding: 10px;  border: 1px solid #ccc;  border-radius: 4px;}
.iContact textarea {  resize: vertical;}
.iContact button {display: block;  background-color: #223553;  color: #ffffff;  padding: 10px 50px;margin: auto;  border: none;  border-radius: 4px;  cursor: pointer;  font-size: 1rem;  transition: background-color 0.3s ease;}
.iContact button:hover {  background-color: #0056b3;}


.iAbout{ position: relative;overflow: hidden;padding:80px 0px;  margin: auto;}
.iAbout .iAbout_details{margin-top: 20px;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.iAbout .iAbout_details .left-section{width: calc(58% - 60px);float: left;background: #ffffff;border-radius: 10px;}
.iAbout .iAbout_details .left-section .title{font-size: calc(0.6vw + 16px);line-height: 1.8;color:#000000;margin-bottom: 20px;}
.iAbout .iAbout_details .left-section .content{font-size: calc(16px + 0.2vw);line-height: 1.8;}
.iAbout .iAbout_details .right-section{width: calc(42% - 0px);float: left;background: #ffffff;border-radius: 10px;}
.iAbout .iAbout_details .right-section img{max-width: 100%;border-radius: 10px;}

.iBuyer_banner{border-radius: 10px;border:1px solid #666666;margin: auto;max-width:950px;overflow: hidden;}
.iBuyer_banner .swiper-pagination .swiper-pagination-bullet{color: #000000;background-color: #000;}

.iApproach{margin: 80px 0px 60px;}
.iApproach .tit{width: 100%;max-width: 1175px; margin: auto;overflow: hidden;}
.iApproach_details{width: 100%;max-width: 1175px;margin: auto; overflow: hidden;}
.iApproach_details ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.iApproach_details ul li{float: left;overflow: hidden;width: calc(50% - 20px);margin-bottom: 20px;position: relative;border-radius: 10px;}
.iApproach_details ul li .image{ overflow: hidden; display: flex;align-items: center;justify-content: center;border-radius: 5px;height: 120px;}
.iApproach_details ul li .image img{max-width: 100%;max-height: 100%;border-radius: 5px;transition: 0.6s;}
.iApproach_details ul li .title{font-size: calc(16px + 1.2vw); line-height: 2;color: #333333;font-weight: bold; transition: 0.3s;text-align: center; }
.iApproach_details ul li .content{font-size: calc(14px + 0.2vw);line-height: 1.8;}


.iLink{width: 100%;padding-bottom: 80px;}
.iLink_details{background: #ffffff;border-radius: 10px;overflow: hidden;}
.iLink_details ul li{display: flex;justify-content: center;}

.iBanner-box{width: 100%;position: relative;}
.iBanner-box .image{width: calc(100% - 16px);font-size: 0;padding: 8px;background: #ceeedb;border-radius: 10px;}
.iBanner-box .image img{width: 100%;opacity:1;}
.iBanner-box .con{position: absolute;width: 85%; left: 50%; top:50%;transform: translate(-50%,-50%);}
.iBanner-box .con .tit .catname{color:#ffffff;margin-bottom:calc(30px + 1.5vw);}
.iBanner-box .con .de{color:#ffffff;line-height: 1.5;font-size:calc(1vw + 14px) ;margin-bottom:calc(30px + 1.5vw);}
.iBanner-box .con .more{width: 150px;height: 48px;display: flex;justify-content: space-between;align-items: center; border-radius: 24px;background: #223553;color:#ffffff;padding: 0px 28px;transition: 0.6s;}
.iBanner-box .con .more img{transition: 0.6s;filter: brightness(100);}


.iCustomer .tit{margin-bottom:30px;}
.iCustomer .Customer-detail{overflow: hidden;}
.iCustomer .Customer-detail ul li{text-align: center;}
.iCustomer .Customer-detail ul li .image{margin-bottom: calc(2vw + 3px);height: 150px; width: 100%;overflow: hidden;background: #f8f8f8;border-radius: 70px;display: flex;align-items: center;justify-content: center;}
.iCustomer .Customer-detail ul li .title{font-size: 16px;}



/*联系我们*/

.contactcol .contact-tit{font-size: calc(18px + 0.4vw);margin-bottom: calc(10px + 0.5vw);color:  #223553;}
.contactlist{width: 100%;}
.contactlist-tit{font-size: calc(20px + 0.5vw);margin-bottom: calc(10px + 0.5vw);font-weight: bold;color: #000000;}
.contactlist ul {display: flex;justify-content: space-between; padding:8px 0px 20px;gap: 10px;}
.contactlist ul li{margin-bottom: 20px;background: #f8f8f8;padding:40px 20px; width: 22%;color:#666666;border-radius: 10px; display: flex;align-items: center;justify-content: space-between;}
.contactlist ul li:nth-child(4n){width: 34%;}
.contactlist ul li .image{width: 50px;float: left;}
.contactlist ul li .detail{width: calc(100% - 50px);float: right;}
.contactlist ul li .tt{font-size: calc(14px + 0.2vw);color: #000;white-space: nowrap;}
.contactlist ul li .con{font-size: calc(14px + 0.1vw);line-height: 2;}





.iMessage ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.iMessage ul .w50{width:calc(50% - 5px);position: relative; overflow:hidden;margin-bottom:12px;border-radius: 5px;}
.iMessage ul .w100{width:calc(100% - 0px);position: relative; overflow:hidden;margin-bottom:12px;border-radius: 5px;}
.iMessage ul li p{margin-bottom: 10px;}
.iMessage ul li p span{color: #e60012;}
.iMessage ul li input{width:calc(100% - 2px);text-indent:10px; float:left;height:45px;line-height:45px;border:1px solid #e6e6e6;outline: none;background: #ffffff; border-radius:5px;}
.iMessage ul li textarea{width:calc(100% - 2px);text-indent:10px; float:left;height:135px;line-height:45px;border:1px solid #e6e6e6;outline: none;border-radius:5px;}
.iMessage ul .captcha{width: 100%;margin-bottom:12px;}
.iMessage ul .captcha input{width:180px;margin-right: 10px;}
.iMessage ul .captcha img{height: 45px;border:1px solid #e6e6e6;border-radius: 5px;}
.iMessage .messagesubmit{width: 338px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: none;
  background:  #223553;
  border-radius:5px;
  color: #fff;
  cursor: pointer;
}


/*关于我们*/

.aboutpage{max-width: 1200px;margin: 0 auto;padding: calc(2vw + 10px) 0 calc(4vw + 10px); }
.aboutpage .content{margin-bottom:calc(2vw + 10px);font-size: calc(0.4vw + 14px);color: #333}

.contactcol .content{font-size: calc(0.4vw + 14px);color: #333;line-height: 1.8;}
.contactform{width: calc(100% - 82px);padding: 40px;border:1px solid #ccc;margin-bottom: 40px;border-radius:5px;}
.contactform .form-group {  margin-bottom: 20px;width: 32%;margin-right: 2%;float: left;}
.contactform .form-group2{width: 100%;}
.contactform .form-group:nth-child(3n){margin-right: 0%;}
.contactform .form-group label {  display: block;  margin-bottom: 5px;  font-weight: bold;  color: #333;}
.contactform .form-group input, .contactform .form-group textarea {  width: calc(100% - 34px);  padding: 15px;  border: 1px solid #ccc;  border-radius: 4px;}
.contactform textarea {  resize: vertical;height: 85px;}
.contactform button {display: block;  background-color: #0056b3; color: #ffffff;  width:100%; margin: auto;  border: none;line-height: 50px;  border-radius: 10px;  cursor: pointer; font-size: calc(0.8vw + 16px);font-weight: bold; }
.contactform button:hover {  background-color: #223553;}

.servicepage{max-width: 1200px;margin: 0 auto; }
.servicepage .content{margin-bottom:calc(2vw + 10px);font-size: calc(0.4vw + 14px);color: #333}



.lszl_1{width: 100%;overflow: hidden;}
.lszl_1 .catetit{font-size: calc(1.2vw + 24px);padding: calc(15px + 1vw) 0px; text-align: center;}
.lszl_1 ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.lszl_1 ul .imagea{width: 100%;display: flex;justify-content: center;margin-bottom: calc(20px + 1vw);}
.lszl_1 ul li{width:calc(100% - 100px);padding: 50px; background:#f8f8f8;position: relative;border-radius: 10px;margin-bottom: calc(10px + 1vw);}
.lszl_1 ul li .title{font-size: calc(16px + 0.2vw);color: #000;position: relative;margin-bottom:calc(10px + 0.5vw);padding-bottom:15px;}
.lszl_1 ul li .title::after{content: ""; position: absolute;left: 0;bottom:0;width: 20px;height: 5px;background:  #223553;border-radius: 3px;}

.hgyrz .catetit{font-size: calc(1.2vw + 24px);padding: calc(15px + 1vw) 0px; text-align: center;}
.hgyrz_1{width: 100%;overflow: hidden;background: linear-gradient(180deg, #f2fcfc , #47a7a5);padding: calc(4vw + 10px) 0 ;}

.hgyrz_1 ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.hgyrz_1 ul .imagea{width: 100%;display: flex;justify-content: center;}
.hgyrz_1 ul li{ position: relative;border-radius: 10px;}

/*境外联络*/

.jwll-content{position: relative;}

.jwll-content li{position: absolute;}
.jwll-content .li1{left: 18.5%; top: 41%;}
.jwll-content .li2{left: 51.3%;top:25.3%;}
.jwll-content .li3{left: 65.8%;top:30.5%;}
.jwll-content .li4{left: 51.5%;top:69%;}
.jwll-content .li5{left: 75.8%; top: 45%;}
.jwll-content .li6{left: 78%; top: 48%;}
.jwll-content .li7{left: 75.5%; top: 51%;}
.jwll-content .li8{left: 80.8%; top: 60%;}
.jwll-content li::before,.indexinternet li::after{position: absolute;width: 12px; height: 12px; border-radius: 50%;content: ''; }
        
.jwll-content li::before{animation: scale 2s infinite; }
.jwll-content li::after{animation: scale2 2s infinite; }
.jwll-content li::before,.indexinternet li::after{background-color: rgba(36, 86, 199, .9);}
@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(5); opacity: .2;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(10);opacity:.2;}}


/*招才纳贤 */

.recruitpage1{display: flex;justify-content: space-between;padding: 40px 0px calc(20px + 2vw);}
.recruitpage1 .recruittitle{font-size: calc(22px + 1.5vw);color: #000000;padding:  0px 0px calc(20px + 2vw);line-height: 1;text-align: center;}
.recruitpage1 .container{border-radius: 25px;overflow: hidden;}
.recruitpage1 .details .list{width: calc(100% / 3);float: left;background: #f3f5f7;}
.recruitpage1 .details .detail{height: calc(125px + 12vw);max-height: 354px; width: calc(100% - 80px);padding: 0px 40px;display: flex; align-items: center;justify-content: center;}
.recruitpage1 .details .detail .flex{text-align: center;max-width: 375px;}
.recruitpage1 .details .detail .flex .image{display: flex;justify-content: center;}
.recruitpage1 .details .detail .flex .title{font-size: calc(16px + 0.7vw); color:  #223553;}
.recruitpage1 .details .detail .flex .summary{font-size: calc(14px + 0.2vw); color: #000000;}
.recruitpage1 .details .detail .flex .key{font-size: calc(20px + 1.5vw); color: rgba(28,28,28,0.1);line-height: 1;margin-top: 20px;position: relative;}
.recruitpage1 .details .detail .flex .key::before{content:""; position: absolute;width: 60px;height: 1px;background: rgba(0, 0, 0, 0.1);left: calc(50% + 35px);top: 50%;}
.recruitpage1 .details .detail .flex .key::after{content:""; position: absolute;width: 60px;height: 1px;background: rgba(0, 0, 0, 0.1);left: calc(50% - 95px);top: 50%;}
.recruitpage1 .details .con{font-size: 0;line-height: 0;overflow: hidden;}
.recruitpage1 .details .con img{max-width: 100%;transition: 0.6s;}
.recruitpage1 .details .list:hover .con img{transform: scale(1.1,1.1);}

.recruitpage2{position: relative;margin-bottom: calc(20px + 2vw);background: #f3f5f7;transition: 0.6s;overflow: hidden;border-radius: 25px;}
.recruitpage2 .image{width:50% ;float: left;overflow: hidden;}
.recruitpage2 .container{position: absolute;left: 50%;transform: translateX(-50%);top: 0;height: 100%;display: flex;align-items: center;
  overflow: hidden;
  flex-direction: row-reverse;}
.recruitpage2 .container .con{width: calc(50% - 100px);float: right;}
.recruitpage2 .container .recruittitle{color: #000000;font-size: calc(22px + 0.4vw);}
.recruitpage2 .container .details{color: #000000;max-width: 1000px;text-align: justify;}
.recruitpage2:hover img{opacity: 0.9;}

.recruitpage3{overflow: hidden;background: #f3f5f7;padding: 100px 0px 60px;border-radius: 20px;}
.recruitpage3 .recruittitle{font-size: calc(22px + 1.5vw);color: #000000;padding:  0px 0px calc(20px + 2vw);line-height: 1;}
.recruitpage3 .ygfcSwiper{overflow: hidden;padding-bottom: 70px;}
.recruitpage3 .ygfcSwiper .image{overflow: hidden;border-radius: 15px;}
.recruitpage3 .ygfcSwiper .image img{transition: 0.6s;}
.recruitpage3 .ygfcSwiper .image:hover img{transform: scale(1.1,1.1);}
.recruitpage4{padding: 40px 0px 60px;}
.recruitpage4 .recruittitle{font-size: calc(22px + 1.5vw);color: #000000;padding: calc(20px + 2vw) 0px calc(20px + 1vw); line-height: 1;}
.recruitpage4 .details .list{width: 100%;width: calc(33.33% - 14px);margin-right: 21px;float: left;}
.recruitpage4 .details .list .image{padding-top: 20px;transition: 0.6s;}
.recruitpage4 .details .list:nth-child(3n){margin-right: 0px;}
.recruitpage4 .details .list:hover .image{padding-top: 5px;}

.pagecol{}
.pagecol .flex{}
.pagecol .flex .image{width:39%;float:left;margin-right:2%;}
.pagecol .flex .image img{width:100%;}
.productlist{}
.productlist .detail {  display: flex;  flex-wrap: wrap;}
.productlist .detail li {  flex: 0 1 calc(96% / 5);  overflow: hidden;  margin-right: 1%;margin-bottom: 25px;}
.productlist .detail li:nth-child(5n) {  margin-right: 0;}
.productlist .detail li a{width:calc(100% - 0px); margin: auto;display: block;}
.productlist .detail li .image{height:120px;  overflow: hidden;display: flex;align-items: center; justify-content: center;background: #f8f8f8; }
.productlist .detail li .image img{max-width: 100%;max-height: 100%;}
.productlist .detail li img{transition: 0.6s;}
.productlist .detail li img:hover{transform: scale(1.1,1.1);}
.productlist .detail li .title { font-size: 18px;line-height: 25px;height: 50px; color: #000;text-align: center;  margin: 20px 0 0;position: relative;}
.productlist .detail li .summary{font-size: 14px;color:#666;}


.rdcenterpage{}
.rdcenterpage li{width: calc(100% - 80px);padding: 40px;background-color: #f1f3f7;border-radius: 15px;margin-bottom: 20px;}
.rdcenterpage li .details{width: calc(50% - 60px);padding: 0px 30px;color: #000000;}
.rdcenterpage li .details .title{font-size: calc(16px + 0.7vw);margin-bottom: 12px;}
.rdcenterpage li .details .span{float: left;color:  #223553;}
.rdcenterpage li .details .button{margin-top: calc(10px + 0.5vw);}
.rdcenterpage li .details a.more{height: 50px;border-radius: 25px;transition: 0.3s; line-height: 50px; width: 145px;display: block;background:  #223553;color: #ffffff;margin-right: 10px;text-align: center;float: left;}
.rdcenterpage li .details a.more:hover{background:#909bb2 ;transition: 0.3s;}
.rdcenterpage li .details a.pdf{height: 50px;line-height: 50px;width: 145px; border-radius: 25px;display: block;background: #909bb2;color: #ffffff;text-align: center;float: left;}
.rdcenterpage li .details a.pdf:hover{background: #223553;transition: 0.3s;}
.rdcenterpage li .image{width:50%;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.rdcenterpage li .image a{overflow: hidden;}
.rdcenterpage li .image img{transition: 0.6s;}
.rdcenterpage li .image img:hover{transform: scale(1.2,1.2);}
.rdcenterpage li:nth-child(odd){display: flex;align-items: center;justify-content: space-between;flex-direction:row-reverse;}
.rdcenterpage li:nth-child(even){display: flex;align-items: center;justify-content: space-between;flex-direction:row;}


.inset-left{width: 200px;float: left;}
.inset-left .title{font-size: 20px; line-height: 40px;margin-bottom:15px ;color: #000;}
.inset-left ul{width: 100%;overflow: hidden;}
.inset-left ul li{width: 100%;font-size: 16px; line-height: 25px;padding: 10px 0px;border-bottom: 1px solid #e9e9e9;}
.inset-left ul li a{display: block;}
/* .inset-left ul li:hover{background:#223553;color:#ffffff; transition:0.3s;} */
.inset-left ul li:hover a{color:#2458a4;}
.inset-left ul li.cur a{color:#2458a4;}
.inset-right{width: calc(100% - 240px);float: right;}


.oempicture .cate-title{text-align:center;font-size:calc(20px + 0.6vw);color:#000000;margin-bottom:calc(20px + 1.5vw);}
.oempicture .detail {  display: flex;  flex-wrap: wrap;margin-bottom:calc(20px + 1.5vw);}
.oempicture .detail li { overflow: hidden;  margin-right: 1.25%;width: 19%;margin-bottom:20px;}
.oempicture .detail li:nth-child(5n) {  margin-right: 0;}
.oempicture .detail li a{margin: auto;display: block;}
.oempicture .detail li .image{ overflow: hidden; margin-bottom: 20px;border-radius:50%; display: flex;align-items: center;justify-content: center;}
.oempicture .detail li .image.line{border:2px dashed #333333;border-radius:5px;}
.oempicture .detail li .image img{max-width: 100%;height: 100%;}
.oempicture .detail li img{transition: 0.6s;}
.oempicture .detail li img:hover{transform: scale(1.2,1.2);}
.oempicture .detail li .title { font-size: 16px;line-height: 30px; color: #000;text-align: center;  position: relative;}
.oempicture .detail li .summary{font-size: 14px;color:#666;}


.oempicture .detail3 {  display: flex;  flex-wrap: wrap;margin-bottom:calc(20px + 1.5vw);}
.oempicture .detail3 li { overflow: hidden;  margin-right: 2.66%;width: 23%;margin-bottom:20px;}
.oempicture .detail3 li:nth-child(4n) {  margin-right: 0;}
.oempicture .detail3 li a{margin: auto;display: block;}
.oempicture .detail3 li .image{ overflow: hidden; margin-bottom: 20px;border-radius:50%; display: flex;align-items: center;justify-content: center;}
.oempicture .detail3 li .image.line{border:2px dashed #333333;border-radius:5px;}
.oempicture .detail3 li .image img{max-width: 100%;height: 100%;}
.oempicture .detail3 li img{transition: 0.6s;}
.oempicture .detail3 li img:hover{transform: scale(1.2,1.2);}
.oempicture .detail3 li .title { font-size: 16px;line-height: 30px; color: #000;text-align: center;  position: relative;}
.oempicture .detail3 li .summary{font-size: 14px;color:#666;}




.picture{ /*display: flex; */}
.picture .detail {  display: flex;  flex-wrap: wrap;}
.picture .detail li { overflow: hidden;  margin-right: 1%;width: calc(24.25% - 42px);padding:20px;border: 1px solid #666666;border-radius: 10px;}
.picture .detail li:nth-child(4n) {  margin-right: 0;}
.picture .detail li a{margin: auto;display: block;}
.picture .detail li .image{ overflow: hidden;border-radius: 5px;margin-bottom: 20px; display: flex;align-items: center;justify-content: center;height: 230px;
/*background: #f8f8f8;*/ }
.picture .detail li .image img{max-width: 100%;height: 100%;}
.picture .detail li img{transition: 0.6s;}
.picture .detail li img:hover{transform: scale(1.1,1.1);}
.picture .detail li .title { font-size: 16px;line-height: 30px; color: #000;text-align: center;  position: relative;}
.picture .detail li .summary{font-size: 14px;color:#666;}

.picture1{ display: flex; }
.picture1 .detail {  display: flex;  flex-wrap: wrap;}
.picture1 .detail li {  flex: 0 1 calc(91% / 7);  border-radius: 3px;  overflow: hidden;  margin-right: 1.5%;margin-bottom: 25px;}
.picture1 .detail li:nth-child(7n) {  margin-right: 0;}
.picture1 .detail li .image{ overflow: hidden;border-radius: 10px; display: flex;align-items: center;justify-content: center;}
.picture1 .detail li .image img{max-width: 100%;max-height: 100%;transition: 0.6s;}
.picture1 .detail li .image img:hover{transform: scale(1.1,1.1);}
.picture1 .detail li .title {  text-align: center;font-size: 16px;line-height: 25px;height: 50px; color: #000;  margin: 20px 0 0;position: relative;}



/* .picture .detail li p::after{position: absolute;content:"";width: 30px;height: 8px;border-radius: 4px; background: #000000;left: calc(50% - 15px);bottom: 0;} */
.picture .detail li:hover img {  transform: scale(1.1, 1.1);}
.picture .detail li:hover p{color:#2458a4;}
.picture .detail li:hover p::after{background: #2458a4;}



.hydt{display: flex; }
.hydt .details li {margin-bottom: 25px;width:32%;overflow:hidden;background:#f9f9f9;border-radius:5px;float:left;margin-right:2%;}
.hydt .details li a {width:90%;padding:20px 5%;display:block;  font-size: 16px;  overflow: hidden;}
.hydt .details li a .image{width:100%; font-size: 0;font-weight: 0;overflow: hidden;display: flex;height:206px;}
.hydt .details li a .image img{width:100%;transition: 0.6s;border-radius: 5px;overflow: hidden;}
.hydt .details li a .title {width: 100%; font-size: 18px;color: #333333;line-height:30px;height:60px; margin:10px auto;overflow:hidden; text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.hydt .details li a .des{margin-bottom: 5px; color:#808080;font-size: 14px;line-height: 25px;height:50px;overflow:hidden; text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.hydt .details li a .date { font-size: 12px;line-height: 2;color: #b3b3b3;}
.hydt .details li:hover{background:#1f72ec;transition:0.3s;}
.hydt .details li:hover a *{color:#ffffff;}
.hydt .details li:nth-child(3n){margin-right:0;}


.article .details{width: 100%;overflow: hidden;}
.article .details li {position:relative;width:100%;overflow: hidden;background: #f8f8f8;border-radius: 20px;margin-bottom: 20px;}
.article .details li a {width: calc(100% - 60px);padding:30px;display:flex;align-items: center;justify-content: space-between; overflow: hidden;flex-wrap: wrap;}
.article .details li a .image{overflow: hidden;border-radius: 10px;width: 330px;height:200px; font-size: 0;line-height: 0;}
.article .details li a .image img{width: 100%;height: 100%;transition: 0.6s;}
.article .details li a .detail{width: calc(100% - 350px);}
.article .details li a .title {width: 100%; font-size: calc(0.3vw + 14px);color: #333333;line-height: 35px;  transition: 0.3s;}
.article .details li a .date { font-size:  calc(0.2vw + 12px);line-height: 2;color:  #223553;transition: 0.3s;position: relative;margin-bottom: 12px;}
.article .details li a .date::after{position: absolute;content:"";width: 40px;height: 1px; background: #c4c4c4;left:0;bottom: 0;}
.article .details li a .summary{width: 100%; font-size: calc(0.1vw + 14px);color: #666666;line-height: 30px;height:60px;overflow:hidden; text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.article .details li a:hover .image img{transform: scale(1.1,1.1);}
.article .details li a:hover .title {  color:  #223553;}
.article .details li a:hover .summary{  color:  #223553;}

.articlelist{}
.articlelist .details li {margin-bottom: 18px;background: #f8f8f8;padding:0px 30px;width: calc(100% - 60px);border-radius: 15px;}
.articlelist .details li a {background: url('../images/icon-logo.png') no-repeat left center;padding:30px 0px 30px 60px;width: calc(100% - 60px); display: flex;justify-content: space-between; align-items: center; font-size: 16px;  overflow: hidden;}
.articlelist .details li a .title {width: calc(100% - 120px); font-size: calc(0.2vw + 16px);color: #333333;line-height: 35px;}
.articlelist .details li a .date { font-size: calc(0.2vw + 14px);color: #1f599c;line-height: 35px;white-space: nowrap;flex: 0 0 120px;text-align: center;}
.articlelist .details li a:hover .title {  color:  #223553;}


.articlebazn{}
.articlebazn ul{width: 100%;max-width: 1040px;margin: auto;}
.articlebazn ul li{width: 100%;background: #f8f8f8;border-radius: 15px;margin-bottom: 40px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.articlebazn ul li:last-child{margin-bottom:0;}
.articlebazn ul li .detail{width: calc(100% - 120px);padding:60px;}
.articlebazn ul li .detail .title{width: 100%; font-size: calc(0.7vw + 16px);color: #1f5fa3;line-height:1;text-align: center;position: relative;padding-bottom: calc(0.7vw + 16px);margin-bottom: calc(0.7vw + 16px);}
.articlebazn ul li .detail .title::after{position: absolute;content:"";width: 36px;height: 4px;border-radius: 2px; background: #1f5fa3;left: calc(50% - 15px);bottom: 0;}



.articleshow{margin: auto;}
.articleshow .title{font-size: 26px; line-height: 40px;margin-bottom:15px ;color: #000;text-align:center;}
.articleshow .date{width: 100%;overflow: hidden;font-size: 16px; color:#bbbbbb;text-align:center;margin-bottom:calc(15px + 1vw);}




.productshow{max-width: 1200px;margin: auto;}
.productshow .content-des{width: 100%; overflow: hidden;}
.productshow .fl{width: 402px;}
.productshow .fl .productshow-img{width: 100%;border-radius: 10px;font-size: 0;line-height: 0;}
.productshow .fl .productshow-img img{transition: 0.6s;}
.productshow .fl .productshow-imgs{width: 100%;overflow: hidden;display: flex;flex-wrap: wrap;gap:10px; margin-top: 20px;}
.productshow .fl .productshow-imgs .image{width: calc(25% - 10px);font-size: 0;line-height: 0; overflow: hidden;border-radius: 5px;border:1px solid #e9e9e9;}
.productshow .fl .productshow-imgs .image img{transition: 0.6s;}

.productshow .fr{width: calc(100% - 422px);}
.productshow .fr .productshow-title{font-size: calc(0.7vw + 16px);font-weight: bold; line-height:1.7;color: #000000;margin-bottom: 20px;}
.productshow .fr .productshow-des{font-size: calc(0.1vw + 16px);margin-bottom: 40px;}
.productshow .content-con{width: calc(100% - 80px);overflow: hidden;border-radius: 10px;border: 1px solid #e9e9e9;padding: 40px;margin-top: 30px;margin-bottom: 40px;}
.productshow .productshow-con-tit{font-size: calc(0.7vw + 16px);font-weight: bold; line-height:1.7;color: #000000;margin-bottom: 20px;border-radius: 5px; display: flex;background: #1f5fa3;color:#ffffff; border-bottom: 1px solid #cccccc;padding-left: 40px;}
.productshow .productshow-con{font-size: calc(0.2vw + 16px);line-height: 1.7;color: #666666;}

.productshow .question{max-width: 900px;margin: auto;}
.productshow .question ul{width: 100%;overflow: hidden;border-top: 2px solid #1f5fa3;}
.productshow .question ul li{width: 100%;overflow: hidden;padding: 30px 0px;border-bottom: 2px solid #1f5fa3;}
.productshow .question ul li .question-tit{font-size: calc(0.8vw + 16px);font-weight: bold; line-height:1.7;color: #000000;border-radius: 5px; display: flex;padding-right: 40px;position: relative;}
.productshow .question ul li .question-tit::after{position: absolute;content:"+";border-radius: 50%; background: #ffffff;right: 10px;top:0px;}
.productshow .question ul li .question-des{font-size: calc(0.2vw + 16px);line-height: 1.7;color: #666666;display: none;}
.productshow .question ul li.active .question-des{display: block;}

.contact_li{width: 100%;overflow: hidden;display: flex;justify-content: space-between;align-items: center;}
.contact_li li{display: flex;justify-content: center;align-items: center;}
.contact_li li .pic{margin-right: 30px;}
.contact_li li .tt{font-size: 22px;line-height: 1;margin-bottom: 12px;}
.contact_li li .con{font-size: 16px;font-weight: lighter;line-height: 1;}
.contact_li li:nth-child(3n+2){width: 32%; border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;}



#allmap{width: 100%;height: 600px;}


.product_show .iMessage{ width: 100%;height: 100%;background: #f8f8f8;position: relative;}
.product_show .iMessage::after{content: ""; position: absolute;left: 0;top:0;width: 8px;height: 100%;background:  #223553;}
.product_show .iMessage .cnname{width: calc(100% - 60px);padding:30px 30px 0px;font-size: 24px;color:#000000;}
.product_show .iMessage ul{padding: 30px;width: calc(100% - 60px);display: flex;justify-content: space-between;flex-wrap: wrap;}
.product_show .iMessage ul li{width:100%;overflow:hidden;margin-bottom:20px;background: #ffffff;border-radius: 5px;width: calc(100% - 40px);padding: 0px 20px;}
.product_show .iMessage ul li.text{width: calc(49% - 40px);padding: 0px 20px;}
.product_show .iMessage ul li .select{margin-top: 17px;}
.product_show .iMessage ul li.text span{color:#666666;line-height:60px;}
.product_show .iMessage ul li p{width: 138px;height:60px;line-height:60px;font-size:16px;float: left;}
.product_show .iMessage ul li input{text-indent:10px; float:left;height:60px;line-height:60px;border:none;outline: none; border-radius:2px;}
.product_show .iMessage ul li textarea{width:calc(100% - 40px);padding: 0px 10px; text-indent:10px; float:left;height:180px;line-height:60px;border:1px solid #e6e6e6;border:none;outline: none;border-radius:2px;}
.product_show .iMessage ul li.address input{width: 50%;}
.product_show .iMessage ul li.name input{width: 50%;}
.product_show .iMessage .messagesubmit{width: 250px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: none;
  background:  #223553;
  border-radius: 25px;
  color: #fff;
  cursor: pointer;
    transition: 0.3s;
}
.product_show .upload{width:100%;}
.product_show .upload .tt{color: #223553;margin-top: 15px;}
.product_show .addfile{position: relative;display: flex;align-items: center;margin: 10px 0 20px;width:100%;overflow:hidden;}
.product_show .addfile img{margin-right:40px;}
.product_show .addfile input{width: 156px;height: 44px;position: absolute;left: 0;top:0;z-index: 0;opacity: 0;}
.product_show .iMessage .messagesubmit:hover{background:#34855b;}




.content-message{background: url(../images/content_bg.jpg)no-repeat center;background-size: cover;padding: 60px 0px;}
.content-message .iMessage{ width: 100%;height: 100%;position: relative;}
.content-message .iMessage .cnname{width: calc(100% - 60px);padding:30px 30px 0px;font-size: 24px;color:#ffffff;}
.content-message .iMessage ul{padding: 30px;width: calc(100% - 60px);display: flex;justify-content: space-between;flex-wrap: wrap;}
.content-message .iMessage ul li{width:100%;overflow:hidden;margin-bottom:20px;background: #ffffff;border-radius: 5px;width: calc(100% - 40px);padding: 0px 20px;}
.content-message .iMessage ul li.text{width: calc(49% - 40px);padding: 0px 20px;}
.content-message .iMessage ul li .select{margin-top: 17px;}
.content-message .iMessage ul li.text span{color:#ffffff;line-height:60px;}
.content-message .iMessage ul li p{width: 138px;height:60px;line-height:60px;font-size:16px;float: left;}
.content-message .iMessage ul li input{text-indent:10px; float:left;height:60px;line-height:60px;border:none;outline: none; border-radius:2px;}
.content-message .iMessage ul li textarea{width:calc(100% - 40px);padding: 0px 10px; text-indent:10px; float:left;height:180px;line-height:60px;border:1px solid #e6e6e6;border:none;outline: none;border-radius:2px;}
.content-message .iMessage ul li.address input{width: 50%;}
.content-message .iMessage ul li.name input{width: 50%;}
.content-message .iMessage .messagesubmit{width: 250px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: none;
  background: #ffffff;
  border-radius: 25px;
  color: #000000;
  cursor: pointer;
transition: 0.3s;
}
.content-message .tt2{color:#ffffff;}
.content-message .upload{width:100%;}
.content-message .upload .tt{color:#ffffff;margin-top: 15px;}
.content-message .addfile{position: relative;display: flex;align-items: center;margin: 10px 0 20px;width:100%;overflow:hidden;}
.content-message .addfile img{margin-right:40px;}
.content-message .addfile input{width: 156px;height: 44px;position: absolute;left: 0;top:0;z-index: 0;opacity: 0;}
.content-message .upload p{color:#ffffff;}
.content-message .iMessage .messagesubmit:hover{background:#34855b;}



.fixedmessage{position: fixed;width: 666px;padding: 45px 0px; bottom: -700px;right: 25px;background: #ffffff;border: 1px solid #eee;box-shadow: 0px 0px 2px 0px #eeeeee;transition: 0.3s; border-radius: 25px;z-index: 10000;height: 600px;overflow-y: scroll;}
.fixedmessage .iMessage{ width: 100%;height: 100%;position: relative;}
.fixedmessage .iMessage .cnname{width: calc(100% - 60px);padding:20px 30px;font-size: 24px;color:#333333;border-bottom: 1px solid #eeeeee;}
.fixedmessage .iMessage ul{padding: 30px;width: calc(100% - 60px);display: flex;justify-content: space-between;flex-wrap: wrap;}
.fixedmessage .iMessage ul li{width: calc(100% - 42px);padding: 0px 20px;overflow:hidden;margin-bottom:20px;background: #ffffff;border:1px solid #eeeeee; border-radius: 5px;}
.fixedmessage .iMessage ul li .select{margin-top: 17px;}
.fixedmessage .iMessage ul li.text span{color:#ffffff;line-height:40px;}
.fixedmessage .iMessage ul li p{width: 138px;height:40px;line-height:40px;font-size:16px;float: left;}
.fixedmessage .iMessage ul li input{text-indent:10px; float:left;height:40px;line-height:40px;border:none;outline: none; border-radius:2px;}
.fixedmessage .iMessage ul li textarea{text-indent:10px; float:left;height:120px;line-height:40px;border:1px solid #e6e6e6;border:none;outline: none;border-radius:2px;}
.fixedmessage .iMessage ul li.address input{width: 50%;}
.fixedmessage .iMessage ul li.name input{width: 50%;}
.fixedmessage .iMessage .messagesubmit{width: 250px;margin: auto;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: none;
  background:  #223553;
  border-radius: 25px;
  color: #ffffff;
  cursor: pointer;
  transition: 0.3s;
}
.fixedmessage .tt2{color:#000000;}
.fixedmessage .upload .tt{color:#000000;margin-top: 15px;}
.fixedmessage .addfile{position: relative;display: flex;align-items: center;margin: 10px 0 20px;}
.fixedmessage .addfile input{width: 156px;height: 44px;position: absolute;left: 0;top:0;z-index: 0;opacity: 0;}
.fixedmessage .upload p{color:#000000}

.fixedmessage.current{bottom: 20px;}
.fixedmessage .iMessage .messagesubmit:hover{background:#34855b;}



/* 底部 */
.footer { position: relative;overflow: hidden;width:100%;margin: auto;background: #223553;}
.footer_top{overflow: hidden;display: flex;justify-content: space-between;padding: 60px 0px 25px;gap: 50px;}
.footer_top .f_about{width: 35%;}
.footer_top .f_service{width: 15%;}
.footer_top .f_link{width:20%;}
.footer_top .f_contact{width: 30%;}

.footer_top .f_title{font-size: calc(16px + 0.8vw);color: #ffffff;margin-bottom: 20px;font-weight: bold;}
.footer_top .f_content{font-size:calc(14px + 0.2vw);color: rgba(255,255,255,1);line-height: 30px;}
.footer_top .f_content *{color: #ffffff;}
.footer_top .f_content ul li {margin-bottom: 10px;}
.footer_top .f_content ul li a{color: rgba(255,255,255,1);}
.footer-bottom {color: rgba(255,255,255,1);padding: 25px 0px;}
.footer-bottom .footer-copyright{line-height: 30px;text-align: center; color: #ffffff;}
.footer-bottom .right{float: right;color: #ffffff;}
.footer-bottom a{color: #ffffff;}

.fixed_whatsapp{position:fixed;right:2vw;bottom:5vw;z-index:1000;}
.fixed_whatsapp img{max-width:65px;}
#goTopBtn{position: fixed;bottom: 115px;right:4%;background:  #223553;}
#goTopBtn .image{width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;}
.mypage {
  text-align: center;
  width: 100%;
  
  overflow: hidden;
}
.mypage .pagination {
  display: flex;
  justify-content: center;
}
.mypage li {
  display: inline-block;
  color: #333333;
  background: #f8f8f8;
  border-radius: 5px;
  height: 37px;
  line-height: 37px;
  text-align: center;
  margin:0px 3px;
  margin-top: 10px;
}
.mypage li a , .mypage li span{
  padding: 0px 15px;
}
.mypage li.active {
  background:  #223553;
  color: #ffffff;
}
.mypage .rows {
  border: none;
}