@charset "UTF-8";

/********************************************************/
body{overflow-x:hidden;
  width:100%;}
body,p,main,header,div,footer,h2,h3,h4,h5{ margin: 0; padding: 0; position: relative;font-family: Helvetica;}
/*header,main,footer{width: 100%;display: inline-block;}*/
ul,li{ padding:0;margin:0;list-style:none}
/*包含以下四种的链接*/
a {text-decoration: none;cursor:pointer;color: inherit;}
/*正常的未被访问过的链接*/
a:link {text-decoration: none;}
/*已经访问过的链接*/
a:visited {text-decoration: none;}
/*鼠标划过(停留)的链接*/
a:hover {text-decoration: none;}
/* 正在点击的链接*/
a:active {text-decoration: none;}
*:focus { outline: none; }
input {outline:none;}

.pc{ display: block;}
.moblie{ display: none;}

.wal{ width: 90%; margin: 0 auto;}
.walb{ width: 80%; margin: 0 auto;}
.walq{ width: 65%; margin: 0 auto;}

.hop{height: auto;overflow: hidden;position: relative;}
.hp{height: auto;position: relative;}

.dh{overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;}
.ddh{display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
.ddh3{display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;}

/********************************************************/
/********************************************************/
.t1{ display: inline-block;}
.t2{ display: none;}

.fl{float: left;}
.fr{float: right;}

.typd5{padding: 5rem 0;}
.typd3{padding: 3rem 0;}
.typd2{padding: 2rem 0;}

.wal{width: 80%;margin: 0 auto;}
.wala{width: 80%;margin: 0 auto;}
.walb{width: 90%;margin: 0 auto;}

/*******************************************************/

header{position: fixed;width: 100%;z-index: 10;box-shadow: 0 0 10px #a6a6a6;}
.header{}
.headertop{background: #ABE0FF;    height: 200px;}
.headertopnr{background: url("../images/headertop.png") no-repeat; background-size: unset;height: 100%;}
.headertopnrt{text-align: right;padding: 0.5rem 2rem;
  font-size: 14px;
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
  font-weight: bold;
  color: #000000;
  line-height: 16px;}

.headertopnrb{padding: 0 2rem;height: auto; overflow: hidden;position: relative;    top: 20%;}
.logo{width: 50%;float: left;}
.logo img{max-width: 100%;}
.ssk{float: right;position: relative;    top: 0.3rem;}
.ssk img{
  position: absolute;
  left: 0.5rem;
  top: 0.2rem;
  z-index: 1;
}
.ssk input{border: none; padding: 0.35rem 0.5rem 0.35rem 2rem;   height: 1.3rem;
  position: relative;
  top: -0.05rem;
  right: -0.25rem;}
.ssk button{background: #F39800;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  color: #000000;
  line-height: 14px;
  border: none;
  padding: 0.55rem 1rem;
}

.headerbottom{background: #0064D6;}
.nav{}
.nav ul{text-align: center;}
.nav ul li{display:inline-block;width: 12%;padding: 1rem 0;position: relative;}
.nav ul li a{
  font-size: 16px;
font-family: MicrosoftYaHei;
color: #FFFFFF;
line-height: 16px;
}
.navxl{ display: none;  width: 100%; position: absolute;    top: 3.1rem;}
.navxl a{ background-color: #e84103;display: block;padding: 1rem 0; text-align: center; border-top: 1px solid #fff;}
.nav ul li:hover{background-color: #e84103;}
.nav ul li:hover .navxl{ display: block;}
.navxl a:hover{background-color:#ba3200;}

.headerdw{height: 250px;}


/**************sy****************/

.sy01{height: auto;overflow: hidden;position: relative;}
.banner{width: 75%;float: left;}
.bannertp{width: 100%;}
.bannertp img{width: 100%;}
.banner .swiper-pagination-bullet {width: 16px;height: 16px;border: 3px solid #FFFFFF;opacity: 1;background: transparent;}
.banner .swiper-pagination-bullet-active {width: 16px;height: 16px;background: #39B3C4;border: 3px solid #FFFFFF;}

.sy01lj{width: 25%;float: right;}
.sy01ljnr{position: relative;margin: 3px;height: auto;overflow: hidden;position: relative;}
.sy01ljlb{width: 33.333%;float: left;}
.sy01ljlbnr{margin: 3px;}
.sy01ljlbnr img{width: 100%;    display: flex;}


.sy02{height: auto;overflow: hidden;position: relative;}
.sy02lb{width: 33.333%;float: left;}
.sy02lbnr{margin: 0.5rem;}
.sy02lbnrbt{background: #099AF7;height: auto;overflow: hidden;position: relative;padding: 0.5rem;}
.sy02lbnrbt p{
  font-size: 18px;
font-family: MicrosoftYaHei;
color: #FFFFFF;
line-height: 24px;
width: 75%;
float: left;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.sy02lbnrbt a{
  font-size: 14px;
font-family: MicrosoftYaHei;
color: #FFFFFF;
line-height: 24px;
width: 25%;
float: right;
text-align: right;
}
.sy02lbnrbb{}
.sy02lblb{    padding: 0.4rem 0;}
.sy02lblbnr{height: auto;overflow: hidden;position: relative;}
.sy02lblbtp{width: 5%;float: left;}
.sy02lblbtp img{width: 14px;height: 14px; position: relative;top: 0.1rem;}
.sy02lblbnr p{
  width: 95%;
  float: right;
  font-size: 14px;
font-family: MicrosoftYaHei;
color: #454545;
line-height: 18px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}


.sy03{    margin: 2rem auto;}
.sy03t{border-bottom: 1px solid #CDCDCD;height: auto;overflow: hidden;position: relative;}
.sy03t ul{width: 80%;float: left;}
.sy03t ul li{
  display: inline-block;
  padding: 0.5rem 1rem;
  margin-right: 1rem;
  font-size: 18px;
font-family: MicrosoftYaHei;
color: #6E6E6E;
line-height: 24px;
background: #EEEEEE;
cursor: pointer;
}
.sy03t ul li.curent{background: #099AF7;color: #fff;}
.sy03tan{
  width: 20%;float: right;
  text-align: right;
  font-size: 14px;
font-family: MicrosoftYaHei;
color: #6E6E6E;
line-height: 40px;
}
.sy03tan a{margin: 0 1rem;}

.sy03b{margin: 2rem 0;}
.sy03bnr{}
.sy03blb{    width: 100%;}
.sy03btp{width: 100%;}
.sy03btp img{width: 100%;}
/*.sy03b .swiper-slide {margin-right: 10px!important;}*/


.sy04{margin: 2rem auto;z-index: 2;}
.sy04nr{height: auto;position: relative;}
.sy04nr p{
  font-size: 14px;
font-family: MicrosoftYaHei;
color: #6E6E6E;
line-height: 19px;
display: inline-block;
}
.sy04lb{ display: inline-block;position: relative;}
.sy04lbnr{position: relative;border-radius: 2px;border: 1px solid #858585;padding: 0.2rem;}
.sy04lbnr p{
  font-size: 14px;
font-family: MicrosoftYaHei;
color: #099AF7;
line-height: 19px;
display: inline-block;
}
.sy04lbnr img{width: 12px;height: 10px;margin-left: 1rem;}
.sy04lbxl{  display: none; position: absolute;width: 100%;background: #fff;left: -1px;
  border-radius: 2px;border: 1px solid #858585;}
.sy04lbxl a{ display: block;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  color: #099AF7;
  line-height: 19px;
  padding: 0.2rem;
}
.sy04lbnr:hover .sy04lbxl{display: block;}
.sy04lbxl a:hover {background: #099AF7;color: #fff;}


footer{background: #0C81CF;padding: 1.5rem 0;}
.footer{text-align: center;}
.footer p{
  font-size: 14px;
font-family: MicrosoftYaHei;
color: #FFFFFF;
line-height: 18px;padding: 0.5rem 0;
}
.footer p span{ margin: 0 0.5rem;}

/***********************************************/

.lby01{}
.lbybt{height: auto;overflow: hidden;position: relative;margin: 3rem 0;}
.lbybttp{float: left;margin-right: 1rem;    position: relative;top: 0.35rem;}
.lbybttp img{width: 15px;}
.lbybtwz{
  float: left;
  font-size: 18px;
font-family: MicrosoftYaHei;
color: #000000;
line-height: 24px;
}

.lbybb{margin: 3rem 0;}
.lbybbnr{padding-bottom: 3rem;}
.lbybblb{    padding: 1rem 0;border-bottom: 1px dashed #808080;}
.lbybblbnr{height: auto;overflow: hidden;position: relative;}
.lbybblbl{width: 80%;float: left;}
.lbybblbltb{width:2%; float: left;}
.lbybblbltb img{}
.lbybblbl p{
  width: 98%;float: left;
  font-size: 14px;
font-family: MicrosoftYaHei;
color: #000000;
line-height: 19px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.lbybblbr{width: 20%;float: right;text-align: right;}
.lbybblbr p{
  font-size: 14px;
font-family: MicrosoftYaHei;
color: #000000;
line-height: 19px;
}

.lbybbwz{
  font-size: 14px;
font-family: MicrosoftYaHei;
color: #000000;
line-height: 18px;
height: 41vh;
}


.xq01{ margin: 4rem auto;}
.xq01bt{text-align: center;}
.xq01bt h3{
  font-size: 20px;
font-family: MicrosoftYaHei;
color: #000000;
line-height: 27px;
margin-bottom: 1.5rem;
}
.xq01bt p{
  font-size: 13px;
font-family: MicrosoftYaHei;
color: #838383;
line-height: 16px;
}
.xq01bt p span{}
.xq01nr{margin-top: 3rem;}
.xq01nr div{
  text-indent:2em;
  font-size: 14px;
font-family: MicrosoftYaHei;
color: #000000;
line-height: 30px;
}
.xq01nr div img{max-width: 100%;}
.xq01nr h5{
  text-indent:2em;
  font-size: 14px;
font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
font-weight: bold;
color: #000000;
line-height: 18px;
}

/********************************************************/
.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
@media screen and (max-width: 1860px){
  
}


/*底部滚动图片*/
.swiper-container02 .sy03btp{position: relative;padding-bottom: 70%;}
.swiper-container02 .sy03btp img{position: absolute;width: 100%;height: 100%;left: 0;}

main table{float: unset;}
@media screen and (min-width: 980px){
  header{position: relative;}
  .headerdw{height: 0;}
}