body {
    -webkit-text-size-adjust: none;
	font-family: "微软雅黑";
}

body.locked {
	height:100%;
	overflow:hidden;
}

p {
  font-size: 16px;
  line-height: 24px;
}

.centered {
    margin: auto;
    display: block;
	margin-top: 30px;
}
.full_width {
    width: 100%;
}
.full_height {
    height: 100%;
}

.has_transition_3000 {
-webkit-transition: transform 3s cubic-bezier(0.250, 0.460, 0.450, 0.940), filter 1s cubic-bezier(0.250, 0.460, 0.450, 0.940);
transition: all 3s cubic-bezier(0.250, 0.460, 0.450, 0.940);


}

.has_transition_1000_inout {
    -webkit-transition: all 1000ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
    transition: all 1000ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    
}
.has_transition_800_inout {
    -webkit-transition: all 800ms cubic-bezier(0.455, 0.030, 0.515, 0.955); 
    transition: all 800ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    
     
}

.has_transition_800_inout_exp {
    -webkit-transition: all 900ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
    transition: all 900ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    
     
}
.has_transition_600_inout {
    -webkit-transition: all 600ms cubic-bezier(0.860, 0.000, 0.070, 1.000); 
    transition: all 600ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    

}
.has_transition_400_inout {
    -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    
     
}
.has_transition_300_inout {
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    
 
}
.has_transition_300 {
    -webkit-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000) !important;
    transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000) !important;
    will-change: transform, opacity;   
}
.has_transition_400 {
    -webkit-transition: all 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: all 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    will-change: transform, opacity;

}
.has_transition_600 {
    -webkit-transition: all 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: all 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    will-change: transform, opacity;
   
}

.logo_foot{
	display:none;}

.has_transition_600_expo {
    -webkit-transition: all 400ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
    transition: all 400ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
    

}

.paused {
	
    -webkit-animation-play-state: paused !important; /* Chrome, Safari, Opera */
    animation-play-state: paused !important;

}

.has_transition_600_cubic {
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 600ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    
 
}
.has_transition_400_cubic {
    -webkit-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    

}
.has_transition_600_expo {
    -webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    

}
.has_transition_800_expo {
    -webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    
 
}
.transform_centered {
    -webkit-transform-origin: center center!important;
    transform-origin: center center !important;
    
     
}
.has_transition_800 {
    -webkit-transition: all 800ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: all 800ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    
  
}
.has_transition_1000 {
    -webkit-transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: all 1000ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    

}
.has_transition_1200 {
    -webkit-transition: all 1200ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: all 1200ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    

}
.has_transition_top {
    -webkit-transition: top 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000), opacity 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: top 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000), opacity 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	
}

.no_transition {
    -webkit-transition: none !important;
    -transition: none !important;
    -ms-transition: none !important;
}
.horizontal_mirror {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.single_column {
	-webkit-column-count:1 !important;
	-moz-column-count:1 !important;
	-ms-column-count:1 !important;
	column-count:1 !important;
}

.white {
	color:#FFFFFF !important;
}

.no_opacity {
    opacity: 0!important;
}
.top_single {
    opacity: 1 !important;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.top_double {
    /*opacity: 0 !important;*/
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}
.bottom_single {
    opacity: 0 !important;
    top: -20px !important;
}
.bullet_scaled {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.no_rotation {
    -webkit-transform: rotateX(0deg) rotateY(0deg) !important;
    transform: rotateX(0deg) rotateY(0deg) !important;
    opacity: 1 !important;
}
.rotate_90 {
    -webkit-transform: rotateZ(90deg) !important;
    transform: rotateZ(90deg) !important;
}
.rotateX_90 {
    -webkit-transform: rotateX(-140deg);
    opacity: 0;
    transform: rotateX(-140deg);
}

#keys h1 {
	color:#FFFFFF;
}

.veil {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /*background: #000000;*/
    opacity: 0.2;
    z-index:2;
    will-change: opacity;
}

.hidden_by_scaleup {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
}

.hidden_by_scaleup_low {
    -webkit-transform: scale(1.025);
    transform: scale(1.025);
    opacity: 0;
}
.hidden_by_scaleup_mid {
    -webkit-transform: scale(1.065);
    transform: scale(1.065);
    opacity: 0;
}
/*.container {
    margin: auto;
    width: 960px;
}*/

.half {
    width: 50%;
    float: left;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.quarter {
    float: left;
    width: 25%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.third {
    float: left;
    width: 33.3333%;
}
.hidden_by_scaling {
    -webkit-transform: scale(0.4) !important;
    transform: scale(0.4) !important;
    opacity: 0;
}

/*.hidden_by_scaling_low {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
}*/

.no_width {
    width: 0px !important;
    
}
.no_height {
    height: 0px !important;
}

.right_translated {
	-webkit-transform:translateX(60px);
	transform:translateX(60px);
}

.left_translated {
	-webkit-transform:translateX(-60px);	
	transform:translateX(-60px);
}

.relative {
	position:relative !important;	
}


h1,
h2,
h3,
h4,
h5 {
    font-weight: normal;
}
a {
    text-decoration: none;
}
hr {
   
}

.top_30 {
	margin-top:30px !important;
}

.top_60 {
	margin-top:60px !important;
}

.top_90 {
	margin-top:90px !important;
}

.top_120 {
	margin-top:120px !important;
}

.bottom_30 {
	margin-bottom:30px !important;
}

.bottom_60 {
	margin-bottom:60px !important;
}

.bottom_90 {
	margin-bottom:52px !important;
}

.bottom_120 {
	margin-bottom:120px !important;
}
.bottom_150 {
	margin-bottom:150px !important;
}

#main {
	overflow-x:hidden;
}

#menu_controller hr {
	    width: 30px;
    height: 0px;
    border: none;
    border-bottom: 2px solid #FFFFFF;
    margin: 0;
    margin-top: 7px;
    -webkit-transform:translate3d(-30px,0,0);
    transform:translate3d(-30px,0,0);
    
}

#menu_controller hr.dark {
	z-index:2;
	position:absolute;
	border-bottom: 2px solid #fff;
}

#menu_controller hr.dark._1 {
	   
    top: 0;
}

