body{

	max-width: 1920px;

	width:100%;

	margin: 0 auto !important;

	position: relative;

	overflow: hidden;

}

.xg2 .fp-tableCell{

	bottom: -100%;

	opacity: 0;

}

.xg3 .fp-tableCell{

	bottom: -100%;

	opacity: 0;

	

}

.xg4 .fp-tableCell{

	bottom: -100%;

	opacity: 0;

}

.xg51{

	display: none !important;

}

.xg5{

	display: table !important;

}

.xg5 .fp-tableCell{

	bottom: -100%;

	opacity: 0;

}

.xg6 .fp-tableCell{

	bottom: -100%;

	opacity: 0;

}

.xg7 .fp-tableCell{

	bottom: 0;

    opacity: 1;

}



/*1920*/



	.startDiv canvas{

		z-index: 1000 !important;

    	height: 100vh !important;

	}

	.footer{

		width:100%;

		position: absolute;

    	bottom: 0;

	}

	.footer_top{

		width:100%;

		background:#f0f0f0;

		border-bottom: 1px solid #fff;

	}

	.footer_top ul{

		width:100%;

		max-width: 1500px;

		display: flex;

	    justify-content: space-between;

	    align-items: flex-start;

	    margin: 0 auto;

	    padding: 40px 0;

	}

	li.top_li1>p{

		font-size: 16px;

		text-align: center;

		margin-top: 15px;

		letter-spacing: 5px;

	}

	.top_li1 img{

		width:200px;

	}

	.top_li2 h3{

		font-size: 16px;

		margin-bottom: 20px;

	}

	.top_li2_div{

		display: flex;

	    justify-content: space-between;

	    align-items: center;

	}

	.top_li2_div span{

		display: flex;

	    justify-content: space-between;

	    align-items: center;

	    margin-right:34px;

	}

	.top_li2_div a.booo1{ display:none;}

	.top_li2_div span img{

		margin-right: 15px;

	}

	.top_li2_div span p{

		line-height:22px;

	}

	.top_li3 h3{

		font-size: 16px;

		margin-bottom: 15px;



	}

	.top_li3 p{

		font-size: 14px;

		line-height:24px;

	}







	.footer_cent_top{

		width: 100%;

		background:#f0f0f0;

		height:50px;

		line-height: 50px;

		padding: 0 30px;

    box-sizing: border-box;

	}

	.footer_cent {

	    width: 100%;

	    

	    margin: 0 auto;

	    overflow: hidden;

	    

	    max-width: 1500px;

	}

	.footer_cent span:nth-child(1){

		font-size: 14px;

		color:#666666;

		float:left;

	}

	.footer_cent span:nth-child(2){

		font-size: 14px;

		color:#666666;

		float:right;

	}

	.play_video{

		width:100%;

		position: fixed;

		height:0%;

		left:0%;

		opacity: 0;

		top:50%;

	    transition: width 3s;

	    padding: 100px;

	    background:#000;

	    box-sizing: border-box;

	    z-index: 1000;

	    display:none;

	}

	.guanbi{

		position: absolute;

	    right: 25px;

	    top: 25px;

	    width: 60px;

	    height: 60px;

	    cursor: pointer;

	}

	.guanbi img{

		width:100%;

	}

	.play_video video{

		width:100%;

		height:100%;

	}

   .nav_top{

		position: absolute;

	    width: 100%;

	    left: 0;

	    padding: 2.5% 3%;

	    z-index: 1000;

	    display: -webkit-flex;

	    display: flex;

	    justify-content: space-between;

		box-sizing: border-box;

		

	}

	.nav_top2_listbg{

		background: #fff;

	}

	.nav_logo{

		width:8%;

		/*display: flex;

	    align-items: center;*/

	}

	.nav_logo img {

	    width: auto;

	    

	}

	.menu{

		display: -webkit-flex;

    	display: flex;

    	width: 70%;

	}

	.menu li{

		text-align: center;

		width: 14.85%;
		 position:relative;

	}

	.menu li.active a{

		color:#c49858;

	}

	.menu li a:hover{

		color:#c49858;

	}
