@charset "utf-8";
/* CSS Document */

/* ===================================================
   基础样式重置
   =================================================== */
/*css 初始化 */
/*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #F5F5F5
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #E2E2E2
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555
}*/

/* ===================================================
   字体定义
   =================================================== */
@font-face {
  font-family: "DINCond-Black"; /* Project id  */
  src: url('/static/fonts/DINCond-Black.ttf?t=1232232') format('truetype');
}



/* ===================================================
   全局样式重置
   =================================================== */
*{
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite, code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio, video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; outline-style:none;/*FF*/font-size:10px;  font-family: "Microsoft Yahei","Arial";  list-style:none;}
body { line-height:1; }
a{ margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;text-decoration:none; color:#000; cursor:pointer;outline:0;}
a:hover,a:focus{ text-decoration:none;  outline-style:none;/*FF*/ }
table { border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}

/* ===================================================
   工具类
   =================================================== */
/*css为clearfix，清除浮动*/
.clearfix::before,.clearfix::after{content:""; height:0; line-height:0; display: block;visibility: hidden; clear:both;}
.clearfix:after{clear:both;} 
.clearfix{*zoom:1;/*IE/7/6*/}

.hide{
    display: none;
}
.show{
    display: block;
}

/* ===================================================
   CSS 变量定义
   =================================================== */
:root {
  /* 颜色参数 */
 --primary-color: #05a7e8; /* 主色调 */
  --secondary-color: #43c73b; /* 次要色调 */
  --text-color: #000; /* 默认文本颜色 */
  --light-color: #1d97d5; /* 浅色背景 */
  --dark-color: #595959; /* 深色文本 */
  --accent-color: #ff6b00; /* 强调色 */

  /* 文字大小参数 */
  --font-size-xs: 1.4rem; /* 超小字体 */
  --font-size-sm: 1.6rem; /* 小字体 */
  --font-size-md: 1.8rem; /* 中等字体 */
  --font-size-ms: 2rem; /* 中等字体 */
  --font-size-lg: 2.4rem; /* 大字体 */
  --font-size-lx: 3rem; /* 大字体 */
  --font-size-x: 3.6rem; /* 超大字体 */
  --font-size-xl: 4.8rem; /* 超大字体 */
  --font-size-xxl: 6rem; /* 特大字体 */
  --font-size-xxlx: 7.2rem; /* 特大字体 */
  --font-size-xxxl: 12rem; /* 特大字体 */
}

/* ===================================================
   渐变字体类
   =================================================== */
.gradfont{
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}



/* ===================================================
   布局工具类
   =================================================== */
.warp{max-width:1600px;margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.warp2{max-width:1400px;margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clear{ overflow:hidden;}
.clear2{ clear:both;}

/* 图片样式 */
img{
    max-width: 100%;
}

/* 标题样式重置 */
h1,h2,h3,h4,h5,h6{ font-weight:normal;}

/* 过渡动画类 */
.play{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;} 





/* ===================================================
   弹性盒子工具类
   =================================================== */
.flex-box{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}



/* ===================================================
   分页样式
   =================================================== */
.Pagination{
    text-align: center;
    height: auto;
    _height: 45px; 
    line-height: 20px;
    margin-right: 15px;
    _margin-right: 5px; 
    color:#565656;
    margin-top: 10px;
    _margin-top: 20px; 
    clear:both;
    width: 100%;
    padding-top: 50px;
}
.Pagination li{display: inline-block;}
.Pagination a:hover{
    color: #fff;
    border: 1px solid #43c73b;
    background-color: #43c73b;
}

.Pagination a,.Pagination span{ 
    font-size: 14px;
    text-decoration: none;
    display: block;
    float: left;
    color: #565656;
    border: 1px solid #ccc;
    height: 34px;
    line-height: 34px;
    margin: 0 2px;
    width: 34px;
    text-align: center;
}
.Pagination span{ 
    font-size: 14px;
    text-decoration: none;
    display: block;
    color: #666;
    height: 34px;
    line-height: 34px;
    margin: 0 2px;
    width: 34px;
    text-align: center;
}
.Pagination li.active span{
    color: #fff;
    border: 1px solid #1d97d5;
    background-color: #1d97d5;
}



/*parts*/
div.fy {text-align:center;line-height:4rem; width: 100%}
div.fy a { margin:2px 2px;padding:8px 12px;color:#666;font-size:1.4em; display:inline; background: #fff; box-shadow: 2px 2px 4px rgba(0,0,0,0.2);}
div.fy a:hover {
    color: #fff;
    background: #d7b87f;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}
div.fy a:active {
    color: #fff;
    background: #d7b87f;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}
div.fy span.current {
    margin: 2px 2px;
    padding: 8px 12px;
    color: #fff;
    font-size: 1.4em;
    background: #d7b87f;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}
div.fy span.disabled{  margin:2px 2px;padding:8px 12px; color:#666; font-size:1.4em; background: #fff;  box-shadow: 2px 2px 4px rgba(0,0,0,0.2);}

/* ===================================================
   手机导航
   =================================================== */
/*手机导航*/
.m-header{ width:100%; background:#fff;}
#hamburger { width: 24px; height: 14px;	position:fixed;	top: 33px;	right: 20px;	z-index: 10;display: none !important;}
#hamburger:before, #hamburger:after, #hamburger span { background:#19b1af; content: ''; display: block;    width: 20px;  height: 2px;}
#hamburger span {	margin: 4px 0 0 0;}
#hamburger:after {	margin: 4px 0 0 0;}
#hamburger.hb-fixed {	position: fixed;}
/* Hamburger animation */
#hamburger:before, #hamburger:after, #hamburger span {	-webkit-transition: none 0.3s ease 0.3s;	transition: none 0.3s ease 0.3s;	-webkit-transition-property: transform, top, bottom, left, opacity, margin;	transition-property: transform, top, bottom, left, opacity, margin;}
html.mm-opening #hamburger:before, html.mm-opening #hamburger:after {top: 20px;background-color: #19b1af;}
html.mm-opening #hamburger span {	left: -50px;	opacity: 0;}
html.mm-opening #hamburger:before {	transform: rotate( 45deg );	margin: 7.5px 0 0 0;}
html.mm-opening #hamburger:after {	transform: rotate( -45deg );margin: -7.5px 0 0 0;}
/* ===================================================
   搜索功能
   =================================================== */
/*搜索*/
.overCurtain {position: fixed; top:20px; right:40px; height:40px; width:40px;display:none; opacity:1; z-index:1000; cursor:pointer;}
.hide-center { background-color:rgba(0,0,0,0.8);  position:fixed; z-index:999; display:none; width:100%; height:100%; top:0;}
.hide-center .boxs{ display:table; width:100%; height:100%;}
.hide-center .box{ display:table-cell; vertical-align:middle; padding:0 20px;}
.field__input{ float:left; width:100%; border:none; outline:none; height:60px; padding:20px 160px; font-size:3.2em; font-weight:bold; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; border-bottom:1px solid #ccc; background-color: transparent;}
.m-btn{ float:left; border:none; outline:none; background-color: transparent; padding:19.5px; height:60px; font-size:1.6em; font-weight:bold; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:140px; position:absolute; right:40px; text-transform:uppercase;}
.s-close { width:40px; height:40px; transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all; font-size:0px; margin-top:20px;    display:block;}
.s-close::before,.s-close::after {  content:''; width:40px; height:2px; background:#FFF;    display:block; transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.s-close::before {  -webkit-transform:rotate(45deg);    transform:rotate(45deg);}
.s-close::after {   -webkit-transform:translateY(-2px) rotate(-45deg);  transform:translateY(-2px) rotate(-45deg);}
.s-close:hover:before{transform:rotate(90deg);}
.s-close:hover:after{ transform:rotate(0deg);}



/* ===================================================
   头部导航
   =================================================== */
/*header*/

/*.header *,.header .list>a:after{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.header{transition:ease 1s all;-moz-transition: ease 1s all; -webkit-transition:ease 1s all; -o-transition: ease 1s all;}*/
.header{  
    text-align: center; 
    background: #fff; 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    z-index: 9; 
    transition: ease 1s all; 
    -moz-transition: ease 1s all; 
    -webkit-transition: ease 1s all; 
    -o-transition: ease 1s all;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
    
}
.header .warp{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header .mune{
    display: flex ;
    align-items: center;
}
.header .logo{
    width:300px;
    height: 120px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));

    position: relative;
    padding-bottom: 15px;
}
.header .logo::after{
    content: '';
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    height: 40px;
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
}
.header .logo img{
    width: 100%;
    height: 100%;
}
.header .mune{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.mune_index{
    margin-right: 50px;
    padding-right: 50px;
    border-right: 1px solid var(--text-color);
    
}
.mune_index a{
    color: var(--text-color);
    font-size: var(--font-size-md);
}
.header nav{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 60px;
    height: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
}
.header nav a:after{
    content: '';
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 0;
}
.header nav a{
    font-size: var(--font-size-md);
    color: var(--dark-color);
    height: 100%;
    position: relative;
    line-height: 20px;
    text-align: center;

}

.header nav a:hover:after{
    content: '';
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--light-color);
    transition: ease .5s all;
    -moz-transition: ease .5s all;
    border-radius: 2px;
}

.header nav a:hover{
    color: var(--light-color);

}

.header .head_con{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.header .head_con p{
    font-size:var(--font-size-md) ;
    color: var(--text-color);
    padding: 0 24px 0 12px;
}
.header .head_con h4{
    font-size:var(--font-size-lg) ;
    color: var(--text-color);
    font-weight: bold;
}
.header.up{ top:-200px; background:#fff;}


#a1 #b1,#a2 #b2,#a3 #b3,#a4 #b4,#a5 #b5{
    color: var(--light-color);
}
#a1 #b1:after,#a2 #b2:after,#a3 #b3:after,#a4 #b4:after,#a5 #b5:after{
    content: '';
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--light-color);
    transition: ease .5s all;
    -moz-transition: ease .5s all;
    border-radius: 2px;
}


/* ===================================================
   页脚样式
   =================================================== */
/*footer*/
.footer a,.footer .links img{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.footer{ background: url(/static/images/foot_bg.jpg) right top no-repeat #000;  padding: 80px 0 0 0; }

.fo1 .warp .fo1-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    padding-bottom: 75px;
    border-bottom: 1px solid #666
    
}
.fo_txt  h3{
    font-size: var(--font-size-xl);
    font-weight: 500;
    padding-bottom: 40px;
    line-height: 1.2;
}
.fo_txt  p{
    font-size: var(--font-size-sm);
    color: #fff;
    line-height: 1.5;
}

.foot_form{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr auto;
    grid-gap: 10px;
    border: 2px solid transparent;
    border-radius: 8px; /* 可选：添加圆角 */
    background: linear-gradient(black, black) padding-box,
                linear-gradient(to right, #05a7e8, #43c73b) border-box;
    border-radius: 20px;
    padding:3px;
    background-color: #000;
    width: 52%;
}
.fo1 .item{
    position: relative;
    display: flex;
    align-items: center;
}
.fo1 .item:nth-child(2):after{
    position: absolute;
    right: 0;
    top: 50%;
    content: '';
    transform: translateY(-50%);
    width: 1px;
    height: 30px;
    background-color: #999;
}
.fo1 .item:last-child{
    padding-right: 17px;
}
.fo1 .layui-form-select .layui-edge{
    border-top-color: #fff;
}

.fo1 .item select,.fo1 .item input,.fo1 .item button{
    border-radius: 15px;
    border: none;
    outline: 0;
    background-color: transparent;
    color: #999;
    font-size: 14px;
}
.fo1 .item button{
    background: url(/static/images/foot_button.png) no-repeat center center;
    width: 22px;
    height: 22px;
    border-radius: 0;
    cursor: pointer;

}
.foot_select{
    padding: 0 10px;
    background:linear-gradient(to right, var(--primary-color), var(--secondary-color));
    border-radius: 15px;
    justify-content: center;
}
.fo1 .foot_select input{ 
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.fo1 .item input::placeholder{
    color: #999;
}
.fo1 .foot_select input::placeholder{
    color: #fff;
}
.fo1 .layui-form-select dl dd{
    font-size: var(--font-size-xs);
}
.fo1 .layui-form-select dl dd.layui-this{
    color: #43c73b;
}
.fo1 .layui-form-selected dl{
    width: 120%;
    left: -10%;
    border-radius: 0 0 15px 15px;
}

/* .fo1 .item p{
    font-size: var(--font-size-xs);
    margin-bottom: 20px;
    line-height: 24px;
}
.fo1 .item h4{
    font-size: var(--font-size-md);
    line-height: 26px;
} */

.fo2 .warp .fo2-box{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 70px 0 20px 0;
}
.fo_contact{
    width: 350px;
}
.fo_contact .fo_company h4{
    font-size: var(--font-size-lg);
    font-weight: 500;
    margin-bottom: 15px;
    color: #fff;
}
.fo_contact .fo_company p{
    font-size: var(--font-size-xs);
    line-height: 24px;
    color: #999999;
}
.fo_contact .fo_address{
    margin-top: 35px;
}
.fo_contact .fo_address b{
    font-size: var(--font-size-md);
    font-weight: 500;
    margin-bottom: 15px;
    color: #fff;
    display: block;
}
.fo_contact .fo_address p{
    font-size: var(--font-size-sm);
    line-height: 24px;
    color: #999999;
}
.fo2 .warp .fo_nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #666;
    padding-bottom: 25px;
}

.fo2 .warp .fo_nav nav{
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 50px;
    color: #fff;
    margin-right: 70px;
    padding: 0 10px;
}
.fo2 .warp .fo_nav h2{
    font-size: var(--font-size-lg);
    font-weight: 900;
    margin-bottom: 40px;
}
.fo2 .warp .fo_nav a{
    display: block;
    font-size: var(--font-size-sm);
    color: #999;
    line-height: 30px;
}
.fo2 .warp .fo_tel{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fo2 .warp .fo_tel i{
    font-style: normal;
    font-size: var(--font-size-sm);
    color: #fff;
    margin-right: 35px;
}
.fo2 .warp .fo_tel p{
    font-style: normal;
    font-size: var(--font-size-x);
    font-weight: bold;
    color: #fff;
}

.fo_code{
    display: flex;
    justify-content: flex-end;
    padding-top: 40px;
}
.fo_code_list{
    width: 380px;
    display: flex;
    justify-content: flex-end;
}
.fo_code_list p{
    font-size: var(--font-size-md);
    color: #999;
    font-weight: bold;
}

.fo_fx{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 24px;
}
.fo_copy{
    padding-top: 50px;
}
.fo_copy p{
    text-align: right;
    font-size: var(--font-size-xs);
    line-height: 24px;
    color: #fff;
}
.fo_copy a{
    display: block;
    text-align: right;
    font-size: var(--font-size-xs);
    line-height: 24px;
    color: #fff;
}





/* ===================================================
   底部列表样式
   =================================================== */
.bottomlist{ background:#17b0b7; position:fixed; width:100%; bottom:0; left:0;  display:none; z-index:200;}
.bottomlist ul{ width:100%;}
.bottomlist ul li{ width:33.33%; float:left; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:5px;}
.bottomlist>ul>li>a>div{ font-size:1.6em; color:#fff;}
.bottomlist ul li img{ width:40px; height:40px;}


/* ===================================================
   内容区块样式
   =================================================== */
.ctb{ position: relative; }
.ctb .ct{ z-index: 2; position:absolute; top:-50px; left: -50px;  width: 100px; height: 100px;transform: scale(0);transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.ctb .ct img{ width: 100%;}
.ctb:hover .ct{transform: scale(1);}

/* ===================================================
   标题样式
   =================================================== */
/*tits*/




/* ===================================================
   Banner样式
   =================================================== */
/*banner*/
/*banner*/
.banner .txt{ transition:ease 0.5s all;-moz-transition: ease 0.5s all; -webkit-transition:ease 0.5s all; -o-transition: ease 0.5s all;}
.banner .swiper-slide{
    position: relative; 
    height: 920px; 
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-direction: column;
 
}
.banner .ban1{ background: url(/static/images/banner01.jpg) center bottom no-repeat; background-size: cover !important; position: relative;}
.banner .ban2{ background: url(/static/images/banner02.jpg) center bottom no-repeat; background-size: cover;}
.banner .warp{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    height: 100%;
}
.ban1 .txt{
    padding-bottom: 26vh;
}
.ban1 .txt h2{ 
    font-weight:900;
    font-size: var( --font-size-xxlx);
    margin-bottom: 66px;
    
}
.ban1 .txt h3{ 
    font-weight:bold;
    font-size: var(--font-size-xl);
    margin-bottom: 40px;
    color: #fff;
    text-transform: uppercase;
    
}
.ban1 .txt p{ 
    font-size: var(--font-size-xl);
    color: #fff;
    margin-bottom: 45px;
}




.banner .swiper-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-bullets.swiper-pagination-horizontal, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 70px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
}
.banner .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,40px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,6px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius,0);
    background: var(--swiper-pagination-bullet-inactive-color,#fff);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}
.banner .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background:  var(--primary-color);
}

.banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 10px var(--swiper-pagination-bullet-horizontal-gap,4px);
}

/* ===================================================
   公共样式
   =================================================== */
/*public*/
.idx_title{
    color: #000;
}
.idx_title .tit{
    position: relative;
    color: var(--primary-color);
    padding: 30px 0;
    border-bottom: 1px solid var(--light-color);
    color: #000;
}

.idx_title .tit h3{
   font-size: var(--font-size-xl);
   padding:0 0 30px 0 ;
   display: block;
   line-height: 1.5;
}
.idx_title .tit h3 strong{
    font-size: 1em;
    color: var(--light-color);
}
.idx_title .tit p{
   font-size: var(--font-size-sm);

}
.idx_title .adv{
    padding-top: 55px;
    padding-left: 50px;
}
.idx_title .adv p{
    position: relative;
    padding-left: 15px;
    font-size: var(--font-size-lg);
    color: #000;
    line-height: 1.2;
}
.idx_title .adv p::before{
    content: "";
    position: absolute;
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 20px;
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
    border-radius: 10px;
}



/* ===================================================
   IP相关样式
   =================================================== */
/*ip*/
.ip .ipl .ipld,.ip .ipl .ipld p{  transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; }
.ip1{
    padding:100px 0;
}
.ip1 .tit{
    background: url(/static/images/ip1_bg.jpg) right top no-repeat;
}
.ip1 .box{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 27px;
    margin-top: 75px;
}
.ip1 .box .item{
    position: relative;
    overflow: hidden;
}
.ip1 .box .item .txt{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    transition: ease 0.5s all;
}
.ip1 .box .item .txt .txt_box{
    color: #fff;
    width: 100%;
}
.ip1 .box .item .txt .txt_box .dot{
    display:grid;
    grid-template-columns: 30% 40% 30%;
    align-items: center;
    margin-bottom: 20px;
}
.ip1 .box .item .txt .txt_box .dot b:first-child{
    height: 1px;
    background: linear-gradient(to right,  #999,#464646);
}
.ip1 .box .item .txt .txt_box .dot p{
    font-size: var(--font-size-lx);
    text-align: center; 
}


.ip1 .box .item .txt .txt_box .dot2{
    display:grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    margin-bottom: 20px;
    padding-left:25px ;
}
.ip1 .box .item .txt .txt_box .dot2 b{
    height: 1px;
    background: linear-gradient(to right,  #999,#464646);

}
.ip1 .box .item .txt .txt_box .dot2 i{
    font-size: var(--font-size-sm);
    padding-right: 20px;
}

.ip1 .box .item .hover_box{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto 52px;
    align-items: center;
    justify-items: center;
    color: #fff;
    transition: ease 0.5s all;
    background: url(/static/images/ip1_box_bg.jpg)   center center no-repeat #3c3c3c;
    z-index: 2;
    opacity: 0;
    padding: 24px 0;
    transition: ease 0.5s all;
}
.ip1 .box .item:hover .hover_box{
    top: 0;
    opacity: 1;
}
.ip1 .box .item .hover_box .hover_txt p{
    font-size: var(--font-size-xs);
    line-height: 30px;
}
.ip1 .box .item .hover_box .hover_link{
    padding: 0 40px;
    width: 100%;
}
.ip1 .box .item .hover_box .hover_link span{
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
    line-height: 52px;
    display: block;
    border-radius: 26px;
    font-size: var(--font-size-sm);
    text-align: center;
    letter-spacing:2px
}



/* .ip1 .box .item .txt .txt_box p{
    font-size: var(--font-size-lx);
    text-align: center;
    position: relative;
    margin-bottom: 20px;
}
.ip1 .box .item .txt .txt_box p::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%; 
    transform: translateY(-50%);
    width: 25%;    
    height: 1px;
    background: linear-gradient(to right,  #999,#464646);
}
.ip1 .box .item .txt .txt_box i{
    position: relative;
    font-size: var(--font-size-sm);
    padding-left: 25px;
    display: block;
}
.ip1 .box .item .txt .txt_box i::before{
    content: "";
    position: absolute;
    right: 0;
    top: 50%; 
    transform: translateY(-50%);
    width: 47%;    
    height: 1px;
    background: linear-gradient(to right, #464646,#999);
}
.ip1 .box .item:hover .txt{
   
} */


/* .ip1 .box{
    display: grid;
    grid-template-columns: 1fr 1.78fr 1fr;
    grid-gap: 40px;
    margin-top: 80px;
}
.ip1 .box img{
    width: 100%;
}
.ip1 .item1{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    margin-top: 20px;
} */





/*ip2*/
.ip2 .dot .img{transition:ease 0.5s all;-moz-transition: ease 0.5s all; -webkit-transition:ease 0.5s all; -o-transition: ease 0.5s all;}

.ip2{
    background: url(/static/images/ip2_bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 50px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    height: 520px;
}

.ip2_left{
    width: 37%;
}
.ip2_left .text1{
    display:grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    margin-bottom: 20px;
    padding-left: calc((100vw - 1600px)/2);
}
.ip2_left .text1 .text_box{
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    color: rgba(255,255,255,0.6);
    padding-right: 26px;
    
}
.ip2_left .text1 .text_box i{
    font-size: 100px;
    line-height: 72px;
    font-style: normal;
    padding-right: 12px;
}
.ip2_left .text1 .text_box p{
    font-size: 40px;
    text-transform: uppercase;
   
}

.ip2_left  .text1 b,.ip2_left  .text2 b{
    height: 1px;
    background: #a0a4a8;

}



.ip2_left .text2{
    display:grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    margin-bottom: 20px;
}
.ip2_left .text2 .text_box{
    display: grid;
    grid-template-columns: auto auto;
    align-items: flex-end;
    color: rgba(255,255,255,0.6);
    padding-left: 26px;
    padding-right: 60px;
    
}

.ip2_left .text2 .text_box i{
    font-size: 60px;
    font-style: normal;
    padding-right: 12px;
    font-weight: 900;
}
.ip2_left .text2 .text_box p{
    font-size: 40px;
    text-transform: uppercase;
   
}

.ip2_right{
    width: 48%;
    padding-right: calc((100vw - 1600px)/2);
    padding-top: 60px;
    
}
.ip2_right p{
    color: #ddd;
    font-size: var(--font-size-xs);
    line-height:26px;
}
.ip2_right .link{
    text-align: right;
}
.ip2_right a{
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
    color: #fff;
    font-size: var(--font-size-xs);
    padding: 16px 100px;
    border-radius: 20px;
    margin-top: 40px;
    display: inline-block;
}

.ip2 .img{
    width: 43%;
    padding-left: 80px;
    text-align: right;
}
.ip2 .img img{
    max-width: 100%;

}
.ip2 .txt{
    width: calc(57% - 30px);
    color: #fff;
    
}
.ip2 .txt p{
    font-size: var(--font-size-xl) ;
    font-weight: 700;
}
.ip2 .txt h2{
    font-size: var(--font-size-xxl) ;
    font-weight: 700;
    margin-top: 15px;
}
/*第三层*/
.ip3{
    padding:100px 0 ;
}
.ip3 .tit{
    background: url(/static/images/ip3_bg.jpg) right top no-repeat;
}

.ip3_box{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 366px; /* 固定行高 */
    gap: 20px;
    padding-top: 70px;
}
.ip3_box .item {
  color: white;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  
}
.ip3_box .item a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background: url(/static/images/ip3_item_bg.png) repeat-x left bottom;
}
.ip3_box .item .info_btn_bg{
    position: absolute;
    bottom:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    backdrop-filter: blur(2px); /* 关键：背景模糊 */
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    
    
}
.ip3_box .item .info_btn span{
    font-size: var(--font-size-sm);
    color: #fff;
}
.info_btn{
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
    max-width: 300px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    text-align: center;
    opacity: 0;
    color: #fff;
    font-size: var(--font-size-sm);

}
.info_btn span{
    font-size: 1em;
}
/* 设置不同大小的项目 */
.ip3_box .item:nth-child(1),.ip3_box .item:nth-child(3) { grid-row: span 2; } /* 占2行 */
.ip3_box .item:nth-child(2) { grid-column: span 2;} /* 占2列 */


.item_idx01{
    order: 1;
}
.item_idx02{
    order: 2;
}
.item_idx03{
    order: 3;
}
.item_idx04{
    order: 4;
}
.item_idx05{
    order: 5;
}

.ip3_box .txt{
    padding-left: 36px;
    padding-bottom: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    color: #fff;
    height: 100%;
}
.ip3_box .txt i{
    font-style: normal;
    font-size: var(--font-size-md);
}
.ip3_box .txt p{
    font-size: var(--font-size-xs);
}
.ip3_box .txt b{
    font-size: 18px;
    margin: 0 10px;
    font-weight: normal;
}

.ip3_box .item:hover .info_btn_bg{
    opacity:1;
}
.ip3_box .item:hover .info_btn{
    opacity: 1;
}
.ip3_box .item:hover .txt{
    display: none
}

.ip3_box .txt,.ip3_box .item .info_btn_bg,.ip3_box .item:hover .info_btn{
    transition: all 0.3s ease-in-out;
}

/*第四层*/
.ip4{
    background: url(/static/images/ip4_bg.jpg) no-repeat left top;
    background-size: cover;
    position: relative;
    padding: 100px 0;

}
.ip4 .tit{
    background: url(/static/images/ip4_title_bg.png) right top no-repeat;
}
.ip4 .idx_title .tit{
    border-bottom: 1px solid #fff;
}

.ip4 .idx_title .tit h3,.ip4 .idx_title .tit h3 strong,.ip4 .idx_title .tit p,.ip4 .idx_title .adv p{
    color: #fff;
}

.ip4_box{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 78px 0;
}
.ip4_left{
    padding-top: 20px;
}
.ip4_left .item{
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    color: #fff;
    position: relative; 
    padding-bottom: 15px; 
    padding-right: 160px; 
    padding-top: 40px;
}
.ip4_left .item::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
    border-radius: 3px;
}
.ip4_left .item .num{
    font-size: var(--font-size-xl);
    font-weight: bold;
    padding-right: 15px;
}
.ip4_left .item .num span{
    font-size: 1em;
}
.ip4_left .item p{
    font-size: var(--font-size-sm);
}

/*第五层*/
.ip5{
    padding:100px 0 ;
}
.ip5 .tit{
    background: url(/static/images/ip5_bg.jpg) right top no-repeat;
}
.ip5_box{
    display: flex;
    justify-content: space-between;
    padding-top: 50px;
    flex-wrap: wrap;
}
.ip5_left{
    width: 190px;
    padding-left: 50px;
}
.ip5_left a{
    display: block;
    padding: 0px 0px 0 15px;
    font-size: var(--font-size-md);
    color: #333;
    position: relative;
    margin-bottom: 20px;
    height: 35px;
    line-height: 35px;
}
.ip5_left a::before {
    content: "";
    position: absolute;
    left: -50px;
    top: 10px;
    width: 50px;
    height: 20px;
    background: #999999;
    border-radius: 10px;
}
.ip5_left a:hover,.ip5_left a.cur{
    font-size: var(--font-size-lg);
    font-weight: bold;
}
.ip5_left a:hover::before,.ip5_left a.cur::before {
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
}

.ip5_right{
    width: calc(100% - 190px);
    padding-left: 30px;
    padding-top: 50px;
}
.ip5_right .item{
    padding-bottom: 40px;
}
.ip5_right .item .title{
    padding: 10px 0;

}
.ip5_right .item .title h4{
    font-size: var( --font-size-sm);
    font-weight: bold;
    color: #000;
    line-height: 1.5;
    white-space: nowrap;    
    overflow: hidden;     
    text-overflow: ellipsis; 
}
.ip5_right .item .title p{
    font-size: var(--font-size-xs);
    color: #999;
    padding-top: 15px;
}


/* ===================================================
   内页样式
   =================================================== */
/*内页*/
/*banners-start*/
/*内页banner*/
.banners,.banners2{ 
    background-size: cover !important;   
    overflow: hidden;
    position: relative;
    height: 650px;
}



.about{ background: url(/static/images/banners/ab-banner.jpg) center center no-repeat;}
.contactb{ background: url(/static/images/banners/con_banner.jpg) center center no-repeat;}
.new{ background: url(/static/images/banners/news_banner.jpg) center center no-repeat;}
.banners2 .warp2{ text-align: center; height: 600px; justify-content: center;}
.case{ background: url(/static/images/banners/case_banner.jpg) center center no-repeat;}
.service{background: url(/static/images/banners/service_banner.jpg) center center no-repeat;  }
.usedcar{background: url(/static/images/banners/usedcar.jpg) center center no-repeat;  }
.proshow{ background: url(/static/images/banners/proshow.jpg) center center no-repeat;}
/*banners-end*/
.banners .warp{
    display: flex;
    align-items:  flex-end;
    height: 100%;
    padding-bottom: 190px;
}

.banners h2{
    font-size: var(--font-size-xl);
    font-weight: bold;
    color: #1d97d5;
    line-height: 1.2;
    display: block;
    padding-bottom: 40px;
}
.banners h4{
    font-size: var(--font-size-x);
    font-weight: normal;
    color: #fff;
    line-height: 1.2;
}


/* ===================================================
   内页通用样式
   =================================================== */
/*内页通用*/
.intit{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    flex-wrap: wrap;
}

.intit h3{
   padding-bottom: 30px;
   font-weight:bold;
   font-size: var(--font-size-xxl);
   color: #595757;
   
}
.intit h5{
    color: #3e3a39;
    font-size: var(--font-size-lx);
}
.intit h5 span{
    font-size: 1em;
    color: #2098d6;
}
.intit p{
    font-size: var(--font-size-lg);
    color: #99999973;
    padding-top: 4px;
}
/* ===================================================
   面包屑导航
   =================================================== */
/*面包屑*/
.stip{
    position: absolute;
    bottom: 35px;
    left: 0;
    width: 100%;
}
.stip .warp2 .txts{
    display: flex;
    justify-content: flex-start;

}
.stip .warp2 .txts a{
    font-size: 1.6em;
    line-height: 24px;
    display: flex;
    justify-items: center;
    position: relative;
    padding-right: 10px;
    margin-right: 3px;
    color: #fff;
}
.stip .warp2 .txts a b{
    font-weight: normal;
    font-size: 1em;
   
}
.stip .warp2 .txts a:first-child b{
     padding-left: 8px;

}
.stip .warp2 .txts a:hover b{
    text-decoration: underline;

}
.stip .warp2 .txts a:after{
    position: absolute;
    content: "-";
    font-size: 16px;
    color: #fff;
    top: 0;
    right: 0;
}
.stip .warp2 .txts a:last-child:after{
    display: none;
}

a.ab1_btn{
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
    color: #fff;
    font-size: var(--font-size-sm);
    padding: 16px 100px;
    border-radius: 20px;
    display: inline-block;
    letter-spacing:1px;

}

/*通用*/



/* ===================================================
   关于我们页面
   =================================================== */
/*about-start*/

.ab1{
   background: url(/static/images/about/ab1_bg.jpg) left 8% top 40px no-repeat; 
}
.ab1 .warp2,.ab2 .warp2{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.ab1 .warp2 .ab1_left{
    width: 420px;
}
.ab1 .warp2 .ab1_left h3{
    font-size: var(--font-size-xxl);
    font-weight: normal;
    color: #000;
    line-height: 1.2;
    padding-bottom: 20px;
    font-weight: 900;
}
.ab1 .warp2 .ab1_left .info{
    margin-right: 10px;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 100px;
}
.ab1 .warp2 .ab1_left .info span{
    margin-right: 22px;
    font-size: var(--font-size-lg);
    color: #555;
}

.ab2{
    padding: 20px 0 80px 0;
}

.ab3{
    padding: 90px 0;
    background-color: #ebf3f6;
}
.ab3 .info{
    padding-top: 45px;
    padding-bottom: 140px;
}
.ab3 .info p{
    font-size: 14px;
    color: #221815;
    line-height: 24px;
    margin-bottom: 10px;
}


.ab4{
    padding: 90px 0;
    background-color: #ffffff;
    
}
.ab4 .warp2{
    position: relative;
    margin-bottom: -240px; 
}
.team{
    transform: translateY(-240px);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
.box_list{  
    background-color: #fff;
}
.ab4_box{
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 30px;
    position: relative;
}

.ab4_box .ab4_right{
    padding-top: 65px;
    padding-right: 55px;
    text-align: right;

}
.ab4_box .ab4_right h3{
    font-size: var(--font-size-lx);
    font-weight: normal;
    color: #555;
    line-height: 1.2;
    padding-bottom: 20px;
    font-weight: bold;
}
.ab4_box .ab4_right h5{
    font-size: var(--font-size-lg);
    font-weight: normal;
    color: #06a7e6;
    line-height: 1.2;
    padding-bottom: 20px;
}
.ab4_box .ab4_right p{
    position: absolute;
    right: 45px;
    bottom: -10px;
    font-size: var(--font-size-xxxl);
    font-weight: bold;
    color: #555;
    color: rgba(153,153,153,0.34);
    text-transform: uppercase;
}

.ab4_box2{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 35px 0;
    position: relative;
}
.ab4_box2::after{
    position: absolute;
    content: "";
    width: 2px;
    height: 90px;
    background-color: #000;
    top: -35px;
    left: 85px;
    background: linear-gradient(to top, var(--primary-color), var(--secondary-color));
}
.ab4_box2 .ab4_left{
    width: 62%;
}
.ab4_box2 .ab4_left .txt{
    padding-left: 120px;
    padding-right: 80px;
    
}

.ab4_box2 .ab4_left .txt p{
    font-size: 14px;
    line-height: 24px;
    
}
.ab4_box2 .ab4_right{
    padding-right: 55px;
    text-align: right;

}
.ab4_box2 .ab4_right{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}

.team_btn{
    position: absolute;
    right: 55px;
    bottom: 45px;
    z-index: 10;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}

.ab5{
    background: url(/static/images/about/ab5_img.jpg)  center center no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 337px;
}
.ab5 h3{
    font-size: var(--font-size-xl);
    color: #fff;
}

.ab6{
    padding: 105px 0  50px 0;
    background-color: #ffffff;
}

.ab6 .info{
    padding-top: 20px;
}
/*about-end*/
/* ===================================================
   案例页面
   =================================================== */
/*case*/

.case1{
    padding: 110px 0;
}
.case_list{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-top: 75px;
}
.case_list a{
    font-size: var(--font-size-ms);
    color: #3e3a39;
    line-height: 1.2;
    margin-right: 15px;
    padding: 10px 25px;
    border-radius: 25px;
    margin-bottom: 20px;
}
.case_list a:hover,.case_list a.cur{
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
    color: #fff;
}
.casebox{
    padding-top: 25px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.casebox .item{
    position: relative;
}
.casebox .item .info_btn_bg{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    backdrop-filter: blur(2px);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
}

.casebox .item:hover .info_btn_bg{
    opacity:1;
}
.casebox .item:hover .info_btn{
    opacity: 1;
}
.casebox .item:hover .info_btn{
    transition: all 0.3s ease-in-out;
}
/* ===================================================
   服务页面
   =================================================== */
/*service*/
.service1{
    padding: 110px 0;
}
.server_list{
    padding-top: 70px;
    
}

.server_list .item{
    background-size: contain;
    border-radius: 12px;
    margin: 30px 0;
    position: relative;
}
.server_list .server_left{
    width: 46%;
    padding: 50px  0px 50px 50px;
    background: linear-gradient(135deg, #ebf3f6,#fbfcfd);
    border-radius: 12px;
    
}
.server_list .server_right{
    display: none;
    border-radius: 12px;
    overflow: hidden;
}
.ser_line{
    border-bottom: 1px solid #e5e5e5 ;
    height: 1px;
}
.item01{
    background: url(/static/images/service/server01.jpg) center right no-repeat #f9fcfc;
}
.item02{
    background: url(/static/images/service/server02.jpg) center right no-repeat #f9fcfc;
}
.item03{
    background: url(/static/images/service/server03.jpg) center right no-repeat #f9fcfc;
}
.item04{
    background: url(/static/images/service/server04.jpg) center right no-repeat #f9fcfc;
}



.ser_title{
    display: flex;
    justify-content: flex-start;
    align-items:baseline;
    padding-bottom: 90px;
    position: relative;
    color: #595757;
}
.str_yc{
    position: absolute;
    bottom: -25px;
    left: 0;
    font-size: var(--font-size-xxlx);
    font-family: "DINCond-Black";
    letter-spacing:0px;
    color: rgba(6,167,230,0.2);
    -webkit-mask-image: linear-gradient(to bottom, white 0%,transparent 70%, transparent 100%);
            mask-image: linear-gradient(to bottom, white 0%,transparent 70%, transparent 100%);
    
}
/* .item01 .str_yc,.item03 .str_yc{
    letter-spacing: 0;
}
.item04 .str_yc{
    letter-spacing: -5px;
} */
.ser_title b{
    font-size: var(--font-size-xxl);
    font-weight: bold;
    
}
.ser_title span{
    font-size: var(--font-size-xxl);
    
    font-family: "Arial", sans-serif;
    margin: 0 10px;
}
.ser_title p{
    font-size: var(--font-size-lg);
}
.server_list .info{
    display:flex;
    justify-content: space-between;
    color: #595757;

}
.info_left,.info_right{
    width: 50%;
}
.info_left b{
    display: block;
    font-size:var(--font-size-lx) ;
    
    margin: 0 15px;
    font-weight: normal;
    margin-top: 10px;
}
.info_left a{
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
    padding: 15px 38px;
    display: inline-block;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    font-size: var(--font-size-sm);
    margin-top: 46px;
    letter-spacing: 2px;
}
.info_right p{
    display: block;
    line-height: 30px;
    font-size: var(--font-size-md);
    margin-bottom: 10px;
}

.server_list .item:hover .server_left{
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
}
.server_list .item:hover .str_yc{
    
    color: rgba(255,255,255,0.2);
}
.server_list .item:hover .ser_title{
    color: #fff;
}
.server_list .item:hover .info{
    color: #fff;
}
.server_list .item:hover .info_left a{
    background: transparent;
    border: 1px solid #fff;
}
/* ===================================================
   新闻页面
   =================================================== */
/*news*/
.news .intit{
    align-items: center;
}
.new_list{
    border-bottom: 1px solid #ebf3f6;
    width: 50%;
    text-align: right;
}
.new_list a{
    padding: 20px 0;
    position: relative;
    font-size: var(--font-size-md);
    display: inline-block;
    color: #221815;
    margin: 0 30px;
}
.new_list a::after{
    content: "";
    position: absolute;
    bottom: -3px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 5px;
    border-radius:3px;
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
    
}

.new_list a:hover::after,.new_list a.cur::after{
     width: 50px;
}
.new_list a:hover,.new_list a.cur{
    font-weight: bold;
}
.new_list a::after{
    transition: all 0.3s ease-in-out;
}
.new_box{
    padding-top: 60px;
}
.new_box .item{
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 30px;
    padding-top: 30px;
}
.new_box .item:last-child{
    border-bottom: none;
}
.new_box .item a{
    display: grid;
    grid-template-columns: 150px auto 360px;
    gap: 65px;
    align-items: center;
    padding: 15px 40px;
}
.new_box .time{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.new_box .day{
    font-size: var(--font-size-xxl) ;
    font-family: Arial, Helvetica, sans-serif;
}
.new_box .time span{
    font-size: var(--font-size-xxl);
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 10px;
}
.month p{
    font-size: var(--font-size-md);
    line-height: 1.2;
}
.new_box .more{
    border: 1px solid #d2d9dc;
    padding: 13px 20px;
    border-radius: 20px;
    text-align: center;
    margin:25px 0 0 0 
}
.new_box .more p{
    font-size: var(--font-size-xs);
    color: #999999;
}

.news02 h5{
    font-size: var(--font-size-lg);
    line-height: 1.2;
    color: #333333;
    font-weight: bold;
    padding-bottom: 25px;
}
.news02 p{
    font-size: var(--font-size-xs);
    line-height: 1.5;
    color: #555;
}

.new_box .img{
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    overflow: hidden;
}
.new_box .item a:hover{
    background:url(/static/images/news/news_bg.png) top right 10% no-repeat, linear-gradient(to right, var(--primary-color), var(--secondary-color)) ;
    border-radius: 15px;
}
.new_box .item a:hover .img{
    opacity: 0;
}
.new_box .item a:hover .news01,.new_box .item a:hover .more p,.new_box .item a:hover .news02 h5,.new_box .item a:hover .news02 p{
    color: #fff;
}
/* .new_box .item a:hover .more{
    background: #fff;
} */



/*contact*/
.con1{  
    padding: 100px 0;
}
.con_box{
    padding-top: 100px;
}
.con_box form{
    display: grid;
    grid-template-columns: 400px  auto;
    gap:170px;
}
.con1_info h2{
    font-size: var(--font-size-lx);
    line-height: 1.2;
    color: #221815;
    font-weight: bold;
    padding-bottom: 45px;
}
.con1_info p{
    font-size: var(--font-size-md);
    color: #999;
    margin-bottom: 100px;
}


.con1 .feed_form{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 15px;
    /* gap: 30px; */

}

.con1 .feed_form .dot2{
    grid-column-start: 1;
    grid-column-end: 3;
}
.con1 .feed_form .dot span,.con1 .feed_form .dot2 span{
    font-size: 1.6em;
    display: block;
    margin-bottom: 10px;
}
.con1 .feed_form .dot input{
    background-color: #eeeeee;
    border: none;
    width: 100%;
    outline: none;
    line-height: 45px;
    font-size: 1.4em;
    border-radius: 20px;
    padding-left: 30px;
}
.con1 .feed_form .dot input::placeholder{
    color: rgba(0,0,0,0.5);
}
.con1 .feed_form .dot2 h5{
    margin-bottom: 35px;
}
.con1 .feed_form .ck_box{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.con1 .ck_box .dd{
    margin-right: 60px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.con1 .ck_box .dd input{
    margin-right: 10px;
}


.con1 .ck_box .dd label{
    font-size: 1.4em;
}
.con1 .feed_form .dot2 textarea{
    width: 100%;
    height: 170px;
    background-color: #eeeeee;
    border: none;
    outline: none;
    line-height: 45px;
    font-size: 1.4em;
    border-radius: 20px;
    padding-left: 30px;
}
.con1 .feed_form .dot2 textarea::placeholder{
    color: rgba(0,0,0,0.5);
}

.con1  .btn{
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
    color: #fff;
    font-size: var(--font-size-sm);
    padding: 16px 100px;
    border-radius: 20px;
    letter-spacing: 1px;
    border: none;
    outline: 0;
    cursor: pointer;
}
.con2{
    background-color: #ebf3f6;
    padding: 90px 0;
}

.con2 .warp{
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 0px;
    
}
.con2 .item{
    border: 1px solid #fff;
    padding: 70px;
}
.con2 .item001{
    position: relative;
}
.con2 .item001::after{
    content: "";
    position: absolute;
    left: -100%;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background-color: #fff;
    
}
.con2 .item001,.con2 .item002{
    border-top: 0;
    border-right: 0;
}
.con2 .item003{
    grid-column: 3 / 4;
    grid-row: 1 / 3;
  border-top: 0;
  border-bottom: 0;
  height: auto;
}
.con2 .item004,.con2 .item005{
    border-bottom: 0;
    border-right: 0;
    border-top: 0;
}

.con2 .item .title h3{
    font-size: var(--font-size-lx);
    line-height: 1.2;
    color: #000;
    font-weight: bold;
    padding-bottom: 10px;
}
.con2 .item .title span{
    font-size: var(--font-size-sm);
    line-height: 1.2;
    color: rgba(0,0,0,0.5);
    text-transform: uppercase;
}
.con2 .item .info{
    padding-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
   
}
.con2 .item .info i{
    display: block;
    font-style: normal;
    color: #929292;
    font-size: var(--font-size-md);
    padding-bottom: 15px;
}

.con2 .item .info b{
    color: #000;
    font-size: var(--font-size-md);
}

.con2 .item .info2{
    padding-top: 50px;
}
.con2 .item .info2 p{
    font-size: var(--font-size-sm);
    color: #555;
    padding-bottom: 10px;
    line-height: 1.5;
}
.con2 .item003 .info2 p{
    padding-bottom: 20px ;
}

/*case show*/

.caseshow{
    margin-top: 60px;
    background-color: #ebf3f6;
    
}
.caseshow .case_title{
    padding:70px;
}
.caseshow .case_title .item1{
    text-align: center;
}
.caseshow .case_title .item1 h2{
    font-size: var(--font-size-lx);
    padding-bottom: 30px;
    font-weight: bold;
}
.caseshow .case_title .item p{
    font-size: var(--font-size-xs);
    line-height: 1.5;
    padding-bottom: 20px;
    text-indent: 2em;
}
.caseshow .case_title .item p:last-child{
    padding-bottom: 0;
}
.caseinfo>*{
    font-size: 14px;
}

.case_footer{
    background-color: #fff;
    padding: 100px 0;
    text-align: center;
}

.case_footer h4{
    font-size: var(--font-size-lg);
    line-height: 1.2;
    color: #231916;
    padding-bottom: 20px;
}
.case_footer p{
    font-size: var(--font-size-md);
    color: #555353;
    line-height: 1.5;
    text-indent: 2em;
}

.case_footer b{
    font-size: var(--font-size-lg);
    line-height: 1.2;
    color: #231916;
    padding-bottom: 20px;
    font-weight: normal;
    margin-top: 35px;
    padding-top: 35px;
    position: relative;
    display: inline-block;

}
.case_footer b::after{
    content: "";
    position: absolute;
    left:50%;
    top: 0;
    transform: translateX(-50%);
    width: 60px;
    height: 1px;
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
}

.case_more{
    text-align: center;
}
.case_more img{
    padding-bottom: 50px;
}

.case_more h2{
    font-size: var(--font-size-lg);
    line-height: 1.2;
    color: #929292;
    padding-bottom: 20px;
}
.case_more h4{
    font-size: var(--font-size-md);
    line-height: 1.2;
    color: #929292;
    padding-bottom: 20px;
    text-transform: uppercase;
}


/*newsshow*/
.newsshow .btn a{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.newsshow{  background: #fff;padding-top: 80px;}
.newsshow .boxs{ background:#fbfbfb; }
.newsshow .title{ padding:40px; text-align:center;}
.newsshow .title h3{ font-size:1.8em; color:#333333;  line-height:24px; margin-bottom:20px;}
.newsshow .title .dot{ background: linear-gradient(to right, var(--primary-color), var(--secondary-color)); padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.newsshow .title .dot h4{ color:#fff; font-size:1.4em; display:inline-block; padding:14px 15px;}
.newsshow .txt{ padding:20px 40px; line-height:24px; color:#666666; }
.newsshow .txt *{ font-size:14px; line-height:24px;}
.newsshow .txt p{ font-size:14px; }
.newsshow .txt img{ max-width:100%; margin:0 auto; padding:0px 0;}
.newsshow .btn{ padding:40px;}
.newsshow .btn a{ display:block; background: rgba(30, 81, 147, 0.1); font-size:1.4em; color:#333333; line-height:24px; padding:12px 20px; margin-top:10px;}
.newsshow .btn a:hover{ background: linear-gradient(to right, var(--primary-color), var(--secondary-color));  color:#fff !important;}