@charset "UTF-8";

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
iframe,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
button,
input,
textarea,
th,
td,
fieldset {
	margin: 0 auto;
	padding: 0;
}

ul,
ol,
dl {
	list-style-type: none;
	padding: 0;
}

html,
body {
	*position: static;
}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: 400;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

input,
button {
	overflow: visible;
	vertical-align: middle;
	outline: none;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="text"],
input[type="password"] {
	-webkit-appearance: none;
	outline: none;
}

body,
th,
td,
button,
input,
select,
textarea {
	font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53";
	font-size: 12px;
	color: #333;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img {
	border: none;
	margin: 0px;
	padding: 0px;
}

a:link,
a:visited {
	text-decoration: blink;
}

img {
	border: none;
	margin: 0px;
	padding: 0px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

.fc {
	zoom: 1;
}

.fc:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.bott {
	width: 100vw;
	height: 100vh;
	position: relative;
}

.navTop {
	width: 100vw;
	height: 8.33vh;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(34, 112, 101, 0.9);
	border-bottom: 0.77vh solid #227065;
	z-index: 10;
}

.navTop ul {
	width: 62.5vw;
	height: 100%;
	margin: 0 auto;
}

.navTop ul li {
	margin-left: 3.125vw;
	float: right;
}

.navTop ul li a {
	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 8.33vh;
	letter-spacing: 0px;
	color: #FFFFFF;
	cursor: pointer;
  display: inline-block;
    height: 7.5vh;
}

.navTop ul li a.reactive {
	color: #fcc132;
  background: url(https://www.kunming.cn/zhuanti/statics/2020/20200213fxynzmsyds/img/hover.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

.navTop ul .li8 {
	height: 100%;
	width: 8.333vw;
	float: left;
	margin: 0 auto;
	background: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 100%;
}

.cont {
	width: 100vw;
	height: 90.9vh;
	position: absolute;
	left: 0;
	right: 0;
	top: 9.1vh;
	z-index: 1;
	margin: 0 auto;
	/* height: 100vh;
	top: 0; */
}

.cont li {
	width: 100%;
	height: 100%;
	/* display: none; */
	background-color: #FFFFFF;
}

.cont li.active {
	display: block;
}

.column1 {
	background: url(../img/c1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.column2 {
	background: url(../img/c2.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}

.column3 {
	background: url(../img/c3.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}

.colu2Child1 {
	display: block;
	width: 50vw;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../img/5_02.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.colu2Child2 {
	display: block;
	width: 26.14583333vw;
	height: 100%;
	position: absolute;
	right: 18.75vw;
	bottom: 0;
	background: url(../img/t22.png);
	background-repeat: no-repeat;
	background-position: center right;
	background-size: 100%
}

#colu2Child2 {
	display: none;
	width: 60vw;
	height: 60vh;
	background-color: black;
}

.layui-layer-btn-c {
	background-color: rgba(0, 0, 0, 0.8);
}

.layui-layer-btn .layui-layer-btn0 {
	background-color: rgba(34, 112, 101, 0.9) !important;
	border-color: rgba(34, 112, 101, 0.9) !important;
}

.colu3Child1 {
	width: 24.0625vw;
	height: auto;
	position: absolute;
	top: 18vh;
	left: 18.75vw;
}

.colu3Child1Title {
	width: 14.4792vw;
	height: 6.111vh;
	background: url(../img/t3.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}

.colu4Title {
	width: 14.4792vw;
	height: 6.111vh;
	background: url(../img/t4.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	position: absolute;
	top: 14.6vh;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.colu3Child1 .swiper-container {
	width: 24.0625vw;
	height: auto;
	margin-top: 3.7vh;
}

.colu3Child1 .swiper-slide {
	text-align: center;
	background: #fff;
	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;
}

.colu3Child1 .swiper-slide .a1 {
	display: block;
	width: 100%;
	height: 25.49vh;
}

.colu3Child1 .swiper-slide .a1 img {
	width: 100%;
	height: 100%;
}

.swiper-slide .a2 {
	display: block;
	width: 100%;
	padding-bottom: 1.15vh;
}

.colu3Child1 .swiper-slide .a2 h3 {
	width: 21.4vw;
	text-align: left;
	padding-top: 1vh;
	margin: 0 auto;
	font-size: 1rem;
	color: #41404e;
}

.colu3Child1 .swiper-slide .a2 p {
	width: 21.4vw;
	text-align: left;
	padding-top: 1vh;
	margin: 0 auto;
	font-size: 0.875rem;
	color: #8d8d9e;
}

.colu3Child1 .swiper-s-button-next,
.colu3Child1 .swiper-s-button-prev {
	width: 2vw;
	height: 3.89vh;
	top: 23.51296vh;
	margin-top: 0;
	left: auto;
}

.colu3Child1 .swiper-s-button-next,
.colu3Child1 .swiper-container-rtl .swiper-s-button-prev {
	background-image: url(../img/right.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	right: 1.04167vw;
}

.colu3Child1 .swiper-s-button-prev,
.colu3Child1 .swiper-container-rtl .swiper-s-button-next {
	background-image: url(../img/left.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	right: 2.85vw;
}

.col33 {
	width: 35.83333vw;
	height: auto;
	position: absolute;
	top: 18vh;
	right: 18.75vw;
}

.colu3Child2 {
	width: 100%;
	height: auto;
	margin-bottom: 2vh;
	padding-top: 1.5vh;
	/* background-color: #1a8778; */
}

.colu3Child2 .col3 {
	width: 34.6875vw;
	margin-bottom: 1.85vh;
	margin: 0 auto;
}

.colu3Child2 .col3 img {
	width: 10.625vw;
	height: 10.648vh;
}

.colu3Child2 .col3 a {
	display: block;
	width: 23vw;
}

.colu3Child2 .col3 .a12 {
	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #41404e;
	line-height: 3vh;
}

.colu3Child2:hover .col3 .a12 {
	color: #FFFFFF;
}

.colu3Child2 .col3 .a22 {
	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #8d8d9e;
	line-height: 2.5vh;
}

.colu3Child2:hover .col3 .a22 {
	color: #FFFFFF;
}

.colu3Child2 .col3 .a32 {
	background: url(../img/time1.png)no-repeat center left;
	text-indent: 1.2vw;
	font-family: MicrosoftYaHei;
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
	color: #8d8d9e;
	line-height: 4vh;
}

.colu3Child2:hover .col3 .a32 {
	color: #FFFFFF;
	background: url(../img/time2.png)no-repeat center left;
}

.colu3Child2 .col3 .a32 span {
	float: right;
	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-stretch: normal;
	line-height: 4.5vh;
	letter-spacing: 0px;
	color: #227065;
}

.colu3Child2:hover .col3 .a32 span {
	color: #FFFFFF;
}

.colu3Child2:hover {
	background-color: #1a8778;
}

.column4 {
	background: url(../img/c5.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}

.colu4Cont {
	width: 62.5vw;
	height: 46.76vh;
	overflow: hidden;
	position: absolute;
	top: 24.074vh;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.colu4Cont .cont44 {
	width: 14.2857%;
	float: left;
	transition: all 1s;
	height: 100%;
	position: relative;
}

.cont44 img {
	width: 37.5vw;
	cursor: pointer;
	height: 100%;
}
.cont44 a{
	display: none;
	position: absolute;
    bottom: 50%;
    left: 0%;
	right: 0;
    transform: translate(0, 50%);
	margin: 0 auto;
	width: 8.0729vw;
	height: 28.259259vh;
	background: url(../img/more4.png)no-repeat center;
	background-size: contain;
	padding-top: 3.5vh;
}
.cont44 a h3{
	display: block;
	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2.5vh;
	color: #f2bb37;
	writing-mode:vertical-lr;
	background-color: rgba(0,0,0,0.8);
	padding: 3.333vh 0.5vw;
	border: 1px solid #f2bb37;
	height: 12vh;
	text-align: center;
}
.cont44 p{
	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2.5vh;
	color: #ffffff;
	position: absolute;
    left: 0;
	writing-mode:tb-rl;
	background-color: rgba(0,0,0,0.8);
	padding: 3.333vh 0.5vw;
}
.colu4Cont:hover .cont44 {
	width: 4.1vw;
}
.colu4Cont:hover .cont44 p{
	left: 0;
}
.colu4Cont .cont44:hover {
	width: 37.5vw;
}
.colu4Cont .cont44:hover p{
	display: none;
}

.colu4Cont .cont44:hover a{
	display: block;
}
.column5,.column6 {
	background: url(../img/c5.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.coluCont5{
	width: 62.5vw;
	position: absolute;
	top: 16.407407vh;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.cont5Title{
	width: 14.47916667vw;
	height: 6.11111vh;
	background: url(../img/t5.png);
	background-repeat: no-repeat;
	background-position: center left;
	background-size: contain;
}

.cont5Child1,.cont5Child2{
	width: 7.604167vw;
	height: 4.259259vh;
	font-family: MicrosoftYaHei;
	font-size: 1rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 4.259259vh;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: center;
	background: url(../img/a1.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	top: 1vh;
	right: 0;
}
.cont5Child1{
	right: 8vw;
}
.cont5Child1.active,.cont5Child2.active{
	background: url(../img/a2.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.cont5{
	width: 100%;
	height: 45vh;
	background-color: #227065;
	position: absolute;
	top: 11.6vh;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.cont51,.cont52{
	width: 100%;
	height: 100%;
	display: none;
}
.cont55.active{
	display: block;
}
.cont5Fl{
	width: 45vw;
	height: 100%;
}
.cont5Fl .cont5Img,
.cont5Fl .cont5Img img{
	display: block;
	width: 100%;
	height: 100%;
}
.cont5Fl .cont5Img{
	position: relative;
	display: none;
}
.cont5Fl .cont5Img.active{
	display: block;
}
.cont5Fl .cont5Img span{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/video.png)no-repeat center;
	background-color: rgba(0,0,0,0.75);
}
.cont5Fr{
	width: 17.5vw;
	height: 100%;
	overflow-y: scroll;
	overflow-x:hidden;
}
.cont5Fr h3{
	width: 13.75vw;
	font-family: MicrosoftYaHei;
	font-size: 1.4em;
	font-weight: normal;
	font-stretch: normal;
	line-height: 3vh;
	letter-spacing: 0px;
	color: #ffffff;
	padding: 0 1.8vw;
	background: url(../img/border5.png);
	background-repeat: no-repeat;
	background-position: center left;
	margin-top: 2.7777777778vh;
}

.cont5Fr .cont5Img,
.cont5Fr .cont5Img img{
	width: 6.6666667vw;
	height: 7.5vh;
}

.cont5Fr .p1{
	width: 7.44791667vw;
	font-family: MicrosoftYaHei;
	font-size: 1.1em;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2.12963vh;
	letter-spacing: 0px;
	color: #65b3a8;
}
.cont5Fr .p2{
	width: 7.44791667vw;
	font-family: MicrosoftYaHei;
	font-size: 0.875rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 4.52962vh;
	letter-spacing: 0px;
	color: #539d93;
}
.cont5Fr .active .p1,
.cont5Fr .active .p2{
	color: #FFFFFF;
}
.cont5Fr1{
	width: 14.84375vw;
	margin: 0 auto;
	margin-top: 2.7778vh;
}

.test-1::-webkit-scrollbar {
  /*滚动条整体样式*/
  width :0.3vw;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 100px;
  }
  .test-1::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background-color   : #f2bb37;
  border-radius: 0.375rem;
	opacity: 0.5;
  }
  .test-1::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  }
  
  .column7 {
  	background: url(../img/c7.png);
  	background-repeat: no-repeat;
  	background-position: center center;
  	background-size: cover;
  	position: relative;
  }
  
  .colu7Title,
.colu6Title{
  	width: 62.5vw;
  	height: 6.111vh;
  	background: url(../img/t7.png);
  	background-repeat: no-repeat;
  	background-position: left top;
  	background-size: contain;
  	position: absolute;
  	top: 5vh;
  	left: 0;
  	right: 0;
  	margin: 0 auto;
  }
.colu6Title{
  background: url(../img/t6.png);
  	background-repeat: no-repeat;
  	background-position: left top;
  	background-size: contain;
}
  
  .cont7{
	  width: 65vw;
	  position: absolute;
	  top: 16vh;
	  left: 0;
	  right: 0;
	  margin: 0 auto;
  }
  
  .cont7Child{
	  width: 19.0625vw;
	  height: 22.074074vh;
	  margin: 0 1.3vw 4.6vh 1.3vw;
	  float: left;
	  position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  
  .cont7Child a{
	  display: none;
	position: absolute;
    bottom: 2.77778vh;
    left: -0.52vw;
    margin: 0 auto;
    width: 6.0625vw;
    height: 3.055556vh;
	padding: 1.5vh 1.7vw 1.9vh 1vw;
    background: url(../img/more7.png)no-repeat center;
    background-size: contain;
	font-family: MicrosoftYaHei;
	font-size: 0.75rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 3.055556vh;
	letter-spacing: 0px;
	text-align: left;
	color: #ffffff;
  }
  
  .cont7Child:hover a{
	  display: block;
  }
  
  .column7Bottom {
  	width: 62.5vw;
  	height: 35vh;
  	background: url(../img/bott7.png);
  	background-repeat: no-repeat;
  	background-position: center bottom;
  	/* background-size: 100%; */
  	position: absolute;
  	bottom: 3.703704vh;
  	left: 0;
  	right: 0;
  	margin: 0 auto;
  }

.cont52 .cont5Fl .cont5Img span{
      background: none;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
    background: url(https://www.kunming.cn/zhuanti/statics/2020/20200213fxynzmsyds/img/l.png);
    width: 39px;
    height: 100px;
    top: 40%;
    background-repeat: no-repeat;
    background-size: cover;
}


.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
   background: url(https://www.kunming.cn/zhuanti/statics/2020/20200213fxynzmsyds/img/r.png);
    width: 39px;
    height: 100px;
    top: 40%;
    background-repeat: no-repeat;
    background-size: cover;
}