.menu li:hover a{color:#c49858;}
	.menu li a span{

		font-size: 20px;

		display: block;

	}

	.menu li a b{

		font-size: 16px;

		margin-top:15px;

		display: block;

	}

	.nav_right{

		font-size: 16px;

		border:1px solid #bfbfbf;

		height:40px;

		line-height: 40px;

		text-align: center;

		border-radius: 30px;

		padding: 0 30px;

	}

	.index_one_bg{

		background:url(../images/index_01_bg.jpg) center center no-repeat;

		position:relative;

		

	}

	.index_one_top{

		width:17%;

		position: absolute;

		top:-20px;

		left:0;

		margin-left:10%;

	}

	.index_one_top img{

		width:100%;

	}

	.index_one_bottom{

		width: 0%;

		position: absolute;

		bottom:0;

		right:0;

		overflow: hidden;

		opacity: 0;

	}

	.index_one_bottom img{

		width:100%;

	}

	.index_one_text{

		height:100%;

	}

	.index_one_p{

		margin-left: 18%;

	    font-size: 58px;

	    margin-top: 20%;

	    position: relative;

	}

	.index_one_p span{

		font-size: 150px;

	    position: relative;

	    top: 100px;

	    font-weight: bold;

	    color: #c49859;

	}

	.index_one_text>span{

		display: inline-block;

		width:129px;

		height:129px;

		position: absolute;

		left:5%;

		bottom:7%;

		cursor:pointer;

	}

	.index_one_bottom_txt{

		position: absolute;

		top:20%;

		left:26%;

	}

	.index_one_text>span p {

    font-size: 26px;

    text-align: center;

    margin-top: 14px;

    color: #fff;

}

	.index_one_bottom_txt p{

		font-size: 20px;

    	line-height: 32px;

	    margin-bottom: 15px;

	}

	.index_one_bottom_txt p:first-child{

		font-size: 30px;

    	line-height: 36px;

	    color: #fff;

	}





	/*第二屏*/

	.index_two_bg{

		position: relative;

	}

	.index_two_left_botm{

		position: absolute;

		left:0;

		bottom:0;

		width: 26%;

	}

	.index_two_left_botm img{

		width:100%;

	}

	.index_two_right_botm{

		position: absolute;

		right:-15px;

		bottom:0;

		width:35%;

		z-index: 10;

	}

	.index_two_right_botm img{

		width:100%;

	}

	.index_two_right_botm_shuidi{

		position: absolute;

	    top: 125px;

	    left: 282px;

	    width: 72px;

	    height: 72px;

	}

	.index_two_right_botm_shuidi img{

		width:100%;

	}

	.index_two_text{

		/*height:100%;

		padding-top: 14%;*/

		position: relative;

	}

	.index_two_text_left{

		width:26%;

		color:#c49858;

		float:left;

	}

	.index_two_text_left p{

		text-align: right;

		font-size: 100px;

    	line-height: 90px;

    	right: -26px;

    	position: relative;

    	font-weight: bold;

	}

	.index_two_text_left span{

		text-align: right;

		font-size: 56px;

		display: inline-block;

		width:100%;

		margin-top:50px;

	}

	.index_two_text_cent{

		width:50%;

		float:left;

		background:#fff;

		position: relative;

		box-shadow: 18px -15px 60px 8px rgba(0,0,0,0.1);

	}

	.index_two_text_cent_txt{

		padding: 46px 0 60px 108px;

	}

	.index_two_text_cent_txt h3{

		font-size: 24px;

		color:#b08a53;

		line-height: 34px;

	}

	.index_two_text_cent_txt p{

		font-size: 18px;

		color:#b08a53;

		margin:28px 0 35px 0;

	}

	.index_two_text_cent_txt h4{

		font-size: 16px;

		line-height: 24px;

	}

	.index_two_text_cent_img{

		position: absolute;

		top:0;

		right:0;

		width:40%;

	}

	.index_two_text_cent_img img{

		width:100%;

	}





	/*第三屏*/

	.index_three_text {

	    position: relative;

	    margin-top: 6%;

	}

	.index_three_text{

	}

	.index_three_text ul{

		padding:0 5%;

		overflow: hidden;

	}

	.index_three_text ul li{

		width:25%;

		float:left;

		text-align: center;

		position: relative;

		cursor:pointer;

	}

	.index_three_text ul li>img{

		width:85%;

		



	}

	.index_three_text ul li:hover b img{

	    top: -10px;

	}

	.index_three_text ul li b{

		position: absolute;

		left: 3px;

    	bottom: 200px;

    	

	}

	.index_three_text ul li b img{

		transition: all 1s;

		-moz-transition: all 1s;	/* Firefox 4 */

		-webkit-transition: all 1s;	/* Safari 和 Chrome */

		-o-transition: all 1s;	/* Opera */

		position: relative;

    	top: 0px;

	}

	.index_three_text ul li h3{

		font-size: 18px;

		color:#808080;

		margin-top:50px;

		margin-bottom:18px;

	}

	.index_three_text ul li p{

		font-size: 22px;

		margin-bottom:54px;

	}

	.index_three_text ul li a{

		/*padding:12px 30px;*/

		/*border:1px solid #1a1a1a;*/

		display: inline-block;

		font-size: 18px;

		background:url(../images/12345_03.png) 50% 50% no-repeat;

		background-size: 100% 100%;

		border: 2px solid transparent;

		width:128px;

		height:35px;

		line-height:35px;

	}

	.index_three_text ul li a:hover{

		background:#c49858;

		color:#fff;

		border:1px solid #c49858;

	}

	.index_three_text ul li b.index_3_02_b{

		left:70px;

	}

	.index_three_text .swiper-wrapper{

	    width: 100% !important;

	    box-sizing: border-box !important;

	}

	/*四*/

	.index_four_text{

		height: 100%;

	    background: url(../images/index4_bg.png) 75% 50% no-repeat;

	    background-size: 80%;

	}

	.index_four_texts {

	    width: 40%;

	    text-align: left;

	    padding-top: 16%;

	    padding-left: 18%;

	    box-sizing: border-box;

	    z-index: 100;

	}

	.index_four_texts p{

		font-size: 90px;

		color:#c49858;

		position: relative;

		font-weight: bold;

	}

	.index_four_texts p b{

		position: absolute;

		bottom:-5px;

		left:0;

		width:100px;

		height:5px;

		background:#c49858;

	}

	.index_four_texts h3{

		font-size: 50px;

		color:#c49858;

		margin: 40px 0 58px 0;

	}

	.index_four_texts a{

		font-size: 18px;

		color:#1a1a1a;

		padding: 12px 30px;

	    display: inline-block;

	    font-size: 18px;

	    position: relative;

	    background:url(../images/12345_03.png) 50% 50% no-repeat;

		background-size: 100% 100%;

		z-index: 1000000000;

	}

	.index_four_texts a:hover{

		background:#c49858;

		color:#fff;

		border:1px solid #c49858;

	}

	/*五*/

	.index_five_text{

		background:url(../images/index5_bg.png) 75% 50% no-repeat;

		background-size: 80%;

	}

	.index_five_texts{

		padding-left: 15%;

	}

	/*六*/

	.index_six_text{

		background:url(../images/index6_bg.png) 50% 50% no-repeat;

		/*background-size: 100% 100%;*/

	}

	.index_six_text_cent{

		overflow: hidden;

	}

	.index_six_left{

		width:25%;

		float:left;

		text-align: right;

	}

	.index_six_left p{

		font-size: 100px;

	    color: #c49858;

	    font-weight: bold;

	    margin-bottom: 15px;

	}

	.index_six_left h3{

		font-size: 56px;

		color:#c49858;

	}

	.index_six_right{

		width: 37%;

	    float: left;

	    z-index: 10;

	    position: relative;

	    margin-left: 8%;

	    padding-bottom: 0px;

	}

	.index_six_right span{

		font-size: 18px;

		color:#b2b2b2;

		margin-bottom:25px;

		display: inline-block;

	}

	.index_six_right p a{

		font-size: 18px;

		color:#b08a53;

		margin-bottom:30px;

		line-height: 28px;

		display: inline-block;

	}

	.index_six_right a img{

		width: 100%;

	}

	.index_six_right_yezi{

		position: absolute;

	    top: 100px;

	    width: 38%;

	    right: -10px;

	}

	@keyframes drip{

		50%{

			-webkit-transform: rotate(3deg);

			-moz-transform: rotate(3deg);

			-ms-transform: rotate(3deg);

			-o-transform: rotate(3deg);

			transform: rotate(3deg);

		}

	}

	@keyframes water{

	50%{

		-webkit-transform: translate(10px, -10px);

		-moz-transform: translate(10px, -10px);

		-o-transform: translate(10px, -10px);

		transform: translate(10px, -10px);

		/* opacity: 0.3; */

	}

}



	.index_six_right_yezi img{

		width:100%;

	}

	.six_page{

		margin-top:65px;

	}

	.six_page a{

		display: inline-block;

		text-align: center;

		background:#fff;

		border:1px solid #1a1a1a;

		width: 35px;

	    height: 35px;

	    border-radius:0;

	    opacity: 1;

	    margin-right:24px;

	    font-size: 20px;

	    line-height: 35px;

	}



	.six_page span{

		display: inline-block;

		text-align: center;

		background:#fff;

		border:1px solid #1a1a1a;

		width: 35px;

	    height: 35px;

	    border-radius:0;

	    opacity: 1;

	    margin-right:24px;

	    font-size: 20px;

	    line-height: 35px;

	}

	.six_page span.active{

		background:#c49858;

		border:1px solid #c49858;

		color:#fff;

	}

	.six_page .prev{

		display: none;

	}

	.six_page .next{

		display: none;

	}

	.index_six_right_index .index_six_right_index_txt{

		display:none;

	}

	.index_six_right_index .index_six_right_index_txt2{

		display:block;

	}

	/*七*/

	.index_seven_text{

		position: relative;

	}

	.xg7_77{

		background:url(../images/index7_bg.jpg) 50% 50% no-repeat;

		height: 100%;

	}

	.index_seven_top{

		width:17%;

		position: absolute;

		top:-20px;

		right:0;

		margin-right:5%;

	}

	.index_seven_top img{

		width:100%;

		transform: rotateY(180deg);

	}

	.index_seven_bottom{

		width: 32%;

		position: absolute;

		left:0;

		bottom:0;

	}

	.index_seven_bottom img{

		width:100%;

		transform: rotateY(180deg);

	}

	.index_seven_bottom_txt{

		position: absolute;

		top:20%;

		left:20%;

	}

	.index_seven_bottom_txt p{

		font-size: 64px;

		color:#fff;

	}

	.index_seven_bottom_txt h3{

		font-size: 36px;

	    color: #1a1a1a;

	    margin-top: 20px;

	}

	.index_seven_bottom_txt h4{

		font-size: 24px;

	    color: #1a1a1a;

	    margin: 20px 0 20px 0;

	}

	.index_seven_bottom_txt h5{

		font-size: 20px;

		color:#1a1a1a;

		line-height: 34px;

	}

	#section-footer{

		background:#212020;

	}

	#section-footer #footer-text{

		height: 224px !important;/*设置尾屏高度*/

	}

	#footer-text{

		top:0;

		bottom:auto;

	}

	#footer-text .footer_top ul {

		padding: 40px 30px 30px 30px;

		box-sizing:border-box;

	}







	@media(max-width:1680px){

	.index_seven_bottom_txt h5{

		font-size: 20px;

		color:#1a1a1a;

		line-height:30px;

	}	

		.index_seven_bottom_txt{

		position: absolute;

		top:16%;

		left:14%;

	}

	}

	.index_seven_bottom_txt a{

		font-size: 18px;

	    color: #1a1a1a;

	    padding: 12px 30px;

	    display: inline-block;

	    margin-top: 22px;

	    background:url(../images/12345_03.png) 50% 50% no-repeat;

		background-size: 100% 100%;

	}

	.index_seven_bottom_txt a:hover{

		background:#c49858;

		color:#fff;

		border:1px solid #c49858;

	}



	/*列表页*/

	.nav_left{

		position: fixed;

		left:0;

		top:50%;

		width:26%;

		margin-top:-10%;

		z-index: 100;

		background:url(../images/list_ont_1.png) 0% 0% no-repeat;

	}

	.nav_left ul{

		padding-left:32%;

	}

	.nav_left ul li a {

    font-size: 18px;

    color: #1a1a1a;

    line-height: 40px;

}

	.nav_left ul li a span{

		display: inline-block;

		width:0;

		transition: all 0.4s;

		-moz-transition: all 0.4s;	/* Firefox 4 */

		-webkit-transition: all 0.4s;	/* Safari 和 Chrome */

		-o-transition: all 0.4s;	/* Opera */

	}

	.nav_left ul li.active a{

		color:#c49858;

	}

	.nav_left ul li.active a span{

		width:64px;

		height:1px;

		background:#c49858;

		display: inline-block;

		position: relative;

	    top: -5px;

	    margin-right: 10px;

	}

	.nav_left ul li a:hover{

		color:#c49858;

	}



	/*list_page1*/

	.list_one_cent{

		width: 60%;

    	margin-left: 28%;

    	margin-top:5%;

	}

	.list_one_left{

		width:31%;

		float:left;

		margin-top: 12%;

	}

	.list_one_left img{

		width:100%;

	}

	.list_one_right{

		width:60%;

		float:right;

	}

	.list_one_right_bg_img {

	    background: url(../images/list_onr_2.png) 90% 50% no-repeat;

	    background-size: 22%;

	}

	.list_one_right_bg_img p {

	    font-size: 40px;

	    color: #c49858;

	    line-height: 50px;

	}

	.list_one_right h3 {

    font-size: 30px;

    color: #383838;

    margin-top: 20px;

}

	.list_one_right h4{

		font-size: 20px;

		color:#808080;

		margin-top:15px;

	}

	.list_one_right h5{

		font-size: 16px;

		color:#1a1a1a;

		margin-top:20px;

		line-height: 24px;

		margin-bottom:20px;

	}

	.list_one_right h5 p{}

	.list_one_right span{

		font-size: 30px;

		color:#c49858;

		margin-bottom:15px;

		display: inline-block;

	}

	.list_one_right>p{

		font-size: 16px;

		color:#1a1a1a;

		line-height: 32px;

	}

	.list_one_right a{

		color: #1a1a1a;

	    padding: 12px 30px;

	    background: url(../images/12345_03.png) 50% 50% no-repeat;

    	background-size: 100% 100%;

    	border: 2px solid transparent;

	    display: inline-block;

	    font-size: 18px;

	    margin-top:20px;

	    background-size: 100% 100%;

	}

	.list_three_left{

		width:40%;

	}

	.list_three_right{

		width: 52%;

	}

	.list_one_right a:hover{

		background:#c49858;

		color:#fff;

		border:1px solid #c49858;

	}

	@media(max-width:1600px){

	.list_one_right>p{

		font-size: 14px;

		color:#1a1a1a;

		line-height: 24px;

	}

	.list_one_right_bg_img p{

		font-size: 40px;

		color:#c49858;

	}	

	}



	/*故事*/

	.story_cent{

		width:74%;

		float:right;

		padding-top:15%;

		padding-bottom: 250px;

	}

	.story_cent_div1{

		overflow: hidden;

	}

	.story_cent_div1_img{

		width:27%;

		float:left;

	}

	.story_cent_div1_img img{

		width:100%;

	}

	.story_cent_div1_txt{

		width:50%;

		float:left;

		margin-left:8%;

	}

	.story_cent_div1_txt p{

		font-size: 70px;

		color:#c49858;

	}

	.story_cent_div1_txt h2{

		font-size: 36px;

	    color: #383838;

	    line-height: 50px;

	    margin-top: 25px;

	}

	.story_cent_div1_txt h3{

		font-size: 16px;

		color:#383838;

		margin:35px 0 52px 0;

	}

	.story_cent_div1_txt h4{

		font-size: 16px;

		color:#383838;

		margin-bottom:35px;

		display: inline-block;

		line-height: 30px;

	}

	.story_cent_div1_txt h5{

		font-size: 16px;

		color:#383838;

		line-height: 30px;

	}

	.story_cent_div2{

		margin-top: 200px;

	}

	.div2_title{

		

	}

	.div2_title h3{

		font-size: 72px;

		color:#c49858;

	}

	.div2_title h2{

		font-size: 36px;

		color:#383838;

		margin:30px 0;

	}

	.div2_title p{

		width:50%;

		font-size: 16px;

		color:#1a1a1a;

		line-height: 30px;

	}

	.div2_img{

		position: relative;

		width:70%;

		margin:58px 0 90px 0;

	}

	.div2_img img{

		width:100%;

	}

	.div2_img b{

		position: absolute;

	    top: -166px;

	    right: -151px;

		width:151px;

		height:166px;

		display: inline-block;

	}

	.div2_img_2{

		width:70%;

		position: relative;

		margin-bottom:80px;

	}

	.div2_img_2:after {

	    content: '.';

	    height: 0;

	    display: block;

	    clear: both;

	}

	.div2_img_2_left{

		width: 54%;

	}

	.div2_img_2_left img{

		width: 100%;

	}

	.div2_img_2_right{

		width:60%;

		position: absolute;

		right:0;

		background:#fff;

		top: 50%;

    	margin-top: -15%;

		padding:36px 44px;

		box-sizing:border-box;

		box-shadow: 0px 0px 40px 10px rgba(0,0,0,0.1);

	}

	.div2_img_2_right h2{

		font-size: 36px;

		color:#383838;

		line-height: 40px;

		margin-bottom:40px;

	}

	.div2_img_2_right p{

		font-size: 16px;

		color:#1a1a1a;

		line-height: 30px;

		

	}

	.div2_img_2_right2{

		position: absolute;

		left: 25px;

    	margin-top: -20%;

	}

	.div2_img_2_left2{

		float: right;

	}

	.div2_img_2_right2 p{

		margin-bottom:25px;

	}

	.story_cent_div3{

		width:70%;

		padding-top: 140px;

	}

	.story_cent_div3_txt{

		width:48%;

		border:8px solid #f3eade;

		margin:0 auto;

		position: relative;

		text-align: center;

		padding-bottom: 80px;

		box-sizing: border-box;

	}

	.story_cent_div3_txt b{

		position: absolute;

		height:220px;

		width:1px;

		background:#c4c4c4;

		display: inline-block;

		top:-100px;

		left:50%;

	}

	.story_cent_div3_txt h2{

		font-size: 72px;

		color:#c49858;

		margin:110px 0 30px 0;

		line-height: 64px;

	}

	.story_cent_div3_txt h3{

		font-size: 24px;

		color:#383838;

		line-height: 38px;

	}

	.story_cent_div3_txt h4{

		font-size: 16px;

		color:#999999;

		margin:14px 0 40px 0;

	}

	.story_cent_div3_txt h5{

		font-size: 14px;

		color:#808080;

		line-height: 32px;

	}

	.story_cent_div3_txt p{

		font-size: 14px;

		color:#262626;

		margin-top:22px;

	}

	.story_cent_div4{

		width:70%;

		margin-top:100px;

	}

	.div4_title{

	

	}

	.div4_title p{

		font-size: 72px;

    	color: #c49858;

	}

	.div4_cent{

		overflow: hidden;

    	margin-top: 50px;

	}

	.div4_cent ul.div4_cent_left{

		width:36%;

		float:left;

	}

	.div4_cent ul.div4_cent_cent{

		width:28%;

		float:left;

		margin-top: 66px;

	}

	.div4_cent ul.div4_cent_right{

		width:36%;

		float:left;

		margin-top: 190px;

	}

	.div4_cent ul li{

		width:100%;

	}



	.div4_cent ul li img{

		width:100%;

	}

	.div4_cent ul li h2{

		border:8px solid #f3eade;

		width:100%;

		box-sizing:border-box;

	}

	.div4_cent ul li h2 img{

		width:100%;

	}

	.div4_cent ul li h3{

		margin:25px 0 15px 0;

	}

	.div4_cent ul li h3 b{

		background:url(../images/div4_jt.jpg) 50% 50% no-repeat;

		display: inline-block;

		width:20px;

		height:14px;

	}

	.div4_cent ul li h3 span{

		font-size: 16px;

		color:#c49858;

		font-weight: bold;

		margin-left:10px;

	}

	.div4_cent ul li p{

		font-size: 16px;

		color:#1a1a1a;

		line-height: 24px;

		height: 75px;

    	margin-bottom: 21px;

	}

	/*.div4_cent_cent li{

		background: url(../images/div4_cent_cent01.jpg) 50% 50% no-repeat;

		height:17.4vh;

	}

	.div4_cent_cent li:nth-child(2n){

		background: url(../images/div4_cent_cent02.jpg) 50% 50% no-repeat;

		height:15.4vh;

	}*/

	.swiper-wrapper{

		width:55% !important;

	}

	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{



	}

	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{

		bottom: -50px;

	    left: 0;

	    width: 100%;

	}





/*1680*/

@media screen and (max-width: 1680px) {



	.index_one_bottom_txt p:first-child {

    font-size: 24px;

    line-height: 32px;

    color: #fff;

}

.index_one_bottom_txt p {

    font-size: 20px;

    line-height: 28px;

    margin-bottom: 12px;

}

.index_two_text_cent_txt {

    padding: 64px 0 78px 70px;

}



.index_two_right_botm_shuidi {

    left: 260px;

    top: 66px;

}

.index_four_texts p {

    font-size: 84px;

    color: #c49858;

    position: relative;

    font-weight: bold;

}

.index_four_texts h3 {

    font-size: 44px;

    color: #c49858;

    margin: 40px 0 58px 0;

}

.index_seven_bottom_txt p {

    font-size: 62px;

    color: #fff;

}

.index_seven_bottom_txt h3 {

    font-size: 36px;

    color: #1a1a1a;

    margin-top: 20px;

}





}

/*1536*/

