/* CSS Document */

*{margin: 0; outline: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a { text-decoration: none;color:#555; }
html {height: 100%;	-webkit-text-size-adjust: 100%;	-ms-text-size-adjust: 100%;}
body {margin: 0; padding: 0; width: 100%; min-height: 100%; font-family: Helvetica, Arial, sans-serif; color:#444;	-webkit-touch-callout: none; display: -webkit-box;	-webkit-box-orient: vertical; -webkit-box-align: stretch; position: relative;background:#fff;}
img {-ms-interpolation-mode: bicubic; vertical-align: middle; border:0;}
textarea { resize: none; border: 0;	padding: 8px 0;}
input, button, select, textarea { outline: none; -webkit-appearance: none; border-radius: 0; }
li {list-style: none; padding:0; margin:0; }
.clear{clear:both}
.blank{width:100%; height:8px}

@media screen and (max-width: 640px) {
body{font-size:14px}
}
@media screen and (min-width: 640px) {
body{font-size:16px}
}

/***********Common class**************/

.header{ width:100%; height:50px; margin:auto; background:#fff; border-bottom:1px solid #e1e1e1 }
.header_box{max-width:1000px; height:50px; margin:0 auto; padding:0 10px; position:relative }
.logo{ display:block; position:absolute; left:12px; bottom:6px; color:#50638e}
.logo img{height:22px; padding-right:5px; float:left; margin-bottom: 5px}
.logo span{ display:none;line-height:15px; font-size:14px; padding-top:6px; float:left; font-weight:bold}

.home{ display:block; position:absolute; width:50px; height:50px; right:40px; bottom:0px; background: url(../images/home.png) center center no-repeat;background-size: 22px 22px;}
.header .trigger{display:block; position:absolute; right:0px; bottom:0; background: url(../images/mbtn.png) center center no-repeat; background-size: 24px 20px; width:50px; height: 50px;}


.slider{ max-width:1024px; margin:0 auto;}
.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}

.owl-theme .owl-controls{margin-top: -25px;text-align: center;}
.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1; margin:5px; padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background: #869791;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{opacity: 1;text-decoration: none; }
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;}
.owl-theme .owl-controls .owl-page span{display: block; width:6px; height:6px; margin:5px; opacity: 0.9; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; background: #767e8e;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{opacity: 0.99999; background:#fff}
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF; padding: 2px 10px; font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.owl-item.loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}

.menu_index{max-width:1024px; margin:0 auto; padding:10px 0; height:auto;}
.menu_index a{ width:47%; display:block; float:left; margin:0 0 5px 2%; position:relative}
.menu_index a img{width:100%;}
.menu_index a p{ width:100%; height:30px; background:#000; opacity: 0.6; position:absolute; left:0; bottom:0; }
.menu_index a span{ display:block; height:30px; line-height:30px; width:100%; margin: 0 auto; color:#fff; font-size:1.3em; font-weight:500; text-align:center; position:absolute; left:0; bottom:0;}

.banner{ max-width:1024px; margin:0 auto;}
.banner img{width:100%}

.tel{ width:100%; text-align:center; padding:20px 0 10px 0 }
@media screen and (max-width: 640px) {
.tel img{ width:160px}	
}
@media screen and (min-width: 640px) {
.tel img{ width:200px}	
}

.footer{max-width:1024px; margin:0 auto; text-align:center; line-height:160%; font-size:0.85em; color:#777; padding:10px 0; border-top:1px solid #eee}
.footer a{color:#777}


.main{max-width:1024px; margin:0 auto; padding:0 10px;}

.menu{ height:auto; padding-top:10px; }
.menu a{ display:block; width:49%; height:34px; margin-bottom:4px; line-height:34px; text-align:right; color:#444; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.fl{float:left;}
.fr{float:right; margin-left:2%}

.menu .m_p{ background:#ced5e5 url(../images/pt1.png) 10px center no-repeat; background-size:10px 10px;}
.menu .s_p{ background:#5e74a5 url(../images/sp1.png) 10px center no-repeat; background-size:14px 14px; color:#fff;}


.content{max-width:1004px; padding:10px 0 10px 0; margin:0 auto; line-height:160%; min-height:200px}
.content p{padding:5px 0}
#img img{width:100%; max-width:600px;}

.newsList{ width:100%;}
.newsList li{line-height:140%; padding:9px 0 8px 0; border-bottom:1px solid #e6e6e6; font-weight:bold; padding-left:10px; background:url(../images/icon4.gif) left 16px no-repeat; }
.newsList li span{color:#ccc; font-size:0.8em; font-weight:normal}

.newsTitle{ width:100%; line-height:120%; padding:10px 0 5px 0; font-size:1.2em; font-weight:bold; }
.newsTitle2{width:100%; line-height:110%; color:#777; margin-bottom:20px; font-size:0.8em} 
.newsContent img{margin:0 0 0 0; width:100%}
.newtrip{ font-size:0.9em; color:#cccccc; padding:5px 0 }
.page{text-align:center; width:100%; padding-top:10px;}

.content-pic{margin:0 auto; text-align:center; position:relative}
.content-pic img{padding:5px 0; width:100%; max-width:600px}

.newtrip{line-height:150%;}
.trip{margin-bottom:20px}
.lan{width:100%; height:30px; line-height:30px; font-weight:bold}


.photo{ width:50%; height:auto; margin-top:10px; float:left; text-align:center;}
.photo div{width:280px; height:210px; margin:0 auto; padding:2px; border:1px solid #ddd; }
.photo div a{ display:block; width:280px; height:210px; display:table-cell; vertical-align:middle;}
.photo div img{ max-width:280px; max-height:210px;}

@media screen and (max-width: 360px) {
.photo div{width:140px; height:90px; }
.photo div a{ display:block; width:140px; height:90px; display:table-cell; vertical-align:middle;}
.photo div img{max-width:140px; max-height:90px;}
	}
	
@media screen and (min-width: 360px) and (max-width: 400px) {
.photo div{width:154px; height:99px; }
.photo div a{ display:block; width:154px; height:99px; display:table-cell; vertical-align:middle;}
.photo div img{max-width:154px; max-height:99px; }
	}

@media screen and (min-width: 400px) and (max-width: 480px) {
.photo div{width:180px; height:116px; }
.photo div a{ display:block; width:180px; height:116px; display:table-cell; vertical-align:middle;}
.photo div img{max-width:180px; max-height:116px; }
	}

@media screen and (min-width: 480px) and (max-width:560px) {
.photo{ width:50%; height:auto; margin-top:10px; float:left; text-align:center;}
.photo div{width:210px; height:158px; margin:0 auto; padding:2px; border:1px solid #ddd }
.photo div a{ display:block; width:210px; height:158px; display:table-cell; vertical-align:middle;}
.photo div img{max-width:210px; max-height:158px; }
	}

@media screen and (min-width: 560px) and (max-width:640px) {
.photo{ width:50%; height:auto; margin-top:10px; float:left; text-align:center;}
.photo div{width:240px; height:180px; margin:0 auto; padding:2px; border:1px solid #ddd }
.photo div a{ display:block; width:240px; height:180px; display:table-cell; vertical-align:middle;}
.photo div img{max-width:240px; max-height:180px; }
	}

@media screen and (min-width: 640px) and (max-width:720px) {
.photo{ width:50%; height:auto; margin-top:10px; float:left; text-align:center;}
.photo div{width:270px; height:203px; margin:0 auto; padding:2px; border:1px solid #ddd }
.photo div a{ display:block; width:270px; height:203px; display:table-cell; vertical-align:middle;}
.photo div img{max-width:270px; max-height:203px; }
	}

@media screen and (min-width:720px) and (max-width:800px) {
.photo{ width:33.333%; height:auto; margin-top:10px; float:left; text-align:center;}
.photo div{width:200px; height:150px; margin:0 auto; padding:2px; border:1px solid #ddd }
.photo div a{ display:block; width:200px; height:150px; display:table-cell; vertical-align:middle;}
.photo div img{max-width:200px; max-height:150px; }
	}

@media screen and (min-width:800px) {
.photo{ width:33.333%; height:auto; margin-top:10px; float:left; text-align:center;}
.photo div{width:250px; height:188px; margin:0 auto; padding:2px; border:1px solid #ddd }
.photo div a{ display:block; width:250px; height:188px; display:table-cell; vertical-align:middle;}
.photo div img{max-width:250px; max-height:188px; }
	}


.nexts{ width:42px; height:60px; position:absolute; top:38%; left:0; opacity:0.5}
.nextx{ width:42px; height:60px; position:absolute; top:38%; right:0; opacity:0.5}
.nexts a{ display:block; width:42px; height:60px; background:#000 url(../images/back.png) center center no-repeat; background-size:22px 40px; opacity:1} 
.nextx a{ display:block; width:42px; height:60px; background:#000 url(../images/next.png) center center no-repeat; background-size:22px 40px; opacity:1}