@charset "utf-8";
/* CSS Document */

*{ margin:0 auto; padding:0 auto; }
body{  font-family: "Microsoft YaHei", SimSun, Tahoma, Verdana, Arial, sans-serif; background: #fff!important; }
a { text-decoration:none; }
em,i { font-style: normal;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.nav_box{ position:fixed;right:0px; top: 100px; z-index:999;width: 146px; overflow: hidden;}
.nav_box a{display: block; margin-bottom: 6px; width: 140px; height: 38px; line-height: 36px; text-align: center; background: #ffffff; color: #525252; font-size: 16px; border-radius: 21px; border: 1px solid #b3b3b3; }
.nav_box a:hover{ color: #ffffff; background: #a8161d;}
.nav_smile a { font-size:13px; background: #a8161d; width: 50%; float: left; font-weight: normal;box-sizing: border-box; color: #a8161d;  }
.nav_smile a:hover{ background: #ff00ff; color: #fff;  }

.banner1{ width:100%;background:url(/Public/theme/default/home/images/zt/2018gn_travel/banner1-1.jpg) center no-repeat;}
.banner2{ width:100%;background:url(/Public/theme/default/home/images/zt/2018gn_travel/banner2-2.jpg) center no-repeat;}
.banner1 img{ width:1000px; height: auto; display: block; margin: 0 auto;}
.banner2 img{ width:1000px; height: auto; display: block; margin: 0 auto;}
.cloud1{width:190px;height:139px;background-image:url(/Public/theme/default/home/images/zt/2018gn_travel/11.png);position: absolute;float:left;display:block;
    background-position: 0 0;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;top: 129px; left: 207px;
    -webkit-animation: dong1 1.5s linear infinite alternate;
    animation: dong1 1.5s linear infinite alternate; }
.cloud2{width: 176px;  height: 135px;  background-image: url(/Public/theme/default/home/images/zt/2018gn_travel/22.png);  position: absolute;  float: left;  display: block;
    background-position: 0px 0;  -webkit-transform-origin: 50% 50%;  transform-origin: 50% 50%; top: 150px;  right: 391px;
    -webkit-animation: dong2 1.5s linear infinite alternate;
    animation: dong2 1.5s linear infinite alternate;}
.cloud3{width:186px;height:132px;background-image:url(/Public/theme/default/home/images/zt/2018gn_travel/33.png);position: absolute;float:left;display:block;
    background-position: 0px 0;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;top: 116px; right: 151px;
    -webkit-animation: dong3 1.5s linear infinite alternate;
    animation: dong3 1.5s linear infinite alternate; }

@keyframes dong1 {
    from {  margin-top: 15px;}
    to {margin-top: 5px;}
}
@-webkit-keyframes dong1  {
    from {  margin-top: 15px;}
    to {margin-top: 5px;}
}

@keyframes dong2 {
    from {  margin-top: 15px;}
    to {margin-top: 5px;}
}
@-webkit-keyframes dong2 {
    from {  margin-top: 15px;}
    to {margin-top: 5px;}
}

@keyframes dong3 {
    from {  margin-top: 15px;}
    to {margin-top: 5px;}
}
@-webkit-keyframes dong3 {
    from {  margin-top: 15px;}
    to {margin-top: 5px;}
}

.bt { width: 1000px; font-size: 50px; text-align: center; padding: 44px 0;margin: 0 auto; height: 53px;}
.bt:after{ content: ""; float: right; width: 300px; height: 18px; background: url("/Public/theme/default/home/images/zt/2018gn_travel/bt.jpg")no-repeat; margin-top: 9px;}
.bt:before{ content: ""; float: left; width: 300px; height: 18px; background: url("/Public/theme/default/home/images/zt/2018gn_travel/bt.jpg")no-repeat;margin-top: 9px; }
.md_box { background: url("/Public/theme/default/home/images/zt/2018gn_travel/bg.jpg") no-repeat; padding-bottom: 20px; }
.md_box>div{position: relative;z-index:10;}
.my-div1{width:489px; height:250px; margin-bottom: 12px;}
.my-div2{width:492px; height:512px;}
.my-div3{width:321px; height:424px; float: left; margin-right: 18px; }
.my-div3:last-child{ margin-right: 0px; }
.my-div1 a{width:489px; height:250px; display:block; position:relative;}
.my-div2 a{width:492px; height:512px; display:block; position:relative;}
.my-div3 a{width:321px; height:424px; display:block; position:relative;}
.my-div a:hover .bt-div{ bottom:48%;}
.my-div a:hover .gm-div{ transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}
.my-div a:hover .bj-div{background:rgba(0,0,0,0.4);}
.bt-div{position:absolute; width:90%;left:5%; bottom:8%; text-align:center;  transition:All 0.4s ease;  -webkit-transition:All 0.4s ease;  -moz-transition:All 0.4s ease;  -o-transition:All 0.4s ease;  z-index:5;  color: #fff;  }
.bt-div h1{font-size:36px;font-weight:bold;height: 36px;}
.bt-div p{font-size:16px;}
.gm-div{width:26%; height:36px; line-height:36px; color:#fff;text-align:center;border:1px #fff solid; position:absolute;left:0%; right:0%;bottom:16%;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transition:All 0.4s ease;
    -webkit-transition:All 0.4s ease;
    -moz-transition:All 0.4s ease;
    -o-transition:All  0.4s ease;
    z-index:4; margin: 0 auto;}
.bj-div{width:100%;height:100%;background:rgba(0,0,0,0); position:absolute;left:0;top:0; z-index:3;
    -webkit-transition:All 0.4s ease;
    -moz-transition:All 0.4s ease;
    -o-transition:All  0.4s ease;}

.wrap1 { padding: 10px 0; background: #fff; }
.wrap2 { padding: 10px 0; background: #f5f5f5; }

.bt2 { width: 1000px; font-size: 50px; text-align: center; padding: 44px 0 0 0;margin: 0 auto; }
.bt_tit { color: #7d7d7d; text-align: center;font-size: 20px;}

.line_p { width: 1000px; margin: 0 auto; padding: 14px 0; }
.line_wrap { background: #fff; border: 1px solid #c9c9c9;  float: left; width: 478px; margin: 0 10px 20px 10px;  }
.line_wrap .img_box { width: 100%; height: 200px; position: relative; overflow: hidden; }
.line_wrap .img_box .sale { z-index: 999;padding-left: 10px; position: absolute; left: 0px; top:10px;height: 40px; line-height: 40px; font-size: 16px; font-weight: bold;color: #fff; }
.line_wrap .sale em { color: #f9ff2b; padding: 0 6px; height: 40px; background: #fb5f10; line-height: 40px; display: inline-block; }
.line_wrap .sale i { background:#6e0ef0; padding: 0 6px; height: 40px; display: inline-block;}
.line_wrap .img_box .sale:before { content: ""; background: url("/Public/theme/default/home/images/zt/2018gn_travel/bq.png") no-repeat; width: 28px; height: 40px; float: right;display:none; }
.line_wrap img { position: absolute; width: 100%; top: -48px;}
.line_wrap .tit { margin: 0 auto;font-size: 18px;  color: #333;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;  padding: 10px 0;  height: 48px;  line-height: 27px;  width: 95%;  border-bottom: 1px solid #b5b5b5; }
.line_wrap .tit2 { margin: 0 auto;font-size: 14px; color: #a8a8a8; padding: 4px 0; width: 96%; line-height: 18px; height: 32px; overflow: hidden; }
.money_1 { color: #fb5f10;  font-size: 22px;  margin: 22px 0 2px 10px;  float: left;}
.money_1 strong { font-size: 44px;}
.money_2 {float: right;  color: #fff;  background: #0090f2;  padding: 11px 34px;  font-size: 18px;  margin: 7px 20px 2px 0px;}
.line_wrap:hover .money_2 { background: #005189; transition: 0.5s ease-in; -o-transition:0.5s ease-in; }

.more { border-radius: 25px; color: #fff; background: #4e8af8; box-shadow: 0px 2px 10px #4e8af8; display: inline-block; padding: 10px 78px; font-size: 16px; }
.more_wrap { text-align: center;}
.money {overflow: hidden; padding-bottom: 10px;}
.f1{width: 452px;left:0;top: 1344px;}
.f2{width: 670px;right:0;top: 585px;}
.f1 img,.f2 img{display: block;}
.f1,.f2{position: absolute;z-index: 5;}