ul{list-style:none;}
li{ list-style:none;}
a:link{
text-decoration:none;
}
a:hover{
text-decoration:none;
}
a{text-decoration:none;}

.jtjj{ padding-top:8%;}
.jtjj_lt{width:50%; float:left; padding-top:100px;}
.jtjj_lt p{ font-size:20px; color:#803e7e; font-weight:bold; line-height:40px;}
.jtjj_lt .jtjj_wz{ font-size:14px; color:#101010; line-height:28px;}
.cpzs_a a{width:144px; height:36px; display:block; text-align:center; line-height:36px; border:1px solid #803e7e; font-size:16px; color:#803e7e;}
.cpzs_a a::after{ content:""; display:block; width:0; height:100%; background:#803e7e; margin-top:-36px; transition:all 0.3s ease;}
.cpzs_a a:hover{ color:#FFF;}
.cpzs_a a:hover::after{ width:100%; }
.jtjj_lt dl{ padding-top:8%;}
.jtjj_lt dl a{ float:left; color:#000; font-size:16px; margin-right:7%;}
.jtjj_lt dl a i{ color:#803e7e; font-size:40px;}



.jtjj_rt{ float:right;width:42%; position:relative;}
.jtjj_rtlo{width:265px; height:365px; position:absolute;margin-left:0; top:30%; background:#803e7e; z-index:1;}
.jtjj_rtlo ul{margin:15px; border:1px solid #976195; text-align:center; color:#fff; height:335px; padding:20px;}
.jtjj_rtlo ul p{ font-size:30px; color:#fff;}
.jtjj_rtlo ul p strong{ font-size:44px; font-weight:300;}
.jtjj_rtlo ul span{ font-size:14px;}
.jtjj_rtlo ul img{ padding:20px 0;}
.jtjj_rtlo ul a{ color:#fff; display:block; font-size:14px; line-height:20px;}
.jtjj_rtlo ul a:hover{ color:#ff0;}
.jtjj_rtll{width:80%; float:right;}
.jtjj_rtll img{width:100%;}
.section2 .jtjj_lt p{opacity: 0;transform: translateX(-30px);-webkit-transform: translateX(-30px);-moz-transform: translateX(-30px);}
.section2.active .jtjj_lt p{opacity: 1;transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 1.4s;}

.xw_nr{width:1250px; margin:0 auto; z-index:9999; position:absolute;left:50%; margin-left:-625px; top:36%;}
.xw_nr_lt{width:625px; float:left;}
.xw_nr_rt{width:625px; float:right; background:#803e7e; height:400px;}
.xw_nr_rt ul{ padding:20px 35px;}
.xw_nr_rt ul li a{ border-bottom:1px dashed #8c558b; overflow:hidden; padding:22px 0; display:block;}
.xw_nr_rt ul li a:hover{ background:#eaad25;}
.xw_nr_rt ul li a:hover .xw_nr_rt_lt p,.xw_nr_rt ul li a:hover .xw_nr_rt_lt span{ color:#fff;}
.xw_nr_rt ul li .xw_nr_rt_lt{ float:left;width:65px; padding-top:10px;}
.xw_nr_rt ul li .xw_nr_rt_lt p{ background:url(../images/hx.jpg) no-repeat left center; text-align:right; line-height:24px; font-size:30px; font-weight:bold; color:#f9bf3c;}
.xw_nr_rt ul li .xw_nr_rt_lt span{ font-size:15px; color:#f9bf3c; line-height:20px; text-align:right; display:block;}
.xw_nr_rt ul li .xw_nr_rt_rt{ float:right;width:460px;}
.xw_nr_rt ul li .xw_nr_rt_rt p{ font-size:14px; font-weight:bold; color:#fff;}
.xw_nr_rt ul li .xw_nr_rt_rt span{ color:#fff; font-size:13px; line-height:20px;}
.xw_ltbj{width:50%; background:url(../images/xw_ltbj.jpg) no-repeat; background-size:100%;top:0; float:left; position:absolute;left:0; height:100%;background-position:100% 100%; z-index:1;}
.xw_rtbj{width:50%; background:url(../images/xw_rtbj.jpg) no-repeat; background-size:100%; top:0; float:right; position:absolute;right:0; height:100%;background-position:100% 100%; z-index:1;}
.section4 .xw_ltbj{ animation-direction: reverse; animation-duration: 1.5s; animation-delay:0s;}
.section4.active .xw_ltbj{animation-name: slideInLeft; animation-direction: normal; animation-duration: 1.5s; animation-delay:.5s;}
.section4 .xw_rtbj{ animation-direction: reverse; animation-duration: 1.5s; animation-delay:0s;}
.section4.active .xw_rtbj{animation-name: slideInRight; animation-direction: normal; animation-duration: 1.5s; animation-delay:.5s;}

.lx_nr2{ z-index:100;width:640px; height:640px; border:1px solid #fff; position:absolute;left:50%; margin-left:-320px;top:20%;-moz-border-radius:320px; -webkit-border-radius:320px;border-radius:320px;}
.lx_nr1{ z-index:100;width:600px; height:600px; border:1px solid #fff; position:absolute;left:50%; margin-left:-300px;top:20px;-moz-border-radius:300px; -webkit-border-radius:300px;border-radius:300px;}
.lx_nr{ z-index:100;width:560px; height:560px; background:rgba(250,250,250,0.9); position:absolute;left:50%; margin-left:-280px;top:20px;-moz-border-radius:280px; -webkit-border-radius:280px;border-radius:280px; text-align:center;}
.lx_nr ul{ padding:10%;}
.lx_nr ul p{ font-size:34px; color:#131313;}
.lx_nr ul dl{ line-height:40px; font-size:14px; color:#131313;}
.lx_yu1{width:120px; height:120px; text-align:center; position:absolute;left:-6%;top:40%; color:#fff; z-index:9999;}
.lx_yu1 a{width:120px; height:120px; color:#fff; display:block; font-size:18px; line-height:40px; background:#feb000;-moz-border-radius:60px; -webkit-border-radius:60px;border-radius:60px;}
.lx_yu1 a i{ font-size:50px;  padding-top:20px; display:block;}
.lx_yu1 a:hover{width:120px; height:120px; background:#803e7e; text-align:center;color:#fff;-moz-border-radius:60px; -webkit-border-radius:60px;border-radius:60px; z-index:9999;}
.lx_yu2{width:120px; height:120px; text-align:center; position:absolute;right:-6%;top:40%; color:#fff; z-index:9999;}
.lx_yu2 a{width:120px; height:120px; color:#fff; display:block; font-size:18px; line-height:40px; background:#feb000;-moz-border-radius:60px; -webkit-border-radius:60px;border-radius:60px;}
.lx_yu2 a i{ font-size:50px;  padding-top:20px; display:block;}
.lx_yu2 a:hover{width:120px; height:120px; background:#803e7e; text-align:center;color:#fff;-moz-border-radius:60px; -webkit-border-radius:60px;border-radius:60px; z-index:9999;}


.wrapper {
  width: 100%;
  height: 100%;
}
.wrapper section { overflow:hidden;
  width: calc(100% / 3);
  height: 100%;
  float: left;
  transition-duration: 0.5s;
  position: relative;
}
.wrapper section::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background:rgba(0, 0, 0, 0.7);
  opacity: 1;
  transition: 0.3s;
}
.wrapper section.sec01 {
  background: url("../images/x01.jpg");
}
.wrapper section.sec02 {
  background: url("../images/x02.jpg");
}
.wrapper section.sec03 {
  background: url("../images/x03.jpg");
}
.wrapper section.sec01, .wrapper section.sec02, .wrapper section.sec03 {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.wrapper:hover section:hover {
  width: 40%;
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}
.wrapper:hover section:hover::before {
  opacity: 0;
}
.wrapper:hover section:not(:hover) {
  width: 30%;
}

.alternative {
  display: inline-block;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: "Lato", Arial, sans-serif;
  letter-spacing: 0.08em;
  line-height: 1;
  font-size: 2.4rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  background: rgba(0, 0, 0, 0.4);
  padding: 0.6em 1em;
}
.alternative a {
  margin-top: 15px;
  font-size: 1.2rem;
  display: block;
  padding: 0.6em 0;
  background: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  transition-duration: 0.3s;
}
.alternative a:hover {
  background: rgba(255, 255, 255, 0.6);
  color: #333;
}

.sec01_nr{ color:#fff; z-index:9999; position:absolute;top:50%;left:10%;}
.sec01_nr a p{ color:#fff; font-size:20px; background:url(../images/xi.jpg) no-repeat left top; display:block; padding-top:20px; line-height:30px;}
.sec01_nr a{ color:#fff; display:block;}
.sec01_nr a i{ color:#fff; line-height:40px;}


@-webkit-keyframes slideInLeft{
	from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
	to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInLeft{
	from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
	to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes slideInRight{
	from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
	to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInRight{
	from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
	to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}

/*banner背景图片动画*/
@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
.active .asd{    
	animation-name: fadeInDown;
    animation-direction: normal;
    animation-duration: 1.5s;
    animation-delay:.4s;
	
	}
.active .asd1{    
	animation-name: fadeInDown;
    animation-direction: normal;
    animation-duration: 1.5s;
    animation-delay:.8s;
	
	}
.active .asd2{    
	animation-name: fadeInDown;
    animation-direction: normal;
    animation-duration: 1.5s;
    animation-delay:1.2s;
	
	}

@-webkit-keyframes fadeInDown{
	from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
	to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{
	from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
	to{opacity:1;-webkit-transform:none;transform:none}
}
.section.active .asd3{
	visibility: visible; 
	-webkit-animation:scale-bg 6s linear forwards;
	animation:scale-bg 6s linear forwards;
}

/*banner */
.index_main{
	background: #f7f7f7;
}
.index_main .section1{
	position: relative;
}
.index_main .section1 .index_banner .item{
	background-size: cover;
	-webkit-background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	height:100vh;
	position: relative;
}
.index_main .section1 .index_banner .item.slick-current .scaleBg{
	visibility: visible; 
	-webkit-animation:scale-bg 6s linear forwards;
	animation:scale-bg 6s linear forwards;
}
.index_main .section1 .index_banner .items{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.index_main .section1 .index_banner .items:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.index_main .section1 .index_banner .item .inner .block_txt{
	position: absolute;
	top: 40%;
	right: 10px;
	left:50%;
	margin-left: -219px;
	opacity: 0; 
	transform: translateY(40px);
	-webkit-transform: translateY(40px); 
	-webkit-transition: all 500ms ease; 
	transition: all 500ms ease;
}
.index_main .section1 .index_banner .item.active .inner .block_txt{
	opacity: 1; 
	-webkit-transform: translateY(0); 
	transform: translateY(0); 
	-webkit-transition-delay: 100ms; 
	transition-delay: 100ms;
}
.index_main .section1 .index_banner .item .inner .block_txt h4{
	font-size: 30px;
	color: #fff;
	text-align: center;
	font-family: 'COCO';
}
.index_main .section1 .index_banner .item .inner .block_txt h2{
	color: #fff;text-shadow: 1px 1px 0 #000;
	font-size: 70px;
	font-weight: bold;
	text-align:center;
	letter-spacing:5px;
}
.index_main .section1 .index_banner .item .inner .block_txt h2 span{
	color: #fff;text-shadow: 1px 1px 0 #000;
	display: inline-block;
	letter-spacing: 5px;
}
.index_main .section1 .index_banner .item .inner .block_txt h3{
	color: #fff;
	font-size: 22px;
	text-align:center;
	margin-top: 10px;
	letter-spacing: 3px;
}
.index_main .section1 .slick_txt{
	width:30%;
	margin: 0px auto;
	height: 100%;
	background-color: transparent;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease; 
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	font-size: 0;
	outline: none;
	border:0;
}
.index_main .section1 .left{
	left: 0;
}
.index_main .section1 .right{
	right:0;
}
.index_main .section1 .slick_txt:hover .slick_arrow{
	opacity: 1;
	visibility: visible;
}
.index_main .section1 .slick_txt .slick_arrow{
	width: 20px;
	height: 36px;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: -18px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
	opacity: 0;
	visibility: hidden;
}
.index_main .section1 .slick_txt .prev{
	background-image:url(../image/ban_prev.png);
	left:60px;
}
.index_main .section1 .slick_txt .next{
	background-image:url(../image/ban_next.png);
	right:60px;
}
.index_main .section1 .slick_txt .prev:hover{
	background-image:url(../image/ban_prev_hover.png);
}
.index_main .section1 .slick_txt .next:hover{
	background-image:url(../image/ban_next_hover.png);
}
.index_main .section1 .number{
	position: absolute;
	bottom:8%;
	left: 50%;
	padding-bottom: 5px;
	/*border-bottom: 1px solid rgba(255,255,255,0.2);*/
	display: table;
	padding: 0 20px;
	width: auto;
	text-align: center;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.index_main .section1 .number span{
	font-family: "Myriad Pro","Microsoft YaHei";
	font-size: 14px;
	color: #fff;
	margin-right:60px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
}
.index_main .section1 .number span.active{ color: #fce003;}
.index_main .section1 .number span.active:after{ background: #fce003;}
.index_main .section1 .number span:last-child{
	margin-right: 0;
}
.index_main .section1 .number span:after{
	content: "";
	display: inline-block;
	width: 0;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 200%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom:8px;
	opacity: 0;
	visibility: hidden;
	transition: all 500ms ease;
	-webkit-transition:all 500ms ease;
}
.index_main .section1 .number span.active:after{
	width: 100%;
	opacity: 1;
	visibility: visible;
}

.index_main .section2{
	background:url(../images/s_01.jpg) no-repeat;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
}
.index_main .section2 h3{
	text-align: center;
}
.index_main .section3{
	background:url(../images/zp.jpg) no-repeat;
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.index_main .section3_nr h3{
	text-align: center; color:#fff;
}
.index_main .section3_nr a{width:130px; height:38px; background:#ff9c00; text-align: center; font-size:16px; color:#fff; display:block; line-height:38px; margin:0 auto;-moz-border-radius:14px; -webkit-border-radius:14px;border-radius:14px;}
.index_main .section4{
	background: #f5f5f5;
}
.index_main .section4 h3{
	text-align: center;
}
.section3_nr{ z-index:9999; overflow:hidden; position:absolute;left:50%; margin-left:-170px; margin-top:-20px;}
.section3_bj{background:rgba(0,0,0,0.5);overflow: hidden; z-index:1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;    
   }
.section3_t{ text-align:center;}
.index_main .section6{
	background:url(../images/lx_bj.jpg) no-repeat;
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

@media only screen and (max-width: 1600px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 28px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 60px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 20px;
	}
}
@media only screen and (max-width: 1440px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 24px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 40px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 18px;
		margin-top: 5px;
	}
}
@media only screen and (max-width: 1366px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 20px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 26px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 16px;
	}
	.index_main .section1 .index_banner .slick-arrow{
		background-size: auto 30px;
	}
}
@media only screen and (max-width: 1300px){

}
@media only screen and (max-width: 1199px){
	.index_main .section1 .index_banner .item .inner .block_txt h4{
		font-size: 18px;
	}
	.index_main .section1 .index_banner .item .inner .block_txt h2{
		font-size: 22px;
		}
	.index_main .section1 .index_banner .item .inner .block_txt h3{
		font-size: 14px;
	}
}
@media only screen and (max-width: 992px){
	.index_main .section1 .index_banner .item{
		height: 100vh;
	}
	.index_main .section1 .index_banner .item .inner .block_txt{
		left: 0;
		right:0;
		margin: 0 auto;
		padding: 0 20px;
		top: 42%;
	}
	.index_main .section1 .index_banner .slick-arrow{
		display: none !important;
	}
    .index_main .section1 .index_banner .slick-dots{
    	position: absolute;
    	bottom: 12px;
    }
    .index_main .section1 .index_banner .slick-dots li{
    	width: 12px;
    	height: 12px;
    	border-radius: 50%;
    	border:2px solid #fff;
    }
    .index_main .section1 .index_banner .slick-dots li button{
    	display: none;
    }
    .index_main .section1 .index_banner .slick-dots li.slick-active{
    	background: #fff;
    }
	.index_main .section1 .number{
		bottom: 12%;
		display: none;
	}
	.index_main .section1 .number span{
		margin-right: 22px;
	}
	.index_main .section1 .number span:after{
		bottom: -14px;
	}

}
@media only screen and (max-width: 767px){
    
}
@media only screen and (max-width: 340px){
 
}
@media only screen and (max-width: 320px){
	
}