@charset "utf-8";


/*幻灯片*/
.banner{width:100%; margin:0 auto;border:11px solid #000; }
div.wrapper { width: 100%; margin: 0 auto; position: relative; }
.fn-clear { zoom: 1; }
.box_skitter { position: relative; background: none; }
    .box_skitter ul { display: none; }
    .box_skitter .container_skitter { overflow: hidden; position: relative; }
    .box_skitter .image { overflow: hidden; }
        .box_skitter .image img { display: none; }
    .box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
        .box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
    .box_skitter .prev_button { position: absolute; top: 40%; left: -5px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(prev.png) no-repeat left top !important; }
    .box_skitter .next_button { position: absolute; top: 40%; right: -5px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(next.png) no-repeat left top !important; }
    .box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(ajax-loader.gif) no-repeat left top; width: 31px; height: 31px; }
#slideshow { width: 100%; height: 460px; }
    #slideshow ul { display: none; }




/*.focusBox{position: relative; margin:0 auto;width:100%;height:460px;overflow: hidden;}
.focusBox .pic{position:relative;z-index:0;}
.focusBox .pic img{width:100%; height:460px;display: block;}
.focusBox .hd{width:100%; position: absolute;bottom: 10px;text-align: center;font-size:0;z-index:1;}
.focusBox .hd li{margin: 0 5px; width:10px; height:10px; -moz-border-radius:50%; -webkit-border-radius:50%;border-radius:50%; background-color:rgba(0,0,0,0.3); border:2px rgba(255,255,255,0.3) solid;cursor: pointer;display:inline-block;*display:inline;zoom:1;}
.focusBox .pic_bg{width:100%; height:460px;}
.focusBox .hd .on{background-color:rgba(255,255,255,0.3); border:2px rgba(0,0,0,0.3) solid;}

.focusBox .prev,.focusBox .next{ display:none; width:58px; height:90px;position: absolute;top: 50%; margin-top:-45px; z-index: 10;cursor: pointer;text-indent: -9999px;filter:alpha(opacity=60);opacity:0.6; background-color:#ragb(0,0,0,0.5);}
.focusBox .prev i,.focusBox .next i{display: block ;width:17px;height: 28px;background: url(../images/slide_tigger.png) 0 0; margin:30px auto 0 auto;}

.focusBox .prev{left:15px;}
.focusBox .next{right:15px;}
.focusBox .next i{background-position:-17px 0;}

.focusBox .prev:hover,.focusBox .next:hover{filter:alpha(opacity=40) !important;opacity:0.4 !important;}*/

/*@media (max-width: 768px){
	.focusBox{height:180px;}
	.focusBox .pic img{height:180px;}
	.focusBox .pic_bg{width:100%; height:180px; background-size:100% !important;}
}*/
	
