@charset "utf-8";

body{font-size:14px;font-weight:normal;color:#555;margin:0px;padding:0px; background:#fff;/*font-family:"siyuan";*/font-family: "Work Sans", Arial, sans-serif;}


html, body {margin:0;height: 100%; min-width: 1366px;}
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:#555;text-decoration:none; outline: none;transition: all .3s;}
a:hover{color: #000;transition: all .3s;}
.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/c/font_752944_5rzxf8gmbrg.woff2?t=1665385417382') format('woff2'),
       url('//at.alicdn.com/t/c/font_752944_5rzxf8gmbrg.woff?t=1665385417382') format('woff'),
       url('//at.alicdn.com/t/c/font_752944_5rzxf8gmbrg.ttf?t=1665385417382') 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;}
.content1080{width:1080px; margin:0 auto;}
.noselect{
-webkit-touch-callout: none;-webkit-user-select: none;
-khtml-user-select: none; -moz-user-select: none;
-ms-user-select: none; user-select: none; outline:none;
}
.location{padding:20px 0;}
.location a{color:#1B98D0;}
.location a:hover{color:#333;}


.top{}
.top .up{height:32px;background-color: #5eb4cd; width:calc(100% - 60px); padding:0 30px;display: flex;align-items: center;justify-content: space-between;}
.top .up .l{color:#fff;}
.top .up .l .email{margin-left:10px;}
.top .up .l .tel:before {
    content: "\e6ba";
    font-family: "lsfont";
    color: #fff;
	margin-right:4px;
    font-size: 15px;
	vertical-align: middle;
}
.top .up .l .email:before {
    content: "\e672";
    font-family: "lsfont";
    color: #fff;
	margin-right:4px;
    font-size: 15px;
	vertical-align: middle;
}
.top .up .r li{float:left; margin-left:20px;}
.top .up .r li a{color:#fff; font-weight:bold;}
.top .up .r li a:hover{color:#d8eff8;}

.top .down{width:calc(100% - 60px); padding:10px 30px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px #e7e7e7 solid;}
.top .down .l{}
.top .down .l .logo img{height:60px;}

.top .down .r li{float:left; margin-left:20px;}
.top .down .r li a{color:#666; font-weight:bold;}
.top .down .r li a:hover{color:#5eb4cd;}


.index_swiper{width: 100%; height:780px; --swiper-navigation-size: 50px;margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;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 img{width:100%;}
.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;
}
.banner_txt{position:absolute;width:90%; display:flex;align-items: center;justify-content: space-between;}
.banner_txt .l{float:left;width:550px;}
.banner_txt .r{float:right;width:calc(100% - 550px); max-width:800px;}
.banner_txt .r h2{font-size:48px;color:#fff;}
.banner_txt .r p{font-size:20px;color:#fff; padding-top:10px;}
.banner_video_txt{text-align:center;}
.banner_video_txt h2{font-size:48px;color:#fff;}
.banner_video_txt p{font-size:20px;color:#fff; padding-top:10px;}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.55);
}
.index01{background-color:#efefef; padding:50px 0; display:flex;}
.index01 .index_video{width:1000px;text-align: center; margin:0 auto;}
.index01 .index_video video{width:880px; height:500px;}
.index02{background-color:#999; padding:50px 0; display:flex;}
.index02 .l{float:left; width:calc(100% - 360px); padding-right:60px;}
.index02 .l h2{color:#ff0000; font-size:32px; font-weight:bold;}
.index02 .l p{font-size:16px; padding-top:15px; line-height:26px;}
.index02 .r{float:right; width:300px;}
.index03{padding:50px 0; display:flex;}
.index03 .up{}
.index03 .down{padding-top:40px;}
.index03 .down li{width:calc((100% - 80px) / 4); padding:0 10px; float:left; text-align:center;}
.index03 .down li h2{font-size:18px; color:#333; padding:20px 0 5px;}

.product{padding-top:60px;}
.product .up .l{width:45%; float:left;}
.product .up .l img{max-width:100%;}
.product .up .r{width:55%; float:right;}
.product .up .r h2{font-size:22px; font-weight:bold; padding-bottom:10px; color:#000;}
.product .up .r .info{line-height:24px;}


.product .up.two .l{width:45%; float:right;}
.product .up.two .l img{max-width:100%;}
.product .up.two .r{width:55%; float:left;}
.product .up.two .r h2{font-size:22px; font-weight:bold; padding-bottom:10px; color:#000;}
.product .up.two .r .info{line-height:24px;}



.product .down{clear:both; line-height:24px;padding:20px 0 10px;}
.product .filelist li{border:1px solid #e5e5e5; padding:15px 15px; margin-top:10px;display: flex;align-items: center;justify-content: space-between;}
.product .filelist li a.fileName{
	background-image:url(/images/pdf.svg); 
	background-repeat: no-repeat;height:48px;
	padding-left: 60px;color:#4a8eff;font-size:18px; font-weight:bold;
	display: flex;align-items: center;
}
.product .filelist li a.fileName:hover{text-decoration:underline;}
.product .filelist li a.down_btn{background-color:#4a8eff; padding:8px 12px; color:#fff; font-size:16px; font-weight:bold; display:block; border-radius:5px;}
.product .filelist li a.down_btn:hover{background-color:#3c7de7}
.product  .logo_small{text-align:center; padding:30px 0;}



.about_info{padding:50px 0;font-size:16px; line-height:28px;}


.about_ban{
	background-image: url(/images/about_ban.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 320px;
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
}
.news_ban{
	background-image: url(/images/news_ban.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 320px;
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
}
.contact_ban{
	background-image: url(/images/contact_ban.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 320px;
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
}
.news_info{padding:50px 0 20px;font-size:16px; line-height:28px; display:flex;}
.news_info ul{margin:0 -20px;}
.news_info li{
	margin:0 20px 40px;width:calc((100% - 126px) / 3); 
	float:left; border:1px solid #e5e5e5;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}
.news_info li .info{padding:15px 20px;}
.news_info li .pic{background-repeat: no-repeat;background-position: center center;background-size: cover; height:230px;}
.news_info li .pic a{display:block; width:100%; height:100%;}
.news_info li h2{font-size:17px; padding:5px 0 0; line-height:24px;}
.news_info li h2 a{color:#333;}
.news_info li h2 a:hover{text-decoration:underline;}
.news_info li p{font-size:14px; line-height:22px; padding:5px 0 5px; height: 100px;}
.news_info li a.more{color:#2EA3F2; font-size:14px;}
.news_info li a.more:hover{text-decoration:underline;}
.news_info li:hover{
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transform: translate3d(0,-4px,0);
    -moz-transform: translate3d(0,-4px,0);
    -o-transform: translate3d(0,-4px,0);
    -ms-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
    -webkit-box-shadow: 0 10px 15px 0 rgb(0 0 0 / 6%), 0 15px 40px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 10px 15px 0 rgb(0 0 0 / 6%), 0 15px 40px 0 rgb(0 0 0 / 12%);
}
.cases_info{padding:50px 0;}
.cases_info li{margin:0 30px 60px; width:calc((100% - 280px) / 2);background-color: #62b1d0; float:left; padding:40px 40px; color:#fff;}
.cases_info li.hui{background-color:rgba(0,0,0,0.75);}
.cases_info li h2{font-size:26px;}
.cases_info li time{padding:5px 0;display: block;}
.cases_info li a{display:table; border:2px solid #fff; border-radius:5px; padding:10px 30px; margin-top:20px; font-size:16px; color:#fff;}
.cases_info li a:hover{background-color:#4d9bba;border:2px solid #4d9bba; color:#eef8fb;}

.news_details{padding:0 0 50px;width:960px;}
.news_details h2{text-align: left;font-size:30px;color: #333; padding:30px 0 20px;}
.news_details time{font-size:16px; font-style:italic; padding:5px 0 10px; display:block;}
.news_details .info{font-size:16px; color:#333; line-height:26px; min-height:300px; padding-bottom:50px;display: inline-block;}
a.back{color:#000;clear:both;}
a.back:before{
	content: "\e796";
    font-family: "lsfont";
    color: #1B98D0;
    font-size:16px;
	padding-right:8px;
	vertical-align: bottom;
}
a.back:hover{text-decoration:none;color: #1B98D0;}
.contact_info{padding:80px 0 50px;font-size:16px; line-height:28px;}
.contact_info h2{font-size:36px; padding-bottom:20px;}
.contact_info .info{font-size:18px; line-height:36px;}
.contact_info .info .pic{text-align:center; margin-top:30px;}





.foot {
    background-color: #1b1d26;
    padding: 30px 0;
    text-align: center;
    color: #bbbbbb;
    clear: both;
    line-height: 26px;
	margin-top: 60px;
}
.foot a{color: #bbbbbb;}
.foot a:hover{text-decoration: underline;}