@charset "utf-8";
/* CSS Document */

body{ font-family:"微软雅黑"; color:#333;}
.homecom{ background:url(../img/homecombg.jpg) no-repeat center; background-size:cover;}
.homecomall{ padding:85px 0; display:flex;}
.homecomleft{ padding-right:60px;}
.hometitx{ font-size:14px; font-weight:bold; color:#333;}
.hometit{ font-size:36px; font-weight:bold; color:#0053a6; line-height:48px; margin:5px 0;}
.hometxt{ font-size:16px; line-height:26px; margin:20px 0;}
.homemor{ margin-top:30px;}
.homemor a{ padding:15px 50px; color:#fff; background:#0050B5; font-size:16px; border-radius:25px; display:inline-block;}
.homecomright{ padding-left:60px;}
.hometit2{ font-size:24px; font-weight:600;}
.hometxt2{ font-size:16px; color:#666; line-height:26px; margin-top:40px;}
	
.homepar{ text-align:center; padding:70px 0;}
.hometitx.hometitx02{ font-weight:normal; font-family:Arial, Helvetica, sans-serif}
.hometit.hometit02{ color:#333;}
.small{ margin-top:50px;}

.homebox04{}
.homebox04 .hd{ text-align:center; color:#fff; padding-top:80px; width:100%;}
.homebox04 .hd .sub{ text-align:center; color:#fff; font-family:"MiSans Latin";}
.homebox04 .hd .nam { font-size: 36px; line-height: 120%; /*text-transform: uppercase;*/  font-weight: 800; margin-top: 10px; color:#fff;}
.homebox04 .hd .txt { font-size: 16px; color: #fff; line-height: 160%; margin-top:30px;}
.homebox04 .list {
	position: relative
}
.homebox04 .list .hb04bg {
	position: relative
}
.homebox04 .list .hb04bg .swiper-slide {
	height: 700px
}
.homebox04 .list .hb04bg .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.homebox04 .list .hb04bg:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.2);
	z-index: 2
}
.homebox04 .list .hb04ma {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}
.homebox04 .list .hb04ma .swiper-button-prev {
	z-index: 3;
	left: 0;
	padding: 15px;
	background: rgba(0,0,0,0.5)
}
.homebox04 .list .hb04ma .swiper-button-prev:hover {
	background: var(--color-main)
}
.homebox04 .list .hb04ma .swiper-button-next {
	z-index: 3;
	right: 0;
	padding: 15px;
	background: rgba(0,0,0,0.5)
}
.homebox04 .list .hb04ma .swiper-button-next:hover {
	background: var(--color-main)
}
.homebox04 .list .hb04ma .swiper-slide a.box {
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	padding:40px 40px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	text-decoration: none;
	border-right: 1px solid rgba(246,242,243,0.4)
}
.homebox04 .list .hb04ma .swiper-slide a.box .con {
	transform: translateY(50px)
}
.homebox04 .list .hb04ma .swiper-slide a.box .con .nam {
	color:#fff;
	text-align: left;
	font-size: 24px;
    font-weight: 600;
	margin-bottom: 5px
}

.homebox04 .list .hb04ma .swiper-slide a.box .con .namen {
    color: #fff;
    text-align: left;
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 50px;
}
.homebox04 .list .hb04ma .swiper-slide a.box .con .btn {
	display: flex;
	justify-content: flex-start;
	opacity: 0
}
.homebox04 .list .hb04ma .swiper-slide a.box .con .btn span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 54px;
	height: 54px;
	color: #e89700;
	border-radius:50px;
	border: 2px solid #e89700;
	font-size: 45px;
	box-sizing: border-box;
	padding-bottom: 7px;
}
.homebox04 .list .hb04ma .swiper-slide.swiper-slide-thumb-active a.box {
	background: rgba(0,0,0,0.5)
}
.homebox04 .list .hb04ma .swiper-slide.swiper-slide-thumb-active a.box .con {
	transform: translateY(0)
}
.homebox04 .list .hb04ma .swiper-slide.swiper-slide-thumb-active a.box .con .btn {
	opacity: 1
}
.homebox04 .list .hb04ma .swiper-slide.swiper-slide-thumb-active  a.box .con .namen {
	font-size: 21px;
}
.homebox04 .list .hb04ma .swiper-slide.swiper-slide-thumb-active  a.box .con .adtxt {
	display: block;
	-webkit-transition: all .3s;
    transition: all .3s;
	    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    font-size: 16px;
}


.homebox05{ background:url(../img/homenewbg.jpg) no-repeat center; background-size:cover; text-align:center; padding:100px 0;}
.homebox05 .titen{ font-family:"MiSans Latin"; font-weight:normal; font-size:14px;}
.homebox05 .titcn{ font-size:36px; font-weight:bold; color:#333; margin-bottom:25px;}
.homebox05 .txt{ margin-bottom:60px;}
.homebox05 .list{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:20px; text-align:left;}
.homebox05 .list .item{ background:#fff; padding:30px; box-shadow:0 2px 30px #ccc; transition: all .3s;}
.homebox05 .list .item a:hover{ text-decoration:none; transform:translateY(-5px) !important;}
.homebox05 .list .item .time{ font-size:14px; margin-bottom:15px;}
.homebox05 .list .item .name{ margin-bottom:40px;}
.homebox05 .list .item .name .tit{ font-size:20px; font-weight:bold; color:#333; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp:1; margin-bottom:20px;}
.homebox05 .list .item .name .txt{ font-size:16px; color:#666; line-height:26px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp:3;}
.homebox05 .list .item .more{}
.homebox05 .list .item .more span{ display:inline-block;}
.homebox05 .list .item .more span.blue{ background:#0050B5; color:#fff; height:40px; line-height:40px; padding:0 30px; float:left;}
.homebox05 .list .item .more span.jt{ background:#FC3 url(../img/jt.png) no-repeat center; height:40px; width:40px;}

.homebox06{ padding:85px 0;}
.conbox {
    position: relative;
    display: flex;
    @media @sm {
      flex-direction: column;
    }
    .side {
      flex: 1;
      background: var(--color-main);
      color: var(--color-white);
      box-sizing: border-box;
      padding: var(--gap-h3);
      font-size: var(--fsize-txt);
      line-height: 1.6;
      .hd {
        .nam {
          font-size: var(--gap-large);
          font-weight: bold;
        }
        .txt {
          font-size: var(--fsize-base);
          margin: var(--gap-base) 0;
        }
      }
      .bd {
        border-top: 1px solid var(--color-white);
        border-bottom: 1px solid var(--color-white);
        padding: 16px 10px 16px 0;
        .it {
          margin: var(--gap-base) 0;
          display: flex;
          .ico {
            width: var(--gap-large);
            margin-right: var(--gap-small);
            flex-shrink: 0;
            @media @sm {
              width: var(--gap-h3);
            }
            img {
              display: block;
              width: 100%;
            }
          }
          .inf {
            display: flex;
            .inam {
              margin-bottom: var(--gap-mini);
              width: 120px;
              flex-shrink: 0;
              font-weight: bold;
              @media @sm {
                width: 19vw;
              }
            }
            .itxt {
              align-items: center;
              display: flex;
              .qr {
                position: relative;
                margin-left: var(--gap-small);
                @media @sm {
                  display: none;
                }
                .qico {
                  width: var(--gap-large);
                  img {
                    display: block;
                    width: 100%;
                  }
                }
                .qimg {
                  position: absolute;
                  top: 50%;
                  transform: translateY(-50%);
                  background: var(--color-white);
                  border-radius: var(--gap-small);
                  overflow: hidden;
                  width: 120px;
                  left: var(--gap-h3);
                  span {
                    display: block;
                    text-align: center;
                    line-height: 2;
                    font-size: var(--fsize-small);
                    color: var(--color-3);
                  }
                  img {
                    display: block;
                    width: 100%;
                  }
                }
              }
            }
          }
        }
      }
    }
   
  }
.homemap {flex: 2;}
.homemap img{ height:100%; width:100%;}

.foot{ background:#f5f5f5 url(../img/footcolor.png) no-repeat bottom;}
.foot .foot01{ display:flex; justify-content: space-between; padding:70px 0 40px;}
.foot .foot01 .f01box{}
.foot .foot01 .f01box .f01t{ font-size:20px; margin-bottom:20px; font-weight:bold;}
.foot .foot01 .f01box ul li{ line-height:180%;}
.foot .foot01 .f01box p{ line-height:180%;}
.foot .foot01 .f01box .f01pro{ display:flex; justify-content: space-between; }
.foot .foot01 .f01box .erweima{ font-size:14px;}
.foot .foot01 .f01box:last-child{ text-align:right;}
.foot .foot02{ display:flex; padding:30px 0 50px; justify-content: space-between; border-top:1px #dedede solid;}
.foot .foot02 .f02fl{ font-size:14px; line-height:160%;}
.foot .foot02 .f02fl span{ font-weight:bold;}
.foot .foot02 .f02fr{}

.inbanner { position: relative;}
.inbanner .bg img { display: block; width: 100%;}
.inbanner .con { position: absolute; top: 50%; left: 50%; width: 100%; text-align: center; transform: translateX(-50%) translateY(-30%); color: var(--color-white);}
.inbanner .con .sub { text-transform: uppercase;font-size: var(--fsize-txt);}
.inbanner .con .nam { font-size: calc(var(--fsize-h1)* 1.6); font-weight: bold;margin: var(--gap-small) 0 var(--gap-base);}
.inbanner .con .txt { font-size: var(--fsize-large); letter-spacing: 2px;}
.insubnav { border-bottom: 1px solid var(--color-border); height: 60px; background: var(--color-bg);}
.insubnav .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
.sean-breadcrumb {
    display: flex;
    align-items: center;
    margin: 20px 0;
    font-size: var(--fsize-small);
    color: var(--color-9);
}
.sean-breadcrumb .sean-breadcrumb-it {
    display: flex;
    align-items: center;
}
.sean-breadcrumb.sean-breadcrumb-new .sean-breadcrumb-it a {
    border-radius: 4px;
    padding: 3px 4px;
}
.sean-breadcrumb .sean-breadcrumb-it::after {
    content: ">";
    font-family: simsun;
    margin: 0 6px;
}
.insubnav .innav {
    display: flex;
    align-items: center;
    height: 100%;
}
.insubnav .innav .it {
    height: 100%;
}
.insubnav .innav .it .ia {
    display: flex;
    height: 100%;
    align-items: center;
    font-size: var(--fsize-txt);
    text-decoration: none;
    padding: 0 var(--gap-large);
    position: relative;
}
.insubnav .innav .it.on .ia {
    color: var(--color-main);
    background-color: var(--color-white);
}
.insubnav .innav .it .ia::after {
    content: "";
    width: 0;
    height: 3px;
    background: #f39801;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .6s;
}
.insubnav .innav .it.on .ia::after {
    width: 100%;
}

.aboutbox01 {
    display: flex;
    align-items: center;
    margin: var(--gap-h1) 0;
    background: url(../img/aboutbox01bg.png) no-repeat center bottom;
}
.aboutbox01 .box {
    flex: 1.2;
}
.aboutbox01 .box .sub::before {
    content: "";
    width: 64px;
    height: 51px;
    background: url(../img/bg_dd1.png) no-repeat center;
    display: block;
    margin-bottom: var(--gap-base);
}
.aboutbox01 .box .sub {
    font-size: var(--fsize-large);
}
.aboutbox01 .box .nam {
    font-size: var(--fsize-h1);
    font-weight: bold;
    margin: var(--gap-base) 0 var(--gap-large);
}
.aboutbox01 .box .nam:after {
    content: "";
    width: var(--gap-h1);
    height: 3px;
    display: block;
    background: var(--color-main);
    margin-top: var(--gap-base);
}
.aboutbox01 .box .txt {
    font-size: var(--fsize-txt);
    line-height: 1.8;
    color: var(--color-3);
}
.aboutbox01 .box .txt p {
    margin-bottom: var(--gap-base);
}
.aboutbox01 .img {
    flex: 1;
    margin-left: var(--gap-h3);
    position: relative;
}
.aboutbox01 .img img {
    display: block;
    width: 100%;
}
.aboutbox02 {
    padding:100px 0 130px;
    background: url(../img/aboutbox03bg.jpg) no-repeat center;
    background-size: cover;
    color: var(--color-white);
}

.aboutbox02 .box {
    text-align: center; color:#333;
}
.aboutbox02 .box .sub {
    font-size: var(--fsize-large);
}
.aboutbox02 .box .nam {
    font-size: var(--fsize-h1);
    font-weight: bold;
    margin: var(--gap-base) 0 var(--gap-large);
}
.aboutbox02 .box .nam:after {
    content: "";
    width: var(--gap-h1);
    height: 3px;
    display: block;
    background: var(--color-main);
    margin: var(--gap-base) auto 0;
}
.aboutbox02 .box .txt {
    font-size: var(--fsize-txt);
    line-height: 1.8;
    color: #333;
}
.aboutbox02 .list {
    display: flex;
    justify-content: space-between;
}
.aboutbox02 .list .it {
    flex: 1;
    text-align: center;
    border-radius: var(--gap-base);
    padding: var(--gap-base);
    transition: none;
}
.aboutbox02 .list .it .img {
    width: 50px;
    height: 100px;
    display: flex;
    align-items: center;
    margin: 0 auto;
}
.aboutbox02 .list .it .img img {
    display: block;
    width: 100%;
}
.aboutbox02 .list .it .txt {
    font-size: var(--fsize-base);
    padding: var(--gap-mini) 0;
}

.aboutbox03 {
    padding: 60px 0 ;
    background: url(../img/aboutbox02bg.jpg) no-repeat center bottom;
}
.aboutbox03 .list {
    display: flex;
    justify-content: space-between;
    text-align: center;
    margin-bottom: 0;
	color:#fff;
}
.aboutbox03 .list .it {
    flex: 1;
}
.aboutbox03 .list .ico {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    padding: var(--gap-base);
    background: var(--color-white);
    border-radius: 50%;
    box-shadow: 0 0 var(--gap-large) rgba(0, 0, 0, 0.1);
}
.aboutbox03 .list .ico img {
    display: block;
    width: 100%;
    height: 100%;
}
.aboutbox03 .list .num {
    margin-top: var(--gap-base);
}
.aboutbox03 .list .num strong {
    font-size: calc(var(--fsize-h1)* 1.5);
    color: #fff;
}
.aboutbox03 .list .num span {
    font-size: var(--fsize-base);
}
.aboutbox03 .list .txt {
    font-size: var(--fsize-txt);
    margin-top: var(--gap-small);
	color:#ccc;
}

.appwrap {
    background:url(../img/cont_bg.png) no-repeat center; background-size:cover; padding:60px 0 30px;
}
.appwrap .box {
    background:#fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
	padding:40px 30px;
	margin-bottom:40px;
}
.appwrap .box .youbox {
    display: flex;
    align-items: center;
}
.appwrap .box .youbox .inf {
    flex: 2;
}
.appwrap .box .inf h3 {
    font-size: var(--fsize-h2);
    font-weight: bold;
    color: var(--color-main);
    line-height: 1.2;
    margin-bottom: var(--gap-h3);
}
.appwrap .box .inf p {
    font-size: var(--fsize-large);
    line-height: 1.6;
    color: var(--color-3);
    margin-bottom: var(--gap-large);
}
.appwrap .box .youbox .qr {
    flex: 1;
    display: flex;
    justify-content: center;
    column-gap: var(--gap-large);
}
.appwrap .box .youbox .qr .it {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.contit{font-size: var(--fsize-h2);
    font-weight: bold;
    color: var(--color-main);
    line-height: 1.2;
    margin-bottom: var(--gap-h3);}
.messagecon {
    background: #fff;
    padding: 30px;
    border: 1px solid #dedede;
    font-family: microsoft yahei;
    margin-top: 30px;
    color: #333;
}
.messagecon p {
    margin-bottom: 20px;
}
.messagecon .messagetit {
    font-weight: bold;
    line-height: 30px;
    height: 30px;
}
.messagecon .messagetarea {
    padding: 10px;
    border: 1px solid #dedede;
    font-size: 16px;
    line-height: 26px;
    font-family: microsoft yahei;
    color: #666;
    resize: none;
    width: 96%;
    height: 160px;
    transition: all .2s ease-in;
    background: #f8f8f8;
    margin-bottom: 20px;
}
.messagecon .messageinput {
    width: 27%;
    padding: 10px;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    border: 1px solid #dedede;
    margin: 0 5px 0 0;
    font-family: microsoft yahei;
    color: #666;
    transition: all .2s ease-in;
    background: #f8f8f8;
    margin-bottom: 20px;
}
.messagecon .messagetit {
    font-weight: bold;
    line-height: 30px;
    height: 30px;
}
.messagecon .yanzhengma {
    display: inline;
}
.messagecon .messagebtn {
    width: 30%;
    text-align: center;
    line-height: 50px;
    height: 50px;
    font-size: 16px;
    border: 0;
    background: #b8c5ce;
    color: #2d3e50;
    border-radius: 4px;
    font-family: microsoft yahei;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 30px;
}
.messagecon .messagebtn.btnon {
    width: 50%;
    color: #fff;
    background-color: var(--color-txt);
}
.inpage {
	background:#f6f9ff;
	padding: 50px 0
}
.inpage .inbox {
	width: 100%;
	margin: 0 auto;
	background: var(--color-white);
	box-sizing: border-box;
	border-radius: 10px;
	padding: var(--gap-h1);
	box-shadow: 0 0 20px rgba(0,0,0,0.1)
}
.inpage .inbox .tit{
	font-size: var(--fsize-h3);
	font-weight:bold;
	display: flex;
	align-items: center
}
.inpage .inbox .tit img{ margin-right: var(--gap-small)}
.inpage .inbox .hd {
	font-size: var(--fsize-h1);
	display: flex;
	align-items: center
}
.inpage .inbox .hd img { margin-right: var(--gap-small) }
.inpage .inbox .bd {
	margin-top: var(--gap-h3);
	font-size: var(--fsize-large);
	line-height: 1.6;
	font-weight: 100
}
.inpage .inbox .bd p { margin-bottom: var(--gap-large) }
.sean-newslist.sean-newslist-col3 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--gap-large)
}
.sean-newslist.sean-newslist-col3 .sean-newslist-item {
    box-sizing: border-box;
    padding: var(--gap-h3);
    border: 1px solid var(--color-border);
    flex-direction: column;
    background-color: var(--color-white);
	box-shadow: 0 2px 30px #ccc;
}
.sean-newslist.sean-newslist-col3 .sean-newslist-item:hover {
    box-shadow: 0 var(--gap-base) var(--gap-large) rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
    background: #0055b8;
}
.sean-newslist .sean-newslist-item .sean-newslist-inf {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-con {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-sub {
    margin-bottom: var(--gap-base);
    font-size: var(--fsize-base);
    color: var(--color-9);
    display: flex;
    align-items: center;
    margin-left: -4px;
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-sub a {
    display: block;
    margin-right: var(--gap-base);
    color: var(--color-9);
    text-decoration: none;
    padding: 3px 4px;
    border-radius: var(--gap-mini);
}
.sean-newslist.sean-newslist-col3 .sean-newslist-item:hover .sean-newslist-inf .sean-newslist-sub a {
    color: #fff;
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tit {
    font-size: var(--fsize-h3);
    font-weight: 500;display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-break: break-all;
    -webkit-line-clamp: 2;
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tit a {
    color: var(--color-3);
    transition: all .3s;
}
.sean-newslist .sean-newslist-item:hover .sean-newslist-inf .sean-newslist-tit a {
    color: #fff;
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tim {
    margin-top: var(--gap-base);
    color: var(--color-9);
    font-size: var(--fsize-base);
    display: flex;
    align-items: center;
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tim span {
    margin-right: var(--gap-large);
    display: flex;
    align-items: center;
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tim span::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background: url(../img/seanui-icon-time.svg) no-repeat center;
    background-size: cover;
    margin-right: var(--gap-mini);
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tim span:nth-child(2)::before {
    background-image: url(../img/seanui-icon-nums.svg);
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-txt {
    margin-top: var(--gap-base);
    color: var(--color-6);
    font-size: var(--fsize-base);
    line-height: 1.6;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-break: break-all;
    -webkit-line-clamp: 2;
}
.sean-newslist .sean-newslist-item:hover .sean-newslist-inf .sean-newslist-txt {
    color: #fff;
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tool {
    margin-top: var(--gap-large);
    display: flex;
    justify-content: space-between;
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tool a {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../img/seanui-icon-01.png) no-repeat center;
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tool a.sean-newslist-tool-fl {
    background-image: url(../img/seanui-icon-01.png);
}
.sean-newslist .sean-newslist-item .sean-newslist-inf .sean-newslist-tool a.sean-newslist-tool-fr {
    background-image: url(../img/seanui-icon-02.png);
}

.newsmain { display: flex }
.newsitem {
    flex: 1;
    padding: var(--gap-h3);
    background: var(--color-white);
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    min-height: 50vh;
}
.newsitem .nhd {
    border-bottom: 1px solid var(--color-border);
    padding-bottom: var(--gap-large);
    margin-bottom: var(--gap-large);
}
.newsitem .nhd .tit {
    font-size: var(--fsize-h2);
    line-height: 1.2;
    font-weight: bold;
}
.newsitem .nhd .tim {
    margin-top: var(--gap-base);
    font-size: var(--fsize-txt);
    color: var(--color-9);
}
.newsitem .nhd .tim span {
    margin-right: var(--gap-large);
}
.newsitem .nhd .tim span:last-child {
    margin-right: 0;
}
.newsitem .content {
    font-size: var(--fsize-large);
    line-height: 1.8;
    color: var(--color-3);
}
.newsitem .content p {
    margin-bottom: var(--gap-large);
}
.newsitem .mor {
    padding-top: var(--gap-large);
    margin-top: var(--gap-large);
    border-top: 1px solid #dedede;
    line-height: 2;
    font-size: var(--fsize-txt);
}
.newside {
    width: 380px;
    margin-left: var(--gap-large);
    box-sizing: border-box;
    padding: var(--gap-h3);
    background: var(--color-white);
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.newside .tuibox .hd {
    font-size: var(--fsize-h2);
    font-weight: 700;
    color: var(--color-3);
}
.newside .tuibox .bd .item {
    padding: var(--gap-large) 0;
    border-bottom: 1px solid #dedede;
}
.newside .tuibox .bd .item .inf {
    margin-top: var(--gap-small);
}
.newside .tuibox .bd .item .inf .nam {
    font-size: var(--fsize-txt);
}
.product .m { display: flex; justify-content: space-between;}
.prol { width: 22%; background:#fff; box-shadow:0 2px 30px #ccc; }
.prol ul li { border-bottom: 1px solid #eeeeee; font-size: 16px; }
.prol ul li a { line-height: 60px; display: flex; justify-content: space-between; flex-direction: row-reverse padding: 0 20px; background:url(../img/ch.jpg) no-repeat 10px; padding:0 10px 0 20px; transition:all .3s }
.prol ul li.on a { color: #fff; background:#0053a6 url(../img/ch0.png) no-repeat 10px; }
.prol ul li:hover a { color: #fff; background:#04a3ed url(../img/ch0.png) no-repeat 10px; }
.prol ul li p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pror { width: calc(78% - 50px); background:#fff; box-shadow:0 2px 30px #ccc;}
.pror ul.prolist { display: flex; flex-wrap: wrap; column-gap: 2%; }
.pror ul.prolist li { width: 32%; margin-bottom: 2%; }
.pror ul.prolist li .pic { overflow: hidden; background: url(../images/probgs.jpg) no-repeat center center; background-size: cover; }
.pror ul.prolist li .pic img { display: block; width: 100%; -webkit-transition: all 0.5s; }
.pror ul.prolist li .pic img:hover { -webkit-transform: scale(1.06); transform: scale(1.06); }
.pror ul.prolist li .info { background: linear-gradient(to bottom, #b2efff, #c0f2ff, #fff); padding: 20px; width: 100%; }
.pror ul.prolist li .name { font-size: 20px; color: #000; line-height: 30px; padding-top: 10px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1; }
.pror ul.prolist li .text { font-size: 15px; color: #333; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2; line-height: 20px; margin: 10px auto 30px; }
.pror ul.prolist li .info .btnsa { padding: 10px 0px; line-height: 160%; color: #049ee6; font-size: 15px; font-weight: 500; border-top: #ddd 1px solid; }
.procontent { padding:30px; }
.productitem { display: flex; justify-content: space-between; }
.productitem .pi_img { width:calc(580 / 1240 * 100%); position: relative; }
/*.productitem { margin-bottom: 10px; overflow: hidden; position: relative; }
.productitem .swiper-wrapper { height: auto; }
.productitem .swiper-button-next { right: -50px; }
.productitem .swiper-button-prev { left: -50px; }
.productitem .swiper-button-next, .productitem .swiper-button-prev { outline: none; color: #049ee6; opacity: 0; visibility: hidden; transition: 0.2s; }
.productitem .pro_img:hover .swiper-button-next { right: 20px; opacity: 1; visibility: visible; }
.productitem .pro_img:hover .swiper-button-prev { left: 20px; opacity: 1; visibility: visible; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35 !important; }*/
.productitem img { width: 100%; object-fit: contain; }
/*.productitem .pro_img3 { overflow: hidden; }
.productitem .pro_img3 img { cursor: pointer; height: 70px; padding: 10px; width: 100%; object-fit: cover; display: block; }
.productitem .pro_img3 .swiper-slide { border: 1px solid #ccc; box-sizing: border-box; }
.productitem .pro_img3 .swiper-slide-thumb-active { border: 1px solid #049ee6; }*/
.pi_t {
 width: calc(600 / 1240 * 100%); }
.pi_t .npt { font-size: 24px; color: #0053a6; font-weight: bold; }
.pi_t .npc { font-size: 18px; color: #ccc; }
.pi_t .npd { margin-top: 30px; }
.pi_t .npd p { font-size: 15px; line-height:1.8; }
.pi_t .npd h3 { font-size: 18px; color: #049ee6; margin: 20px 0 10px; }
.pi_t .npd ul { }
.pi_t .npd ul li { font-size: 16px; line-height: 2; position: relative; }
.pi_t .npd ul li .fas { color: #049ee6; margin-right: 5px; }
.product_main { margin-top: 50px; padding-top: 30px; border-top: 1px solid #ddd; }
.pro_tab1 { display: flex; column-gap: 50px; }
.pro_tab1 li { padding: 14px 30px 14px 0; font-size: 20px; transition: 0.2s; color: #85919c; border-bottom: 1px solid #cfd5da; cursor: pointer; position: relative; }
.pro_tab1 li.on { color: #000; }
.pro_tab1 li:after { content: ""; position: absolute; width: 0; height: 1px; left: 0; bottom: -1px; background: #083165; transition: 0.2s; }
.pro_tab1 li.on:after { width: 100%; }
.pro_tab2 { margin-top: 20px; }
.pro_tab2>li { display: none; position: relative; }
.pro_tab2>li.on { display: block; }
.pro_tab2>li .hxys { }
.pro_tab2>li .hxys li { font-size: 18px; line-height: 2; }
.pro_tab2>li .hxys li .fas { color: #049ee6; margin-right: 5px; }
.protable { width: 100%; margin-bottom: 20px; }
.protable tr:nth-child(odd) { background: #ebf9ff; }
.protable tr:first-child { background: #049ee6; color: #fff; font-size: 18px; font-weight: bold; }
.protable td { padding: 10px; border: 0.5px solid #ccc; word-break: break-all; }
.product_main .tab_cc { width: 100%; border-collapse: collapse; }
.product_main .tab_cc td { border: 1px solid #ccc; text-align: center; font-size: 12px; line-height: 160%; word-break: break-all; }
.product_main .aacc { padding: 5px; background-color: #eee; margin-bottom: 20px; display: none; }
.product_main .imgleft { float: left; margin-right: 20px; }
.product_main strong.aa { font-size: 16px; color: #1c368d; }
.productitem02{ border-top: 1px solid #ddd; margin-top:40px; padding-top:40px; padding-bottom:20px;}
.productitem02 .p02tit{font-size: 24px; color: #0053a6; font-weight: bold; margin-bottom:20px;}
.productitem02 .p02img{ line-height:1.8;}
.productitem02 .p02img img{ width:100%;}

.partbox{display: flex; align-items: center; box-shadow:0 0 15px #ccc; background:#fff;}
.partbox .box .sub::before { content: ""; width: 64px; height: 51px; background: url(../img/bg_dd1.png) no-repeat center; display: block; margin-bottom: var(--gap-base);}
.partbox .box .particon{ margin-top:40px;}
.partbox .box .particon ul{ display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:20px;}
.partbox .box .particon ul li{ border:1px #ccc solid; padding:5px 20px;}
.partbox .box .particon ul li img { width:100%;}
.partbox .box{ flex: 1.2; padding:50px;}
.partbox .box .nam { font-size: var(--fsize-h1); font-weight: bold; margin: var(--gap-base) 0 var(--gap-large);}
.partbox .box .nam:after { content: ""; width: var(--gap-h1); height: 3px; display: block; background: var(--color-main); margin-top: var(--gap-base);}
.partbox .img{flex: 1;}
.partbox .img img{ display:block;}

.honorbox{ background:url(../img/honorboxbg.jpg) no-repeat center top; background-size:cover;}
.honorbox .nam{font-size: var(--fsize-h1); font-weight: bold; margin: var(--gap-base) 0 var(--gap-large);}
.honorbox .nam:after { content: ""; width: var(--gap-h1); height: 3px; display: block; background: var(--color-main); margin-top: var(--gap-base);}
.honorbox .txt{ height:120px; line-height:1.8;}
.honorbox .ico{ width:50%; margin-bottom:30px;}
.honorbox .ico .ico3{ display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:20px;}
.honorbox .ico img{ width:100%;}
.honorbox .ico .ico3 li{}
.honorbox .ico .ico4{ display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:20px; margin-top:20px;}

@media (max-width: 1440px) {
.wrapper{ width:90%;}
.partbox .box .particon ul{grid-template-columns: repeat(2, minmax(0, 1fr));}

}

@media (max-width: 1120px) {
.product .m{ display:inherit;}
.prol{ width:100%; margin-bottom:20px; }
.prol ul{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));}
.pror{ width:100%;}
.partbox .img{ display:none;}
.partbox .box .particon ul{grid-template-columns: repeat(4, minmax(0, 1fr));}
.newside{ width:35%;}
}

@media (max-width: 800px) {
.bannerslide .inf{ max-width:70%;}
.bannerslide .inf .txt{ display:none;}
.homecomall{ display:inherit;}
.homecomright{ padding-left:0; padding-top:30px;}
.homecomleft{ padding-right:0;}
.homebox04 .list .hb04bg .swiper-slide {
	height: 80vw
}
.homebox04 .list .hb04ma .swiper-slide a.box .con .nam {
	font-size: var(--fsize-large);
	margin-bottom: 6vw
}
.hometxt{ padding:0 30px;}
.hometxt br{ display:none;}
.homebox05 .txt{ padding:0 30px;}
.homebox04 .hd .txt{ display:none;}
.inbanner .bg img {
    height: 50vw;
    object-fit: cover;
}
.inbanner .con .nam {
    font-size: var(--fsize-h2);
}
.inbanner .con .txt{ display:none;}
.homebox05 .list{ display:inherit;}
.homebox05 .list .item{ margin-bottom:15px;}
.homebox05 .list .item:last-child{ display:none;}
.conbox{ display:inherit;}
.homemap img{ height:auto; width:100%;}
.honorbox .ico{ width:100%;}
.aboutbox01{ display:inherit;}
.aboutbox01 .img{ margin-left:0; margin-top:15px;}
.aboutbox03 .list{ display:inherit;}
.aboutbox03 .list .it{ margin-bottom:30px;}
.aboutbox03 .list .it:last-child{ margin-bottom:0;}
.partbox .box .particon ul{grid-template-columns: repeat(2, minmax(0, 1fr));}
.sean-breadcrumb{ display:none;}
.productitem{ display:inherit;}
.productitem .pi_img{ width:100%; margin-bottom:15px;}
.pi_t{ width:100%;}
.sean-newslist.sean-newslist-col3{grid-template-columns: repeat(2, minmax(0, 1fr));}
.foot .foot01{ display:none;}
.foot .foot02 .f02fr{ display:none;}
.foot .foot02 .f02fl br{ display:none;}
.newside{ display:none;}
}

@media (max-width: 450px) {
.appwrap .box .youbox{ display:inherit;}
.appwrap .box .youbox .inf p.p0{ display:none;}	
.messagecon .messagetit{ height:auto;}
.messagecon .messageinput{ width:100%; box-sizing:border-box;}
.sean-newslist.sean-newslist-col3{grid-template-columns: repeat(1, minmax(0, 1fr));}
.honorbox .txt br{ display:none;}
.honorbox .ico .ico3,.honorbox .ico .ico4{ grid-template-columns: repeat(1, minmax(0, 1fr));}
.homemap{ display:none;}
.homebox05{ padding:30px 0;}
.homebox06.wrapper{ width:100%; padding:0;}
.homebox04 .list .hb04ma .swiper-slide a.box .con .namen{ display:none !important;}
.homebox04 .hd .sub{ display:none !important;}
.homebox04 .hd .nam{ font-size:24px;}
.prol ul{ display:inherit;}
.partbox .box{ padding:30px;}
}