@media screen and (max-width: 1537px) {

	.index_one_text>span p {

    font-size: 20px;

    text-align: center;

    margin-top: 12px;

    color: #fff;

}

	.menu li a span {

	    font-size: 18px;

	    display: block;

	}

	.menu li a b {

	    font-size: 14px;

	    margin-top: 12px;

	    display: block;

	}

	.nav_left ul li a {

    font-size: 16px;

    color: #1a1a1a;

    line-height: 36px;

}

	.index_one_top {

	    width: 15%;

	    margin-left: 10%;

	}

	.index_one_text>span {

    width: 90px;

    height: 90px;

    left: 5%;

    bottom: 7%;

}



.index_two_text_cent_txt h3 {

    font-size: 20px;

    color: #b08a53;

    line-height: 28px;

}

.index_two_text_cent_txt p {

    font-size: 16px;

    color: #b08a53;

    margin: 15px 0 15px 0;

    line-height: 20px;

}

.index_two_text_cent_txt h4 {

    font-size: 14px;

    line-height: 24px;

}

.index_two_text_cent_txt {

    padding: 20px 0 18px 70px;

}

.index_two_text_left span {

    font-size: 44px;

    margin-top: 40px;

}

.index_one_p {

    font-size: 50px;

    margin-top: 22%;

}

.index_one_p span {

    font-size: 110px;

    top: 100px;

}

.index_one_text>span img{

	width:100%;

}

.index_one_bottom_txt p {

    font-size: 14px;

    line-height: 24px;

    margin-bottom: 15px;

}

.index_one_bottom_txt p:first-child {

    font-size: 24px;

    line-height: 30px;

    color: #fff;

}

.index_one_bottom {

    width: 35%;

 

}

.index_two_text_left p {

    font-size: 60px;

    line-height: 60px;

    right: -15px;

}

.index_two_text_left span {

    font-size: 34px;

    margin-top: 35px;

}

.index_two_text_cent_txt {

    padding: 20px 0 24px 43px;

}

.index_two_text_cent_txt h3 {

    font-size: 20px;

    color: #b08a53;

    line-height: 32px;

}

.index_two_text_cent_img {

    position: absolute;

    top: 0;

    right: 0;

    width: 36%;

}

.index_two_text_cent_txt p {

    font-size: 18px;

    color: #b08a53;

    margin: 20px 0 14px 0;

}

.index_two_right_botm {

    width: 32%;

}

.index_two_right_botm_shuidi {

    position: absolute;

    top: 86px;

    left: 230px;

    width: 54px;

    height: 54px;

}

.index_three_text ul li b {

    position: absolute;

    left: -5px;

    bottom: 170px;

}

.index_four_texts p {

    font-size: 70px;

    color: #c49858;

    position: relative;

    font-weight: bold;

}

.index_four_texts h3 {

    font-size: 40px;

    color: #c49858;

    margin: 36px 0 44px 0;

}

.index_six_left p {

    font-size: 70px;

    color: #c49858;

    font-weight: bold;

    margin-bottom: 15px;

}

.index_six_left h3 {

    font-size: 40px;

    color: #c49858;

}

.six_page {

    margin-top: 40px;

}

.index_six_right {

    width: 34%;

}

.index_six_right_yezi {

    position: absolute;

    top: 110px;

    width: 30%;

    right: -12px;

}



.index_seven_text {

    

    position: relative;

    

}

.xg7_77{

	background: url(../images/index7_bg.jpg) 50% 50% no-repeat;

	background-size: 100%;

	

}

.index_seven_bottom {

    width: 0%;

}

.index_seven_bottom_txt p {

    font-size: 44px;

    color: #fff;

}

.index_seven_bottom_txt h3 {

    font-size: 24px;

    color: #1a1a1a;

    margin-top: 14px;

}

.index_seven_bottom_txt h4 {

    font-size: 18px;

    color: #1a1a1a;

    margin: 20px 0 20px 0;

}

.index_seven_bottom_txt h5 {

    font-size: 16px;

    color: #1a1a1a;

    line-height: 30px;

}

.index_seven_bottom_txt a {

    font-size: 16px;

    padding: 12px 25px;

}

.story_cent_div1_txt p {

    font-size: 40px;

}

.story_cent_div1_txt h2 {

    font-size: 24px;

    line-height: 40px;

    margin-top: 20px;

}

.story_cent_div1_txt h3 {

    font-size: 18px;

    margin: 26px 0 35px 0;

    line-height: 28px;

}

.story_cent_div1_txt h5 {

    font-size: 16px;

    line-height: 36px;

}

.story_cent_div2 {

    margin-top: 100px;

}

.div2_title h3 {

    font-size: 40px;

}

.div2_title h2 {

    font-size: 24px;

    margin: 24px 0;

}

.div2_title p {

    width: 50%;

    font-size: 16px;

    line-height: 36px;

}

.div2_img_2_right h2 {

    font-size: 18px;

    line-height: 30px;

    margin-bottom: 10px;

}

.div2_img_2_right p {

    font-size: 12px;

    line-height: 26px;

}

.story_cent_div1_txt h4 {

    font-size: 16px;

    line-height: 36px;

}

.div2_img_2_right {

    margin-top: -14%;

    padding: 22px 30px;

}

.div2_img_2_right2 {

    margin-top: -20%;

    padding: 22px 30px;

}

.story_cent_div3_txt {

    width: 60%;

}

.story_cent_div3_txt h2 {

    font-size: 40px;

    margin: 120px 0 20px 0;

    line-height: 48px;

}

.story_cent_div3_txt h3 {

    font-size: 24px;

    line-height: 30px;

}

.story_cent_div3_txt {

    width: 60%;

    padding: 0 40px 40px 40px

}

.story_cent_div3_txt h5 {

    font-size: 12px;

    line-height: 26px;

}

.story_cent_div3_txt h4 {

    font-size: 14px;

    margin: 14px 0 30px 0;

    line-height: 24px;

}

.story_cent_div3_txt p {

    font-size: 14px;



    margin-top: 22px;

}

.div4_title p {

    font-size: 40px;

}

.div4_cent ul li p {

    font-size: 14px;

    line-height: 24px;

    height: 67px;

    margin-bottom: 21px;

}

.footer_cent span:nth-child(1) {

    font-size: 12px;

}

.footer_cent span:nth-child(2) {

    font-size: 12px;



}

.index_two_text_left {

    width: 30%;

    color: #c49858;

    float: left;

}

.index_two_left_botm {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 30%;

    height: 200px;

}





.index_three_text ul li>img {

    width: 66%;

}

.index_three_text ul li h3 {

    font-size: 16px;

    color: #808080;

    margin-top: 50px;

    margin-bottom: 20px;

}

.index_three_text ul li a {

    font-size: 16px;

    width: 100px;

    height: 30px;

    line-height: 30px;

}

.index_three_text ul li b img {

    width: 75%;

}

.index_three_text {

    position: relative;

    margin-top: 8%;

}

.index_three_text ul li b {

    position: absolute;

    left: 26px;

    top: 197px;

}

.index_three_text ul li b.index_3_02_b {

    left: 50px;

}

.index_six_left p {

    font-size: 54px;

    color: #c49858;

}

.index_six_left h3 {

    font-size: 35px;

    color: #c49858;

}

.index_three_text ul li p {

    font-size: 20px;

    margin-bottom: 42px;

}

.index_four_text {

    height: 100%;

    background: url(../images/index4_bg.png) 62% 75% no-repeat;

    background-size: 70%;

}

.index_four_texts a {

    padding: 10px 20px;

    font-size: 16px;

    background: url(../images/12345_03.png) 50% 50% no-repeat;

    background-size: 100% 100%;

}

.index_four_texts p {

    font-size: 54px;

}

.index_four_texts h3 {

    font-size: 34px;

    margin: 36px 0 44px 0;

}

.index_five_text {

    background: url(../images/index5_bg.png) 60% 50% no-repeat;

    background-size: 68%;

}

.index_four_texts p b {

    bottom: -12px;

    left: 0;

}

.index_four_texts {

    width: 40%;

    text-align: left;

    padding-top: 18%;

    padding-left: 18%;

    box-sizing: border-box;

    z-index: 100;

}

.list_one_left {

    margin-top: 7%;

    width: 35%;

}

.list_img5{

	margin-top: 5%;

}

.list_img3{

	margin-top:7%;

}

.list_img1{

	margin-top: 8%;

}

.list_img1 img{

	width:90%;

}

.list_img11{

	margin-top:5%;

}

.list_img33{

	margin-top: 4%;

}

.list_img2{

	margin-top: 8%;

}

.list_img44{

	margin-top: 7%;

}

.list_img44 img{

	width:80%;

}

.list_img2 img{

	width:80%;

}

.list_one_right_bg_img p {

   font-size: 28px;

	line-height: 40px;

}

.list_one_right h3 {

    font-size: 18px;

    margin-top: 15px;

}

.list_one_right h4 {

    font-size: 16px;

    margin-top: 14px;

}

.list_one_right h5 {

    font-size: 14px;

    margin-top: 15px;

    line-height: 24px;

    margin-bottom: 15px;

}

.list_one_right span {

    font-size: 20px;

    color: #c49858;

    margin-bottom: 10px;

    display: inline-block;

}

.list_one_right>p {

    font-size: 13px;

    color: #1a1a1a;

    line-height: 24px;

}

.list_one_right_bg_img {

    background: url(../images/list_onr_2.png) 80% 50% no-repeat;

    background-size: 20%;

}

.list_one_right a {

    padding: 10px 15px;

    font-size: 16px;

    margin-top: 20px;

}

.nav_left ul {

    padding-left: 26%;

}

.div4_cent_cent li{

		margin-bottom:10px;

	}

	.div4_cent_cent li:nth-child(18){

		margin-bottom: 40px;

	}

	.div4_cent_cent li:nth-child(20){

		margin-bottom:20px;

	}

	.div4_cent_cent li:nth-child(23){

		margin-bottom:20px;

	}





}

/*1440*/

@media screen and (max-width: 1440px) {

	.menu li a span {

	    font-size: 16px;

	    display: block;

	}

	.menu li a b {

	    font-size: 12px;

	    margin-top: 10px;

	    display: block;

	}

	.index_four_texts {

	    padding-left: 6%;

	}

	.index_four_texts p {

	    font-size: 70px;

	}

	.index_seven_bottom_txt {

	    position: absolute;

	    top: 15%;

	    left: 15%;

	}

	.index_seven_bottom {

	    width: 32%;

	}

	.index_seven_bottom_txt p {

	    font-size: 44px;

	}

	

	.index_seven_bottom_txt h3 {

    font-size: 24px;

    color: #1a1a1a;

    margin-top: 10px;

}

	.index_seven_bottom_txt a {

	    margin-top: 24px;

	}

	.list_one_left{

		margin-top:8%;

	}

	.nav_left ul {

	    padding-left: 26%;

	}

	.list_one_right_bg_img p {

    font-size: 28px;

    line-height: 32px;

}

.list_one_right h3 {

    font-size: 18px;

    margin-top: 15px;

}

.list_one_right h4 {

    font-size: 16px;

    margin-top: 14px;

}

.list_one_right h5 {

    font-size: 14px;

    margin-top: 15px;

    line-height: 24px;

    margin-bottom: 15px;

}

.list_one_right span {

    font-size: 20px;

    color: #c49858;

    margin-bottom: 10px;

    display: inline-block;

}

.list_one_right>p {

    font-size: 14px;

    color: #1a1a1a;

    line-height: 28px;

}

.list_one_right a {

    padding: 8px 12px;

    font-size: 14px;

    margin-top: 18px;

}

.list_one_right_bg_img {

    background: url(../images/list_onr_2.png) 72% 50% no-repeat;

    background-size: 17%;

}

.list_one_cent {

    width: 68%;

    margin-left: 28%;

    margin-top: 7%;

}

.list_three_right {

    width: 56%;

}

.nav_left {

    width: 30%;

}

.div2_img_2_right h2 {

    font-size: 28px;

    line-height: 40px;

    margin-bottom: 16px;

}

.div2_img_2_right {

    margin-top: -19%;

    padding: 22px 30px;

}

.div2_img_2_right2{

	margin-top: -27%;

    padding: 22px 30px;

}

.div2_img_2_right2 p {

    margin-bottom: 15px;

}

.story_cent_div3_txt {

    width: 70%;

}

.div4_cent ul.div4_cent_cent {

    width: 28%;

    margin-top: 50px;

}

.div4_cent ul.div4_cent_right {

    margin-top: 135px;

}

.div4_cent ul li {

    width: 100%;

    margin-bottom: 20px;

}

/*.div4_cent_cent li{

	margin-bottom:15px;

	background: url(../images/div4_cent_cent01.jpg) 50% 50% no-repeat;

	height:17.4vh;

}*/

.index_two_right_botm_shuidi{

	    top: 53px;

    	left: 218px;

}

.index_two_right_botm_shuidi img {

    width: 90%;

}

.index_six_right {

    width: 38%;

    float: left;

    z-index: 10;

    position: relative;

    margin-left: 8%;

}

.index_six_right img{

	width:100%;

}



.index_one_bottom_txt p {

    font-size: 14px;

    line-height: 20px;

}

.index_one_bottom_txt p:first-child {

    font-size: 24px;

    line-height: 39px;

    line-height: 30px;

    color: #fff;

}

.index_two_text_cent_txt {

    padding: 60px 0 40px 43px;

}

.story_cent_div1_txt p {

    font-size: 34px;

}

.story_cent_div1_txt h2 {

    font-size: 20px;

    line-height: 34px;

    margin-top: 20px;

}

.story_cent_div1_txt h3 {

    font-size: 16px;

    margin: 26px 0 35px 0;

    line-height: 28px;

}

.story_cent_div1_txt h5 {

    font-size: 14px;

    line-height: 30px;

}

.story_cent_div2 {

    margin-top: 100px;

}

.div2_title h3 {

    font-size: 34px;

}

.div2_title h2 {

    font-size: 20px;

    margin: 24px 0;

}

.div2_title p {

    width: 50%;

    font-size: 14px;

    line-height: 28px;

}

.div2_img_2_right h2 {

    font-size: 18px;

    line-height: 30px;

    margin-bottom: 10px;

}

.div2_img_2_right p {

    font-size: 12px;

    line-height: 26px;

}

.div2_img_2_right {

    margin-top: -17%;

    padding: 22px 30px;

}

.story_cent_div1_txt h4 {

    font-size: 14px;

}

.div2_img_2_right2 {

    margin-top: -23%;

    padding: 22px 30px;

}

.story_cent_div3_txt {

    width: 60%;

}

.story_cent_div3_txt h2 {

    font-size: 34px;

    margin: 120px 0 20px 0;

    line-height: 48px;

}

.story_cent_div3_txt h3 {

    font-size: 20px;

    line-height: 30px;

}

.story_cent_div3_txt {

    width: 60%;

    padding: 0 40px 40px 40px

}

.story_cent_div3_txt h5 {

    font-size: 12px;

    line-height: 26px;

}

.story_cent_div3_txt h4 {

    font-size: 14px;

    margin: 14px 0 30px 0;

    line-height: 24px;

}

.story_cent_div3_txt p {

    font-size: 14px;



    margin-top: 22px;

}

.div4_title p {

    font-size: 40px;

}

.div4_cent ul li p {

    font-size: 14px;

    line-height: 24px;

    height: 67px;

    margin-bottom: 21px;

}

.footer_cent span:nth-child(1) {

    font-size: 12px;

}

.footer_cent span:nth-child(2) {

    font-size: 12px;



}









}

