@charset "utf-8";
/* CSS Document */
 
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.load_box {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    top: 0;
    left: 0;
    background: #fff;
    text-align: center;
}

.load_box .loader_loader {
    width: 100%;
    height: 100%;
    max-width: 100%;
}
.loader_loader {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 25%;
    max-width: 25%;
    height: 200px;
    align-items: center;
    justify-content: center;
}


/* @-webkit-keyframes line-scale-party {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }

  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes line-scale-party {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }

  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } } */

            

.line-scale-party > div:nth-child(1) {
  -webkit-animation-delay: 0.77s;
          animation-delay: 0.77s;
  -webkit-animation-duration: 1.26s;
          animation-duration: 1.26s; }
.line-scale-party > div:nth-child(2) {
  -webkit-animation-delay: 0.29s;
          animation-delay: 0.29s;
  -webkit-animation-duration: 0.43s;
          animation-duration: 0.43s; }
.line-scale-party > div:nth-child(3) {
  -webkit-animation-delay: 0.28s;
          animation-delay: 0.28s;
  -webkit-animation-duration: 1.01s;
          animation-duration: 1.01s; }
.line-scale-party > div:nth-child(4) {
  -webkit-animation-delay: 0.74s;
          animation-delay: 0.74s;
  -webkit-animation-duration: 0.73s;
          animation-duration: 0.73s; }
.line-scale-party > div {
  background-color: #8B604C;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation-name: line-scale-party;
          animation-name: line-scale-party;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
          animation-delay: 0; }
.fl_left {
    position: absolute;
    top: -1px;
    right: 55px;
    width: 90px;
    z-index: -1;
    padding: 4px 4px 4px 8px;
    border: solid 1px #999;
    z-index: 1;
	background: rgba(255, 255, 255, 0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCffffff,endColorstr=#CCffffff);
	display:none;
}
.fl_btn{position:relative;}
.fl_left_li {
    padding-left: 20px;
    position: relative;
    margin-top: 13px;
}
.fl_left_li img {
    position: absolute;
    top: -3px;
    left: 0;
    width: 18px !important;
}
.header_ser {
    position: absolute;
    top: 90px;
    width: 100%;
    height: 90px;
    background: #F4F4F4;
    left: 0;
	display:none;
}
.header_sear .header_sear_wz {
    width: 100%;
    line-height: 40px;
    height: 40px;
    border: 0;
    border-bottom: solid 1px #CCC;
    background: transparent;
    padding: 0 50px 0 10px;
    font-size: 16px;
    letter-spacing: 1px;
}
input.header_sear_sub {
    background: transparent;
    border: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #8B604C;
    font-size: 16px;
	line-height:40px;
}
.header_sear {
    position: relative;
    margin: 25px 0;
}


/*****header*******/
div#indexslider video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}
div#indexslider video.ie_tz{
    object-fit: contain;
	height:120% !important;
	margin-top:-10% !important;
	width:auto !important;
	margin-left:-10% !important;
}
.header{
	width:100%;
	height:auto;
	position:fixed;
	z-index:111;
    box-shadow: 1px 1px 10px #ddd;
    top: 0px;
}
.search-top
{
	width:100%;
	height:100px;
	background:#816d64;
	position:relative;
	display:none
}
.form_input{
    line-height: 38px;
    height: 38px;
    width: 100%;
    padding-right: 27px;
	border:1px solid #fff;
	margin-top:30px;
	outline:none;
	color:#fff;
	
}

