@import url(style.css);
@import url(mobile.css);
@import url(custom.css);
@keyframes scaleAnim{
    0%{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

/*内页*/
.postions{ height:64px; line-height:64px; overflow:hidden;color:#999999; font-size:14px; background:#f5f5f7; position:relative;}
.postions:after{ content:""; position:absolute; bottom:0; left:0; height:1px; width:100%; background:#e1e1ea;}
.sec .postions{ margin-top:20px;}
.postions.bgs2{-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.1);box-shadow: 0 5px 15px rgba(0,0,0,.1);}
.postions.bgs3{ border-bottom:0; height:58px; line-height:58px;}
.posadd .postions{ position:fixed; top:0; left:0; width:100%; z-index:5;}
.postions a{color:#999999; }
.postions a:hover{ color:#0000ff;}
.postions label{ color:#777777;}
.postions .goback{ float:right; height:72px; line-height:72px;color:#777777; font-size:14px; padding-left:25px; background:url(../images/goback.png) left center no-repeat; background-size:16px 15px;}
.postions .goback:hover{color:#00468c;}
.postions .postions_r{}
.postions .postions_r img{ vertical-align:text-top; margin-right:8px; height:16px;}
.postions .postions_r img:first-child{ margin-left:0;}
.postions h2{ float:left; font-weight:normal; color:#333; height:58px; font-size:20px;}
.postions h2 span{font-size:16px; font-family:Arial; }
.postions .rclass{ float:right;background:url(../images/pos_bg2.png) left center no-repeat;background-size:20px auto;  padding-left:25px;-webkit-tap-highlight-color: #fff;-webkit-tap-highlight-color: transparent; display:none;}
.postions .postions_b{ text-align:center;}
.postions .postions_b a{/* display:inline-block; vertical-align:top;*/ float:left; width:33.33%; text-align:center;overflow:hidden; font-size:18px; color:#2d317c; position:relative;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:0; }
.postions .postions_b a:hover{color:#0000ff;}
.postions .postions_b a:after{content: "";display: block;position: absolute;left: 50%;right:50%; bottom: 0;height:3px;opacity: 0;background:#0000ff;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:-1;}
.postions .postions_b a:before{ content:""; position:absolute; right:0; top:50%; margin-top:-15px; height:30px; width:2px; background:#e1e1ea;}
.postions .postions_b a:last-child:before{ display:none;}
.postions .postions_b a.isel:after{left: 0%;right: 0%;opacity: 1;}
.postions .postions_b a:hover:after{left: 0%;right: 0%;opacity: 1;}
.postions .postions_b a.isel{color:#0000ff; }

/*分类弹窗*/
.about_bgs{z-index: 19891024;background:url(../images/about_bg.png) repeat; width: 100%; height: 100%;  position: fixed;  left: 0;  top: 0;  display: none;}
.about_tc .closed2{ display:none;}

.o_big_con{ overflow:hidden; position:relative;}
.o_big{ overflow:hidden; background-repeat:no-repeat; background-position:70% center; background-size:cover; position:relative;  width:100%;-webkit-animation:scaleAnim 5s ease forwards; animation: scaleAnim 5s ease forwards;}
.o_big img{ width:100%;filter: Alpha(Opacity=0);opacity: 0;}
.o_big_con .cons{ position:absolute; top:0; left:0; width:100%; height:100%;}
.o_big_con .cons .wrap{ height:100%; display:table; }
.o_big_con .cons .wrap3{ height:100%; display:table; }
.o_big_con .h2{font-weight:normal; display:table-cell; vertical-align:middle;   text-transform:uppercase; text-align:left;}
.o_big_con .h2 label{width:100%; display:block;color:rgba(255,255,255,1.0); font-weight:lighter;  margin-top:1%; font-size:18px; text-transform:none;max-width:670px; line-height:38px;text-transform: uppercase;}
.o_big_con .h2 span{ display:block; overflow:hidden; color:rgba(255,255,255,1.0); line-height:1;  position:relative;  letter-spacing:1px; font-weight:normal; }
.o_big_con .wave-box { position: absolute; z-index: 2; bottom: -1px; left: 0; width: 100%;}
.postions2{ position:absolute; left:0; width:100%; line-height:68px; overflow:hidden;color:#000; font-size:16px; bottom:clamp(0px, calc(100vw*0.0772), 0px); background:#fff;opacity: 0.8 }
.postions2 .wrap{border-top: 1px solid rgba(255,255,255,.18); }
.postions2 a{color:#fff; }
.postions2 a:hover{ color:#1a74fa;}
.postions2 .postions_r img{ height:16px; margin-right:6px;vertical-align:revert;}
.postions2 .postions_r{ overflow:hidden; position:relative; float: right;color:rgba(255,255,255,0.59);}
.postions2 .postions_r a{color:rgba(255,255,255,0.59);}
.postions2 .postions_r a:hover{color:#1a74fa;}
.postions2 label{ color:rgba(255,255,255,0.59);}
.postions2 h2{ float:left; font-weight:normal; color:#fff; height:58px; }
.postions2 h2 span{font-size:15px; font-family:Arial; color:rgba(255,255,255,0.5); }
.postions2 .alist{ overflow:hidden; float: left;}
.postions2 .alist a{ position:relative; overflow:hidden; /* line-height:38px; height:38px; */ float:left; margin-right:40px; color:#000;}
.postions2 .alist a:hover{color:#1a74fa}
.postions2 .alist a.on{ color:#1a74fa;padding-left:13px; }
.postions2 .alist a:after{ content:""; position:absolute; width:7px; height:7px; border-radius:50%; top:50%; margin-top:-3px; left:5px; background:#1a74fa;transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}
.postions2 .alist a.on:after{opacity:1.0;filter:Alpha(opacity=100);left:0;}

/*分页*/
.yema{ width:100%; text-align:center; clear:both; overflow:hidden; padding-top:4%; padding-bottom:5%; clear:both; font-family:Arial;}
.yema.bgs2{ text-align:right;}
.yema ul li{float:left;}
.yema a,
.yema span{ display:inline-block; height:42px; line-height:42px; padding-left:10px; overflow:hidden; padding-right:10px; min-width:62px;margin-left:3px;  text-align:center; color:#555555; font-size:15px; border:1px solid #f8f8f8; background:#f8f8f8; }
.yema a:hover{ text-decoration:none; color:#fff; background:var(--main-color);border:1px solid var(--main-color);}
.yema a.on{color:#fff;  background:var(--main-color);border:1px solid var(--main-color);}
.yema .active span{background:var(--main-color);color:#fff;}

/*关于我们*/
.about_one{ overflow:hidden; position:relative; background:#eef2f9;}
.about_one.bgs2{background-color: #f3f3f3;}
.about_one.bgs3{background-color: #f1f1f1;}
.about_one.bgs4{background-color: #ececec;}
.about_one .big-text{margin-top: -0.2em;left: 0; -webkit-animation: backward-infinite 40s linear 1s infinite; -moz-animation: backward-infinite 40s linear 1s infinite; animation: backward-infinite 40s linear 1s infinite; }
.about_one .big-text:before{content: attr(data-title); padding-right: 0.5em;}
.about_one .big-text:after{content: attr(data-title); padding-left: 0.5em;}
.about_one .big-text .big-text-word{ display:inline-block;}
.about_one.bgs2 .big-text{ color:#eaeaea ;}
.about_one .cons{  margin: 0 auto;overflow:hidden; line-height:36px; padding:0 100px; color:#333333; margin-top:3%; margin-bottom:25%; max-width: 1160px;text-align: justify;}
.about_one .cons img{ max-width:100%;}
.about_one .cons p{ padding-bottom: 2.5%;}
.about_one .list {
    max-width: 1530px;
    margin: 0 auto;
    margin-top: 90px;
    padding-bottom: 100px;
    color: var(--main-color);
  }
.about_one .list .list-li:hover .text-word {
    width: 3em;
    opacity: 1;
    padding-left: 14px;
  }
.about_one .list .list-li:hover .img-div {
    transform: scale(.9);
  }
.about_one .list .img-div {
    opacity: 1;
    transform: scale(1);
    transition: all .3s;
  }
.about_one .list .text-box{
    padding-top: 44px;
    font-size: 20px;
    line-height: 1.4em;
    letter-spacing: 0.1em;
  }
.about_one .list .text-title {
    writing-mode: vertical-lr;
  }
.about_one .list .text-title .en {
    margin-right: 5px;
    color: #999999;
  }
.about_one .list .text-title .cn {
    font-size: 24px;
    color: var(--main-color);
  }
.about_one .list .text-title .cn img {
    margin-top: 7px;
  }
.about_one .list .text-word {
    width: 0;
    padding-left: 0;
    writing-mode: vertical-lr;
    opacity: 0;
    transition: all .3s;
    font-size: 18px;
  }
.about_one .list .text-word p + p {
    margin-left: 3px;
  }

/*联系我们*/
.contact_one{ overflow: hidden; margin-top: 3%; margin-bottom: 8%;}
.contact_one ul li{
  float: left;
   width: 31%;
   margin-right: 3.5%;
   overflow: hidden;
   background: #fff;
   border-radius: 10px;
   transition:all 0.3s;
}
.contact_one ul li:hover{box-shadow: 0px 4px 33px 2px rgba(14,11,11,0.02);}
.contact_one ul li .imgs{ overflow:hidden; position:relative; padding-top:59.275%; }
.contact_one ul li .imgs::after{background: #1a74fa;opacity: 0.33; content: ""; position: absolute; left: 0; top: 0;width: 100%; height: 100%;}
.contact_one ul li .imgs img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.contact_one ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.contact_one ul li:nth-child(3n){ margin-right: 0;}
.contact_one ul li .boxs{ width: 94%; margin: 0 auto; max-width: 426px; position: relative;--s:68px; margin-top: calc((var(--s)/-2));min-height: 277px;}
.contact_one ul li .boxs i{
  display: block;
  width: var(--s);
  height: var(--s);
  background: var(--main-color);
  box-shadow: 0px 4px 10px 1px rgba(14,11,11,0.23);
  border-radius: 50%;
  transition:all 0.3s;
}
.contact_one ul li:hover .boxs i{ background: #1a74fa;}
.contact_one ul li .self-svg {
  --size: 50%;
  position: relative;
  border-radius: 5px;
  width: var(--s);
  height: var(--s);
  background-color: transparent;
  transition: background 0.3s;
}
.contact_one ul li svg {
  transform: scaleX(-1);
}
.contact_one ul li .self-svg {
  --fill: #ffffff;
}
.contact_one ul li .boxs .h3{
  font-weight: bold;
  color: #222;
  line-height: 1.6;
  margin-top: 5%;
  margin-bottom: 4%;

}
.contact_one ul li .boxs .desc{
  color: #999999;
  font-size: 16px;
  margin-top: 3%;
  overflow: hidden;
}
.contact_one ul li .boxs .tels{
  color: var(--main-color);
  font-weight: bold;
  line-height: 1;
}
.contact_one ul li .boxs .tels:hover{color: #1a74fa;}
.contact_one ul li .boxs .p{
  font-size: 18px;
  color: #555555;
  overflow: hidden;
  line-height: 1.6;
}
.mainbg{background:#f8f8f8}
/*新闻*/
.news_con{ overflow:hidden; margin-top: 2%; }
.news_con ul li{ /*overflow:hidden;*/padding-top:4%;display:block; transition:all 0.3s; position:relative; padding-bottom: 4%; }
.news_con ul li:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#e6e6e6;}
.news_con ul li:after{content:""; position:absolute; bottom:0; left:0; width:0%; height:1px; background:var(--main-color);transition:all 0.3s;}
.news_con ul li:hover:after{ width:100%;}
.news_con ul li:hover{ /*border-color:#eb76a9; *//*background:#f6f6f6;*/}
.news_con ul li:hover:after{opacity:1.0;filter:Alpha(opacity=100);}
.news_con ul li .imgs{width:440px;float:left;display:inline;overflow:hidden;margin-right:3.5%; border-radius: 6px;}
.news_con ul li .imgs img{ display: block; width:100%;height: 260px;
    object-fit: cover;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s;}
.news_con ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.news_con ul li .txts{ overflow:hidden;   }
.news_con ul li .txts .h3{ line-height:32px; height:32px; overflow:hidden; color:#333333; font-weight:bold;transition: all 0.3s; margin-top:26px;white-space:nowrap;text-overflow:ellipsis; }
.news_con ul li .pdf{float:right;position: relative;top:-30px;}
.news_con ul li .pdf img{width:30px;}
.news_con ul li .txts .date{ height:30px; line-height:30px; overflow:hidden; color:#444444; font-size:16px; margin-top: 18px; padding-left: 25px; background: url(../images/news_pic1.png) left center no-repeat;}
.news_con ul li .txts .p{ margin-top:9px; height:56px; overflow:hidden; font-size:16px; color:rgba(34,34,34,0.7); line-height:28px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news_con ul li:hover .txts h3{color:#333333;}
.o_more{
  --hig:44px; font-style:normal; display:block; width:147px; height:var(--hig); line-height:var(--hig); text-indent:30px;color:var(--main-color); font-size:15px;  margin-top:4.5%;transition:all 0.3s; border-radius:calc(var(--hig)/2) 0 calc(var(--hig)/2) 0;position: relative; z-index: 0;
}
.o_more:before{ content: ""; position: absolute; left: 0; width: 0; height: 100%; top: 0; background: var(--main-color);transition:all 0.3s; z-index: -2;border-radius:calc(var(--hig)/2) 0 calc(var(--hig)/2) 0;}
.o_more:after{ content: ""; position: absolute; left: 0; width: 100%; height: 100%; top: 0; background:url(../images/news_pic2.png) right 25px center no-repeat;transition:all 0.3s; z-index: -1;border:1px solid var(--main-color);border-radius:calc(var(--hig)/2) 0 calc(var(--hig)/2) 0; }
.list_h:hover .o_more,.o_more:hover{  color:#fff;}
.list_h:hover .o_more:after,.o_more:hover:after{  background-image:url(../images/news_pic2_on.png);}
.list_h:hover .o_more::before,.o_more:hover::before{ width: 100%;}

.imore{ display: inline-block; height: 44px; overflow: hidden;  line-height: 44px; text-align: center; padding-left: 40px; padding-right: 40px;-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; position: relative; z-index: 0; margin-top: 4.5%; z-index: 0;font-style:normal; color: var(--main-color);}
.imore .ico{ margin-bottom: 2px; height: 0;transition:all 0.3s;}
.imore:before{ content: ""; width: 0%; position:absolute; height:100%; left:0; top:0;background: #1a74fa;-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;border-radius: 25px 0px 25px 0px; z-index: -1;}
.imore:after{  content: ""; width: 100%; position:absolute; height:100%; left:0; top:0;-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;border:1px solid var(--main-color); border-radius: 25px 0px 25px 0px;z-index: -2;}
.imore .span{ font-size: 15px;}
.m_ac:hover .imore{ padding-left: 30px; padding-right: 30px; color: #fff;}
.m_ac:hover .imore .ico{ height: 7px;}
.m_ac:hover .imore::before{ width: 100%;}
.m_ac:hover .imore::after{border-color: #1a74fa;}
.imore:hover{ padding-left: 30px; padding-right: 30px;}
.imore:hover::before{ width: 100%;}
.imore:hover::after{border-color: #1a74fa;}
.imore:hover .ico{  height: 7px;}
/*新闻资讯详细*/
.about_x2{  background:#fff;padding:30px 30px}
.about_x2 .show_t{ line-height:34px; font-size:24px; color:#222222; text-align:left; margin-bottom:1%; margin-top:5px; font-weight:normal;}
.about_x2 .show_t.bgs2{ font-size: 36px;line-height: 42px;}
.about_x2 .con_line{ line-height:30px;font-size:15px; color:rgba(34,34,34,0.7); text-align:left; border-bottom: 1px solid #f0f0f0; padding-bottom: 2%;   }
.about_x2 .con_line label{  margin-right:4%;display:inline-block; vertical-align:top;}

.about_x2 img{ max-width:100%;}
.about_x2 .con_id{ line-height:32px;overflow:hidden;white-space:normal;word-break:break-all; font-size:16px; color:#555555;text-align:left;/* font-family:"宋体";*/ padding-bottom:4%; background:#fff; margin-top:3%;}
.about_x2 .con_id .boxs{ width:94%; margin:0 auto; max-width:820px;}
.about_x2 .con_id .h2{ font-size:16px; line-height:24px; margin-bottom:5px;}
.about_x2 .con_id p,
.about_x2 .con_id span{
    font-size: 16px!important;
    line-height: 35px!important;
    margin:0!important;
}




.about_x2 .con_id .case_one{ overflow:hidden; border-bottom:1px solid #e5e5e5; padding-bottom:2%; line-height:38px; color:#666666; margin-top:-1%; margin-bottom:3%;}
.about_x2 .con_id .case_one ul li{ display:block; overflow:hidden;}
.about_x2 .con_id .case_one ul li label{ float:left; overflow:hidden;}
.about_x2 .con_id .case_one ul li .p{ overflow:hidden; color:#333; font-weight:bold;}
.about_x2 table{border-collapse:collapse;border-spacing:0;}
.about_x2 table td{ line-height:22px;height:27px; /*border:1px solid #000;*/}
.prenext{ padding-top:2%;  font-size:16px;margin-bottom:3%;border-top:1px solid #f0f0f0;  line-height:34px;text-align:left;  }
.prenext span{ width:49%; overflow:hidden;   color:#555555; }
.prenext span em{ font-style:normal; color:#666666; text-transform:uppercase; display: block;}
.prenext span.r{ text-align:right;}
.prenext a{ color:#555555; overflow:hidden; transition:all 0.3s;white-space:nowrap;text-overflow:ellipsis;}
.prenext a:hover{ color:var(--main-color);  text-decoration:none;}
.prenext .goback{--hig:39px; margin:0 auto;display:block; vertical-align:top; height:var(--hig); line-height:var(--hig); width:106px; color:#333333; top:-40px; transition:all 0.3s; font-size:16px; border-radius:calc(var(--hig)/2);transition:all 0.3s;/* box-shadow: 0 5px 20px 0 rgba(195, 40, 55, 0.3); */ position: relative; z-index: 0; text-align: center;}
.prenext .goback:hover{  color:#fff; /* box-shadow: 0 5px 20px 0 rgba(195, 40, 55, 0.5); */}
.prenext .goback::before{ z-index: -1; content: ""; position: absolute; left: 0; width: 100%; height: 100%; top: 0; border: 1px solid #333;border-radius:calc(var(--hig)/2);}
.prenext .goback:hover::before{ border-color: var(--main-color);}
.prenext .goback::after{ z-index: -1; content: ""; position: absolute; left: 0; width: 0; height: 100%; top: 0; background: var(--main-color);}
.prenext .goback:hover:after{ width: 100%;}
.news_one{  padding-top: 3%;padding-bottom: 3%;/* display:flex;*/}
.news_one .news_one_l{ width:68%; float:left; max-width: 1082px;}
.news_one .news_one_r{ width:30%; overflow:hidden; float:right;  max-width:425px;background:#fff;padding:20px }
.news_one .news_one_r .h4{ font-weight:normal; color:#333333; overflow:hidden; line-height:70px;}
.news_ul2{ margin-top:3%; overflow:hidden;}
.news_ul2 ul li{ display:block; overflow:hidden; margin-bottom:6%; padding-bottom:6%; border-bottom:1px solid #f0f0f0;}
.news_ul2 ul li:last-child{ border-bottom:0; padding-bottom:0;}
.news_ul2 ul li .imgs{ float:left; width:125px; overflow:hidden; position:relative; padding-top:80px; margin-right:16px;}
.news_ul2 ul li .imgs img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.news_ul2 ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.news_ul2 ul li .p{ font-style:normal;  height:36px; line-height:18px;  color:#999999; font-size:14px;margin-top:8px; position:relative;z-index:0;overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_ul2 ul li .h3{ font-weight:normal; overflow:hidden; line-height:20px; height:20px; color:#333333; font-size:15px; margin-top:9px;transition:all 0.3s;white-space:nowrap;text-overflow:ellipsis;}
.news_ul2 ul li:hover .h3{ color:var(--main-color);}
.news_ul2 ul li .txts{ overflow:hidden;}

/*海外仓详细*/
.product_one{
  overflow: hidden;
   padding-top: 3%;
   padding-bottom: 3%;
   margin-bottom: 4%;
}
.product_one .imgs{ float: right; width: 49%; max-width: 716px; overflow: hidden;border-radius: 10px;}
.product_one .imgs img{display: block;width: 100%; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.product_one .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.product_one .txts{ overflow: hidden; position: absolute; left: 0; top: 0; height: 100%; max-width: 780px; width: 49%; color: #333333;display: flex; align-items: center; justify-content: left; line-height: 2;}
.product_one .txts p{ padding-bottom: 2%;}
.product_one .txts p:last-child{ padding-bottom: 0%;}
.product_two{
  margin-top: 6%; margin-bottom: 5%;
}
.product_two ul li{
  float: left;
  width: 49%;
  max-width: 778px;

}
.product_two ul li:nth-child(2n){ float: right;}
.product_two ul li .imgs{ overflow: hidden; position: relative; padding-top: 69.667%;transition:all 0.6s; border-radius: 10px;}
.product_two ul li .imgs img{display: block;width: 100%; position: absolute; top: 0; height: 100%; left: 0; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.product_two ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.product_two ul li:hover .imgs{box-shadow: 0px 3px 49px 0px rgba(0,0,0,0.14);}
.product_two ul li .h3{ overflow: hidden; line-height: 1.3; margin-top:4%; font-weight: normal; text-align: center;}
.product_three{ overflow:hidden; position:relative; cursor:pointer;}
.product_three img{ width:100%; display:block;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.product_three:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.product_three .bgs{ width:100%; height:100%; top:0; left:0; position:absolute;display: flex; align-items: center; justify-content: left;}
.product_three .bgs .boxs{ width:100%; overflow:hidden;}
.product_three .bgs i{ display:block;  width:83px; height:83px; margin:0 auto; position:relative;background:url(../images/product_pic4.png) center center no-repeat; background-size:100% 100%;}


@media screen and (max-width: 1440px) {
/*内页*/
.postions{  font-size:14px;}
.postions .search{ margin-top:10px;}
.postions .goback{height:60px; line-height:60px;}
.postions2 .alist a{ margin-right: 30px;}
/*新闻*/
.o_more{  --hig:44px;  width:140px; text-indent:24px;  font-size:15px;}
.o_more::after{background-position:right 19px center;}

}


@media screen and (max-width: 1200px) {
/*内页*/
.sec .postions{ margin-top:10px;}
.postions h2{ font-size:18px;}
.postions h2 span{ font-size:14px;}
.postions2{  line-height:50px; font-size: 14px;}
.postions2 h2{ font-size:18px;}
.postions2 h2 span{ font-size:14px;}
.o_big_con.bgs2 .h2 label{ margin-bottom:3%;}
.o_big_con .h2 label{ line-height:30px;}
.postions2 .alist a{ margin-right:20px;}

/*网站地图*/
.sitemap_main dd{width:calc(24.25% - 2px);width:-webkit-calc(24.25% - 2px);width:-moz-calc(24.25% - 2px);}
.sitemap_main dd:nth-child(5n+0){ margin-right:1%;}
.sitemap_main dd:nth-child(4n+0){ margin-right:0;}
/*关于我们*/
.about_one .cons{  line-height:32px; margin-top:2%;}
.about_one .big-text{ margin-top: 0.1.2em;}
.about_one .list{ margin-top:7%; padding-bottom:6%;}
.about_one .list .list-li{ width:32.33%;}
.about_one .list .list-li .img-div img{ max-width:100%; margin:0 auto; display:block;}
.about_one .list .text-box{ font-size:18px;}
.about_one .list .text-word { font-size: 16px;}
.about_one .list .img-div { width: 80%; margin: 0 auto;}
 /*联系我们*/
 .contact_one ul li{ width: 32%; margin-right: 2%;}
 .contact_one ul li .boxs{--s:50px; min-height: 250px;}
 .contact_one ul li .boxs .desc{ font-size: 14px;}
 .contact_one ul li .boxs .p{ font-size: 16px;}
 /*新闻*/
 .news_con ul li .imgs{ width:350px; margin-right:2%;}
 .news_con ul li .txts .h3{ margin-top: 16px;}
 .news_con ul li .txts .date{ margin-top: 12px;}
 .news_con ul li .o_more{ margin-top: 3%;}
 .imore{ margin-top: 3%; height: 40px;  line-height: 40px;}
.imore .span{ font-size: 14px;}
.imore:before{border-radius: 20px 0px 20px 0px;}
.imore:after{border-radius: 20px 0px 20px 0px;}
/*新闻资讯详细*/
.about_x2 .con_id{ font-size:15px; line-height:30px;}
.news_one .news_one_r .h4{ height:60px; line-height:60px;}
.about_x2 .con_line{ font-size:14px;}
/*测算*/
.partner_jg .table th{ height: 60px;min-width: 100px;}
.partner_jg .table td{ height: 60px; }
.partner_jg .table{ font-size: 16px;}
.partner_jg .desc{ font-size: 14px;}
.partner_jg .desc2{ font-size: 14px;}
/*海外仓详细*/
.product_one .txts{ line-height: 1.6;}
}

@media screen and (max-width: 1100px) {
/*内页*/
.postions .search{ margin-top:6px; width:300px;}
.postions .search .inputs{width: calc(100% - 80px);width: -webkit-calc(100% - 80px);width: -moz-calc(100% - 80px); font-size:13px;}
.postions .search .bnts{ width:80px;}
.postions .goback{height:50px; line-height:50px;}

/*分页*/
.yema a{ height:36px; line-height:36px;min-width:30px; font-size:14px;}
.yema a span{ font-size:14px;}
/*新闻*/
.news_con ul li .imgs{ width:300px; }
.news_con ul li .txts .h3{ margin-top:5px;}
.news_con ul li .txts .date{ margin-top: 0;}
.news_con ul li .txts .p{ line-height: 24px; height: 48px;}
}
@media screen and (max-width: 1000px) {
/*内页*/
.postions{ position:static; border-bottom:1px solid #e1e1ea;}
.postions:after{ display:none;}
.postions .rclass{ display:block;}
.postions .postions_b{ display:none;}
.postions .postions_b a{ float:none; font-size:16px; display:block; margin-left:0; padding-left:3%; text-align:left; background:#efefef; border-bottom:1px solid #fff; width:auto; margin-right:0;}
.postions .postions_b a:hover{ background:#00468c; color:#fff;}
.postions .postions_b a.isel{ color:#fff;background:#00468c;}
.postions .postions_b a:after{ height:0;}
.postions2{  line-height:40px;}
.o_big_con .h2 label{  margin-top:4px; font-size:16px; line-height:26px;}

/*分类弹窗*/
.about_tc{z-index: 19891025; width: 0%; right: 0%; position:absolute; overflow: hidden; top:0; height:100%;/* display: none;*/transition: all 0.3s;}
.postions_b.lws .about_tc{ width:80%;}
.postions_b.lws{ display:block;}
.about_l.lws .about_tc{ width:88%;}
.about_tc .about_divs{ position:absolute; right:0; width:85%; background-color:#f5f5f7; top:0; overflow:hidden; height:100%;}
.about_tc .closed2{ right:84.5%; position:absolute; top:150px; cursor:pointer; width:25px; display:block;}
.about_tc .closed2:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition: all 0.3s;}

}
@media screen and (max-width: 960px) {
.postions2 .alist a{ margin-right:10px;}
.postions2 .postions_r{ display: none;}
/*关于我们*/
.about_one .cons{ line-height:30px;}
 /*新闻*/
.imore{ line-height: 36px; height: 36px; padding-left: 30px;padding-right: 30px;}
.imore .span{ font-size: 13px;}
.m_ac:hover .imore{ padding-left: 20px; padding-right: 20px;}
/*新闻资讯详细*/
.about_x2 .show_t{ font-size:22px; line-height:32px;}
.about_x2 .show_t.bgs2{ font-size:26px;}
.about_x2 .con_id{ line-height:26px; font-size:15px; margin-top:15px;}
.about_x2 .con_id .case_one{ line-height:32px;}
.prenext{ font-size:15px; line-height:24px; }
.prenext .goback{   font-size:15px;}

/*分享*/
.fenxiang{  --dw: 26px;}
.fenxiang .news_fx ul li{ width:26px; height:26px;}
.fenxiang .news_fx ul li a{ width:26px; height:26px;}
/*测算*/
.partner_jg .table th{ height: 50px;min-width: 90px;}
.partner_jg .table td{ height: 50px; }
.partner_jg .table{ font-size: 15px;}
.partner_jg .desc{ font-size: 13px;}
.partner_jg .desc2{font-size: 13px;}
/*海外仓详细*/
.product_one .imgs{ float: none; width: 100%; max-width: none;}
.product_one .txts{ position: static;width: 100%; max-width: none; margin-top: 4%;}
}

@media screen and (max-width: 830px) {
/*内页*/
.postions h2{ font-size:16px;}
.postions h2 span{ font-size:13px;}
.postions2 h2{ font-size:16px;}
.postions2 h2 span{ font-size:13px;}


}
@media screen and (max-width: 780px) {
/*内页*/
.o_big{ height:290px;}
.postions{ height:44px; line-height:44px; font-size:13px;}
.postions.bgs3{height:44px; line-height:44px;}
.sec .postions{ margin-top:0px;}
.postions h2{ display:none;}
.postions .postions_b a{ height:44px; line-height:44px; font-size:14px;}
.postions .search{ margin-top:3px;}
.postions .goback{height:44px; line-height:44px; font-size:12px;}
.postions2{ font-size:13px;  line-height:30px;}
/*分页*/
.yema a{ height:26px; line-height:24px; padding-left:6px; padding-right:6px; margin-left:2px; font-size:13px; min-width:26px;}
.yema a span{ font-size:13px;}
/*网站地图*/
.website_t{ font-size:15px;}
.sitemap_main dd{width:calc(32.66% - 2px);width:-webkit-calc(32.66% - 2px);width:-moz-calc(32.66% - 2px); font-size:13px;}
.sitemap_main dd:nth-child(4n+0){ margin-right:1%;}
.sitemap_main dd:nth-child(3n+0){ margin-right:0;}
/*关于我们*/
.about_one .cons{  line-height:28px;}
.about_one .list .text-box{ font-size:16px;}
.about_one .list .text-title .cn{ font-size:22px;}
.about_one .list .text-word { font-size: 14px;}
/*新闻资讯详细*/
.news_one{ display:block; margin-bottom:6%;}
.news_one .news_one_l{ width:100%; margin-right:0; float:none;}
.about_x2 .show_t.bgs2{ text-align:center;}
.news_one .news_one_r{ width:100%; float:none; max-width:none; margin-top:2%;}
.news_ul2{ margin-top:2%;}
.news_ul2 ul li{ padding-bottom:3%; margin-bottom:3%;}
.news_ul2 ul li .h3{ height:auto;}
.about_x2 .con_line{ line-height:26px; text-align:center;}
.about_x2 .con_line label:last-child{ margin-right:0;}


/*分享*/
.fenxiang{ float:none; margin-top:5px;text-align:center; margin-top:2%;}
.fenxiang .news_fx ul li{ margin-left:2px; margin-right:2px;}
}

@media screen and (max-width: 640px) {
/*内页*/
.position{height:44px; line-height:44px; font-size:13px;}
.position .postions_b a{ font-size:13px;}
.postions .postions_r img{ height:16px;}
.o_big_con .h2 label{ font-size:15px; line-height:24px;}

/*分页*/
.yema a{ font-size:12px;}
.yema a span{ font-size:12px;}
/*暂无内容*/
.nodata{background-size:auto 130px; padding-top:140px;margin-top:15%; margin-bottom:15%;}
/*关于我们*/
.about_one .cons{  line-height:26px;}
.about_one .big-text{ margin-top: 0.1em;}
 /*联系我们*/
 .contact_one ul li{ width: 100%; margin-right: 0%; float: none; margin-bottom: 3%;}
 .contact_one ul li .boxs{ min-height:auto; padding-bottom: 8%;}
 .contact_one ul li .boxs .h3{ font-size: 16px;}
 .contact_one ul li .boxs .desc{ font-size: 12px;}
 .contact_one ul li .boxs .p{ font-size: 14px;}
/*新闻*/
.news_con ul li .imgs{ width:200px;}
.news_con ul li .txts .h3{ margin-top:6px; font-size:16px;}
.news_con ul li .txts .p{ font-size:13px; line-height:22px; height:44px; margin-top:5px;}
.news_con ul li .txts .o_more{ display:none;}
.news_con ul li .txts .imore{ display: none;}
.news_con ul li .txts .date{ margin-top: 8px;}
.o_more{--hig:38px; width:110px;  text-indent:12px;  font-size:13px;}
.o_more::after{background-position:right 15px center;}
.imore{ padding-left: 20px; padding-right: 20px; line-height: 32px; height:32px;}
.imore .span{ font-size: 12px;}
.m_ac:hover .imore .ico{ height: 5px;}
.imore:hover .ico{ height: 5px;}
.imore:before{border-radius: 18px 0px 18px 0px;}
.imore:after{border-radius: 18px 0px 18px 0px;}
/*新闻资讯详细*/
.about_x2 .show_t{ font-size:20px; line-height:28px; text-align:center;}
.about_x2 .show_t.bgs2{ font-size:24px;}
.about_x2 .con_line{ font-size:12px; }
.about_x2 .con_id{ font-size:14px; line-height:24px;}
.about_x2 .con_id .case_one{ line-height:26px;}
.prenext{ font-size:14px;}
.prenext .goback{ font-size:14px; margin-left:0; top: 0%; margin-top: 3%; clear: both;}
.prenext span{ width: 100%; display: block; float: none;}
.prenext span em{ display: inline-block;}
.prenext span.r{ text-align: left;float: none;}
/*测算*/
.partner_jg .table th{ height: 40px; min-width: 90px;}
.partner_jg .table td{ height: 40px;}
.partner_jg .table{ font-size: 14px;}
.partner_jg .desc{ font-size: 12px;}
.partner_jg .desc2{font-size: 12px;}

}


@media screen and (max-width: 480px) {
/*内页*/
.o_big{ height:200px;}
.o_big_con .h2{ font-size:18px; }
.o_big_con .h2 label{ font-size:14px; line-height:22px; margin-bottom:30px;}
.postions{ font-size:12px;}
.postions .postions_b a{ font-size:13px;}
.postions .postions_r span{ display:none;}
.postions .postions_r img{ height:14px;}
.postions .search{ width:220px;}
.postions .search .inputs{width: calc(100% - 60px);width: -webkit-calc(100% - 60px);width: -moz-calc(100% - 60px); font-size:12px;}
.postions .search .bnts{ width:60px;}
.postions2{ font-size:12px;bottom: clamp(0px, calc(100vw*0.0272), 60px);}


/*分页*/
.yema{ padding-top:35px; padding-bottom:40px;}
.yema a{ padding-left:5px; padding-right:5px; margin-left:2px;}
/*网站地图*/
.website_t{ font-size:14px;}
.sitemap_main dd{width:calc(49.5% - 2px);width:-webkit-calc(49.5% - 2px);width:-moz-calc(49.5% - 2px); font-size:12px;}
.sitemap_main dd:nth-child(3n+0){ margin-right:1%;}
.sitemap_main dd:nth-child(2n+0){ margin-right:0;}
/*关于我们*/
.about_one .cons{ line-height:24px; margin-bottom:20%;padding: 0}
.about_one .list .text-box{ font-size:14px;}
.about_one .list .text-title .cn{ font-size:18px;}
.about_one .list .text-word { font-size: 12px;}
.about_one .list .text-box{ padding-top: 30px;}
 /*新闻*/
 .news_con ul li .imgs{ width:154px;}
 .news_con ul li .txts .h3{ height:24px; line-height:24px; margin-top:15px;}
 .news_con ul li .txts .p{ height:40px; line-height:20px; font-size: 14px;}
 .news_con ul li .txts .date{ font-size:13px; display: none;}
 .o_more{--hig:34px; font-size:12px;}
 /*新闻资讯详细*/
.about_x2 .show_t{ font-size:18px; line-height:26px;}
.about_x2 .show_t.bgs2{ font-size:20px;}
.about_x2 .con_id{ font-size:13px;}
.prenext{ font-size:12px; line-height:22px;}
.prenext span{height:22px;}
.prenext .goback{ font-size:12px;}
.news_ul2 ul li .h3{ font-size:16px;}
.news_ul2 ul li .p{/* width:100px; height:32px; line-height:32px; */font-size:13px;}
.news_ul2 ul li:hover .imgs img{-webkit-transform:scale(1.0, 1.0); -moz-transform:scale(1.0, 1.0); -o-transform:scale(1.0, 1.0); -ms-transform:scale(1.0, 1.0); transform:scale(1.0, 1.0);}
.news_one .news_one_r{ margin-top:2%;}
.news_one .news_one_r .h4{ font-size:16px; line-height:50px; height:50px;}
/*测算*/
.partner_jg .table{ font-size: 13px;}
.partner_jg .table th{ height:40px;min-width: 80px;}
.partner_jg .table td{ height:40px;}
.partner_jg .table th.w1{ width:66px;}
.partner_jg .table th.w2{ width:110px;}
.partner_jg .table th.w3{ width:100px;}
.partner_jg .table th.w4{ width:130px;}
/*海外仓详细*/
.product_three .bgs i{ width:50px; height:50px;}


}

@media screen and (max-width: 420px) {
/*内页*/
.o_big_con .h2 label{ font-size:13px; line-height:20px;}
/*关于我们*/
.about_one .list .text-box{ font-size:12px;}
.about_one .list .text-title .cn{ font-size:16px;}
/*新闻资讯详细*/
.news_ul2 ul li .p{ font-size:12px;}
.news_ul2 ul li .h3{ margin-top:10px;}

}
@media screen and (max-width: 360px) {
/*内页*/
.o_big_con .h2 label{ font-size:12px;}
/*新闻*/
.news_con ul li .imgs{ width:150px;}
.news_con ul li .txts .h3{  font-size:15px;}
.news_con ul li .txts .p{ font-size:12px; margin-top:0;}

}




.selects{height: 52px;  width: 100%;border:1px solid #e8e8e8;color:#656565;font-size: 16px;padding-left: 66px;}
@media screen and (max-width: 1440px){
    .selects{
        height:46px;
        padding-left: 50px;
    }
}
@media screen and (max-width: 640px){
    .selects{
        height:40px;
        width:100%;border:1px solid #e8e8e8;color:#656565;font-size: 16px;padding-left: 10px;
    }
}

@media screen and (max-width: 480px){
.selects{ font-size:14px;}
}
/*我们的使命*/
.service_five{ margin-top: 4%; margin-bottom: 5%;}
.service_five ul{ width: 100%;}
.service_five li{float: left; width: 31%;  box-shadow: 0px 3px 49px 0px rgba(0,0,0,0.05);border-radius: 10px;  margin-bottom: 80px;transition:all 0.3s; background: #fff; margin-right: 3.5%;}
.service_five li:hover{box-shadow: 0px 3px 49px 0px rgba(0,0,0,0.09);}
.service_five li:nth-child(3n){ margin-right: 0;}
.service_five li .cons2{ margin-left: 33px; padding-right:155px; display: flex; align-items: center; justify-content: left;height: 90px; position: relative; }
.service_five li .cons3{ margin-left: 33px; padding-right:33px; display: flex; align-items: center; justify-content: left; position: relative;padding-bottom: 50px;text-align: justify;font-size: 16px; }
.service_five li img{ height: 116px; display: block; position: absolute; top: -38px; right: 12px; transition:all 0.3s;transform: scaleX(1);}
.service_five li .p{ overflow: hidden; font-weight: bold; line-height: 1.5;margin-top:20px}
.service_five li .color1{ color: var(--main-color);}
.service_five li:hover img{transform: scaleX(-1);}
.service_six{ overflow: hidden; margin-top: 1%; margin-bottom: 3%; padding: 1px;}
.service_six{ width: 100%;}
.service_six li{ float: left; width: 24.9479%;}
.service_six li:nth-child(3){ width: 50.1042%;}
.service_six li .boxs{  padding-left:2px; padding-right: 2px; margin-bottom: 4px; margin-top: 0; overflow: hidden; }
.service_six li .boxs .imgs{ overflow: hidden; position: relative; padding-top: 77.9%;}
.service_six li .boxs.bgs2 .imgs{ padding-top: 47.788%;}
.service_six li .boxs .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; height: 100%; position:absolute; top: 0; left: 0;}
.service_six li .boxs:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.service_six li .boxs .bgs{ position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;background:url(../images/service_bg1.png) 0 bottom repeat-x;transition:all 0.6s;}
.service_six li .boxs:hover .bgs{background: rgba(0,0,0,0.28);}
.service_six li .boxs .bgs .h3{ font-weight: bold; overflow: hidden; line-height: 1.5; position: absolute; bottom: 20px; left: 0; width: 100%; color: #fff; padding-left: 22px; padding-right: 20px; }
.service_six li .boxs.bgs3{ width: 34.68%; float: left;}
.service_six li .boxs.bgs4{ width: 65.32%; float: left;}
.service_six li .boxs.bgs3 .imgs{ padding-top: 112%;}
.service_six li .boxs.bgs4 .imgs{ padding-top: 59.1%;}
.service_six li .boxs.bgs5{ width: 68.34%; float: left;}
.service_six li .boxs.bgs6{ width: 31.66%; float: left;}
.service_six li .boxs.bgs5 .imgs{ padding-top: 35%;}
.service_six li .boxs.bgs6 .imgs{ padding-top: 76.1%;}

@media screen and (max-width: 960px) {
    .service_five li{ width: 48%; margin-right: 4%; margin-bottom: 30px;}
    .service_five li:nth-child(3n){ margin-right: 4%;}
    .service_five li:nth-child(2n){ margin-right: 0%;}
    .service_six li{ width: 50%;}
    .service_six li:nth-child(3){ width: 100%; float: none;}

  }
@media screen and (max-width: 640px) {
    .service_five li img{ height: 70px; top: -18px;}
    .service_five li .cons2{padding-right: 90px; height: 100px;}
    .service_six li .boxs .bgs .h3{ padding-left: 12px; bottom: 10px;}
  }
@media screen and (max-width: 480px) {
    .service_five{ margin-top: 5%;}
    .service_five li{ float: none; margin-right: 0; width: 100%;  padding-bottom: 10px;}
    .service_five li:nth-child(3n){ margin-right: 0%;}
    .service_five li .cons2{ height: 50px;margin-left: 4%;}
    .service_five li .cons3{padding:20px;margin:0px;}
  }

/*核心价值观*/
.product{
    background-image: url(../images/img6.jpg);
    background-size: 100% 100%;
}
.product_ul{
  overflow: hidden;
}
.product_ul ul li{
  float: left;
  width: 20%;
  overflow: hidden;
  text-align: center;

}
.product .auto-title-h2,
.product .auto-title-des{color:#fff;}
.product .big-text{color: #fff;opacity: 0.2}
.product_ul ul li a{ color: #fff;}
.product_ul ul li .imgs{ overflow:hidden; position:relative; padding-top:148.4%;}
.product_ul ul li .imgs .img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.product_ul ul li:hover .imgs .img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.product_ul ul li:nth-child(3n){ margin-right: 0;}
.product_ul ul li .bgs{position: absolute; left: 0; top: 0;width: 100%; height: 100%; overflow: hidden;display: flex; align-items: center; justify-content: left;transition:all 0.3s;}
.product_ul ul li:hover .bgs{ background: rgba(52,121,220,0.88);}
.product_ul ul li .bgs .boxs{ margin: 0 auto; width: 94%; max-width: 490px; overflow: hidden;}
.product_ul ul li .bgs .ico{ margin: 0 auto; width: 70%; max-width: 240px; position: relative; margin-bottom: 6%;--pointw: 10px;transition:all 0.3s;opacity:0;filter:Alpha(opacity=0); margin-top: -155px; }
.product_ul ul li .bgs .ico img{ display: block; width: 100%;}
.product_ul ul li:hover .bgs .ico{opacity:1.0;filter:Alpha(opacity=100);margin-top: 0;}
.product_ul ul li .bgs .h3{ overflow: hidden; line-height: 1.3; color: #fff;}
.product_ul ul li .bgs .p{ overflow: hidden; line-height: 1.6; margin-top: 4%;color:#fff;padding:0 20px;text-align: justify;font-size: 16px;}
.product_ul ul li:hover .bgs .p{ margin-bottom: 8%;}
.product_ul ul li em{ position: absolute; left: 50%; bottom: 10%;--ww:158px;--hh:44px; width: var(--ww); height: var(--hh); line-height: var(--hh); font-size: 16px; margin-left: calc(var(--ww)/-2); font-style: normal; background: #1a74fa;border-radius: calc(var(--hh)/2) 0 calc(var(--hh)/2) 0;transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}
.product_ul ul li:hover em{opacity:1.0;filter:Alpha(opacity=100);}
.product_ul ul li .ico2{ height: 0px;margin-bottom: 2px; margin-left: 5px;transition:all 0.3s;}
.product_ul ul li:hover .ico2{ height: 7px;}
.product_ul ul li .list-li {
  display: block;
  position: absolute;

}

.product_ul ul li .point {
  --anstime: 3s;
  display: block;
  z-index: 2;
  margin-left: calc(var(--pointw)*-0.5);
  margin-top: calc(var(--pointw)*-0.5);
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--pointw);
  height: var(--pointw);
}
.product_ul ul li .point .i {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background:#fff;
  opacity: 1;
}
.product_ul ul li .point .i2 {
  animation: map-point var(--anstime) infinite;
  animation-delay: 1.5s;
  background:#1a74fa;
}
.product_ul ul li .point .i3 {
  animation: map-point var(--anstime) infinite;
  animation-delay: 3s;
  background:#1a74fa;
}
.product_ul ul li .list-li.li1{
  left: 7.5%;
  top: 45.5%;
}
.product_ul ul li .list-li.li2{
  right: 11%;
  top: 35%;
}
.product_ul ul li .list-li.li3{
  right: 25%;
  bottom: 35%;
}
@media screen and (max-width: 1440px) {
  /*核心价值观*/
  .product_ul ul li em{ bottom: 6%;}
}
@media screen and (max-width: 1200px) {
  /*核心价值观*/
  .product_ul ul li em{ bottom: 5%; font-size: 16px;--ww:140px;--hh:40px;}
}
@media screen and (max-width: 960px) {
  /*核心价值观*/
  .product_ul ul li{ float:none; width: 100%;}
  .product_ul ul li .bgs .ico{opacity:1.0;filter:Alpha(opacity=100);margin-top: 0;}
    .product_ul ul li .bgs .p{ margin-bottom: 8%;}
    .product_ul ul li em{opacity:1.0;filter:Alpha(opacity=100);}
    .product_ul ul li .imgs{padding-top: 40%}
}

@media screen and (max-width: 780px) {
   /*核心价值观*/
   .product_ul ul li em{ bottom: 6%; font-size: 14px;}
}

@media screen and (max-width: 640px) {
  .product_ul ul li:hover .ico2{ height: 5px;}
}

@media screen and (max-width: 420px) {}

@keyframes map-point {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0.15;
    transform: scale(5);
  }
}

/*主要工作与服务*/
.serve_five{ margin-top: 4%; margin-bottom: 5%;}
.serve_five ul{ width: 100%;}
.serve_five li{float: left; width: 45%;  box-shadow: 0px 3px 49px 0px rgba(0,0,0,0.05);border-radius: 10px;  margin-bottom: 80px;transition:all 0.3s; background: #fff; margin-right: 3%;height:200px;}
.serve_five li:hover{box-shadow: 0px 3px 49px 0px rgba(0,0,0,0.09);}
.serve_five li:nth-child(2n){ margin-right: 0;}
.serve_five li .cons2{ margin-left: 33px; padding-right:155px; display: flex; align-items: center; justify-content: left;height: 90px; position: relative; }
.serve_five li .cons3{ margin-left: 33px; padding-right:33px; display: flex; align-items: center; justify-content: left; position: relative;padding-bottom: 50px;text-align: justify;font-size: 16px; }
.serve_five li img{ height: 116px; display: block; position: absolute; top: -38px; right: 12px; transition:all 0.3s;transform: scaleX(1);}
.serve_five li .p{ overflow: hidden; font-weight: bold; line-height: 1.5;margin-top:20px}
.serve_five li .color1{ color: var(--main-color);}
.serve_five li:hover img{transform: scaleX(-1);}
.serve_six{ overflow: hidden; margin-top: 1%; margin-bottom: 3%; padding: 1px;}
.serve_six{ width: 100%;}
.serve_six li{ float: left; width: 24.9479%;}
.serve_six li:nth-child(3){ width: 50.1042%;}
.serve_six li .boxs{  padding-left:2px; padding-right: 2px; margin-bottom: 4px; margin-top: 0; overflow: hidden; }
.serve_six li .boxs .imgs{ overflow: hidden; position: relative; padding-top: 77.9%;}
.serve_six li .boxs.bgs2 .imgs{ padding-top: 47.788%;}
.serve_six li .boxs .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; height: 100%; position:absolute; top: 0; left: 0;}
.serve_six li .boxs:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.serve_six li .boxs .bgs{ position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;background:url(../images/service_bg1.png) 0 bottom repeat-x;transition:all 0.6s;}
.serve_six li .boxs:hover .bgs{background: rgba(0,0,0,0.28);}
.serve_six li .boxs .bgs .h3{ font-weight: bold; overflow: hidden; line-height: 1.5; position: absolute; bottom: 20px; left: 0; width: 100%; color: #fff; padding-left: 22px; padding-right: 20px; }
.serve_six li .boxs.bgs3{ width: 34.68%; float: left;}
.serve_six li .boxs.bgs4{ width: 65.32%; float: left;}
.serve_six li .boxs.bgs3 .imgs{ padding-top: 112%;}
.serve_six li .boxs.bgs4 .imgs{ padding-top: 59.1%;}
.serve_six li .boxs.bgs5{ width: 68.34%; float: left;}
.serve_six li .boxs.bgs6{ width: 31.66%; float: left;}
.serve_six li .boxs.bgs5 .imgs{ padding-top: 35%;}
.serve_six li .boxs.bgs6 .imgs{ padding-top: 76.1%;}

@media screen and (max-width: 960px) {
    .serve_five li{ width: 48%; margin-right: 4%; margin-bottom: 30px;}
    .serve_five li:nth-child(3n){ margin-right: 4%;}
    .serve_five li:nth-child(2n){ margin-right: 0%;}
    .serve_six li{ width: 50%;}
    .serve_six li:nth-child(3){ width: 100%; float: none;}

  }
@media screen and (max-width: 640px) {
    .serve_five li img{ height: 70px; top: -18px;}
    .serve_five li .cons2{padding-right: 90px; height: 100px;}
    .serve_six li .boxs .bgs .h3{ padding-left: 12px; bottom: 10px;}
  }
@media screen and (max-width: 480px) {
    .serve_five{ margin-top: 5%;}
    .serve_five li{ float: none; margin-right: 0; width: 100%;  padding-bottom: 10px;}
    .serve_five li:nth-child(3n){ margin-right: 0%;}
    .serve_five li .cons2{ height: 50px;margin-left: 4%;}
    .serve_five li .cons3{padding:20px;margin:0px;}
  }

/*发展历程*/
.swiper-btn-box {
  --s: 16px;
  --fill: var(--mcolor);
  --dc: rgba(var(--mcolor-rgb), 0.1);
  --hc: rgba(var(--mcolor-rgb), 0.5);
}
.swiper-btn-box .swiper-btn {
  display: flex;
  position: relative;
}
.swiper-btn-box .swiper-btn .self-svg {
  --size: 100%;
  position: relative;
  border-radius: 5px;
  width: var(--s);
  height: var(--s);
  background-color: transparent;
  transition: background 0.3s;
}
.swiper-btn-box .swiper-btn.prev svg {
  transform: scaleX(-1);
}
.swiper-box .swiper-other {
  padding-top: clamp(0.3rem, 3.645vw, 70px);
}
.swiper-box .swiper-other .swiper-btn {
  flex-shrink: 0;
}
.swiper-box .swiper-other .delay-box {
  width: calc(96.8% - var(--s)*2);
}
.swiper-box .swiper-other .delay-box .delay-line {
  display: block;
  position: relative;
  background: #dcdcdc;
  height: 2px;
}
.swiper-box .swiper-other .delay-box .delay-line::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--btn-bg);
}
.swiper-box .swiper-other .delay-box.run .delay-line::before {
  animation: swiper-delay-ani var(--anitime) linear;
}
@keyframes cycle-ani {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes pointrun1 {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  75% {
    transform: scale(4.5);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.about-block-history {
  --anitime: 9.3s;
  position: relative;
  overflow: hidden;
  padding-top: clamp(30px, 3.48vw, 67px);
  padding-bottom: clamp(0.5rem, 6.25vw, 150px);
  background:#ffffff;
}
.about-block-history .big-text{ color: #f3f3f3;}
.about-block-history .auto-title-block .auto-title-des{ color: #000;}
.about-block-history .img-cycle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1399px;
}
.about-block-history .img-cycle img {
  display: block;
  animation: cycle-ani var(--anitime) linear infinite;
}
.about-block-history .auto-title-block .auto-title-h2 {
  color: #000;
}
.about-block-history .swiper-box {
  margin-top: clamp(0.35rem, 14.16vw, 160px);
  color: #000;
}
.about-block-history .swiper-box .swiper-history .swiper-slide {
  opacity: 0;
}
.about-block-history .swiper-box .swiper-history .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.about-block-history .swiper-box .swiper-history .year {
  font-size: 30px;
  font-weight: bold;
  line-height: 1em;
  letter-spacing: 1px;
  text-align: center;
    color:#1a74fa;
}
.about-block-history .swiper-box .swiper-history .p {
  --point: 6px;
  --lh: 1.7em;
  margin-top: 26px;
  margin-bottom: 180px;
  font-size: 16px;
  text-align: left;
  text-align: justify;
}
.about-block-history .swiper-box .swiper-history .p p {
  display: flex;
}
.about-block-history .swiper-box .swiper-history .p p::before {
  content: '';
  display: block;
  flex-shrink: 0;
  margin-top: calc((var(--lh) - var(--point))/2);
  margin-right: 0.5em;
  border-radius: 50%;
  height: var(--point);
  width: var(--point);
  background: #000;
}
.about-block-history .swiper-box .swiper-history .p p + p {
  margin-top: 0.6em;
}
.about-block-history .swiper-box .swiper-other {
  margin-top: clamp(0.3rem, 4.76vw, 80px);
}
.about-block-history .swiper-box .swiper-thumb {
  --anstime: 3s;
  --pw: 12px;
  --pad: 45px;
  margin: calc(var(--pad)*-1) 0;
  width: calc(95% - var(--s)*2);
  padding: var(--pad) 0;
}
.about-block-history .swiper-box .swiper-thumb::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  height: 1px;
  width: 100%;
  background: #000;
}
.about-block-history .swiper-box .swiper-thumb .swiper-slide {
  position: relative;
  cursor: pointer;
  text-align: center;
}
.about-block-history .swiper-box .swiper-thumb .swiper-slide.swiper-slide-thumb-active .point {
  opacity: 0;
}
.about-block-history .swiper-box .swiper-thumb .swiper-slide.swiper-slide-thumb-active .logo {
  opacity: 1;
}
.about-block-history .swiper-box .swiper-thumb .swiper-slide.swiper-slide-thumb-active .year {
  opacity: 1;
}
.about-block-history .swiper-box .swiper-thumb .icon {
  display: block;
  position: relative;
}
.about-block-history .swiper-box .swiper-thumb .point {
  display: block;
  margin: 0 auto;
  position: relative;
  border-radius: 50%;
  border: 3px solid #1a74fa;
  width: calc(var(--pw)*1);
  height: calc(var(--pw)*1);
  background-color: #FFF;
}
.about-block-history .swiper-box .swiper-thumb .point::before,
.about-block-history .swiper-box .swiper-thumb .point::after {
  content: '';
  display: block;
  position: absolute;
  left: 0%;
  top: 0%;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(#1a74fa, #1a74fa), linear-gradient(31deg, #1a74fa 0%, #1a74fa 65%, #1a74fa 100%), linear-gradient(#e4eff5, #e4eff5);
  background-blend-mode: normal, normal, normal;
  animation: pointrun1 var(--anstime) infinite;
}
.about-block-history .swiper-box .swiper-thumb .point::after {
  animation-delay: 0.75s;
}
.about-block-history .swiper-box .swiper-thumb .logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.about-block-history .swiper-box .swiper-thumb .logo img {
  display: block;
}
.about-block-history .swiper-box .swiper-thumb .year {
  position: absolute;
  margin-top: 1em;
  width: 100%;
  font-size: 20px;
  line-height: 1.4em;
  opacity: 0.5;
}
.about-block-history .swiper-box .swiper-btn .self-svg {
  --fill: #ffffff;
}
@media (max-width: 1700px) {
  .about-block-history .swiper-box {
    margin-top: clamp(0.35rem, 10vw, 272px);
  }
  .about-block-history .swiper-box .swiper-history .year {
    font-size: 30px;
  }
  .about-block-history .swiper-box .swiper-history .p {
    margin-top: 22px;
  }
  .about-block-history .swiper-box .swiper-history .p p + p {
    margin-top: 0.5em;
  }
  .about-block-history .swiper-box .swiper-other {
    margin-top: clamp(0.3rem, 4vw, 80px);
  }
}
@media (max-width: 1600px) {
  .swiper-box .swiper-other {
      padding-top: clamp(0.3rem, 2.8vw, 70px);
    }
  .about-block-history .swiper-box {
    margin-top: clamp(0.35rem, 7vw, 272px);
  }
  .about-block-history .swiper-box .swiper-history .year {
    font-size: 25px;
  }
  .about-block-history .swiper-box .swiper-history .p {
    margin-top: 18px;
    font-size: 16px;
  }
  .about-block-history .swiper-box .swiper-other {
    margin-top: clamp(0.3rem, 3.6vw, 80px);
  }
}
@media (max-width: 1500px) {
  .about-block-history .swiper-box .swiper-history .year {
    font-size: 24px;
  }
}
@media (max-width: 1200px) {
  .swiper-box .swiper-other {
      padding-top: 0.3rem;
    }
  .about-block-history {
    padding-top: 47px;
    padding-bottom: 47px;
  }
  .about-block-history .swiper-box {
    margin-top: 22px;
    margin-bottom:32px;
  }
  .about-block-history .swiper-box .swiper-history .year {
    text-align: center;
    font-size: 32px;
  }
  .about-block-history .swiper-box .swiper-history .p {
    margin-top: 12px;
    font-size: 18px;
  }
  .about-block-history .swiper-box .swiper-other {
    margin-top: 6px;
  }
  .about-block-history .swiper-box .swiper-thumb {
    --anstime: 3s;
    --pw: 12px;
    --pad: 42px;
  }
  .about-block-history .swiper-box .swiper-thumb .logo {
    width: 22px;
  }
  .about-block-history .swiper-box .swiper-thumb .year {
    margin-top: 12px;
    font-size: 18px;
  }
}
/*委员会*/
.contact_one .container {
    max-width: 1600px;
    margin: 0 auto;
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.contact_one .card {
    background: white;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    width: calc(50% - 10px); /* 一行2个区块，宽度适配 */
    padding: 10px;
    margin-top:50px;
}


.contact_one .avatar-wrapper {
    display: flex;
    justify-content: center;
}

.contact_one .avatar {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 5px solid white;
    object-fit: cover;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    position: relative;
    top: -60px;
    z-index: 10;
    background: #eee;
}

.contact_one .content {
    padding: 2rem;
    padding-top: 0.5rem;
    text-align: center;
    position: relative;
    top:-30px;
}

.contact_one .name {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.contact_one .position {
    color: #000;
    font-weight: 600;
    margin-bottom: 0.5rem;
    font-size: 18px;
}

.contact_one .field {
    color: #666;
    font-size: 16px;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #eee;
}

.contact_one .bio p,
.contact_one .bio span {
    color: #555;
    line-height: 35px!important;
    font-size: 16px!important;
}

@media (max-width: 768px) {
    .contact_one .card{
        width:100%;
    }
}

.about_x2 .tabs-container {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.about_x2 .tabs-header {
    display: flex;
    border-bottom: 1px solid #e2e8f0;
}

.about_x2 .tab-btn {
    flex: 1;
    padding: 15px 20px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #64748b;
    font-size: 20px;
    border-bottom: 3px solid transparent;
}

.about_x2 .tab-btn.active {
    color: #1a74fa;
    border-bottom-color: #1a74fa;
    background: white;
}

.about_x2 .tab-btn:hover:not(.active) {
    border-bottom: 3px solid  #1a74fa;
    color:#1a74fa;
}

.about_x2 .tabs-content {
    padding: 25px 0px;
}

.about_x2 .tab-panel {
    display: none;
    animation: fadeIn 0.5s ease;
}
.about_x2 .tab-panel p,
.about_x2 .tab-panel span{
    color: #555;
    line-height: 35px!important;
    font-size: 16px!important;
}
.about_x2 .tab-panel.active {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 600px) {
    .about_x2 .tabs-header {
        flex-direction: column;
    }

    .about_x2 .tab-btn {
        border-bottom: 1px solid #e2e8f0;
        border-right: none;
    }
}