#menu_controller hr.dark._2 {
	top:9px;
}


#menu_controller hr.dark._3 {
	top:18px;
}

#menu_controller.keep_dark hr.dark {
	width: 30px !important;
}



#frame.keep_fill .borders > div {
	opacity:1 !important;
}



#menu_controller {
	float: right;
    position: absolute;
    right: 45px;
    top: 8px;
    cursor:pointer;
    pointer-events:all;
    z-index:4;
}

#menu_controller .menu_text {
    font-family: "微软雅黑";
    color: #FFFFFF;
    font-size: 17px;
    float: right;
    margin-right: 12px;
}

#navigation_1{
    float: left;
    position: absolute;
    left: 170px;
    top: 8px;
    pointer-events: all;
    z-index: 4;
    width: 505px;
}

#navigation_1 a{
    color: #fff;
    font-size: 15px !important;
    padding: 0 8px;
}


/*中英文切换*/
.jianti{width:62px;height:30px;position:relative;overflow:hidden;}
.jianti span{line-height:27px;position:absolute;text-align:center;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.tel{ font-size:14px !important;margin-top: 4px;margin-right: 38px !important; background:url(../images/tel.png) left no-repeat;padding-left: 37px;}
.jianti .one{top:3px;left:0;z-index:1;color:#FFF;}
.jianti:hover .one{top:-30px;left:0;}
.jianti .one a{color:#ccc;text-decoration:none;}

.jianti .two{bottom:-30px;left:0;z-index:2;color:#838383;}
.jianti:hover .two{bottom:0px;left:0;}
.jianti .two a{color:#fff;text-decoration:none; font-size:14px;}
/*中英文切换  end */

#menu_controller #menu_ico {
	    overflow: hidden;
    width: 30px;
    position: relative;
    float: right;
    right:0;
}

#menu_controller:hover hr._1c,#menu_controller.opened hr._1c {
    width: 21px;
    -webkit-transform: rotate(90deg) translate3d(6px,-5px,0) !important;
    transform: rotate(90deg) translate3d(6px,-5px,0) !important;
}
#menu_controller:hover hr._2c, #menu_controller.opened hr._2c {
    opacity: 0;
   
}
#menu_controller:hover hr._3c, #menu_controller.opened hr._3c {
	-webkit-transform: translate3d(5px, -4px,0) !important;
	
    transform: translate3d(5px, -4px,0) !important;
    width: 21px;
	margin-top:-1px;
}

#frame.filled #menu_controller:hover hr._1,#frame.filled #menu_controller.opened hr._1 {
    width: 21px;
    -webkit-transform: rotate(90deg) translate3d(6px,-5px,0) !important;
    transform: rotate(90deg) translate3d(6px,-5px,0) !important;
}
#frame.filled #menu_controller:hover hr._2, #frame.filled #menu_controller.opened hr._2 {
    opacity: 0;
   
}
#frame.filled #menu_controller:hover hr._3, #frame.filled #menu_controller.opened hr._3 {
	-webkit-transform: translate3d(5px, -4px,0) !important;
	
    transform: translate3d(5px, -4px,0) !important;
    width: 21px;
}
#menu_controller:hover #menu_ico {
    height: 21px;
        top: 6px;
}

