/* ====首页====== */
body{ background-color:#fff;}
/** header **/
.ban_header{ position: relative;}
.header{ position:absolute; left: 0; top: 0; width: 100%; z-index:100;  padding: 34px 0;}
.loarea{ height:60px; position:relative; z-index:3;}
.loarea .wp{ }
.logo{ width:260px; display:flex; align-items: center;}
.logo .tp{ height:60px; width:auto;} 

/*PC导航 begin*/
.nav{  z-index:5;}
.navul{ font-size:0;}
.navul li{ display:inline-block; font-size:16px;position:relative;}
.rowLi{ position: static !important;}
.navul li>a{  padding:0 1.6em; color: #fff; text-align:center; display:inline-block; line-height:60px; height:60px; position: relative;}
.navul li>a::after{ content: ""; display: block; width: 0em; height: 2px; background-color:#fff ; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.navul li>a:hover,.act_nav{font-weight: bold ;}
.navul li>a:hover::after,.act_nav::after{  width: 2em !important;}

.topTel{ font-size: 16px; color: #fff; margin: 10px 0 0 20px;} 
.topTel::before{  font-size: 24px; margin-right: 10px; display: inline-block; vertical-align: middle;}

/*PC导航end*/
.subnav{ position:absolute; display: none;  }
.subnavNormal{left:50%; margin-left: -60px; top:60px; width:120px;padding-top: 0px;}
.subnav:after{ content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fff; position: absolute; top: -16px; left: 50%; margin-left: -6px; display: none;}
.subnav>.nr{background:rgba(0, 0, 0, .6); padding:10px 0; box-shadow: 0 2px 10px 0 #333; }
.subnav .nr a{text-align:left; line-height:2; padding: 6px 0; width:100%; font-size:13px; display:block;  color:#fff; text-align:center; }
.subnav .nr a:hover{ color: #fff !important; background-color: #2F3F71; }

.subnavRow{ position: absolute; width: 100%; left: 0; top: 112px; padding-top: 0px; }
.subnavRow .wrap{ display: flex; align-items: center; justify-content: space-between;background:rgba(0, 0, 0, .6); padding:10px 0; box-shadow: 0 2px 10px 0 #333; }
.subnavRow .nr{ width: 100%; padding: 10px 20px; font-size: 0;}
.subnavRow .nr a{ display: inline-block; width:23%; margin: 0 1%; color: #fff; border-bottom: 1px dashed #fff; font-size: 13px; text-align: center; padding: 8px 0;}
.subnavRow .nr a:hover{ color: #fff !important; background-color: #2F3F71;}


/*手机导航按钮及下拉菜单begin*/
.menubtn{ position:absolute; width:24px; height:24px;top:12px; right:2%; cursor:pointer; display:none;}
.menubtn i{ display:block; width:21px; height:3px; background-color:#fff; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-radius: 2px;}
.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
.menubtn i:nth-child(2){ top:11px;}
.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}
.menubtn.on i:nth-child(2){ opacity:0;}
.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}
/*小导航*/
.inav{ width:400px; max-width: 60%; height: 100vh; overflow-y: auto; background-color:rgba(0, 0, 0, .9); position:fixed;  z-index:999; top:0px; left:-100%;  z-index:99; overflow-y: auto; display: none; }
.navlogo{ padding: 30px;}
.navlogo .tp{ max-width: 66%;}
.inav ul{ margin: 0 30px;}
.inavul li{border-bottom:1px solid #363636;}
.inavul li>a{ display:block; text-align:left;  font-size:14px; color:#fff; padding:15px 30px 15px 15px; position: relative;}
.inavul li>a .iconfont{ position: absolute; right: 0; top: 12px; font-size: 18px; }
.act_inav{ border-color: #5079f3 !important; color:#5079f3 !important;}
.act_inav .iconfont{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
.inavul .nr{ display: none; padding:5px 30px 5px 40px;}
.inavul .nr a{display:inline-block; text-align:left; padding: 4px 0; margin-right: 10px;  font-size:13px; color:#ddd;}
/*手机导航按钮及下拉菜单end*/
/*banner begin*/
.banner{ position:relative; z-index:3; }
.banner .swiper-slide{position:relative; overflow:hidden;}
.banimg{ width:100%; height:auto; display:block;}

.banIntro {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.banIntro .inner {
    width: 550px;
    max-width: 100%;
    color: #fff;
    line-height: 1.4;
}

.banIntro .tit {
    font-size: 54px;
    font-weight: bold;
}

.banIntro .nr {
    font-size: 30px;
    margin-top: 20px;
}

.banner .swiper-pagination{ bottom:24px !important;}
.banner .swiper-pagination-bullet{ width:60px; height:4px; padding: 0; background-color:#fff; font-size: 0; line-height: 0; outline:none; cursor: pointer;  -moz-opacity:.6; -khtml-opacity: .6; opacity: .6; margin:0 5px !important; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -webkit-filter:alpha(opacity=60); }
.banner .swiper-pagination-bullet-active{background-color:#fff; opacity: 1 !important;}
.banner .swiper-button-prev,.banner .swiper-button-next{ display: none;}
/* .banner .swiper-button-prev{ left:2%;}
.banner .swiper-button-next{ right:2%;} 

.banner .swiper-button-prev::after,.banner .swiper-button-next::after{ display: none;}
 .banner .swiper-button-prev,.banner .swiper-button-next{filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;width:80px;  height:150px; line-height: 150px; top:50%; margin-top:-75px; color: #fff;}
.banner .swiper-button-prev .iconfont,.banner .swiper-button-next .iconfont{ font-size: 80px; font-weight: bold;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} */
/*banner end*/
.h_tit{ padding:80px 0 ; font-weight: bold;}
.h_tit .tit{ font-size: 40px;font-weight: bold;}
.h_tit .tit::after{ content: ""; display: inline-block; width: 25px; height: 3px; background-color: #5A668E; margin-left: 10px; vertical-align: middle;}
.h_tit .subtit{ font-size: 18px; color: #999;font-weight: bold;}
.h_tit_w .tit{ color: #fff;}
.h_tit_w .subtit{ color: rgba(255, 255, 255, .58);}
.h_tit_w .tit::after{ background-color: #fff; }
.h_advan{padding:80px 0 ; }
.h_advan .wrap{ display: flex;  flex-wrap: wrap;}
.hadvanItem{ width: 25%; text-align: center; margin-bottom: 30px;}
.hadvanItem .tparea{ width: 180px; height: 180px; margin: 0 auto; display: flex; align-items: center; justify-content: center; background: url(../images/h_advan_circlebg.png) center center/100% 100% no-repeat; }
.hadvanItem .tparea .icon{ width: 90px; height: 90px;}
.hadvanItem .des{ text-align: center; margin: 30px auto 0; width: 220px; max-width: 100%; }
.hadvanItem .des .tit{ font-size: 28px; }
.hadvanItem .des .nr{ color: #666; margin-top: 5px;}

.h_pro{ padding: 120px 0 200px;}
.h_pro .wrap{ position: relative;}
.hproTab{ }
.hProTit{position: absolute; text-align: right; right: 0; top: -150px;}
.hProTit .list{ display: inline-block; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; font-size: 20px; cursor: pointer ; font-weight: bold; padding: 0.4em 1.4em;  color: #fff;}
.acthproTit{ background-color: #2C3C6F !important; }
.hProContent{}
.hProbox{ display: none;}
.hProbox .des{ color: #fff; width: 486px; max-width: 100%;}
.hProbox .des .tit{ font-size: 36px;}
.hProbox .des .nr{ font-size: 18px; margin-top: 10px; line-height: 1.8;}
.hProbox .des .mandiv{ margin-top: 50px;}
.morea{ font-size: 16px; color: #fff;}
.morea .val{ font-size: 16px;}
.morea .arr{ margin-left:0px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.morea:hover .arr{ margin-left: 5px;}
.h_solu{ padding: 100px 0; text-align: center;}
.h_solu .wp{ width: 940px;}
.h_solu .tit{ font-size: 40px ; font-weight: bold;}
.h_solu .nr{ font-size: 20px; margin-top: 25px;}

.h_apply{ position: relative; padding-top: 60px;}
.h_apply::after{ content: ""; display: block ; position: absolute; left: 0; bottom: 0; width: 100%; height: 234px; background: linear-gradient(0,rgba(0,0,0,.6),rgba(0,0,0,0)); }
.hApplyTab{ position: relative; z-index: 2;}
.hApplyTit{ border-top: 1px solid rgba(255, 255, 255, .58);}
.hApplyTit .wp{ display: flex; flex-wrap: wrap; padding: 2px 0;}
.hApplyTit .list{ width: 25%; padding: 10px 0; display: inline-block; text-align: center; font-size: 20px; cursor: pointer ;  color: #fff; }
.hApplyTit .list .icon{ width: 32px; height: 32px; margin-right: 10px;}
.hApplyTit .list:nth-child(4n){ margin-right: 0;}
.acthApplyTit{ background-color: #2C3C6F !important; position: relative; transform: scale(1.1); top: -1px; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.hApplyContent{}
.hApplybox{ padding-bottom: 60px; display: none; }
.hApplybox .des{ color: #fff; width: 486px; max-width: 100%;}
.hApplybox .des .tit{ font-size: 36px;}
.hApplybox .des .nr{ font-size: 18px; margin-top: 10px; line-height: 1.8; min-height: 174px;}

.h_new{ padding: 40px 0;}
.h_new .h_tit{ padding: 40px 0;} 
.h_new .wrap{ position: relative;}
.hNewTab{ }
.hNewTit{position: absolute; text-align: right; right: 0; top: -110px;}
.hNewTit .list{ display: inline-block; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; font-size: 20px; cursor: pointer ; font-weight: bold; padding: 0.4em 1.4em;  color: #333;}
.acthNewTit{ background-color: #2C3C6F !important; color: #fff !important; }
.hNewContent{}
.hNewbox{ display:none ;}
.hnewList{ display: flex; flex-wrap: wrap;}
.hnewList .hnewItem:nth-child(3n){border-right: 0;}
.hnewItem{ width: 33.33%; padding: 0 40px; margin-bottom: 40px; box-sizing: border-box; border-right: 1px solid rgba(0, 0, 0, .1);}
.hnewItem .des{ color: #fff; }
.hnewItem .des .time{ font-size: 30px; font-weight: bold;}
.hnewItem .des .tit{ font-size: 20px; margin-top: 10px; line-height: 1.4; }
.hnewItem .des .nr{ font-size: 14px; color: #999; margin-top: 10px; line-height: 1.8;}
.hnewItem .des .mandiv{ margin-top: 20px;}
.hnewItem .tparea{ font-size: 0; margin-top: 40px;}
.hnewItem .tparea .tp{ width: 100%; aspect-ratio: 3/2;}
.hnewItem .mandiv{ margin-top: 20px;}
.hnewItem .mandiv .morea{ color: #2F3F71;}
.hnewItem:hover{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.hnewItem:hover .tit{ color: #2C3C6F;}
.hnewItem:hover .time{ color: #2C3C6F;}

.h_contact{ padding: 100px 0 130px;}
.h_contact .intro{ width: 500px; max-width: 100%; color: #fff;}
.h_contact .intro .tit{ font-size: 34px;}
.h_contact .intro .info{ font-size: 24px; margin-top: 10px;}
.h_contact .intro .mandiv{ margin-top: 60px;}
.h_contact .intro .mandiv .sbtn{ font-size: 16px; padding: 0.6em 2em;}


.footer{ background-color: #454749;}
.f_t{ padding: 60px 0 20px; display: flex; justify-content: space-between;}
.flogo{ width: 220px; margin-right: 40px;}
.flogo .tp{ height: 52px;}
.fnav{ display: flex; flex: 1; min-width: 0; justify-content: space-between;}
.fnav a:hover{ color: #fff;}
.fnavItem{ width: 14%; }
.fnavItem:nth-child(3){ width: 28%;}
.fnavItem .tit{ font-size: 16px;}
.fnavItem .tit a{ color: #fff;} 
.fnavItem .nr{ margin-top: 15px;} 
.fnavItem .nr a{ font-size: 14px; display: block; padding: 4px 0; color: #999;} 
.fnav a:hover{ color: #fff;}
.fadd{width: 20%; }
.fadd .list{ position: relative;color: #999; padding: 4px 0 4px 22px;  }
.fadd .list .icon{ height: 18px; margin-right: 10px; position: absolute; left: 0 ; top: 5px;}
.fcode{}
.fcode .nr{}
.fcode .nr .tp{ width: 95px; max-width: 100%;}
.f_b{ border-top: 1px solid rgba(255, 255, 255, .06); text-align: center; padding: 15px 0; color: #999;}
.copyright{}
.copyright a{color: #999;}
.copyright a:hover{ color: #fff;}

/* 03-1新闻资讯 */
.i_ban{ font-size: 0; position: relative; overflow: hidden; }
.i_ban .tp{ width: 100%;}
.i_banIntro{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.i_banIntro .inner{ width: 550px; max-width: 100%; color: #fff;}
.i_banIntro .tit{ font-size: 50px; font-weight: bold;}
.i_banIntro .nr{ font-size: 34px; margin-top: 10px;}

.lm{ text-align: center;  padding: 66px 0 46px;}
.lm a{ display: inline-block; margin: 0 10px 20px; color: #333; position: relative; padding: 0.4em 1.4em;  box-sizing: border-box; font-size: 20px; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; background-color: #F2F2F2; }
.lm a:hover,.actlm{  background-color: #2C3C6F !important; color: #fff !important; }
.lm3 {
    margin-top: -30px;
    margin-bottom: 30px;
}

.lm3 a {
    display: inline-block;
    font-weight: bold;
    margin: 0 4em 20px 0;
    color: #333;
    position: relative;
    padding: 1em 5px;
    box-sizing: border-box;
    font-size: 16px;
}

.lm3 a::after {
    content: "";
    display: block;
    width: 0%;
    height: 3px;
    background-color: #2C3C6F;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: .3s;
}

.lm3 a:hover,
.actlm3 {
    color: #2C3C6F !important;
}

.lm3 a:hover::after,
.actlm3::after {
    width: 100% !important;
}

.i_main{  min-height:400px;}
.location{color:#999; padding:25px 0;}
.location a,.location .home{ font-size:14px; color:#999;}
.location .home::before{font-size:16px; margin-right: 5px;vertical-align: baseline;}
.location a:hover{ color:#2C3C6F;}
.act_loca{ color:#2C3C6F !important;}
.location i{ margin:0 6px; font-style:normal;}


.turnpage{ margin:0 auto;font-size:0; text-align:center;}
.turnpage a,.turnpage span{ display:inline-block; padding:2px 10px; font-size:14px; margin:0 4px; color:#333; border:1px solid #D7D7D7; border-radius:4px ; -webkit-border-radius:4px ; -moz-border-radius:4px ; -ms-border-radius:4px ; -o-border-radius:4px ; }
.turnpage a::before{ font-size: 16px; line-height: 1;}
.turnpage a:hover,.current{ background-color:#2C3C6F !important; border-color:  #2C3C6F !important; color: #fff !important;}

.news{ padding-bottom: 60px;}
.news .turnpage{ margin-top: 60px;}
.news .wrap{ margin-top: -45px;}
.newsItem{ box-sizing: border-box; border-bottom: 1px dashed #D9D9D9;}
.newsItem a{ padding: 45px 22px; display: flex; flex-wrap: wrap; }
.newsItem .time{ margin-right: 38px;  width: 80px; padding: 10px 0; align-self: center; line-height: 1; background-color: #F0F1F5; text-align: center; }
.newsItem .time .day{font-size: 40px; font-weight: bold;}
.newsItem .time .month{ font-size: 12px; margin-top: 5px;}
.newsItem .tparea{ width: 300px; font-size: 0; overflow: hidden; margin-right: 40px;}
.newsItem .tparea .tp{ width: 100%; aspect-ratio: 3/2;}
.newsItem .des{ flex: 1; min-width: 0; padding: 15px 0; display: flex; flex-direction: column; }
.newsItem .des .tit{ font-size: 20px; margin-top: 10px; line-height: 1.4; }
.newsItem .des .nr{ font-size: 14px; color: #999; margin-top: 10px; line-height: 1.8;}
.newsItem .des .mandiv{ margin-top: auto;}
.newsItem .des .mandiv .morea{ color: #2F3F71;}
.newsItem:hover .tit{ color: #2C3C6F;}
.newsItem:hover .time{ color: #2C3C6F;}
.newsItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

/* 03-2 新闻资讯 详情 */
.n_main{ display: flex; flex-wrap: wrap; padding: 20px 0 70px;}
.n_l{ flex: 1; min-width: 0;}
.n_r{ width: 298px; margin-left: 45px;}
.in_sh{ padding: 0px 0 0px; }
.in_sh .in_tit{  padding:0px 0 30px; border-bottom: 1px solid #ddd;}
.in_sh .in_tit h4{ font-size:34px; font-weight: bold; color:#333; margin-bottom:10px;}
.in_sh .in_tit .pub_del{ margin-top: 6px; font-size:14px; color: #999999;   }
.in_sh .in_tit .pub_del span{ margin: 0 25px 0 0; display: inline-block;}
.in_sh .in_tit .pub_del span .iconfont{margin-right: 10px; display: inline-block; vertical-align: middle; position: relative; color: #999;}
.in_sh .sh_con{ padding:30px 0px;  }
.in_sh .sh_con .wz{ font-size: 16px; line-height:2em;color:#333; }
.in_sh .sh_con .tp{ display:block; margin:0px auto;}

.pnpage{ line-height:2em; padding:40px 0px; display: flex; justify-content: space-between;}
.pnpage .item{ font-size: 14px; margin-bottom: 12px; width: 48%;border: 1px solid #ddd; background-color: #FAFBFC; padding: 15px 20px; box-sizing: border-box;  }
.pnpage .item .mc{display: flex; align-content: center;  position: relative; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; color: #2F3F71; }
.pnpage .item .mc .iconfont{ font-weight: bold; color: #2F3F71;}
.pnpage .item a{  font-size: 16px; color: #666666; flex: 1; min-width: 0;}
.pnpage .item:hover{ background-color: #e8f5fc;}
.pnpage a:hover{ color:#2F3F71;}
.pnpage .item:hover{ border-color: #2F3F71;}
.i_tit3{ }
.i_tit3 .mc{ display: inline-block; font-size: 24px; color: #333; position: relative; z-index: 2;}
.i_tit3 .mc::after{ content: ""; display: block; width: 100%; height: 8px; background-color: #2F3F71; opacity: .4; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; position: absolute; left: 0; bottom: 3px; left: 0; }
.tNew{  position: relative; margin-top:44px; margin-bottom: 60px;}
.tNew .i_tit3{ position: absolute; left: -1px; top: -44px; background:none;}

.tNewul1{ }
.tNewul1 li{ margin-bottom: 3px; border-bottom: 1px solid #eee;}
.tNewul1 li a{ display: flex;  padding: 20px 0; }
.tNewul1 .tparea{ width: 115px; margin-right: 10px;}
.tNewul1 .tparea .tp{ width: 100%; height: 80px;}
.tNewul1 .des{flex: 1; min-width: 0;}
.tNewul1 .des .tit{ font-size: 16px; line-height: 1.2;}
.tNewul1 .des .time{ margin-top: 5px; font-size: 12px; color: #999;}
.tNewul1 a:hover .des .tit{color: #2F3F71;}

/* 05-1 产品中心 */
.pro{ padding-bottom: 60px;}
.pro .wrap{ display: flex; flex-wrap: wrap; padding-bottom: 40px;}
.proItem{ width: 32%; margin:  0 2% 2% 0;}
.proItem:nth-child(3n){ margin-right: 0;}
.proItem a{ display: block; background-color: #fff;}
.proItem .tparea{ font-size: 0; overflow: hidden;}
.proItem .tparea .tp{aspect-ratio: 3/2; width: 100%; object-fit: contain;}
.proItem .des{ padding: 30px 28px 15px;}
.proItem .des .tit{ font-size: 22px; padding: 0 8px;}
.proItem .des .nr{ font-size: 14px; padding: 0 8px; color: #999; margin-top: 10px; line-height: 1.8;}
.proItem .des .mandiv{ margin-top: 15px; padding: 0 8px; font-size: 14px; border-top: 1px solid #EBEBEB; color: #2F3F71; display: flex; justify-content: space-between; align-items: center; padding: 15px 0;}
.proItem .des .mandiv .arr{ font-size: 16px; }
.proItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.proItem a:hover .des .tit{ color: #2C3C6F;}

/* 06-1 解决方案 */
.solu{ padding: 50px 0;}
.soluItem a{ display: flex; padding: 50px 0; justify-content: space-between;}
.soluItem:nth-child(2n) a{ flex-direction: row-reverse;}
.soluItem .tparea{ width: 50%; font-size: 0; overflow: hidden;}
.soluItem .tparea .tp{ width: 100%; object-fit: cover;}
.soluItem .des{ width: 40%;}
.soluItem .des .tit{ font-size: 38px; line-height: 1.4;}
.soluItem .des .nr{ font-size: 18px; line-height: 1.8; margin-top: 30px;}
.soluItem .des .mandiv{ margin-top: 50px;}
.soluItem .des .mandiv .sbtn{ font-size: 16px; padding: 0.4em 1.2em;}
.soluItem a:hover{ transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }
.soluItem a:hover .des .tit{ color: #2C3C6F;}
.soluItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
/* .06-2 解决方案 详情 */
.soludelA{ min-height: 600px; padding-top: 120px;}
.soludelA .location{ color: #fff;}
.soludelA .location a,.soludelA .location .act_loca{ color: #fff !important; }
.soludelA .intro{ color: #fff; margin-top: 170px;}
.soludelA .intro .inner{ width: 550px; max-width: 100%;}
.soludelA .intro .tit{ font-size: 50px; font-weight: bold;}
.soludelA .intro .nr{ margin-top: 25px; font-size: 18px; line-height: 1.8;}

.soludelB{ padding: 20px 0 120px;}
.soludelB .h_tit{ padding: 50px 0;}
.soludelB .wrap{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.soludelB .intro{ flex: 1; min-width: 0;}
.soludelB .intro .item{ padding: 20px 0; border-bottom: 1px solid #E5E6E7; }
.soludelB .intro .item .tit{ font-size: 20px; font-weight: bold;}
.soludelB .intro .item .nr{ color: #999;}
.soludelB .tparea{ width: 50%; font-size: 0; margin-left: 5%;}
.soludelB .tparea .tp{ width: 100%; height: 400px; object-fit: cover;}

.soludelC{ padding: 150px 0 200px;}
.soludelC .h_tit{ padding: 40px 0;}
.soludelC .wrap{ width: 560PX; max-width: 100%; font-size: 18px; color: #fff; line-height: 1.8; max-width: 100%;}

/* 05产品中心-详情 */

.prodelA{ min-height: 600px; padding-top: 120px;}
.prodelA .location{ color: #fff;}
.prodelA .location a,.prodelA .location .act_loca{ color: #fff !important; }
.prodelA .intro{ color: #fff; margin-top: 100px;}
.prodelA .intro .inner{ width: 550px; max-width: 100%;}
.prodelA .intro .tit{ font-size: 50px; font-weight: bold;}
.prodelA .intro .nr{ margin-top: 25px; font-size: 18px; line-height: 1.8;}
.prodelA .intro .mandiv{ margin-top: 40px;}
.prodelA .intro .mandiv .sbtn{ font-size: 16px; margin-right: 26px;}
.prodelA .intro .mandiv .sbtn::before{ font-size: 20px; margin-right: 5px;}

.proFeature{ padding-top: 0; background-color: #F5F7F9;}
.prodelC{ padding: 150px 0 200px;}
.prodelC .h_tit{ padding: 40px 0;}
.prodelC .wrap{ width: 560PX; max-width: 100%; margin-top: 100px;}
.prodelC .wrap .tit{ font-size: 36px; color: #fff;}
.prodelC .wrap .nr{ font-size: 18px; color: #fff; line-height: 1.8; max-width: 100%; margin-top: 30px;}

.proParams{ padding: 80px 0 120px; background-color: #fff;}
.proParams .h_tit{ padding: 40px 0;}
.proParams .wrap{ display: flex; flex-wrap: wrap;}
.ppItem{ width: 21.25%; margin: 0 5% 5% 0; padding: 15px 0; border-bottom: 1px solid #eee;}
.ppItem:nth-child(4n){ margin-right: 0;}
.ppItem .name{ color: #999;}
.ppItem .val{ font-size: 16px;}

/* 04 联系我们 */
.contact{ }
.contact .wrap{ background-color: #fff; display: flex; align-items: center; flex-wrap: wrap;}
.cont{ width: 40%; box-sizing: border-box; padding: 10px 0px;}
.cont .h_tit{  padding: 0;}
.cont .nr{margin-top: 15px;}
.cont .list{ font-size: 16px;display: flex; align-items: center; padding: 20px 0;}
.cont .list .iconfont{ width: 50px; height: 50px; border-radius: 50%; font-size: 24px; display: inline-flex; align-items: center; justify-content: center;  margin-right: 14px;  color: #2C3C6F; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;  border: 1px solid #2C3C6F;}
.cont .list .des{ flex: 1; min-width: 0;}
.cont .list .mc{ font-size: 14px; width: 3em; color: #999;}
.cont .list .attrval{ flex: 1; min-width: 0; font-size: 18px;}
.cont .list .tp{ width: 128px;}
.cont .codes{ display: flex; flex-wrap: wrap;}
.cont .codes.list .iconfont{ align-self: flex-start;}
.map{ width: 56%; position: relative; height: 800px; overflow: hidden ; padding: 0; font-size: 0;}
.map iframe{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); height: 800px; }

.mess{ padding: 40px 0 80px;}
.mess .h_tit{ padding: 50px 0;}
.messForm{}
.messForm .row.col3{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.messForm .row.col3 .messItem{ width: 30%;}
.messItem{ margin-bottom: 30px; display: flex; }
.messItem .attrmc{width: 70px; font-size: 16px; line-height: 48px; margin-right:10px;}
.messItem .attrval{ flex: 1; min-width: 0; position: relative;}
.messItem .attrval .required{ color: #f60; font-style: normal; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.messItem .text,.messItem .textarea{width:100%; background-color: #fff; display:block; }
.messItem .text{ height:48px; line-height:48px; padding-left:16px;}
.messItem .textarea{height:150px;padding:16px;  }
.formConfirm{ padding:0px 0 0 40px;}
.formConfirm .sbtn{ padding:0.6em 3em; font-size:20px;}

/* 02 关于我们 */
.profile{ padding: 100px 0;}
.profile .h_tit{ padding: 0 0 40px;}
.profile .wp{ display: flex; flex-wrap: wrap;  align-items: center;}
.profile .tparea{ width: 50%; font-size: 0; margin-left: 4%;}
.profile .tparea .tp{ width: 100%;}
.profile .intro{ flex: 1; min-width: 0;}
.profile .intro .nr{ text-align: justify; color: #666; line-height: 1.8; font-size: 16px;}

.cul{ padding-top: 20px;}
.cul .h_tit{ padding: 30px 0;}
.cul .wrap{ display: flex; flex-wrap: wrap;}
.culItem{ width: 33.33%; border-right: 1px solid #fff; box-sizing: border-box; position: relative;}
.culItem:nth-child(3n){ border: none;}
.culItem .tparea{ font-size: 0; overflow: hidden;}
.culItem .tparea .tp{ width: 100%;aspect-ratio: 64/70;}
.culItem .shade{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 50px 40px; box-sizing: border-box; color: #fff; background-image: linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,0));cursor: pointer;}
.culItem .shade .tit{ display: flex; align-items: center; }
.culItem .shade .tit .icon{ width: 40px; height: 40px; margin-right: 10px;}
.culItem .shade .tit .val{ font-size: 30px; font-weight: bold;}
.culItem .shade .tit .arr{ margin-left: auto; display: inline-block; width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center;}
.culItem .shade .nr{ font-size: 24px; margin-top: 15px; max-height: 0; overflow: hidden;}
.culItem:hover .shade .tit .arr{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.culItem:hover .shade .nr{ max-height: 100px;}

.team{ padding-top: 20px;}
.team .h_tit{ padding: 30px 0;}
.team .wrap{ display: flex; flex-wrap: wrap;}
.teamItem{ width: 16.66%;  box-sizing: border-box; position: relative; font-size: 0; overflow: hidden; position: relative;}
.teamItem .tp{ width: 100%;aspect-ratio: 1;}
.teamItem::after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.teamItem:nth-child(4n+1)::after{ background-color: rgba(0, 0, 0, .85);}
.teamItem:nth-child(4n+2)::after{ background-color: rgba(51, 51, 51, .85);}
.teamItem:nth-child(4n+3)::after{ background-color: rgba(0, 0, 0, .85);}
.teamItem:nth-child(4n+4){}


.history { overflow-x: hidden; padding-bottom: 80px;}
.history  .wp{ }
.history .wrap{ position: relative; padding: 5px 0; }
.historySlide { position: relative; z-index: 2;}
.historySlide .swiper-slide{ width: auto;}
.historySlideWrap{ position: relative; margin: 0 60px;}
.historySlideWrap .swiper-button-prev{ left:-60px;}
.historySlideWrap .swiper-button-next{ right:-60px;} 
.historySlideWrap .swiper-button-prev::after,.historySlideWrap .swiper-button-next::after{ display: none;}
.historySlideWrap .swiper-button-prev,.historySlideWrap .swiper-button-next{ width:40px; height:40px; line-height: 40px; top:50%; margin-top:-20px; color: #999; }
.historySlideWrap .swiper-button-prev .iconfont,.historySlideWrap .swiper-button-next .iconfont{ font-size: 26px; }
.historySlideWrap .swiper-button-prev:hover,.historySlideWrap .swiper-button-next:hover{color: #2C3C6F;}
.hisItem{ }
.hisItem{  width: 100%; height: 147px; position: relative; text-align: center;}
.hisItem .tit{ padding: 0; font-size: 22px; text-align: center;}
.hisItem .tit .icon{ position: absolute ; left: 0; top:4px; height:17px;}
.hisItem .nr{ font-size: 16px; color: #666; padding: 5px 0px;    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.hisItem .arr{  width: 2px; height: 120px; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.hisItem .arr .icon{ width: 22px; height: 22px; position: absolute; left: -11px; max-width: 22px;}
.historySlide .swiper-slide .year{  background:url(../images/year_bg01.png) center center/100% 100% no-repeat; text-align: center; width: 106%; height: 54px; line-height: 54px; font-size: 18px; color: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.hisItem:hover{ transform: translateY(-0.05rem); -webkit-transform: translateY(-0.05rem); -moz-transform: translateY(-0.05rem); -ms-transform: translateY(-0.05rem); -o-transform: translateY(-0.05rem); }
.hisItem:hover .nr{ color: #2C3C6F;}
.historySlide .swiper-slide{ height: 600px; display: flex; }
.historySlide .swiper-slide:nth-child(2n+1) { align-items: flex-start; }
.historySlide .swiper-slide:nth-child(2n+1) .hisItem{ display: flex; flex-direction:column-reverse;}
.historySlide .swiper-slide:nth-child(2n+1) .hisItem .arr{bottom: -120px; background-image: linear-gradient(180deg,rgba(95,107,145,1),rgba(204,204,204,1)); }
.historySlide .swiper-slide:nth-child(2n+1) .hisItem .arr .icon{ bottom: -43px;}
.historySlide .swiper-slide:nth-child(2n+1) .year{ background-image: url(../images/year_bg01.png);}
.historySlide .swiper-slide:nth-child(2n) {  align-items: flex-end; }
.historySlide .swiper-slide:nth-child(2n) .hisItem .arr{top: -120px; background-image: linear-gradient(0deg,rgba(95,107,145,1),rgba(204,204,204,1)); }
.historySlide .swiper-slide:nth-child(2n) .hisItem .arr .icon{ top: -43px;}
.historySlide .swiper-slide:nth-child(2n) .year{ background-image: url(../images/year_bg02.png);}


/* 浮窗 */
.floatPart{ position: fixed; right: 0px; top: 50%; transform: translateY(-50%); z-index: 10; width:44px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);  }
.floatPartItem{ display: block; overflow: hidden; padding: 7px 0; margin-bottom: 2px; position: relative; background-color: #2C3C6F;border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.floatPartItem .iconfont{ line-height: 1;}
.floatPartItem:nth-last-child(1){ border: none;}
.floatPartItem .tparea{ position: relative; z-index: 10; font-size: 0; text-align: center;color: #fff; }
.floatPartItem .tparea .iconfont{ font-size: 24px; }
.floatPartItem .tparea .tp{ width: 28px;}
.floatPartLay{ position: absolute; width: 220px; background-color: #fff;  padding: 0px 15px; box-shadow: 0 0 4px 0 #ddd; right:160px; box-sizing: border-box; top: 0; color: #2342a7; font-size: 14px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; opacity: 0; height: 46px; align-items: center; display: flex; }
.floatPartItem:hover{ background:#2342a7; overflow: visible;}
.floatPartItem:hover .tparea{}
.floatPartItem:hover .floatPartLay{ right: 56px; opacity: 1; }
.floatPartItem:hover .floatPartLay2{ right: 56px; opacity: 1; }

.floatPartLay2{ position: absolute; width: 140px; background-color: #fff;  padding: 4px 4px 6px; box-shadow: 0 0 4px 0 #ddd; right:160px; box-sizing: border-box; top: 0; font-size: 14px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; opacity: 1; height: auto; align-items: center; text-align: center; border: 1px solid #ddd; border-radius:8px ; -webkit-border-radius:8px ; -moz-border-radius:8px ; -ms-border-radius:8px ; -o-border-radius:8px ; }
.floatPartLay2::after{ content: ''; display: block; border-left: 8px solid #eee; border-top: 8px solid transparent; border-bottom: 8px solid transparent; position: absolute; right:-8px; top: 20px;}
.floatPartLay2 .tit{ font-size: 14px; margin-top: 4px;}
.floatPartLay2 .tp{ width: 120px;}

.closeFloatBtn{ text-align: center; color: #999; font-size: 20px; font-weight: bold; cursor: pointer;}
.closeFloatBtn:hover{ color: #2342a7;}


.hProTit .list,.hApplyTit .list,.hnewItem,.hnewItem .tit,.hnewItem .nr,.soluItem,.soluItem .des .tit,.culItem .shade .nr,.culItem .shade .tit .arr{ transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }