/* Minimal reset */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}


@font-face {
	font-family: 'Inter';
	src: url('./Inter-VariableFont_opsz,wght.ttf') format('truetype');

	font-style: normal;
}


html, body {
  height: 100%;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5;
  background: #fff;
  color: #002d44;
  font-family: Inter,Arial,Helvetica,sans-serif, ui-sans-serif, -apple-system, system-ui, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"
}

/* 常见元素实用规则 */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

input, button, textarea, select {
  font: inherit;
}

button {
  background: none;
  border: none;
  cursor: pointer;
}

/* 去掉列表默认样式（需要时可在具体 ul/ol 恢复）*/
ul, ol {
  list-style: none;
}
a{
    text-decoration: none;
    color: #002d44;
    
}
a:hover{
    transition: all 0.3s ease-in-out;
}

/* 表格默认 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

body{
    text-align: center;
}
/******************************************/
@font-face {
  font-family: "iconfont"; /* Project id 5008174 */
  src: url('//at.alicdn.com/t/c/font_5008174_zzo19knouz.woff2?t=1757754651642') format('woff2'),
       url('//at.alicdn.com/t/c/font_5008174_zzo19knouz.woff?t=1757754651642') format('woff'),
       url('//at.alicdn.com/t/c/font_5008174_zzo19knouz.ttf?t=1757754651642') format('truetype');
}

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

.icon-xinwen:before {
  content: "\e65a";
}

.icon-menu:before {
  content: "\e6c0";
}

.icon-time:before {
  content: "\e600";
}

.icon-close:before {
  content: "\e6d5";
}

.icon-search:before {
  content: "\e697";
}

.icon-right:before {
  content: "\eb8f";
}

.icon-tel:before {
  content: "\e627";
}

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

.icon-loc:before {
  content: "\e847";
}