.plan_container{ background-color:#f8f8f8; padding:5px 0; border:0px solid #000}
.plan_thumbnail{ float:left; padding:0; border:0;width:260px; height:310px; background-color:transparent; position:relative; margin:0 32px 0 0;
-moz-transform: translateY(0); 
-webkit-transform: translateY(0); 
-o-transform: translateY(0); 
-ms-transform: translateY(0); 
transform: translateY(0);transition:transform .3s;}

.plan_thumbnail.last{ margin:0;}
.plan_thumbnail .h_plan{ display:block; width:260px; height:172px; text-align:center; overflow:hidden;}
.plan_thumbnail .h_plan .plan_icon{ width:68px; height:74px; background:url(../images/h_plan.png) center 0 no-repeat; margin:0 auto; margin-top:35px;}

.plan_thumbnail:hover{
-moz-transform: translateY(-35px); 
-webkit-transform: translateY(-35px); 
-o-transform: translateY(-35px); 
-ms-transform: translateY(-35px); 
transform: translateY(-35px);transition:transform .3s;}


.plan_thumbnail:hover .plan_icon{
-moz-transform: translateY(-15px); 
-webkit-transform: translateY(-15px); 
-o-transform: translateY(-15px); 
-ms-transform: translateY(-15px); 
transform: translateY(-15px);transition:transform .3s;}

.plan_thumbnail .h_plan h3{ font-size:18px; color:#fff; margin-top:25px;}
.plan_thumbnail .caption { background-color:#fff; padding:18px 9px 42px 9px; border-bottom:2px #ebebeb solid;}
.plan_thumbnail .caption p{ color: #888; line-height:22px; }
.plan_thumbnail .plan_more{ display:block; background-color:#fff; width:65px; height:65px; -moz-border-radius:50%; -webkit-border-radius:50%;border-radius:50%; border:1px #eee solid; text-align:center; line-height:65px; color:#aaa; font-size:14px; position:absolute; left:50%; margin-left:-32px; bottom:-22px;}


.plan_thumbnail .h_plan.h_plan_zlt{ background:url(../images/h_plan_1.jpg) 0 0 no-repeat;}
.plan_thumbnail .h_plan.h_plan_destination{ background:url(../images/h_plan_2.jpg) 0 0 no-repeat;}
.plan_thumbnail .h_plan.h_plan_scenic{ background:url(../images/h_plan_3.jpg) 0 0 no-repeat;}
.plan_thumbnail .h_plan.h_plan_travel{ background:url(../images/h_plan_4.jpg) 0 0 no-repeat;}

.plan_thumbnail .h_plan_zlt .plan_icon{ background-position:center 0;}
.plan_thumbnail .h_plan_destination .plan_icon{ background-position:center -74px;}
.plan_thumbnail .h_plan_scenic .plan_icon{ background-position:center -148px;}
.plan_thumbnail .h_plan_travel .plan_icon{ background-position:center -222px;}

/*@media (max-width: 768px){
	.plan_container .container{ width:560px; margin:0 auto;}
	.plan_thumbnail{ margin-bottom:50px;}
	.plan_thumbnail:nth-of-type(2n){ margin-right:0;}
}
@media (max-width: 560px){
	.plan_container .container{ width:100%; margin:0 auto;}
	.plan_thumbnail{ float:none; margin: 0 auto 50px auto !important;}
	.plan_thumbnail:nth-of-type(2n){ margin-right:auto;}
}*/


.home_title{ height:50px; line-height:50px; overflow:hidden; border-bottom:1px rgba(0,0,0,0.06) solid; margin-bottom:0px; border:0px  solid #000;}
.home_title h3.h_title{ font-size:24px; color:#333; line-height:20px; margin:0; padding:0;}
.home_title h3.h_title span{ float:left; border-bottom:2px #666 solid; line-height:58px; }
.home_title h3.h_title .h_more{ float:right; font-size:14px; color:#999; line-height:70px;}
.home_title h3.h_title .h_more:hover{ color:#0080cc;}




.news_container{ background-color:#eff0f0; padding:50px 0;}
.news_container .part_left{ float:left; width:555px;}
.news_container .part_right{ float:right; width:555px;}
.article_lists{ height:272px; overflow:hidden;background-color:#fff;}
.media_article{padding:18px 18px 0 18px; border:0px solid #000; line-height:30px; color:#666;}
.media_article a:hover{ color:#999;}
.media_article .media-left img{ width:164px; height:96px;}
.media_article .media-heading{ font-size:16px; margin-bottom:10px;}
.media_article .media-heading a:hover{ color:#ccc;}
.media_article .sub_date{ font-size:12px; color:#999; display:none;}
.media_article .con{ font-size:14px;color:#999; margin:0; line-height:22px;}
.media_article .line_br{ height:1px; border-top:1px #d9d9d9 dashed; margin-top:18px; background-color:#fff;}



.article_lists ul{ padding:8px 18px 5px 18px;}
.article_lists span{ float:right;}
.article_lists li{ display:block; line-height:22px; margin-bottom:10px; position:relative;}
.article_lists li a{ color:#666; font-size:14px; padding-left:20px;}
.article_lists li a:hover{ color:#999;}
.article_lists li .date{ line-height:30px; position:absolute; right:0; top:0; color:#999;}


/*@media (max-width: 768px){
	.news_container .part_left{ float:none; width:100%; margin-bottom:20px;}
	.news_container .part_right{ float:none; width:100%;}
}*/

.customer_container{ background-color:#fff; padding:10px 0;}
.customer_lists li {float: left; width: 20%;text-align: center;}
.customer_lists li img{ max-height:70px; max-width:170px; vertical-align:middle;}
.customer_lists li .lists{ display:block; height:70px; background-color: #fff;border: 1px solid #f1f1f1; margin:10px; padding:10px 0; line-height:67px; overflow:hidden; position:relative;}


.customer_lists li .lists .mask{ position:absolute; left:0; right:0; bottom:0;background-color:rgba(0,128,204,0.8);*background-color:#0080cc; height:0; }
.customer_lists li .lists .mask .con{ width:100%; height:100%; line-height:20px; color:#fff; position:relative;}
.customer_lists li .lists .mask .con h4{ font-size:16px; margin:22px 0 10px 0;}
.customer_lists li .lists .mask .con .icon_see{ display:inline-block; width:18px; height:18px; background:url(../images/icons.png) 0 -120px no-repeat; vertical-align:middle; margin:0 10px 0 0;}
.customer_lists li .lists .mask .con .br_more{ color:#b5e1fc;}


.wrapper{width:95%;padding:60px 0px;margin:0 auto;border:0px solid #F00; }
.product-con li{width:380px;padding:0 0px;margin-top:20px;float:left;}
.product-con a{display:block}
.picnew li{width:180px;list-style:none;padding-left:35px;border:0px solid #F00;border:0px solid #000;}
.picnew p a{margin-bottom:1px;color:#000;}
.picnew .pic{float:left;width:200px;height:200px;border:1px solid #E7E7E7; margin-left:0px; }
.bold{font-size:12px; text-align:center; line-height:25px;}



/*pro*/
.product_list {
	float:left;
	height:150px;width:140px;
	position: relative;
	margin:15px 0 0 0px;
	border:0px solid #ccc;
	margin-left:30px;
	padding-bottom:12px;
	
}
.product_list .new {
	position: absolute;
	bottom: 0;
	left: 0;
}

.product_list img, .producto_lista ul {
	float: left;
	border:1px solid #ccc;
	width:150px; height:150px;
}

.product_list h1 {
	float:left;
	margin: 2px 0px 50px 0px;
	padding-bottom:0px;
	font-size: 12px;
	font-weight:normal;
	line-height: 22px;
	border:0px solid #000;
	padding-left:18px;
}

.product_list p {
	margin: 5px 10px 0 5px;
	color: #737373;
	font-size: 12px;
	line-height: 18px!important;
}



.promsg{padding:2px; line-height:25px;font-size:14px;}
.promsg a{margin-left:0px;}
.promsg h1{color:#000000; font-size:16px !important;}
.promsg .protop{text-align:center; border-bottom:1px  solid #dbdbdb; padding-bottom:10px; margin-bottom:10px;line-height:10px;}
.promsg .protop,.promsg .protop a{margin-right:10px;color:#ff6600;}
.promsg .inf{padding-top:px;border-bottom:1px solid #dbdbdb;border-top:1px solid #dbdbdb;padding-bottom:10px;margin-bottom:10px;margin-top:10px;
clear:both;}
.promsg .inf,.promsg .info a {color:#074DBD;}
.promsg p{ line-height:80px;}




/*分页*/
.k_pagelist {  CLEAR: both; LINE-HEIGHT: 30px; float:left; margin:50px 0 50px 0;} 
.k_pagelist EM {  BORDER: #cccccc 1px solid; PADDING: 4px 6px 4px 6px; FONT-WEIGHT: bold; FONT-SIZE: 12px;MARGIN: 0px 6px; BACKGROUND:#FFF4F4} 
.k_pagelist STRONG {  BORDER: #cccccc 1px solid; PADDING: 4px; FONT-SIZE: 12px; MARGIN: 0px 4px; } 
.k_pagelist A:hover{ background-color:#CCC}
.k_pagelist A { BORDER: #cccccc 1px solid; PADDING: 4px;FONT-SIZE: 12px;MARGIN: 0px 4px} 
.newslist{width:330px;margin-top:8px;}
.newslist li{background:url(icon8.gif) no-repeat 5px center;padding-left:5px;line-height:22px;}



/*新闻*/
.newslist1{width:330px;margin-top:8px;}
.newslist1 li{background:url(newt.gif) no-repeat 5px center;padding-left:5px;line-height:22px;}

#xl{ margin-left:0px;position:relative; border:0px solid #000;}
#xl li{padding:8px 10px;border-bottom:1px dotted #2a6499;color:#555;overflow:hidden;zoom:1;}
#xl li:hover{background-color:#eee}
#xl li span{float:right;width:550px;color:#222}
#xl li a:link{color:#333333}
#xl li a:hover,#xl li a:visited{color:#333333}
#xl p{padding:0px; margin:0px; font-weight:bold;}

/*intor*/
.intor_nav-list{}
.intor_nav-list li{ display:block; border:1px #eee solid; margin-top:-1px;}
.intor_nav-list li a{ display:block; background-color:#faf8f8; padding:8px 15px 8px 15px; border-left:2px #f8f8f8 solid; color:#666; font-size:14px; line-height:20px;}
.intor_nav-list li a i{ float:left; width:26px; height:20px; display:inline-block; background:url(../images/.png) 0 0 no-repeat; margin-right:px;}
.intor_nav-list li a:hover{background-color:#fff; border-left:2px #0080cc solid; color:#0080cc;}
.intor_nav-list li.active a{background-color:#fff; border-left:2px #0080cc solid; color:#0080cc;}
.intor_nav-list li.active a i,.intor_nav-list li a:hover i{ background-position:-26px 0;}

.intro_contant .title_block{ margin-bottom:20px;}
.intro_contant .title_block h3{ margin-top:0; color:#666; font-size:24px;}
.intor_nav-list li:nth-of-type(2) a i{ background-position:0 -26px;}
.intor_nav-list li:nth-of-type(3) a i{ background-position:0 -52px;}
.intor_nav-list li:nth-of-type(4) a i{ background-position:0 -78px;}
.intor_nav-list li:nth-of-type(5) a i{ background-position:0 -104px;}

.intor_nav-list li:nth-of-type(2).active a i,.intor_nav-list li:nth-of-type(2) a:hover i{ background-position:-26px -26px;}
.intor_nav-list li:nth-of-type(3).active a i,.intor_nav-list li:nth-of-type(3) a:hover i{ background-position:-26px -52px;}
.intor_nav-list li:nth-of-type(4).active a i,.intor_nav-list li:nth-of-type(4) a:hover i{ background-position:-26px -78px;}
.intor_nav-list li:nth-of-type(5).active a i,.intor_nav-list li:nth-of-type(5) a:hover i{ background-position:-26px -104px;}