@charset "utf-8";
@import "/font/webfont.css?v=1.15";
body{font-size:14px;font-weight:400;color:#000;margin:0px;padding:0px; background:#fff;font-family: Montserrat, "siyuan", sans-serif;}


html, body {margin:0;height: 100%;}

p,form,h1,h2,h3,h4,h5,h6,input,dl,dd,table,td,input,ul,li{margin:0px;padding:0px;}
h1,h2,h3,h4,h5,h6{ font-weight:normal}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
img{border:none;}
li{ list-style:none}
a{color:#333;text-decoration:none; outline: none;}
a:hover{color: #000;}
.clear{clear:both;}
input,button,select,textarea{outline: none;border:none;}
select::-ms-expand { display: none; }
select{appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;}
@font-face {
  font-family: 'lsfont';  /* Project id 752944 */
  src: url('//at.alicdn.com/t/font_752944_vuzbjsdip9.woff2?t=1644486845095') format('woff2'),
       url('//at.alicdn.com/t/font_752944_vuzbjsdip9.woff?t=1644486845095') format('woff'),
       url('//at.alicdn.com/t/font_752944_vuzbjsdip9.ttf?t=1644486845095') format('truetype');
}
.iconfont{font-family:"lsfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.lsfont{font-family:"lsfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.content{width:1200px; margin:0 auto;}
.layui-layer-setwin .layui-layer-close2{background: url(/images/cha.png) no-repeat center!important;right: 0!important;top: 0px!important;width: 16px!important;height: 16px!important;-webkit-transition:all ease-in-out 400ms;transition:all ease-in-out 400ms;-ms-transform:all ease-in-out 400ms;overflow:hidden;}
.layui-layer-setwin .layui-layer-close2:hover{background: url(/images/cha.png) no-repeat center!important;   -webkit-transform: rotate(180deg);  -moz-transform: rotate(180deg);transform: rotate(180deg);}
.layui-layer.layui-layer-iframe{border-radius:0!important; box-shadow: 0px 0px 0px rgba(0,0,0,0);}

.noselect{
-webkit-touch-callout: none;-webkit-user-select: none;
-khtml-user-select: none; -moz-user-select: none;
-ms-user-select: none; user-select: none; 
}
#loading {
    position: fixed;
    z-index: 2500;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #FFF;
    z-index: 999999;
}
#loading .loading_gif {
    position: fixed;
    z-index: 100;
    width: 250px;
    height: 250px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(/images/status.gif);
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: center;
    margin: -125px 0 0 -135px;
}

.btn{clear: both;}
.btn.center{text-align:center;}
.btn a{background-color: #2194f3;border-radius: 20px;color: #fff;padding: 10px 30px;text-align: center;display: inline-block;margin-top: 15px;transition: all .3s; }
.btn a:hover{background-color: #117bd2;transition: all .3s; }

.top{background-color: #2c4776; width:100%; position:fixed; z-index:10;}
.top a{font-size: 0;}
.top .logo{height:86px; background-size:100%;display: flex;justify-content: center;align-items: center;float: left;}
.top .logo img{height:40px;align-items: center;filter: grayscale(1) brightness(0) invert(100%);}
.top .nav{margin:0 auto;float: right;}
.top .nav>li{width: auto;height: auto;display: inline-block;}
.top .nav>li>a{line-height:86px;font-size:16px;display: inline-block; padding:0 10px; position:relative; color:#fff; font-weight: 500;transition: all .3s; }
.top .nav>li>a:hover{color:#14acff;transition: all .3s; }
.top .nav>li>a:after{
    content: '';
    display: block;
    width: 0%;height: 2px;
    background-color: #14acff;
    transition: all .3s;
    position: absolute;
    left: 0;bottom: 0;
}
.top .nav>li>a:hover:after,.top .nav>li>a.cur:after {width: 100%;}


.top .nav li .submenu{display:none;box-shadow: 0px 2px 2px rgba(34,34,34,0.3);background-color: rgba(41, 43, 55, 0.9); max-width:350px;text-align:left;position:absolute;z-index:200;}
.top .nav li .submenu li{border:0; float:none; padding:0; text-align:left;background:none;width:auto;display: block; position:relative;border-bottom: 1px solid #2f3240;}
.top .nav li .submenu li.last{border:none;}
.top .nav li .submenu li a{padding:8px 12px 8px 20px; width:auto;color:#fff; font-size:14px;line-height:22px;display: block;}
.top .nav li .submenu li a:hover{ background-color:#384967;}

.top .nav li .submenu li.on>a:after {
    content: "\eb8b";
    font-family: "lsfont";
    color: #333;
    font-size: 30px;
  right:4px;
    position: absolute;
}

.top .nav li .submenu li .submenu_two{min-width: 220px; position: absolute;left: 220px;top:0px;background-color: rgba(41, 43, 55, 0.9); transition: all .3s; opacity:0;box-shadow: 0px 2px 2px rgba(34,34,34,0.3); visibility:hidden;}

.top .nav li .submenu li:hover .submenu_two{top:0px; opacity:1;transition: all .3s; visibility:inherit;}


.index_swiper{width: 100%;height:calc(65% - 0px);--swiper-navigation-size: 50px;  padding-top: 86px;margin-right: auto;position: relative;overflow: hidden;list-style: none;z-index: 1;} 
.index_swiper .swiper-slide{background-size: cover; position:relative; background-position:center center;display: flex; justify-content: center; align-items: center;}
.index_swiper .swiper-slide video{width: 100%; height: auto;}
.index_swiper .swiper-slide a{display:block; width:100%; height:100%;}
.index_swiper .swiper-pagination-bullets{right:50px;}
.index_swiper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  background: #fff;
  opacity: .3;
  margin:16px 6px!important;
  border-radius: 20px;
  transition: opacity .5s, background-color .5s, width .5s;
  transition-delay: .5s, .5s, 0s;
  outline: none;
  transition: all .3s;
}
.index_swiper .swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff;
  width:20px;
  transition-delay: 0s;
  outline: none;
  transition: all .3s;
}
.swipercontactnext,.swipercontactprev{margin: 0;padding: 0;background-image: none;outline: none;width:50px; height:80px;margin-top: 0px;}
.swipercontactprev{margin-left:50px;}
.swipercontactnext{margin-right:50px;}
.swipercontactprev:after{
  content:'';border-width: 3px 0 0 3px;border-color: #ccc;
  opacity:0.6;
    width: 40px;height: 40px;border-style: solid;
    -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
  transition:all .2s;
}
.swipercontactprev:hover:after{
  opacity:1;
  border-color: #fff;margin-left: -10px;
  transition:all .2s;
}

.swipercontactnext:after{
  opacity:0.6;
  content:'';border-width: 0 3px 3px 0;border-color: #ccc;
    width: 40px;height: 40px;border-style: solid;
    -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
  transition:all .2s;
}

.swipercontactnext:hover:after{
    opacity: 1;
  border-color: #fff;margin-right: -10px;
  transition:all .2s;
}


.banner_txt{color:#fff; text-align:center; position:absolute;}
.banner_txt h1{font-weight:500; font-size:42px; clear:both;}
.banner_txt h2{font-weight:400; font-size:26px; clear:both; padding-top: 30px;}
.banner_txt h3{padding-top: 50px;}
.banner_txt h3 img{width:690px;}
.banner_txt .l{content: '';display: block;width: 160px;height:1px;background-color: #FFFFFF; float:left; top: 35px;position: absolute;}
.banner_txt .r{content: '';display: block;width: 160px;height:1px;background-color: #FFFFFF; float:right; top: 35px;position: absolute; right:0;}

.index01{padding:90px 0; display:flex;}
.index01 .item{display:flex;align-items: center;}
.index01 .item2{display:flex; align-items: center;margin-top:50px;}
.index01 .item .l{float:left;width:calc(90% - 470px); padding-right:50px; line-height:28px;}
.index01 .item .l h2{color: #2c4776; font-size:32px;  padding-bottom:20px;}
.index01 .item .l .info p{padding:8px 0; display:block; font-size:16px;}
.index01 .item .r{float:right;width:420px;}
.index01 .item .r video{width:100%;object-fit: cover;-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}
.index01 .item2 .l{float:left;width:420px;padding-right:50px; }
.index01 .item2 .l video{width:100%;object-fit: cover;-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}
.index01 .item2 .r{float:right;width:calc(90% - 470px);}
.index01 .item2 .r h2{color: #2c4776; font-size:32px; padding-bottom:20px;}
.index01 .item2 .r .info p{padding:8px 0; display:block; font-size:16px;}
.index02{padding:60px 0; display:flex;background-color: #f6f8f7;}
.index02 .tit{color: #2c4776; font-size:32px; text-align:center; padding-bottom:50px;}
.index02 li{float:left;width:calc(25% - 40px); margin:0 20px; text-align:center;}
.index02 li img{width:80px;}
.index02 li p{font-size:16px;color: #2c4776; padding:10px 0;}
.index03{padding:60px 0; display:flex;}
.index03 .l{float:left;width:calc(65% - 120px); padding:0 60px;background-color: #2c4776; height:400px;display:flex; align-items:center;}
.index03 .l p{color: #fff584; font-size:22px;}
.index03 .l p span{font-size:14px; color:#fff; display:block; padding-top:30px;}
.index03 .r{float:right;width:35%; height:100%;background-image:url(/images/index01.jpg);background-size: cover;}

.product01_ban{background-color: #2194f3; padding-top:86px;}
.product01_ban h2{font-size:52px; color:#fff; padding:90px 0;}
.product01_01{padding:70px 0; display:flex;}
.product01_01 .content{display:flex; align-items:center;}
.product01_01 .l{float:left;width:calc(100% - 550px); padding-right:50px;}
.product01_01 .l h2{font-size:42px; padding-bottom:15px;color: #2c4776; font-weight:300;}
.product01_01 .l .info p{padding:6px 0; font-size:16px; line-height:26px;}
.product01_01 .r{float:right;width:500px;}
.product01_01 .r img{width:100%;}
.product01_02{padding:70px 0;background-color: #f6f8f7; display:flex;}
.product01_02 .title{text-align:center;}
.product01_02 .title h2{font-size:42px;color: #2c4776; font-weight:300;}
.product01_02 .title p{font-size:18px;color: #2c4776; padding:15px 0 60px;}

.product01_02 ul{margin:0 -10px;}
.product01_02 li{margin:0 10px 25px;width:calc((100% - 94px) / 4);display: inline-block;vertical-align: top;}
.product01_02 li .pro_pic{height:170px; background-position:center center; background-size:cover;}
.product01_02 li h3{font-size:16px;color: #2c4776; padding:8px 0;}
.product01_02 li p{font-size:14px; line-height:24px;}
.product01_02 li a:hover h3{ text-decoration:underline;}
.product01_02 li a:hover p{color:#000;}

.product01_details_ban{background-color: #2194f3; padding-top:86px;}
.product01_details_ban .content{padding:90px 0;}
.product01_details_ban h2{font-size:52px; color:#fff; padding:0px 0 20px;}
.product01_details_ban p{font-size:20px; color:#fff;}
.product01_details_01{padding:90px 0;}
.product01_details_01 .content{display:flex; align-items:center;}
.product01_details_01 .l{float:left;width:calc(100% - 500px); padding-right:50px;}
.product01_details_01 .l h2{font-size:30px; padding-bottom:15px;color: #2c4776;}
.product01_details_01 .l .info p{padding:6px 0; font-size:16px; line-height:26px;}
.product01_details_01 .r{float:right;width:450px;}
.product01_details_01 .r video{width:100%;object-fit: cover;-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}
.product01_details_02{background-color: #f6f8f7; padding:70px 0; display:flex;}
.product01_details_02 .title{text-align:center;}
.product01_details_02 .title h2{font-size:30px;color: #2c4776; }
.product01_details_02 ul{margin:0 -10px;}
.product01_details_02 li{margin:50px 10px 15px;width:calc((100% - 60px) / 3);float:left;}
.product01_details_02 li .gif{height:230px; background-position:center center; background-size:cover;}
.product01_details_02 li h3{font-size:18px;color: #2c4776; padding:15px 0 8px;}
.product01_details_02 li p{font-size:14px; line-height:24px;color: #2c4776;}
.product01_details_03{padding:80px 0; display:flex;background-color: #e2eff9;}
.product01_details_03 li{float:left;width:calc((100% - 180px) / 3); margin:0 30px; text-align:center;}
.product01_details_03 li img{width:80px;}
.product01_details_03 li p{font-size:15px;color: #2c4776; padding:10px 35px;}

.product01_details_04{padding:90px 0; display:flex;}
.product01_details_04 .item{display:flex;align-items: center;}
.product01_details_04 .item2{display:flex; align-items: center;margin-top:50px;}
.product01_details_04 .item .l{float:left;width:calc(50% - 50px); padding-right:50px; line-height:28px;}
.product01_details_04 .item .l h2{color: #2c4776; font-size:32px;  padding-bottom:20px;}
.product01_details_04 .item .l .info p{padding:8px 0; display:block; font-size:16px;}
.product01_details_04 .item .r{float:right;width:50%;}
.product01_details_04 .item .r img{height:260px;}
.product01_details_04 .item2 .l{float:left;width:50%;padding-right:50px; padding-top:20px;}
.product01_details_04 .item2 .l img{height:260px;}
.product01_details_04 .item2 .r{float:right;width:calc(50% - 50px);}
.product01_details_04 .item2 .r h2{color: #2c4776; font-size:32px; padding-bottom:20px;}
.product01_details_04 .item2 .r .info p{padding:8px 0; display:block; font-size:16px;}

.product01_details_05{background-color: #f6f8f7; padding:70px 0; display:flex;}
.product01_details_05 .title{text-align:center;}
.product01_details_05 .title h2{font-size:30px;color: #2c4776; }

.product01_details_05 .down{padding-top:30px;width: 80%;margin: 0 auto;}
.product01_details_05 .down li{box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.075) !important;background-color: #fff;margin-bottom: 10px; padding: 15px 20px;}
.product01_details_05 .down li:hover{cursor:pointer;}
.product01_details_05 .down li h3{font-size:18px; position:relative;}
.product01_details_05 .down li .info{line-height:30px;overflow:hidden; font-size:16px; color:#555;padding-right: 40px; padding-top:10px; display:none;}
.product01_details_05 .down li h3:after {
    content: "\eb8c";
    font-family: "lsfont";
    color: #383838;
    font-size: 50px;
    position: absolute;
	right:0;
	top:-10px;
	-webkit-transition:all ease-in-out 300ms;transition:all ease-in-out 300ms;-ms-transform:all ease-in-out 300ms;
}
.product01_details_05 .down li:hover h3{color:#555;}
.product01_details_05 .down li.show h3:after{-webkit-transform: rotate(-180deg);  -moz-transform: rotate(-180deg);transform: rotate(-180deg);}

.product01_list_01{padding:90px 0;display:flex;background-color: #f6f8f7;}
.product01_list_01 .info{line-height:30px;}
.product01_list_01 .info h2{font-size:30px; padding-bottom:15px;color: #2c4776;}
.product01_list_01 .info p{padding:6px 0; font-size:16px; line-height:26px;}
.product01_list_02{padding:90px 0;display:flex;}
.product01_list_02 .info{line-height:30px;}

.product02_details_ban{background-color: #2c4776; padding-top:86px;}
.product02_details_ban .content{padding:90px 0;width:1140px;}
.product02_details_ban h2{font-size:52px; color:#fff; padding:0px 0 20px;}
.product02_details_ban p{font-size:20px; color:#fff;}
.product02_details_01{background-color:#ededed; padding:90px 0;}
.product02_details_01 .content{width:1140px;}
.product02_details_01 .content .details{background-color:#fff; padding:30px;clear: both;}
.product02_details_01 .content .tag{width:100%;background-color:#fff;display: flex; border-top:1px solid #ededed;border-bottom:1px solid #ededed;}
.product02_details_01 .content .tag li{float:left; text-align:center;}
.product02_details_01 .content .tag li a{color: #3a5799; font-size:16px; display:block; padding: 10px 20px;}
.product02_details_01 .content .tag li a:hover{background-color: #2c4776; color:#fff;}
.product02_details_01 .content .tag li a.cur{background-color: #2c4776;color:#fff;}


.product02_swiper{width: 100%;margin-right: auto;position: relative;overflow: hidden;list-style: none;z-index: 1; margin-bottom:30px;} 
.product02_swiper .swiper-slide{height: 1px;}
.product02_swiper .swiper-slide.swiper-slide-active{height: auto;}
.product02_swiper .swiper-slide img{width: 100%; height: auto;}
.product02_swiper .swiper-slide a{display:block; width:100%; height:100%;}
.product02_swiper .swiper-pagination-bullets{right:50px;}
.product02_swiper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  background: #2053ac;
  opacity: .3;
  margin:16px 6px!important;
  border-radius: 20px;
  transition: opacity .5s, background-color .5s, width .5s;
  transition-delay: .5s, .5s, 0s;
  outline: none;
  transition: all .3s;
}
.product02_swiper .swiper-pagination-bullet-active {
  opacity: 1;
  background: #2053ac;
  width:20px;
  transition-delay: 0s;
  outline: none;
  transition: all .3s;
}
.product02_swiper_next,.product02_swiper_prev{margin: 0;padding: 0;background-image: none;outline: none;width:40px; height:70px;margin-top: -35px;}
.product02_swiper_prev{margin-left:50px;}
.product02_swiper_next{margin-right:50px;}
.product02_swiper_prev:after{content:'';border-width: 3px 0 0 3px;border-color: #333;opacity:0.6;width: 30px;height: 30px;border-style: solid;-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);transition:all .2s;}
.product02_swiper_prev:hover:after{opacity:1;border-color: #222;margin-left: -10px;transition:all .2s;}

.product02_swiper_next:after{opacity:0.6;content:'';border-width: 0 3px 3px 0;border-color: #333;width: 30px;height: 30px;border-style: solid;-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); transition:all .2s;}
.product02_swiper_next:hover:after{opacity: 1;border-color: #222;margin-right: -10px;transition:all .2s;}
.details .info{line-height:30px; clear:both; font-size:16px; display:none;}
.details .info img{max-width:100%;}
.details .info.show{display:block;}



.details .info .table th, .ce-table th, .details .info .table td, .ce-table td {padding: 0.75rem;vertical-align: top;border-top: 1px solid #dee2e6;}
.table-product-responsive tr {background-color: rgba(247, 247, 247, .56);}
.table-product-responsive tr.section {background-color: #fff;font-size: 1.1rem;font-weight: 700;}
.table-product-responsive tbody tr:hover {background-color: rgba(0, 0, 0, .075)!important;}
.table-product tbody tr:hover {background-color: rgba(0, 0, 0, .075)!important;}
.info .item{margin-bottom:50px;}
.info .item .class_info{}
.info .item .class_info img{max-width:100%;}
.info .item h2{font-size:25px;}
.info .item h2 img{height:42px; padding-right:15px;}
.info .item ul{border: 1px solid rgba(0, 0, 0, .125); border-radius:3px; margin:20px 0 20px;}
.info .item li{border-bottom:1px solid rgba(0, 0, 0, .125); padding:12px 0;}
.info .item li:last-child{border-bottom:0;}
.info .item li a{padding: 0 20px 0 40px;color: #3a5799; position:relative;display: flex;align-items: center;justify-content: space-between;transition: all .3s;}
.info .item li a:before {
    position: absolute;
    content: "\e6e9";
    font-family: "lsfont";
    font-size: 20px;
    color: #3a5799;
    left: 15px;
    font-weight: normal;
    transition: all .3s;
}
.info .item li a span{float:right;display: flex;align-items: center; position:relative;}
.info .item li a span img{position: absolute;height: 24px;right: 8px;}
.info .item li a span:after{
    content: '';
    background-color: #3a5799;
    width:40px;
    height:40px;
    display: inline-block;
    border-radius: 20px;
    margin-left: 10px;
    transition: all .3s;
}
.info .item li a:hover,.info .item li a:hover span{text-decoration:underline;color: #1c2c53;transition: all .3s;}
.info .item li a:hover span:after{background-color: #1c2c53;transition: all .3s;}

.video_ban{background-color: #2194f3; padding-top:86px;}
.video_ban h2{font-size:52px; color:#fff; padding:90px 0;}
.video01{padding:20px 0 70px; display:inline-block;background-color: #f6f8f7; width:100%;}
.video01 .title {padding:50px 0 25px; clear:both;}
.video01 .title h2{font-size: 36px;color: #2c4776;}
.video01 ul{margin:0 -10px;}
.video01 li{width:calc(50% - 20px); padding:0 10px 10px; float:left;}
.video01 li video{
    height:400px;object-fit: cover;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; width:100%;
}
.video01 li h3{font-size:18px; text-align:center; padding:10px 0;}

.about01{padding:70px 0;display:flex;background-image: url(/images/index02.jpg);background-size: contain;background-repeat: no-repeat;background-position: right 0;}
.about01 .content{display:flex; align-items:center;}
.about01 .l{float:left;width:calc(100% - 500px); padding-right:50px;}
.about01 .l .info{font-size:16px;}
.about01 .l h2{font-size:42px; padding-bottom:15px;color: #2c4776; font-weight:300;}
.about01 .l .info p{padding:6px 0; font-size:16px; line-height:26px;}
.about01 .r{float:right;width:450px;}
.about01 .r img{width:100%;}

.about02{padding:70px 0;background-color: #f6f8f7; display:flex;}
.about02 li{float:left;width:calc((100% - 180px) / 3); margin:0 30px;}
.about02 li img{width:80px;}
.about02 li h3{font-size:18px;color: #2c4776; padding:20px 0;}
.about02 li p{font-size:14px;color: #333; font-weight:300; line-height:24px;}


.contact01_ban{background-color: #2194f3; padding-top:86px;}
.contact01_ban h2{font-size:52px; color:#fff; padding:90px 0;}
.contact01{padding:70px 0;display:flex;}
.contact01 .content{text-align:center;}
.contact01 .content h2{font-size:32px;color: #2c4776; padding-bottom:20px;font-weight: 500;}
.contact01 .info{line-height:36px; font-size:18px;}
.contact01 .pic{margin-top:20px;}




.foot {background-color: #292b37;padding: 25px 0;text-align: center;color: #8e8e98;clear: both;line-height: 22px;font-size: 14px;}
.foot a{color: #8e8e98;}
.foot a:hover{text-decoration: underline;}