<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.section-title {
  position: relative;
  text-align: center;
  padding-top: 30px;
}
.section-title span {
  color: rgba(143, 143, 143, 0.1);
  text-transform: uppercase;
  font-size: 60px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  display: block;
  line-height: 1;
}
.section-title h2 {
  font-weight: 500;
  font-size: 24px;
  display: block;
  margin-bottom: 15px;
  color: #505050;
}
@media (min-width: 1200px) {
  .section-title h2 {
    font-size: 32px;
  }
}
@media (min-width: 1600px) {
  .section-title h2 {
    font-size: 40px;
  }
}
@media (min-width: 1900px) {
  .section-title h2 {
    font-size: 50px;
  }
}
.section-title p {
  font-size: 12px;
  color: rgba(80, 80, 80, 0.5);
}
@media (min-width: 1200px) {
  .section-title p {
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  .section-title p {
    font-size: 18px;
  }
}
@media (min-width: 1900px) {
  .section-title p {
    font-size: 20px;
  }
}

.section-5 {
  background: url(../images//bg.jpg) no-repeat center center none;
  background-size: cover;
}
.section-5 .fp-tableCell {
  position: relative;
  padding-top: 60px;
}
@media (min-width: 1600px) {
  .section-5 .fp-tableCell {
    padding-top: 80px;
  }
}
@media (min-width: 1900px) {
  .section-5 .fp-tableCell {
    padding-top: 105px;
  }
}
.section-5 .container {
  position: relative;
  z-index: 3;
  height: 100%;
  padding-top: 40px;
}
.section-5 .section-title {
  text-align: left;
  text-align: center;
}
.section-5 .section-title span {
  text-align: left;
  left: 0;
  top: 0;
  transform: none;
  color: rgba(0, 0, 0, 0.15);
}
.section-5 .section-title h2 {
  color: #333;
}
.section-5 .section-title p {
  color: rgba(0, 0, 0, 0.5);
}
.section-5 .section-title span {
  left: 50%;
  transform: translateX(-50%);
}
.section-5 .section-5-swiper {
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
}
.section-5 .section-5-swiper .swiper-pagination {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: 0;
  top: auto;
}
.section-5 .section-5-swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0 2px;
  background: #DCDCDC;
}
.section-5 .section-5-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #F1964C;
}
.section-5 .section-5-swiper .swiper-pagination .swiper-pagination-bullet {
  border-radius: 2px;
  opacity: 1;
}
.section-5 .section-5-swiper .item a {
  display: block;
  background: rgba(28, 112, 181, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.6);
  padding: 20px;
  height: 168px;
}
@media (min-width: 1200px) {
  .section-5 .section-5-swiper .item a {
    padding: 30px;
    height: 140px;
  }
}
@media (min-width: 1900px) {
  .section-5 .section-5-swiper .item a {
    padding: 40px;
  }
}
.section-5 .section-5-swiper .item a:hover {
  background: #fff;
  border-color: #fff;
}
.section-5 .section-5-swiper .item a:hover .tit {
  color: #505050;
}
.section-5 .section-5-swiper .item a:hover .time span {
  background: #F1964C;
}
.section-5 .section-5-swiper .item a:hover .desc {
  color: #505050;
}
.section-5 .section-5-swiper .item .tit {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
  line-height: 1.6;
  color: #222;
  height: 3.5em;
  font-size: 14px;
}
@media (min-width: 1200px) {
  .section-5 .section-5-swiper .item .tit {
    font-size: 16px;
  }
}
@media (min-width: 1900px) {
  .section-5 .section-5-swiper .item .tit {
    font-size: 18px;
  }
}
.section-5 .section-5-swiper .item .time {
  padding: 5px 0;
}
.section-5 .section-5-swiper .item .time span {
  display: inline-block;
  line-height: 1;
  padding: 2px 5px;
  border-radius: 2px;
  background: #1c70b5;
  color: #fff;
}
.section-5 .section-5-swiper .item .desc {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
}
@media (min-width: 1200px) {
  .section-5 .section-5-swiper .item .desc {
    font-size: 14px;
  }
}