/*1280 1366*/

@media screen and (max-width: 1366px) {

	.menu li a span {

	    font-size: 16px;

	    display: block;

	}

	.menu li a b {

	    font-size: 12px;

	    margin-top: 10px;

	    display: block;

	}

	.nav_right {

	    font-size: 14px;

	    border: 1px solid #bfbfbf;

	    height: 34px;

	    line-height: 34px;

	    text-align: center;

	    border-radius: 30px;

	    padding: 0 24px;

	}

	.index_one_bottom_txt {

	    top: 15%;

	    left: 26%;

	}

	

	.index_six_right a img {

	    width: 52%;

	}

	

	.index_four_texts {

	    padding-top: 15%;

	    margin-left: 13%;

	}

	.six_page {

	    margin-top: 40px;

	}

	.index_seven_bottom {

	    width: 0%;

	}

	.index_seven_bottom_txt {

	    position: absolute;

	    top: 12%;

	    left: 20%;

	}

	.index_seven_bottom_txt h4 {

	    font-size: 16px;

	}

	.index_two_left_botm {

	    width: 28%;

    	height: 144px;

	}

	.index_two_text_left {

	    width: 28%;

	    color: #c49858;

	    float: left;

	}

	.index_two_right_botm {

	    width: 30%;

	}

	.index_two_text_left span {

	    font-size: 30px;

	    margin-top: 24px;

	}

	.index_three_text {

	    position: relative;

	    margin-top: 8%;

	}

	.index_three_text ul li p {

    font-size: 20px;

    margin-bottom: 30px;

}

.index_three_text ul li b {

    position: absolute;

    left: 14px;

    top: 154px;

}

.index_three_text ul li b.index_3_02_b {

    left: 50px;

}

.index_six_left p {

    font-size: 54px;

    color: #c49858;

}

.index_six_left h3 {

    font-size: 35px;

    color: #c49858;

}

.index_six_right a img {

    width: 100%;

}

.nav_left {

    top: 50%;

    width: 30%;

    margin-top: -11%;

}

.list_one_left{

	margin-top: -4%;

    width: 35%;

}

.list_img5{

	margin-top: -1%;

}

.list_img3{

	margin-top:-1%;

}

.list_img1{

	margin-top: 5%;

}

.list_img1 img{

	width:80%;

}

.list_img11{

	margin-top:5%;

}

.list_img33{

	margin-top: 4%;

}

.list_img2{

	margin-top: 3%;

}

.list_img44{

	margin-top: 1%;

}

.list_img44 img{

	width:80%;

}

.list_img2 img{

	width:80%;

}

.list_three_right {

    width: 60%;

}

.list_one_right_bg_img p {

    font-size: 20px;

    line-height: 26px;

}

.list_one_right h3 {

    font-size: 16px;

    margin-top: 10px;

}

.list_one_right h4 {

    font-size: 14px;

    margin-top: 10px;

}

.list_one_right h5 {

    font-size: 14px;

    margin-top: 10px;

    line-height: 24px;

    margin-bottom: 10px;

}

.list_one_right span {

    font-size: 16px;

    color: #c49858;

    margin-bottom: 8px;

    display: inline-block;

}

.list_one_right>p {

    font-size: 12px;

    color: #1a1a1a;

    line-height: 20px;

}

.list_one_right a {

    color: #1a1a1a;

    padding: 8px 14px;

    display: inline-block;

    font-size: 14px;

    margin-top: 14px;

}

.list_one_right_bg_img {

    background: url(../images/list_onr_2.png) 100% 50% no-repeat;

    background-size: 13%;

}

.list_one_cent {

    width: 68%;

    margin-left: 28%;

    margin-top: 7%;

}

.index_one_bottom {

    width: 35%;

}

.div4_cent ul.div4_cent_cent {

    width: 28%;

    margin-top: 53px;

}

.div4_cent ul li {

    width: 100%;

    margin-bottom: 25px;

}

.index_two_right_botm_shuidi{

	    top: 54px;

	    left:188px;

	}

.index_two_right_botm_shuidi img {

    width: 100%;

}

.index_six_right {

    width: 31%;

    float: left;

    z-index: 10;

    position: relative;

    margin-left: 12%;

}

.div2_img_2_right2 {

    margin-top: -29%;

    padding: 22px 30px;

}

.xg6 {

    top: 10%;

}

.index_two_text_left p {

    font-size: 44px;

    line-height: 46px;

    right: -11px;

}

.index_two_text_cent_txt {

    padding: 24px 0 20px 43px;

}

.index_two_text_cent_txt h3 {

    font-size: 18px;

    line-height: 24px;

}

.index_two_text_cent_txt p {

    font-size: 14px;

    margin: 12px 0 10px 0;

}

.index_two_text_cent_txt h4 {

    font-size: 12px;

    line-height: 22px;

}

.six_page a {

    display: inline-block;

    text-align: center;

    background: #fff;

    border: 1px solid #1a1a1a;

    width: 26px;

    height: 26px;

    border-radius: 0;

    opacity: 1;

    margin-right: 15px;

    font-size: 16px;

    line-height: 26px;

}

.six_page span {

    width: 26px;

    height: 26px;

    margin-right: 15px;

    font-size: 16px;

    line-height: 26px;

}

.index_seven_bottom_txt p {

    font-size: 44px;

}

.index_seven_bottom_txt h3 {

    font-size: 20px;

    color: #1a1a1a;

    margin-top: 10px;

}

.index_seven_bottom_txt h5 {

    font-size: 14px;

    color: #1a1a1a;

    line-height: 24px;

}

.nav_left ul li a{

		font-size: 14px;

	    color: #1a1a1a;

	    line-height: 32px;

	}

	.nav_logo{

		width:8%;

	}

	.nav_logo img {

	    width: 100%;

	    

	}

.story_cent_div1_txt p {

    font-size: 34px;

}

.story_cent_div1_txt h2 {

    font-size: 16px;

    line-height: 34px;

    margin-top: 20px;

}

.story_cent_div1_txt h3 {

    font-size: 16px;

    margin: 18px 0 16px 0;

    line-height: 28px;

}

.story_cent_div1_txt h5 {

    font-size: 14px;

    line-height: 30px;

}

.index_one_text>span p {

    font-size: 16px;

    text-align: center;

    margin-top: 10px;

    color: #fff;

}

.story_cent_div2 {

    margin-top: 100px;

}

.div2_title h3 {

    font-size: 34px;

}

.div2_title h2 {

    font-size: 20px;

    margin: 24px 0;

}

.div2_title p {

    width: 50%;

    font-size: 14px;

    line-height: 28px;

}

.div2_img_2_right h2 {

    font-size: 18px;

    line-height: 30px;

    margin-bottom: 10px;

}

.div2_img_2_right p {

    font-size: 12px;

    line-height: 26px;

}

.div2_img_2_right {

    margin-top: -17%;

    padding: 22px 30px;

}

.story_cent_div1_txt h4 {

    font-size: 14px;

    margin-bottom: 20px;

}

.div2_img_2_right2 {

    margin-top: -23%;

    padding: 22px 30px;

}

.story_cent_div3_txt {

    width: 60%;

}

.story_cent_div3_txt h2 {

    font-size: 34px;

    margin: 120px 0 20px 0;

    line-height: 48px;

}

.story_cent_div3_txt h3 {

    font-size: 20px;

    line-height: 30px;

}

.story_cent_div3_txt {

    width: 60%;

    padding: 0 40px 40px 40px

}

.story_cent_div3_txt h5 {

    font-size: 12px;

    line-height: 26px;

}

.story_cent_div3_txt h4 {

    font-size: 14px;

    margin: 14px 0 30px 0;

    line-height: 24px;

}

.story_cent_div3_txt p {

    font-size: 14px;



    margin-top: 22px;

}

.div4_title p {

    font-size: 40px;

}

.div4_cent ul li p {

    font-size: 14px;

    line-height: 24px;

    height: 67px;

    margin-bottom: 21px;

}

.footer_cent span:nth-child(1) {

    font-size: 12px;

}

.footer_cent span:nth-child(2) {

    font-size: 12px;



}

.index_three_text ul li>img {

    width: 66%;

}

.index_three_text ul li h3 {

    font-size: 16px;

    color: #808080;

    margin-top: 50px;

    margin-bottom: 20px;

}

.index_three_text ul li a {

    font-size: 16px;

    width: 100px;

    height: 30px;

    line-height: 30px;

}

.index_three_text ul li b img {

    width: 75%;

}

.index_four_text {

    height: 100%;

    background: url(../images/index4_bg.png) 80% 75% no-repeat;

    background-size: 70%;

}

.index_four_texts a {

    padding: 10px 20px;

    font-size: 16px;

    background: url(../images/12345_03.png) 50% 50% no-repeat;

    background-size: 100% 100%;

}

.index_four_texts p {

    font-size: 54px;

}

.index_four_texts h3 {

    font-size: 34px;

    margin: 36px 0 44px 0;

}

.index_five_text {

    background: url(../images/index5_bg.png) 60% 50% no-repeat;

    background-size: 68%;

}

.index_four_texts p b {

    bottom: -12px;

    left: 0;

}

.index_six_right span {

    font-size: 16px;

    color: #b2b2b2;

    margin-bottom: 18px;

    display: inline-block;

}

.index_six_right p a {

    font-size: 16px;

    color: #b08a53;

    margin-bottom: 14px;

    line-height: 26px;

    display: inline-block;

}

.index_six_left {

    width: 30%;

    float: left;

    text-align: right;

}

.index_seven_bottom_txt a {

    font-size: 14px;

    padding: 10px 15px;

}

.index_one_p {

    font-size: 40px;

    margin-top: 22%;

}

.index_one_p span {

    font-size: 90px;

    top: 100px;

}

.index_one_text>span {

    width: 74px;

    height: 74px;

    left: 5%;

    bottom: 7%;

}

.index_one_bottom_txt p {

    font-size: 13px;

    line-height: 22px;

    margin-bottom: 5px;

}

.index_one_bottom_txt p:first-child {

    font-size: 18px;

    line-height: 28px;

}

.list_one_right h5 p {

    font-size: 12px;

    line-height: 20px;

}

.story_cent_div3 {

    width: 70%;

    padding-top: 92px;

}



.list_one_right_bg_img p {

    font-size: 26px;

    color: #c49858;

    line-height: 34px;

}

.list_one_right h3 {

    font-size: 20px;

    color: #383838;

    margin-top: 20px;

}

.list_one_right h4 {

    font-size: 16px;

    color: #808080;

    margin-top: 15px;

}

.list_one_right h5 {

    font-size: 14px;

    color: #1a1a1a;

    margin-top: 16px;

    line-height: 24px;

    margin-bottom: 16px;

}

.list_one_right span {

    font-size: 16px;

    color: #c49858;

    margin-bottom: 15px;

    display: inline-block;

}

.list_one_right a {

    padding: 10px 20px;

    border: 2px solid transparent;

    font-size: 16px;

    margin-top: 20px;

}

.list_one_right_bg_img {

    background: url(../images/list_onr_2.png) 80% 50% no-repeat;

    background-size: 18%;

}







}





@media(max-width:1200px){

.index_seven_bottom_txt {

	    position: absolute;

	    top: 14%;

	    left: 17%;

	}

	.index_seven_bottom_txt p {

    font-size: 36px;

}

.index_seven_bottom_txt a {

	    margin-top: 14px;

	}

	

	.index_one_bottom_txt p:first-child {

    font-size: 16px;

    line-height: 24px;

}

.index_one_bottom_txt p {

    font-size: 12px;

    line-height: 18px;

}

.index_one_p span {

    font-size: 70px;

    top: 80px;

}

.index_one_p {

    font-size: 30px;

    margin-top: 22%;

}

.index_two_text_left p {

    font-size: 30px;

    line-height: 33px;

    right: -7px;

}

.index_two_text_left span {

    font-size: 22px;

    margin-top: 16px;

}

.index_two_text_cent_txt {

    padding: 20px 0 20px 30px;

}

.index_two_text_cent_txt h3 {

    font-size: 14px;

    line-height: 20px;

}

.index_two_text_cent_txt p {

    font-size: 12px;

    margin: 5px 0 5px 0;

}

.index_two_text_cent_txt h4 {

    font-size: 10px;

    line-height: 18px;

}

.index_two_left_botm {

    width: 28%;

    height: 120px;

}

.index_two_right_botm_shuidi {

    top: 54px;

    left: 150px;

}

.index_two_right_botm_shuidi img {

    width: 78%;

}







}