#menu_controller.opened  #menu_ico {
	 -webkit-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
    height: 21px;
        top: -1px;
}

#menu_controller:hover .menu_text,#menu_controller.opened .menu_text {
	-webkit-transform:translate3d(8px,0,0);
	transform:translate3d(8px,0,0);
}



@-moz-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.scroll_text {
	    font-family: "微软雅黑";
    color: #FFFFFF;
    font-size: 13px;
    margin-left: -32px;
	letter-spacing: 3px;
	height: 38px;
}

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

#frame {
	position: fixed;
    z-index: 3;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events:none;
    z-index:4;
}

#frame .borders {
	pointer-events:none;
}

#frame .borders > div {  
    background: #1d0f11;
    position: absolute;
    -webkit-transition: all 800ms cubic-bezier(0.455, 0.030, 0.515, 0.955),  opacity 350ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: all 800ms cubic-bezier(0.455, 0.030, 0.515, 0.955),  opacity 350ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    will-change: opacity, width, height;
}

#frame.filled .borders > div {
	 opacity: 1;
	 will-change:transform;
}

#frame .vertical {
	height: 98%;
    width: 30px;
}

#frame .horizontal {
	 height: 50px;
   	 width: 100%;
}

#frame .left {
		-webkit-transform-origin:bottom;
	
	transform-origin:bottom;
}

#frame .right {
		-webkit-transform-origin:top;
	
	transform-origin:top;
}

#frame .top {
		-webkit-transform-origin:left;
	
	transform-origin:left;
}

#frame .bottom {
		-webkit-transform-origin:right;
	
	transform-origin:right;
}


#frame .vertical.no_height {
	height:100% !Important;
		-webkit-transform:scale(1,0);
	
	transform:scale(1,0);
}

#frame .horizontal.no_width {
	
	width:100% !Important;
		-webkit-transform:scale(0,1);
	
	transform:scale(0,1);
}

.slider_controls {
	    width: 32px;
}

.slider_controls > div {
	cursor:pointer;
}

.slider_controls > div:hover {
	-webkit-transform:scale(1.3);
	transform:scale(1.3);
	
}

#frame .slider_controls {
	    position: absolute;
    top: 45%;
    float: right;
    right: 16px;
    margin-top: 14px;
    pointer-events: all;
     width: 40px;
}


#book_now {
	    position: absolute;
    left: 30px;
    top: 8px;
    pointer-events:all;
    z-index:4;
}

#book_now img {
	    margin-right: 10px;
    margin-top:-2px;
	margin-left:10px;
}

#book_now a {
	    font-family: "微软雅黑";
    color: #FFFFFF;
    font-size: 17px;
}

#book_now a .hover {
	position: absolute;
    left: 0;
    top: 15px;
    opacity:0;
}

/*#frame.filled #book_now a {
	color:#666666;
}*/

/*#frame.filled a img {
	opacity:0;
}

#frame.filled a img.hover {
	opacity:1;
}*/

#frame.filled #copy p {
	color:#666666;
}

#frame.filled #menu_controller .menu_text {
	color:#fff;
}

#main_menu {
   position: fixed;
    top: 0;
    z-index: 4;
    top: 40px;
    right: 40px;
    width: 540px;
    overflow:hidden;  
}

#main_menu.no_events {
	 pointer-events:none;
}




#main_menu.no_width {
	padding-left:0px;
	padding-right:0px;
	opacity:0;
}

#menu_container {
    float: right;
    width: 480px;
    perspective: 1500px;
    background: #FFFFFF;
    padding: 30px;
    position:relative;
	box-sizing: initial;
    
}

#main_menu.hidden #menu_container {
		-webkit-transform: translate3d(540px, 0, 0);
	
	transform: translate3d(540px, 0, 0);
	opacity:0;
}

#menu_buttons {
	float: right;
    width: 50%;
    height: 100%;
    padding-left:5%;
	box-sizing: initial;
}

#menu_buttons * {
	will-change:transform;
}

#menu_buttons > ul {
	padding-right:15%;
}

.all ul{display:none;}

#menu_buttons > ul li {
	 position:relative;
	 /*height: 44px;*/
} 