.form_submit{
	width:100px;
	height:45px;
	line-height:45px;
	text-align:center;
	background:#FFF;
	-moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius:4px;
	margin-top:30px;
	margin-right:20px;
	float:right;
	border:1px solid #fff;
	cursor:pointer;
	font-size:14px
	
}
.form_submit:hover{
	background:none;
	color:#fff
}
.form_submit .fa{
	height:45px;
	line-height:45px;
}
.form_close{
	width:50px;
	height:45px;
	line-height:45px;
	text-align:center;
	background:#FFF;
	border:1px solid #fff;
	-moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius:50%;
	margin-top:30px;
	float:right;
	font-size:20px;
	cursor:pointer;
	display:block
}
.form_close .fa{
	height:45px;
	line-height:45px;
}
.form_close:hover{
	border:1px solid #fff;
	background:none;
	color:#fff
	
}
.pb-family {
	float: left;
	color:#fff;
	font-size:12px;
	line-height:40px;
}
.pb-family li{ 
   text-align:center;
	float: left;
	line-height:40px; 
	background:#4e4e4e;
	letter-spacing:2px;
	padding-left:5px; 
	padding-right:5px; margin-right:1px;

}
.pb-family li a{ font-size:12px;  text-align:center; color:#fff;}
.wsi-brands {
	float: right;
	color: #333;
}
.wsi-brands .fa{
	color:#fff;
	font-size:16px;
	margin-right:10px;
	line-height:40px;
	cursor:pointer
}
.wsi-brands .fa:hover{
	opacity:0.8
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
}
.wsi-brands li{
	float:left; letter-spacing:1px;
	font-size: 9px;
	line-height: 1.2;
}
.wsi-brands a, .wsi-brands a:visited {
	color: #333;
	text-decoration: none;
	font-size:12px;
}
.wsi-brands .intl-shipping-info {
	padding: 7px 0px 1px 10px;
	border-left: 1px solid #ccc;
}
.header_cont {
	margin-left: 2%;
	width:200px;
	float:left;
	line-height:40px

}
.nav_container {
	/*float: left;
	display:inline-block;*/
	position: relative;
	margin-top: 20px;
}
.nav_bottom{
	padding-top:10px;
}
.nav_bottom h4{
	margin:0;
    font-size: 15px;
}
.nav_menu li{
	float:left;
	padding-right: 10px;
}
.nav_search{
	width:200px;

	    position: absolute;
		z-index:1;
    top: 30px;
    right: 1px;
}
.nav_user{
	float: right;
}
.nav_user li{
	float: left;
	padding-left:10px; letter-spacing:2px; font-size:15px;
}
.search_form{
	float: left;
	    border-bottom: 1px solid #ccc;
}
.search_checkout {
	font-family: Arial, Helvetica, sans-serif;
	display:inline-block;
}
.nav_shopcar {
    display: inline-block;
    float: left;
    width: 24px;
    padding: 3px 0;
    margin-left: 15px;
}

.nav_shopcar img {
    width: 100%;
}
.search_checkout .search_word {
	margin-right: 0;
	width: 130px;
	border:none;
	padding: 6px 10px 6px;
	color: #666; 
	height:28px;
}
.search_bt { display:block; float:right; width:28px;    height: 28px; text-align:center;
	 /*background:#4e4e4e;*/
}
a.search_bt i {
    line-height: 26px;
    font-size: 16px;
    color: #666;
}
.search_bt img{
	vertical-align: top;
	width:100%;
}
.view_cart{
	float: left;
	padding-left: 10px;
}
.cart_wz {
	padding: 7px 20px 8px;
	background: #900;
	color: #fff;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
}
.header_menu{
	
	padding-top:28px;
	text-align:left;
	position: relative;
	float:right;
	z-index: 1;

}
.menu_list>li{
	
	float:left;
	text-align: center;
	padding: 0 25px;
	
}
.menu_list .menu_list_ts{
	text-align: left;
}
.menu_list .menu_list_ts1{
	text-align: right;
}
.menu_list>li a{
	color: #737373;
	font-size:15px; 
	line-height: 40px;
}
.menu_list>li>a:hover{
	color:#8a604c
}
.menu_list {
	/*margin-left: -25px;
	margin-right: -25px;*/
	display: inline-block;
	width: 100%;
    margin-left: 15px;
    margin-bottom: 13px;
}
.menu_list>li{
	/*position: relative;
	padding: 0px 25px;
	width: 16.66%;*/
}
.subnav{
	position: absolute;
	background: #fff;
	
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    z-index: 0;
	top: 69%;
	left: 0;
	padding-top: 50px;
	padding-bottom: 20px;
	display:none;
	width: 380px;
	width:70%;
}
.subnav_box {
	padding-top: 10px;
    width: 627px;
    margin: 0 auto;
}
.menu_down_col.flo_r {
    float: right;
}
.menu_down_list{
	width:100%;
}
.menu_down_col h4{
	margin:0;
	font-size: 14px;
}
.subnav .menu_down_list{
	text-align: left;
}
.subnav .menu_down_list a{
	font-size: 13px;
    line-height: 1.6;
    position: relative;
    display: inline-block;
	color: #737373;
}
.subnav .menu_down_list a:hover{
	color:#8a604c;
	font-weight:bold
}
.menu_down_col{
	width:33.3%;
	float:left;
	padding: 0 25px;
}
.menu_shop{
	padding-top:10px;
	text-align: left;
    line-height: 1.6;
    font-size: 15px;
    letter-spacing: 1px;
    color: #777;
}
.subnav_m{
	left:-170px;
}


a.menu_a {
    position: relative;
}

a.menu_a:after {
    content: "";
    display: none;
    position: absolute;
    width: 0;
    bottom: 6px;
    left: 0;
    height: 1px;
    background: #B7B7B7;
    transition: all 0.3s ease-in-out;
}

a.menu_a:hover:after {
    width: 100%;
}

ul.menu_down_list li {
    padding: 6px 0;
}

.subnav .menu_down_list a:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: #B7B7B7;
    transition: all 0.3s ease-in-out;
}

.subnav .menu_down_list a:hover:after {
    width: 100%;
}
/*****header*******/
	

/*****banner*******/	
.banner{
	width:100%;
	height:90%;
	
	position: relative;
	overflow:hidden
}
.arrow-right_1,.arrow-left_1{
	width:40px;
	margin-top: -20px;
}
.index_swiper .swiper-slide{
	 width:100%;
	 overflow:hidden;
	 background-size:cover;
	 -moz-background-size:cover;
	 -webkit-background-size:cover;
	 -o-background-size:cover;
 }

.swiper-container.index_swiper {
    max-height: 800px;
}
/*****banner*******/	
	
	
	
	
/*****sec1*******/	
.index_sec{
	padding:95px 0;
}
.index_sec1{
	padding-bottom:0;
}
.index1_left {
	    padding-left: 10px;
    padding-right: 10px;
}
.index1_left h4 {
	margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 30px; 
}
.index1_left span{ font-size:13px; letter-spacing:2px; line-height:20px;}
.index1_left span h5{ text-align:right; color:#000; margin-top:40px; }
.index1_img {
	overflow: hidden;
	cursor: pointer;
}
.index1_img img {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s ;
	-ms-transition: all 0.5s ;
	-o-transition: all 0.5s ;
	transition: all 0.5s ;
}
.index1_img:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s ;
	-ms-transition: all 0.5s ;
	-o-transition: all 0.5s ;
	transition: all 0.5s ;
}
.index1_title{
	font-size:22px; text-transform:uppercase;
	font-family: 'Linotype Didot W01_n4', Didot, Garamond, 'Times New Roman', serif;
	line-height: 1.7;
}
.index1_right{
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;
}
.index1_right_wz {
	position: absolute;
	top: 50%;
	margin-top: -65px;
	width: 84%;
    left: 8%;
	text-align: center;
}
.index1_right_wz{
	font-size:15px;
}
.index1_right_wz h2{
	font-size:16px; letter-spacing:1px; 
}
/*****sec1*******/	