.spinner3 .dot1, .spinner3 .dot2, .spinner6 div, .spinner7>div {

	background-color:#fff;

	display:inline-block

}

.fakeLoader {

	position:fixed;

	width:100%;

	height:100%;

	left:0;

	right:0;

	top:0px;

	background: #fff;

	z-index:9999999999;

	text-align:center;

	margin:0 auto;

}

.fakeLoader img{max-width: 500px;}

@media(max-width:1024px){

.fakeLoader img{max-width: 100%;}	

.cd-top {display: inline-block; height: 24px;width: 24px;position: fixed;bottom: 50px;right: 20px;}

}

.spinner1 {

	position:fixed;

	width:50%;

	height:auto;

	top:40%;

	left:0;

	right:0;

	text-align:center;

	margin:0 auto;



}

.spinner1 .double-bounce1, .spinner1 .double-bounce2 {

	width:100%;

	height:100%;

	border-radius:50%;

	background-color:#fff;

	opacity:.6;

	position:absolute;

	top:0;

	left:0;

	-webkit-animation:bounce 2s infinite ease-in-out;

	animation:bounce 2s infinite ease-in-out

}

.spinner1 .double-bounce2 {

	-webkit-animation-delay:-1s;

	animation-delay:-1s

}

@-webkit-keyframes bounce {

0%, 100% {

transform:scale(0);

-webkit-transform:scale(0)

}

50% {

transform:scale(1);

-webkit-transform:scale(1)

}

}

@keyframes bounce {

0%, 100% {

transform:scale(0);

-webkit-transform:scale(0)

}

50% {

transform:scale(1);

-webkit-transform:scale(1)

}

}

.spinner2 {

	position:fixed;

	width:50%;

	height:auto;

	

}

.spinner2 .spinner-container {

	position:absolute;

	width:100%;

	height:100%

}

.spinner2 .spinner-container.container2 {

	-webkit-transform:rotateZ(45deg);

	transform:rotateZ(45deg)

}

.spinner2 .spinner-container.container3 {

	-webkit-transform:rotateZ(90deg);

	transform:rotateZ(90deg)

}

.spinner2 .spinner-container .circle1 {

	top:0;

	left:0

}

.spinner2 .spinner-container .circle2 {

	top:0;

	right:0

}

.spinner2 .spinner-container .circle3 {

	right:0;

	bottom:0

}

.spinner2 .spinner-container .circle4 {

	left:0;

	bottom:0

}

.spinner2 .container1 div, .spinner2 .container2 div, .spinner2 .container3 div {

	width:6px;

	height:6px;

	background-color:#ce0000;

	border-radius:100%;

	position:absolute;

	-webkit-animation:bouncedelay 1.2s infinite ease-in-out;

	animation:bouncedelay 1.2s infinite ease-in-out;

	-webkit-animation-fill-mode:both;

	animation-fill-mode:both

}

.spinner2 .container1 .circle2 {

-webkit-animation-delay:-.9s;

animation-delay:-.9s

}

.spinner2 .container1 .circle3 {

-webkit-animation-delay:-.6s;

animation-delay:-.6s

}

.spinner2 .container1 .circle4 {

-webkit-animation-delay:-.3s;

animation-delay:-.3s

}

.spinner2 .container2 .circle1 {

	-webkit-animation-delay:-1.1s;

	animation-delay:-1.1s

}

.spinner2 .container2 .circle2 {

-webkit-animation-delay:-.8s;

animation-delay:-.8s

}

.spinner2 .container2 .circle3 {

-webkit-animation-delay:-.5s;

animation-delay:-.5s

}

.spinner2 .container2 .circle4 {

-webkit-animation-delay:-.2s;

animation-delay:-.2s

}

.spinner2 .container3 .circle1 {

	-webkit-animation-delay:-1s;

	animation-delay:-1s

}

.spinner2 .container3 .circle2 {

-webkit-animation-delay:-.7s;

animation-delay:-.7s

}

.spinner2 .container3 .circle3 {

-webkit-animation-delay:-.4s;

animation-delay:-.4s

}

.spinner2 .container3 .circle4 {

-webkit-animation-delay:-.1s;

animation-delay:-.1s

}

@-webkit-keyframes bouncedelay {

0%, 100%, 80% {

transform:scale(0);

-webkit-transform:scale(0)

}

40% {

transform:scale(1);

-webkit-transform:scale(1)

}

}

@keyframes bouncedelay {

0%, 100%, 80% {

transform:scale(0);

-webkit-transform:scale(0)

}

40% {

transform:scale(1);

-webkit-transform:scale(1)

}

}

.spinner3 {

	position:fixed;

	width:50%;

	height:auto;

	top:calc(50% - 50px/2);

	left:calc(50% - 50px/2);

	-webkit-animation:rotate 2s infinite linear;

	animation:rotate 2s infinite linear

}

.spinner3 .dot1, .spinner3 .dot2 {

	width:60%;

	height:60%;

	position:absolute;

	top:0;

	border-radius:100%;

	-webkit-animation:bounce 2s infinite ease-in-out;

	animation:bounce 2s infinite ease-in-out

}

.spinner3 .dot2 {

	top:auto;

	bottom:0;

	-webkit-animation-delay:-1s;

	animation-delay:-1s

}

@-webkit-keyframes rotate {

100% {

-webkit-transform:rotate(360deg);

transform:rotate(360deg)

}

}

@keyframes rotate {

100% {

-webkit-transform:rotate(360deg);

transform:rotate(360deg)

}

}

@keyframes bounce {

0%, 100% {

-webkit-transform:scale(0);

transform:scale(0)

}

50% {

-webkit-transform:scale(1);

transform:scale(1)

}

}

.spinner4 {

	position:fixed;

	width:35px;

	height:35px;

	top:calc(50% - 35px/2);

	left:calc(50% - 35px/2);

	background-color:#fff;

	-webkit-animation:rotateplane 1.2s infinite ease-in-out;

	animation:rotateplane 1.2s infinite ease-in-out

}

@-webkit-keyframes rotateplane {

0% {

-webkit-transform:perspective(120px) rotateX(0) rotateY(0);

transform:perspective(120px) rotateX(0) rotateY(0)

}

50% {

-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);

transform:perspective(120px) rotateX(-180.1deg) rotateY(0)

}

100% {

-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);

transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)

}

}

@keyframes rotateplane {

0% {

-webkit-transform:perspective(120px) rotateX(0) rotateY(0);

transform:perspective(120px) rotateX(0) rotateY(0)

}

50% {

-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);

transform:perspective(120px) rotateX(-180.1deg) rotateY(0)

}

100% {

-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);

transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)

}

}

.spinner5 {

	position:fixed;

	width:50px;

	height:50px;

	top:calc(50% - 50px/2);

	left:calc(50% - 50px/2)

}

.spinner5 .cube1, .spinner5 .cube2 {

	background-color:#fff;

	width:15px;

	height:15px;

	position:absolute;

	top:0;

	left:0;

	-webkit-animation:cubemove 1.8s infinite ease-in-out;

	animation:cubemove 1.8s infinite ease-in-out

}

.spinner5 .cube2 {

-webkit-animation-delay:-.9s;

animation-delay:-.9s

}

@-webkit-keyframes cubemove {

25% {

-webkit-transform:translateX(42px) rotate(-90deg) scale(.5);

transform:translateX(42px) rotate(-90deg) scale(.5)

}

50% {

-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg);

transform:translateX(42px) translateY(42px) rotate(-179deg)

}

50.1% {

-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg);

transform:translateX(42px) translateY(42px) rotate(-180deg)

}

75% {

-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5);

transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)

}

100% {

-webkit-transform:rotate(-360deg);

transform:rotate(-360deg)

}

}

@keyframes cubemove {

25% {

-webkit-transform:translateX(42px) rotate(-90deg) scale(.5);

transform:translateX(42px) rotate(-90deg) scale(.5)

}

50% {

-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg);

transform:translateX(42px) translateY(42px) rotate(-179deg)

}

50.1% {

-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg);

transform:translateX(42px) translateY(42px) rotate(-180deg)

}

75% {

-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5);

transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)

}

100% {

-webkit-transform:rotate(-360deg);

transform:rotate(-360deg)

}

}

.spinner6 {

	position:fixed;

	width:50px;

	height:35px;

	top:calc(50% - 35px/2);

	left:calc(50% - 50px/2)

}

.spinner6 div {

	height:100%;

	width:5px;

	margin-left:2px;

	-webkit-animation:stretchdelay 1.2s infinite ease-in-out;

	animation:stretchdelay 1.2s infinite ease-in-out

}

.spinner6 .rect2 {

	-webkit-animation-delay:-1.1s;

	animation-delay:-1.1s

}

.spinner6 .rect3 {

	-webkit-animation-delay:-1s;

	animation-delay:-1s

}

.spinner6 .rect4 {

-webkit-animation-delay:-.9s;

animation-delay:-.9s

}

.spinner6 .rect5 {

-webkit-animation-delay:-.8s;

animation-delay:-.8s

}

@keyframes stretchdelay {

0%, 100%, 40% {

-webkit-transform:scaleY(.4);

transform:scaleY(.4)

}

20% {

-webkit-transform:scaleY(1);

transform:scaleY(1)

}

}

.spinner7 {

	position:fixed;

	width:90px;

	height:30px;

	text-align:center;

	top:calc(50% - 30px/2);

	left:calc(50% - 90px/2)

}

.spinner7>div {

	height:15px;

	width:15px;

	margin-left:3px;

	border-radius:50%;

-webkit-animation:stretchdelay .7s infinite ease-in-out;

animation:stretchdelay .7s infinite ease-in-out

}

.spinner7 .circ2 {

-webkit-animation-delay:-.6s;

animation-delay:-.6s

}

.spinner7 .circ3 {

-webkit-animation-delay:-.5s;

animation-delay:-.5s

}

.spinner7 .circ4 {

-webkit-animation-delay:-.4s;

animation-delay:-.4s

}

.spinner7 .circ5 {

-webkit-animation-delay:-.3s;

animation-delay:-.3s

}

@-webkit-keyframes stretchdelay {

0%, 100%, 40% {

-webkit-transform:translateY(-10px)

}

20% {

-webkit-transform:translateY(-20px)

}

}

@keyframes stretchdelay {

0%, 100%, 40% {

transform:translateY(-10px);

-webkit-transform:translateY(-10px)

}

20% {

transform:translateY(-20px);

-webkit-transform:translateY(-20px)

}

}