#menu_buttons > ul li a {
       text-align: right;
    font-family: "微软雅黑";
    color: #C1BEB7;
    font-size: 20px;
    letter-spacing: -0.2px;
    /*display: block;*/
    float:right;
	letter-spacing:2px;
}

#menu_buttons > ul li img {
	    position: absolute;
    right: -50px;
    top: 20px;
    opacity:0;
     -webkit-transition: all 200ms cubic-bezier(0.165, 0.840, 0.440, 1.000) !important;
    transition: all 200ms cubic-bezier(0.165, 0.840, 0.440, 1.000) !important;
}




#menu_buttons > ul li.hover a {
	-webkit-transform:translateX(10px);
	transform:translateX(10px);
	color:#958168;
	 -webkit-transition: all 200ms cubic-bezier(0.165, 0.840, 0.440, 1.000) !important;
    transition: all 200ms cubic-bezier(0.165, 0.840, 0.440, 1.000) !important;
    will-change: transform;
}

#menu_buttons > ul li.hover img {
		-webkit-transform:translateX(-10px);
	
	transform:translateX(-10px);
	opacity:1;
	will-change: transform;
	
}

#menu_buttons > ul li:first-child {
	margin-top:0;
}

#menu_buttons > ul li a.hidden {
		-webkit-transform:translateX(20px);
	
	transform:translateX(20px);
	opacity:0;
}


#menu_socials {
	    position: absolute;
    bottom: 30px;
    float: right;
    right: 30px;
}

#menu_socials ul li {
	    float: left;
    padding-left: 10px;
    height: 18px;
	width: 15px;
}

#menu_socials ul li {
	border-right: 1px solid #B0AA9F;
    padding-right: 10px;
    padding-left: 10px;
	box-sizing: initial;
	
}

#menu_socials ul li:last-child {
	border-right: none;
	
}

#menu_socials ul li:first-child img {
    margin-top: -10px;
}


#menu_socials ul li img {
	    margin-top: -9px;
}

#menu_pics {
	float: left;
    width: 45%;
    height: 100%;
    perspective:3000px;
    position:relative;
   
}


.menu_pic {
	height:100%;
	position:absolute;
	top:0;
	overflow:hidden;
	width:100%;
	z-index:0;
	will-change: transform;
}



/*  二级栏目添加 */

.menu-wel{
	padding-top: 48px;
	float: left;
}
.menu-wel ul{
	width: 100%;
	float: left;
}
.menu-wel ul li{
	width: 100%;
	display: block;
	float: left;
}

.menu-wel ul li a span{
	font-size:15px;}

.menu-wel ul li .dad-a{
	color: #8c857e;
	font-size:16px;
	line-height: 48px;
	display: block;
	float: left;
	padding-left: 56px;
	background:url("../images/bar2.jpg") -42px center no-repeat;
	transition-duration:500ms;
	width: 290px;
}
.menu-wel ul li .dad-b{
	color: #918f8d;
	font-size:16px;
	line-height: 48px;
	display: block;
	float: left;
	padding-left: 56px;
	background:url("../images/bar3.jpg") -42px center no-repeat;
	transition-duration:500ms;
	width: 290px;
}

.menu-wel ul li .sub-a,.menu-wel ul li .sub-b{
	display: block;
	clear: both;
	padding-bottom: 16px;
	width: 100%;
	display: none;
	text-align:center;
	position: relative;
    margin-right: 27px;
}
.menu-wel ul li .sub-a a{
	display: block;
	line-height: 28px;
	color: #a3a1a1;
	text-transform: uppercase;
	text-indent: 56px;
	padding-right: 40px;
	float: left;
	background:url("../images/bar1.png") -310px center no-repeat;
	transition-duration:700ms;
	font-size: 13px !important;
}

