/*
 * start 2019.12.19
 */

/*label reset*/
*{margin: 0;padding: 0;box-sizing: border-box;}
body{min-width: 1200px;font-size: 15px;font-family: Arial,"Microsoft YaHei","Source Han Sans CN";}
a{display: block;text-decoration: none;}
img{display: block;border: none;}
li{list-style: none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
table{border-collapse: collapse;}

/*class & id reset*/
[class*='btn']{cursor: pointer;text-align: center;}
.pcshow{display: block;}
.mshow{display: none;}
.safewidth{width: 1200px;margin: 0 auto;position: relative;}
.text{letter-spacing: .5px;line-height: 24px;color: #555;font-size: 15px;}
div.text{text-align: justify;}
p.text{text-align: center;}
.line{height: 2px;background: #000;margin: 10px auto;width: 50px;}

/*------index--------*/
/*header*/
#header{width: 100%;height: 70px;position: fixed;top: 0;left: 0;z-index: 5;background: transparent;min-width: 1200px;}
#header .links{position: absolute;top: 32px;left: 20px;overflow: hidden;}
#header .links a{float: left;margin-right: 20px;font-size: 12px;color: #fff;transition: linear .2s;letter-spacing: .5px;padding: 5px 0;}
#header .links a:hover{color: #127749;border-bottom: 2px solid #127749;}
#header .logo{position: absolute;top: 10px;left: 50%;height: 50px;width: 100px;margin-left: -50px;}
#header .logo img{height: 100%;width: auto;margin: 0 auto;}
#header .btn_website{position: absolute;right: 20px;top: 24px;font-size: 12px;background: transparent;color: #fff;padding: 6px 10px;border-radius: 4px;}

/*banner*/
#banner{position: relative;background: rgba(0,0,0,.5);}
#banner .banner_video{position: relative;z-index: -1;}
#banner h2{color: #fff;width: 100%;text-align: center;position: absolute;top: 36%;font-size: 50px;letter-spacing: 2px;}

/*article*/
#article h2{text-align: center;padding-top: 70px;}
#article .intro{width: 60%;margin: 0 auto;color: #333;font-weight: lighter;padding-top: 20px;text-rendering:optimizeLegibility;letter-spacing: 1px;line-height: 1.5;}
#article h3{color: #212121;font-weight: bold;}

#article .sec{width: 1000px;margin: 0 auto;padding-top: 100px;}
#article .sec ul li{width: 100%;overflow: hidden;margin-top: 20px;position: relative;background: rgba(0,0,0,.5);}
#article .sec ul li img{width: 100%;height: auto;transition: linear .6s;position: relative;z-index: -1;}
#article .sec ul li:hover img{transform: scale(1.1);}
#article .sec ul li h4{position: absolute;top: 10%;left: 0;width: 100%;text-align: center;color: #fff;font-size: 26px;}

#article .sec_explore{padding-bottom: 100px;}
#article .sec_explore ul{overflow: hidden;}
#article .sec_explore ul li{width: 49%;float: left;}
#article .sec_explore ul li:nth-child(even){margin-left: 2%;}
#article .sec_explore ul li h4{font-size: 16px;}

/*--------voyage--------*/
.page_voyage h2{text-align: center;padding-top: 70px;}
.page_voyage>img{width: 100%;}
.page_voyage .intro{width: 40%;margin: 0 auto;color: #333;font-weight: lighter;padding-top: 20px;padding-bottom: 70px;text-rendering:optimizeLegibility;letter-spacing: 1px;line-height: 1.5;}
.page_voyage .block{width: 100%;display: flex;align-items: center;justify-content: space-between;}
.page_voyage .block>img{width: 50%;}
.page_voyage .block>.msg{width: 50%;}
.page_voyage .block>.msg h5{width: 60%;margin: 0 auto;font-size: 20px;color: #127749;}
.page_voyage .block>.msg h3{width: 60%;margin: 0 auto;font-size: 30px;}
.page_voyage .block>.msg .intro{width: 60%;}

.page_voyage .fixpic{height: 400px;background: url(../imgs/voyage-fixpic.jpg) no-repeat;background-size: cover;background-attachment: fixed;}
.page_voyage .fixpic .mask{width: 100%;height: 100%;background: rgba(0,0,0,.6);}
.page_voyage .fixpic h2{width: 100%;font-size: 30px;color: #fff;}
.page_voyage .fixpic .line{background: #fff;}
.page_voyage .fixpic .msg{color: #fff;font-size: 16px;letter-spacing: 1px;width: 40%;margin: 50px auto;}