.square-flash {

  position: relative;

  width: 160px;

  height: 160px;

  overflow: visible;

  display: flex;

  align-items: center;

  justify-content: center;

  margin:0 auto;

  }

  .square-flash .flash {

    position: relative;

    display: block;

    height: 160px;

    width: 160px;

    background-color: transparent;

    overflow: hidden;

	background:url(../images/logo.png) no-repeat center center; }

  .square-flash .flash:after {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    content: ' ';

    height: 30px;

    width: 113px;

    animation: rotateFlash 3s 1 linear forwards;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff; }

	

  .square-flash .flash-line {

    width: 2px;

    height: 2px;

    position: absolute;

    background-color: #c49858; }

	

  .square-flash .flash-line:nth-child(1) {

    left: 0;

    top: 50%;

    transform: translate(0, -50%);

    animation: a-flash 3s infinite linear; }



@keyframes a-flash {

  0% {

    height: 0; }

  50% {

    height: 100%; }

  70% {

    height: 100%; }

  100% {

    opacity: 1; } 

	}

  .square-flash .flash-line:nth-child(2) {

    left: 50%;

    transform: translate(-50%, 0);

    top: 158px;

    animation: b-flash 3s infinite linear; }



@keyframes b-flash {

  0% {

    width: 0; }

  50% {

    width: 100%; }

  70% {

    width: 100%; }

  100% {

    opacity: 1; }

	 }

  .square-flash .flash-line:nth-child(3) {

    left:158px;

    top: 50%;

    transform: translate(0, -50%);

    animation: c-flash 3s infinite linear; }



@keyframes c-flash {

  0% {

    height: 0; }

  50% {

    height: 100%; }

  70% {

    height: 100%; }

  100% {

    opacity: 1; } 

	}

  .square-flash .flash-line:nth-child(4) {

    left: 50%;

    transform: translate(-50%, 0);

    top: 0px;

    width: 0;

    animation: d-flash 3s infinite linear; }



@keyframes d-flash {

  0% {

    width: 0; }

  50% {

    width: 160px; }

  70% {

    width: 160px; }

  100% {

    opacity: 1; } 

}



@keyframes rotateFlash {

  0% {

    width: 0;

    height: 0; }

  50% {

    height: 30px;

    /*width: 113px;background:url(../images/logo.png) no-repeat center center;*/ }

  70% {

    height: 30px;

    width: 113px;

    content: '';

	/*background:url(../images/logo.png) no-repeat center center;*/}

  100% {

	  height: 30px;

    width: 113px;

  content: '';

	/*background:url(../images/logo.png) no-repeat center center;*/

    opacity: 1;

    height: 30px;

    width: 113px; }

	 }





/*1280 1366*/

@media screen and (max-width: 1300px) {

	.list_one_right_bg_img p {

	    font-size: 20px;

	    line-height: 30px;

	}

	.list_one_right_bg_img {

	    background: url(../images/list_onr_2.png) 72% 50% no-repeat;

	    background-size: 17%;

	}

	.list_one_right h3 {

	    font-size: 14px;

    	margin-top: 12px;

	}

	.list_one_right h4 {

	    font-size: 12px;

	    margin-top: 12px;

	}

	.list_one_right span {

    font-size: 16px;

    color: #c49858;

    margin-bottom: 10px;

    display: inline-block;

}

.list_one_right>p {

    font-size: 10px;

    color: #1a1a1a;

    line-height: 20px;

}

.nav_left ul li a {

    font-size: 12px;

    color: #1a1a1a;

    line-height: 24px;

}

.list_one_right a {

    padding: 10px 18px;

    border: 2px solid transparent;

    font-size: 12px;

    margin-top: 12px;

}

.list_one_left {

    text-align: center;

}

.list_one_left img {

    width: 90%;

}



}





/*移动端样式*/

.wap_sj{

	display: none !important;

}

.wap_pc{

	display: block !important;

}







/*移动端样式*/

@media screen and (min-width:320px) and (max-width:750px){

	.nav_logo {

	    width: 20%;

	    display: flex;

    	align-items: center;

	}

	.nav_logo img {

	    width: 100%;

	}

	.wap_pc{

		display: none !important;

	}

	.wap_sj{

		display: block !important;

	}

	.nav_top {

	    position: fixed;

	    

	}

	.nav_top2{

		position: fixed;

		background: #fff;

	}

	.menu{

		position: absolute;

		top:1rem;

		width:50%;

		display: block;

		background: #fed100;

	    right: 0;

	    border-radius: 10px;

		display: none;

	}

	.menu li {

	    text-align: center;

	    width: 100%;

	    margin: 0.3rem 0;

	}

	.menu li a span {

	    font-size: 0.34rem;

	}

	.menu li a b {

	    font-size: 0.28rem;

	    margin-top: 0.15rem;

	    display: block;

	}

	.tb{

		width: 10%;

	    float: right;

	    text-align: center;

	}

	.tb>img{

		width:100%;

	}



	/*第一屏*/

	.index_one_top{

		margin-left: 15%;

		background: url(../images/index_nar_top01_wap.png) 50% 50% no-repeat;

	    height: 1.8rem;

	    width: 2.5rem;

	    background-size: 100%;

	}

	.index_one_top img{

		display: none;

	}

	.index_one_p {

	    font-size: 0.6rem;

	    margin-top: 30%;

	    margin-left: 15%;

	}

	.index_one_p span {

	    font-size: 1.4rem;

	    top: 1.6rem !important;

	    left: 0 !important;

	}

	.play_video{

		display: none;

    width: 100%;

    position: fixed;

    height: 0%;

    left: 0%;

    opacity: 0;

    top: 50%;

    transition: width 3s;

    padding: 10px;

    background: #000;

    box-sizing: border-box;

    z-index: 1000;

    display: none;

	}

	.guanbi {

    position: absolute;

    right: 25px;

    top: 25px;

    width: 1rem;

    height: 1rem;

    cursor: pointer;

    z-index: 1000;

}

	#play{

    width: 1rem;

    height: 1rem;

    left:0;

	right:0;

	margin:0 auto;

    bottom:55%;

	}

	.index_one_text>span p {

	    font-size: 0.24rem;

	    text-align: center;

	    margin-top: 0.1rem;

	    color: #fff;

	}

	.index_one_bottom {

	    width: 100% !important;

	    opacity: 1;

	    background: url(../images/wap_one_bg.png) 0 100% no-repeat;

	    height: 7.1rem;

	    background-size: 100% 100%;

	}

	.index_one_bottom img {

	    display: none;

	}

	.index_one_bottom_txt {

	    top: 18%;

	    left: auto;

	    right: 0%;

    	width: 60%;

	}

	.index_one_bottom_txt p {

	    font-size: 0.24rem;

	    line-height: 0.34rem;

	    margin-bottom: 0.15rem;

	}

	.index_one_bottom_txt p:first-child {

	    font-size: 0.3rem;

	    line-height: 0.44rem;

	    margin-bottom: 0.15rem;

	}



	/*第二屏*/

	.index_two_left_botm{

		display:none;	

	}

	.index_two_right_botm {

    width: 70%;

    bottom: 0 !important;

    right: 0 !important;

}

.index_two_text_left {

   width: 78%;

    float: none;

    margin: 0 auto;

}

.index_two_text_cent {

    width: 94%;

    float: none;

    background: #fff;

    position: relative;

    box-shadow: 18px -15px 60px 8px rgba(0,0,0,0.1);

}

.index_two_text_left p {

    font-size: 1rem;

    line-height: 0.8rem;

    right: 0;

    text-align: center;

    float: left;

    width: 58%;

    text-align: right;

}

.index_two_text_left p:nth-child(2){

    text-align: left;

    width: 42%;

}

.index_two_text_left span {

    font-size: 0.6rem;

    margin-top: 0.4rem;

    padding-right: 0.2rem;

    position: relative;

    right: 0.4rem;

    padding-bottom: 0.3rem;

}

.index_two_text_cent_txt {

    padding: 0.4rem 0 0.4rem 0.8rem;

}

.index_two_text_cent_txt h3 {

    font-size: 0.28rem;

    line-height: 0.45rem;

}

.index_two_text_cent_img {

    position: absolute;

    top: 0;

    right: 0;

    width: 25%;

}

.index_two_text_cent_txt p {

    font-size: 0.24rem;

    margin: 0.36rem 0 0.3rem 0;

    line-height: 0.34rem;



}

.index_two_text_cent_txt h4 {

    font-size: 0.24rem;

    line-height: 0.46rem;

}

.index_two_right_botm_shuidi {

    top: 19% !important;

    left: 2.8rem !important;

}

.index_three_text ul li {

    width: 100%;

    float:none;

}

.index_three_text ul li h5{

	font-size: 0.5rem;

    line-height: 0.5rem;

    font-weight: bold;

    color: #c49858;

}

.index_three_text ul li h5>span{

	font-weight: normal;

    color: #c49858;

    margin-top: 0.2rem;

    display: inline-block;

    font-size: 0.4rem;

}

.index_three_text ul li>img {

    width: 50%;

}

.index_three_text ul li b {

    position: absolute;

    left: 1rem;

    top: 5.5rem;

    bottom: 0;

}

.index_three_text ul li:nth-child(2) b{

	left: 2.1rem;

} 

.index_three_text ul li b.index_3_02_b {

	    left: 2.1rem;

	}

.index_three_text ul li h3 {

    font-size: 0.34rem;

    color: #808080;

    margin-top: 1rem;

    margin-bottom: 0.5rem;

}

.index_three_text ul li p {

    font-size: 0.45rem;

    margin-bottom: 0.8rem;

}

.index_three_text ul li a {

    padding: 0.1rem 0.3rem;

    display: inline-block;

    font-size: 0.3rem;

    background: url(../images/12345_03.png) 50% 50% no-repeat;

    background-size: 100% 100%;

    border: 0.02rem solid transparent;

}



.xg5 li.active{

	opacity: 1;

	display: block;

}



.fp-controlArrow{

	display: none;

}

.xg5 li>div>img{

	width:50%;

}

.xg5 li>div>b img{

	width:90%;

}

.index_three_text ul {

    padding: 0;

    overflow: initial;

}

.xg51{

	display: table !important;

}

.xg5{

	display: none !important;

}

/*第三屏*/





.index_four_text {

    height: 100%;

    background: url(../images/index4_bg.png) 84% 100% no-repeat;

    background-size: 140%;

}

.index_five_text {

	    height: 100%;

	    background: url(../images/index5_bg.png) 84% 100% no-repeat;

    	background-size: 140%;

	}

.index_four_texts {

    padding-top: 35%;

}

.index_four_texts p{

	font-size: 1rem;

    line-height: 1rem;

}

.index_four_texts p b {

    position: absolute;

    bottom: -0.2rem;

    left: 0;

    width: 1rem;

    height: 0.05rem;

    background: #c49858;

}

.index_four_texts {

    width: 90%;

    z-index: 100;

}

.index_four_texts h3 {

    font-size: 0.6rem;

    color: #c49858;

    margin: 0.8rem 0 0.7rem 0;

}



.index_four_texts a{

	padding: 0.2rem 0.5rem;

    display: inline-block;

    font-size: 0.3rem;

    background: url(../images/12345_03.png) 50% 50% no-repeat;

    background-size: 100% 100%;

    border: 0.02rem solid transparent;

}

.index_four_texts {

    padding-left: 5%;

}

.index_six_left {

    width: 100%;

    float: left;

    text-align: left;

    padding-left: 10%;

}

.index_six_right {

    width: 80%;

    float: left;

    z-index: 10;

    position: relative;

    margin-left: 10%;

    margin-top: 0.6rem;

}

.index_six_right span {

    font-size: 0.3rem;

    color: #b2b2b2;

    margin-bottom: 0.4rem;

    display: inline-block;

}

.index_six_right p a {

    font-size: 0.3rem;

    color: #b08a53;

    margin-bottom: 0.4rem;

    line-height: 0.5rem;

    display: inline-block;

}

.six_page {

    margin-top: 0.6rem;

}

.six_page span {

    width: 0.5rem;

    height: 0.5rem;

    margin-right: 0.2rem;

    font-size: 0.3rem;

    line-height: 0.5rem;

}



.six_page a {

    display: inline-block;

    text-align: center;

    background: #fff;

    border: 1px solid #1a1a1a;

    width: 0.5rem;

    height: 0.5rem;

    margin-right: 0.15rem;

    font-size: 0.3rem;

    line-height: 0.5rem;

    border-radius: 0;

    opacity: 1;

}

.index_six_text {

    background: url(../images/index6_bg_wap.png) 0% 100% no-repeat #fff;

    background-size: 100%;

    z-index: 100;

}

.index_six_right_yezi {

    position: absolute;

    top: 10%;

    width: 100%;

    right: -40%;

}

.index_seven_top{

	margin-left: 15%;

    background: url(../images/index_nar_top01_wap.png) 50% 50% no-repeat;

    height: 1.1rem;

    width: 2.5rem;

    background-size: 100%;

    transform: rotateY(180deg);

    top:0;

}

.index_seven_top img {

    display: none;

    margin-right: 10%;

}

.index_seven_text {

    background: url(../images/index7_bg_wap.png) 0% 100% no-repeat #f4fdff;

    position: relative;

    background-size: 100%;

}

.index_seven_bottom{

	background: url(../images/index_bar_01_wap.png) 0% 100% no-repeat;

    height: 7.2rem;

    width: 100% !important;

    background-size: 100%;

}

.index_seven_bottom img {

    display: none;

}

.index_seven_bottom_txt {

    position: absolute;

    top: 12%;

    left: 8%;

    width: 56%;

}

.index_seven_bottom_txt p {

    font-size: 0.9rem;

}

.index_seven_bottom_txt h3 {

    font-size: 0.4rem;

    color: #1a1a1a;

    margin-top: 0.35rem;

}

.index_seven_bottom_txt p {

    font-size: 1rem;

}

.index_seven_bottom_txt h4 {

    font-size: 0.3rem;

    margin: 0.4rem 0 0.2rem 0;

}

.index_seven_bottom_txt h5 {

    font-size: 0.2rem;

    color: #1a1a1a;

    line-height: 0.4rem;

}

.index_seven_bottom_txt a {

    margin-top: 0.3rem;

}



.index_seven_bottom_txt a{

	font-size: 0.26rem;

    padding: 0.2rem 0.4rem;

}

.xg7_77 {

    background:0;

    background-size: 100%;

}

.xg6 .fp-tableCell {

    top: 5% !important;

    opacity: 0;

}

.index_three_text ul li a {

    padding: 0.2rem 0.6rem;

    display: inline-block;

    font-size: 0.3rem;

    background: url(../images/12345_03.png) 50% 50% no-repeat;

    background-size: 100% 100%;

    border: 0.02rem solid transparent;

    width: auto;

    height: auto;

    line-height: inherit;

}

.index_four_text {

    height: 100%;

    background: url(../images/index4_bg.png) 84% 100% no-repeat;

    background-size: 140%;

}

.index_five_text {

	    height: 100%;

    background: url(../images/index4_bg.png) 84% 100% no-repeat;

    background-size: 140%;

	}

.index_four_texts p {

    font-size: 0.8rem;

    line-height: 0.8rem;

}

.index_four_texts h3 {

    font-size: 0.5rem;

    color: #c49858;

    margin: 0.5rem 0 0.6rem 0;

}

.index_four_texts {

    padding-top: 25%;

}

.index_six_left p {

    font-size: 0.7rem;

    color: #c49858;

}

.index_six_left h3 {

    font-size: 0.5rem;

    color: #c49858;

}



/*list1*/

.nav_left {

	position: fixed;

    top: 1rem;

    width: 100%;

    margin-top: 0;

    background: #fff !important;

    padding: 0.24rem 0;

    z-index: 9999;

    left: 0px;

    width: 100%;

}

.nav_left ul {

    padding-left: 0;

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    background: #fff;

    width: 94%;

    margin: 0 auto;

}

.nav_left ul li.active a span{

	display: none;

}

.nav_left ul li{

	width:48%;

	text-align: center;

	background: #f3eade;

	border:0.01rem solid #c49858;

	padding: 0.1rem 0;

	margin-bottom:0.15rem;

}

.nav_left ul li.active{

	background:#c49858;

}

.nav_left ul li.active a {

    color:#fff !important;

}



.nav_left ul li a {

    font-size: 0.28rem;

    color: #1a1a1a;

    line-height: 0.5rem;

}

#fullPage2{

margin-top: 4.6rem;

}