.menu-wel ul li .sub-a a:hover{
	color:#000 !important;}

.sub-a div,.sub-b div{
	width:100%;
	height: 28px;
}
.menu-wel ul li .sub-b a{
	display: block;
	line-height: 28px;
	color: #8d8b88;
	text-transform: uppercase;
	text-indent: 56px;
	padding-right: 40px;
	float: left;
	background:url("../images/bar10.png") -310px center no-repeat;
	transition-duration:700ms;
	font-size: 13px;
}


/*  二级栏目添加 */





.menu_pic._1 {
	background:url(../images/home.jpg);
	background-size:cover;
}
.menu_pic._2 {
	background:url(../images/case.jpg);
	background-size:cover;
}
.menu_pic._3 {
	background:url(../images/team.jpg);
	background-size:cover;
}
.menu_pic._4 {
	background:url(../images/sy.jpg);
	background-size:cover;
}
.menu_pic._5 {
	background:url(../images/service.jpg);
	background-size:cover;
}
.menu_pic._6 {
	background:url(../images/sc.jpg);
	background-size:cover;
}
.menu_pic._7 {
	background:url(../images/about.jpg);
	background-size:cover;
}



.menu_pic_in {
	-webkit-animation: menuPicIn 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	animation: menuPicIn 600ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transform-origin:left;
	-webkit-transform-origin:left;
}

.menu_pic_out {
	z-index:1;
	-webkit-transform:translateZ(-1px);
	
	transform:translateZ(-1px);
}

@-webkit-keyframes menuPicIn {
    0%   {opacity:0;-webkit-transform:rotateY(-60deg) translateZ(1px);}
    100% {opacity:1;-webkit-transform:rotateY(0) translateZ(0);}
}

@keyframes menuPicIn {
    0%   {opacity:0;transform:rotateY(-60deg) translateZ(1px);}
    100% {opacity:1;transform:rotateY(0) translateZ(0);}
}



.main_section .slider .slide {
	opacity:1;
	position:absolute;
}

@-webkit-keyframes zoomIn {
    0%   {opacity:0;-webkit-transform:scale(1.08) rotateZ(0.0001deg);}
    10%  {opacity:1;}
    100% {-webkit-transform:scale(1) rotateZ(0);opacity:1;}
}

@keyframes zoomIn {
    0%   {opacity:0;transform:scale(1.08) rotateZ(0.0001deg);}
    10%  {opacity:1;}
    100% {transform:scale(1) rotateZ(0);opacity:1;}
}

@-webkit-keyframes zoomFirst {
     0%   {opacity:0;-webkit-transform:scale(1.08) rotateZ(0.0001deg);}
    10%  {opacity:1;}
    100% {-webkit-transform:scale(1) rotateZ(0);}
}

@keyframes zoomFirst {
     0%   {opacity:0;transform:scale(1.08) rotateZ(0.0001deg);}
    10%  {opacity:1;}
    100% {transform:scale(1) rotateZ(0);}
}

@-webkit-keyframes zoomEasing {
    0%   {opacity:0;-webkit-transform:scale(1.02) rotateZ(0.0001deg);}
    30%  {opacity:1;}
    100% {opacity:1;-webkit-transform:scale(1) rotateZ(0);}
}
@keyframes zoomEasing {
    0%   {opacity:0;transform:scale(1.02) rotateZ(0.0001deg);}
    30%  {opacity:1;}
    100% {opacity:1;transform:scale(1) rotateZ(0);}
}

/*#frame .top {
	left:30px;
}*/

#frame .right {
	top: 40px;
    float: right;
    right: 0;
}

#frame .left {
	bottom:40px;
}

#frame .bottom {
	right:30px;
	bottom: 0;
}



.logo {
	position: absolute;
    width: 100%;
    z-index: 1;
    top: 18%;
    z-index: 3;
}

.logo h1 {
	    font-family: "宋体";
    color: #FFFFFF;
    text-align: center;
    font-size: 24px;
    letter-spacing: 2px;
	margin-top: -6px;
}

.logo h2 {
    font-family: "微软雅黑";
    color: #C6BFB2;
    text-align: center;
    font-size: 12px;
    letter-spacing: 3px;
}

#pays {
	    position: absolute;
       width: 80%;
    left: 10%;
    top: 41%;
    z-index: 2;
}

.pay {
	position:absolute;
	width:100%;
}

.pay_separator {
	    height: 1px;
    width: 418px;
    background: #FFFFFF;
    margin: auto;
    margin-top: 19px;
}

.pay p {
	    font-family: "宋体";
    color: #FFFFFF;
    font-size: 37px;
    text-align: center;

}

.pay p.subpay {
	    font-family: "宋体";
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
    margin-top:4px;
	letter-spacing: 2px;
}


.main_section {
	position:relative;
	    z-index: 2;
	    float:left;
	    width:100%;
		margin-top: 35px;
}


#header {
	position:relative;
}

#header + .main_section .block_title {
	    width: 680px;
    left: 50%;
    margin-top: -30px;
    background: #FFFFFF;
    padding: 60px 0 30px 0;
    position: relative;
    margin-left: -340px;
    overflow: hidden;
	text-align:center;
}

#header + .main_section .block_title.hidden {


}

#header + .main_section .block_title  h2 {
	    color: #514639;
    font-family: "宋体";
    font-size: 30px;
    line-height: 30px;
    float: left;
    position: relative;
    width: 100%;
    text-align: center;
	letter-spacing:0;
}

