@charset "utf-8";
@import "/fonts/webfont.css";

body{background: #000;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment: fixed !important;font-size: 14px;padding-bottom: 20px;color: #939598;font-family: "Microsoft Yahei","Helvetica Neue","Helvetica","Arial",sans-serif;}

html, body {margin:0;}
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_vjiej1e6u7.woff2?t=1649815465930') format('woff2'),
       url('//at.alicdn.com/t/font_752944_vjiej1e6u7.woff?t=1649815465930') format('woff'),
       url('//at.alicdn.com/t/font_752944_vjiej1e6u7.ttf?t=1649815465930') 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:850px; margin:0 auto; padding:0 55px; background-color:#fff;}

.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;
}

.top{background: transparent url(/images/header_bg.jpg) no-repeat 50% 50% !important;border-radius: 0;height: 135px;align-items: center;display: flex;}
.logo{float:left;margin-left: 40px;}
.nav{float:right; margin-left:30px;margin-top: 33px;}
.nav li{float:left;position:relative;padding: 8px 12px;}
.nav li a{color:#c8dae6; font-size:12px;transition: all .3s;}
.nav li:hover{color: #fff;background:#012849;transition: all .3s;padding: 8px 12px;}
.nav li:hover .submenu{
	z-index: 999;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
	opacity:1;
	visibility: visible;
	display: block;
	background: rgba(0, 38, 71, 0.8);
}
.submenu{width:max-content; background: #fff;position: absolute;
	top:35px;
	left: 0px;
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
	visibility: hidden;
	z-index: -100;
	opacity:0;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.25);
    box-shadow: 0 2px 6px rgba(0,0,0,.25);
}
.submenu .menu li{float: initial; padding:0;}
.submenu .menu li a{color:#afc0d1; line-height:32px;font-size:14px;padding:0 18px; display:block;border-top: 1px solid #4d6881;}
.submenu .menu li a:hover{background-color: #93a4b4; color:#031a2f;}

.index_swiper.bg{background: #1E6EA6;width: 100%;height: 100%;position: fixed;z-index: -1;}
.index_swiper{width: 100%;--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-slide .banner_txt{position:absolute;font-size:30px; color:#fff; width: 300px;bottom: 80px;right: 115px;font-weight: lighter;}
.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 4px!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: #026bb4;
  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: -40px 0 0;}
.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: #016ab4;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: #016ab4;margin-right: -10px;
	transition:all .2s;
}
.index01{display: inline-block; padding:30px 0;}
.index01 .l{width:calc(50% - 25px); padding-right:25px; float:left;}
.index01 .l img{width:100%;}
.index01 .l p{color: #1E6EA6; font-size:21px; font-weight:bold; padding-bottom:10px; border-bottom:5px solid #1E6EA6;}
.index01 .r{width:calc(50% - 25px); padding-left:25px; float:right;}
.index01 .r p{padding-bottom:12px;}

.tit{color: #1E6EA6;font-size:42px; font-weight:lighter; padding-top:40px;}
.product{background: #e3eaf4;padding: 35px 35px; margin-bottom:30px;margin-top: 20px;}
.product .list li{color: #2270a4; font-size:14px; line-height:36px; font-weight:lighter;}
.product .list li:hover{cursor:pointer;color:#000d16;}
.product .list .info{padding:30px; background-color:#fff; margin:10px 0; display:none;}

.table-bordered{width: 100%;border: 1px solid #ddd;border-collapse: collapse; background-color:#fff;font-weight: normal;color: #939598;}
.table-bordered tbody:first-child tr:first-child td, .table-bordered thead td, .table-bordered thead th {background: #1e6ea6;color: #fff;}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td
{
	border: 1px solid #ddd;
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
}
.table-bordered td a{color: #428bca;}
.table-bordered td a:hover{text-decoration:underline;}
.product_details{padding:10px 0 60px;}
.tit_right{font-size: 21px;border-bottom: 5px solid #1E6EA6;font-weight: 700; margin-bottom:40px;color: #1E6EA6;padding: 40px 20px 15px 0;display: inline-table;float: right;}
.clients{}
.clients_table strong{color: #1E6EA6; display:block; font-size:23px; font-weight:lighter; padding-bottom:10px;}

.contact h2{color: #666; font-size:22px; padding-bottom:10px; font-weight:bold;}
.contact .info{line-height:30px; padding:20px 0 30px;font-size:14px;color: #333;}
.contact .info h2{font-size:24px; padding:15px 0;}
.contact .info b{font-size:22px;}



.foot{clear:both; border-top:1px solid #999; padding-top:10px; padding-bottom:50px; font-size:12px;}
.foot p a{float:right;}