.list_one_cent {

    width: 100%;

    margin-left: 0;

    margin-top: 0%;

}

.list_one_right {

    width: 100%;

    float: initial;

}

.list_one_left {

    text-align: center;

    width: 100%;

    float: inherit;

    margin-bottom: 0.3rem;

}

.list_one_left img {

    width: 60%;

}

.sj_list_img{

	margin-top: 0.6rem;

}

.sj_list_img3{

	margin: 0.5rem 0;

}

.sj_list_img img{

	width:80%;

}

.list_one_right {

    width: 80%;

    float: initial;

    margin: 0 auto;

	padding-top:5rem;

	margin-top:-5rem;

    padding-bottom: 2rem;

}

.list_one_rightq{

	/*padding-top:7rem;

	margin-top:-7rem;*/

    padding-bottom: 1rem;}

.list_one_right_bg_img p {

    font-size: 0.45rem;

    line-height: 0.6rem;

    font-weight: bold;

}

.list_one_right_bg_img {

    background: url(../images/list_onr_2.png) 100% 50% no-repeat;

    background-size: 20%;

}

.list_one_right h3 {

    font-size: 0.38rem;

    margin-top: 0.34rem;

}

.list_one_right h4 {

    font-size: 0.32rem;

    margin-top: 0.28rem;

}

.list_one_right h5 {

    color: #1a1a1a;

    margin-top: 0.24rem;

    margin-bottom: 0.34rem;

    font-size: 0.32rem;

    line-height: 0.52rem;

}

.list_one_right span {

    font-size: 0.38rem;

    color: #c49858;

    margin-bottom: 0.2rem;

    display: inline-block;

}

.list_one_right>p {

    font-size: 0.28rem;

    color: #1a1a1a;

    line-height: 0.54rem;

}

.list_one_right h5 p {

    line-height: 0.54rem;

    font-size: 0.3rem;

}

.list_one_right a {

    padding: 0.22rem 0.36rem;

    border: 2px solid transparent;

    font-size: 0.3rem;

    margin-top: 0.28rem;

}

.nav_left ul li a:hover {

    color: #1a1a1a;

}



#fullPage3{



	margin-top: 5rem;

}

.story_cent {

    width: 100%;

    float: inherit;

    padding-top: 4.5rem;

    padding-bottom: 0.8rem;

}

.story_cent_div1_img {

    width: 100%;

    float: inherit;

    text-align: center;

	padding-top:9rem;

	margin-top:-5rem

}

.story_cent_div1_txt {

    width: 90%;

    float: inherit;

    margin-left: 0;

    margin: 0 auto;

}

.story_cent_div1_txt p {

    font-size: 0.6rem;

    line-height: 0.8rem;

    font-weight: bold;

}

.story_cent_div1_txt h2 {

    font-size: 0.38rem;

    line-height: 0.7rem;

    margin-top: 0.25rem;

}

.story_cent_div1_txt h3 {

    font-size: 0.32rem;

    margin: 0.3rem 0 0.35rem 0;

    line-height: 0.55rem;

}

.story_cent_div1_txt h4 {

    font-size: 0.3rem;

    line-height: 0.64rem;

    margin-bottom: 0.4rem;

}

.story_cent_div1_txt h5 {

    font-size: 0.3rem;

    line-height: 0.64rem;

}

.story_cent_div1_img img {

    width: 60%;

}

.story_cent_div2 {

    width: 90%;

	

    margin: 1.5rem auto 0;

    padding: 0 5% 0 5%;

}





.div2_title h3 {

    font-size: 0.6rem;

    line-height: 0.8rem;

    font-weight: bold;

}

.div2_title h2 {

    font-size: 0.38rem;

    line-height: 0.7rem;

    margin: 0.3rem 0;

}

.div2_title p {

    width: 100%;

    font-size: 0.3rem;

    line-height: 0.64rem;

}

.div2_img b{

	display: none;

}

.div2_img {

    position: relative;

    width: 100%;

    margin: 0.4rem 0 1rem 0;

}

.div2_img_2 {

    width: 100%;

    position: relative;

    margin-bottom: 1rem;

}

.div2_img_2_left {

    width: 64%;

}



.div2_img_2_right {

    margin-top: -33%;

    padding: 0.2rem 0.3rem;

}

.div2_img_2_right h2 {

    font-size: 0.24rem;

    line-height: 0.4rem;

    margin-bottom: 0.15rem;

}

.div2_img_2_right p {

    font-size: 0.2rem;

    line-height: 0.36rem;

}



.div2_img_2_right {

    margin-top: -27%;

    padding: 0.2rem 0.3rem;

}

.div2_img_2_right2 {

    margin-top: -33.5%;

    padding: 0.2rem 0.3rem;

}

.div2_img_2_right p {

    font-size: 0.18rem;

    line-height: 0.28rem;

    margin-bottom: 0;

}

.story_cent_div3 {

    width: 100%;

	 margin: 0rem auto 1.5rem;

    padding: 1.5rem 0% 0 0%;

	position:relative;

}

.story_cent_div3_txt {

    width: 86%;

    padding: 0 0.4rem 0.4rem 0.4rem;

}

.story_cent_div3_txt b {

    position: absolute;

    height: 3.4rem;

    width: 0.01rem;

    background: #c4c4c4;

    display: inline-block;

    top: -1.6rem;

    left: 50%;

	z-index:999

}

.story_cent_div3_txt h2 {

    font-size: 0.55rem;

    margin: 2.2rem 0 0.26rem 0;

    line-height: 0.7rem;

    font-weight: bold;

}

.story_cent_div3_txt h3 {

    font-size: 0.32rem;

    line-height: 0.5rem;

}

.story_cent_div3_txt h4 {

    font-size: 0.28rem;

    margin: 0.2rem 0 0.34rem 0;

    line-height: 0.45rem;

}

.story_cent_div3_txt h5 {

    font-size: 0.22rem;

    line-height: 0.45rem;

}

.story_cent_div3_txt p {

    font-size: 0.24rem;

    margin-top: 0.3rem;

    line-height: 0.44rem;

}

.story_cent_div4 {

    width: 80%;

    margin: 1rem auto;

}

.div4_title p {

    font-size: 0.55rem;

    line-height: 0.7rem;

    font-weight: bold;

}

.div4_cent {

    overflow: hidden;

    margin-top: 0.8rem;

}

.story_cent_div4 {

    width: 90%;

    /*margin: -4rem auto;

	*/

	padding-top: 0rem;

    margin: 0 auto;

    margin-top: 0rem;

    padding-bottom: 1rem;

}

.div4_title p {

    font-size: 0.55rem;

    line-height: 0.7rem;

    font-weight: bold;

}

.div4_cent {

    overflow: hidden;

    margin-top: 0.8rem;

}

.div4_cent ul.div4_cent_left {

    width: 45%;

    float: left;

}

.div4_cent ul li {

    width: 100%;

    margin-bottom: 0;

}

.div4_cent ul li h2 {

    border: 0.08rem solid #f3eade;

    width: 100%;

    box-sizing: border-box;

}

.div4_cent ul li h3 {

    margin: 0.2rem 0 0.15rem 0;

}

.div4_cent ul li h3 span {

    font-size: 0.28rem;

    color: #c49858;

    font-weight: bold;

    margin-left: 0.2rem;

}

.div4_cent ul li h3 b {

    background: url(../images/div4_jt.jpg) 50% 50% no-repeat;

    display: inline-block;

    width: 0.36rem;

    height: 0.2rem;

    background-size: 100% 100%;

}

.div4_cent ul li p {

    font-size: 0.2rem;

    line-height: 0.36rem;

    height: 1.4rem;

    margin-bottom: 0.26rem;

    overflow: hidden;

}

.div4_cent ul.div4_cent_cent {

    width: 28%;

    margin-top: 53px;

    display: none;

}

.div4_cent ul.div4_cent_right {

    width: 45%;

    float: right;

}

.div4_cent ul.div4_cent_right {

    margin-top: 0;

}



.footer {

    width: 100%;

    background: #f0f0f0;

    height: auto;

    line-height: 0.5rem;

    position: absolute;

    bottom: 0;

    padding: 0.3rem 0;

}



.footer_cent {

    width: 100%;

    margin: 0 auto;

    overflow: hidden;

}



.footer_top ul {

    width: 100%;

    max-width: 720px;

    display: block;

    justify-content: space-between;

    align-items: flex-start;

    margin: 0 auto;

    padding: 0.5rem 0;

}

.top_li1{

	text-align:center;

}

.top_li1 img {

    width: 4rem;

}

li.top_li1>p {

    font-size: 0.34rem;

    text-align: center;

    margin-top: 0.1rem;

    letter-spacing: 0.1rem;

}

.top_li2{

	width:94%;

	margin:0.4rem auto 0;

}

.top_li2_div span {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-right: 0;

}

.top_li2_div a.booo{ display:none;}

.top_li2_div a.booo1{ display:block;}

.top_li2_div span p {

    line-height: 0.36rem;

    font-size: 0.22rem;

}

.top_li2_div span img {

    margin-right: 0.2rem;

    width: 0.5rem;

}

.top_li2 h3 {

    font-size: 0.34rem;

    margin-bottom: 0.3rem;

}

.top_li3{

	width:94%;

	margin:0.4rem auto 0;

}

.top_li3 h3 {

    font-size: 0.34rem;

    margin-bottom: 0.3rem;

}

.top_li3 p {

    font-size: 0.28rem;

    line-height: 0.46rem;

}

.footer_cent_top {

    width: 100%;

    background: #f0f0f0;

    height: 1.5rem;

    line-height: inherit;

    padding: 0;

}

.footer_cent span:nth-child(1) {

    font-size: 0.26rem;

    text-align: center;

	width: 100%;

	margin-top:0.3rem;

}

.footer_cent span:nth-child(2) {

    font-size: 0.26rem;

    width: 100%;

	text-align: center;

}

.footer {

    width: 100%;

    background: #f0f0f0;

    height: auto;

    line-height: 0.5rem;

    position: absolute;

    bottom: 0;

    padding: 0;

}

.story_cent {

    width: 100%;

    float: inherit;

	padding-top:0rem;

   /* padding-top: 4.5rem;*/

    padding-bottom: 8rem;

}



#section-footer #footer-text {

    height: 8.64rem !important;

}

#footer-text .footer_top ul {

    padding: 0.5rem 0;

}

.footer-text22{

	position: relative;

}



}





@media screen and (max-width: 480px){ 

	.div2_img_2_right {

	    margin-top: -16%;

	    padding: 0.2rem 0.3rem;

	}

	.div2_img_2_right2 {

    margin-top: -20.5%;

    padding: 0.2rem 0.3rem;

}

	

} 







@media screen and (max-width: 414px){ 

	.index_one_bottom {

	    width: 100% !important;

	    opacity: 1;

	    background: url(../images/wap_one_bg.png) 0 100% no-repeat;

	    height: 8rem;

	    background-size: 100% 100%;

	}

	.index_one_bottom_txt p:first-child {

    font-size: 0.4rem;

    line-height: 0.6rem;

    margin-bottom: 0.15rem;

}

.index_one_bottom_txt p {

    font-size: 0.26rem;

    line-height: 0.4rem;

    margin-bottom: 0.15rem;

}

.index_two_text_left span {

    font-size: 0.6rem;

    margin-top: 0.6rem;

    padding-right: 0.2rem;

    position: relative;

    right: 0.4rem;

    padding-bottom: 0.45rem;

}

.index_two_text_cent_txt h3 {

    font-size: 0.3rem;

    line-height: 0.55rem;

}

.index_two_text_cent_txt p {

    font-size: 0.26rem;

    margin: 0.36rem 0 0.3rem 0;

    line-height: 0.4rem;

}

.index_two_right_botm {

    width: 62%;

    bottom: 0 !important;

    right: 0 !important;

}

.index_two_right_botm_shuidi {

    top: 16% !important;

    left: 2.6rem !important;

}

.xg5 li>div>img {

    width: 66%;

}

.index_three_text ul li b {

    left: 1.35rem;

    top: 4.6rem;

}

.index_four_text {

    height: 100%;

    background: url(../images/index4_bg.png) 88% 85% no-repeat;

    background-size: 140%;

}

.index_five_text {

    background: url(../images/index5_bg.png) 100% 85% no-repeat;

    background-size: 140%;

}

.index_four_texts p {

    font-size: 1rem;

    line-height: 1rem;

}

.index_four_texts h3 {

    font-size: 0.6rem;

    color: #c49858;

    margin: 0.7rem 0 0.6rem 0;

}

.index_seven_bottom {

    background: url(../images/index_bar_01_wap.png) 0% 100% no-repeat;

    height: 8rem;

    width: 100% !important;

    background-size: 100% 100%;

}

.index_seven_bottom_txt {

    position: absolute;

    top: 18%;

    left: 8%;

    width: 56%;

}



.div2_img_2_right {

    margin-top: -23%;

    padding: 0.2rem 0.3rem;

}

.div2_img_2_right2 {

    margin-top: -28.5%;

    padding: 0.2rem 0.3rem;

}

.nav_left ul li a {

    font-size: 0.26rem;

    color: #1a1a1a;

    line-height: 0.56rem;

}







} 

