/* 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%; background:#fff; 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;}
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:60px; margin:auto; border-bottom:1px solid #ddd; margin-bottom:2px}
.header_box{max-width:1000px; height:60px; margin:0 auto; padding:0 10px; }
.logo{ display:block; float:left; margin-top:20px; height:22px;}
.logo img{height:22px}
.home{ display:block; height:20px; float:right; text-align:right; margin-top:20px}
.home img{width:25px; height:20px;} 

.slider{ max-width:1024px; margin:0 auto}
.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.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);}
/* mouse grab icon*/
.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
/* fix*/
.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 Carousel Owl Demo Theme*/
.owl-theme .owl-controls{margin-top: -25px;text-align: center;}
/* Styling Next and Prev buttons*/
.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/margin: 5px;padding: 3px 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;}
/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none; }
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
.owl-theme .owl-controls .owl-page span{display: block;width: 8px;height: 8px;margin: 5px 5px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #001e37;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=80);/*IE7 fix*/opacity: 0.8; background:#fff}
/* If PaginationNumbers is true*/
.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;}
/* preloading images*/
.owl-item.loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}

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


.wx_content{min-height:100%; padding:5px 0 20px 0}

.menu_index{ height:auto; padding:5px 0 15px 0}
.menu_index a{ display:block; float:left; width:46.8%; height:56px; margin-left:2%; margin-top:2%; line-height:56px; text-align:right; color:#fff; font-size:1.2em; font-weight:bold; border:1px solid #118997; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.menu_index .m_about{ background:#1477c5 url(../images/t1.png) 15px center no-repeat; background-size:36px 36px;}
.menu_index .m_news{ background:#1477c5 url(../images/t2.png) 15px center no-repeat; background-size:36px 36px;}
.menu_index .m_product{ background:#1477c5 url(../images/t3.png) 15px center no-repeat; background-size:36px 36px;}
.menu_index .m_contact{ background:#1477c5 url(../images/t4.png) 15px center no-repeat;background-size:36px 36px;}

.nt{ width:96%; margin:0 auto; height:26px;text-align:center; position:relative}
.nt div{ width:100px; height:26px; line-height:28px; color:#555; font-weight:bold; text-indent:20px; margin:0 auto; padding:0 15px; background:#f8f8f8 url(../images/rss.png) 17px 6px no-repeat; background-size:16px 16px; border:1px solid #dcdcdc; border-bottom:none; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft:6px; border-top-left-radius:6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright:6px; border-top-right-radius: 6px;}
.notice{ width:96%; margin:0 2%; padding-bottom:10px;}
.notice div{background:#f8f8f8; border:1px solid #dcdcdc; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.notice ul{ padding:5px 10px 10px 10px; overflow:hidden }
.notice ul li{padding:8px 0; line-height:130%; border-bottom:1px solid #e6e6e6;}
.notice ul li span{font-size:0.8em; color:#888}

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

/*footer*/
.foot{max-width:1024px; margin:0 auto; text-align:center; line-height:180%; font-size:0.9em; color:#777; padding-bottom:20px}
.foot_box{border-top:1px solid #ddd;  padding:12px 0 0 0; margin-top:25px}
.foot a{color:#777}


/*内页*/
.pic img{width:100%;}


.menu{ height:auto; }
.menu a{ display:block; float:left; width:48.1%; height:38px; margin-left:1.1%; margin-top:1%; line-height:38px; text-align:right; color:#fff; font-size:1em; font-weight:normal; border:1px solid #118997; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.menu .m_about1{ background:#1477C5 url(../images/t5.png) 15px center no-repeat; background-size:26px 26px; }
.menu .m_about2{ background:#1477C5 url(../images/t6.png) 15px center no-repeat; background-size:26px 26px; }
.menu .m_about3{ background:#1477C5 url(../images/t7.png) 15px center no-repeat;background-size:26px 26px; }
.menu .m_about4{ background:#1477C5 url(../images/t8.png) 15px center no-repeat; background-size:26px 26px; }
.menu .s_about1{ background:#F09A09 url(../images/t5.png) 15px center no-repeat; background-size:26px 26px; color:#fff; border:1px solid #F09A09;}
.menu .s_about2{ background:#F09A09 url(../images/t6.png) 15px center no-repeat; background-size:26px 26px; color:#fff; border:1px solid #F09A09;}
.menu .s_about3{ background:#F09A09 url(../images/t7.png) 15px center no-repeat; background-size:26px 26px; color:#fff; border:1px solid #F09A09;}
.menu .s_about4{ background:#F09A09 url(../images/t8.png) 15px center no-repeat; background-size:26px 26px; color:#fff; border:1px solid #F09A09;}


.menu .m_p1{ background:#1477C5 url(../images/t9.png) 15px center no-repeat; background-size:26px 26px; }
.menu .m_p2{ background:#1477C5 url(../images/t10.png) 15px center no-repeat; background-size:26px 26px; }
.menu .m_p3{ background:#1477C5 url(../images/t11.png) 15px center no-repeat; background-size:26px 26px; }
.menu .m_p4{ background:#1477C5 url(../images/t12.png) 15px center no-repeat; background-size:26px 26px; }
.menu .s_p1{ background:#F09A09 url(../images/t9.png) 15px center no-repeat; background-size:26px 26px; color:#fff; border:1px solid #F09A09;}
.menu .s_p2{ background:#F09A09 url(../images/t10.png) 15px center no-repeat; background-size:26px 26px; color:#fff; border:1px solid #F09A09;}
.menu .s_p3{ background:#F09A09 url(../images/t1.png) 15px center no-repeat; background-size:26px 26px; color:#fff; border:1px solid #F09A09;}
.menu .s_p4{ background:#F09A09 url(../images/t12.png) 15px center no-repeat; background-size:26px 26px; color:#fff; border:1px solid #F09A09;}


.content{ max-width:1004px; padding:10px 10px 0px 10px; margin:0 auto; line-height:180%}
.content p{padding:6px 0}
.min{min-height:200px;}
.title{font-size:16px;font-weight:600;}

.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:#888; 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{width:100%;max-width:500px;margin:0 auto;display:block;}
.newtrip{ font-size:0.9em; color:#00a1e9; 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{width:100%; padding:10px 0}
.return{width:100px; height:28px; line-height:28px; color:#fff; font-weight:bold; background:#7dc112; text-align:center; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin:15px 0}
.return a{color:#fff}
.newtrip{line-height:150%;}
.trip{margin-bottom:20px}
.lan{width:100%; height:30px; line-height:30px; font-weight:bold}

.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} 

@media screen and (max-width: 640px) {
#img img{ max-width:500px;width:100%; margin:0 auto;}
}
@media screen and (max-width: 480px) {
#img img{ max-width:434px;width:100%;margin:0 auto;}
}
@media screen and (max-width: 400px) {
#img img{ max-width:340px;width:100%;margin:0 auto;}
}
@media screen and (max-width: 320px) {
#img img{ max-width:256px;width:100%;margin:0 auto;}
}


.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; }
	}


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