/* ------------------------------------全局定义---------------------------------------- */
/* 将具有默认margin和padding的标记置零，所有标记的margin、padding都在使用时具体定义 */
* {
  margin: 0;
  padding: 0;
}
/* 修正IE5.x和IE6的斜体溢出bug */
* html body {
  overflow: visible;
}
* html iframe, * html frame {
  overflow: auto;
}
* html frameset {
  overflow: hidden;
}
/* 常用标签，基本标签默认样式取消，HTML标签，取消基本标签默认样式，防止不同浏览器显示效果不同，text-align:center; 解决不同浏览器居中问题 */
body {
  color: #000;
  background: url(bg.jpg);
  font: 16px/22px "Open Sans", "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, sans-serif;
  text-align: center;
  line-height: 170%;
}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr {
  margin: 0;
  padding: 0;
}
input, select {
  font-size: 12px;
  vertical-align: middle;
}
/* 设置内容左对齐，恢复因BODY设置剧中产生的继承 */
body div {
  text-align: left;
}
/* 标签属性，textarea,input 强制输入时内容超出时换行 */
textarea, input {
  word-wrap: break-word;
  word-break: break-all;
  padding: 0px;
}
/* 清除ul列表标记的样式，ul列表更多的用在不需要列表前置符号的样式里 */
li {
  list-style-type: none;
}
/* 定义图片边框，当图片作为链接内容被填充时，会有默认边框出现，重定义掉 */
img {
  border: 0 none;
}
/* 定义默认的链接样式，仅仅是作为默认样式提供，可以在各自的实例中覆盖掉 */
a:link, a:visited {
  color: #04C;
  text-decoration: none;
}
a:hover {
  color: #F60;
  text-decoration: none;
}
.container-fluid {
  padding-left: 0;
  padding-right: 0;
}
/* 定义H系列标签，覆盖H系列标签默认属性 */
h1 {
  font-size: 24px;
  font-weight: bold;
}
h2 {
  font-size: 20px;
}
h3 {
  font-size: 18px;
}
h4 {
  font-size: 16px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 12px;
}
/*主导航*/
.yuyan {
  margin-top: 32px;
  margin-right: 20px;
  margin-left: 10px;
}
.logo img {
  padding: 15px;
  height: 87px;
}
.justify-content-between {
  min-height: 85px;
}
#dh {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  background-color: #FFF;
  padding-left: 15px;
  padding-right: 7px;
}
.lx {}
#dh .lx i {
  margin-right: 5px;
}
#dh #topMenu .active .mainLink {
  color: #fff;
}
#dh #topMenu .active {
  background: #126BA5;
}
#mainMenu {
  position: fixed;
  z-index: 999;
}
#mainMenu a {
  color: #000;
}
#mainMenu a:hover {
  color: #126BA5;
}
#mainMenu ul {
  list-style-type: none;
  height: 100%;
}
#mainMenu ul li {
  flex: 1;
  position: relative;
  overflow: hidden;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
}
#mainMenu ul li i {
  transform: scale(0.7);
}
#mainMenu ul li:hover .secondMenu {
  /*二级导航动画*/
  opacity: 1;
  transform: scale(1) translateY(0);
  /*二级导航动画*/
  background: #126BA5;
  margin-left: 10px;
  border-radius: 0;
  padding: 22px;
  line-height: 33px;
}
#mainMenu ul li:hover {
  overflow: initial;
  background: #126BA5;
}
#mainMenu ul li:hover a {
  color: #fff;
}
/*主导航二级菜单*/
.jiantou i {
  font-size: 14px;
}
#mainMenu .secondMenu {
  position: absolute;
  left: -10px;
  top: 85px;
  background: #fff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  transition: all 0.3s;
  /*二级导航动画*/
  opacity: 0;
  transform: scale(0.9) translateY(-10px);
  /*二级导航动画*/
}
#mainMenu .secondMenu a {
  display: block;
  white-space: nowrap;
  color: #fff;
  transition: all 0.3s;
}
#mainMenu .secondMenu a:hover {
  margin-left: 5px;
}
.top {
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 9;
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);
  padding-left: 0;
  padding-right: 0;
}
.top .dropmenudiv_b {
  position: absolute;
  top: 85px;
  background: #126BA5;
  padding: 20px 50px 20px 20px;
  overflow: hidden;
  transform: translateX(50px);
  pointer-events: none;
  opacity: 0;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2)
}
.top .dropmenudiv_b a {
  color: #fff;
  display: block;
  line-height: 50px;
  overflow: hidden;
  cursor: pointer;
  pointer-events: none;
  text-decoration: none;
  transition: all 0.3s;
}
.top .dropmenudiv_b a:hover {
  margin-left: 5px;
}
.top .dropmenudiv_b a i {
  font-size: 14px;
}
.top #dropmenu1_b {
  left: 72px;
}
.top #dropmenu2_b {
  left: 188px;
}
.top #dropmenu3_b {
  left: 300px;
}
.top #dropmenu4_b {
  left: 412px;
}
.top #dropmenu5_b {
  left: 488px;
}
.top #dropmenu6_b {
  left: 592px;
  width: 90px;
}
.top div.smenunow {
  opacity: 1;
  transform: translateX(0px);
  z-index: 99;
  transition: all 0.6s;
  pointer-events: auto
}
.top div.smenunow a {
  cursor: pointer;
  pointer-events: auto
}
.top .welcome {
  width: 100%;
  height: 30px;
  font-size: 12px;
  background: #126BA5;
  color: #fff;
  overflow: hidden;
  line-height: 30px;
}
.top .welcome .left {
  float: left;
  margin-left: 20px;
}
.top .welcome .right {
  float: right;
  margin-right: 20px;
}
.top .welcome .right i {
  font-size: 14px;
  margin-right: 5px;
  margin-left: 10px;
}
.top .mainmenu {
  width: 100%;
  height: 90px;
}
.top .mainmenu .left {
  float: left;
}
.top .mainmenu .left a.logo {
  display: block;
  height: 90px;
  background: url(logo.png) no-repeat center;
  background-size: auto 55.59px;
  width: 276px;
}
.top .mainmenu .center, .top .mainmenu .right {
  float: right;
  height: 90px;
  position: relative;
}
.top .mainmenu .center a.menu {
  display: block;
  height: 90px;
  line-height: 90px;
  float: left;
  font-size: 16px;
  padding: 0px 20px;
  color: #000;
  overflow: hidden;
  transition: all 0.3s;
}
.top .mainmenu .center a.menunow {
  background: #126BA5;
  color: #fff;
}
.top .mainmenu .right {
  height: 20px;
  line-height: 20px;
  margin-top: 33px;
  color: #5B7A8A;
  font-size: 16px;
  margin-left: 20px;
  margin-right: 20px;
}
.top .mainmenu .right i {
  margin-left: 5px;
  margin-right: 5px;
}
.top .mainmenu .right i:nth-child(2) {
  font-size: 14px;
}
div.swiper-container {
  width: 100%;
  max-width: 1920px;
  overflow: hidden;
  position: relative;
  margin-top: 115px;
  display: flex;
  justify-content: center;
}
div.swiper-container .swiper1 {
  width: 100%;
  text-align: center;
  color: #fff;
  height: 100%;
  background: #072941;
  overflow: hidden;
  position: relative
}
div.swiper-container .swiper1 video {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  opacity: 0.5
}
div.swiper-container .swiper2 {
  width: 100%;
  text-align: center;
  color: #fff;
  height: 100%;
  background: url(lb2.jpg) no-repeat center;
  overflow: hidden;
  background-size: 100% cover
}
div.swiper-container .swiper5 {
  width: 100%;
  text-align: center;
  color: #fff;
  height: 100%;
  background: url(lb5.jpg) no-repeat center;
  overflow: hidden;
  background-size: 100% cover
}
div.swiper-container .swiper6 {
  width: 100%;
  text-align: center;
  color: #fff;
  height: 100%;
  background: url(lb6.jpg) no-repeat center;
  overflow: hidden;
  background-size: 100% cover
}
div.swiper-container .swiper3 {
  width: 100%;
  text-align: center;
  color: #fff;
  height: 100%;
  background: url(lb3.jpg) no-repeat center;
  overflow: hidden;
  background-size: 100% cover
}
div.swiper-container .swiper4 {
  width: 100%;
  text-align: center;
  color: #fff;
  height: 100%;
  background: url(lb4.jpg) no-repeat center;
  overflow: hidden;
  background-size: 100% cover
}
div.swiper-container .swiper1 .lb_text {
  margin: 0px auto;
  margin-top: 15%;
  width: 700px;
  text-align: center;
  position: relative;
  z-index: 9
}
@keyframes dh1 {
  from {
    opacity: 0;
    transform: translateY(100px)
  }
  to {
    opacity: 1;
    transform: translateY(0px)
  }
}
@-webkit-keyframes dh1 /*Safari and Chrome*/ {
  from {
    opacity: 0;
    transform: translateY(-100px)
  }
  to {
    opacity: 1;
    transform: translateY(0px)
  }
}
div.swiper-container .swiper1 .lb_text h3 {
  font-size: 30px;
  line-height: 30px;
  font-weight: normal;
  animation: dh1 1s forwards 1s;
  opacity: 0;
  margin-bottom: 15px;
}
div.swiper-container .swiper1 .lb_text h1 {
  font-size: 50px;
  line-height: 50px;
  font-weight: normal;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
  animation: dh1 1s forwards 1.5s;
  opacity: 0
}
div.swiper-container .swiper1 .lb_text a {
  color: #fff;
  text-decoration: none;
  opacity: 0;
  animation: dh1 1s forwards 1.8s;
}
div.swiper-container .swiper1 .lb_text i {
  font-size: 50px;
  color: #fff;
  margin-top: 50px;
  display: block;
}
.swiper-control {
  position: sticky;
  bottom: 30px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ebf0f5+100 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #ebf0f5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #ebf0f5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #ebf0f5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebf0f5', GradientType=0);
  /* IE6-9 */
  height: 80px;
  line-height: 80px;
  z-index: 9
}
.swiper-control div.active {
  background: -webkit-linear-gradient(top, #ebf0f5 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
}
.swiper-control div:hover {
  background: -webkit-linear-gradient(top, #ebf0f5 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
}
.swiper-control div {
  width: 20%;
  float: left;
  height: 80px;
  overflow: hidden;
}
.swiper-control div h3 {
  display: inline-block;
  margin-left: 40px;
  font-weight: normal;
  color: #666666;
  line-height: 80px;
}
.swiper-control div.active h3 {
  font-weight: bold;
  color: #000;
}
.swiper-control div i {
  float: right;
  color: #0D5280;
  margin-right: 40px;
}
.w1360 {
  position: relative;
  margin: 0px auto;
}
.container1 .swiper-slide {
  position: relative;
}
.container1 .swiper-slide .w1360 {
  position: absolute !important;
  z-index: 99;
  top: 40%;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
}
.swiper-slide .text {
  color: #fff;
}
@media screen and (max-width: 1440px) {
  .swiper-slide .text {
    margin-top: 10%;
    margin-left: 70px;
    color: #fff;
  }
}
.swiper-slide .text h3 {
  font-size: 24px;
  line-height: 30px;
  display: block;
  font-weight: normal
}
.swiper-slide .text h1 {
  font-size: 55px;
  line-height: 70px;
}
.swiper-slide .text h2 {
  font-size: 40px;
  line-height: 50px;
  font-weight: normal
}
.swiper-slide .text a {
  background: #fff;
  font-weight: bold;
  width: 255px;
  height: 60px;
  line-height: 60px;
  text-indent: 20px;
  display: block;
  margin-top: 50px;
  color: #072941;
  margin-bottom: 10px;
}
.swiper-slide .text a i {
  float: right;
  margin-right: 20px;
  color: #BABABA
}
.swiper-slide .text span {
  font-size: 16px;
  color: #BABABA;
  line-height: 30px;
}
.i_01 {
  overflow: hidden;
  margin-top: 80px;
  text-align: center;
}
.i_01 div {
  text-align: center;
  padding: 0px 30px;
  color: #666
}
.i_01 div span {
  display: inline-block;
  width: 110px;
  height: 110px;
  line-height: 110px;
  background: #0D5280;
  color: #fff;
  border-radius: 200px;
}
.i_01 div span i {
  font-size: 60px;
  line-height: 110px;
}
.i_01 div h1 {
  font-size: 24px;
  color: #000;
  margin: 30px 0px 20px 0px;
  font-weight: bold;
}
.i_02 {
  overflow: hidden;
  text-align: center;
  margin-top: 45px;
}
.i_02 h1 {
  font-size: 30px;
  font-weight: 300;
  line-height: 50px;
  color: #000;
  letter-spacing: 10px;
}
.i_02 a.link {
  display: inline-block;
  height: 50px;
  margin-top: 20px;
  padding: 0px 30px;
  color: #fff;
  text-align: center;
  line-height: 50px;
  background: #FAA50A;
}
.i_02 div {
  width: 50%;
  position: relative;
  height: 300px;
  background: #000;
  margin: 50px auto;
  overflow: hidden;
  color: #999;
}
.i_02 div span {
  display: block;
  margin: 0px auto;
  width: 77%;
  font-size: 24px;
  text-align: center;
  line-height: 150%;
  margin-top: 90px;
}
.i_02 div a {
  position: absolute;
  display: block;
  width: 60px;
  height: 47px;
  left: 46%;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
  top: 45%;
  font-size: 50px;
  color: #fff
}
.i_03 {
  margin-bottom: 60px;
  overflow: hidden
}
.i_03 .table_class {
  border-bottom: 1px solid #D0D0D0;
  padding-bottom: 10px;
  padding-top: 18px;
  margin: 0px auto;
  overflow: hidden;
  text-align: center;
}
.i_03 .table_class a {
  width: 19%;
  height: 60px;
  color: #666;
  text-align: center;
  border-bottom: 10px solid #fff;
  text-decoration: none;
  display: inline-block;
}
.i_03 .table_class a.now {
  display: inline-block;
  border-bottom: 10px solid #1994E6;
  height: 60px;
  color: #1994E6;
  width: 19%;
}
.i_03 .table_cplist .box {
  display: none;
}
.i_03 .table_cplist div.now {
  display: block;
}
.i_03 .table_cplist .box .left {
  float: left;
  overflow: hidden;
  margin-top: 60px;
}
.i_03 .table_cplist .box .left h1 {
  font-size: 30px;
  line-height: 40px;
  color: #000;
  display: block;
  margin-bottom: 40px;
}
.i_03 .table_cplist .box .left font {
  color: #666666
}
.i_03 .table_cplist .box .left a {
  display: block;
  height: 50px;
  line-height: 50px;
  border: 1px solid #BABABA;
  border-radius: 100px;
  text-align: center;
  width: 230px;
  color: #666666;
  margin-top: 40px;
  transition: all 0.3s;
}
.i_03 .table_cplist .box .left a:hover {
  background: #126BA5;
  color: #fff;
  border: 1px solid #126BA5;
  width: 250px;
}
.i_03 .table_cplist .box .right {
  float: right;
  margin-top: 50px
}
.i_03 .table_cplist .box .right img {
  width: 100%
}
.i_04 {
  width: 100%;
  height: 540px;
  background: url(img1.jpg) no-repeat top center;
  overflow: hidden;
  text-align: center;
}
.i_04 h1, .i_05 h1, .i_06 h1 {
  font-size: 30px;
  font-weight: normal;
  height: 50px;
  line-height: 50px;
  margin-top: 50px;
  margin-bottom: 60px;
}
.i_04 .home_news {
  margin: 0px auto;
}
.i_04 .home_news ul li:nth-child(4) {
  margin-right: 0px;
}
.i_04 .home_news ul li a.news_img {
  display: block;
  width: 100%;
  height: 180px;
  overflow: hidden;
  background-size: 100% 100%;
  transition: all 0.3s;
  background-position: center;
}
.i_04 .home_news ul li:hover a.news_img {
  background-size: 110% 110%;
}
.i_04 .home_news ul li font {
  font-size: 12px;
  color: #5B7A8A;
  display: block;
  margin-top: 15px;
}
.i_04 .home_news ul li h3 {
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  font-size: 19px;
}
.i_04 .home_news ul li a.news_link {
  height: 34px;
  line-height: 34px;
  border-radius: 100px;
  font-size: 14px;
  color: #666;
  text-align: left;
  background: #fff;
  display: block;
  width: 130px;
  text-indent: 20px;
  margin-top: 20px;
  transition: all 0.3s;
}
.i_04 .home_news ul li:hover a.news_link {
  background: #126BA5;
  color: #fff;
  width: 150px;
}
.i_04 .home_news ul li a.news_link i {
  font-size: 12px;
  float: right;
  margin-right: 20px;
}
.i_05 {
  margin: 30px auto 70px auto;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.i_05 h1 {
  margin-bottom: 0px;
}
.i_05 font {
  color: #666;
  display: inline-block;
  margin-bottom: 35px;
}
.i_05 .swiper-slide {
  text-align: center
}
.i_05 .swiper-slide span {
  display: inline-block;
  width: 200px;
  height: 80px;
  border: 1px solid #E4E4E4;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0px 10px;
  margin-bottom: 10px;
  background-size: 90% auto
}
.i_05 .container2 {
  width: 1200px;
  height: 220px;
  margin-top: 0px;
}
.i_05 .swiper-slide span.blogo1 {
  background-image: url(1.png)
}
.i_05 .swiper-slide span.blogo2 {
  background-image: url(2.png)
}
.i_05 .swiper-slide span.blogo3 {
  background-image: url(3.png)
}
.i_05 .swiper-slide span.blogo4 {
  background-image: url(4.png)
}
.i_05 .swiper-slide span.blogo5 {
  background-image: url(5.png)
}
.i_05 .swiper-slide span.blogo6 {
  background-image: url(6.png)
}
.i_05 .swiper-slide span.blogo7 {
  background-image: url(7.png)
}
.i_05 .swiper-slide span.blogo8 {
  background-image: url(8.png)
}
.i_05 .swiper-slide span.blogo9 {
  background-image: url(9.png)
}
.i_05 .swiper-slide span.blogo10 {
  background-image: url(10.png)
}
.i_05 .swiper-slide span.blogo11 {
  background-image: url(11.png)
}
.i_05 .swiper-slide span.blogo12 {
  background-image: url(12.png)
}
.i_05 .swiper-slide span.blogo13 {
  background-image: url(13.png)
}
.i_05 .swiper-slide span.blogo14 {
  background-image: url(14.png)
}
.i_05 .swiper-slide span.blogo15 {
  background-image: url(15.png)
}
.i_05 .swiper-slide span.blogo16 {
  background-image: url(16.png)
}
.i_05 .swiper-slide span.blogo17 {
  background-image: url(17.png)
}
.i_05 .swiper-slide span.blogo18 {
  background-image: url(18.png)
}
.i_05 .swiper-slide span.blogo19 {
  background-image: url(19.png)
}
.i_05 .swiper-slide span.blogo20 {
  background-image: url(20.png)
}
.i_05 .swiper-slide span.logo1 {
  background-image: url(1.jpg)
}
.i_05 .swiper-slide span.logo2 {
  background-image: url(2.jpg)
}
.i_05 .swiper-slide span.logo3 {
  background-image: url(3.jpg)
}
.i_05 .swiper-slide span.logo4 {
  background-image: url(4.jpg)
}
.i_05 .swiper-slide span.logo5 {
  background-image: url(5.jpg)
}
.i_05 .swiper-slide span.logo6 {
  background-image: url(6.jpg)
}
.i_05 .swiper-slide span.logo7 {
  background-image: url(7.jpg)
}
.i_05 .swiper-slide span.logo8 {
  background-image: url(8.jpg)
}
.i_05 .swiper-slide span.logo9 {
  background-image: url(9.jpg)
}
.i_05 .swiper-slide span.logo10 {
  background-image: url(10.jpg)
}
.i_05 .swiper-slide span.logo11 {
  background-image: url(11.jpg)
}
.i_05 .swiper-slide span.logo12 {
  background-image: url(12.jpg)
}
.i_05 .swiper-slide span.logo13 {
  background-image: url(13.jpg)
}
.i_05 .swiper-slide span.logo14 {
  background-image: url(14.jpg)
}
.i_05 .swiper-slide span.logo15 {
  background-image: url(15.jpg)
}
.i_05 .swiper-slide span.logo16 {
  background-image: url(16.jpg)
}
.i_05 .swiper-slide span.logo17 {
  background-image: url(17.jpg)
}
.i_05 .swiper-slide span.logo18 {
  background-image: url(18.jpg)
}
.i_05 .swiper-slide span.logo19 {
  background-image: url(19.jpg)
}
.i_05 .swiper-slide span.logo20 {
  background-image: url(20.jpg)
}
.i_05 .swiper-slide span.logo21 {
  background-image: url(21.jpg)
}
.i_05 .swiper-slide span.logo22 {
  background-image: url(22.jpg)
}
.i_05 .swiper-slide span.logo23 {
  background-image: url(23.jpg)
}
.i_05 .swiper-slide span.logo24 {
  background-image: url(24.jpg)
}
.i_05 .swiper-slide span.logo25 {
  background-image: url(25.jpg)
}
.i_05 .swiper-slide span.logo26 {
  background-image: url(26.jpg)
}
.i_05 .swiper-slide span.logo27 {
  background-image: url(27.jpg)
}
.i_05 .swiper-slide span.logo28 {
  background-image: url(28.jpg)
}
.i_05 .swiper-slide span.logo29 {
  background-image: url(29.jpg)
}
.i_05 .swiper-slide span.logo30 {
  background-image: url(30.jpg)
}
.i_05 .swiper-slide span.logo31 {
  background-image: url(31.jpg)
}
.i_05 .swiper-slide span.logo32 {
  background-image: url(32.jpg)
}
.i_05 .swiper-slide span.logo33 {
  background-image: url(33.jpg)
}
.i_05 .swiper-slide span.logo34 {
  background-image: url(34.jpg)
}
.i_05 .swiper-slide span.logo35 {
  background-image: url(35.jpg)
}
.i_05 .swiper-slide span.logo36 {
  background-image: url(36.jpg)
}
.i_05 .swiper-slide span.logo37 {
  background-image: url(37.jpg)
}
.i_05 .swiper-slide span.logo38 {
  background-image: url(38.jpg)
}
.i_05 .swiper-slide span.logo39 {
  background-image: url(39.jpg)
}
.i_05 .swiper-slide span.logo40 {
  background-image: url(40.jpg)
}
.i_05 .swiper-slide span.logo41 {
  background-image: url(41.jpg)
}
.i_05 .swiper-slide span.logo42 {
  background-image: url(42.jpg)
}
.i_05 .swiper-slide span.logo43 {
  background-image: url(43.jpg)
}
.i_05 .swiper-slide span.logo44 {
  background-image: url(44.jpg)
}
.i_05 .swiper-slide span.logo45 {
  background-image: url(45.jpg)
}
.i_05 .swiper-slide span.logo46 {
  background-image: url(46.jpg)
}
.i_05 .swiper-slide span.logo47 {
  background-image: url(47.jpg)
}
.i_05 .swiper-slide span.logo48 {
  background-image: url(48.jpg)
}
.i_05 .swiper-slide span.logo49 {
  background-image: url(49.jpg)
}
.i_05 .swiper-slide span.logo50 {
  background-image: url(50.jpg)
}
.i_05 .swiper-slide span.logo51 {
  background-image: url(51.jpg)
}
.i_05 .swiper-slide span.logo52 {
  background-image: url(52.jpg)
}
.i_05 .swiper-slide span.logo53 {
  background-image: url(53.jpg)
}
.i_05 .swiper-slide span.logo54 {
  background-image: url(54.jpg)
}
.i_05 .swiper-slide span.logo55 {
  background-image: url(55.jpg)
}
.i_05 .swiper-slide span.logo56 {
  background-image: url(56.jpg)
}
.i_05 .swiper-slide span.logo57 {
  background-image: url(57.jpg)
}
.i_05 .swiper-slide span.logo58 {
  background-image: url(58.jpg)
}
.i_05 .swiper-slide span.logo59 {
  background-image: url(59.jpg)
}
.i_05 .swiper-slide span.logo60 {
  background-image: url(60.jpg)
}
.i_05 .swiper-slide span.blogo61 {
  background-image: url(61.png)
}
.i_05 .swiper-slide span.blogo62 {
  background-image: url(62.png)
}
.i_05 .swiper-slide span.blogo63 {
  background-image: url(63.png)
}
.i_05 .swiper-slide span.blogo64 {
  background-image: url(64.png)
}
.i_05 .swiper-slide span.blogo65 {
  background-image: url(65.png)
}
.i_05 .swiper-slide span.blogo66 {
  background-image: url(66.png)
}
.i_05 .swiper-slide span.blogo67 {
  background-image: url(67.png)
}
.i_05 .swiper-slide span.blogo68 {
  background-image: url(68.png)
}
.i_05 .swiper-slide span.blogo69 {
  background-image: url(69.png)
}
.i_05 .swiper-slide span.blogo70 {
  background-image: url(70.png)
}
.i_06 {
  background: #F7F7F7;
  text-align: center;
  overflow: hidden;
  padding-bottom: 70px;
  color: #666666;
  margin-bottom: 50px;
}
.i_06 h1 {
  margin-top: 80px;
  margin-bottom: 14px;
  color: #000
}
.i_06 a {
  display: block;
  width: 280px;
  height: 50px;
  font-size: 18px;
  line-height: 50px;
  margin: 0px auto;
  background-color: #1994E6;
  color: #fff;
  font-family: "Arial";
  margin-top: 30px;
}
.foot {
  width: 100%;
  background: #042E46;
  color: #fff;
  margin: 0px auto;
  overflow: hidden;
  padding-top: 60px;
  padding-bottom: 20px;
}
.foot .w1360 {
  overflow: hidden;
}
.foot .left {
  float: left;
  overflow: hidden;
}
.foot strong {
  font-size: 18px;
  margin-bottom: 10px;
  display: inline-block
}
.foot .left div {
  float: left;
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}
.foot .left h3 {
  font-weight: 300;
  font-size: 20px;
}
.foot .center {
  float: left;
  overflow: hidden
}
.foot .center a {
  color: #fff;
  display: block;
}
.foot .center a i {
  font-size: 14px;
}
.foot .center a:nth-child(3) {
  display: none
}
.foot .right {
  float: left;
}
.foot .right a {
  display: block;
  margin-top: 20px;
  font-weight: bold;
  width: 170px;
  height: 50px;
  background: #fff;
  line-height: 50px;
  font-size: 16px;
  color: #042E46;
  text-align: center;
}
.foot .foot_copy {
  overflow: hidden;
  margin: 0px auto;
  margin-top: 35px;
  padding-top: 35px;
  border-top: 1px solid #395464;
  font-size: 14px;
}
.foot .foot_copy .footcopy {
  float: left;
  color: #BABABA;
}
.foot .foot_copy .footcopy a {
  color: #BABABA
}
.foot .foot_copy .foottop a {
  color: #BABABA;
  float: right;
}
.banner {
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 117px;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 300px;
  background-color: rgba(18, 107, 165, .3);
  z-index: 1;
}
div.b1 {
  background-image: url(b1.jpg);
}
div.b2 {
  background-image: url(b2.jpg);
}
div.b3 {
  background-image: url(b3.jpg);
}
div.b4 {
  background-image: url(b4.jpg);
}
div.b5 {
  background-image: url(b5.jpg);
}
div.b6 {
  background-image: url(b6.jpg);
}
.banner_text {
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.banner_text h1 {
  font-size: 34px;
  opacity: 0;
  animation: bannerh1 1s forwards;
  -webkit-animation: bannerh1 1s forwards;
}
@keyframes bannerh1 {
  from {
    opacity: 0;
    transform: translateY(50px)
  }
  to {
    opacity: 1;
    transform: translateY(0px)
  }
}
@-webkit-keyframes bannerh1 {
  from {
    opacity: 0;
    transform: translateY(50px)
  }
  to {
    opacity: 1;
    transform: translateY(0px)
  }
}
@keyframes bannernav {
  from {
    opacity: 0;
    transform: translateY(50px)
  }
  to {
    opacity: 1;
    transform: translateY(0px)
  }
}
@-webkit-keyframes bannernav {
  from {
    opacity: 0;
    transform: translateY(50px)
  }
  to {
    opacity: 1;
    transform: translateY(0px)
  }
}
.banner_text .page_nav {
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  font-size: 14px;
  color: #5B7A8A;
  padding: 0px 30px 0px 20px;
  opacity: 0;
  animation: bannernav 1s forwards 0.2s;
  -webkit-animation: bannernav 1s forwards 0.2s;
  display: none;
}
.banner_text .page_nav i {
  margin: 0px 10px;
}
.banner_text .page_nav a {
  color: #5B7A8A
}
.pagebody {
  overflow: hidden;
  margin-bottom: 50px;
}
.page_left .page_menu {
  padding: 45px;
  overflow: hidden;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
  margin: 20px 0px 20px 0px;
  background: #fff;
}
.page_left div.page_menu_fixed {
  position: fixed;
  top: 130px;
  transform: all 0.3s;
  width: 318px;
}
.page_left .page_menu h3 {
  font-size: 22px;
  margin-bottom: 30px;
}
.page_left .page_menu li {
  width: 100%;
  padding-bottom: 15px;
  overflow: hidden;
  float: left;
  border-bottom: 1px solid #E9E9E9;
  margin-bottom: 15px;
}
.page_left .page_menu a {
  float: left;
  width: 75%;
  line-height: 24px;
  color: #666666
}
.page_left .page_menu a.smenuvnow {
  font-weight: bold;
  color: #072941
}
.page_left .page_menu i {
  width: 10%;
  float: right;
  line-height: 24px;
  color: #BABABA;
  font-size: 14px;
}
.page_right {
  margin-top: 30px;
  padding-left: 65px;
}
.page_title {
  font-size: 34px;
  line-height: 50px;
  height: 50px;
  display: block;
  margin-bottom: 40px;
  font-weight: normal
}
.page_title a {
  color: #000
}
div.cp_index h1.page_title {
  margin-bottom: 0px;
}
div.cp_index {
  margin: 0px auto;
  overflow: hidden;
  margin-bottom: 30px;
}
.cp_index .cp_text {
  display: block;
  margin-bottom: 40px;
  color: #666
}
.cp_main a {
  display: block;
  float: left;
  color: #666;
  margin-bottom: 40px;
  transition: all 0.3s;
}
.cp_main a div {
  width: 100%;
  overflow: hidden
}
.cp_main a div img {
  width: 100%;
}
.cp_main a span {
  display: block;
  overflow: hidden;
  line-height: 150%;
  margin: 0px auto;
  width: 80%;
  color: #ABC3DB;
  transition: all 0.3s;
}
.cp_main a:hover span {
  color: #fff;
}
.cp_main a:nth-child(3), .cp_main a:nth-child(6), .cp_main a:nth-child(9), .cp_main a:nth-child(12), .cp_main a:nth-child(15), .cp_main a:nth-child(18), .cp_main a:nth-child(21), .cp_main a:nth-child(24), .cp_main a:nth-child(27), .cp_main a:nth-child(30), .cp_main a:nth-child(33), .cp_main a:nth-child(36) {
  margin-right: 0px;
}
.cp_main h1 {
  display: block;
  overflow: hidden;
  font-size: 24px;
  line-height: 30px;
  font-weight: normal;
  color: #fff;
  margin: 20px 0px 10px 0px
}
.cp_main font {
  display: block;
  width: 80%;
  border-radius: 5px;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  bottom: 30px;
  left: 10%;
  transition: all 0.3s;
  color: #fff;
  border: 1px solid #4C96C6;
  margin: 0 auto;
  margin-top: 10px;
}
.cp_main a:hover font {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
  background: #fff;
  color: #000
}
.cp_main font em {
  font-style: normal;
  margin-left: 20px;
  float: left;
}
.cp_main font i {
  float: right;
  margin-right: 20px;
}
.cpquery {
  padding-bottom: 50px;
  border-bottom: 1px solid #E4E4E4;
  margin-bottom: 50px;
}
.cpquery .cpquery_img img {
  width: 100%;
  height: auto;
}
div.case_query li {
  display: block;
  color: #666;
  width: 100%;
  height: 26px;
  line-height: 26px;
}
div.case_query li strong {
  margin-right: 10px;
  color: #000;
  font-weight: normal
}
.cpquery .cpquerytitle h1 {
  color: #126BA5;
  display: block;
  width: 100%;
  line-height: 30px;
  margin-bottom: 10px;
}
.cpquery .cpquerytitle font {
  display: block;
  width: 100%;
  color: #666;
  line-height: 24px;
  overflow: hidden;
  margin-top: 10px;
}
.cpquery .cpquerytitle em {
  font-style: normal;
  color: #999;
  display: block;
}
.cpquery .cpquerytitle .cpquery_link {
  height: 48px;
  width: 180px;
  border-radius: 100px;
  line-height: 48px;
  background: #EBF0F5;
  color: #000;
  display: block;
  margin-top: 40px;
  transition: all 0.3s;
}
.cpquery:hover .cpquerytitle .cpquery_link {
  background: #126BA5;
  color: #fff;
}
.cpquery .cpquerytitle .cpquery_link span {
  margin-left: 20px;
  float: left;
}
.cpquery .cpquerytitle .cpquery_link i {
  float: right;
  margin-right: 20px;
}
.cp_detail {
  width: 100%;
  overflow: hidden;
}
.cp_detail .cpbox1 {
  width: 100%;
  overflow: hidden;
}
.cp_detail .cpbox1 .left img {
  width: 100%;
}
.cp_detail .cpbox1 .right strong {
  display: block;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 10px;
}
.cp_detail .cpbox1 .right font {
  width: 100%;
  display: block;
  height: auto;
  color: #666;
  overflow: hidden;
  min-height: 189px;
}
.cp_detail .cpbox1 .right a {
  height: 48px;
  line-height: 48px;
  float: left;
  background: #1994E6;
  color: #fff;
  padding: 0px 20px;
}
.cp_detail .cpbox1 .right a:hover {
  text-decoration: underline;
}
.cpbox2 {
  margin-top: 30px;
  margin-bottom: 40px;
}
.rlcj {
  display: block;
  height: 50px;
  line-height: 50px;
  width: 100%;
  font-size: 1.2rem;
}
.cpbox2 a:nth-child(5) {
  margin-right: 0px;
}
.cpbox2 a span {
  width: 100%;
  height: 144px;
  display: block;
  overflow: hidden;
}
.cpbox2 a span img {
  width: 100%;
  min-height: 144px;
}
.cpbox2 a font {
  transition: all 0.3s;
  display: block;
  height: 50px;
  background: #F7F7F7;
  line-height: 50px;
  color: #666;
  text-indent: 20px;
}
.cpbox2 a:hover font {
  background: #126BA5;
  color: #fff
}
.cpbox3 {
  width: 100%;
  overflow: hidden;
}
.cptable {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #BABABA;
  float: left
}
.cptable h3 {
  height: 45px;
  line-height: 35px;
  float: left;
  font-size: 16px;
  padding: 0px 20px;
  color: #666666;
  font-weight: normal;
  margin-right: 20px;
}
.cptable h3.on {
  font-size: 18px;
  color: #000;
  font-weight: 600;
  border-bottom: 10px solid #1994E6;
}
.cpcon {
  padding-left: 20px;
  padding-top: 40px;
  overflow: hidden;
  color: #333;
  width: 100%;
}
.cpcon img {
  max-width: 100%
}
.cpcon .cptablecon {
  display: none
}
.cpcon div.on {
  display: block;
  padding-bottom: 40px;
}
.case_imglist {
  width: 100%;
  float: left;
  overflow: hidden;
}
.case_imglist ul li {
  width: 435px;
  height: 260px;
  overflow: hidden;
  float: left
}
.case_imglist ul li img {
  width: 100%
}
.case_imglist ul li:nth-child(1) {
  margin-right: 40px;
}
.cpcon table {
  border-left: 1px solid #BABABa;
  width: 100%;
}
.cpcon table tr td {
  text-indent: 20px;
  height: 50px;
  line-height: 50px;
  border-right: 1px solid #BABABA;
  border-bottom: 1px solid #BABABA
}
.cpcon table tr:nth-child(even) td {
  background: #EBF0F5;
}
.cpcon table tr.firstRow td {
  background: #126BA5;
  color: #fff;
  font-weight: bold;
  height: 60px;
  line-height: 60px;
}
.cpcon .list-paddingleft-2 li {
  list-style-type: disc;
  margin-left: 20px;
}
.cpcon h3 {
  color: #000;
  font-size: 20px;
  line-height: 40px;
  height: 40px;
  margin-top: 10px;
  display: block;
}
.cpcon strong {
  color: #000;
  display: block;
  height: 40px;
  line-height: 40px;
  width: 100%;
}
.hangye {
  overflow: hidden;
  margin: 80px auto;
}
.hangye .hy_box {
  width: 100%;
  overflow: hidden;
}
.hangye .hy_box .left h1 {
  font-size: 34px;
  line-height: 50px;
  display: block;
  margin-bottom: 20px;
  font-weight: normal;
}
.hangye_table {
  width: 100%;
  float: left;
  overflow: hidden;
  margin-top: 80px;
  margin-bottom: 50px;
}
.hangye_table a {
  float: left;
  width: 24%;
  margin-right: 1%;
  height: 50px;
  line-height: 50px;
  background: #F7F7F7;
  color: #666;
  overflow: hidden;
}
.hangye_table a.on {
  background: #126BA5;
  color: #fff;
  font-weight: bold;
}
.hangye_table a font {
  margin-left: 40px;
}
.hangye_table a i {
  float: right;
  margin-right: 40px;
}
.hangye_table a:nth-last-child(1) {
  margin-right: 0px;
}
.hangye_list {
  width: 100%;
  overflow: hidden;
}
.hangye_list .cpquery .cpquerytitle {
  width: 860px;
}
.hangye_list .cpquery .cpquerytitle font {
  height: auto;
}
.hangye_list div.cpquery h1 {
  margin-bottom: 0px;
}
.newsquery {
  width: 100%;
  overflow: hidden;
  padding-bottom: 30px;
  margin-bottom: 40px;
  border-bottom: 1px solid #E4E4E4;
}
.newsquery .left {
  display: block;
  height: 180px;
  overflow: hidden;
}
.newsquery .left img {
  width: 100%;
  height: auto
}
.newsquery .right {
  overflow: hidden
}
.newsquery .right font {
  font-size: 14px;
  color: #999
}
.newsquery .right h3 {
  font-size: 20px;
}
.newsquery .right span {
  display: block;
  margin-top: 20px;
  width: 100%;
  height: 48px;
  overflow: hidden;
  font-size: 14px;
  color: #999;
  line-height: 24px;
}
.newsquery .right a {
  margin-top: 15px;
  display: block;
  color: #126BA5;
  font-style: italic
}
.news_detail {
  width: 100%;
  float: left;
  overflow: hidden;
}
.news_con img{
	max-width: 100%;
	margin: 0 auto;
	display: block;
}
.news_detail h1.news_title {
  font-size: 34px;
  line-height: 40px;
  display: block;
  width: 80%;
  overflow: hidden;
  margin-bottom: 10px;
}
.news_detail .news_time {
  width: 100%;
  height: 30px;
  line-height: 30px;
  color: #808080
}
.news_fenxiang a.iconfont {
  background: url();
  margin-top: 20px;
  margin-bottom: 40px;
  padding: 0px;
  font-size: 20px;
  color: #aaa;
  margin-right: 15px;
}
.next_pre {
  width: 100%;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  padding-top: 5px;
  margin-top: 30px;
  border-top: 1px solid #E4E4E4;
}
.next_pre a {
  color: #126BA5;
  display: inline-block;
  text-align: left;
  margin-right: 30px;
}
.page_contact {
  width: 100%;
  float: left;
  overflow: hidden;
}
.page_contact .contact_img {
  margin-bottom: 50px;
}
.page_contact .left, .page_contact .right {
  overflow: hidden;
  text-align: center;
}
.page_contact .left > img, .page_contact .right > img {
  margin-bottom: 2rem;
}
.page_contact .left > h3, .page_contact .right > h3 {
  margin-bottom: 2rem;
}
.contact_info {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin: 3rem 0px;
  float: left;
}
.contact_info .info_right {
  width: 180px;
  padding-top: 3rem;
}
.page_contact .right > img {
  margin-top: .8rem;
}
.form_top {
  width: 100%;
  overflow: hidden;
  color: #666
}
.form_top h3 {
  font-size: 22px;
  line-height: 30px;
  color: #000;
  display: block;
  margin-bottom: 10px;
}
.form_top a {
  color: #126BA5
}
.pageform {
  margin-top: 50px;
}
.pageform li {
  width: 400px;
  float: left;
  overflow: hidden;
  margin-bottom: 10px;
}
.pageform li h4 {
  display: block;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  color: #000;
  margin-bottom: 5px;
  font-weight: normal;
}
.pageform li input, .pageform li select {
  width: 330px;
  height: 44px;
  background-color: #F7F7F7;
  text-indent: 10px;
  line-height: 44px;
  padding: 0px;
  border: 0px;
  float: left;
}
.pageform li span {
  height: 44px;
  line-height: 44px;
  display: inline-block;
  width: 20px;
  text-align: center;
  float: left;
}
.pageform li span font {
  line-height: 44px;
  display: inline-block
}
.pageform li.textarea, .pageform li.tijiao {
  width: 100%;
}
.pageform li textarea {
  width: 720px;
  height: 150px;
  background-color: #F7F7F7;
  border: 0px;
  float: left;
  padding: 0px;
  padding-left: 10px;
}
.pageform li.yanzhengma input {
  width: 150px;
}
.pageform li.yanzhengma img {
  height: 42px;
  border: 1px solid #C5C8CF;
  box-sizing: border-box;
  margin-left: 20px;
  float: left;
}
.pageform li.tijiao {
  margin-top: 20px;
}
.pageform li.tijiao input {
  width: 130px;
  text-align: center;
  color: #fff;
  background: #0085BF;
  text-indent: 0px;
  font-weight: bold;
  transition: all 0.3s;
}
.pageform li.tijiao input:hover {
  background: #6EB42E;
  width: 150px;
}
.case_top {
  width: 100%;
  float: left;
  overflow: hidden;
  margin-bottom: 50px;
}
.case_top .left {
  width: 450px;
  height: 350px;
  overflow: hidden;
  float: left
}
.case_top .left img {
  height: 100%;
  width: auto
}
.case_top .right {
  width: 450px;
  height: 350px;
  background: #EBF0F5;
  float: left;
  padding-left: 40px;
  overflow: hidden;
  position: relative;
}
.case_top .right h2 {
  font-size: 26px;
  line-height: 30px;
  display: block;
  max-width: 310px;
  margin-top: 40px;
  font-weight: normal;
  float: left；
}
.case_top .right div {
  width: 280px;
  position: absolute;
  bottom: 50px;
  color: #666
}
.case_top .right div span {
  margin-right: 20px;
}
.case_intro {
  width: 100%;
  margin-top: 50px;
  overflow: hidden;
  float: left;
  color: #666;
}
.case_intro strong {
  color: #000
}
.page_page {
  width: 100%;
  float: left;
  overflow: hidden;
  color: #666
}
.page_page a {
  color: #1994E6
}
.page_page h1 {
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 20px;
  display: block;
  color: #000;
  margin-top: 50px;
}
.page_page h1:nth-child(1) {
  margin-top: 0px;
}
.page_page strong {
  color: #000
}
.pagesinfo {
  color: #999;
}
td.pages {}
td.pages td.pages {
  border: 0px
}
td.pagesnow {}
.pages i {
  color: #999;
}
a.pages {
  color: #999;
  display: inline-block;
}
table.fanye {
  height: 50px;
  border-top: 1px dotted #BABABA;
  border-bottom: 1px dotted #BABABA;
}
table.fanye td {
  height: 50px;
  line-height: 50px;
  padding: 0px 5px;
}
@media screen and (max-width: 1260px) {
  .top .mainmenu .right {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.sale {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.sale .sale_list {
  flex: 1;
  background-color: #F9FBFC;
  padding: 3rem 3rem;
  margin-bottom: 2rem;
  position: relative;
}
.sale .sale_list::before {
  content: '';
  width: 40px;
  height: 40px;
  background: url(svg03.svg) no-repeat top center;
  background-size: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
}
.rlcp {
  background-color: #126BA5;
  padding-bottom: 30px;
}
.rlcptu {
  max-height: 275px;
}
.rllx {
  display: block;
  overflow: hidden;
  background-color: #F9FBFC;
  padding-bottom: 30px;
  padding-top: 50px;
  min-height: 298px;
  width: 48%;
  float: left;
}
.rllx h3 {
  font-weight: bold;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.rlgu {
  margin-top: 70px;
  display: block;
  overflow: hidden;
}
#pinpai {
  max-width: 1150px;
}
#pinpai .col-lg {
  padding-left: 5px;
  padding-right: 5px;
}
#lbt {
  margin-left: 0;
}
.owl-carousel .owl-item img {
  border: 1px solid #E4E4E4;
  margin-bottom: 12px;
  padding: 10px;
}
.who span {
  background-color: #F9FBFC;
  display: block;
  text-align: center;
  font-size: 15px;
  padding: 55px 15px 30px 15px;
  margin-bottom: 30px;
}
.who span h3 {
  font-weight: 600;
  font-size: 20px;
  color: black;
  padding-bottom: 14px;
  padding-top: 22px;
}
.who span img{
  width: 50px;
  height: 50px;
}
.page_page .shipin{
  padding-bottom: 37px;
}
.gywm .page_right .col-12 {
  padding-left: 0px;
}
.elementor-video {
  width: 100%;
  position: absolute;
}
.owl-theme .owl-nav {
  margin-top: 10px;
  display: none;
}
.owl-theme .owl-dots, .owl-theme .owl-nav {
  margin-top: 20px;
}
.sysp {
  margin-bottom: 0 !important;
  position: relative;
  height: 300px;
  display: block;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sysp::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 300px;
  background-color: rgba(0, 0, 0, .3);
  z-index: 1;
}
.sysp div {
  position: absolute;
  text-align: center;
  color: #fff;
  z-index: 1;
}
.sysp div h1 {
  font-size: 35px;
  font-weight: normal;
  padding-bottom: 15px;
}
.sysp div font {
  padding-bottom: 15px;
  display: block;
}
.sysp div h2 {
  width: 290px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #000;
  background-color: #fff;
  margin-top: 12px;
  margin: 0 auto;
  font-size: 18px;
}
@media (max-width: 1200px) {
  .page_left div.page_menu_fixed {
    width: 225px;
  }
}
@media (max-width: 992px) {
  .cpcon td span {
    font-size: .8rem !important;
    line-height: 160% !important;
  }
  table tr td {
    font-size: .8rem !important;
    line-height: 160% !important;
    text-align: center;
    text-indent: 0px !important
  }
  .i_04 {
    height: auto;
    background: none;
  }
  .erweima {
    text-align: center;
  }
  .i_02 div {
    width: 90%;
  }
  .page_left div.page_menu_fixed {
    width: 100%;
    position: initial;
  }
  .logo img {
    width: 50% !important;
    height: auto;
    background-color: #fff;
    padding: 0;
  }
  h5 .icon-caidan {
    display: block;
    font-size: 25px;
    padding-top: 40px;
  }
  #mainMenu {
    background-color: #fff;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, .1);
    padding-bottom: 1rem;
  }
  #mainMenu a {
    display: block;
    width: 100%;
    line-height: 45px;
  }
  .hy_box .right img {
    float: left;
  }
  .hangye_list div.cpquery h1 {
    padding-top: 30px;
  }
  #sjlb .carousel-caption {
    background-color: #126BA5;
    position: sticky;
    margin: 0 auto;
    width: 70%;
    z-index: 0;
  }
  .foot .left h3 {
    padding-bottom: 30px;
  }
}
@media (max-width: 768px) {
  body {
    background: none !important;
  }
  .i_02 div {
    width: 100%;
    height: 215px;
  }
  .i_02 {
    background: #F7F7F7;
    padding-top: 50px;
    margin-top: 3px;
  }
  .i_04 {
    height: auto;
    background: none !important;
  }
  .i_04 .home_news ul li a.news_link {
    background: #126BA5;
    color: #fff;
    margin-bottom: 30px;
  }
  i_04 h1 {
    margin-top: 10px;
    margin-bottom: 30px;
  }
  #mainMenu {
    background-color: #fff;
    height: 65px;
  }
  .logo img {
    padding: 0;
    height: auto;
    margin-top: 7px;
  }
  .justify-content-between {
    min-height: 68px;
  }
  #sjlb {
    margin-top: 65px;
  }
  #sjlb .carousel-caption {
    background-color: #126BA5;
    position: sticky;
    margin: 0 auto;
    width: 70%;
    z-index: 0;
  }
  #sjlb .carousel-caption {
    /* position: absolute; */
    position: /* right: 15%; */ bottom: 80px;
    /* left: 15%; */
    /* z-index: 10; */
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
  }
  #sjlb .carousel-control-next, .carousel-control-prev {
    top: -30%;
  }
  #collapseExample {
    z-index: auto;
	      background-color: #fff;
  }
  #mainMenu a {
    display: block;
    width: 100%;
    line-height: 45px;
  }
  #mainMenu a i {
    float: right;
    font-size: 14px;
  }
  h5 .icon-caidan {
    display: block;
    font-size: 25px;
    padding-top: 18px;
  }
  .i_01 div {
    padding: 15px;
  }
  .i_01 {
    margin-top: 0;
  }
  .i_01 div span {
    width: 90px;
    height: 90px;
    line-height: 90px;
  }
  .i_01 div span i {
    line-height: 90px;
  }
  .i_02 h1 {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    height: 50px;
    color: #126BA5;
    letter-spacing: normal;
  }
  .i_02 div span {
    display: block;
    margin: 0px auto;
    width: 90%;
    font-size: 16px;
    text-align: center;
    line-height: 150%;
    margin-top: 67px;
  }
  .page_left div.page_menu_fixed {
    position: unset;
  }
  .erweima {
    text-align: center;
    margin: 0 auto;
  }
  #shouji {
    text-align: center;
    padding-top: 50px;
  }
  #shouji h1 {
    font-size: 26px;
    color: #126BA5;
    padding-bottom: 30px;
  }
  #shouji img {
    border: none;
  }
  #shouji .left {
    text-align: center;
    color: #666;
  }
  #shouji .left h2 {
    color: #000;
    font-weight: bold;
    padding-bottom: 20px;
  }
  #shouji .owl-carousel {
    margin-left: 0;
  }
  #shouji .owl-theme .owl-nav {
    display: none;
  }
  .i_01 div h1 {
    font-size: 20px;
  }
  .i_04 h1 {
    font-size: 26px;
    color: #126BA5;
    margin-bottom: 30px;
    font-weight: bold
  }
  .i_05 h1 {
    font-size: 26px;
    color: #126BA5;
    font-weight: bold
  }
  .banner {
    height: 217px;
    margin-top: 64px;
  }
  .banner_text h1 {
    font-size: 25px;
    margin-left: 0px;
  }
  .page_title {
    font-size: 25px;
    padding-top: 5px;
  }
  .page_right {
    margin: 0;
    padding: 15px;
  }
  .page_title a {
    font-size: 25px;
  }
  .cpquery .cpquery_img img {
    border: 1px solid #dcdcdc;
  }
  .cpquery .cpquerytitle h1 {
    line-height: 22px;
    font-size: 16px;
    padding-top: 35px;
  }
  .cpquerytitle {
    justify-content: center;
    align-items: center;
  }
  .cpquery {
    padding-bottom: 28px;
    margin-bottom: 28px;
  }
  .cp_detail .cpbox1 .right strong {
    display: block;
    font-size: 18px;
    margin-top: 15px;
  }
  .cp_detail .cpbox1 .right font {
    min-height: auto;
  }
  .cp_detail .cpbox1 .right a {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .rlcj {
    font-size: 18px;
  }
  .cpbox2 {
    margin-top: 10px;
  }
  .cpbox2 a span {
    height: 116px;
  }
  .cpbox2 a span img {
    min-height: 118px;
  }
  .fancybox {
    margin-bottom: 15px;
    padding-right: 7px;
    padding-left: 7px;
  }
  .cptable h3 {
    margin-right: 5px;
  }
  .hangye .hy_box .left h1 {
    font-size: 25px;
    line-height: 33px;
  }
  .hangye {
    margin: 40px auto;
  }
  .hangye_table {
    margin-top: 50px;
    margin-bottom: 30px;
  }
  .hangye_table a {
    text-align: center;
  }
  .hangye_table a font {
    margin-left: 0;
    font-size: 12px;
  }
  .newsquery {
    margin: 0;
    margin-bottom: 40px;
  }
  .newsquery .left {
    margin: 0;
    padding: 0;
  }
  .news_detail h1.news_title {
    font-size: 20px;
    line-height: 28px;
    display: block;
    width: 100%;
  }
  .page_right .sale {
    padding-left: 2px;
  }
  .sale .sale_list {
    padding: 1.5rem 1.5rem;
  }
  .page_page h1 {
    font-size: 18px;
    line-height: 28px;
  }
  .page_page {
    margin: auto;
    padding-left: 15px;
  }
  .cpquery .cpquerytitle .cpquery_link {
    margin-top: 12px;
  }
  .contact_info .info_right p {
    display: block;
    float: left !important;
    text-align: left !important;
    width: inherit;
  }
  .foot .left h3 {
    padding-bottom: 30px;
  }
}