@media screen and (max-width: 400px){ 



} 

@media screen and (max-width: 392px) { 



} 

@media screen and (max-width: 385px){ 

	.index_seven_bottom {

	    background: url(../images/index_bar_01_wap.png) 0% 100% no-repeat;

	    height: 7.1rem;

	    width: 100% !important;

	    background-size: 100% 100%;

	}

	.index_four_texts p {

    font-size: 0.8rem;

    line-height: 0.8rem;

}

.index_three_text ul li b {

    top: 4.2rem;

    left: 1.2rem;

}

.index_one_bottom_txt p {

    font-size: 0.22rem;

    line-height: 0.38rem;

    margin-bottom: 0.15rem;

}

.index_one_bottom_txt p:first-child {

    font-size: 0.36rem;

    line-height: 0.5rem;

    margin-bottom: 0.15rem;

}

.index_one_bottom {

    width: 100% !important;

    opacity: 1;

    background: url(../images/wap_one_bg.png) 0 100% no-repeat;

    height: 7rem;

    background-size: 100% 100%;

}

.index_seven_bottom_txt p {

    font-size: 0.8rem;

}

.index_three_text ul li:nth-child(2) b {

    left: 1.9rem;

}

.index_three_text ul li b.index_3_02_b {

	    left: 1.9rem;

	}





} 

@media screen and (max-width: 375px){ 

	.index_two_right_botm {

    width: 50%;

    bottom: 0 !important;

    right: 0 !important;

}

.index_two_right_botm_shuidi {

    top: 16% !important;

    left: 1.8rem !important;

}

.index_two_right_botm_shuidi img {

    width: 65%;

}

.div2_img_2_right {

    margin-top: -22%;

    padding: 0.2rem 0.3rem;

}

.div2_img_2_right2 {

    margin-top: -30.5%;

    padding: 0.2rem 0.3rem;

}

.nav_left ul li a {

    font-size: 0.26rem;

    color: #1a1a1a;

    line-height: 0.54rem;

}

.footer_cent span:nth-child(1) {

    font-size: 0.24rem;

}

.footer_cent span:nth-child(2) {

    font-size: 0.24rem;

}





} 

@media screen and (max-width: 375px){ 

	.index_one_bottom {

	    width: 100% !important;

	    opacity: 1;

	    background: url(../images/wap_one_bg.png) 0 100% no-repeat;

	    height: 6.1rem;

	    background-size: 100% 100%;

	}

	.index_one_bottom_txt p {

	    font-size: 0.2rem;

	    line-height: 0.34rem;

	    margin-bottom: 0.1rem;

	}

	.index_one_bottom_txt p:first-child {

	    font-size: 0.3rem;

	    line-height: 0.44rem;

	    margin-bottom: 0.1rem;

	}

	.index_two_right_botm {

	    width: 50%;

	    bottom: 0;

	    right: 0;

	}

	

	.index_two_right_botm_shuidi {

	    top: 0.28rem;

	    left: 1.75rem;

	}

	.index_three_text ul li b {

	    position: absolute;

	    left: 1.2rem;

	    top: 4rem;

	    bottom: 0;

	}

	.index_three_text ul li b.index_3_02_b {

	    left: 1.7rem;

	}

	.index_three_text ul li:nth-child(2) b {

	    left: 1.5rem;

	}

	.index_two_text_left p {

	    font-size: 0.8rem;

	    line-height: 0.8rem;

	}

	.index_two_text_left span {

	    font-size: 0.5rem;

	    margin-top: 0.2rem;

	    padding-right: 0.2rem;

	    position: relative;

	    right: 0.4rem;

	    padding-bottom: 0.2rem;

	}

	.index_two_right_botm_shuidi {

	    top: 17% !important;

	    left: 1.8rem !important;

	}

	.index_two_right_botm_shuidi img {

	    width: 60%;

	}

	.index_four_text {

	    height: 100%;

	    background: url(../images/index4_bg.png) 100% 100% no-repeat;

	    background-size: 110%;

	}

	.index_four_texts a {

	    padding: 0.2rem 0.4rem;

	    display: inline-block;

	    font-size: 0.28rem;

	    background: url(../images/12345_03.png) 50% 50% no-repeat;

	    background-size: 100% 100%;

	    border: 0.02rem solid transparent;

	}

	.index_five_text {

	    height: 100%;

	    background: url(../images/index5_bg.png) 90% 83% no-repeat;

	    background-size: 140%;

	}

	.index_six_left p {

	    font-size: 0.55rem;

	    color: #c49858;

	}

	.index_six_left h3 {

	    font-size: 0.4rem;

	    color: #c49858;

	}

	.index_six_right {

	    margin-top: 0.4rem;

	}

	.index_six_right span {

	    font-size: 0.26rem;

	    margin-bottom: 0.4rem;

	}

	.index_six_right p a {

	    font-size: 0.28rem;

	    margin-bottom: 0.4rem;

	    line-height: 0.5rem;

	}

	.index_seven_bottom {

	    background: url(../images/index_bar_01_wap.png) 0% 100% no-repeat;

	    height: 6.2rem;

	    width: 100% !important;

	    background-size: 100% 100%;

	}



	.index_seven_bottom_txt p {

	    font-size: 0.6rem;

	}

	.index_seven_bottom_txt h3 {

	    font-size: 0.36rem;

	    color: #1a1a1a;

	    margin-top: 0.25rem;

	}

	.index_seven_bottom_txt {

	    position: absolute;

	    top: 12%;

	    left: 6%;

	    width: 67%;

	}

	.index_seven_bottom_txt h5 {

	    font-size: 0.2rem;

	    color: #1a1a1a;

	    line-height: 0.4rem;

	}

	.index_three_text ul li h3 {

	    font-size: 0.34rem;

	    margin-top: 1rem;

	    margin-bottom: 0.5rem;

	}

	.index_three_text ul li p {

	    font-size: 0.4rem;

	    margin-bottom: 0.8rem;

	}

	.index_four_texts p {

    font-size: 0.7rem;

    line-height: 0.8rem;

}

.index_four_texts h3 {

    font-size: 0.56rem;

    color: #c49858;

    margin: 0.5rem 0 0.45rem 0;

}

.div2_img_2_right {

    margin-top: -22%;

    padding: 0.2rem 0.3rem;

}

.div2_img_2_right2 {

    margin-top: -29.5%;

    padding: 0.2rem 0.3rem;

}





} 

@media screen and (max-width: 360px){ 

	.index_four_text {

	    height: 100%;

	    background: url(../images/index4_bg.png) 90% 90% no-repeat;

	    background-size: 140%;

	}

	.index_five_text {

	    height: 100%;

	    background: url(../images/index5_bg.png) 90% 90% no-repeat;

	    background-size: 140%;

	}



	.top_li2_div span img {

    margin-right: 0.01rem;

    width: 0.4rem;

}

}





@media screen and (max-width: 320px){ 

	.div2_img_2_right {

	    margin-top: -24%;

	    padding: 0.2rem 0.3rem;

	}

	.div2_img_2_right2 {

	    margin-top: -31%;

	    padding: 0.2rem 0.3rem;

	}

	.footer_cent span:nth-child(1) {

		font-size: 0.23rem;

	}

	.footer_cent span:nth-child(2) {

		font-size: 0.23rem;

	}

	.top_li2_div span img {

		margin-right: 0.01rem;

		width: 0.4rem;

	}



}





.tc_box{ width:220px; height:100%; position:fixed; right:0; top:0; background:#fff; z-index:999999999999; padding:50px 0 10px 23px; display:none;

-webkit-animation: zifadeInRight 0.8s ease 0.2s both;

-ms-animation: zifadeInRight 0.8s ease 0.2s both;

-moz-animation: zifadeInRight 0.8s ease 0.2s both;

-o-animation: zifadeInRight 0.8s ease 0.2s both;

animation: zifadeInRight 0.8s ease 0.2s both;}

.gonn {

    text-align: right;

    padding-right: 30px;

    margin-bottom: 20px;

    cursor: pointer;

}

.doni{ height:auto; overflow:hidden;}

.doni li{ line-height:24px; margin-bottom:30px;}

.doni li a{ display:block; background:url(../images/bg.jpg) no-repeat left 12px; padding-left:23px; color:#333333; font-size:16px;}

.doni li a i{ display:block; color:#999999; font-family: "OPENSANS-ITALIC"; font-size:15px; margin-top:5px; letter-spacing:-0.6px;}





		

@-webkit-keyframes zifadeInRight{

	0%{

		-webkit-transform:translateX(80px);

		opacity: 0;

	}

	100%{

		-webkit-transform:translateX(0px);

		opacity: 1;

	}

}

@-ms-keyframes zifadeInRight{

	0%{

		-ms-transform:translateX(80px);

		opacity: 0;

	}

	100%{

		-ms-transform:translateX(0px);

		opacity: 1;

	}

}

@keyframes zifadeInRight{

	0%{

		transform:translateX(80px);

		opacity: 0;

	}

	100%{

		transform:translateX(0px);

		opacity: 1;

	}

}









.cd-popup2 {

    position: fixed;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;

    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;

    transition: opacity 0.3s 0s, visibility 0s 0.3s;

    z-index:99999999;

}

.cd-popup2.is-visible2 {

    opacity: 1;

    visibility: visible;

    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;

    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;

    transition: opacity 0.3s 0s, visibility 0s 0s;

}

.cd-popup-container2 {

    position: relative;

    width:400px;

    margin:250px auto;

    height:auto;

    background: #FFF;

  -webkit-transform: translateY(-60px);

  -moz-transform: translateY(-60px);

  -ms-transform: translateY(-60px);

  -o-transform: translateY(-60px);

  transform: translateY(-60px);

    -webkit-backface-visibility: hidden;

    -webkit-transition-property: -webkit-transform;

    -moz-transition-property: -moz-transform;

    transition-property: transform;

    -webkit-transition-duration: 0.3s;

    -moz-transition-duration: 0.3s;

    -ms-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s;

	padding:40px;

	border-radius:10px;

}

.cd-popup-close2{ position: absolute;right:10px;top:18px; z-index: 10;width:12px;height:10px; background:url(../images/bg6_1.png) no-repeat; display: block;}

.is-visible2 .cd-popup-container2 {

	-webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  }



.toxn{ height:auto; position:relative;}

.toxn p{ clear:both; overflow:hidden; text-align:center;}

.toxn p img{ display:inline-table;}

.toxn h1{ text-align:center; color:#333; font-size:16px; line-height:28px;}



@media(max-width:414px){

.cd-popup-container2 {

    position: relative;

    width:68%;

    margin:150px auto;

    height:auto;

    background: #FFF;

  -webkit-transform: translateY(-60px);

  -moz-transform: translateY(-60px);

  -ms-transform: translateY(-60px);

  -o-transform: translateY(-60px);

  transform: translateY(-60px);

    -webkit-backface-visibility: hidden;

    -webkit-transition-property: -webkit-transform;

    -moz-transition-property: -moz-transform;

    transition-property: transform;

    -webkit-transition-duration: 0.3s;

    -moz-transition-duration: 0.3s;

    -ms-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s;

	padding:40px;

	border-radius:10px;

}	

}









.cd-popup3 {

    position: fixed;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;

    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;

    transition: opacity 0.3s 0s, visibility 0s 0.3s;

    z-index:99999999;

}

.cd-popup3.is-visible3 {

    opacity: 1;

    visibility: visible;

    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;

    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;

    transition: opacity 0.3s 0s, visibility 0s 0s;

}

.cd-popup-container3 {

    position: relative;

    width:400px;

    margin:250px auto;

    height:auto;

    background: #FFF;

  -webkit-transform: translateY(-60px);

  -moz-transform: translateY(-60px);

  -ms-transform: translateY(-60px);

  -o-transform: translateY(-60px);

  transform: translateY(-60px);

    -webkit-backface-visibility: hidden;

    -webkit-transition-property: -webkit-transform;

    -moz-transition-property: -moz-transform;

    transition-property: transform;

    -webkit-transition-duration: 0.3s;

    -moz-transition-duration: 0.3s;

    -ms-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s;

	padding:40px;

	border-radius:10px;

}

.cd-popup-close3{ position: absolute;right:10px;top:18px; z-index: 10;width:12px;height:10px; background:url(../images/bg6_1.png) no-repeat; display: block;}

.is-visible3 .cd-popup-container3 {

	-webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  }



@media(max-width:414px){

.cd-popup-container3 {

    position: relative;

    width:68%;

    margin:150px auto;

    height:auto;

    background: #FFF;

  -webkit-transform: translateY(-60px);

  -moz-transform: translateY(-60px);

  -ms-transform: translateY(-60px);

  -o-transform: translateY(-60px);

  transform: translateY(-60px);

    -webkit-backface-visibility: hidden;

    -webkit-transition-property: -webkit-transform;

    -moz-transition-property: -moz-transform;

    transition-property: transform;

    -webkit-transition-duration: 0.3s;

    -moz-transition-duration: 0.3s;

    -ms-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s;

	padding:40px;

	border-radius:10px;

}	

}



.buo{ position:absolute; left:-10px; top:53px; width:200px; height:0px; overflow:hidden; background:#fff;transition: all 0.5s ease;}
.buo p{ line-height:30px;}
.menu li .buo p a{ color:#333; font-size:14px;}
.nav_top .menu li:hover .buo{ height:auto; padding-top:10px; border:1px solid #ececec;}

.menu li .buo p a:hover{

		color:#c49858;

	}