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

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

/*body{font-size:14px;font-weight:normal;color:#333;margin:0px;padding:0px;background:#fff;font-family: "Microsoft Yahei","Helvetica Neue","Helvetica","Arial",sans-serif;}*/

body{font-size:14px;font-weight:normal;color:#111;margin:0px;padding:0px; background:#fff;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;}
br{line-height:20px;}
li{ list-style:none}
a{color:#111;text-decoration:none; outline: none;}
a:hover{color: #000;}
.clear{clear:both;}
input,button,select,textarea,video{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_r04ix636je8.eot');
  src: url('//at.alicdn.com/t/font_752944_r04ix636je8.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_752944_r04ix636je8.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_752944_r04ix636je8.woff') format('woff'),
  url('//at.alicdn.com/t/font_752944_r04ix636je8.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_752944_r04ix636je8.svg#lsfont') format('svg');
}
.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:1000px; 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;
}

.top_bg{ background-color:#2c5695; border-bottom:4px solid #d8262f; width:100%; height:88px;}
.top{display: flex;align-items: center;height: 88px;}
.top .l{float:left;width:calc(100% - 180px);}

.top .r{float:right;width:180px;}
.top .r img{width:180px; height:50px;}

.top .l li{float:left;padding:0;position:relative;}
.top .l li a{color:#fff;padding:15px 50px 15px 0; font-size:15px;line-height:58px;display: block; font-weight:bold;}
.top .l li a:hover{color: #cddbe0;}
.top .l li:hover .submenu{
	top:88px;
	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;
}

.top .l li a.jt:after {
    position: absolute;
    content: "\eb8c";
    font-family: "lsfont";
    top:15px;
    font-size: 22px;
}

.submenu{width:150px; padding:10px 0; background: #fff;position: absolute;top:90px;
	-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:#2c5695; line-height:22px;font-size:14px;padding:6px 18px; display:block;}
.submenu .menu li a:hover{background-color: #f2f2f2; color:#d8262f;}

.index_swiper{width:1000px; height:300px; margin-top:15px; --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: .6;
  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;
}

.index01{padding:30px 0;}
.index01 ul{margin:0 -10px;}
.index01 li{float:left; width:calc((100% - 60px) / 3); padding:0 10px;}
.index01 li .l.p01{background: #688117;}
.index01 li .l.p02{background: #a90f10;}
.index01 li .l.p03{background: #004a97;}
.index01 li .l{float:left;width:60px; height:60px; border-radius:60px; margin-right:10px; color:#fff; font-size:12px; text-align:center;justify-content: center;display: flex;align-items: center;font-style: italic;}
.index01 li .r{float:left;width:calc(100% - 70px);}
.index01 li .r img{max-width:100%;}
.index01 li .r h3{color: #214171; font-weight:bold; font-size:15px;}
.index01 li .r h4{color: #333;font-size:14px; padding:5px 0;}
.index01 li .r a{color: #214171;}
.index01 li .r a:hover{text-decoration:underline;}

.index02{padding:30px 0; clear:both;}
.index02 .tit{color: #214171;font-weight: bold;font-size: 15px; padding-bottom:10px;}
.index02 .list ul{margin:0 -10px;}
.index02 .list li{width:calc((100% - 60px) / 3); margin:0 10px; background-color: #e8eef4; float:left;}
.index02 .list li a{height:200px;background-size: cover;display: block; background-position:center center;}
.index02 .list li p{padding:20px;}

.index03{padding:30px 0; clear:both;display: flex;}
.index03 .tit{color: #214171;font-weight: bold;font-size: 15px; padding-bottom:10px;}
.index03 .list ul{margin:0 -10px;}
.index03 .list li{width:calc(100% / 6);float:left; padding:2px 0;}
.index03 .list li img{height:60px;}

.location{border-bottom:1px solid #dbdbdb; padding-bottom:15px;color:#666;margin: 20px 0 10px 0; font-size:18px;}
.location a{font-size:18px;color:#2c5695; font-weight:bold;}
.location a:hover{text-decoration:underline;}

.products01 .list .tit{font-size:22px;color:#2c5695; font-weight:bold; padding:10px 0;}
.products01 .list li{padding:20px 100px 20px 20px; display: inline-block; width:calc(100% - 120px); position:relative; margin-bottom:30px;}
.products01 .list li:first-child{background-color:#e9eef4;}
.products01 .list li .up{display: inline-block; width: 100%;}
.products01 .list li .up .l{float:left; width:215px;font-size:18px;color:#2c5695; font-weight:bold; margin-right:20px;}
.products01 .list li .up .r{float:left;width:calc(100% - 235px);font-size:16px;color:#2c5695; font-weight:bold;}
.products01 .list li .up .r a{background-color: #2c5695 ; color:#fff; padding:5px 10px; font-size:14px;float: right; border-radius:3px;}
.products01 .list li .down{display: inline-block; margin-top:25px; width: 100%;}
.products01 .list li .down .l{float:left; width:215px;margin-right:20px;}
.products01 .list li .down .l img{max-width:100%;}
.products01 .list li .down .r{float:left;width:calc(100% - 235px);}
.products01 .list li .down .r h3{font-weight:bold; font-size:12px;}
.products01 .list li .down .r table {
    font-size: 10px;
    margin-bottom: 5px;
	width: 100%;
	background-color: transparent;
}
.products01 .list li .down .r table th,.products01 .list li .down .r table td{padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.products01 .list li .down .r table th sub {
    bottom: 6px;
    position: relative;
}
.products01 .list li .down_pic{width:100px; position:absolute; right:-30px;bottom:25px;}
.products01 .list li .down_pic img{max-width:100%;}
.products01 .list li .down_pic a:hover{text-decoration:underline;}
.products01 .list li .down_pic a p{color: #214171; font-size:13px;}

.products01 .list_two li{border:1px solid #ddd; background-color: #f5f5f5; border-radius:3px; margin-bottom:10px;}
.products01 .list_two li:hover{cursor:pointer;}
.products01 .list_two li .tit{font-size:15px; position:relative; font-weight:bold; color:#333;padding:10px 15px;}
.products01 .list_two li .tit span{font-weight:normal; color:#666;}
.products01 .list_two li .info{overflow:hidden; font-size:15px; color:#555;background-color:#fff;}
.products01 .list_two li .tit:after {
    content: "\eb8c";
    font-family: "lsfont";
    color: #666;
    font-size: 36px;
    position: absolute;
	right:0;
    font-weight:normal;
	top:0;
	-webkit-transition:all ease-in-out 300ms;transition:all ease-in-out 300ms;-ms-transform:all ease-in-out 300ms;
}
.products01 .list_two li:hover .tit{color:#555;}
.products01 .list_two li.show .tit{border-bottom:1px solid #ddd;}
.products01 .list_two li.show .tit:after{-webkit-transform: rotate(-180deg);  -moz-transform: rotate(-180deg);transform: rotate(-180deg);}
.products01 .list_two li .info dl{padding:15px 15px 10px; }
.products01 .list_two li .info dt{font-size:14px;line-height:22px; padding:0 5px 25px;}
.products01 .list_two li .info dd{float:left; width:calc((100% - 128px) / 4); margin:0px 10px 20px; border:1px solid #dbdbdb; padding:5px 5px;}
.products01 .list_two li .info dd img{max-width:100%;}
.products01 .list_two li .info dd .txt{padding:10px;}
.products01 .list_two li .info dd h3{font-weight:bold;font-size:13px;}
.products01 .list_two li .info dd h4{font-size:13px;padding: 6px 0 10px;}
.products01 .list_two li .info dd a.more{background-color: #2c5695;color: #fff;padding: 5px 10px;font-size: 14px;border-radius: 3px;}

.products02{}
.products02 .list .tit{font-size: 22px;color: #2c5695;font-weight: bold;border-top: 1px solid #dbdbdb;padding: 15px 0;margin: 20px 0 10px 0;}
.products02 .list li{width:100%; display:inline-block; margin-bottom:30px;}
.products02 .list .l{float:left;width:300px; margin-right:30px;}
.products02 .list .l img{max-width:100%;}
.products02 .list .r{float:right; width:calc(100% - 330px);}
.products02 .list .r h2{font-size:16px; font-weight:bold; color:#2c5695;}
.products02 .list .r p{line-height:22px; padding-top:10px;}


.products_details01 .up{padding:20px 0 0; display:inline-block;width:100%;}
.products_details01 .up .l{float:left; width:calc(100% - 100px);color: #2a6496;}
.products_details01 .up .l h2{font-size:22px; font-weight:bold; display:block;}
.products_details01 .up .l p{font-size:15px; font-weight:bold; display:block;}
.products_details01 .up .r{float:right;width:100px;}
.products_details01 .up .r a:hover{text-decoration:underline;}
.products_details01 .up .r img{max-width:100px;}
.products_details01 .up .r p{color: #214171;font-size:13px;}
.products_details01 .down{margin-bottom:50px;display: inline-block;}
.products_details01 .down .l{float:left; width:400px;margin: 10px 30px 10px 0;
    border: 2px solid #fff;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
	padding:0 15px;
    border-radius: 5px;}
.products_details01 .down .l img{max-width:100%;}
.products_details01 .down .r{float:right;width:calc(100% - 464px); line-height:22px; padding-top:15px; color:#333;}

.products_details02 .layui-tab .layui-tab-title li{background-color: #cddbee;margin-right: 2px;border-radius: 4px 4px 0 0;color: #24559d; min-width:auto; cursor:pointer;border: 1px solid #cddbee;}
.products_details02 .layui-tab .layui-tab-title li:hover{background-color: #2c5695;color: #fff;}
.products_details02 .layui-tab .layui-tab-title li.layui-this{color: #555;background-color: #fff;border: 1px solid #e1e1e1;}
.products_details02 .layui-tab .layui-tab-title .layui-this:after{display:none;}
.products_details02 .table-sm{font-size: 0.8em;}
.products_details02 .table-bordered { border: 1px solid #ddd;}
.products_details02 .table {width: 100%;margin-bottom: 18px;border-collapse: collapse; border-spacing: 0;}
.products_details02 .table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {background-color: #f9f9f9;}
.products_details02 table.table-bordered tbody th, table.table-bordered tbody td {
    border-left-width: 0;
    border-bottom-width: 0;
	padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
	border-top: 1px solid #ddd;
}
.products_details02 .table-striped>tbody>tr:nth-child(odd)>td, .products_details02 .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9;
}
.products_details02 .table-bordered>thead>tr>th, .products_details02 .table-bordered>tbody>tr>th, .products_details02 .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 1px solid #ddd;
}
.products_details02 table img{max-width: 75px;}
.products_details02 .table-bordered>thead>tr:first-child{background-color: #24559d;color:#fff;}
.products_details02 .table-bordered>thead>tr:first-child th{padding: 5px 8px;}


.applications{padding:0 0 50px 0;}
.applications .details .tit{font-size: 22px;color: #2c5695;font-weight: bold; padding:20px 0}
.applications .details .tit p{font-size:16px;}
.applications .details .info{line-height:22px; display:inline-block;}
.applications .details .info .l{width:calc(100% - 160px); float:left;}
.applications .details .info .r{width:160px;}

.about{padding:0 0 50px 0;}
.about .details .tit{font-size: 22px;color: #2c5695;font-weight: bold; padding:20px 0}
.about .details .tit p{font-size:16px;}
.about .details .info{line-height:22px; display:inline-block;}
.about .details .info .l{width:300px;float:left; margin-right:30px;}
.about .details .info .l img{width:100%; margin-bottom:10px;}
.about .details .info .r{width:calc(100% - 330px);float: right;}

.solution{padding:0 0 50px 0;}
.solution .details .tit{font-size: 22px;color: #2c5695;font-weight: bold; padding:20px 0}
.solution .details .tit p{font-size:16px;}
.solution .details .info{line-height:26px;}

.contact{padding:0 0 50px 0;}
.contact .details .tit{font-size: 22px;color: #2c5695;font-weight: bold; padding:20px 0}
.contact .details .tit p{font-size:16px;}
.contact .info {
    line-height: 32px;
    font-size: 16px;
    color: #333;
    text-align: left;
    padding: 30px 0;
    width: 100%;
}
.contact .info h2{font-size: 24px;padding-bottom: 15px;font-weight: bold;}






.foot {
    background-color:#323232;
    padding: 30px 0;
    text-align: center;
    color: #fff;
    clear: both;
    line-height: 26px;
}
.foot a{color: #fff;}
.foot a:hover{text-decoration: underline;}