.prolist {
  max-width: 1680px;
  overflow: hidden;
  padding: 60px 0 6px;
  margin: 0 auto;
}
.prolist li {
  float: left;
  width: 25%;
  margin-bottom: 54px;
}
.prolist li .lin {
  padding: 0 5px;
}
.prolist li a {
  display: block;
  position: relative;
  border-bottom: 1px solid #e7e7e7;
}
.prolist li a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  z-index: 1;
  width: 0;
  height: 2px;
  background-color: transparent;
}
.prolist li .pic {
  width: 100%;
  height: 0;
  padding-bottom: 75%;
  position: relative;
  overflow: hidden;
}
.prolist li .pic .wrap {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  font-size: 0;
  text-align: center;
}
.prolist li .pic .wrap i {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.prolist li img {
  max-width: 100%;
  max-height: 100%;
}
.prolist li h3 {
  font-size: 16px;
  line-height: 66px;
  text-align: center;
  height: 66px;
  overflow: hidden;
  color: #333;
}
.prolist li h3,
.prolist li a:after {
  -webkit-transition: .6s;
  transition: .6s;
}
.prolist li:hover h3 {
  color: #1c70b5;
}
.prolist li:hover a:after {
  width: 100%;
  background-color: #1c70b5;
}
@media screen and (max-width: 1280px) {
  .prolist {
    padding: 50px 10px 6px;
  }
  .prolist li {
    width: 33.33%;
  }
}
@media screen and (max-width: 960px) {
  .prolist li {
    width: 50%;
  }
}
@media screen and (max-width: 750px) {
  .prolist li h3 {
    font-size: 20px;
  }
  
}

.flex{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.flex_item{-webkit-box-flex: 1;-moz-box-flex: 1; -webkit-flex: 1;-ms-flex: 1;flex:1;}
.posi {position: relative}
.col-2{width: 50%}
.left {float: left}.right {float: right}.center {margin-left: auto;margin-right: auto}.inleft {text-align: left}.inright {text-align: right}.incenter {text-align: center}
.row{max-width: 1600px;padding: 0 0px;margin:0 auto;width:100%;}
.lump{display: block;}
.co-1{color: #333;}
.co-2{color:#000;}
.co-3{color:#333;}
.co-4{color:#666;}
.co-5{color:#999;}


.principal{padding-top:0vw;padding-bottom:8vw;background:url(../image/principal_bg.jpg) no-repeat top center;background-size:cover;}
.principal_box{padding-bottom:6%;}
.principal_box{z-index:2;}
.principal_box .lines{position:absolute;bottom:0;right:40%;height: 3%;width:100%;/* background-color: #eaeaea; */z-index:-1;}
.principal_box .lines:after{content:'';position:absolute;width:100%;height:100%;left:0;bottom:0;
background:url(../image/survey_item_bg02.png) no-repeat 121% -10%;background-size:auto 180%;}


.main_cnt{width:60%;padding-left:4%;}

.main_current{width: 39%;box-shadow: -24px 24px 0px #ececec;}

.main_img{height:0;padding-bottom: 155%;}
.main_img&gt;figure{position:absolute;top:0;left:0;width:100%;height:100%; padding: 0; margin: 0;}
.main_img&gt;figure&gt;img{width:100%;height:100%;object-fit:cover;} 
#mainSwiper{width:100%;}
.main_txt{padding-top:5%;padding-left:10%;width:50%;}
.main_txt&gt;div{width:100%;height:100%;}
.main_txt .main_page&gt;span{font-size:28px;line-height:1;margin-right:2%;}
.main_txt .main_line{height:6%;width:1px;background-color: #8e8b8b;margin:12% 0;}
.main_txt .main_name{margin-bottom:12%;}
.main_txt .main_name&gt;span{font-size:36px;line-height:1;margin-right:10%;}
.main_txt .main_name&gt;em{font-size:18px;}
.main_txt .main_p{font-size:16px;line-height:26px;height: 235px;overflow-y:auto;padding-right:15px;text-align:justify;}
.main_txt .main_p::-webkit-scrollbar{width:2px;height:2px;}
.main_txt .main_p::-webkit-scrollbar-track-piece{background:none;}

.main_content .main_content_item{position:absolute;top:0;left:0;
opacity:0;-webkit-opacity:0;visibility:hidden;transform:translateY(15%);-webkit-transform:translateY(15%);}

.main_content .main_content_item.on{position:relative;opacity:1;-webkit-opacity:1;visibility:visible;
transform:none;-webkit-transform:none;-webkit-transition:all 1s;transition:all 1s;}

.main_switch{position:absolute;bottom: -12%;left:0;}
.main_switch&gt;a{margin-right:12%;color: rgb(255, 255, 255);width:54px;height: 39px;line-height: 39px;border-radius:5px;-webkit-border-radius:5px;background: #096ab9;}
.main_switch&gt;a:before{content:'';position:absolute;width:100%;height:100%;border-radius:5px;-webkit-border-radius:5px;border: 1px solid rgb(9, 106, 185);top:0;left:0;}
.main_switch&gt;a&gt;i{font-size:18px;}

.main_list{width:32%;position:absolute;right:0;top:0;bottom:0;}
.main_list&gt;div{height:100%;margin-right:-30px;}
.main_list .main_list_item{height:41%;padding-right: 5%;padding-bottom:30px;width: 45%;}
.main_list .main_list_item:nth-child(3),.main_list .main_list_item:nth-child(4){padding-bottom:0;}
.main_list .main_list_item&gt;a{height:100%;}
.main_list .main_img{padding-bottom:0;height:100%;}
.main_list .main_list_name{position:absolute;bottom:0;left:0;width:100%;color:#fff;font-size:16px;padding:10px 0;
;-webkit-transition:all 0.35s;transition:all 0.35s;}
.main_list .main_list_name&gt;span{margin-right:5%;}

.main_list .main_list_item&gt;a:hover .main_list_name{background-color:rgb(9, 106, 185);}

/* * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0} */




@media screen and (max-width:768px){
	.row{padding:0 15px;}
	.main_txt .main_name&gt;span{font-size:24px;}    
	    .main_txt .main_name&gt;em{font-size:16px;}	
		.main_txt .main_p{font-size:14px;line-height:24px;}
		.main_txt .main_name{margin-bottom:15px;}
		.main_txt .main_line{height:25px;margin:18px 0;}
		.main_txt .main_p{height:96px;}
		.principal_box .lines{right:35%;}
		.main_cnt{padding-left:0;}
		.main_switch&gt;a{width:42px;height:42px;line-height:42px;}
		.main_switch&gt;a&gt;i{font-size:16px;}
		.main_txt .main_page&gt;span{font-size:24px;}
	.main_list{display:none;}
		.main_cnt{width:100%;}
	    .principal_box .lines{right:0;}    
	    .main_txt{padding-left:30px;padding-top:10px;padding-right:15px;}
	    .main_cnt{padding-left:0;}
}

</pre></body></html>