.banner_sub img{
max-width: 100%;
margin:0 auto;
}
.banner_left{ position:absolute; left:0; top:40%; z-index:99; display:none;}
.banner_right{ position:absolute; right:0; top:40%; z-index:99; display:none;}
.banner_sub:hover .banner_left{ display:block;}
.banner_sub:hover .banner_right{ display:block;}
.pc_banner{
display: none;
}
.newstitle{
text-align: center;
}
.head_sub{
height: 40px;
}
.back{
width: 18px;
float: left;
}
.menu{
width: 30px;
float: right;
text-align: right;
}
.aboutus{
margin-bottom: 20px;
}
.navmidtitle{
margin: 0 30px 0 18px;
text-align: center;
font-size: 24px;
}
.back,.navmidtitle,.menu{
height: 40px;
line-height: 40px;
color: white;
}
.pagesubhead{
background-color: #0064cb;
}
.newstitle span{
font-size: 26px;
border-bottom: solid 2px #0064cb;
margin: 0 auto;
}
.subhead{
display: none;
}
.menu img{
width: 30px;
}
.back img{
width:18px;
}
.imgnewsitem img{
width: 100%;
}
.imgnewsitem p{
text-align: left;
padding: 10px 10px;
font-size: 20px;
background-color: rgba(0,0,0,0.4);
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
color:#fff;
}
.newstitle .more{
display: none;
}
.rightnews{
}
.newslist .newsitemwrap:first-child{
margin-top: 0px;
}
.newstitle{
padding: 30px 0 30px 0;
}
.leftnews{
margin-top:10px;
}
.rightnews li{
padding-top:10px;
border-bottom:1px #e6e6e6 dashed;
padding-bottom: 10px;
font-size:16px;
}
.leftnews li{
padding-top:10px;
border-bottom:1px #e6e6e6 dashed;
padding-bottom:10px;
font-size: 16px;
}
.rightnews li a b{
color: #999999;
padding-left:15px;
}
.rightnews li span{
color: #999999;
}
.leftnewstitle{
padding-bottom: 0;
}
.imgtxtnews .col-xs-12{
padding-top: 15px;
}
.newsmore .col-xs-12{
padding-bottom: 20px;
}
.imgtxtnews .col-xs-12:first-child{
padding-top: 0px;
}
.banner_sub{
position: relative;
}
.banner_sub a{ display:block; overflow:hidden; position:relative; max-width:1920px; margin:0 auto;}
.banner_sub a div{ position:absolute; width:100%; text-align: left; background-color: rgba(0, 0, 0, 0.6); color:#fff; left:0; bottom:0; font-size:14px; line-height:2; padding:0 15px;}
.banner_sub a div span{ display:block; width:100%; max-width:1180px; margin:0 auto;}
.pagethetitle{
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
font-size: 50px;
color: white;
width: 100%;
height: 200px;
line-height: 250px;
text-align: center;
display: none;
}
.newstitle .henx{
text-align: center;
}
.newsmore .newsmoretitle {padding-bottom: 0;}
.Travelnews .col-xs-12 {
padding-bottom: 0px;
}
.imgnewsitem{display: block;}
.Travelnews{
padding-bottom: 20px;
}
.travelitem div{
width: 90px;
height: 90px;
float: left;
}
.travelitem div img{
width: 100%;
}
.travelitem div img.Circle{
width: 100%;
height:100%;
border-radius:50%;
}
.travelitem{
overflow: hidden;
margin-top: 15px;
display:block;
}
.travelitem.active{
display:block;
}
.travelitem i{
display: block;
margin-left: 110px;
font-style:normal;
}
.travelitem i p{
display: -webkit-box;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
color:#999;
}
.travelitem i .line4{
display: -webkit-box;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
margin-top:5px;
}
.travelitem:first-child{
margin-top: 0px;
}
.juximg .travelitem div{
width: 40%;
height:auto;
}
.juximg .travelitem i{
width: 60%;
margin-left: 0;
float: left;
padding-left: 20px;
font-style:normal;
}
.onlytraimg{
width: 100%;
}
.aboutus .newstitle{
text-align: center;
}
.bgblanck{
background-color: #000;
}
.videotitle{
color: white;
text-align: center;
}
.videowrap video{
width: 100%;
display:block;
}
.movediv{ overflow:hidden; padding-left:7px; padding-right:7px;font-size: 0;}
.notplay{ overflow:hidden; padding-left:8px; padding-right:8px; padding-top:16px; float:none; display: inline-block; vertical-align: top;}
.videoitem{
overflow: hidden;
position: relative;
}
.playicon{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: block;
width: 40px;
cursor: pointer;
z-index: 10;
}
.cantadd p{
display: none;
}
.whatlist{
overflow: hidden;
background-color: #f2f2f2;
}
.whatlist p{width: 50%;float: left;}
.whatlist img{width: 50%;float: left;}
.whatlist span{
display: block;
}
.whatlist .title{font-size: 16px; margin: 7px 9px 0 9px;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -webkit-box;}
.whatlist .txt{ margin: 5px 9px 6px 9px; color: #808080;text-overflow: ellipsis;overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;}
.newsitemwrap{
padding-bottom: 20px;
}
.videoitemwrap .title{
font-size:16px;
display: block;
color: white;
margin: 15px 0 10px 0 ;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
display: -webkit-box;
}
.videoitemwrap .text{
color:#e6e6e6;
margin-bottom: 15px;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
display: -webkit-box;
font-size:14px;
}
.cantaddsub .cantadd p .title{
display: block;
color: white;
font-size: 30px;
padding: 15px 0 10px 0 ;
}
.cantaddsub .cantadd p .text{
display: block;
color:#e6e6e6;
padding-bottom: 15px;
}
.videotitle{
font-size: 36px;
padding-top: 30px;
margin-bottom: 20px;
border-bottom: solid 1px #ededed;
}
.viewmore{
display: inline-block;
padding: 10px;
color: white;
border: solid 1px white;
}
.subvideowrap.videowrap{
padding-top: 20px;
padding-bottom: 60px;
}
.videophonehide{
display: none;
}
.videowrap{
padding-bottom: 40px;
}
.Naturalitem img{
width: 100%;
}
.cantaddsub .cantadd p{display: block}
.Naturalitem{
display: block;
height:auto;
margin-top: 30px;
overflow:hidden;
}
.Naturalitem p{padding:0 10px;background-color: #f2f2f2;padding-bottom:10px;height:155px;}
.naturallist{
padding-bottom: 30px;
font-size:0px;
}
.noneFloat{ float:none; display: inline-block;vertical-align: top; box-sizing: border-box;}
.noneFloat .Naturalitem .text{ font-size:14px;}
.fontSize0{ font-size:0;}
.Naturalitem .title{
display: block;
padding: 15px 15px 6px 15px;
overflow: hidden;
font-size: 22px;
}
#Naturalbg .text {
overflow: hidden;
display: block;
padding: 0px;
height: auto;
}
#Naturalbg .title{
padding: 20px 0px 10px 0px;
}
.Naturalitem .text{
overflow: hidden;
display: block;
padding: 0px 15px;
height: 60px;
color: #808080;
}
#videotopitem .imgnewsitem{
position: relative;
transition: all 2s;
}
#videotopitem .imgnewsitem:hover .toumbg{display: block;transition: all 2s;display:none\9;}
#videotopitem .imgnewsitem p{
position: absolute;
bottom: 0;
width: 100%;
padding-left:20px;
padding-right:20px;
}
.toumbg{
position: absolute;
top: 0;
background:url(ABOUTSZ_03.png);
width: 100%;
height: 100%;
color: white;
display: none;
transition: all 2s;
}
.toumbg div{
height: 54px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
text-align:center;
}
.toumbg div img{
width: initial;
}
.toumbg div span{
display:block;
text-align:center;
line-height:3;
}
.chTravellist .Naturalitem div{
overflow: hidden;
width: 200px;
height: 200px;
margin: auto;
border-radius: 50%;
position: relative;
vertical-align: middle;
text-align: center;
}
.chTravellist .Naturalitem .title {
font-weight: bold;
}
.chTravellist .Naturalitem p{
background-color: white;
}
.chTravellist .Naturalitem .text {
color: #333;
}
.chTravellist .Naturalitem div img{
position: absolute;
width: auto;
display:block;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
}
.activeplay{
transition: all 1s;
-webkit-transition: all 1s;
-ms-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transform: rotate(360deg) scale(1.2,1.2);
-webkit-transform: rotate(360deg) scale(1.2,1.2);
-ms-transform: rotate(360deg) scale(1.2,1.2);
-moz-transform: rotate(360deg) scale(1.2,1.2);
-o-transform: rotate(360deg) scale(1.2,1.2);
}
.paddingleft0{ padding-left:0;}
.margintop15{ margin-top:15px;}
@media (min-width: 768px) {
.travelitem:first-child{
margin-top: 0;
}
.paddingleft0{ padding-left:15px;}
.paddingleft0_768{ padding-left:0;}
.margintop15{margin-top:0}
.pc_banner{
display: block;
}
.playicon {
width: 60px;
}
.notplay{
padding-top: 30px; padding-left:15px; padding-right:15px;
}
.videophonehide{
display: block;
}
.connopadding{
padding-left: 0;
padding-right: 0;
}
.aboutusbottom{
}
.whattitle{
padding-bottom: 30px;
}
.whatlist p{}
.whatlist img{}
.aboutus{
margin-bottom: 0px;
}
.aboutusbottom.newslist{
margin-right: -20px;
margin-left: -20px;
}
.aboutus .imgtxtnews{
margin-right: -10px;
margin-left: -10px;
}
.aboutusbottom .newstitle{
text-align: center;
}
.newslist.aboutus{
margin-right: -10px;
margin-left: -10px;
}
.newslist.aboutus .col-xs-12 {
padding-left: 10px;
padding-right: 10px;
}
.aboutus .col-xs-12{
margin-bottom: 10px;
}
.newstitle .henx{
text-align: left;
}
.pagethetitle{
display: block;
}
.imgtxtnews .col-xs-12{
padding-top: 0px;
}
.newsmore .newsmoretitle.col-xs-12{
padding-bottom: 0;
}
.newsmoretitle .newstitle .henx {
border-bottom: solid 1px #ededed;
}
.newstitle .more{
display: inline-block;
float: right;
color: #9e9e9e;
cursor: pointer;
}
.newstitle span{
display: inline-block;
margin-bottom: -3px;
}
.leftnewstitle{
padding-bottom: 30px;
}
.newsmore .col-xs-12{
padding-bottom: 20px;
}
.rightnews li:first-child{
border-top:none;
}
.rightnews li{
border-bottom:none;
}
.rightnews li a b,.rightnews li span{
color: #333;
}
.newsmore{
padding-bottom: 20px;
}
.rightnews{
padding-left:15px;
padding-right: 15px;
border:solid 1px #e6e6e6;
}
.ch_title{display: block;}
.rightnews li{
padding-top:25px;
border-top:1px #e6e6e6 dashed;
padding-bottom: 20px;
}
.rightnews li a{
font-size: 16px;
}
.subhead{
display: block;
}
.imgnewsitem p{
padding: 20px 10px;
text-align: center;
}
.pagesubhead{
background-color: white;
}
.phone_banner{
display: none;
}
.head_sub{
display: none;
}
.newswrap{
padding-left:0;
padding-right: 0;
/* background-color: blue; */
}
.newstitle{
text-align: left;
}
.newslist,.imgtxtnews{
margin-right: -21px;
margin-left: -21px;
}
.newslist .col-xs-12{
padding-left:21px;
padding-right: 21px;
}
.Travelnews .newstitle .henx{
border-bottom: solid 2px #ededed;
}
.Travelnews .newstitle span {
display: inline-block;
margin-bottom: -2px}
.vdleftp1{
font-size: 24px;
color: white;
margin-top: 40px;
}
.vdleftp2{
color: #e6e6e6;
margin-top:16px;
margin-bottom:28px;
}
.vdleftp3{
border:solid 1px white;
display: inline-block;
width: 94px;
height: 48px;
font-size:0;
}
.vdnum{
font-size: 90px;
letter-spacing: 0px;
color: white;
margin-top: 50px;
}
.firstvideo{
width: 46px;
height: 46px;
display: inline-block;
cursor: pointer;
background: #000 url(jiantoulefton.png) no-repeat center;
}
.lastvideo{
width: 46px;
height: 46px;
cursor: pointer;
display: inline-block;
background:#000 url(jiantright.png) no-repeat center;;
}
/* .firstvideo:hover{
background: #fff url(../images/jiantleft.png) no-repeat center;
}
.lastvideo:hover{
background: #fff url(../images/jiantourighton.png) no-repeat center;
} */
.cantaddsub{ overflow:hidden;}
.movediv{ padding-left:0; padding-right:0;}
.videoitemwrap .title{
font-size:20px;
}
.whatlist .title{font-size: 18px; margin:7px 10px 0 10px;}
.whatlist .txt{ margin:5px 10px 5px 10px;-webkit-line-clamp: 3;}
.newsitemwrap{
margin:0;
padding-bottom: 40px;
}
.aboutusbottom.newslist .col-xs-12{
padding-left: 8px;
padding-right: 8px;
margin-bottom:16px;
}
.banner_sub a div{ font-size:22px; line-height:2.6;}
.leftnews li{ font-size:20px;}
.leftnews{
margin-top:10px;
}
}
@media (min-width: 992px) {
.aboutus .col-xs-12 {
margin-bottom: 10px;
}
.aboutusbottom.newslist .col-xs-12{
padding-left: 20px;
padding-right: 20px;
margin-bottom:40px;
}
.banner_sub a div{ font-size:26px; line-height:2.6;}
.whatlist .title{font-size: 20px;}
.whatlist .txt{ margin:10px 10px 0 10px;-webkit-line-clamp: 4;}
}