@charset "utf-8";
/* CSS Document */
html,body{height: 100%;margin: 0;padding: 0;font-family:"微软雅黑","Microsoft YaHei","宋体";}
body{overflow: hidden;}
ul,li,ol,p,input{margin: 0;padding: 0;list-style-type: none;}
img,img a{border: none;}
div,p{box-sizing: border-box;}
a{text-decoration-line: none;color: #fff;}
.layer{position: absolute;}
.oh{overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
.h100{height: 100%;}

.box{display: flex;overflow-x: scroll;overflow-y: hidden; height: 100%;}
.page{height:100%;flex-shrink:0;background: url("../images/bg.jpg") no-repeat top left #fffbf0;background-size:auto 100%;}
.head{width:150vh;height: 100%;}
.content{height:76vh;margin:12vh 19vh 0 0;float: left;color:#fff;font-size:1.6vh;line-height:3vh;}
.bt{margin:10vh 8vh 0 0;float: left;}
.bt01 img{width:15vh;}
.bt02 img{width:16vh;}
.dy{background: linear-gradient(-30deg,rgba(39,149,70,0.5),rgba(6,105,126,0.6));width:36vh;padding: 5vh;border-radius: 2vh;margin:5vh 11vh 0 0;}
.tvbox{margin-top:5vh;}
.tv{width:71vh;height:40vh;position:relative;margin-top:6vh;}
/*.tv img{width: 100%;height: 100%;}
.tv span{display: block;position: absolute; width: 100%;height: 100%;left: 0;top: 0; background: url("../images/tvlogo.png") no-repeat center center;background-size:25% auto;}*/
.info01{height: 100%;width: 98vh;position: relative;}
.info01 .txt01{background: linear-gradient(-30deg,rgba(39,149,70,0.5),rgba(6,105,126,0.6));width: 100%;height:24vh;position: absolute;top: 0;bottom: 0;margin: auto;border-radius: 3vh;padding:5.5vh 4vh 0;overflow-y: auto;}
.info01 .txt01 p{overflow-y: auto;height:12vh;}
.info01 img{width: 40vh;height: 28vh;display: block;position: absolute;border:0.7vh #fff solid;box-shadow: 0.4vh 1vh 1.6vh rgba(0,0,0,0.2)}
.info01 img:nth-child(2){left:3vh;top: 0;border-radius:3vh 3vh 0 3vh;}
.info01 img:nth-child(3){right:3vh;top: 0;border-radius:3vh 3vh 3vh 0;}
.info01 img:nth-child(4){left:3vh;bottom: 0;border-radius:3vh 0 3vh 3vh;}
.info01 img:nth-child(5){right:3vh;bottom: 0;border-radius:0 3vh 3vh 3vh;}
.info02{height: 100%;width:120vh;position: relative;}
.info02 img{display: block;position: absolute;border:0.7vh #fff solid;box-shadow: 0.4vh 1vh 1.6vh rgba(0,0,0,0.2);border-radius: 50%;}
.info02 img:nth-child(1){width: 36vh;height: 36vh;left: 0;top: 0;}
.info02 img:nth-child(2){width: 40vh;height: 40vh;left:16vh;bottom: 0;}
.info02 img:nth-child(3){width: 32vh;height: 32vh;left:45vh;top:5vh;}
.info02 .txt02{background: linear-gradient(-30deg,rgba(39,149,70,0.5),rgba(6,105,126,0.6));width:60vh;height:25vh; position: absolute;bottom:5vh;right: 0; border-radius: 3vh;padding:4vh;}
.info02 .txt02 p{height: 15vh;overflow-y: auto;}
.info03{height: 100%;width: 98vh;position: relative;}
.info03 .txt03{background: linear-gradient(-30deg,rgba(39,149,70,0.5),rgba(6,105,126,0.6));width: 100%;height:24vh;border-radius: 3vh;padding:5.5vh 4vh 0;margin-top:6vh;}
.info03 .txt03 p{overflow-y: auto;height:12vh;}
.info03 img{width: 45vh;height: 34vh;display: block;position: absolute;border:0.7vh #fff solid;box-shadow: 0.4vh 1vh 1.6vh rgba(0,0,0,0.2);border-radius:2vh;}
.info03 img:nth-child(2){left: 0;bottom:4vh;}
.info03 img:nth-child(3){right: 0;bottom:4vh;}
.info04{width: 76vh;height: 70vh;background: url("../images/cys.png") no-repeat center center;background-size: 100% 100%;margin-top:8vh;position: relative;}
.info04 div{font-size:1.8vh;color:#a96e3e;line-height: 3vh;position: absolute;width:38vh;height:50vh; left:2vh;right: 0;top:-4vh;bottom: 0;margin: auto;overflow-y: auto;}
.info04 div p{font-weight: bold;font-size: 2vh;line-height: 4vh;}
.foot{width:90vh;height:100%;}
.scrol::-webkit-scrollbar {width:1vh; border-radius:1vh;background-color:rgba(0,30,20,0.2);}
.scrol::-webkit-scrollbar-thumb {width:1vh; height:2vh;border-radius:1vh;background-color:rgba(0,83,85,0.40);cursor: pointer;}
.scrol02::-webkit-scrollbar {width:1vh; border-radius:1vh;background-color:rgba(30,30,0,0.1);}
.scrol02::-webkit-scrollbar-thumb {width:1vh; height:2vh;border-radius:1vh;background-color:rgba(90,50,0,0.20);cursor: pointer;}