/*初始化样式*/
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.xypg-right-content{font-size: 14px;}

.flex{ display: flex;display: -webkit-flex;}
.wrap{flex-wrap:wrap}
.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}


.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.clamp4 {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}


.max1600{max-width:1630px;padding-left:15px;padding-right:15px;margin:0 auto}
.max1500{max-width:1530px;padding-left:15px;padding-right:15px;margin:0 auto}
.max1400{max-width:1430px;padding-left:15px;padding-right:15px;margin:0 auto}
.max1200{max-width:1230px;padding-left:15px;padding-right:15px;margin:0 auto}

.amax{width:72.916vw;margin:0 auto}


a {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.section {overflow: hidden;}


.white-logo{opacity: 1;visibility: visible;}
.black-logo{opacity: 0;visibility: hidden;display: none;}

/*主体样式*/
.header{position: fixed;top: 0px;left: 0px;width: 100%;background: transparent;z-index: 9999;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.header > .flex{height: 100px;-webkit-transition: all 0.4s, box-shadow 0.3s 0.5s;-o-transition: all 0.4s, box-shadow 0.3s 0.5s;-moz-transition: all 0.4s, box-shadow 0.3s 0.5s;transition: all 0.4s, box-shadow 0.3s 0.5s;}
.logo{position: relative;}
.logo a{display: block;}
.logo img{max-width: 100%;max-height: 79px;}
.cc-nav{position: static;}

.tp_con{position: relative;height: 50px;}
.tp_con > div{display: flex;align-items: center;padding: 0 15px;position: relative;}
.tp_con > div img{max-width: 100%;margin-right: 12px;}
.tp_con > div span{font-size: 20px;color: #333333;font-family: "思源黑体 C";}
.tp_con  .lang2{font-weight: 500;}


/*  */
.cpxlbd{position:relative}
.cpxlbd .tt{position:absolute;left:0;top:0;z-index:9;right:0}
.cpxlbd .tt{opacity:0;visibility:hidden;transition:all .5s ease}
.cpxlbd .tt.on{position:static;opacity:1;visibility:visible}
.tbcpxl{padding:0 0 2vw;background:#fff}
.cpxlhd{text-align:center;background-color:#f3f4f6;height:70px;line-height:70px}
.cpxlhd dt{display:inline-block;vertical-align:middle;line-height:70px;margin:0 2%;padding:0;position:relative;overflow:hidden}
.cpxlhd dt:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background-color:#254a8b;transition:all .3s;transform:scaleX(0)}
.cpxlhd dt.on:after{transition:all .3s;transform:scaleX(1)}
.cpxlhd dt .img{float:left;line-height:70px;width:50px}
.cpxlhd dt .img img{max-width:100%}
.cpxlhd dt.on .img img{transform:translateY(-70px);filter:drop-shadow(#254a8b 0 70px)}
.cpxlhd dt h2{float:left;font-size:15px;color:#444;line-height:70px;margin-left:10px}
.cpxlhd dt.on h2{color:#254a8b}
.cpxlbd{margin-top:50px}
.cpxlbd .tt ul{text-align:center}
.cpxlbd .tt dd{display:inline-block;vertical-align:middle;width:15%;margin:0 1%}
.cpxlbd .tt dd .img{overflow:hidden}
.cpxlbd .tt dd .img img{width:100%;transition:all ease-in-out .3s}
.cpxlbd .tt dd .img:hover img{transform:scale(1.1);transition:all ease-in-out .3s}
.cpxlbd .tt dd h2{font-size:16px;color:#444;font-family:"PINGFANG BOLD-subfont";transition:all .3s;margin-top:16px}
.cpxlbd .tt dd h3{font-size:16px;color:#999;font-family:"PINGFANG BOLD-subfont";margin-top:5px}
.cpxlbd .tt .dd{text-align:left;display:inline-block;vertical-align:top;width:15%;margin:0 1%}
.cpxlbd .tt .dd .img{overflow:hidden}
.cpxlbd .tt .dd .img img{max-width:30px;transform:translateY(-70px);filter:drop-shadow(#254a8b 0 70px)}
.cpxlbd .tt .dd h2{font-size:18px;margin-top:10px}
.cpxlbd .tt .dd h3{width:150px;height:44px;background:url(../images/f4ca6a15d12b8bbf0ec4ae3e32a4238d92679365.png) no-repeat right bottom #ff6339;background-color:#254a8b;font-size:16px;line-height:44px;color:#fff;text-align:center;margin-top:30px}

/* home-about */
.home-about{
  position: relative;
  background: url(../images/6c0a4b05bebf4121c1c4b22f8b105a65cbcdeaeb.jpg) no-repeat;
  background-size: cover;
}

.ha-top{position: relative;margin-bottom: 3.64583vw;}
.ha-top-left{width: 51.33%;position: relative;}
.hh-about-tit{margin-bottom: 2.083vw;}
.hh-about-tit b{text-transform: uppercase;font-size: 3.75vw;line-height: 1;opacity: .2;color: #0047a5;height: 2.083vw;overflow: hidden;display: inline-block;}
.hh-about-tit h3{font-size: 2.60416vw;color: #111111;line-height: 1;font-weight: bold;margin-top: -10px;}
.hh-about-tit p{font-size: 1.25vw;color: #0047a5;}

.hh-about-tx{font-size: 16px;color: #333333;line-height: 2;margin-bottom: 2.083vw;}
.hh-about-mo{display: flex;align-items: center;height: 30px;}
.hh-about-mo a{display: block;font-size: 16px;color: #333;font-weight: bold;line-height: 30px;}
.hh-about-mo a i{margin-left: 10px;}

.ha-top-right{position: relative;width: 44.53%;}
.ha-top-right img.hhahgn {width: 100%;-o-object-fit: cover;object-fit: cover;height: 100%;}
.ha-top-right .play-st {position: absolute;left: 50%;top: 50%;width: 104px;height: 104px;transform: translate(-50%,-50%);z-index: 99;}


.aa-show-video{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 800px;
  height: 600px;
  background: rgba(24, 24, 27, 0.92);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}



/* number */
.number{display: flex;justify-content: space-between;position: relative;z-index: 999;border-top: 1px solid #8d8e8f;border-bottom: 1px solid #8d8e8f;}
.number li{position: relative;transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;padding: 20px 0;}
.number li+li{padding-left: 3.125vw;}
.number li+li::before{border-left: 1px solid #8d8e8f;position: absolute;left: 0px;content: "";height: 38px;top: 40px;}
.number li h3 {color: #003881;display: inline-block;}
.number li h3 i {font-style: inherit;color: #003881;font-size: 2.5vw;font-weight: bold;font-family: "impact";}
.number li h3 span {font-size: 16px;font-weight: normal;font-style: inherit;color: #333333;font-family: "思源黑体 CN";margin-left: 10px;}
.number li p {font-size: 16px;line-height: 1.7;color: #333333;padding-top: 5px;font-weight: normal;font-family: "思源黑体 CN";}
.number li .nim{margin-left: 30px;}
.number li .nim img{max-width: 50px;}


/* home-product */
.home-product{
  position: relative;
  background: url(../images/021ae9d95eb6a15dae22adfcc56c2603302a2bc0.jpg) no-repeat;
  background-size: cover;
}


.home-cp-top{
  position: relative;
  margin-bottom: 2.60416vw;
  border-bottom: 1px solid rgba(0,0,0,.05);
}
.hh-cp-title{position: relative;padding-bottom: 10px;}
.hh-cp-title b{font-family: "Arial";font-size: 2.5vw;color: #0047a5;line-height: 1;opacity: .5;}
.hh-cp-title h3{font-size: 3.125vw;color: #333333;font-weight: bold;}

.hh-cp-sort{position: relative;display: flex;align-items: center;}
.hh-cp-sort li{position: relative;margin-left: 1.125vw;}
.hh-cp-sort li a{display: block;font-size: 0.9375vw;color: #333333;padding: 0 10px;line-height: 60px;border-bottom: 4px solid transparent;}
.hh-cp-sort .las{position: relative;margin-left: 2.083vw;}
.hh-cp-sort .las a{display: block;font-size: 0.9375vw;color: #333333;padding: 0 15px;line-height: 60px;border-bottom: 4px solid transparent;}
.hh-cp-sort li:hover a,.hh-cp-sort li.active a{border-color: #0047a5;color: #0047a5;}
.hh-cp-sort .las a:hover{color: #0047a5;}


.tab-con { position: relative; width: 100%;}
.tab-con .tab-main { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con .tab-main { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con .tab-main.active { position: static; opacity: 1; visibility: visible; }

.home-cp-bom{position: relative;}
.cate_middle_wap{position: relative;width: 100%;}
.cate_middle_wap .swidth{width: 79.28%;}
.pro_swiper{overflow: hidden;width: 100%;}
.pro_swiper .swiper-slide{position: relative;width: 100%;}
.pro_swiper .swiper-slide .fflex{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;width: 100%;}
.pro_swiper .swiper-slide .pro-aleft{position: relative;width: 44.84%;}
.pro_swiper .swiper-slide .pro-aleft h4{font-size: 1.0416vw;font-weight: normal;color: #222222;margin-bottom: 12px;}
.pro_swiper .swiper-slide .pro-aleft h3{font-size: 1.666vw;font-weight: bold;color: #0047a5;margin-bottom: 1.5625vw;}
.pro_swiper .swiper-slide .pro-aleft .msh{font-size: 16px;font-weight: normal;color: #666666;line-height: 1.7;margin-bottom: 2.60416vw;}
.pro_swiper .swiper-slide .pro-aleft .mmo{display: flex;align-items: center;height: 30px;}
.pro_swiper .swiper-slide .pro-aleft .mmo a{display: block;font-size: 16px;color: #333;font-weight: bold;line-height: 30px;}
.pro_swiper .swiper-slide .pro-aleft .mmo i{margin-left: 10px;width: 27px;height: 27px;background: url(../images/6495bab18ef2e0d94f0e1f38be600f171f4db0b0.png) no-repeat center;display: block;}
.pro_swiper .swiper-slide .pro-aright{width: 55.16%;} 
.pro_swiper .swiper-slide .pro-aright .alcaa{background: url(../images/e978f22036a3b8da05ef78e892f4510111e6ed81.png) no-repeat center center;
background-size: 100% 100%;width: 100%;}
.pro_swiper .swiper-slide .pro-aright img{display: block;width: 100%;}



.cate_middle_wap .arrows{position:absolute;right:0px;top:0;z-index:99;width: 13.57%;text-align: center;}
.cate_middle_wap .swiper-button-next,
.cate_middle_wap .swiper-button-prev{position:relative;left:auto;right:auto;width:3.64583vw;height:3.64583vw;font-size:0;top:auto;outline:0;border:none;z-index:999;display:block;margin-top:0;border-radius:50%;background:0 0;margin: 0 auto;}
.cate_middle_wap .swiper-button-prev{margin-top:4.1666vw}
.cate_middle_wap .swiper-button-next{margin-top:2.083vw}
.cate_middle_wap .swiper-button-prev{background:url(../images/da838908ce3416007d1badcdadc7b4c0868a2160.png) no-repeat center #ecedef}
.cate_middle_wap .swiper-button-next{background:url(../images/16c67a822cb23957ca1b8f12abec5368cbda9283.png) no-repeat center #ecedef}


/* sms */
.sms-wap{width: 100%;background: #ffffff;padding: 0px;border-radius: 10px;margin-top: 1.5625vw;}
.sms-swiper{overflow: hidden;}
.sms-swiper .swiper-slide img{display: block;width: 100%;}
.sms-swiper .swiper-slide-active{display: none;}


/* home-application */
.home-application{
  position: relative;
  background: url(../images/2d67bcc8ae1224c5b8f0a1dfc4037b0ecdafb142.jpg) no-repeat;
  background-size: cover;
}

.app-swiper1{overflow: hidden;}
.app-swiper1 .swiper-slide{position: relative;}
.app-swiper1 .swiper-slide img{display: block;width: 100%;}

.app-right{position:absolute;right:0;top:0;width:850px;z-index:999;height:100%;background:rgba(0,0,0,.4);padding-left:4.166vw;padding-right:13.5416vw}
.app-rr-wap{position:relative;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;height:100%}

.hh-app-title{position: relative;}
.hh-app-title b{font-family: Arial;font-size: 2.5vw;font-weight: bold;color: rgba(255,255,255,.2);}
.hh-app-title h3{font-size: 3.125vw;color: #fff;font-weight: bold;margin-bottom: 2.60416vw;}
.hh-app-title p{font-size: 0.9375vw;color: #fff;margin-bottom: 30px;}


.app-list2{display: flex;flex-wrap: wrap;margin: 0 0px;}
.app-list2 li{position: relative;width: 50%;border: .5px solid rgba(255,255,255,.6);padding:1.0416vw;padding-left: 2.60416vw;}
.app-list2 li a{display: flex;align-items: center;transition: all .3s ease;cursor: pointer;}
.app-list2 li .sml-img{width: 40px;}
.app-list2 li .sml-img img{max-width: 100%;}
.app-list2 li .sml-txt{position: relative;width: calc(100% - 40px);padding-left: 10px;}
.app-list2 li .sml-txt p{height: 0px;font-size: 0px;color: #fff;text-transform: uppercase;}
.app-list2 li .sml-txt h3{font-size: 0.9375vw;color: #fff;font-weight: bold;}

.app-list2 li.active{padding-left: 20px;background-color: #0047a5;}
.app-list2 li.active .sml-txt p{height: 25px;line-height: 25px;font-size: 14px;}



/* home-case */
.home-case{
  position: relative;
  background: url(../images/2d67bcc8ae1224c5b8f0a1dfc4037b0ecdafb142.jpg) no-repeat;
  background-size: cover;
}
.home-case-top{position: relative;margin-bottom: 2.60416vw;}
.hh-case-title{position: relative;}
.hh-case-title b{font-family: "Arial";font-size: 2.5vw;color: #0047a5;line-height: 1;opacity: .5;}
.hh-case-title h3{font-size: 3.125vw;color: #333333;font-weight: bold;}

.hh-case-sort{position: relative;display: flex;align-items: center;}
.hh-case-sort li{position: relative;margin-left: 40px;}
.hh-case-sort li a{display: block;font-size: 1.14583vw;color: #333333;padding: 0 5px;line-height: 45px;border-bottom: 1px solid transparent;}
.hh-case-sort li:hover a,.hh-cp-sort li.on a{border-color: #0047a5;color: #0047a5;}

.home-case-bom{position: relative;}
.list_case1{position: relative;width: 37.5%;}
.list_case1 li{margin-bottom: 0px;height: calc(100% - 20px);}
.list_case1 li a{display: block;height: 100%;}
.list_case1 li a img{width: 100%;display: block;height: 100%;}

.list_case2{position: relative;width: 62.5%;display: flex;flex-wrap: wrap;}
.list_case2 li{width: calc(50% - 20px);margin: 0 0px 20px 20px;}
.list_case2 li a{display: block}
.list_case2 li a img{width: 100%;display: block;}



/* home-network */
.home-network{
  position: relative;
  background: url(../images/db77f7585d55260f6d5fe921387c6dcac4c1f9b1.jpg) no-repeat;
  background-size: cover;
}

.index3{display: flex;align-items: center;padding: 3vw 0 0;justify-content: space-between;flex-wrap: wrap;}
.idx3-1{position: relative;z-index: 4;width: 39.28%;}
.idx3-1box{display: flex;align-items: center;}
.idx3-1 .item .h3{display: flex;align-items: center;}
.idx3-1 .item .h3 span{font-size: 3.5vw;color:#0047a5;font-weight: 600;font-family: "DIN";margin-right: 10px;line-height: 1;}
.idx3-1 .item .h3 .txt{font-size: 16px;color:#0047a5;text-align: center;}
.idx3-1 .item .h3 img{width: 26px;margin-top:.8vw;box-shadow: 4.092px 4.388px 8px 0px rgba(0, 0, 0, 0.13);border-radius: 50%;}
.idx3-1 .item p{font-size: 1.0416vw;color: #181818;margin-top:10px;line-height: 1.25;}
.idx3-1 .item{margin-right: 2.1vw;}
.idx3-1 .h0{font-size:2.5vw;color: #0047a5;line-height: 1;opacity: .5;font-weight: bold;}
.idx3-1 .h1{font-size:3.125vw;color: #111111;font-weight: bold;line-height: 1;margin-bottom: 2.083vw;}
.idx3-1 .h2{font-size: 1.0416vw;color: #393939;line-height: 1.5;margin-bottom: 2.083vw;}

.idx3-1 .mmo{display: flex;align-items: center;height: 30px;margin-top: 4.166vw;}
.idx3-1 .mmo a{display: block;font-size: 18px;color: #333;font-weight: bold;line-height: 30px;}
.idx3-1 .mmo i{margin-left: 10px;width: 27px;height: 27px;background: url(../images/6495bab18ef2e0d94f0e1f38be600f171f4db0b0.png) no-repeat center;display: block;}

.idx3-2{width: 53.5%;position: relative;z-index: 4;}
.idx3-2>img{max-width: 100%;/* width: 749px;height: 618px; */}
.idx3-2 .item{width: 10.0133511%;height: 12.135922%;background: url(../images/b2ac236511f47bebfe801ccc9a26a2852580d198.png);background-size: cover;position: absolute;-webkit-animation: bigsmall 1s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;animation: bigsmall 1s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;}

.idx3-2 .item:nth-child(1){top:58.25% ;left: 22.0293%;}
.idx3-2 .item:nth-child(2){top:58.25% ;left: 46.06%;}
.idx3-2 .item:nth-child(3){top:58.25% ;left:65.42%;}
.idx3-2 .item:nth-child(4){top:76.05% ;left:41.38%;}
.idx3-2 .item:nth-child(5){top:79.28% ;left:58.21%;}
.idx3-2 .item:nth-child(6){top:79.28% ;left:70.09%;}
.idx3-2 .item:nth-child(7){top:92.23% ;left:59.41%;}

@keyframes bigsmall {
    0% {
      -webkit-transform: scale(.8);
      -moz-transform: scale(.8);
      -ms-transform: scale(.8);
      -o-transform: scale(.8);
      transform: scale(.8);
    }
    100% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
}

/* home-partner */
.home-partner{
  position: relative;
  background: url(../images/8b9ad9891190f3661c8912de97ddb020c3de3a33.jpg) no-repeat;
  background-size: cover;
}

.partner-top{position: relative;margin-bottom: 3.125vw;}
.partner-title{position: relative;}
.partner-title b{font-family: "Arial";font-size: 2.5vw;color: #0047a5;line-height: 1;opacity: .5;}
.partner-title h3{font-size: 3.125vw;color: #333333;font-weight: bold;margin-bottom: 20px;}
.partner-title p{font-size: 1.25vw;color: #666666;font-weight: normal;}

.partner-more{display: flex;align-items: center;}
.partner-more a{display: block;font-size: 18px;color: #333;font-weight: bold;line-height: 30px;}
.partner-more i{margin-left: 10px;width: 27px;height: 27px;background: url(../images/6495bab18ef2e0d94f0e1f38be600f171f4db0b0.png) no-repeat center;display: block;}

.parlis{display: flex;flex-wrap: wrap;margin: 0 -20px;}
.parlis li{position: relative;width: calc(20% - 40px);margin: 0 20px 1.5625vw 20px;text-align: center;}
.parlis li a{display: block;}
.parlis li .paimg{border: 1px solid #cccccc;}
.parlis li .paimg img{width: 100%;}
.parlis li h3{font-size: 16px;font-weight: normal;color: #2d2d2b;margin: 15px 0;}



/* home-news */
.home-news{
  position: relative;
  background: url(../images/e916bfabac448c05c9669938db5fa55db5cf8b95.jpg) no-repeat;
  background-size: cover;
}
.news-top{position: relative;margin-bottom: 3.125vw;}
.news-atitle{position: relative;}
.news-atitle b{font-family: "Arial";font-size: 2.5vw;color: #0047a5;line-height: 1;opacity: .5;}
.news-atitle h3{font-size: 3.125vw;color: #333333;font-weight: bold;}

.news_con{position: relative;}
.news_swiper{overflow: hidden;}
.news_swiper .swiper-slide{position: relative;padding: 10px;}
.news_swiper .swiper-slide a{display: block;background-color:#fff;box-shadow:0 3px 10px 0 rgba(0,0,0,.1);border-radius:13px}
.news_swiper .swiper-slide .img{overflow:hidden}
.news_swiper .swiper-slide .img img{width:100%;transition:all ease-in-out .3s;border-radius: 13px;}

.news_swiper .swiper-slide .bb4wz{padding:1.0416vw 14px 1.875vw}
.news_swiper .swiper-slide .bb4wz h2{font-size:12px;font-weight:400;font-stretch:normal;color:#666}
.news_swiper .swiper-slide .bb4wz h2 s1{font-family:ArialMT;font-size:29px;font-weight:400;font-stretch:normal;line-height:40px;;color:#000}
.news_swiper .swiper-slide .bb4wz h3{font-size:16px;font-weight:400;font-stretch:normal;line-height:1.5;color:#222;margin-top:7px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news_swiper .swiper-slide .bb4wz h4{font-size:13px;font-weight:400;font-stretch:normal;line-height:1.5;color:#000;margin-top:1.25vw}
.news_swiper .swiper-slide .bb4wz h4 img{margin-left:5px;margin-top:-2px}
.news_swiper .swiper-slide .bb4wz h5{width:123px;height:3px;background-color:#d7d7d7;margin-top:18px;position:relative}
.news_swiper .swiper-slide .bb4wz h5:before{content:'';width:53px;height:3px;background-color:#2675bf;position:absolute;left:0;top:0}
.news_swiper .swiper-slide:hover .img img{transform:scale(1.1);transition:all ease-in-out .3s}

.tab-con2 { position: relative; }
.tab-con2 .tab-main2 { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con2 .tab-main2 { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con2 .tab-main2.active { position: static; opacity: 1; visibility: visible; }


/* home-contact */
.home-contact{
  position: relative;
}
.home-contact-first{
  background: url(../images/ca8dc894a5e79aea74d58c07961f3704a3f48878.jpg) no-repeat;
  background-size: cover;
  padding-top: 7.825vw;
  padding-bottom: 6.25vw;
  text-align: center;
}
.od-mid{position: relative;}
.od-mid h3{font-size: 1.97916vw;color: #fff;margin-bottom: 30px;font-weight: bold;letter-spacing: 3px;}
.od-mid .pp{font-size: 0.8333vw;color: #fff;max-width: 1110px;margin: 0 auto;padding-bottom: 2.60416vw;line-height: 1.7;padding-left: 15px;padding-right: 15px;}
.od-mid a{display: inline-block;width: 122px;line-height: 42px;border: 1px solid #fff;font-size: 14px;color: #fff;transition: all .3s ease;}
.od-mid a i{font-style: inherit;margin-left: 10px;}
.od-mid a:hover{color: #fff;background-color: #00295f;border-color: #00295f;}


.home-contact-second{background: #00295f;}
.home-contact-top{position: relative;padding-top: 1.60416vw;padding-bottom:15px;border-bottom: 1px solid rgba(255,255,255,.3);}
.home-contact-top .otem{position: relative;}
.home-contact-top .otem h2{color: #fff;font-size: 16px;font-weight: normal;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px dashed rgba(255,255,255,.6);}

.home-contact-top .otem1{width: 280px;}
.home-contact-top .otem2{width: 280px;}
.home-contact-top .otem3{width: 380px;}
.home-contact-top .otem4{width: 290px;}


/* .home-contact-top .otem2 .sflist {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.home-contact-top .otem2 .sflist li {
    line-height: 30px;
    width: 48%;
    float: left;
} */

.sflist {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.sflist li {
    line-height: 30px;
    width: 48%;
    float: left;
}
/* .sflist{position: relative;}
.sflist li{line-height: 30px;} */
.sflist li a{display: block;font-size: 14px;color: #fff;}

.home-contact-top .ca-con{line-height: 30px;font-size: 14px;color: #fff;}
.home-contact-top .ca-con p{padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px dashed rgba(255,255,255,.6);}

.ewm-img1{text-align: center;color: #fff;font-size: 14px;}
.ewm-img1 img{width: 108px;}
.ewm-img1 p{margin: 10px 0;}

.home-contact-com{position: relative;font-size: 14px;color: #fff;line-height: 1.7;padding-top: 20px;padding-bottom: 30px;}
.home-contact-com a{color: #fff;}

.hcc-left{position: relative;width: calc(100% - 200px);}
.hcc-right{position: relative;}
.hcc-right .con{position: relative;}
.hcc-right .con .button{background: #001c42;line-height: 22px;display: inline-block;padding:10px 20px;cursor: pointer;}
.hcc-right .con .button i{margin-left: 4.166vw;z-index:99;transition: all .3s ease;background: url(../images/d6cf8c84607512f416ebef9c302294d52c686747.png) no-repeat center;width: 12px;height: 8px;display: inline-block;}
.hcc-right .con dd{position: absolute;left: 0px;bottom: 100%;width: 100%;display: none;font-size: 14px;color: #fff;background: #001c42;}
.hcc-right .con dd a{padding: 10px 20px;display:block;}
.hcc-right .con .button.acc i{transform:rotate(180deg);}

/*  */
.header{
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.fp-viewing-Page1 .header{background: transparent;box-shadow: none;}

.header:hover{
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}



@media (max-width: 1500px) {
  .max1500{max-width: 92.916%;}
}

@media (max-width: 1440px) {
  .max1600{max-width: 92.916%;}
  .max1400{max-width: 92.916%;}
  .ha-top{margin-top: 6vw;}

  .hh-cp-sort li{margin-left: 10px;}

  .hh-cp-title b{font-size: 18px;}
  .hh-cp-title h3{font-size: 30px;}


  .logo img{max-height: 65px;}
  .tp_con > div img{max-width: 30px;}
  .tp_con > div span{font-size: 16px;}
  .x-menu > li > a{font-size: 15px;}

  .hh-about-tx{font-size: 14px;line-height: 1.6;}
  .app-right{width: 650px;padding-right: 4.166vw;}
  .news_swiper .swiper-slide .bb4wz h3{font-size: 14px;}
  .news_swiper .swiper-slide .bb4wz h2 s1{font-size: 22px;}

  .home-case .max1600{  
    padding-left: 100px;
    padding-right: 100px;
  }

  .hh-case-title b{font-size: 20px;}
  .hh-case-title h3{font-size: 34px;}

  .header > .flex{height: 80px;}
  .tp_con{height: 40px;}
  .x-menu > li > a{height: 40px;line-height: 40px;}
  .x-menu .lastli{line-height: 40px;height: 40px;}
  .x-sub-menu{top: 80px;}


}

@media (max-width: 1366px) {
  .logo img{max-height: 50px;}
}


@media (max-width: 1024px) {
    .fp-tableCell {
        height: auto!important;
    }
    .fp-section {
        height: auto!important;
    }
    #fp-nav {
        display: none;
    }	

    .amax{width: 97%;}

    .home-about,.home-product,.home-case,.home-news,.index3,.home-partner{
      padding: 50px 0;
    }
    .home-contact-top{
      flex-wrap: wrap;
      padding-top: 40px;
      padding-bottom: 30px;
    }
    .home-contact-top .otem{
       margin-bottom: 20px;
    }

    .od-mid h3{
      font-size: 25px;
    }
    .od-mid .pp{
      font-size: 14px;
    }
     .parlis li h3{
      font-size: 14px;
      margin: 10px 0;
    }
    .hh-case-sort li a{
      font-size: 16px;
    }

    .hh-about-tit h3{
      font-size: 24px;
    }
    .hh-about-tit p{
      font-size: 16px;
    }

    .number{
      flex-wrap: wrap;
    }
    .number li{
      position: relative;
      width: 50%;
    }

    .number li+li::before{
      display: none;
    }
    .number li+li{
      padding-left: 0px;
    }

    .hh-cp-sort li a,.hh-cp-sort .las a{
      font-size: 15px;
      line-height: 50px;
      padding: 0 5px;
    }

    .pro_swiper .swiper-slide .pro-aleft h4{
      font-size: 15px;
    }
    .pro_swiper .swiper-slide .pro-aleft h3{
      font-size: 20px;
    }
    .cate_middle_wap .swiper-button-next, 
    .cate_middle_wap .swiper-button-prev{
      width: 45px;
      height: 45px;
    }

    .pro_swiper .swiper-slide .pro-aleft .msh{
      font-size: 14px;
    }


    .app-right{
      width: 50%;
    }
    .hh-cp-title b,
    .hh-app-title b,
    .partner-title b,
    .hh-case-title b,
    .news-atitle b{
      font-size: 18px;
      margin-bottom: 10px;
      display: block;
    }
    .hh-app-title h3,.hh-cp-title h3,.partner-title h3,.news-atitle h3,.hh-case-title h3{
      font-size: 24px;
    }
    .hh-app-title p,.partner-title p{
      font-size: 12px;
    }
    .app-list2 li .sml-txt h3{
      font-size: 14px;
    }

    .hh-app-title h3{margin-bottom: 20px;}

    .idx3-1 .h0{font-size: 18px;}
    .idx3-1 .h1{font-size: 24px;margin-top: 10px;margin-bottom: 20px;}
    .idx3-1 .h2{font-size: 14px;}
    .idx3-1 .item p{font-size: 14px;}


    .idx3-1 .mmo a,.pro_swiper .swiper-slide .pro-aleft .mmo a,.hh-about-mo a,.partner-more a{font-size: 14px;font-weight: normal;}



}


@media (max-width: 992px) {
  .max1500{max-width: 98%;}
  .max1600{max-width: 98%;}
  .max1400{max-width: 98%;}

  .hh-about-tx{line-height: 2;}
  .hh-about-tit h3{margin-bottom: 10px;}

  .ha-top-left{width: 100%;margin-bottom: 30px;}
  .ha-top-right{width: 100%;}

  .number li h3 i{font-size: 22px;}
  .app-right{position: relative;width: 100%;padding: 30px 20px;}
  .app-list2 li{padding: 20px;}

  .hh-case-title{width: 100%;margin-bottom: 20px;}
  .idx3-1{width: 100%;margin-bottom: 30px}
  .idx3-2{width: 100%;}

  .partner-title{width: 100%;margin-bottom: 20px;}
  .news-atitle{width: 100%;margin-bottom: 20px;}

  .hh-cp-title{width: 100%;margin-bottom: 0px;}

  .news-top{margin-bottom: 30px;}
  .home-contact-first{padding: 60px 0;}
  .od-mid h3{font-size: 17px;}
  .od-mid .pp{padding-bottom: 30px;}

  .hcc-left{width: 100%;}



}




@media (max-width: 768px) {
  .home-about, .home-product, .home-case, .home-news, .index3, .home-partner{padding: 35px 0;}
  .parlis{margin: 0 -10px;}
  .parlis li{width: calc(50% - 20px);margin: 0 10px 10px 10px;}
  .home-contact-top .otem{width: 100%!important;margin-bottom: 30px;}
.home-contact-top .otem4{width:72%!important;}
  .list_case1{width: 100%;}
  .list_case2{width: calc(100% + 20px);margin: 0 -10px;}
  .list_case2 li{margin: 0 10px 20px 10px;}

  

  .partner-top,.home-case-top,.home-cp-top,.hh-about-tit{margin-bottom: 25px;}
  .partner-title{margin-bottom: 20px;}

  .hh-cp-sort{flex-wrap: wrap;}
  .hh-cp-sort li a, .hh-cp-sort .las a{line-height: 50px;}
  .cate_middle_wap .swidth{width: 100%;}
  .hh-cp-sort li,.hh-cp-sort .las{margin-left: 0px;margin-right: 10px;}
  .pro_swiper{width: auto;}
  .pro_swiper .swiper-slide{width: 100%;}
  .pro_swiper .swiper-slide .pro-aleft{width: 100%;margin-bottom: 30px;}
  .pro_swiper .swiper-slide .pro-aleft h3{margin-bottom: 15px;}
  .pro_swiper .swiper-slide .pro-aright{width: 100%;}

  .cate_middle_wap .arrows{position: relative;width: 100%;display: flex;align-items: center;margin-top: 30px;}
  .cate_middle_wap .swiper-button-next{margin-top: 30px;}
  .qiee{width: 50%;}
  .sms-wap{width: 50%;}
  .sms-swiper{width: 100%;}
  .pro_swiper .swiper-slide .fflex{width: 100%;}
  .number li .nim img{max-width: 40px;}

  .hh-about-tit b{font-size: 30px;height: 20px;}
  .hh-app-title{width: 100%;}
  .idx3-1 .item .h3 span{font-size: 40px;}
  
  
}



/* */
@media (min-width: 1024px){
    .home-product{
      padding-top: 5.2083vw;
    }

  

    .x-banner .owl-carousel .banner-item a img{
       width: 100vw;height: 100vh;object-fit: cover;
    }
    /* .pro_swiper .swiper-slide .pro-aright img{
      width: 28.2083vw;
    } */

    .app-swiper1,.app-swiper1 .swiper-slide img{
      height: 100%;
    }
    .app-swiper1 .swiper-slide img{
      object-fit: cover;
    }  

   

  

}

@media(min-width: 1024px){
    .sun-delay0 {
      -webkit-transition-delay: 0.2s;
      transition-delay: 0.2s;
    }
    
    .sun-delay1 {
       -webkit-transition-delay: 0.4s;
      transition-delay: 0.4s;
    }
    
    .sun-delay2 {
      -webkit-transition-delay: 0.6s;
      transition-delay: 0.6s;
    }
    
    .sun-delay3 {
      -webkit-transition-delay: 0.8s;
      transition-delay: 0.8s;
    }
    
    .sun-delay4 {
      -webkit-transition-delay: 1s;
      transition-delay: 1s;
    }
    
    .sun-delay5 {
      -webkit-transition-delay: 1.2s;
      transition-delay: 1.2s;
    }
    
    .sun-delay6 {
      -webkit-transition-delay: 1.4s;
      transition-delay: 1.4s;
    }
    
    .sun-delay7 {
      -webkit-transition-delay: 1.6s;
      transition-delay: 1.6s;
    }
    
    .sun-delay8 {
      -webkit-transition-delay: 1.8s;
      transition-delay: 1.8s;
    }
    
    .sun-delay9 {
      -webkit-transition-delay: 2s;
      transition-delay: 2s;
    }
    
    .sun-delay10 {
       -webkit-transition-delay: 2.2s;
       transition-delay: 2.2s;
    }
    
    .sun-ani-left,
    .sun-ani-down,
    .sun-ani-up,
    .sun-ani-right {
        opacity: 0;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: .7s;
        transition-duration: .7s;
    }
    
    .sun-ani-left {
       -webkit-transform: translateX(-100px);
       transform: translateX(-100px);
    }
    
    .sun-ani-down {
       -webkit-transform: translateY(-100px);
       transform: translateY(-100px);
    }
    
    .sun-ani-up {
       -webkit-transform: translateY(-200px);
       transform: translateY(200px);
    }
    
    .sun-ani-right {
       -webkit-transform: translatex(100px);
       transform: translatex(100px);
    }
    
    .actives .sun-ani-left {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
    }
    
    .active .sun-ani-left {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
    }
    
    .active .sun-ani-down {
       opacity: 1;
       -webkit-transform: translateY(0);
       transform: translateY(0);
    }
    
    .active .sun-ani-up {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    
    .active .sun-ani-right {
       opacity: 1;
       -webkit-transform: translatex(0);
       transform: translatex(0);
    }
    .active2 .sun-ani-left{
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .active2 .sun-ani-right{
       opacity: 1;
       -webkit-transform: translatex(0);
       transform: translatex(0);
    }

}



/*  */
.modal2{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal-content2{
   position: relative;
    background-color: rgba(0, 0, 0, .8);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
}

.close2{
    font-size: 51px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity = 80);
    opacity: .8;
    cursor: pointer;
    text-align: right;
    display: block;
}

.modal-video2{
  cursor: pointer;
  display: block;
  width: 100%;
}
.modal-video2 video{
  width: 100%;
}