/******************************************/
.header{
    height: 120px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 13;
}
.header2{
    height: 60px;
    background: #E1F5FE;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 120px;
    left: 0;
    width: 100%;
    z-index: 11;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color:#7f8587;
}
.header-block2{
    height: 60px;
}
.header-block{
    height: 120px;
    margin: 0 auto;
}
.mbig{
    max-width: 1800px;
    min-width: 1040px;
    width: 100%;
    margin: 0 auto;
}
.mdiv{
    width: 1120px;
    margin: 0 auto;
}
.header .mbig{height: 60px;padding:0 20px;box-sizing: border-box;}
.flex-between{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header .logo{height: 44px;display: block;    position: relative;
    top: 20px;}
.header .logo img{height: 80%;}
a{transition: all .2s ease-out;}
.header .nav ,.header .nav a{color: #abacae;font-size: 12px;}
.header .nav a:hover{color: #002d44;}
.header .nav{display: flex;gap: 30px;flex-wrap: nowrap;}
.header .nav .lang{position: relative;}
.header .nav .lang .drop{position: absolute;left: 50%;top:100%;transform: translateX(-50%) translateY(20px);display: none;}
/* .header .nav .lang:hover .drop{display: block;} */
.header .nav .lang .drop a{width: 140px;text-align: center;height: 50px;line-height: 50px;display: block;
    background: #87DAFA;color: #002d44;
    border-bottom: 1px solid hsla(0,0%,100%,.3);
}
.header .nav .lang .drop a:hover{
    background: #9FE1FB;
}
.triangle-up {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;  /* 左边透明 */
  border-right: 10px solid transparent; /* 右边透明 */
  border-bottom: 10px solid #87DAFA;       /* 底边有颜色 */
  position: absolute;top: -10px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}
.triangle-down {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;  /* 左边透明 */
  border-right: 10px solid transparent; /* 右边透明 */
  border-top: 10px solid #87DAFA;       /* 底边有颜色 */
  position: absolute;bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}
.header .mmenu{height: 60px;line-height: 60px;display: flex;gap: 50px;
    justify-content: center;
    align-items: center;
}

.header .mmenu a{display: block;color: #002d44;position: relative;font-weight: 700;}
.header .mmenu a .triangle-down{display: none;}
.header .mmenu a:hover,
.header .mmenu a.active,
.header .mmenu a.active-x
{color: #87dafa;}
.header .mmenu a.menu-show .triangle-down{
    display: block;
    border-top-color: #fff;
}
.header-drop{display: none;}
.footer1{height: 314px;background: url(images/footbg-v1.jpg) no-repeat center right/cover;text-align: left;
}
.footer1 .flex-between{align-items: flex-start;}
.footer1,.footer1 a{color: #fff;}
.footer2{height:60px;line-height: 60px;background: #87dafa;text-align: left;}
.footer1 .follow{margin-right: 155px;}
.footer1 .ctitle{padding-top:70px;padding-bottom: 8px;font-size: 26px;}
.footer1 .xlink{display: block;line-height: 1.4;font-size: 16px;display: flex;
align-items: center;}
.footer1 .xlink .iconfont{font-size: 20px;position: relative;top: 2px;}
/* .footer1 .xlink::before{content: ' > ';} */
.footer1 .xlink:hover span{
    text-decoration: underline;text-underline-offset: 4px;
}
.footer2 a{margin-left: 8px;}
.footer2 a:hover{text-decoration: underline;text-underline-offset: 4px;}

.contact-page{
    background: url(images/contactbg.png) #e1f4fe no-repeat center 10%/80% auto;
}
.contact-page .contact-title{padding:100px 0 60px 0;font-size: 56px;}

.contact-page .tab-item{
    width: 545px;height: 60px;line-height: 60px;
    background: #87DAFA;
    margin-bottom: 130px;position: relative;
    transition: all .2s ease-out;
}
.contact-page .tab-item.active .triangle-down{
    display: block;
}

.contact-page .tab-item .triangle-down{
    display: none;
    transition: all .2s ease-out;
}

.contact-page .tab-item:hover,.contact-page .tab-item.active{
    color: #fff;
    background: #002d44;
}
.contact-page .tab-item:hover .triangle-down,.contact-page .tab-item.active .triangle-down{
    border-top-color: #002d44;
}





.contact-page .contact-content.contact-content1{
    display: block;
}
.contact-page .contact-content{
    display: none;
    padding-bottom: 80px;
    min-height: 300px;
    text-align: left;
    font-size: 16px;
}

.contact-page .contact-content strong{
    font-size: 20px;
}

.contact-page .contact-content .flex-between{
    gap: 30px;
}
.contact-page .contact-content .flex-between>div{
    flex: 1;
    margin-bottom: 30px;
}
.contact-page .contact-content .flex-between label{
    display: block;
}
.contact-page .contact-content .flex-between .input{
    border:0;background: #fff;display: block;
    width: 100%;height: 50px;line-height: 50px;
    box-sizing: border-box;
    padding:0 10px; margin-bottom: 4px;
}
.contact-page .contact-content .flex-between .btn{
    margin:0 auto;max-width: 200px;text-align: center;
    background-color: #87dafa;display: inline-block;
    margin-top: 40px;cursor: pointer;
}
.contact-page .contact-content .flex-between .btn:hover{
    background-color: #002D44;
    color: #fff;
}
.contact-page .contact-content3-board{
    background: #fff;
    padding: 60px 0;text-align: center;
    font-size: 30px;line-height: 60px;
}
.contact-page .contact-content3-board .iconfont{
    font-size: 30px;
}
.header-drop{
    box-sizing: border-box;
    background: #e1f4fe;
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12;
    padding-top:120px;
}
.header-drop-body{display: none;}
.header-drop-body .flex-between{
    gap: 30px;
}
.header-drop-body .header-drop-body-right{
    width: 270px;flex-grow: 0;flex-shrink: 0;
    
}
.header-drop-body-right-img{
    width: 100%;
    height: 180px;
    background-size: cover;
    background-position: center center;
}
.header-drop-body-right-title{
    font-size: 12px;
    line-height: 20px;
    color: #abacae;
}
.header-drop-body-right-title span{
    width: 240px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.header-drop-body-right-title::after{
    content: '>';
}
.aifirst{align-items: flex-start;}
.header-drop-menu-wp{height: 90px;line-height: 90px;
display: flex;
justify-content: center;
align-items: center;
gap: 60px;
border-bottom: 1px solid #002d44;
margin-bottom: 40px;
}
.header-drop-menu-wp a{
    font-weight: 700;
    color: #002d44;position: relative;
}
.header-drop-menu-wp a .triangle-down{
    display: none;
}
.header-drop-menu-wp a.active{
    text-decoration: underline;text-underline-offset: 4px;
}
.header-drop-menu-wp a.active .triangle-down{
    display: block;border-top-color: #002d44;
}
.header-drop a.close{
    position: absolute;
    top: 140px;
    right: 20px;
    
}
.header-drop a.close .iconfont{
    font-size: 30px;
}
.header-drop .mdiv{
    text-align: left;
}

.header-drop .header-drop-t1{
        font-size: 24px;
    width: 600px;
    line-height: 40px;
}

.header-drop-news .header-drop-t1{
    width: 690px;
}
.header-drop .header-drop-btn1{
    display: inline-block;width: auto;
    height: 50px;line-height: 50px;
    text-align: center;
    background: #87dafa; 
    padding:0 30px;
    margin-top: 20px;
}

.header-drop .header-drop-bottom{
    font-size: 16px;line-height: 100px;
    color:#fff;
    background: #002D44;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    z-index: 13;text-align: center;
}
.job-show-page{
    text-align: left;
}
.job-show-title{
    padding:100px 0 60px 0;
    font-size: 60px;
}
.job-show-page .flex-between{margin-bottom: 100px;gap: 10px;}

.job-show-top-left,
.job-show-top-right,
.job-show-bottom-left,
.job-show-bottom-right{
    flex: 1;
}
.job-show-top-right{
    box-sizing: border-box;
    padding-left: 50px;
    color: #111;
}

.job-show-top-left p:last-child{
    height: 50px;line-height: 50px;
    display: block;
    margin-left: 70px;
    padding:0 70px;
    background: #E1F4FE;
    color: #111;

}
.job-show-bottom-left{
    color: #111;
}
.job-show-bottom-left strong{
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
}
.job-show-botttom{
    padding-bottom: 60px;
    text-align: center;
}

.job-show-botttom .welcome{
    font-size: 40px;
    padding-bottom: 20px;
}
.job-show-botttom .btn{
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #87dafa; 
    display: block;
    width: 120px;
    margin: auto;
}
.job-show-botttom .btn:hover{
    background: #002d44;
    color: #fff;
}
.job-page{text-align: left;
background-color: #E1F4FE;padding-bottom: 100px;}
.job-page-welcome{
    height: 345px;display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 120px;
    background: url(images/jobbg.jpg) no-repeat center center/cover;
}
.job-page-welcome-title{
    color: #fff;
    font-size: 66px;
}
.job-page-search-bar{
    height: 50px;line-height: 50px;
    display: flex;
    justify-content: flex-start;
    gap: 20px;margin-bottom: 40px;
}
.job-page-search-bar-input{
    background: #fff;padding:0 10px 0 50px;
    position: relative; 
    width:620px;box-sizing: border-box;
}
.job-page-search-bar-input .iconfont{
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    
}
.job-page-search-bar-input input{
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    border:0;display: block;
    width: 100%;
}
.job-page-search-bar-btn{
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #87dafa; 
    display: inline-block;
    flex-grow: 0;

    width: 120px;
}
.job-page-search-bar-btn:hover{
    background: #002d44;
    color: #fff;
}
.job-page-total{
    line-height: 60px;
    padding:0 30px;
    background: #fff;
}
.job-page-list{
    background: #fff;margin-bottom: 20px;
    padding:10px 30px 30px 30px;
    line-height: 2;
}
.job-page-list-title{
    line-height: 60px;
    font-weight: 700;
    text-decoration: underline;text-underline-offset: 4px;
    font-size: 16px;
}
.job-page-list-addr,
.job-page-list-time{
   padding-left: 40px;position: relative;
   left: -10px;color: #abacae;
}

.job-page-list-addr .iconfont,
.job-page-list-time .iconfont{
    position: absolute;
    top: 0;color: #abacae;
    left: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.job-page-list-time .iconfont{
    transform: scale(.8);
}
.job-page-list-item.flex-between{
    align-items: flex-start;
}
.job-page-list-item-v{flex: 1;color: #111;}
.job-page-list-item-v-t{
    font-size: 16px;
    line-height: 30px;
    color: #002D44;
    font-weight: 700;
}
.job-page-tel{display: flex;
    justify-content: center;
    align-items: center;
font-size: 20px;gap: 10px;}
.job-page-tel .iconfont{
    font-size: 30px;
}

.news-page-header{
    padding-top:100px;
    padding-bottom: 70px;
    text-align: left;
}
.news-page-header .t1{color: #111;
    font-size: 56px;line-height: 80px;
}
.news-page-header .t2{
    font-size: 30px;line-height: 40px;
}

.news-year-wp{
    height: 170px;
    background: #002d44;
    display: flex;
    justify-content: center;
    align-items: center;
}
.news-year-wp .mdiv{
background: #fff;
padding:0 10px;
}
.news-year-select{
    height: 50px;line-height: 50px;
    border:0;
    display: block;
    width: 100%;
}

.news-page{
    background-color: #E1F4FE;
}
.news-year-show{
    line-height: 130px;
}
.news-list{padding-bottom: 50px;}
.news-list-item{
    display: block;
    background: #fff;

    margin-bottom: 1px;
    padding:40px 120px;
    text-align: left;
}
.news-list-item-time{
    color: #7f8587;
    margin-bottom: 10px;
}
.news-list-item-title{
    font-size: 24px;
    line-height: 30px;
}
.news-list-item:hover .news-list-item-title{
    color: #87DAFA;
}
.news-show-page .news-list-item:hover .news-list-item-title{
    color: #111;
}
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
    flex-wrap: wrap;
}

.pagination a, .pagination span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    margin: 0 5px;
    padding: 0 12px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    transition: all 0.3s ease;
}

.pagination a {
    color: #3498db;
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
}

.pagination a:hover {
    background-color: #3498db;
    color: white;
    border-color: #3498db;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(52, 152, 219, 0.3);
}

.pagination .current {
    background-color: #3498db;
    color: white;
    border: 1px solid #3498db;
    font-weight: 600;
    box-shadow: 0 4px 8px rgba(52, 152, 219, 0.2);
}

.news-show-page .news-list{
    padding: 20px 0;
}
.news-show-page .news-list-item{
   

}

.news-show-page .news-list-item-title{
    margin-bottom: 20px;
}
.news-show-page .news-list-item-time{
    
    margin-bottom: 40px;
}
.news-list-item-content{line-height: 2; min-height: 300px;color: #111;}

.news-show-page .news-list-item-title,
.news-show-page .news-list-item-time{
    text-align: center;
}
.about-page-welcome{
    color: #fff;
    height: 350px;background: url(images/about-v1.png) #002d44 no-repeat 10% bottom/874px auto;
}
.about-page-welcome-bg{
    background: #002d44;
}

.about-page-welcome .mdiv{
    padding-top: 100px;font-size: 60px;text-align: left;
}
.about-page-t1{
    padding: 120px 0 100px 0;
    font-size: 30px;text-align: left;
}
.about-page-t2{
    padding-bottom: 60px;
}
.about-page-t2-left{
    position: relative;
}
.about-page-t2-left .images{
    position: absolute;
    width: 100px;height: 70px;
    line-height: 70px;
    text-align: center;
    background: #E1F4FE;
    color: #111;
    top: -35px;left: 0;
}
.about-page-t2-left-img{
    width: 555px;
    height: 310px;
}
.about-page-t2-left-title{
    margin-left: 100px;
    background: #E1F4FE;
    padding:30px 30px 30px 100px;
    height: 120px;
    line-height: 30px;overflow: hidden;
    box-sizing: border-box;
    font-size: 16px;text-align: left;
    position: relative;
    color: #111;

}
.about-page-t2-left-title span{
    position: absolute;
    top: 30px;left: 30px;
    width: 80px;height: 30px;
    line-height: 30px;
    font-weight: 700;
}
.about-page-t2 .swiper{
    width: 555px;
    height: 430px;z-index: 0;
}
.about-page-t2.flex-between{
    align-items:flex-start;
    gap: 50px;
}

.about-page-t2-right{
    text-align: left;
    font-size: 16px;line-height: 30px;
    color: #111;
}

.about-page-t3{
    background: #E1F4FE;
    padding:60px 0;text-align:left;
}
.about-page-t3-title{font-size: 24px;font-weight: 700;
position: relative;margin-bottom: 80px;color: #111;}
.about-page-t3-title::after{
    content: '';
    display: block;
    width: 80px;height: 6px;
    background: #87dafa;
    position: absolute;
    bottom: -10px;
    left: 0;
}
.about-page-t3-content-item{flex: 1;}
.about-page-t3-content-item1{font-size: 20px;color: #111;}

.about-page-t3-content-item2{line-height: 100px;font-size: 60px;}

.about-page-t3-content-item3{color:#69a2c2;font-size: 17px;}

.about-page-t4{
    padding: 60px 0;
    font-size: 18px;line-height: 30px;
    text-align: left;color: #111;
}
.about-page-t5{
    background: #E1F4FE;
    padding:100px 0;text-align:left;
}
.about-page-t5-title{
    font-weight: 700;
    margin-bottom: 60px;
    font-size: 20px;
}
.about-page-t5-content{
    flex-wrap: wrap;
}
.about-page-t5-content-item{
    width:360px;margin-bottom: 64px;
    position: relative;
    background-size: cover;
    height: 200px;
    
}
.about-page-t5-content-item:hover::before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;left: 0;
    background: rgba(0,0,0,0);
    transition: all 0.3s ease-in-out;
}
.about-page-t5-content-item:hover::before{
    
    background: rgba(0,0,0,0.2);
}
.about-page-t5-content-item-title{
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 314px;
    height: 60px;
    line-height: 60px;
    text-align: left;
    padding:0 30px;overflow: hidden;
    box-sizing: border-box;
    background: #fff;
    font-size: 20px;
}
.about-page-t5-content-item:hover .about-page-t5-content-item-title{
    color: #87DAFA;
}
.about2-page-welcome{
    height: 350px;
    display: flex;
    justify-content:center;
    align-items: center;
    background: url(images/about2.jpg) no-repeat center center/cover;
}
.about2-page-welcome .mdiv{
    font-size: 60px;
    color: #fff;
    text-align: left;
}
.about2-page-title{
    padding-top:110px;
    padding-bottom: 90px;
    font-size: 26px;
    text-align: left;
}
.about2-page-content-right{
    width: 362px;
    height: 162px;
    background:url(images/logo3.png) no-repeat center center/100% auto;
    flex-shrink: 0;
    margin-left: 110px;
}
.about2-page-content-left{
    font-size: 16px;line-height: 26px;
    text-align: left;color: #111;
}
.about2-page-content{
    margin-bottom: 140px;
}
.about2-page-t3{
    background: #002d44;
    text-align: left;
    color: #fff;
    font-size: 18px;

}
.about2-page-t3-t1{
    padding-top:80px;
    padding-bottom: 35px;
    font-weight: 700;
    font-size: 18px;
}
.about2-page-t3-t2{
    padding-bottom: 80px;
    font-size: 16px;
}

.about2-page-t4-item{width: 540px;
height: 310px;position: relative;
margin-bottom: 120px;text-align: left;
box-sizing: border-box;padding:10px;

    background-color: #d1e7f1;
}
.about2-page-t4-item-title{
    position: absolute;
    left: 0;top:242px;
    height: 110px;width: 505px;
    line-height: 110px;
    font-size: 22px;
    font-weight: 700;
    padding-left: 30px;
    box-sizing: border-box;
    background: #fff;
}
.about2-page-t4-item-content{
    background-position: center top;
    background-size: auto 220px;
    background-repeat: no-repeat;
    background-color: #d1e7f1;
    width: 100%;height: 100%;

}
.about2-page-t4{
    background: #e1f5fe;
    padding-top:80px;
}
.about2-page-t4 .flex-between{
    flex-wrap: wrap;
}


.about3-page-welcome{
    height: 350px;
    display: flex;
    justify-content:center;
    align-items: center;
    background: url(images/about3.jpg) no-repeat center center/cover;
}
.about3-page-welcome .mdiv{
    font-size: 60px;
    color: #fff;
    text-align: left;
}
.about3-page-t1{
    padding-top: 120px;
    padding-bottom: 120px;
    text-align: left;
}
.about3-page-t1-t1{
    font-size: 30px;
    margin-bottom: 80px;
}
.about3-page-t1-t2{
    line-height: 28px;color: #111;
}
.about3-page-t2{
    background: #e1f4fe;
    padding:80px 0;
    text-align: left;
}
.about3-page-t2-t1{
    margin-bottom: 40px;
    font-size: 16px;
    font-weight: 700;
    margin-right: 100px;
    cursor: pointer;
}
.about3-page-t2-t1.active{
    text-decoration: underline;text-underline-offset: 6px;
}
.about3-page-t2-t1-wp{
    display: flex;
    justify-content: flex-start;
}
.about3-page-t2 .flex-between{
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
}
.about3-page-t2-item{
    width: 346px;
    height: auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #d1e7f1;
    background-position: center center;
  
}
.header-drop-menu-icon{
    width: 80px;
    height: 80px;
    border:2px solid #7b929f;
    border-radius: 80px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50px auto;
    position: relative;
    top:20px
}
.header-drop-menu-icon:hover{
    transition: all 0.3s ease-in-out;
    transform: scale(1.1);
}
.header-drop-menu-icon::before{
    content: '';
    width: 72px;
    height: 72px;
    border:1px solid #7b929f;
    border-radius: 72px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.active .header-drop-menu-icon{
    background-color: #002d44;
}
.header-drop-menu-wp-product{
    height: 190px;
}
.header-drop-menu-wp-product a{
    height: 190px; display: block;
        display: flex
;
font-size: 12px;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.header-drop-p1{
    font-size: 20px;
}

.header-drop-product .header-drop-body .flex-between{
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}
.header-drop-product .header-drop-body .header-drop-p2{
    width: 30%;flex-shrink: 0;
    flex-grow: 0;
    margin-top:14px
} 
.header-drop-p1 ,.header-drop-p2 a{
    position: relative;margin-left:20px;
}
.header-drop-p1 .iconfont,
.header-drop-p2 a .iconfont{
    position: absolute;
    right:100%;top: 50%;
    transform: translateY(-50%) scale(1.4);
}

.product-page-t1{
    font-size: 60px;
    padding-top: 60px;
    padding-bottom: 40px;
    text-align: left;
}
.product-page-t2{
    background-size: cover;
    height: 467px;
    box-sizing: border-box;
    padding-top: 63px;
    margin-bottom: 100px;
}
.product-page-t2 .mdiv{
    height: 344px;
    background: #fff;
    padding:30px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
.product-page-t2-t1{
    font-size: 40px;line-height: 50px;
}
.product-page-t2-t2{
    font-size: 18px;
    line-height: 30px;
}
.product-page-t2-t3{
   display: inline-block;width: auto;
    height: 50px;line-height: 50px;
    text-align: center;
    background: #87dafa; 
    padding:0 30px;
}
.product-page-t2-t3:hover{
    background: #002D44;
    color: #fff;
}

.product-page-t3{
    position: relative;
    margin-bottom: 120px;
}
.product-page-t3-t1{
    font-weight: 700;
    position: absolute;
    width: 180px;
    height: 70px;
    text-align: center;
    left: 0;top: -35px;
    line-height: 70px;background: #87dafa;

}
.product-page-t3 .flex-between{
    gap:10px;position: relative;
}
.product-page-t3-b{
    flex: 1;
    height: 240px;
    background: #e1f5fe;
    padding:60px 40px 40px 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    text-align: left;
}
.product-page-t3-b-1,
.product-page-t3-b-3{
    font-size: 18px;color: #111;
}

.product-page-t3-b-2{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items:center;
    font-size: 32px;
}
.product-page-t3-b-2-t2{
    position: relative;top: 10px;
}
.product-page-t3-b-2-t1{
    font-size: 60px;
    margin-right: 10px;
}
.product-page-t4{
    padding-bottom: 120px;
}
.product-page-t4 .mdiv{
    position: relative;
}
.product-page-t4 .mdiv .flex-between{
    align-items: flex-start;
}
.product-page-t4-t1{
    position: absolute;
    text-align: left;
    left: 0;top: -56px;
    font-weight: 700;
    color: #111;
}
.product-page-t4-right{width:430px;
    font-size: 16px;
font-size: 20px;line-height: 30px;text-align: left;color: #111;}
.product-page-t4-left{
    width: 564px;
    height: 550px;
    position: relative;
}
.product-page-t4-left-img{
    height: 400px;width:100%;
    background-size: cover;
}
.product-page-t4-left-box{
    padding: 35px 35px 35px 90px ;
    text-align: left;
    background:
    url(images/q.png) #e1f5fe no-repeat 20px 35px; 
    
    position: absolute;
    bottom: 0;right: 0;
    height: 200px;width: 450px;
}
.product-page-t4-left-box-t1{
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;color: #111;
}
.product-page-t4-left-box-t2{
    line-height: 16px;
    font-size: 12px;
    color:#abacae;
}

.product-page-t5{
    background-color: #e1f5fe;
    padding-top: 60px;
    padding-bottom: 60px;
}
.product-page-t5-t1{
    padding-bottom: 40px;
    font-weight: 700;
}
.product-page-t5 .flex-between{
    flex-wrap: wrap;

}
.product-page-t5-b{
    width: 364px;
    height: 322px;position: relative;
    display: block;
}
.product-page-t5-b-img{
    width: 100%;
    height: 190px;
    background-size: cover;
    position: relative;
}
.product-page-t5-b:hover .product-page-t5-b-img::before{
    background: rgba(0,0,0,0.2);
    z-index: 1;content: ''; display: block;
    position: absolute;
    top: 0;left: 0;
    width: 100%;
    height: 100%;

}
.product-page-t5-b-box{
    position: absolute;
    left: 0;bottom: 0;
    height: 150px;
    padding:40px 20px 0 20px;
    background: #fff;
    text-align: left;
    box-sizing: border-box;
    margin-bottom: 20px;
    width: 312px;z-index: 2;
}
.product-page-t5-b-box-t1{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
}
.product-page-t5-b-box-t2{
    color: #111;
}
.product-page-t5-b:hover .product-page-t5-b-box-t1{
    color: #87DAFA;
}

.product-page-t5-b-img::after{
    width: 52px;
    height: 50px;
    content: '';
    position: absolute;

    right: 0;bottom: -50px;
    background:url(images/r4.png) #87dafa no-repeat center center;
}

.product-page-t5-b:hover .product-page-t5-b-img::after{
    background-color: #f6f3e9;
}
.product-page-t6-t1{
    padding-top: 80px;
    padding-bottom: 20px;
    font-size: 30px;
}
.product-page-t6-t2{
    display: block;
    width: 130px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    background: #87dafa;
    margin: 0 auto 80px auto;
}
.product-page-t6-t2:hover{
    background: #002D44;
    color: #fff;
}
.header2 span,.header2 span a{color: #002d44;}
.product2-page-t1{
    padding: 30px 0 50px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    color: #002d44;
}
.product2-page-t1-t1{
    width: 40px;
    height: 40px;
    background-size: 80% auto;
    margin-right: 10px;
    border:1px solid #002d44;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
} 
.product2-page-t2{text-align: left;font-size: 60px;}
.product2-page-t1-t3{
    color: #7f8587;
}
.product2-page-t1-t4{
    display: block;
    width: 130px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #002d44;
    background: #87dafa;
    margin-left: 40px;
}
.product2-page-t1-t4:hover{
    background: #002D44;
    color: #fff;
}

.product2-page-t1x{
    margin-top:20px;
    margin-bottom: 20px;
    padding:0
}
.product2-page-t3{background: #e1f5fe;
padding:60px 0}
.product2-page-t3 .flex-between{
    align-items: flex-start;
}
.product2-page-t3-right{width:450px;min-height: 500px;
background: #fff;
padding:50px 40px;text-align: left;line-height: 30px;
/* font-size: 18px;line-height: 28px; */
color: #111;
}
.product2-page-t3-right strong{
    /* font-size: 26px;line-height: 40px; */
    display: inline-block;
    /* margin-bottom: 20px; */
    font-weight: 700;
}
.product2-page-t3-left{
    width:650px;
}
.product2-page-t3-left .swiper{
    width:650px;height: 420px;z-index: 0;
}
.product2-page-t3-left .swiper-slide{
    background-size: cover;
    background-repeat: no-repeat;
}
.swiper-title .swiper-title-item{
    display: none;
}
.swiper-title{border-bottom: 1px solid #d1dfe6;
width: 100%;text-align: left;margin-top: 25px;line-height: 40px;
height: 40px;overflow: hidden;color: #111;}
.swiper-img{
    display: flex;margin-top: 20px;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.swiper-img .swiper-title-item{
    width: 80px;height: 70px;
    background-size: cover;
    border: 2px solid #e1f5fe;
}
.swiper-img .swiper-title-item.active{
    border-color:  #fff;
}

.product2-page-t4{
    padding: 60px 0;
    background: #002d44;
    color: #fff;
    text-align: left;
}
.product2-page-t4-t1{
    font-weight: 700;
}
.product2-page-t4-t2.flex-between{
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 20px;
}
.product2-page-t4-t2-item{
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding-left: 25px;
    line-height: 40px;
}
.product2-page-t4-t2-item::after{
    content: '';
    position: absolute;
    left: 0;top: 20px;transform: translateY(-50%);
    width: 4px;height: 4px;
    border-radius: 4px;
    background: #fff;
}




.product2-page-t5{
    padding: 60px 0;
    color: #002d44;
    text-align: left;
}
.product2-page-t5-t1{
    font-weight: 700;
}
.product2-page-t5-t2.flex-between{
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #111;
}
.product2-page-t5-t2-item{
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding-left: 25px;
    line-height: 40px;
}
.product2-page-t5-t2-item::after{
    content: '';
    position: absolute;
    left: 0;top: 20px;transform: translateY(-50%);
    width: 4px;height: 4px;
    border-radius: 4px;
    background: #002d44;
}



.product2-page-t6{
    padding: 60px 0;
    background: #002d44;
    color: #fff;
    text-align: left;
}
.product2-page-t6-t1{
    font-weight: 700;
    margin-bottom: 40px;
}
.product2-page-t6-item{
    margin-bottom: 40px;
    align-items: flex-start;
}
.product2-page-t6-item-img{
    width: 364px;height: 240px;
    background-size: cover;
    margin-right: 100px;

}
.product2-page-t6-item-box{
    flex-grow: 1;
}
.product2-page-t6-item-box-t1{
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 2em;
    position: relative;
}
.product2-page-t6-item-box-t1::before{
    content: '';
    position: absolute;
    left: -30px;top: 1em;transform: translateY(-50%);
    width: 4px;height: 4px;
    border-radius: 50%;
    background: #fff;
}
.home-page-t1{
    background: #002d44;
    height: 45vw;min-height: 550px;
    padding-bottom: 100px;box-sizing: content-box;
}

.home-page-t1 .swiper-slide{display: flex;
justify-content: flex-start;
align-items: center;
}
.home-page-t1-left{flex-grow: 1;text-align: left;height: 45vw;min-height: 550px;position: relative;}
.home-page-t1 .p1,
.home-page-t1 .p2{flex-grow: 0;flex-shrink: 0;}
.home-page-t1-right{background-size: cover;height: 45vw;min-height: 550px;
background-position: left center;background-repeat: no-repeat;

}
.home-page-t1-left-t1{padding-top: 80px;font-size: 50px;line-height: 56px;color: #87dafa;font-weight: 700;padding-right: 10px;}
.home-page-t1-left-t2{color: #fff;font-size: 18px;line-height: 25px;padding-top: 25px;padding-bottom: 35px;font-weight: 700;}

.home-page-t1-left-t3{
    display: block;
    width: 130px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #002d44;
    background: #87dafa;
    font-weight: 700;
}
.home-page-t1{
    position: relative;
    padding-bottom: 56px;
}
.home-page-t1 .swiper{z-index:0}
.home-page-t1-left-btn-wp{
    position: absolute;
    left: 0;
    bottom:200px;
    width: 100%;
    height: 46px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    color: #fff;
    z-index: 1;
}

.home-page-t1-left-btn-l{
    width: 46px;height:46px;
    background: url(images/z3.png) no-repeat left top;
}
.home-page-t1-left-btn-l:hover{
    background-image: url(images/z4.png);
}
.home-page-t1-left-btn-r{
    width: 46px;height:46px;
    background: url(images/z3.png) no-repeat right top;
    margin-right: 10px;
}
.home-page-t1-left-btn-r:hover{
    background-image: url(images/z4.png);
}

.home-page-t2{
    background: #002d44;
    padding:80px 0;
    color: #fff;
    text-align: left;
}
.home-page-t2 a{color: #fff;}
.home-page-t2-left{width: 340px;position: relative;height: 490px;}
.home-page-t2-left-t1{font-size: 20px;padding-bottom: 20px;
    font-weight: 700;position: relative;}
.home-page-t2-left-t1::before{
    content: '';position: absolute;
    left: 0;bottom:6px;
    width: 80px;height: 4px;
    background: #87dafa;display: block;
}
.home-page-t2-left-t2{padding:30px 0 45px 0;line-height: 20px;}
.home-page-t2-left-t3{
    font-size: 20px;margin-bottom: 30px;
}
.home-page-t2-left-t4-item{
    line-height: 30px;margin-bottom: 30px;
    padding-left: 40px;position: relative;
}
.home-page-t2-left-t4-item::before{
    content: '';
    position: absolute;
    left: 0;top: 0;
    width: 30px;height: 30px;

    background: #fff;
}
.home-page-t2-left-t4-item.active::before{
    background:#87dafa 
 
}


.home-page-t2-left-t5{
    position: absolute;
    left: 0;width: 100%;
    bottom: 0;
}
.home-page-t2-left-t5 a{
    font-size: 16px;font-weight: 700;
    text-decoration: underline;text-underline-offset: 4px;
}
.home-page-t2-left-t5 a:hover{
    text-decoration: none;
}
.home-page-t2-left-t5-btn{
    width: 92px;
}
.home-page-t2-left-btn-l{
    width: 45px;height:45px;
    transform: rotate(90deg);
    background: url(images/z3.png) no-repeat left top;
}

.home-page-t2-left-btn-l:hover{
    background-image: url(images/z4.png);
}
.home-page-t2-left-btn-r{
    width: 45px;height:45px;
    transform: rotate(90deg);
    background: url(images/z3.png) no-repeat right top;
    margin-right: 10px;
    
}
.home-page-t2-left-btn-r:hover{
    background-image: url(images/z4.png);
}
.home-page-t2-right .swiper-slide{
    display: block;color: #fff;
    box-sizing: border-box;
    position: relative;
    padding:20px;
    background: url(images/event.png) no-repeat center center/100% 100%;
}
.home-page-t2-right .home-page-t2-right-item-t1{
padding-top:30px;font-size: 50px;
}
.home-page-t2-right .home-page-t2-right-item-t2{
font-size: 25px;
}
.home-page-t2-right .home-page-t2-right-item-t3{
    position: absolute;
    left: 0;bottom: 10px;width: 100%;
    padding:0 20px;font-size: 14px;
    box-sizing: border-box;

}
.home-page-t2-right .home-page-t2-right-item-t4{
    display: none;
}
.home-page-t2-right .swiper-slide:hover{
    background: #fff;color: #002d44;
}
.home-page-t2-right .swiper-slide:hover .home-page-t2-right-item-t1{
    font-size: 30px;padding-top:10px;
}
.home-page-t2-right .swiper-slide:hover .home-page-t2-right-item-t2{
    font-size: 14px;
}
.home-page-t2-right .swiper-slide:hover .home-page-t2-right-item-t3{
    bottom: auto;top:120px;
}
.home-page-t2-right .swiper-slide:hover .home-page-t2-right-item-t4{
    height: 40px;height: 40px;display: block;
    position: absolute;
    left: 0;width: 100%;line-height: 40px;
    background: #87dafa;bottom: 0;
    color: #fff;text-align: center;
}
.home-page-t2-right .swiper2{
    width: 660px;height: 490px;
}

.home-page-t3{
    background: #002d44;
    padding:80px 0;
    text-align: left;
    color: #fff;
}

.home-page-t3-t1{font-size: 20px;padding-bottom: 20px;
    font-weight: 700;position: relative;}
.home-page-t3-t1::before{
    content: '';position: absolute;
    left: 0;bottom:6px;
    width: 80px;height: 4px;
    background: #87dafa;display: block;
}
.home-page-t3-t2{
    padding:60px 0 70px 0;
    font-size: 18px;
    font-weight: 700;
}
.home-page-t3-t4-item{width: 300px;font-size: 18px;}
.home-page-t3-t4{align-items: flex-start;height: 380px;}
.home-page-t3-t4-item-t1{padding-bottom: 10px;font-weight: 700;}
.home-page-t3-t4-item-tv{font-size: 70px;}
.home-page-t3-t4-item-t2{color: #87dafa;padding-bottom: 55px;
font-weight: 700;}
.home-page-t3-t4-item-t3{font-size: 14px;line-height: 24px;color: #fff;}
.home-page-t3-t3-wp{
    text-align: right;margin-top: 10px;
}
.home-page-t6 .home-page-t3-t3-wp{
    margin-top: 0;position: relative;
}
.home-page-t6 .home-page-t3-t3-wp a{
    color: #002D44;
    right: 0;
    top:-46px;position: absolute;
    line-height: 46px;
}
.home-page-t3-t3{
    font-size: 16px;text-decoration: underline;text-underline-offset: 4px;
    display: inline-block;font-weight: 700;color: #fff;
    position: relative;
    top: 30px;
}
.home-page-t3-t3:hover{
    text-decoration: none;
}

.home-page-t4-t4{
    margin:50px 0 80px 0;
}
.home-page-t4-left-t5-btn{
    width: 92px;
}
.home-page-t4-left-btn-l{
    width: 46px;height:46px;
    background: url(images/z3.png) no-repeat left top;
}
.home-page-t4-left-btn-l:hover{
    background-image: url(images/z4.png);
}
.home-page-t4-left-btn-r{
    width: 46px;height:46px;
    background: url(images/z3.png) no-repeat right top;
    margin-right: 10px;
    
}

.home-page-t4-left-btn-r:hover{
    background-image: url(images/z4.png);
}
.home-page-t4,.home-page-t6{
    background: #f6f3e9;
    padding:80px 0;
    color: #111;
    text-align: left;
}
.home-page-t4-t1{font-size: 20px;padding-bottom: 20px;
    font-weight: 700;position: relative;}
.home-page-t4-t1::before{
    content: '';position: absolute;
    left: 0;bottom:6px;
    width: 80px;height: 4px;
    background: #87dafa;display: block;
}
.swiper3{
    width: 100%;
    height: 510px;
    color: #002d44;
}
.swiper3 .swiper-slide{
    width: 366px;
    height: 510px;
    background-color: #fff;
}
.home-page-t4-img{
    width: 100%;
    height: 200px;
    background-size: cover;
}
.home-page-t4-a{
    display: inline-block;
    height: 20px;line-height: 20px;
    margin-left: 36px;
    margin-top: 36px;

}

.home-page-t4-date{
    color: #7f8587;
    padding:30px 36px 30px 36px;
}
.home-page-t4-title{
    font-size: 20px;
   line-height: 30px;
   height: 60px;overflow: hidden;
   padding: 0 36px;margin-bottom: 40px;
}
.home-page-t6 .home-page-t4-title{
    margin-top: 40px;margin-bottom: 10px
}
.home-page-t4-title2{
padding:0 36px;font-size: 16px;margin-bottom: 15px;
line-height: 25px;height: 125px;overflow: hidden;color: #111;
}
.home-page-t4-read{
    background: #87dafa;
    color: #002d44;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    margin-left: 36px;
}
.swiper3 .swiper-slide:hover{
    background: #E2F4FE;
  
}
.swiper3 .swiper-slide:hover .home-page-t4-read{
     background: #002d44;
    color: #fff;
}


.home-page-t5{
    background: #002d44;
    padding:80px 0;
    text-align: left;
}

.home-page-t5-t1{font-size: 20px;padding-bottom: 20px;
    font-weight: 700;position: relative;color: #fff;}
.home-page-t5-t1::before{
    content: '';position: absolute;
    left: 0;bottom:6px;
    width: 80px;height: 4px;
    background: #87dafa;display: block;
}
.home-page-t5-t2{
    font-size: 32px;
    font-weight: 700;
    padding:60px 0 40px 0;color: #fff;
}
.home-page-t5-t3{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;
}
.home-page-t5-t3-item{
    width: 265px;height: 50px;
    text-align: center;
    background: #87dafa;
    line-height: 50px;
    font-weight: 700;
}
.home-page-t5-t3-item:hover
,.header-drop.btn-change .header-drop-body a:hover
{
    background: #002d44;
    color: #fff;
}
.header-drop.btn-change2 .header-drop-body a:hover{
    text-decoration: underline;text-underline-offset: 4px;
}

.home-page-t1-left-t3:hover{
    background: #fff;
    color: #002d44;
}
.home-menu-wp{height: 65px;position: relative;
background: #002d44;}
.home-menu{
    position: absolute;
    left: 0;top: 0;
    width: 1120px;height: 65px;
    background: #002d44;
    transform: translateX(-50%);
    left: 50%;
}
.home-menu-fixed{
    top: 120px;z-index: 9;
    position: fixed;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.home-menu-right{
    width: 65px;
    height: 65px;
    display: block;
    background: url(images/up.png) #f6f3e9 no-repeat center center;
}
.home-menu-left{
    width:1036px;
    background: #87dafa;
}
.home-menu-left a{
    font-weight: 700;
    color: #002d44;
    line-height: 65px;flex: 1;
}
.home-menu-left a.active,.home-menu-left a:hover{
    background: #f6f3e9;
}
.mShow{display: none;}
.mobile-menu{display: none;}
@media (max-width: 768px) {
    .pcShow{display: none;}
    .mShow{display: block;}
    .mdiv,.mbig{width: 100%;max-width: 100%;min-width: 100%;box-sizing: border-box;
    padding: 0 .54rem;}
    /* .flex-between{flex-direction: column;} */
    .footer1{height: auto;padding-bottom: 120px;
    background-image: url(images/mfootbg.jpg);}
    .footer1 .ctitle{padding-top: 50px;font-size: 22px;}
    .footer1 .flex-between{
        flex-direction: column;
    }
    .footer2{height: auto;text-align: left;line-height: 2em;padding: .7rem 0;}
    .footer2 a{
        font-weight: 700;white-space: nowrap;
        margin-left: 0;
    }
    .footer2 .flex-between{
        align-items: flex-start;
    }
    .footer2 div{
        display: flex;
        justify-content:flex-start;
        align-items: center;
        flex-wrap: wrap;
        gap: 3%;
    }
    .footer2 div:first-child{font-size:90% ;}
    .header{
        height: 1.94rem;
    }
    .header .logo{height: 30%;top:auto}
    .header .logo img{height: 100%;}
    .header .nav,.header .mmenu{display: none;}
    .header .mbig{height: 100%;}
    .header-block{height: 3.13rem;}
    .contact-page{margin-top: 1.74rem;position: relative;padding:1.2rem 0;    background: url(images/contactbg.png) #e1f4fe no-repeat center 11.4rem / 140% auto;
}
    .contact-page .contact-title{padding: 0;position: absolute;left: .54rem;top:-1.74rem;font-size: 1rem;}
    .contact-page .tab-item{width: 100%;height: 1.3rem;line-height: 1.3rem;margin-bottom: 1.8rem;font-weight: 700;
    font-size: .54rem;}
    .contact-page .contact-content.contact-content2{display: block;}
    .contact-tab.mdiv{padding: 0;font-size: .34rem;}
    .contact-page .contact-content{font-size: .4rem;padding:0 .7rem}
    .contact-page .contact-content strong{font-weight: 700;font-size: .5rem;}
    .contact-page .contact-content.contact-content2 .flex-between{flex-direction: column;margin-bottom: 30px;}
    
    input,select {
    -webkit-appearance: none; /* 去掉 iOS 下的默认样式 */
    -moz-appearance: none;
        appearance: none;
    }
    .contact-page .contact-content.contact-content2 .flex-between>div{width: 100%;
    margin-bottom: 0;}
    .contact-page .contact-content .flex-between .input{height: 1.2rem;line-height: 1.2rem;border-radius: 0;}
    .contact-page .contact-content .flex-between select.input,
    select.news-year-select{
        background: url(images/aa2.png) #fff no-repeat 94% center/4% auto;
    }
    .contact-page .contact-content .flex-between .btn{
        height: 1.4rem;line-height: 1.4rem;width: 60%!important;
    }
    .contact-content.contact-content3{padding: 0;}
    .contact-page .contact-content3-board{font-size: 1rem;line-height: 2rem;}
    .header2,.header-block2{display: none;}
    .news-page-header{background: #fff;padding-top: 0;padding-bottom: 0;}
    .news-page-header .t1,.product-page-t1{font-size: 1rem;margin-bottom: .42rem;line-height: 1rem;color: #111;}
    .news-page-header .t2{font-size: .52rem;padding-bottom: 1rem;line-height: .8rem;}
    .news-year-wp .mdiv{box-sizing: border-box;padding:0 .54rem;background: transparent;}
    .news-year-select{background: #fff;padding:0 .54rem}
    .news-year-wp{height: auto;padding:1rem 0}
    .news-list{margin-top: .2rem;}
    .news-list-item{padding: .54rem;}
    .news-list-item-time{font-size: .3rem;}
    .news-list-item-title{font-size: .45rem;line-height: .65rem;}
    .news-show-page .news-list-item-title{font-size: .72rem;line-height: .9rem;}
    .product-page-t2 .mdiv{margin:0 .54rem;padding: .34rem;box-sizing: border-box;height: 7.12rem;
    width: 9.72rem;max-width: 9.72rem;min-width: 9.72rem;}
    .product-page-t2{height: 9.92rem;padding-top: 1.4rem;}
    .product-page-t2-t1{font-size: .7rem;line-height: 1rem;}
    .product-page-t2-t1 br{display: none;}
    .product-page-t2-t2{font-size: .42rem;line-height: .64rem;color: #111;}
    .product-page-t2-t2 br{display: none;}
    .product-page-t3 .flex-between{flex-direction: column;gap:1px;padding:0}
    .product-page-t3-b{width: 100%;    padding: 30px 40px;}
    .product-page-t3-b:nth-of-type(2){padding-top:75px}
    .product-page-t3-b-1, .product-page-t3-b-3{font-size: .48rem;
    height: 40px;line-height: 40px;}
    .product-page-t3-b-2-t2{font-size: 1rem;
        top: 0.13rem;}
    .product-page-t3-b-2-t1{font-size: 1.5rem;}
    .product-page-t4{margin-bottom: .5rem;}
    .product-page-t4-t1{left: 1.4rem;font-size: 16px;}
    .product-page-t4 .mdiv{padding:0}
    .product-page-t4 .mdiv .flex-between{    flex-direction: column-reverse;}
    .product-page-t4-right{padding:0 1.4rem;width: 100%;margin-bottom: .9rem; 
    line-height: .8rem;}
    .product-page-t4-left{width: 100%;height: 9.48rem;}
    .product-page-t4-left-img{height: 6.08rem;}
    .product-page-t4-left-box{
        width: 10.25rem;
    height: auto;
        padding:.52rem .52rem .4rem 2.2rem;
        background: url(images/q.png) #e1f5fe no-repeat .54rem .54rem/1.1rem auto;
    }
    .product-page-t4-left-box-t1{font-size: .5rem;line-height: .7rem;
    margin-bottom: .2rem;}
    .product-page-t4-left-box-t2{font-size: .33rem;line-height: .43rem ;}
    .product2-page-t5-t1{color: #111;}
    .product2-page-t5-t2-item{font-size: 106%;width: 100%;
            height: auto;
        line-height: .8rem;}
        .product2-page-t5-t2-item::after{
            top:.4rem;
        }
    .product-page-t5{padding: 40px 0;}
    .product-page-t5-t1{padding-bottom: 20px;}
    .product-page-t5-b-img{height:5.52rem ;background-color: #fff;}
    .product-page-t5-b-img::after{width: 1.35rem;height: 1.3rem;background-size: 20% auto;
    top:5.25rem;bottom: auto;background-image: url(images/r42.png);}
    .product-page-t5-b{width: 100%;height: 8.02rem;}
    .product-page-t5-b-box{width: 8.35rem;height: 3.22rem;padding:.6rem}
    .product-page-t5-b-box-t1{font-size: .56rem;line-height: .72rem;}
    .product-page-t5-b-box-t2{font-size: .4rem;line-height: .6rem ;}
    .product2-page-t1{margin-bottom: 1.08rem;}
    .product2-page-t1-t2{font-weight: 700;}
    .product2-page-t1-t4{width: 110px;height: 40px;line-height:40px;}
    .product2-page-t2{font-size: 1rem;
        margin-bottom: .42rem;
        line-height: 1rem;color: #111;}
    .product2-page-t1x{
        margin-bottom: .6rem;}
    .product2-page-t3{padding:.86rem 0}
    .product2-page-t3 .flex-between{padding:0;flex-direction: column;}
    .product2-page-t3-left{width: 100%;}
    .product2-page-t3-left .swiper{width: 100%;height: 7.2rem;}
    .product2-page-t3-left .swiper-slide{width: 100%!important;height: 7.2rem!important;}
    .product2-page-t3-left .swiper-title{margin: .72rem .54rem;        box-sizing: border-box;
        padding-bottom: .2rem;
        width: 9.72rem;font-size: .4rem;
        height: auto;line-height: .6rem;
    }
    .product2-page-t3-left .swiper-img{display: none;}
    .product2-page-t3-right{width: 9.72rem;margin: .54rem;padding: .54rem;min-height: auto;
    /* font-size: .4rem;line-height: .8rem; */
    line-height: .8rem;
}
    .product2-page-t3-right strong{
        /* font-size: .6rem;line-height: 1.2rem; */
        font-weight: 700;
        margin-bottom: 0;}
    .product2-page-t4-t2-item{width: 100%;font-size: 106%;}
    .job-page-welcome{height: 6.5rem;margin-top: -1.19rem;margin-bottom: 2rem;
    background-image: url(images/mjobbg.jpg)}
    .job-page-welcome-title{font-size: 1rem;}
    /* .job-page-search-bar,.job-page-total{display: none;} */
    .job-page-search-bar-input{width: 70%;}
    .job-page-search-bar-input input{font-size: 16px;}
    .job-page-list-title{font-size: 18px;}
    .job-page-list-addr, .job-page-list-time{
        padding-left: 30px;
        line-height: 1.7;
    }
    .job-page-list-addr .iconfont, .job-page-list-time .iconfont{
        top: -3px;
    }
    .job-page-list-item-v-t{color: #111;}
    .job-page-list-item.flex-between{flex-direction: column;}
    .job-page-list-item-v{margin-top: .66rem;font-size: 16px;line-height: 1.7;}

    .job-show-title{font-size: .9rem;margin-bottom: 1.5rem;}
    .job-show-top{flex-direction: column;margin-bottom: 0!important;}
    .job-show-bottom{flex-direction: column-reverse;background: #e1f4fe;padding: .54rem;}
    .job-show-page >.mdiv:last-child{padding: 0;font-size: .4rem;}
    .job-show-top-left p:last-child{width: 100%;height: 1.6rem;line-height: 1.6rem;padding:0 1.08rem;margin-left: 0;}
    .job-show-top-right{padding: 1.08rem;line-height: .8rem;}
    /* .job-show-top-right>*{font-size: .4rem!important;} */
    .job-show-bottom-left{background: #fff;padding:.54rem;font-size: .4rem; line-height: .8rem;}
    .job-show-bottom-left strong{font-size: .6rem;line-height: .8rem;}
    .job-show-botttom .welcome{font-size: .7rem;line-height: 1rem;padding: 0 .54rem;margin-bottom: .4rem;}
    .about-page{margin-top: -1.19rem;}
    .about-page-welcome.mbig{padding:0}
    .about-page-welcome .mdiv{padding:0 .54rem 0 .54rem;font-size: 1rem;
    line-height: 6.5rem;}
    .about-page-welcome{background-size:contain;background-image: url(images/mabout.jpg);
        background-position: center center;height: 6.5rem;
        background-color: #002d44;
    }
    .about-page-t1{padding-top: 2rem;padding-bottom: 2.2rem;font-size: .72rem;line-height: .9rem;}
    .about-page-t2.flex-between{padding: 0;flex-direction: column;}
    .about-page-t2 .swiper{width: 100%;height: 9.45rem;}
    .about-page-t2-left{height: 9.45rem;width: 100%;font-size: .4rem;}
    .about-page-t2-left-img{width: 100%;height: 6.06rem;}
    .about-page-t2-left .images{transform: scale(.9);transform-origin: left center;}
    .about-page-t2-left-title{margin-left: 0;width: 100%;height: 3rem;padding:1.1rem .54rem 0 .54rem;}
    .about-page-t2-left-title span{font-size: .4rem;line-height: 1.4rem;left: .54rem;top: 0;display: block;}
    .about-page-t2-right{margin:0 1.2rem 1.2rem 1.2rem;}
    .about-page-t4 .mdiv{padding:0 1.2rem ;}
    .about-page-t2-right>*,.about-page-t4 .mdiv>*{font-size: .4rem;line-height: .8rem;}
    .about-page-t3-title{font-size: .56rem;margin-bottom: 1.2rem;}
    .about2-page-t3-t1{font-size: 16px;}
    .about-page-t3-content{flex-direction: column;align-items: flex-start;gap:.9rem}
    .about-page-t3-content-item1,.about-page-t3-content-item3{font-size: .48rem;font-weight: 700;}
    .about-page-t3-content-item2{font-size: 1.7rem;line-height: 2.2rem;}
    .about-page-t5{padding:60px 0;}
    .about-page-t5-title{font-size: .56rem;margin-bottom: 1.2rem;}
    .about-page-t5-content-item-title{font-size: .6rem;;}

    .about2-page{margin-top: -1.19rem;}
    .about2-page-welcome{height: 6.5rem;
    background-image: url(images/mabout2.jpg);}
    .about2-page-welcome.mbig{padding:0}
    .about2-page-welcome .mdiv{padding:0 .54rem 0 .54rem;font-size: .9rem;line-height: 6.6rem;
    }
    .about2-page-content{flex-direction: column-reverse;padding-bottom: 1.5rem;margin-bottom: 0;}
    .about2-page-title{padding:2rem 0 2rem 0;font-size: .72rem;line-height: .9rem;}
    .about2-page-content-right{width: 7.8rem;margin:0 auto 1.5rem auto;}

    .about2-page-content-left>*{font-size: .4rem;line-height: .72rem;}
    .about2-page-t4-item-title{width: 8.3rem;
        font-size: .6rem;
        height: 2.4rem;top:5rem;
        line-height: 2rem;font-weight: normal;}
    .about2-page-t4-item{    width: 100%;
    height: 5.3rem;
    margin-bottom: 2.6rem;}
    .about2-page-t4-item-content{background-size: auto 4.4rem;}

    
    .about3-page{margin-top: -1.19rem;}
    .about3-page-welcome{height: 6.5rem;background-image: url(images/mabout3.jpg);}
    .about3-page-welcome.mbig{padding:0}
    .about3-page-welcome .mdiv{padding:0 .54rem 0 .54rem;font-size: .9rem;line-height: 6.6rem;}
    .about3-page-t1{padding: 0;}
    .about3-page-t1-t1{font-size: .72rem;padding:2rem 0;line-height: .9rem;margin-bottom: 0;}
        .about3-page-t1-t2{padding-bottom: 1rem;}
    .about3-page-t1-t2>*{font-size: .4rem;line-height: .8rem;}
    .about3-page-t2 .flex-between{display: flex!important;gap:18px}
    .about3-page-t2-t1{padding-top: 1.2rem;font-size: .4rem;    text-decoration: underline;
    text-underline-offset: 6px;}
    .about3-page-t2{padding: 0;}

    .home-page{margin-top: -1.19rem;}
    .home-page-t1 .p1{display: none;}
    .home-page-t1 .swiper-slide{flex-direction: column-reverse;}
    .home-page-t1 .p2{height: 8.76rem;width: 100%;}
    .home-page-t1-left{width: 100%;padding:1.2rem .54rem 1rem .54rem;height: 7rem;min-height:auto;}

    .home-page-t1-left-t1{padding: 0;font-size: .8rem;line-height: 1rem;}
    .home-page-t1-left-t2{margin:.6rem 0 1rem 0;font-size:18px;line-height: 22px;
    max-height: 66px;overflow: hidden;padding:0}
    /* .home-page-t1-left-t2 br{display: none;} */
    /* .home-page-t1-left-t3{margin-top: 10px;} */
    .home-page-t1-left-btn-wp >span{display: none;}
    .home-page-t1-left-btn-wp{top:3.5rem;display: flex;bottom: auto;
    justify-content: space-between;}
    .home-page-t1-left-btn-r{margin-right: 0;}
    .home-page-t1-left-btn-l,.home-page-t1-left-btn-r{
        width: 1.24rem;
        height: 1.3rem;
        background-size: 2.48rem 1.3rem;
    }
    .home-page-t1{height: auto;}
    .home-page-t1-right{height: 8.76rem;min-height: 8.76rem;}
    .home-page-t1  .swiper{height: 17.6rem;}
    .product2-page-t1-t3{font-size: 106%;}
    .home-menu-fixed{top:1.94rem;left: 0;
        transform: none;
    }
    .home-page-t1{margin-bottom: 0;padding-bottom: 0;}
    .home-page-t2{position: relative;}
    .home-page-t2>.flex-between{display: block;}
    .home-page-t2-left-t3,.home-page-t2-left-t4{display: none;}
    .home-page-t2{padding: 1.2rem 0 1rem 0;}
    .home-page-t2-left-t1,.home-page-t3-t1,.home-page-t4-t1,.home-page-t5-t1{
        font-size: .52rem;}
    .home-page-t2-left-t2{padding:.8rem 0 10.28rem 0;font-size: .4rem;line-height: .5rem;}
    .home-page-t2-left{height: 14.6rem;flex: 1;}
    .home-page-t2-right{position: absolute;top:4.8rem;width: 100%;padding: 0 .54rem;
    left: 0;}
    .home-page-t2-right .swiper-slide{width: 8.82rem;height: 8.82rem;}
    .news-show-page {margin-top: -1.19rem;}
    .home-page-t2-right .swiper2{width: 100%;height: 8.82rem;}
    .home-page-t2-right .home-page-t2-right-item-t3{font-size: .4rem;
    bottom: 40px;}
    .home-page-t2-left-t5{flex-direction: row-reverse;}
    .home-page-t2-left-btn-l,.home-page-t2-left-btn-r{transform: rotate(0deg);}
    .home-page-t2-left-t5 a{font-size: .3rem;}
    .home-page-t3{padding: 1.2rem 0 1rem 0;}
    .home-page-t3-t2{margin: .74rem 0 1.2rem 0;font-size: .4rem;padding: 0;}
    .home-page-t3-t4{flex-direction: column;height: auto;}
    .home-page-t3-t4-item-t3{display: none;}
    .home-page-t3-t4-item-t1,.home-page-t3-t4-item-t2{font-size: .4rem;}
    .home-page-t3-t4-item-t1{margin-bottom: 0;padding-bottom: 0;}
    .home-page-t3-t4-item-t2{margin-bottom: 1.2rem;padding-bottom: 0;}
    .home-page-t3-t4-item-tv{font-size: 1.6rem;}
    .home-page-t3-t3{margin-left: auto;font-size: .3rem;display: block;
        color: #fff;
        text-align: right;margin-bottom: 1rem;}
    .home-page-t3-t5{line-height: .6rem;margin-bottom: 40px;}
    .swiper3 .swiper-slide{width:8.85rem;height: 11.4rem;position: relative;}
    .swiper3{height: 11.4rem;}
    .home-page-t4 .mdiv,.home-page-t6 .mdiv{padding:0}
    .home-page-t4-img{height:6rem;}
    .home-page-t4-date{height: 1rem;}
    .home-page-t4-title{height: 2.3rem;}
    .home-page-t4-t1,.home-page-t4-left-t5-btn{margin-left: .54rem;}
    
    .home-page-t4-t4{  margin: .8rem 0;
    padding: 0 .54rem;}
    .home-page-t4-a{
        margin:.5rem .8rem .4rem .8rem;
    }
    .home-page-t4-date{
        margin:0 .8rem;padding: 0;height: 1em;font-size: .94em;
    }
    .home-page-t6 .home-page-t4-title{
        margin:.5rem .8rem .5rem .8rem;padding: 0;color: #002D44;
        font-size: .56rem;
        line-height: .7rem;
        height: .7rem;
    }
    .home-page-t6 .home-page-t4-title2{
margin:0 .8rem;padding: 0;font-size: .4rem;
line-height: .6rem;
        height: 1.8rem;
    }
    .home-page-t5{padding: 1.2rem 0 1rem 0;}
    .home-page-t4 .home-page-t4-read{margin-top: .4rem;}
     .home-page-t6 .home-page-t4-read,.home-page-t4 .home-page-t4-read{
            background: #87dafa;
    color: #002d44;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    margin-left: .8rem;
    margin-top: .2rem;position: relative;
        opacity: 1;left: 0;top:0
     }
    .home-page-t4-title{font-size: .4rem;line-height: .6rem;color: #111;
        margin:0 .8rem;padding: 0;height: 1.2rem;overflow: hidden;margin-top: .4rem;}
        .swiper3 .swiper-slide{overflow: hidden;}
    .home-page-t4-read{position: absolute;left: 0;top: 7rem;width: 100%;height: 100%;
    opacity: 0;margin-left: 0;}
    .home-page-t6 .home-page-t4-read{top: 0;}
    .home-page-t5-t2{font-size: .74rem;padding: 1.2rem 0 1rem 0;}
    .home-page-t5-t3-item{width: 100%;font-size: .4rem;height: 1.4rem;line-height: 1.4rem;}
    .home-menu-fixed{width:100%;}
    /* .home-menu-fixed .home-menu-left a{display: none;} */
    /* .home-menu-left a.active{display: block;width: 100%;} */
    .home-menu-left{width: auto;
        flex: 1;}
    .home-menu-left a.active, .home-menu-left a:hover{
        background: transparent;text-align: left;padding:0 .54rem;
    }
    .home-menu-left >a{text-align: left;padding:0 .54rem;}
    .home-menu-left a{display: none;width: 100%;}
    .home-menu-left a:first-child{display: block;}
    .home-menu-fixed .home-menu-left a:first-child{display: none;}
    .home-menu-fixed .home-menu-left a.active{display: block!important;}
    .home-menu{width: 100%;}
    .home-menu .home-menu-right.mShow{display: none;}
    .home-menu-fixed .home-menu-right.mShow{display: block;}
    .home-menu-right{background: none;position: relative;}
    .home-menu-right-wp{position: absolute;top: 100%;right: 0;width: 100vw;
    background: #87dafa;display: none;padding-bottom: .4rem;}
    .home-menu-right.active .home-menu-right-wp{display: block;}
    .home-menu-right-wp a{display: block;line-height: 1rem;font-size: .4rem;}
    .home-menu-right::before{
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 65px;
        height: 65px;
        background: url(images/aa2.png) #87dafa no-repeat center center/30% auto;
        /* transform: rotate(90deg); */
    }
    .home-menu-right.active::before{
        transform: rotate(-180deg);
    }
    .header .icon-menu{
        font-size: .8rem;
    }
    .mobile-menu{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #87dafa;
        font-size: .4rem;
        color: #111;overflow: auto;
        z-index: 999;
        padding:.54rem;
    }
    .mobile-menu-header{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: .7rem;
        border-bottom: 1px solid #111;
        margin-bottom: .7rem;
    }
    .mobile-menu-header .iconfont{font-size: .8rem;}

    .product2-page-t1-t1{
        width: 36px;height: 36px;
    }
    .mobile-menu-nav{
    }
    .mobile-menu-nav-item{
        position: relative;
        margin-left: -.54rem;
        margin-right: -.54rem;
        padding:.4rem .54rem;}
    .mobile-menu-nav-item.active{
        background: #9FE1FB;
    }
    .mobile-menu-nav-item>a{display: block;
    font-weight: 700;text-align: left;
font-size: .46rem;margin:0;}
    .mobile-menu-nav-item-drop{display: none;}
    .mobile-menu-nav-item.active .mobile-menu-nav-item-drop{
        display: block;
    }
    .mobile-menu-nav-item.active::before{
        width: .5rem;height: .5rem;
        content: '';
        position: absolute;
        right: .54rem;
        top: .4rem;
        background: url(images/aa3.png) no-repeat center center/100% auto;
        transform: rotate(-180deg);
        pointer-events: none;
    }
    .mobile-menu-nav-item-drop a{display: block;}
    .mobile-menu-nav-item-drop >a{
        margin:.4rem 0;
        text-align: left;
        font-weight: 700;
    }
    .mobile-menu-nav-item-drop2 .mobile-menu-nav-item-drop2-a,
    .mobile-menu-nav-item-drop2 .mobile-menu-nav-item-drop2-a-tit{
        display: none;
    }
    .mobile-menu-nav-item-drop2.active .mobile-menu-nav-item-drop2-a,
    .mobile-menu-nav-item-drop2.active .mobile-menu-nav-item-drop2-a-tit{
        display: block;
    }
    .mobile-menu-nav .header-drop-menu-icon{
        height: 1.3rem;width: 1.3rem;background-color: transparent;
        background-size: .9rem auto;border-color: #002D44;
        top:0;margin-right: 10px;
    }
    .mobile-menu-nav .mobile-menu-nav-item-drop-system .header-drop-menu-icon{
        background-color: #E1F4FE;
    }
    .mobile-menu-nav-item-drop2-tit{text-align: left;line-height: 1.3rem;
        font-weight: 700;
    display: flex;flex-direction: row;align-items: center;justify-content: flex-start;
    margin: 20px 0;}
    .mobile-menu-nav .header-drop-menu-icon::before{display: none;}
    .mobile-menu-nav-item-drop2-tit .triangle-down{display: none;}
    .mobile-menu-nav-item-drop2.active .mobile-menu-nav-item-drop2-tit .header-drop-menu-icon{
        background-color: #fff;
    }
    .mobile-menu-nav-item-drop2-a-tit,
    .mobile-menu-nav-item-drop2-a{
        text-align: left;padding-left: 1.4rem;
        font-size: 104%;
    }
    .mobile-menu-nav-item-drop2-a-tit{
        margin-top: -.4rem;font-size: 120%;
    }
    .mobile-menu-bottom{
        padding-top: .7rem;
        border-top: 1px solid #111;
        margin-top: .7rem;
    
    }
    .mobile-menu-bottom .lang{
        text-align: left;font-weight: 700;
    }
    
    .mobile-menu-bottom .drop{
        display: none;
    }
    .mobile-menu-bottom .lang.active .drop{
        display: block;
    }
    .mobile-menu-bottom .drop a{
        display: block;
        text-align: left;
        margin: 8px 20px;
    }
    .home-page-t6 .home-page-t3-t3-wp a{
        right: .54rem;color: #111;
    }
    .home-page-t4, .home-page-t6{
        padding: 1.2rem 0 1rem 0;
    }
    .footer1 .follow img{max-width: 90px;}
    .product2-page-t6-item{flex-direction: column;}
    .product2-page-t6-item-img,
    .product2-page-t6-item-box{
        width: 100%;margin-right: 0;
        font-size: 106%;
    }
    .product2-page-t6-item-box-t1{
        margin-top: 20px;
    }
    .product2-page-t6-item-box-t1::before{
        left: -25px;
    }
    .product2-page-t6-item-box{
        padding-left: 25px;
    }
}