#header+ .main_section.specials .block_title {
	width: 80%;
    margin: auto;
    margin-top: -30px;
    background: #FFFFFF;
    padding: 60px 0 30px 0;
    position: relative;
    overflow: hidden;
    max-width: 1024px;
    left:0;
    float:none;
}

#header+ .main_section.specials .block_title .title_text {
	    width: 450px;
    margin-top: 30px;
    float: left;
    left: 50%;
    position: relative;
    margin-left: -225px;
    padding: 0;
}


#header + .main_section .block_title {
	    width: 680px;
    left: 50%;
    margin-top: -30px;
    background: #FFFFFF;
    padding: 60px 0 30px 0;
    position: relative;
    margin-left: -340px;
    overflow: hidden;
	text-align:center;
}

#header + .main_section .block_title.hidden {


}

#header + .main_section .block_title  h2 {
	    color: #514639;
    font-family: "宋体";
    font-size: 30px;
    line-height: 30px;
    float: left;
    position: relative;
    width: 100%;
    text-align: center;
	letter-spacing:0;
}


.slider {
    overflow: hidden;
    position: relative;
    background: #FFFFFF;
    width: 100%;
    height:1080px;
}

.slider .slides_wrap {
	position:relative;
	width:100%;
	height:100%;
	will-change:transform;
}

.slider .slide {
	opacity:0;
	position:absolute;
	will-change: transform, opacity;
}

.slider .slide img {
	-ms-interpolation-mode: cubic; 
}

.slider .slide.active {
	z-index:1;
	opacity:1;
}

.slider .slide.in {
	-webkit-animation: zoomIn 8s linear;
	animation: zoomIn 8s linear;
	animation-play-state: running;
	
}

.slider .slide.first {
	-webkit-animation: zoomFirst 8s linear;
	animation: zoomFirst 8s linear;
	opacity:1;
	animation-play-state: running;
	
}

.slider .slide.easing {
	-webkit-animation: zoomEasing 3s cubic-bezier(0.250, 0.460, 0.450, 0.940); 
	animation: zoomEasing 3s cubic-bezier(0.250, 0.460, 0.450, 0.940); 
	    animation-play-state: running;
	
}




#footer {
float:left;
width:100%;
background:#000;
height:400px;
}





#footer_content {
	position: relative;
    height: 452px;
    margin: auto;
    max-width: 1800px;
}

#footer_left {
    width: 35%;
    float: left;
    height: 100%;
    position: absolute;
    left: 30px;
    top: 30px;
}

#footer_left table td {
	vertical-align:top;
}

#footer_left table td._1{
	width:121px;}
	
#footer_left table td._3{
	width:121px;}
	
#footer_left table td._4{
	width:121px;}
	
#footer_left table td._5{
	width:121px;}
	
#footer_left table td._6{
	width:121px;}
	
#footer_left table td._2{
	position:relative;}
	
#footer_left table td._2{width: 121px;}

#footer_left ._1 hr {
	margin-top:10px;
}

#footer_left a, .block_title a {
	color: #C5C5C5;
    text-decoration: underline;
}

#footer_center {
	background:#212121;
    height: 460px;
    width: 30%;
    height: 430px;
    width: 30%;
    margin: auto;
    margin-top: -30px;
    max-width: 420px;
    padding-top: 30px;
	box-sizing: initial;
	
}

#footer_center .logo {
	position:relative;
}

#footer_right {
	    position: absolute;
    height: 100%;
    float: right;
    width: 30%;
    right: 30px;
    top: 30px;
}

#trip {
	    width: 160px;
    margin: auto;
    margin-top: 120px;
	color:#fff;
    padding-bottom: 15px;
    border-bottom: 1px solid #FFFFFF;
	font-size: 17px;
}

#socials {
	width: 129px;
    margin: auto;
    margin-top: 146px;
	   
}

#socials li {
	float: left;
    padding-right: 15px;
    padding-left: 15px;
    border-right: 1px solid #FFFFFF;
    height:20px;
}

#socials li:first-child {
	
    padding-left: 0;
}

#socials li.last {
	border-right:none;
    padding-right: 0;
}

#socials li a {
	display: block;
    position: relative;
    top: -4px;
}


.logotype {
	position:absolute;
	bottom:0;
	left:0;
	
}

#footer_left .banquan{
	position:absolute;
	bottom:14px;
	font-size:12px;
	left:29px;
	color:#C5C5C5;}

#footer .half {
	height:100%;
}