/**sec2**/
.title{
	text-align: center;
	position: relative;
}
.title h2{
	background:#fff;
	font-size: 27px;letter-spacing:2px;
}
.title hr{
	border-top: 1px solid #dedede;
}
.title_intr {
	position: absolute;
	left: 50%;
	margin-left: -100px;
	font-size: 20px; 
	letter-spacing:2px;
	width: 200px;
	line-height: 40px;
	height: 40px;
	background-color: #e9e7e5;
	bottom: -20px;
}
.index2_list{
	width:25%;
	float:left;
	padding:20px 15px 10px;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
}
.more_2{
	
	position:relative;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s ;
	transition: all 0.4s;
	cursor:pointer
}
.more_2:hover{
	background:#c9bc9c;
}
.fengge_list{  border-left:1px solid #dedede;  }
.fengge li{
	width: 130px;
	float: left;
	margin-top:10px;
}
.index2_img{
	position: relative;
	overflow: hidden;
}
.index2_pro{
	position: relative;
}
.index2_pro_hover{
	position: absolute;
	top:0;
	left:0;
	opacity: 0;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s ;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.index2_img:hover .index2_pro_hover {
	opacity: 1;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	
}
.index2_pro{
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s ;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
/*.index2_img:hover .index2_pro {
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s ;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	
}*/
.index2_color {
	padding-bottom: 10px;
}
.index2_wz {
	padding-top: 20px;
}
.index2_wz {
    color: #737373;
}
.index2_wz h6{ color:#000; font-size:18px; letter-spacing:1px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
    display: none;}
.color_cos{
	cursor: pointer;
	width:30px;
	float: left;
	margin-right:2px;
	padding:1px;
	border:1px solid #fff;
}
.color_cos.active{
	border-color:#000;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s ;
	-ms-transition: all 0.3s ;
	-o-transition: all 0.3s ;
	transition: all 0.3s ;
}
.arrow-left_ind2 , .arrow-right_ind2 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
}

/**sec2**/


/**sec3**/
.index_sec3{
	padding:0;
	padding-bottom: 30px;
}
.index3_left{
	width:50%;
	float:left;
	padding-right:5px;
	max-height: 440px;
    overflow: hidden;
}
.index3_right{
	width:50%;
	float:left;
	padding-left:5px;
	max-height: 440px;
    overflow: hidden;
}
.index3_right a,.index3_left1 a{
	display: inline-block;
	overflow: hidden;
	position: relative;
}
.index3_right img,.index3_left1 img,.index3_bottom img , .index3_boxes img{
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s ;
	-ms-transition: all 0.5s ;
	-o-transition: all 0.5s ;
	transition: all 0.5s ;
}
.index3_right:hover img,.index3_left1:hover img,.index3_bottom:hover img , .index3_boxes a:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s ;
	-ms-transition: all 0.5s ;
	-o-transition: all 0.5s ;
	transition: all 0.5s ;
}
.index3_bottom a{
	overflow: hidden;
	display: inline-block;
	position: relative;
}

.index3_top{
	padding-bottom:10px;
}
.index3_sec {
	padding: 40px 0 60px;
	position: relative;
}
.index3_sec .list{
	height:300px;
	position:relative;
	overflow:hidden;
	
	padding:40px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s ;
	-ms-transition: all 0.5s ;
	-o-transition: all 0.5s ;
	transition: all 0.5s ;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	cursor:pointer
}
/*.index3_sec .list:hover{
	  background:url(../images/case1.jpg) no-repeat center; background-size:cover
}*/
.index3_sec .list:hover .title1{
	/*margin-top:150px;*/
}
.index3_sec .list1 {
	/*background:#c9bc9c*/
}

.index3_sec .list .title1{
	font-size:20px;
	text-align:center;

	letter-spacing:2px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s ;
	-ms-transition: all 0.5s ;
	-o-transition: all 0.5s ;
	transition: all 0.5s ;
	margin-top:20px;
}

.index3_sec .list .content{
	letter-spacing:1px;
	font-size:16px;
	text-align:center;
	padding:20px;
}

.index3_sec .list .button{
	position: relative;
   	width:270px;
    height: 50px;
	line-height:50px;
	margin:0 auto;
    cursor: pointer;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: 13px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: -webkit-transform 350ms;
	-moz-transition: -moz-transform 350ms;
	transition: transform 350ms;
	border-bottom:1px solid #d4cab0
}


.index3_sec .list .button:hover{
	-webkit-transform: rotateX(48deg);
	-moz-transform: rotateX(48deg);
	transform: rotateX(48deg);
	background:rgba(201,188,156,0.8)
}
.index3_sec .list .info{

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	transition: all 0.2s ;
}
/*.index3_sec .list .info{
	position:absolute;
	z-index:1;
	bottom:0px;
	width:100%;
	height:100px;
	background:rgba(255,255,255,0.6);
	left:0px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	transition: all 0.2s ;
}*/
.index3_sec .list .info1{
	position:absolute;
	width:100%;
	height:50px;
	line-height:50px;
	bottom:0px;
	background:rgba(255,255,255,0.6);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s ;
	-ms-transition: all 0.5s ;
	-o-transition: all 0.5s ;
	transition: all 0.5s ;

	left:0px;
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	
}
.index3_sec .list .info1 .title1{
	margin:0px;
	padding:0px;
}
.index3_sec .list:hover .info{
	display:none
}
.index3_sec .list:hover .info1{
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}



.readmore{
	text-align: center;
}
.more{
	display: inline-block;
	padding:10px 80px;
	border:1px solid #333;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s ;
	-ms-transition: all 0.5s ;
	-o-transition: all 0.5s ;
	transition: all 0.5s ;
}
.more:hover{
	background: #333;
	color:#fff;
}
/**sec3**/

/**sec4**/
.index4_left{
	width:75%;
	float:left;
}
.index4_left img{ width:100%}
.index4_right{ font-family: 'Source-Han-Ligh1309e7518a62ee' !important;
     height:358px;
	width:25%;
	float:right;
    padding: 50px 30px;
    text-align:left;
	font-size: 13px;
    letter-spacing: 2px;
    line-height: 20px;
    background: #58595B;
    color: #dedede;
}

.index4_right strong{ 
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 25px;
 font-weight:normal; 
 margin-bottom:30px; 
 display:block;
 }

.shop {
	margin-top: 20px;
	border-top: 1px solid #999;
	padding: 20px 30px;
	font-size: 18px;
}
.shop a{
	color:#dedede;
}
.fengge{
	padding:0 20px;
	font-size:16px;
}
.fengge a {
	line-height:40px;
	    color: #888;
}
.fengge li.active a {
	color: #000;
	/*font-size: 20px; 
	font-weight:bold;
	line-height:40px;*/
}
.fengg{
	text-align: center;
	padding:40px 0 0;
}
.fengg {
    padding-bottom: 40px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.fengg_jt{
	top:0;
}


.fengge a span {
    display: inline-block;
    position: relative;
    padding: 0 15px;
}

.fengge a span:before {
    content: "";
    display: block;
    width: 1px;
    height: 0;
    background: #000;
    position: absolute;
    left: 0;
    top: 5px;
    transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.fengge a span:after {
    content: "";
    display: block;
    height: 1px;
    width: 0;
    background: #000;
    position: absolute;
    left: -5px;
    bottom: 0;
    transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;
    transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
}

.fengge li.active span:before {
    height: 100%;
}
.fengge li.active span:after {
    width: 100%;
}
/**sec4**/


/**sec5**/
.index_sec5{
	height:300px;
	padding:70px 0;
	margin-bottom:0;
	background: url(../images/index5_bg0.jpg) fixed no-repeat center center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size: cover;
}
.index_sec5 .txt{
	width:100%;
	text-align:center;
	line-height:55px;
	color:#fff;
	font-size:30px;
	letter-spacing:10px;
}

/*-核心代码-*/
/* demo style */
.bumpy-char {
    line-height: 2.5em;
    position: relative;
}


.index5_left{
	width:80%;
	position: relative;
}
.index5_left_cont{
	position: absolute;
	top:50%;
	left:0;
}
.index5_title{
	color:#fff;
	font-size:14px;
}
.index5_form{
	padding-top:20px;
	width:100%;
}
.form_list{
	width:50%;
	float:left;
	padding-bottom:15px;
}
.form_list input{
	width:90%;
	padding: 10px 10px;
	border:1px solid #a0a0a0;
}
.form_list .select_k{
	width:47%;
	display: inline-block;
	background: #fff;
}
.select_k select{
	width:100%;
	outline: none;
	padding: 9px 14px 9px 10px;
	border: solid 1px #a0a0a0;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background: url("../images/select_jt.png") no-repeat scroll right center transparent;
}
.form_list input::-webkit-input-placeholder {
	color: #333;
}
.form_list input:-moz-placeholder {
	color: #333;
}
.form_list input::-moz-placeholder {
	color: #333;
}
.form_list input:-ms-input-placeholder {
	color: #333;
}
.tijiao{
	display: inline-block;
	padding:11px 30px;
	background: #CEAF64;
	color:#fff;
	border-radius: 3px;
}
.index5_list{
	width:33.33%;
	float: left;
	padding: 10px 0 20px;
	text-align: center;
}
.index5_one>div{
	width:25%;
	margin:0 auto;
}
.index5_one .index5_list_wz{
	width:100%;
	height:auto;
	padding-top: 10px;
	color: #fff;
	font-size: 13px;
	line-height: 25px;
	text-align: center;
}

/**sec5**/


/*��߸�����ť*/
.float_box{
	
	width: 62px;
	position: fixed;
	right: -1px;
	bottom: 50px;
	border: solid 1px #999;
	padding: 5px;
	background: rgba(255, 255, 255, 0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCffffff,endColorstr=#CCffffff);
	border-radius: 2px;
	z-index:111;
	display:none
}
.fl_btn{
	border-bottom: solid 1px #999;
}
.fl_btn img{
	width: 60%;
	display: block;
	margin: auto;
}
.fl_btn{

	padding-top: 10px;
	cursor: pointer;
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-ms-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
	
}
.fl_btn h4{
	font-size: 12px;
	color: #666;
	text-align: center;
    margin: 10px 0;
    line-height: 12px;
}
.fl_btn3{
	
}





.fl_btn_img {
    position: relative;
}

.fl_btn_img .i2 {
    position: absolute;
    top: 0;
    left: 20%;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.fl_btn:hover .fl_btn_img .i1 {
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.fl_btn:hover .fl_btn_img .i2 {
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;opacity:1;
}
























/*��߸�����ť*/


















.ind1_r_t {
    padding-top: 25px;
}

.ind1_r_t h3 {
    font-size: 28px;
    letter-spacing: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-family: serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    position: relative;
    left: -110px;
}

.ind1_r_b {
    margin-top: 20px;
}

.ind1_r_t h4 {
    font-size: 18px;
    color: #777;
}

ul.ind1_list li {
    font-size: 14px;
    color: #333;
    line-height: 1.6;
    letter-spacing: 1px;
    padding-left: 15px;
    position: relative;
}

ul.ind1_list li:before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #333;
    position: absolute;
    left: 0;
    top: 11px;
}







.tables {
    display: table;
    height: 100%;
    width: 100%;
}

.table_cell {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.pagination_ind3 span.swiper-pagination-switch {
    border: solid 2px #999;
}
.ind5_r_t h5 {
    font-size: 14px;
    color: #fff;
    line-height: 1.6;
    margin-bottom: 25px;
}


.index_sec6 {
	width:100%;
	height:600px;
	background:url(../images/service_bg.jpg) no-repeat center;
	background-size:cover
}

.index_sec6 .right-txt{
	position:absolute;
	z-index:1;

	width:100%;
	height:400px;
	top:100px;
	right:100px;
	

}
.index_sec6 .right-txt .bg{
	float:right;
	background:#e9e7e5
}

.ind6_top {
    text-align: center;
	margin-top: 60px;
}

.ind6_top h3 {
    font-size: 15px;
    line-height: 1.4;
    margin-top: 0;
    color: #000;
}

.ind6_sel_lis {
    display: inline-block;
	margin: 0 2px;
}

.ind6_sel_lis .city {
    position: relative;
	font-size: 13px;
	color: #333;
    width: 155px;
    height: 24px;
    vertical-align: middle;
	background:url(../images/set_bg.png);
}

.ind6_sel_lis .city select {
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    text-align: center;
    opacity: 0;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
}

span.citySpan {
    display: inline-block;
    line-height: 22px;
}

button.ind6_search {
    height: 24px;
    font-size: 13px;
    background: #424242;
    color: #fff;
    letter-spacing: 1px;
    border-radius: 3px;
    border: none;
    padding: 0 20px;
	outline: none;
}

button.ind6_search i {
    margin-right: 3px;
}

.ind6_sel {
    margin-top: 25px;
}


.ind6_bottom:after {
    content: "";
    display: table;
    clear: both;
}

.ind6_b_l {
    width: 30%;
    float: left;
    position: absolute;
    height: 650px;
    overflow-y: auto;
    top: 0;
    left: 0;
    z-index: 1;
    background: #fff;
	border: solid 1px #f1f1f1;
}

.ind6_b_r {
    width: 100%;
    float: left;
}

.ind6_bottom {
    margin-top: 60px;
    /*border-top: solid 1px #424242;*/
}
.ind6_bottom .container{
	position:relative;
}

.ind6_b_list {
    padding: 15px 0 15px 15px;
}

.ind6_per_result {
    color: #555555;
    font-size: 18px;
    padding: 15px 0 5px 40px;
}

.ind6_perl {
    width: 24px;
    height: 31px;
    display: inline-block;
    background:url(../images/map_mark1.png);
    text-align: center;
    color: #fff;
    padding: 2px 0 0 0;
    margin-right: 5px;
}

.ind6_perr {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    max-width: 85%;
}

.ind6_perr h3 {
    font-size: 15px;
    font-weight: bold;
    color: #464646;
    margin-top: 0;
}

.ind6_perr h4 {
    font-size: 14px;
    margin-bottom: 0;
    color: #5f5f5f;
    line-height: 1.42;
}

.ind6_b_per {
    margin-top: 15px;
    padding: 10px 0 10px 10px;
    cursor: pointer;
}

.ind6_b_per:hover {
    background: #F0F0F0;
}


.ind1_change {
    text-align: center;
}

.ind1_top span {
    display: inline-block;
    width: 230px;
}

.ind1_change h4 {
    width: 80%;
    max-width: 780px;
    margin: 0 auto;
    padding-top: 30px;
    font-size: 14px;
    line-height: 2;
}

a.ind1_more {
    display: inline-block;
    margin-top: 30px;
    font-size: 14px;
    line-height: 43px;
    display: inline-block;
    width: 180px;
    height: 45px;
    border: 2px solid #424242;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

a.ind1_more:hover {
    border-radius: 30px;
    color: #fcfcfc;
    background-color: #424242;
}



.ind3_c_img img {
    width: 100%;
	transform: scale(1.2) translateX(25px);
	-moz-transform: scale(1.2) translateX(25px);
	-ms-transform: scale(1.2) translateX(25px);
	-o-transform: scale(1.2) translateX(25px);
	-webkit-transform: scale(1.2) translateX(25px);
    
	
	
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.ind3_c_img:before {
    content: "";
	display: block;
    width: 80%;
    height: 0;
    position: absolute;
    top: 5%;
    left: 10%;
    z-index: 1;
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;
	
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.ind3_c_lis:hover .ind3_c_img:before{
	height:90%;
}

.ind3_c_img:after {
    content: "";
    display: block;
    position: absolute;
	top: 10%;
    left: 5%;
    width: 0;
    height: 80%;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
	
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition-delay:0.15s;
	-moz-transition-delay:0.15s;
	-ms-transition-delay:0.15s;
	-o-transition-delay:0.15s;
	-webkit-transition-delay:0.15s;
}
.ind3_c_lis:hover .ind3_c_img:after{
	width:90%;
}


.ind3_c_img span {
    position: absolute;
    bottom: 10%;
    left: 15%;
    z-index: 1;
    font-size: 15px;
    color: #fff;
	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.ind3_c_lis:hover .ind3_c_img span{
	bottom: 15%;
	filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}

.ind3_c_tit:after {
    content: "";
    display: table;
    clear: both;
}

.ind3_c_tl {
    display: inline-block;
    float: left;
    font-size: 80px;
    font-weight: bold;
    line-height: 1;
    margin-right: 10px;
    color: #231815;
    font-family: Arial, Helvetica, sans-serif;
}

.ind3_c_tr {
    display: inline-block;
    float: left;
    position: relative;
}

.ind3_c_tr:before {
    content: "";
    display: block;
    width: 20px;
    height: 3px;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
}

.ind3_c_tr h3 {
    margin: 0;
    margin-top: 35px;
    font-size: 14px;
    color: #333;
}

.ind3_c_tr h4 {
    margin: 5px 0;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.ind3_c_tit {
    margin-bottom: 65px;
}

.ind3_c_l {
    padding-top: 15px;
    padding-right: 40px;
}

.ind3_c_txt:after {
    content: "";
    display: table;
    clear: both;
}

.ind3_cl {
    display: inline-block;
    float: left;
    font-size: 28px;
    font-weight: bold;
	position: relative;
}

.ind3_cr {
    display: inline-block;
    float: right;
    max-width: 230px;
    width: 40%;
    text-align: right;
    font-size: 14px;
    letter-spacing: 1px;
    color: #000;
}

.ind3_c_txt {
    padding: 15px 0 25px;
}

.ind3_c_lis {
    margin-top: 60px;
}

.ind3_c_r {
    padding-left: 40px;
    padding-top: 0px;
}

.ind3_cl sup {
    display: none;
}

.ind3_c_r .ind3_cl {
    float: right;
}

.ind3_c_r .ind3_cr {
    float: left;
    text-align: left;
}

.ind3_c_img {
    overflow: hidden;
	position:relative;
	border: solid 2px transparent;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	
}
.ind3_c_lis:hover .ind3_c_img {
    border: solid 2px #231815;
	background:#000;
}
.ind3_c_lis:hover .ind3_c_img img{
    
	
	transform: scale(1.2) translateX(-25px);
	-moz-transform: scale(1.2) translateX(-25px);
	-ms-transform: scale(1.2) translateX(-25px);
	-o-transform: scale(1.2) translateX(-25px);
	-webkit-transform: scale(1.2) translateX(-25px);
	filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity:0.75; opacity:0.75;
}


.ind3_cl span.sp1 , .ind3_cl span.sp2 {
    display: block;
    height: 3px;
    background: #000;
    position: absolute;
    transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
}

.ind3_cl span.sp1 {
    top: 10px;
    left: 70px;
    width: 20px;
}

.ind3_cl span.sp2 {
    bottom: -5px;
    left: 2px;
    width: 0px;
}
.ind3_c_lis:hover .ind3_cl span.sp1 {
    width:0;
}
.ind3_c_lis:hover .ind3_cl span.sp2 {
    width:20px;
}

.ind3_c_r .ind3_cl span.sp1 {
    left:auto;
    right:70px;
}
.ind3_c_r .ind3_cl span.sp2 {
    left:auto;
    right:2px;
}

























/**index7**/
.index_sec.index_sec7 {
    padding: 0;
    position: relative;
}

.ind7_bg {
    position: relative;
    height: 100%;
    width: 100%;
}

.ind7_bg img {
    width: 100%;
    height: 100%; display:none
}

.ind7_point {
    position: absolute;
	transform: translateY(-120px);
	-moz-transform: translateY(-120px);
	-ms-transform: translateY(-120px);
	-o-transform: translateY(-120px);
	-webkit-transform: translateY(-120px);
    transition: all 0.4s cubic-bezier(0.43, 2.22, 0.68, 0.6);
	-moz-transition: all 0.4s cubic-bezier(0.43, 2.22, 0.68, 0.6);
	-ms-transition: all 0.4s cubic-bezier(0.43, 2.22, 0.68, 0.6);
	-o-transition: all 0.4s cubic-bezier(0.43, 2.22, 0.68, 0.6);
	-webkit-transition: all 0.4s cubic-bezier(0.43, 2.22, 0.68, 0.6);
	
	
	
	
	display: none;
}
.ind7_point.active {
	transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	-webkit-transform: translateY(0);
}

.ind7_point.point1 {
    top: 48%;
    left: 8%;
}
.ind7_point.point2 {
    top: 51%;
    left: 20%;
}
.ind7_point.point3 {
    top: 59%;
    left: 17%;
}
.ind7_point.point4 {
    top: 68%;
    left: 21%;
}
.ind7_point.point5 {
    top: 70%;
    left: 61%;
}
.ind7_point.point6 {
    top: 62%;
    left: 76%;
}
.ind7_point.point7 {
    top: 80%;
    left: 69%;
}



.ind7_point a {
    display: block;
    width: 36px;
    height: 36px;
    position: relative;
    border-radius: 100%;
    text-align: center;
    cursor: pointer;
    border: none;
    background-color: hsla(0,0%,100%,0);
    box-shadow: none;
}

i.pin-detail {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 37px;
    background-image: url(../images/pin-detail.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
    z-index: 3;
    will-change: transform;
    top: -16px;
}

i.pin-detail:before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -6px;
    left: 5px;
    display: block;
    width: 25px;
    opacity: 1;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
    height: 25px;
    background-image:url(../images/pin-shadow.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
    will-change: transform,opacity;
}

i.button-wrapper {
    width: 170%;
    height: 170%;
    top: -35%;
    left: -35%;
    border-left: 1px solid rgba(0,0,0,.1);
    border-right: 1px solid rgba(0,0,0,.1);
    border-radius: 100%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 4px 2px 10px rgba(0,0,0,.05);
    position: absolute;
    background-color: hsla(0,0%,100%,.2);
    z-index: 0;
    transition: all 0.4s cubic-bezier(0.73, -2.01, 0.32, 2.86);
}

i.button-inner {
    width: 110%;
    height: 110%;
    top: -5%;
    left: -5%;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 100%;
    box-shadow: 4px 2px 5px rgba(0,0,0,.05);
    position: absolute;
    background-color: hsla(0,0%,100%,.2);
    z-index: 0;
}

.destination-name {
    position: absolute;
    top: -12px;
    left: -13px;
    overflow: hidden;
    height: 60px;
    padding-right: 10px;
    padding-top: 8px;
    z-index: 2;
    border-radius: 100px;
}

span.destination {
    font-family: Arial, Helvetica, sans-serif;
    color: #22205f;
    display: block;
    position: relative;
    font-size: 20px;
    border-radius: 100px;
    padding: 12px 40px 11px 60px;
    white-space: nowrap;
    transition: all,.3s,cubic-bezier(.55,0,.1,1);
    will-change: transform;
    font-weight: bold;
    font-size: 15px;
}

.destination:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    opacity: 0;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
    left: 0;
    width: 47px;
    height: 100%;
    background-color: #fdb818;
    border-radius: 200px;
    z-index: -1;
    border: 3px solid #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
    transition: all,.3s,cubic-bezier(.55,0,.1,1);
    will-change: opacity,width,transform;
}
.ind7_point:hover .destination {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
}
.ind7_point:hover .destination:before {
    width: 100%;
    opacity: 1;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}



.ind7_point:hover i.button-wrapper{
    transform:scale(1.2);
}





.ind7_all {
    position: relative;
	    height: 500px;
}

.ind7_main {
    position: absolute;
    top: -3%;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
	    z-index: 1;
}

.ind7_cont {
    display: inline-block;
    min-width: 380px;
    max-width: 560px;
    width: 50%;
}

.ind7_cont h3 {
    margin: 0;
    font-size: 25px;
    line-height: 36px;
    color: #181818;
}

.ind7_cont h4 {
    margin: 30px 0 20px;
    font-size: 16px;
    color: #181818;
}

form#ind7_form {
    position: relative;
    display: inline-block;
    background: #fff;
    z-index: 1;
}

form#ind7_form input {
    border: none;
    padding: 10px 15px;
    font-size: 15px;
    color: #656463;
}

form#ind7_form a {
    display: inline-block;
    height: 37px;
    padding: 10px 15px;
}

form#ind7_form a img {
    width: 19px;
}

.ind7_cont hr {
    margin: 0;
    margin-top: 45px;
}
.ind7_svg {
    display: inline-block;
    position: relative;
    padding: 50px 0;
}

svg#exploreDestination {
    position: absolute;
    top: 0;
	width: 90%;
    left: 5%;
}



.cloud-smaller.top {
    top: -1px;
    left: auto;
    right: 8%;
    background-image: url(../images/intro-cta-clouds-top.png);
}
.loader-footer .cloud-smaller {
    visibility: visible;
    width: 35%;
    padding-bottom: 20%;
    z-index: 1;
    opacity: .8;
	filter:alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .8;
}
.cloud-smaller.bottom {
    top: auto;
    left: 14%;
    bottom: 0;
    width: 44%;
    padding-bottom: 26%;
    -webkit-transform: scale(1);
    transform: scale(1);
    background-image: url(../images/intro-cta-clouds-bottom.png);
}
.cloud-smaller {
    visibility: visible;
    width: 48%;
    padding-bottom: 30%;
    z-index: 1;
    opacity: .8;
	filter:alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .8;
}
.cloud-smaller.bottom {
    right: 0;
    bottom: -3%;
    -webkit-transform: scale(-1);
    transform: scale(-1);
}
.cloud-small, .cloud-smaller {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


.friend_link {
    width: 150px;
    height: 30px;
    color: #aaa;
    border: 1px solid #aaa;
    line-height: 28px;
    padding-left: 10px;
    position: relative;
    float: right;
    margin-right: 0px;
    margin-top: 8px;
}
.friend_link a {
    display: block;
}
.friend_link a p {
    display: inline-block;
    color: #aaa;
    font-size: 13px;
    margin: 0;
    line-height: 28px;
}
.friend_link a span {
    display: block;
    border-left: 1px solid #aaa;
    float: right;
    height: 28px;
    width: 30px;
    text-align: center;
}
.friend_link a span i {
    color: #aaa;
    line-height: 26px;
    font-size: 20px;
}
.friend_link ul {
	display: none;
	width: 100%;
	position: absolute;
	left: 0;
	background: #ffffff;
	border: 1px solid #aaa;
	top: 0;
	z-index: 2;
	margin: 0;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}
.friend_link ul li a {
	font-size: 12px;
	color: #aaa;
	line-height: 2.4;
	padding-left: 10px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.friend_link ul li a:hover {
	background: #e8e8e8;
}









.fix_l {
    overflow: hidden;
    display: block;
    position: fixed;
    margin-right: 580px;
    right: 50%;
    top: 33%;
    z-index: 99;
	    display: none;
}

.fix_l ul {
    background-color: rgba(255,255,255,0.9);
    padding: 25px 10px 25px 15px;
    border-radius: 5px;
}

.fix_l a {
    color: #ccc;
    font-size: 12px;
    line-height: 2;
    display: inline-block;
    position: relative;
	width: 24px;
    height: 26px;
    text-align: center;
}

.fix_l li {
    margin-bottom: 6px;
}

.fix_l li.current a {
    color: #231815;
    font-weight: bold;
}

.fix_l li.current a:before {
    content: "";
    display: block;
    width: 2px;
    height: 2px;
    top: 45%;
    left: -8px;
    background: #333;
    position: absolute;
}



.fix_l a span.sp2 {
    display: block;
    padding: 3px 3px;
}

.fix_l .current a span.sp2 {
    display: none;
}

.fix_l .current a span.sp1 {
    display: block;
}

.fix_l a span.sp1 {
    display: none;
}

.fix_l a span.sp2 img {
    width: 100%;
}

.kefu {
    position: fixed;
    top: 40%;
    right: 0;
}

.kefu_img img {
    width: 42px;
    position: relative;
    right: 0;
    margin: 0;
    padding: 0;
    transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.kefu_img {
    position: relative;
    background: #fff;
    z-index: 1;
}

.kefu_img .i2 {
    position: absolute;
    left: 0;
    top: 0;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}

.kefu_txt {
    position: absolute;
    white-space: nowrap;
    font-size: 15px;
    height: 100%;
    line-height: 44px;
    top: 0;
    right: -20px;
    transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	
}

.kefu:hover .kefu_img .i1{
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.kefu:hover .kefu_img .i2{
    filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
}
.kefu:hover .kefu_txt{
    right: 48px;
}


.menu_bg {
    display: block;
    position: absolute;
    background: #895e4b;
    height: 40px;
    width: 80px;
    bottom: 0;
    left: 0;
    z-index: -1;
	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
    transition: all 0.2s;
}






/**animate**/
.swiper-container.index_swiper{
	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.ind1_change h5 {
    margin: 0;
    position: relative;
    top: 200px;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}

.ind1_change h4 {
	position: relative;
    top: 200px;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}

.ind1_top {
	position: relative;
    top: 200px;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.index_sec2
{
	background:#e9e7e5
}
.index_sec.index_sec2 .title{
	position: relative;
    top: 200px;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
ul.fengge li{
    position: relative;
    left: 160px;
	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.fengge_list_box {
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.index_sec.index_sec3 .title{
	position: relative;
    top: 200px;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}

.ind3_c_l{
	position: relative;
    top: 200px;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.ind3_c_r{
	position: relative;
    top: 200px;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}

.index5_left{
	position: relative;
    left: -200px;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}
.index5_right{
	position: relative;
    right: -200px;
    filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;
}

.ind7_cont h3{
	position: relative;
   
  
}
.ind7_cont h4{
	position: relative;
  
  
}
.ind7_svg{
	position: relative;

 
}










.fr .pages a {
    margin-top: 8px;
}





/***footer***/
.footer{
	padding: 60px 0 5px;
	background: #fff;
    box-shadow: 1px 1px 10px #ddd;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.footer_container{
	width:80%;
	margin:0 auto;
}
.footertop {
	padding-bottom: 40px;
}
.footer_top span {
	line-height: 2;
	font-size: 18px;
	color: #fff;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
}
.cont_tb {
	padding-top: 30px;
}
.cont_tb a{
	padding-right:15px;
	float: left;
}
.footer_menu{
	width: 80%;
	margin:0 auto;
}
.footer_menu>li {
	float: left;
	width:16.5%;
}
.first_menu span {
	display: inline-block;
	padding-bottom: 5px;
	line-height: 30px;
	font-size: 15px;
	border-bottom: 1px solid #8B604C;
}
.footer_menu_list li {
	line-height: 30px;
}
.footer_menu_list .first_menu{
	line-height: 40px;
	margin-bottom:10px;
	color:#737373;
}
.footer_menu_list a{
	color:#999;
	font-size: 13px;
}
.footer_right {
	 padding-left: 10px;
 }
.footer_right h5{
	font-size:13px;
	margin-top:0;
	color:#a0a0a0;
}
.footer_right h4{
	color: #999;
	line-height: 1.7; font-family:Arial, Helvetica, sans-serif; font-size:20px;
	margin: 10px 0 0;
}
.footer_right .time{
	font-size:14px;
	padding-left:20px;
}
.server {
    display: inline-block;
    width: 76px;
    height: 28px;
    margin: 10px 0 15px;
    border: transparent 1px solid;
    background: #8B604C;
    color: #fff;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -o-border-radius: 14px;
    -webkit-border-radius: 14px;
    margin-right: 10px;
    font-size: 12px;
}
.server:hover{
	color:#fff !important;
}
.dianpu {
	width: 100%;
	padding-top: 20px;
	border-top: #a0a0a0 1px solid;
}
.dianpu a{
	color:#999;
	padding-right:10px;
}
.weimeima_box{ margin-top:30px; margin-left:15px;}
.footercopy {
	border-top: 1px solid #a0a0a0;
	padding: 0px 0;
}
.copy{
	color:#aaa; font-size:14px;
	line-height: 40px;
}
.footer_menu {
	width: 100%;
    padding-left: 5%;
	    margin-top: -13px;
}
.cont_tb li img {
	width: 28px;
}
.footertop a:hover {
    color: #8a604c;
}


	
/**sec2**/
ul.ind2_l li {
    width: 25%;
    float: left;
    padding: 0 2px;
    list-style: none;
	transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
}

ul.ind2_l:after {
    content: "";
    display: table;
    clear: both;
}

.ind_sec.ind_sec2 {
    padding: 60px 0;
}

.ind2_r {
    text-align: center;
    position: relative;
}

.ind2_r_box {
    width: 90%;
    max-width: 340px;
    display: inline-block;
    padding-top: 60px;
    position: relative;
}

img.ind2_r_img {
    width: 30px;
    position: absolute;
    top: 20px;
    left: -10px;
}

.ind2_r_box h3 {
    margin: 0 15px;
    padding-top: 5px;
    line-height: 1.36;
    color: #2d2d2d;
    border-top: solid 1px #ddd;
}

.ind2_r_box h3 span {
    display: block;
}

.ind2_r_box h3 span.ind2_sp1 {
    font-size: 22px;
}

.ind2_r_box h3 span.ind2_sp2 {
    font-size: 16px;
}

.ind2_r_box h3 hr {
    width: 80%;
    border-top: 1px solid #ddd;
    margin-top: 10px;
}

hr.ind2_r_hr {
    border-top: 1px solid #ddd;
    margin-top: 80px;
    margin-bottom: 100px;
    width: 60%;
}

.ind2_r_box h5 { 
    margin-top:50px;
    font-size: 13px;
	line-height:25px;
    color: #666; 
}

ul.ind2_l {
    margin: 0;
    padding: 0;
}


ul.ind2_l li.l1 {
    transform: skewY(20deg);
	-moz-transform: skewY(20deg);
	-ms-transform: skewY(20deg);
	-o-transform: skewY(20deg);
	-webkit-transform: skewY(20deg);
}
ul.ind2_l li.l2 {
    transform: skewY(-20deg);
	-moz-transform: skewY(-20deg);
	-ms-transform: skewY(-20deg);
	-o-transform: skewY(-20deg);
	-webkit-transform: skewY(-20deg);
}
ul.ind2_l li.l3 {
    transform: skewY(20deg);
	-moz-transform: skewY(20deg);
	-ms-transform: skewY(20deg);
	-o-transform: skewY(20deg);
	-webkit-transform: skewY(20deg);
}
ul.ind2_l li.l4 {
    transform: skewY(-20deg);
	-moz-transform: skewY(-20deg);
	-ms-transform: skewY(-20deg);
	-o-transform: skewY(-20deg);
	-webkit-transform: skewY(-20deg);
}

ul.ind2_l.active li{
    transform: skewY(0deg);
	-moz-transform: skewY(0deg);
	-ms-transform: skewY(0deg);
	-o-transform: skewY(0deg);
	-webkit-transform: skewY(0deg);
}
/*
.ind_ico {
    width: 120px;
    margin: 0 auto 20px;
    position: relative;
    left: -3px;
}
*/

.ind_ico {
    width: 200px;
    margin: 10px auto 50px;
}

.zhegai a {
    display: block;
    width: 100%;
    height: 100%;
	position:relative;
}



@media(max-width:1440px){
	
	.footer_menu {
		width: 100%;
		padding:0;
	}
	.neirong_ul>li{width:23%;}
	.neirong_ul .neirong_ul_last{
		display:none;
	}
	.footer_menu_list{
		margin-left:0;
	}
	.menu_list>li {
		float: left;
		text-align: center;
    	padding: 0 12px;
	}


}
@media(max-width:1200px){
	
	.footer_menu>li.footer_li_ts{
		padding:0;
	}
	
	.menu_list>li {
		padding: 0px 7px;
	}
	.menu_list>li a{
		font-size:14px;
	}

	.header_logo { width: 150px; }

}	
	
@media (max-width:768px){
.re_img_zi>h5{
	font-size:16px !important;
}


}