@charset "utf-8";
/*思源黑体*/
@font-face {
  font-family: "sy-normal"; 
  src: url('/static/fonts/SourceHanSansK-Normal.ttf?t=1752323226846') format('truetype');
}
@font-face {
  font-family: "sy-light"; 
  src: url('/static/fonts/SourceHanSansK-Light.ttf?t=1725232323846') format('truetype');
}
@font-face {
  font-family: "sy-bold"; 
  src: url('/static/fonts/SourceHanSansK-Bold.ttf?t=1752232424846') format('truetype');
}
@font-face {
  font-family: "sy-Heavy"; 
  src: url('/static/fonts/SourceHanSansK-Heavy.ttf?t=1752323226846') format('truetype');
}
@font-face {
  font-family: "sy-medium"; 
  src: url('/static/fonts/SourceHanSansK-Medium.ttf?t=1752323226846') format('truetype');
} 

@font-face {
  font-family: "iconfont"; /* Project id  */
  src: url('/static/fonts/iconfont.ttf?t=1751441396846') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-youxiang:before {
  content: "\e632";
}

.icon-dizhi:before {
  content: "\e628";
}

.icon-diqiu:before {
  content: "\e844";
}

.icon-dianhua:before {
  content: "\e862";
}

.icon-fax-fill:before {
  content: "\e620";
}

.icon-sousuo:before {
  content: "\e8b9";
}

.icon-sanjiao-down:before {
  content: "\e60f";
}




/*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
}*/

*{
    -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:"sy-normal","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;
}

.warp{max-width:1600px;margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.warp2{max-width:1200px;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;} 


:root {
  /* 颜色参数 */
 --primary-color: #005baa; /* 主色调 */
  --secondary-color: #d8065f; /* 次要色调 */
  --text-color: #555555; /* 默认文本颜色 */
  --light-color: #b3ccff; /* 浅色背景 */
  --dark-color: #000000; /* 深色文本 */
  --accent-color: #ff6b00; /* 强调色 */

  --swiper-navigation-color: #d8065f;

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


/*间距结束*/
/*盒子*/
.flex-box{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.flex-txt{
    display: flex;
    justify-content: space-between;
    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 #0a54ac;
    background-color: #0a54ac;
}

.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 #0a54ac;
    background-color: #0a54ac;
}


/*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: 30px;	right: 20px;	z-index: 10;display: none !important;}
#hamburger:before, #hamburger:after, #hamburger span { background:#005baa; 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: #005baa;}
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-top{
    background: var(--primary-color); 
    height: 40px;
}
.header-top .warp{
    display: flex;
    justify-content: flex-end;
}
.header-top .item{
    line-height: 40px;
    color: #fff;
    display: flex;
    align-items: center;
    margin-left: 40px;

}
.header-top .item span{
    font-size: var(--font-size-xs);
}
.header-top .item i{
    font-size: 20px;
    margin-right:5px;
}
/*.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; 
    border-bottom: 1px solid #444; 
    background: #fff; 
    
}
.header .mune{
    display: flex ;
    align-items: center;
}
.header .logo{
    width: 541px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header .logo img{
    width: 100%;
    height: 100%;
} 
.header nav{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; 
    align-items:center; 
}
.header nav a{
    font-size: var(--font-size-sm);
    color: var(--primary-color);
    margin: 0 20px;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    font-family: "sy-medium"; 
    position: relative;
    line-height: 56px;

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

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

#m1 #s1,#m2 #s2,#m3 #s3,#m4 #s4,#m5 #s5,#m6 #s6{
    color: var(--secondary-color);
}
#m1 #s1:after,#m2 #s2:after,#m3 #s3:after,#m4 #s4:after,#m5 #s5:after,#m6 #s6:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--secondary-color);
    transition: ease .5s all;
    -moz-transition: ease .5s all;
    border-radius: 2px;
}

.header .lan,.header .search-head{
/*  padding: 38px 0 28px 10px;*/
    padding: 0;
}
.header .lan{
    display: flex;
    justify-content: flex-start;
    align-items:center;
    margin-right: 10px;

}
.header .lan a{
    padding: 0;
    position: relative;
    color: #fff;
    
   
}
.header .lan a:first-child{
    padding: 0;
}
.header .search input{
    background:url(/static/images/search_bg.jpg) right 15px  center no-repeat var(--secondary-color);
    outline: none;
    border: none;
    line-height: 45px;
    border-radius: 5px;
    width: 180px;
    position: relative;
    padding: 0 15px;
    color: #fff;
    font-size: var(--font-size-xs);
}
.header .search input::placeholder{
    color: #fff;
}

.header .lan .lun{  
    cursor: pointer; 
    color: var(--primary-color);
    position: relative;  
    padding: 10px 20px;

}
.header .lan .lun i{
    font-size: 24px;
}
.header .lan .lun:after{ 
    position: absolute;
    right: 0;
    width: 20px;
    content: "\e60f";
    font-family: "iconfont" !important;
    color: var(--primary-color);
    font-size: 1rem;
    top: 50%;
    transform: translateY(-50%);
}
.header .lan .lun a{ font-size: 1.4rem; line-height: 32px;}
.header .lan .lun .ld{ 
    position: absolute; 
    top:100%; 
    right: 0; 
    width: 100%;
    background: var(--primary-color) ; 
    transform: scale(0); 
    transform-origin : 50% 0 0;
    z-index: 988;
}
.header .lan .lun .ld a{ display: block; color: #fff; text-align: center;}
.header .lan .lun .ld a:hover{ background:var(--secondary-color);}
.header .lan .lun:hover .ld{ transform: scale(1);}



.header .logo{ padding:20px 0;}


.header.up{ top:-200px; background:#fff;}




/*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/footer_bg.jpg) center center no-repeat;  background-size: cover !important; }
.fo1{
    border-bottom: 1px solid #b3ccff;
    padding: 47px 0;   
}
.fo1 .warp{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
}
.fo_logo{
    margin-right: 80px;
}
.fo1 .item{
    margin-right: 130px;
    border-left: 3px solid #fff;
    padding-left: 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;
    font-family: "sy-medium";
}

.fo2{
    padding: 70px 0;
}
.fo2 .warp{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    
}
.fo2 .warp .fo_nav{
    width: 68%;
    display: grid;
    grid-template-columns: 2fr 2fr 3fr;
    color: #fff;
}
.fo2 .warp .fo_nav h2{
    font-size: var(--font-size-lg);
    font-family: "sy-Heavy"; 
    margin-bottom: 40px;
}
.fo2 .warp .fo_nav a{
    display: block;
    font-size: var(--font-size-sm);
    color: var(--light-color);
    line-height: 30px;
}
.fo2 .warp .fo_nav a:hover{
    text-decoration: underline;
}
.fo2 .dot{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    line-height: 30px;
}
.fo2 .dot i{
    font-size: var(--font-size-lg);
    margin-right: 10px;
}
.fo2 .dot p{
    font-size: var(--font-size-xs);
    margin-right: 10px;
    line-height: 24px;
    color: var(--light-color);
}

.form_search{
    display: flex;
    justify-content: flex-start;
}
.form_search button{
    width: 100px;
    border: none;
    outline: 0;
    background-color: var(--secondary-color);
    color: #fff;
    height: 45px;
    font-size: var(--font-size-sm);
    font-family: "sy-bold"; 
    cursor: pointer;
}

.form_search input{
    width: calc(100% - 100px);
    border: none;
    outline: 0;
    height: 45px;
    background-color: #062445;
    padding-left: 25px;
    font-size: var(--font-size-xs);
    color: #b3b3b3;
}
.outlink{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 100px;
}

.outlink a{
    margin-right: 35px;
}
.outlink a:last-child{
    margin-right: 0;
}

.fo3{
    background-color: rgba(0,0,0,0.5);
    padding: 45px 0;
}
.fo3 .warp{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #f6f9ff;
}
.fo3 .warp p{
    font-size: var(--font-size-xs);
    line-height: 24px;

}


.bottomlist{ background:#005baa; 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 .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: 629px; 
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-position:center bottom ;
    background-repeat: no-repeat;
    background-size: cover;
 
}
.banner .ban1{ background-image: url(/static/images/banner01.jpg);position: relative;}
.banner .ban2{ background-image: url(/static/images/banner02.jpg)}
.banner .ban3{ background-image: url(/static/images/banner03.jpg?v=1.1)}
.banner .ban4{ background-image: url(/static/images/banner04.jpg)}
.banner .warp{
    width: 100%;
}
.banner .txt{
    display: flex;
    justify-content: left;
    flex-direction: column;
    color: #fff;
}
.banner .txt h3{ 
    font-family: "sy-Heavy"; 
    font-size: var(--font-size-xxl);
    margin-bottom: 66px;
    line-height: 1.3;   
}
.banner .txt ul{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.banner .txt ul li{
    color: #fff;
    margin-right: 30px;
    position: relative;
    padding-left: 20px;
    font-size:var(--font-size-md) ;
}
.banner .txt ul li::after{
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #fff;
}
.hid{
    display: none;
}
.his{
    display: block;
}
.banner .txt a{
    font-size: 1.8rem;
    border: 1px solid #fff;
    line-height: 36px;
    border-radius: 18px;
    display: inline-block;
    width: 200px;
    color: #fff;
    padding: 0 0 0 28px;
    position: relative;
    margin-top:100px;
}
.banner .txt a:hover{
    background-color: #014190;
    border: 1px solid #014190;
    color: #fff;
}
.banner .txt a:hover:after{
    content: "\e8d4";
    font-size: 1.6rem;
    color: #fff;

}

.ban3 .txt a{
    margin-top:45px;
}
.banner .txt a:after{
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    font-family: "iconfont";
    content: "\e8d7";
    font-size: 1.4rem;
    color: #fff;
    font-weight: lighter;

}


.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: 26%;
}
.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:  #d8065f;
}

.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*/
.tit{
    position: relative;
    color: var(--primary-color);
}
.tit::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 6px;
    background-color: var(--secondary-color);
}
.tit h3{
   font-size: var(--font-size-xl);
   font-family: "sy-Heavy"; 
   padding:35px 0 5px 0;
   text-transform: uppercase;
}
.tit p{
   font-size: var(--font-size-x);
   font-family: "sy-Heavy"; 
   text-transform: uppercase;
}



/*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 .warp2{
    
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}
/* .ip1 .ip1_left,.ip1 .ip1_right{
    width: 50%;
} */
.ip1_left .title{
    display: flex;
    justify-content: space-between;
    align-items: end;
    padding-right: 40px;    
}
.ip1_left .title .more a{
    font-size: var(--font-size-xs);
    color: #fff;
    padding-left: 20px;
    padding-right: 80px;
    position: relative;
    height: 40px;
    line-height: 40px;
    background-color: var(--primary-color);
    display: block;
    text-transform: uppercase;
    transition: ease 0.5s all;
}
.ip1_left .title .more a:after{
    content: ">";
    font-size:20px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: #000;
    text-align: center;
    transition: ease 0.5s all;
}
.ip1_left .title .more a:hover{
    padding-left: 25px;
    padding-right: 75px;
}
.ip1_left .title .more a:hover:after{
    background-color: var(--secondary-color);
}


.ip1_left .info{
    padding-top: 75px;
    /* background: linear-gradient(180deg, #146bb9 0%, #005baa 100%);
    padding:55px 40px 40px 50px;
    margin-top: 50px;
    border-radius: 10px 0 0 10px; */
}

.ip1_right{
    background: linear-gradient(180deg, #146bb9 0%, #005baa 100%);
    padding:55px 40px 40px 50px;
    border-radius: 10px;
}
.ip1_right .box1 strong{
    font-size: var(--font-size-md);
    color: #fff;
    margin-bottom: 5px;
    display: block;
    line-height: 24px;
    font-family: "sy-bold";
}
.ip1_right .box1 p{
    font-size:14px ;
    color: #fff;
    line-height: 22px;
    margin-top: 25px;
}
.ip1_right .box2{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
}
.ip1_right .box2 strong{
    font-size: var(--font-size-lx);
    color: #fff;
    padding-bottom: 25px;
    display: block;
    line-height: 24px;
    position: relative;
    display: block;
    margin-bottom: 30px;
    font-family: "sy-bold"; 
}
.ip1_right .box2 strong::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 64px;
    height: 4px;
    background-color: #fff;
}
.ip1_right .box2 p{
    font-size:14px ;
    color: #fff;
    line-height: 22px;
}
.ip1_right .box2 .img{
    width: 100px;
    
}
/* .ip1_right .swiper{
    height: 100%;
    border-radius: 10px 10px 10px 0;
}
.ip1_right .swiper-slide{
    background-repeat: no-repeat;
    background-position: center  center;
    background-size:  cover;
    border-radius: 10px 10px 10px 0;
}


.ip1_right .swiper-horizontal>.swiper-pagination-bullets, .ip1_right .swiper-pagination-bullets.swiper-pagination-horizontal, .ip1_right .swiper-pagination-custom, .banner .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 45px);
    left: 50%;
    transform:  translateX(-50%);
    width: 100%;
}
.ip1_right .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,30px));
    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, 1);
}
.ip1_right .swiper-pagination-bullet-active {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,40px));
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background:  #d8065f;
}

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

/*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-direction: row-reverse;
}

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

}
.ip2 .txt{
    width: calc(57% - 60px);
    color: #fff;
    
}
.ip2 .txt p{
    font-size: var(--font-size-xl) ;
    font-family: "sy-Heavy";
    line-height: 1.5;
}
.ip2 .txt h2{
    font-size: var(--font-size-xxl) ;
    font-family: "sy-Heavy"; 
    margin-top: 15px;
}
/*第三层*/

.ip3_list .item,.ip3_list .item::after,.ip3 .title .more a,.ip3 .title .more a:after{transition:ease 0.5s all;-moz-transition: ease 0.5s all; -webkit-transition:ease 0.5s all; -o-transition: ease 0.5s all;}

.ip3{
    padding: 90px 0;
}
.ip3 .title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ip3 .title .more a{
    font-size: var(--font-size-xs);
    color: #fff;
    padding-left: 20px;
    padding-right: 80px;
    position: relative;
    height: 40px;
    line-height: 40px;
    background-color: var(--primary-color);
    display: block;
    text-transform: uppercase;

    
}
.ip3 .title .more a:after{
    content: ">";
    font-size:20px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: var(--secondary-color);
    text-align: center;
}

.ip3 .title .more a:hover{
    padding-left: 25px;
    padding-right: 75px;
}
.ip3 .title .more a:hover:after{
    background-color:#000;
}


.ip3_list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0;
    justify-items: center;
    margin-top: 85px;
}

.ip3_list .item{
    width: 100%;
    padding: 60px 30px 30px 30px;
    background-color: #f6f9ff;
    margin-bottom: 30px;
    position: relative;
    transition: ease 0.5s all;
    -moz-transition: ease 0.5s all;
    -webkit-transition:ease 0.5s all;
    -o-transition: ease 0.5s all;
}
.ip3_list .item::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 50%;
    height: 18px;
    background-color: #f6f9ff;
    z-index: -1;
    transition: ease 0.5s all;
}

.ip3_list .item h3{
    font-size: var(--font-size-lg);
    color: #000;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-family: "sy-bold";
    transition: ease 0.5s all;
}
.ip3_list .item h4{
    font-size: var(--font-size-md);
    color: #555;
    padding-bottom: 30px;
    font-family: "sy-bold";
    transition: ease 0.5s all;
}
.ip3_list .item p{
    font-size: var(--font-size-xs);
    color: #555;
    margin-bottom: 25px;
    line-height: 20px;
    transition: ease 0.5s all;
}
.ip3_list .item i{
    font-size: var(--font-size-xs);
    color: var(--secondary-color);
    font-style:normal;
    display: block;
    transition: ease 0.5s all;
}
.ip3_list .item img{
    padding-top: 10px;
}
.ip3_list .item:nth-child(3n-1),.ip3_list .item:nth-child(3n-1):after{
    background-color: var(--primary-color);
    transition: ease 0.5s all;
}
.ip3_list .item:nth-child(3n-1) h3{
    color: #fff;  
}
.ip3_list .item:nth-child(3n-1) h4{  
    color: #fff;  
}
.ip3_list .item:nth-child(3n-1) p{
    color: #b3ccff;
}
.ip3_list .item:nth-child(3n-1) i{
    color: #fff;
}

.ip3_list .item:hover{
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    z-index: 1;
    padding-top: 70px;
    padding-bottom: 20px;

}
.ip3_list .item:hover:after{
    background-color: var(--secondary-color);
}
.ip3_list .item:hover h3,.ip3_list .item:hover h4{
    color: var(--secondary-color); 
}
.ip3_list .item:hover p{
    color: #555;
}
.ip3_list .item:hover i{
    color: #fff;
    opacity: 0;
}



.ip4 .title .more a,.ip4 .title .more a:after{transition:ease 0.5s all;-moz-transition: ease 0.5s all; -webkit-transition:ease 0.5s all; -o-transition: ease 0.5s all;}

.ip4{
    background: url(/static/images/ip4_bg.jpg) no-repeat left top;
    background-size: auto 100%;
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding-top: 105px;

}
.ip4_title{
    position: absolute;
    top: 160px;
    left: 0;
    width: 100%;
    z-index: 3;
}
.ip4_title .tit{
    color: #fff;
}
.ip4_title .more{
    margin-top: 210px;
}
.ip4 .title .more a{
    font-size: var(--font-size-xs);
    color: #105baa;
    padding-left: 20px;
    padding-right: 80px;
    position: relative;
    height: 40px;
    line-height: 40px;
    background-color:#fff;
    display: inline-block;
    text-transform: uppercase;
    
}
.ip4 .title .more a:after{
    content: ">";
    font-size:20px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: var(--secondary-color);
    text-align: center;
    font-family: "sy-light"; 
}

.ip4 .title .more a:hover{
    padding-left: 25px;
    padding-right: 75px;
}
.ip4 .title .more a:hover:after{
    background-color:#000;
}

.ip4_swiper{
    width: 63.5%;
}

.application .swiper-slide{
    position: relative;
}
.application .swiper-slide .txt{
    position: absolute;
    left: 30px;
    top: 30px;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 20px;
    display: none;

}
.application .swiper-slide .txt .imgs{
    background-color: #d8065f;
    border: 5px solid #fff;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.application .swiper-slide .txt .imgs img{
    max-width:48px;
}
.application .swiper-slide .txt p{
    font-size: var(--font-size-md);
    color: #fff;
    text-transform: uppercase;
}


.app_page{
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-gap: 0px;
    width: 100%;
    

}
.app_page  .swiper-pagination-bullet{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: auto;
    border-radius: 0;
    background: none;
    border: 1px solid #fff;
    border-bottom: none;
    opacity: 1;
    padding: 35px 0 30px 0;
}
.app_page  .swiper-pagination-bullet:first-child{
    border-left: none;
}
.app_page  .swiper-pagination-bullet:last-child{
    border-right: none;
}
.app_page  .img{
    padding: 0 20px;
    border-right: 1px solid #fff;
}
.app_page  .txt{
    padding-left: 20px;
    color: #fff;
    text-align: left;

}
.app_page  .txt p{
    font-size: 14px;
    line-height: 22px;
    font-family: "sy-bold";
    text-transform: uppercase;
}
.app_page .swiper-pagination-bullet-active{
    background-color: #d8065f;
    position: relative;
    justify-content: center;
}
.app_page .swiper-pagination-bullet-active .img{
    position: absolute;
    top: -75px;
    width: 100%;
    text-align: center;
    background: linear-gradient(to top, #d8065f 50%, transparent 50%);
    display: flex;
    justify-content: center;
    border-right:none
}
.app_page .swiper-pagination-bullet-active .img .img_border{
    background-color: #d8065f;
    border: 5px solid #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    width: 80px;

}
.app_page .swiper-pagination-bullet-active .txt{
    text-align: center;
    width: 60%;
    padding-left: 0;
    display: block;
}
.app_page .swiper-pagination-bullet-active .txt p{
    font-size: 16px;
}


.application .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .application .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0;
}
.application .swiper-horizontal>.swiper-pagination-bullets, .application .swiper-pagination-bullets.swiper-pagination-horizontal, .application .swiper-pagination-custom, .application .swiper-pagination-fraction{
    bottom:0;
}

.ip5{
    padding: 100px 0;
    background-color: #f6f9ff;
}

.ip5_new_list{
    /* display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 40px; */
    margin-top: 50px;
}
.ip5_new_list .swiper-slide{
    padding: 10px;
}
.ip5_new_list .item{
    background-color: #fff;
    padding: 30px ;
    position: relative;
}
.ip5_new_list .item time{
    font-size: var(--font-size-xs);
    color: #555;
    padding-bottom: 30px;
    display: inline-block;
}
.ip5_new_list .item h5{
    font-size: var(--font-size-lg);
    color: #000;
    font-family: "sy-bold";
    line-height: 30px;
    margin-bottom: 20px;
    height: 60px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ip5_new_list .item p{
    font-size: var(--font-size-xs);
    color: #555;
    padding-bottom: 50px;
    display: inline-block;
    line-height: 18px;
}
.ip5_new_list .item .img{
    position: relative;

}
.ip5_new_list .item .img i{
    position: absolute;
    top: -20px;
    left: 0;
    font-size: var(--font-size-xs);
    background-color: #277cd5;
    padding-left: 20px;
    padding-right: 80px;
    height: 40px;
    line-height: 40px;
    color:#fff;
    display: inline-block;
    text-transform: uppercase;
    font-style: normal;
    
}
.ip5_new_list .item .img i:after{
    content: ">";
    font-size:20px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: #373737;
    
    text-align: center;
}
.ip5_new_list .item:hover{
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.ip5_new_list .item:hover .img i:after{
    background-color: var(--secondary-color);
}
/*内页*/
/*banners-start*/
.banners,.banners2{ 
    background-size: cover !important;   
    position: relative;
    height: 412px;
}


.about{ background: url(/static/images/banners/banner-about.jpg) center center no-repeat;}
.product{background: url(/static/images/banners/product_bg.jpg) center center no-repeat;}
.product2{background: url(/static/images/banners/banner-product2.jpg) center center no-repeat;}
.contact{ background: url(/static/images/banners/banner-contact.jpg) center center no-repeat;}
.new{ background: url(/static/images/banners/banner-new.jpg) center center no-repeat;}
.banners2 .warp2{ text-align: center; height: 600px; justify-content: center;}
.videos{ background: url(/static/images/banners/video-banner.jpg) center center no-repeat;}
.newcar2{background: url(/static/images/banners/newcar-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::after{
    content: "";
    position: absolute;
    bottom: -18px;
    right: 0;
    width: 400px;
    height: 35px;
    background-color: #0a54ac;
}
.banners .warp{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
    align-items: center;
    height: 100%;
}
.banners .pro{
    padding-left: 200px;
}
.banners .info{
    text-align: right;
    text-transform: uppercase;
    padding-top: 60px;
}
.banners .info h5{
    font-size: var(--font-size-lx);
    line-height: 36px;
    color: #b3ccff;
    font-family: "sy-bold";
}
.banners .info h3{
    font-size: var(--font-size-xxl);
    line-height: 60px;
    color: #fff;
    font-family: "sy-Heavy"; 
    padding: 20px 0;
}
.banners .info  .stip{
    font-size: var(--font-size-sm);
    color: #fff;
    line-height: 24px;

}
.banners .info  .stip a{
    font-size: var(--font-size-sm);
    color: #fff;
}
.banners .info  .stip a:hover{
    text-decoration: underline;
}
/*banners-end*/


/*内页通用*/
.intit{
    color: #333;
    position: relative;
    height: 70px;
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    padding-left:10px;
    margin-bottom: 20px;
}
.intit::after{
    content: "DAYE";
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 90px;
    color: #999;
    font-family: "sy-Heavy"; 
    opacity: 0.1;
    text-transform: uppercase;
    
}
.intit h3{
   font-family: "sy-Heavy"; 
   font-size: var(--font-size-lg);
   color: #d8065f;
   text-transform: uppercase;
   border-bottom: 1px solid #d8065f;
   position: relative;
   line-height: 32px;
   width: 98px;
}
.intit h3::after{
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #d8065f;
}



/*通用*/



/*about-start*/

.ab1{
    /* padding: 90px 0 80px 0;
   background-color: #ffff;*/
    position: relative;
    padding: 120px 0 90px 0;
    
}

.ab1 .about-info{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ab1 .ab1_left p{
    font-size: var(--font-size-xs);
    color: #555;
    padding-top: 15px;
    display: inline-block;
    line-height: 24px;
}

.ab1 .ab1_left,.ab1 .ab1_right{
    width: calc(50% - 25px);
}
.ab1 .swiper-slide{
    padding-bottom: 60px;
    background-color: #0a54ac;
}
.ab1 .swiper-slide img{
    width: 100%;
    transition: ease 0.5s all;
    -moz-transition: ease 0.5s all;
    -webkit-transition:ease 0.5s all;
    -o-transition: ease 0.5s all;
}
.ab1 .swiper-slide:hover img{
    transform: scale(1.1);
}
.ab1 .swiper-pagination-bullet{
    width: 40px;
    border-radius:0;
    background-color: #fff;
    opacity: 1;
}

.ab1 .swiper-horizontal>.swiper-pagination-bullets,.ab1 .swiper-pagination-bullets.swiper-pagination-horizontal,.ab1 .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 24px);
    top: var(--swiper-pagination-top, auto);
    right: 0;
    left:auto;
    width: 160px;
}
.ab1 .swiper-pagination-bullet-active{
    background-color: #d8065f;
}

.ab1 .about_img{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px;
    padding-top: 50px;
}
.ab1 .about_img .dot{
    overflow: hidden;
}
.ab1 .about_img .dot img{
    width: 100%;
    transition: ease 0.5s all;
    -moz-transition: ease 0.5s all;
    -webkit-transition:ease 0.5s all;
    -o-transition: ease 0.5s all;
}
.ab1 .about_img .dot:hover img{
    transform: scale(1.1);
}


.ab2{
    background: url(/static/images/about/ab2_bg.jpg) center center  no-repeat;
    background-size: cover;
    height: 420px;
    padding: 60px 0 ;
}
.ab2 .warp{
    position: relative;
    background: url(/static/images/about/time_line.png) center center no-repeat;
}
.history{
    height: 300px;
    margin: 0 150px;
}
.history .swiper-slide{
    height: 300px;
    padding-bottom: 34px;
}

.history .swiper-slide:nth-child(2n){
    padding-top: 190px;
}

.history .swiper-slide .box{
    
    border-radius: 15px;
    height: 110px;
    padding:20px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(to bottom, #008eeb 0%,#0052ec 100%);


}
.history .swiper-slide:nth-child(2n) .box{
    justify-content: flex-start;
}

.history .swiper-slide .box::before{
    content: "";
    position: absolute;
    bottom:-32px;
    left: 13%; 
    width:1px;
    height: 30px;
    background: url(/static/images/about/time_line_sx.png) center top repeat-y;
    z-index: 2;
}
.history .swiper-slide .box .quan{
    content: "";
    position: absolute;
    bottom:-49px;
    left: calc(13% - 8px); 
    width:17px;
    height:17px;
    border-radius: 50%;
    background-color: #fff;
}


.history .swiper-slide:nth-child(2n) .box::before{
    bottom: auto;
    top: -32px;
    
}
.history .swiper-slide:nth-child(2n) .box .quan{
    bottom: auto;
    top: -49px;
}

.history .swiper-slide .box h3{
    font-size: var(--font-size-lx);
    line-height: 32px;
    color: #fff;
    font-family: "sy-Heavy";
    line-height: 36px;
}
.history .swiper-slide .box p{
    font-size: var(--font-size-md);
    line-height: 24px;
    color: #fff;
    font-family: "sy-medium"; 
}

.history .swiper-slide.swiper-slide-active .box,.history .swiper-slide:hover .box{
    background-color: #007deb;
    
    
}
.history .swiper-slide.swiper-slide-active .box .quan{
    background-color: #d8065f;
    border: 1px solid #fff;
}
.history .swiper-slide.swiper-slide-active .box .quan::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgba(211, 233, 255, 0.7);
    z-index: -1;
}

.ab2 .swiper-button-next.swiper-button-disabled,.ab2 .swiper-button-prev.swiper-button-disabled {
    color: #b3ccff;
    opacity: .5;
    cursor: auto;
    pointer-events: none;
}


.ab3{
    padding: 100px 0;   
}
.ab3 .intit::after{
    content: "CERTIFICATE";
}
.ab3 .intit h3{
    width: 200px;
}
.ab3 .list{
    padding:70px 40px;
    clear: both;
    background-color: #f5f9fd;
    position: relative;
    margin-top: 64px;
    
}
.ab3 .list .dl{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    border-bottom: 1px solid #005baa;
    width: calc(50% - 20px);
    padding-bottom: 90px;
    position: relative;
}
.ab3 .list .dl::after{
    content: "";
    position: absolute;
    bottom: -2px;
    right: 0;
    width:60px;
    height: 3px;
    background-color: #d8065f;
}
.ab3 .list .dl .dd{
    font-size: var( --font-size-sm);
    line-height: 24px;
    color: #555555;
    padding-left: 26px;
    position: relative;
}
.ab3 .list .dl .dd::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #555555;
}
.ab3 .list .img{
    position: absolute;
    top: -42%;
    right: 0;
    width: calc(50% - 60px);
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    align-items: center;
    
}
.ab3 .list .img .item{
    padding: 3px;
    background-color: #fff;
    box-shadow: 2px 1px 10px rgba(34, 34, 34, 0.5);
    width: 50%;
    max-width: 250px;
}
.ab3 .list .img .item img{
    width: 100%;
}
/*about-end*/


/*product*/
.pro1{
    padding: 120px 0 85px 0;
}

.pro1 .intit::after{
    content: "ProductS";
}
.p1 h3{
    width: 75px;
}

.p2 h3{
    width: 125px;
}
.pro_main{
    display: grid;
    grid-template-columns: 280px auto;
    grid-gap: 40px;
    padding-top: 60px;
}
.f2_list{
    margin-bottom: 20px;
}
.pro_list a.f1{
    display: block;
    font-size:var(--font-size-xs);
    background-color: #f5f9fd;
    color: #005baa;
    border-left: 8px solid #005baa;
    line-height: 65px;
    height: 65px;
    padding-left: 18px;
    margin-bottom: 1px;
    position: relative;
}
.pro_list a.f1:after {
    content: ">";
    font-size: 20px;
    color: #005baa;
    position: absolute;
    right:20px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}
.pro_list a.f1:hover,.pro_list a.f1.cur{
    color: #000;
}

.pro_list a.f1:hover,.pro_list a.f1.cur{
    border-left: 8px solid #d8065f;
    background-color: #005baa;
    color: #fff;
    font-family: "sy-bold";
}

.pro_list a.f2{
    display: block;
    font-size:var(--font-size-xs);
    background-color: #f5f9fd;
    color: #005baa;
    line-height: 50px;
    height: 50px;
    padding-left:50px;
    margin-bottom:1px;
    position: relative;
}
.pro_list a.f2:after {
    content: " ";
    position: absolute;
    width: 12px;
    height: 1px;
    background-color: #005baa;
    left:26px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}
.pro_list a.f2:hover,.pro_list a.f2.cur{
    background-color: #005baa;
    color: #fff;
    font-family: "sy-bold";
}
.pro_list a.f2:hover:after,.pro_list a.f2.cur:after{
    background-color: #fff;
}
.pro_box{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 23px;
}
.pro_box .item{
    padding: 20px 20px 75px 20px;
    background-color: #f5f9fd;
}
.pro_box .item a{
    position: relative;
    display: block;

}
.pro_box .item img{
    width: 100%;
}
.pro_box .item a .a_btn{
    position: absolute;
    bottom: -20px;
    right: -0px;
    width: 180px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    background-color: #005baa;
    color: #fff;
    font-size: 14px;
    padding-left: 20px;
    text-transform: uppercase;
}

.pro_box .item a .a_btn::after{
    content: ">";
    font-size: 20px;
    color: #fff;
    position: absolute;
    right:0px;
    top: 50%;
    width: 55px;
    height: 40px;
    line-height: 40px;
    transform: translateY(-50%);
    text-align: center;
    background-color: #373737;
}
.pro_box .item:hover{
    background-color: #0d61b7;
}
.pro_box .item:hover a .a_btn::after{
    background-color: #d8065f;
    color: #fff;
}


/*产品详情*/

.pros1{
    padding: 130px 0 85px 0;
}
.pros1 .ps1{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0px;
}
.ps1_info{
    position: relative;
}
.ps1_info::after{
    content: "";
    position: absolute;
    top: -20px;
    left: -45px;
    width: 45px;
    height: 60px;
    background: url(/static/images/product/xie.jpg) no-repeat center center;
}
.ps1_info h2{
    font-size: var(--font-size-xl);
    color: #2e2e2e;
    font-family: "sy-Heavy"; 
    text-transform: uppercase;
}
.ps1_info table{
    width: 100%;
    margin-top: 30px;
}

.ps1_info table tr td{
    padding: 15px;
    border-bottom: 1px solid #cdd2d6;
    vertical-align: middle;
    font-size: 14px;
}
.ps1_info table tr:first-child td{
    border-top: 1px solid #cdd2d6;
}
.ps1_info table tr td:first-child{
    width: 40%;
    border-right: 1px solid #cdd2d6;
    font-size: var(--font-size-md);
    color: #2e2e2e;
    font-family: "sy-medium"; 
    line-height: 54px;
}
.ps1_info table tr td p{
    line-height: 27px;
    font-size: var(--font-size-sm);
    color: #555;
}
.ps1_info i{
    display: block;
    margin-top: 45px;
    font-size: var( --font-size-md);
    font-style: normal;
    color: #434343;
    border-top: 2px solid #005baa;
    padding-top: 30px;
    line-height: 30px;
}
.pro2 i{
    margin-top: 200px;
}


.ps1 .img_box{
    
    display: flex;
    justify-content: flex-end;
    padding-left: 40px;
    margin-left: 60px;
    position: relative;
    padding-bottom: 35px;
}
.ps1 .img_box .bg{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background-color: #005baa;
    border: 2px solid #e3e3e3;
    z-index: -1;
    
}

.ps1 .img_box .img{
    padding: 10px;
    text-align: center;
    border: 1px solid #e3e3e3;
    border-bottom: none;
    background-color: #fff;
}

.pagelink{
    display: flex;
    justify-content:space-between;
    padding-top: 100px;
}
.pagelink a{
    display: block;
    width: 220px;
    height: 50px;
    line-height: 50px;
    text-align: right;
    background-color: #f5f9fd;
    color: #555555;
    font-size: 16px;
    text-transform: uppercase;
    padding-right: 50px;
    position: relative;
}
.pagelink a::after{
    content: "<";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 45px;
    font-size: 24px;
    font-weight: lighter;
}
.pagelink a.next{
    text-align: left;
    padding-left: 50px;
    padding-right: 0;
}
.pagelink a.next::after{
    content: ">";
    left: auto;
    right: 45px;
}

.pagelink a:hover{
    background-color: #d8065f;
    color: #fff;
}

.pros2{
    padding: 65px 0;
    background-color: #f5f9fd;
}
.pros2 h4{
    font-size:var( --font-size-lg) ;
    color: #d8065f;
    font-family: "sy-Heavy"; 
    text-transform: uppercase;
    border-bottom: 2px solid #d8065f;
    display: inline;
    padding-bottom: 2px;
}
.pros2 .pro_other{
    padding-top: 50px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 40px;
}

.pros2 .pro_other a{
    background-color: #fff;
    text-align: center;
    padding: 15px;
}
.pros2 .pro_other a:hover{
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}


/*news*/
.news1{
    padding: 100px 0 80px 0;
}
.news1 .intit h3{
    width: 97px;
}
.news1 .intit::after{
    content: "information";
}


.newbox{
    padding-top:20px;
}
.newbox .dot{
    padding: 40px 0;
    border-bottom: 1px solid #ddd;
}
.newbox .dot:first-child{
    padding-top: 0;
}
.newbox .dot a{
   display: grid;
   grid-template-columns: auto 1fr;
   grid-gap: 40px;
}

.newbox .dot .img{
    overflow: hidden;
}
.newbox .dot .img img{
    transition:ease 0.5s all;
    width: 100%;
}
.newbox .txt time{
    font-size: 16px;
    color: #999999;
    line-height: 24px;
    margin-bottom: 15px;
    display: block;
}
.newbox .txt h4{
    font-size: var(--font-size-lx);
    color: #020202;
    font-family: "sy-bold";
    text-transform: uppercase;
    line-height: 1.5;
    margin-bottom: 25px;
}
.newbox .txt p{
    font-size: 1.4em;
    color: #999;
    line-height: 24px;
}
.newbox .txt i{
    font-style: normal;
    padding-left: 0px;
    display:inline-block ;
    background-color: #fff;
    color: #d8065f;
    font-size: 14px;
    line-height: 40px;
    position: relative;
    width: 140px;
    height: 40px;
    text-transform: uppercase;
    transition:ease 0.5s all;
    margin-top: 40px;
}
.newbox .txt i::after{
    content: ">";
    position: absolute;
    right:0;
    top: 50%;
    transform: translateY(-50%);
    width: 55px;
    height: 40px;
    background-color: #fff;
    line-height:39px;
    font-size: 18px;
    color: #d8065f;
    text-align: center;
    transition:ease 0.5s all;
}
.newbox .dot:hover img{
    transform: scale(1.1);
}
.newbox .dot:hover h4{
    color: #d8065f;
}

.newbox .dot:hover .txt i{
    
    padding-left: 20px;
    background-color: #005baa;
    color: #fff;
    width: 180px;

}
.newbox .dot:hover .txt i::after{   
    background-color: #d8065f; 
    color: #fff;
}




/* 
.newbox .dot:hover .txt{
    border-color: #d7b87f;
}
.newbox .dot:hover span{
    background-color: #d7b87f;
}

.newbox .dot:hover .img:after{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/static/images/news/new_hover_bg.png) center center no-repeat;
    background-size: cover;
} */




/*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{
    padding: 90px 0;
}
.new_title{
    border-bottom: 1px solid #aaa;
    position: relative;
}
.new_title::after{
    content: "";
    position: absolute;
    top: -25px;
    left: -45px;
    width: 45px;
    height: 60px;
    background: url(/static/images/product/xie.jpg) no-repeat center center;
}
.new_title h4{
    color: #2e2e2e;
    font-size: 36px;
    font-family: "sy-bold";
    text-transform: uppercase;
    padding-bottom: 20px;
}
.newsshow time{
    text-align: right;
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 60px;
    padding-right:10px;
}

.newsshow .txt{ 
    padding:30px 60px; 
    line-height:24px; 
    color:#666666;
    overflow:hidden;
    background-color: #f5f9fd;
    margin-top: 40px;
 }
.newsshow .txt p{ font-size:14px; }
.newsshow .txt img{ max-width:100%; margin:0 auto; padding:0px 0;}
.newsshow .btn{ 
    padding:40px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.newsshow .btn a{ 
    display:block; 
    background:#fff; 
    font-size:16px; 
    color:#333333; 
    line-height:24px;
    text-transform: uppercase; 
    padding:22px 50px 22px 120px; 
    background: url(/static/images/news/left1.png) center left 30px no-repeat #f6f6f6;
}
.newsshow .btn a.next{ 
    padding:22px 120px 22px 50px; 
    background: url(/static/images/news/right1.png) center right 30px no-repeat #f6f6f6;
}
.newsshow .btn a:hover {
    background: url(/static/images/news/left2.png) center left 30px no-repeat #d8065f;
    color: #fff;
}
.newsshow .btn a.next:hover{
    background: url(/static/images/news/right2.png) center right 30px no-repeat #d8065f;
}
.newsshow .txt table{
    min-width: 800px;
    overflow-x: auto;
    width: 100%;

}
.newsshow .txt .casetable{
    overflow-x: auto;
}
.newsshow .txt tr td,.newsshow .txt tr,.newsshow .txt a{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;}
.newsshow .txt tr td{cursor: pointer;font-size: 1.4em;border: 1px solid #eee;text-align: center;vertical-align: middle; padding: 5px 3px; line-height: 22px} 
.newsshow .txt .lock td,.newsshow .txt tr .lock{background: #e6e6e6 !important;font-family: "sy-bold";font-size: 1.4em;line-height: 1.2;}



/*contact*/
.con1{  
    padding: 100px 0;
}
.con1 .intit h3{
    width: 97px;
}
.con1 .intit::after{
    content: "Keep In Touch";
    
}

.con1_box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}


.con1_box{
    margin-top: 60px;
}
.con1_box .dot{
    display: flex;
    justify-content: flex-start;
    align-items: center;

}



.con1_box .dot .img,.con_add .img{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}
.con1_box .dot .img img{
    width: 100%;
    height: 100%;
}


.con1_box .item{
    padding:50px 30px 0 30px;
    background-color:#f5f9fd;
}
.con1_box .item:last-child{
    background: linear-gradient(to right, #fff 0%, #f7fafd 5%,#f7fafd 100%);;
}
.con1_box .item h4{
    font-size: var(--font-size-lx);
    color: #000;
    border-bottom:2px solid #000;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-family: "sy-bold";
    margin-bottom: 50px;

}

.con1_lx_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 35px;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 35px;
    padding-right: 20px;
}
.con1_lx_box:last-child{
    margin-bottom: 0;
}

.line{
    width: 1px;
    height: 50px;
    background-color: #dcdcdc;
}
.con1_lx_box .info i,.con_add i{
    font-size: 14px;
    color: #999999;
    margin-bottom: 5px;
    display: block;
    font-style: normal;
    text-transform: uppercase;

}
.con1_lx_box .info p,.con_add p{
    font-size: 14px;
    line-height: 22px;
    color: #000000;
}
.con_add{
    padding: 35px 30px 95px 30px;
    background-color: #f5f9fd;  
}
.con_add .item{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 35px;
    border-bottom: 1px solid #dcdcdc;
}
.con_add .item .info,.con1_box .dot .info{
    width: calc(100% - 55px);
}
.add2{
    display:none
}


.con2{
    padding: 20px 0 100px 0;
}
.con2 .intit h3{
    width: 255px;
}
.con2 .intit::after{
    content: "feedback";
    
}

.feed_form{
    padding: 30px 0px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
}

.feed_form .dot input{
    width: 100%;
    height: 68px;
    line-height: 68px;
    font-size: 1.4rem;
    padding-left: 15px;
    outline: none;
    border: 0;
    background-color: #f5f9fd;
}
.feed_form .dot:hover input{
    background-color: #0a54ac;
    color: #fff;
}
.feed_form .dot:nth-child(5),.feed_form .dot:nth-child(6){
    grid-column: 1 / -1
}

.feed_form .dot textarea{
    width: 100%;
    font-size: 1.4rem;
    padding-left: 10px;
    line-height: 24px;
    border: 0;
    outline: none;
    height: 200px;
    background-color: #f5f9fd;
    padding: 15px;
}
.feed_form .dot:hover textarea{
    background-color: #0a54ac;
    color: #fff;
    
}
.feed_form .dot input::placeholder, .feed_form .dot textarea::placeholder {
    color: rgba(0,0,0,0.5); 
    font-size: 14px;
    font-family: "Microsoft YaHei","Arial"; 
    
}

.feed_form .dot:hover input::placeholder, .feed_form .dot:hover textarea::placeholder {
    color:#fff; 
    font-size: 14px; 
    
}


.feed_form .dot:nth-child(6){
    text-align: right;
}
.feed_form .dot button{
    width: 120px;
    background-color: #d8065f;
    border: 1px solid #eee;
    line-height: 55px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-family: "sy-bold";
}





/* .con_people{
    padding-top: 35px;
}
.con_people .dot{
    padding: 50px 0 0 0;
}
.con_people .box{
    background-color: #f6f6f6;
    border-radius: 20px 0  20px 0;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.1) ;
-moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.1)  ;
-webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.1)  ;
color: #000;
}



.con_people .info{
    display: flex;
    justify-content: space-between;
    align-items:  center;
    flex-wrap: wrap;
    padding-left: 30px;
    position: relative;
    z-index: 1;

}
.con_people .info .img{
    margin-top: -50px !important;
    padding: 3px;
    background-color: #fff;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.1) ;
-moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.1)  ;
-webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.1)  ;
}
.con_people .info .txt>*{
    display: block;
    font-style: normal;
    
}
.con_people .info .txt h4{
    font-size: 2.4em;
    margin-bottom: 10px;
}
.con_people .info .txt i{
    font-size: 1.6em;
}
.con_people .info .txt b{
    font-size: 1.8em;
    margin-top: 35px;
    font-weight: normal;
}

.con_people .lx{
    padding-left: 30px;
    margin-top: 45px;
    padding-bottom: 35px;
}
.con_people .lx .dd{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 2px 0;
}
.con_people .lx .dd .lx_tit{
    width: 85px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.4em;
    margin-right: 20px;
}
.con_people .lx .dd .lx_tit span{
    flex-shrink:0;
}
.con_people .box:hover{
   background: linear-gradient(to right ,#d5b57d , #c29863);
   color: #fff;  
}

.con2{
    background: url(/static/images/contact/con2_bg.jpg) center  center no-repeat;
    background-size: cover;
    padding: 110px 0;
}
.con2 .box{
    width: 50%;
    background-color: #fff;
    padding: 75px 90px  60px 75px;
}
.con2 h4{
    font-size: 3em;
    display: block;
    border-bottom: 1px solid #dedede;
    position: relative;
    padding-bottom: 27px;
    font-weight: bold;
}
.con2 h4:after{
    position: absolute;
    content: "";
    left: 0;
    bottom: -2px;
    height: 3px;
    background-color: #d7b87f;
    width: 80px;
}
.con2 .dl{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 30px;
}
.con2 .dl .dd{
    width: 50%;
    margin-top: 30px;
    padding-right: 20px;
}
.con2 .dl .dd .txt{
    padding-left: 28px;
}
.con2 .dl .dd:first-child{
    width: 100%;
    border-bottom: 1px solid #dedede;
    padding-bottom: 35px;
    margin-top: 0;
}
.con2 .dl .dd:first-child .txt{
    background: url(/static/images/contact/address.jpg) left top no-repeat;
}
.con2 .dl .dd:nth-child(2) .txt{
    background: url(/static/images/contact/tel.jpg) left top no-repeat;
}
.con2 .dl .dd:nth-child(3) .txt{
    background: url(/static/images/contact/email.jpg) left top no-repeat;
    
}
.con2 .dl .dd:nth-child(2) {
    border-right: 1px solid #dedede;
    width: 43%;
}
.con2 .dl .dd:nth-child(3){
    display: flex;
    justify-content: flex-end;
}
.con2 .dl .dd span{
    font-size: 1.4em;
    color: #888888;
    margin-bottom: 12px;
    display: block;
}
.con2 .dl .dd p{
    font-size: 1.6em;
}

.con_faq{
    background: url(/static/images/contact/con_faq_bg.jpg)  center bottom no-repeat #fff;
    padding-bottom: 540px;
    padding-top: 80px;
}
.con_faq .box{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 100px;
}
.con_faq .box .dot{
    background: url(/static/images/contact/faq_bg.jpg) bottom right no-repeat #fff;
    border-radius: 10px;
    width: calc(50% - 110px);
    margin-bottom: 72px;
    padding:0  60px 60px 60px;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.1) ;
-moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.1)  ;
-webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.1)  ;
}
.con_faq .box .dot .img{
    width: 140px;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #dedede;
    border-radius: 10px;
    margin-top: -20px;
    margin-bottom: 33px;
}
.con_faq .box .dot h4{
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 20px;
}
.con_faq .box .dot:nth-child(2n){
    margin-top: -135px;
    margin-bottom: 205px;
}

.con_faq .box .dot:hover{
    background: url(/static/images/contact/faq_hover_bg.jpg) bottom right no-repeat #fff;
}
.con_faq .box .dot:hover .img{
    background-color: #d6b77e;
} */