#footer_left table {
	width: 100%;
position: absolute;
bottom: 106px;
left: 30px;
}


#footer_left table hr {
    width: 30px;
    border: none;
    border-top: 1px solid #FFFFFF;
    margin: 0;
    margin-bottom: 10px;

}

#footer_left table p {
	    font-family: "微软雅黑";
    color: #C5C5C5;
    font-size: 12px;
    line-height: 21px;
}



#footer_right table {
	width: 100%;
    position: absolute;
    top: 233px;
    left: 8px;
}


#footer_right table hr {
    width: 30px;
    border: none;
    border-top: 1px solid #FFFFFF;
    margin: 0;
    margin-bottom: 10px;
	margin-top: 10px;

}

#footer_right table p {
	    font-family: "微软雅黑";
    color: #C5C5C5;
    font-size: 12px;
    line-height: 21px;
}

#menu_lower {
    position: absolute;
    bottom: 93px;
    right: 28px;
}

#menu_lower ul {
	    float: right;
    clear: both;
}

#menu_lower ul li {
	float:left;
	margin: 1px 0;
}

#menu_lower ul li a {
	    color: #C9C9C9;
    font-family: "微软雅黑";
    font-size: 12px;
    padding: 0 8px;
}

#menu_lower ul li:first-child a {
	border-left:none;
}




.credits {
	color: #C5C5C5;
    font-family: "微软雅黑";
    font-size: 12px;
    padding: 0 42px;
	position:absolute;
    bottom: 14px;
    width: 100%;
    text-align: left;
}

.credits a {
	    color: #C5C5C5;
    margin-right: 5px;
}



/*栏目分类*/
.people-filters {
display: block;
text-align: center;
margin-bottom: 42px;
}

.people-filter {
display: inline-block;
vertical-align: middle;
font-size: 14px;
color: #666;
text-transform: uppercase;
line-height: 20px;
cursor: pointer;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
transition: color 0.3s ease;
letter-spacing: 1px;
font-weight:bold;
}

.people-filter.active {
color: #948067;
}

.people-filter:before {
content: "|";
display: inline-block;
vertical-align: middle;
margin: 0 11px;
font-size: 11px;
color: #c7c7c7;
line-height: 20px;
font-weight: 100;
}

.people-filter:first-child:before {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}

.people-filter:hover {
color: #948067;
}

/*.people-filter:last-child::before {
    content: '';
    margin: 0 20px;
}

.people-filter:last-child::after {
    content: '';
    margin: 0 20px;
}*/
/*栏目分类  end*/



/*面包屑导航*/
.crumb{
	width:80%;
	margin:0 auto;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	padding-left: 26px;
	background: url(../images/icon.png) no-repeat 0 -96px ;
	margin-top:20px;
	font-size:13px;}
	
.crumb span {
color: #948067;
font-weight:bold;
}
/*面包屑导航  end*/




