@charset "utf-8";
/* CSS Document */
html,body{height: 100%;margin: 0;padding: 0;font-family:"微软雅黑","Microsoft YaHei","宋体";}
body{background:url("../images/top-bb.jpg") no-repeat top  center #d1eeff;background-size: 100% auto; color:#00355d;font-size:1vw;padding-top:41vw;line-height:1.6vw;}
ul,li,ol,p,input{margin: 0;padding: 0;list-style-type: none;}
img,img a{border: none;}
a{text-decoration-line: none;color:#00355d;}
a:hover{color:#D10003;}
div,p{box-sizing: border-box;}
.pa{position: absolute;}
.oh{overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
.w60{width: 60%;margin: 0 auto;}
.h100{height: 100%;}

.box{width: 62vw;margin: 0 auto;}
.dy{border-radius: 1vw;background: linear-gradient(90deg,rgba(10,150,91,0.75),rgba(20,120,171,0.7));font-size:1.1vw;color: #fff;line-height: 2vw;padding: 2vw;}
.bt{text-align: center;}
.bt img{width:35vw;}
.mbox{width: 100%;height:38vw;background:linear-gradient(0deg,#afdbf1,#afe0e5);margin-top:6vw;position: relative;border-radius:1.5vw;padding:4.5vw 0 0;}
.mbox .bt{position: absolute;top: -3vw;left:13.5vw;}
.swiper01{width:52vw;height:30vw;border: 0.3vw #fff solid;}
.swiper01 .swiper-slide{height:30vw;background: #A17576;}
.swiper01 .swiper-slide img{display: block;width: 100%;height: 100%;}
.txt01{padding: 2vw 0;}

.m02{margin-bottom: 2vw;}
.swiper02{width:34vw;height:22vw;border: 0.3vw #fff solid;}
.swiper02 .swiper-slide{height:22vw;background: #A17576;}
.swiper02 .swiper-slide img{display: block;width: 100%;height: 100%;}
.m02-r{width:26vw;}
.m02-r .bt01{font-size: 1.4vw;font-weight: bold;padding-bottom:1vw;}
.m02-r .bt02{font-size: 1vw;font-weight: bold;height:2vw;line-height:2vw;overflow: hidden;}
.m02-r .txt{height:8vw;overflow: hidden;margin-bottom:1vw;}
.m03-l,.m03-r{width:29vw;}
.m03-l{margin-right:4vw;}
.tu01 img{width:100%;height: 100%;}
.m03-l p,.m03-r p{font-size: 1.2vw;font-weight: bold;line-height:2vw;}
.tu01{position: relative;border: 0.4vw #fff solid;width:28vw;height:18vw;margin-bottom: 1vw;}
.tu01 p{width: 100%;height: 2vw;position: absolute;left: 0;bottom: 0;line-height: 2vw;text-align: center;font-size:1vw;background: rgba(0,0,0,0.5);color: #fff;}
.tiao{height: auto;background: linear-gradient(-60deg,#19a7b4,#c59e6b);padding: 0 2vw 2vw;color: #fff;border-radius: 1vw;margin-bottom: 2vw;}
.tiao a{color: #fff;}
.tiao span{display: block;width:6vw;height: 0.4vw;background:#ff6600;margin-bottom: 1.2vw;}
.tiao p{font-size:1.2vw;font-weight: bold;height:2vw;}
.tiao div{line-height:1.6vw;}
.pt01{padding: 2vw 0 2vw;}
.tiao02{height: auto;background:linear-gradient(0deg,#afdbf1,#afe0e5);padding:2vw;border-radius: 1vw;margin-bottom: 2vw;overflow: hidden;}
.tiao02 img{display: block;width:18vw;height:12vw;border: 0.3vw #fff solid;float: left;margin-right: 2vw;}
.tiao02 p{font-size:1.4vw;font-weight: bold;padding-bottom: 1vw;}
.tiao02 .t2_txt{line-height:1.6vw;width:37vw;}
.tiao02 .t2_line{display: block;width:6vw;height:0.3vw;background:#ff6600;margin-bottom:1.2vw;padding-bottom: 0;}



.foot{height:14vw;background: url("../images/foot_02.jpg") no-repeat top center;background-size: 100% auto;padding-top:5vw;text-align: center;font-size:0.8vw;color: #fff; line-height:2vw;margin-top: 5vw;}
:root{--swiper-navigation-size:3vw;--swiper-theme-color:#006ca4;}


@media (max-width:1000px){
html{transform: scale(1.5);transform-origin:50% 0;overflow-x: hidden;}
body{overflow-x:hidden;background-size: 150% auto;}
:root{--swiper-navigation-size:3vw}
.foot img{width:4vw;}
}