/*栏目分类*/
.list_index{ width:70%; margin:0 auto; position:relative; margin-bottom:123px; opacity:0;z-index: 1;}
.list_index .tops{font-family:"微软雅黑"; font-size:14px; width:16.5%; height:43px; border-right:solid 1px #e0e0e0; text-align:center; line-height:43px; background-color:#51040a; float:left;}
.list_index .tops:hover{background-color: #514639;}
.list_index .tops:hover a{color:#fff;}
.list_index .tops a{ display:block; color:#fff; text-decoration:none;}
#nav_line{width: 200px;height: 2px;background: #000;position: absolute;left: 0;opacity: 1; top:0;}

/*栏目分类  end*/


.background-copy {
text-align: center;
color: #514639;
font-family: "宋体";
font-size: 34px;
line-height: 30px;
-webkit-font-smoothing: antialiased;
text-transform: uppercase;
z-index: 5;
position: absolute;
width: 100%;
top: 15px;
min-width: 1180px;
}

.scJbCUl-1 {
	padding:17px 35px 22px 35px;
margin-bottom: 8px;
border: 1px solid #DFDFDF;
}

.scJbCUl-1 ul li {
width: 60px;
height: 24px;
line-height: 24px;
background: #eeeeee;
margin-bottom: 0px!important;
text-align: center;
color: #666666;
font-size: 12px;
font-family: Microsoft YaHei;
margin-right: 2px;
float: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}


/*分类*/



@media screen and (min-width: 920px){
	.paragraph {
margin: 0 auto;
padding: 0 0 80px 0;
width: 920px;
}

.paragraph.news {
padding: 0 0 20px 0;
}

  .news ul {
    text-align: center;
  }
  .news li {
    display: block;
    float: left;
    margin: 0 0 0 10px;
    width: 49%;
  }
  
  .team li{
	  width:24.1% !important;
	  margin-bottom:1%;}
	  
  .encyclopedias li{width:24% !important;}
  .news li:first-child {
    margin: 0;
  }
  
  .news li:nth-child(5) {
    margin: 0;
  }
  
  .news a:link,
  .news a:visited
   {
    border-bottom: 1px solid #000;
    color: #000;
    display: block;
    padding: 10px 0;
    text-decoration: none;
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
  }
  .news a:hover{
    background: #d8d8d8;
  }
  
  .news a.active{
    background: #d8d8d8;
  }
}


/*页码*/

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}

ul.pagination li a.active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}

ul.pagination li a:hover:not(.active) {background-color: #ddd;}






@media screen and (max-width:1050px){
	.paragraph {
		width: 750px !important;
		}
}

@media screen and (max-width: 919px){
	
	.paragraph {
	padding: 0 0 0px 0;
	width:100% !important;
	}
	.news ul {
    text-align: center;
  }
  .news li{
    display: block;
    width: 100%;
  }
  .news a:link,
  .news a:visited
  {
    border-bottom: 1px solid #000;
    color: #000;
    display: block;
    padding: 10px 0;
    text-decoration: none;
  }
  .news a:active {
    background: #d8d8d8;
  }
  
  .news a.active{
    background: #d8d8d8;
  }
}

/*分类  end*/

.wrap {
width: 100%;
transition: all 0.3s ease 0s;
}

.navbox {
background-color: #C6BFB2;
height: 57px;
position: relative;
z-index: 1;
margin-top: -4px;
}

.navbox ul {
width: 100%;
margin-bottom:0;
}

.navbox li {
width: 33.3333333%;
text-align: center;
height: 57px;
color: #555;
font-size: 18px;
cursor: pointer;
transition: normal 0s ease 0s;
float:left;
border-right: 1px solid #fff;
}

.navbox li.hover {
background: #514639;
/*padding-bottom: 9px;
margin-bottom: -9px;*/
}

.navbox li .tt {
	width:100%;
line-height: 57px;
display: inline-block;
vertical-align: 34px;
transition: normal;
}

.navbox li.hover .tt {
color: #fff;
}

.navbox li:hover {
background: #514639;
color:#fff;
/*padding-bottom: 9px;
margin-bottom: -9px;*/
}

.navbox-1 {
background-color: #C6BFB2;
height: 57px;
position: relative;
z-index: 1;
margin-top: -4px;
}

.navbox-1 ul {
width: 100%;
margin-bottom:0;
}

.navbox-1 li {
width: 25%;
text-align: center;
height: 57px;
color: #555;
font-size: 18px;
cursor: pointer;
transition: normal 0s ease 0s;
float:left;
border-right: 1px solid #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}

.navbox-1 li.hover {
background: #514639;
/*padding-bottom: 9px;
margin-bottom: -9px;*/
}

.navbox-1 li .tt {
	width:100%;
line-height: 57px;
display: inline-block;
vertical-align: 34px;
transition: normal;
}

.navbox-1 li.hover .tt {
color: #fff;
}

.navbox-1 li .tt:hover,.navbox li .tt:hover {
background: #514639;
color:#fff;
/*padding-bottom: 9px;
margin-bottom: -9px;*/
}





.navbox-2 {
background-color: #C6BFB2;
height: 57px;
position: relative;
z-index: 1;
margin-top: -4px;
}

.navbox-2 ul {
width: 100%;
margin-bottom:0;
}

.navbox-2 li {
width: 16.6666%;
text-align: center;
height: 57px;
color: #555;
font-size: 18px;
cursor: pointer;
transition: normal 0s ease 0s;
float:left;
border-right: 1px solid #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}

.navbox-2 li.hover {
background: #514639;
/*padding-bottom: 9px;
margin-bottom: -9px;*/
}

.navbox-2 li .tt {
	width:100%;
line-height: 57px;
display: inline-block;
vertical-align: 34px;
transition: normal;
}

.navbox-2 li.hover .tt {
color: #fff;
}

.navbox-2 li .tt:hover {
background: #514639;
color:#fff;
/*padding-bottom: 9px;
margin-bottom: -9px;*/
}

.navbox-3 li{
    width: 50%;
}


@media (max-width: 767px) {
	.navbox li {
	font-size: 16px;}
	
	ul.pagination li a{
		padding: 4px 8px;
		margin: 0 2px;
	}
}