/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input,button,textarea,dl,dt{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;font-family: normal;font-weight: normal;}
body{ font-size:14px;font-family:' '; color:#111;overflow-x: hidden;}
a img{
  border: 0;
}
em {
  font-style: normal;
}
body.head_on{overflow:hidden;}
a{text-decoration:none;color: #333;transition: all .3s;}
*{
	box-sizing: border-box;
}
input,textarea{
	outline: none;
}
.clear{ margin:0; padding:0; font-size:0; clear:both; }

.wapper{
	width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
	box-sizing: border-box;
}
@media only screen and (min-width: 1200px){
	.wapper{
		width: 1480px;
		margin: 0 auto;
	}
}

/* 轮播图通用 */
.swiper {width: 100%;height: 100%;}
.swiper-slide
{
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{
	width: 100%;
}

.overflow1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.overflow2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.overflow3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}


/* 导航 */
.headerbox{
	width: 100%;
	margin:  0 auto;
	
}
.headerbox.active{background: #fff;z-index: 99;top: 0;left: 0;width: 100%;position: fixed;}
.headerbox .header{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.headerbox .header .menu ul li{
	position: relative;
	display: inline-block;
}
.headerbox .header .menu ul li a{
	font-size: 15px;
    line-height: 1;
    padding: 35px 15px;
    color: #272023;
    display: flex;
    position: relative;
    text-decoration: none;
}

.headerbox .header .menu ul li:hover>a{
	color: #a07a3c;
}
.headerbox .header .menu ul li.curr a{
	color: #a07a3c;
}
.headerbox .header .menu ul li .sub_menu{
	min-width: 200%;
    position: absolute;
    top: 140%;
    left: -50%;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    background: white;
    transition: all 400ms ease;
}
.headerbox .header .menu ul li:hover > dl {
    opacity: 1;
    visibility: visible;
    top: 100%;
	
}

.headerbox .header .menu ul li dd {
    position: relative;
    display: block;
	text-align: center;
}
.headerbox .header .menu dl dd>.three_menu{
	min-width: 100%;
    position: absolute;
    left: 100%;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    background: white;
    transition: all 400ms ease;
}
.headerbox .header .menu dl dd:hover>.three_menu {
    opacity: 1;
    visibility: visible;
    top: 0px;
	
}
.headerbox .header .menu ul li dl dd a {
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    color: #272023;
    text-align: left;
    display: block;
    padding: 15px 25px 15px 25px;
    position: relative;
    text-decoration: none;
    outline: none;
	text-align: center;
    text-transform: none;
    transition: all 400ms ease;
    border-bottom: 1px solid #f4f4f4;
}
.headerbox .header .menu ul li dl dd:hover{
    color: #333;
}
.headerbox .header .menu ul li dl dd:hover>a{
	 color: #a07a3c;
}

.searchbox{
	width: 170px;
	
	position: relative;
}
.searchbox input{
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 38px;
	height: 35px;
	padding: 0 30px 0 15px;
}
.searchbox .search_btn{
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.searchbox .search_btn img{
	width: 20px;
}




/*mMenu*/
.m_header{width: 100%;}
.sp_header{height:70px;overflow:hidden;background:#fff;position:fixed;z-index:999;width:100%;display: none;top: 0;}
.sp_logo{float:left;height:70px;display: flex;justify-content: center;align-items: center;padding-left: 10px;}
.sp_logo img{margin:auto;max-height:50px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:20px;margin-top:19px}
/* 横杠 */
    .sp_nav
    span {
        display: block;
        background: #ff0000;
        width: 30px;
        height: 2px;
        position: absolute;
        left: 10px;
        transition: all ease 0.35s
    }
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9999;background:#fff;width:100%;height:calc(100% - 70px);font-size:14px;line-height:40px;top:70px;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display: none;transition:all ease 0.35s}
.nav_show{display: block;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-bottom: 1px dashed #ddd;;position:relative;line-height:45px;font-size:16px}
.sjj_nav>ul >li:last-child{border-bottom: 1px dashed #ddd;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#333;width:100%;padding: 0 20px;display: block;box-sizing: border-box;}
.sjj_nav ul li a:hover{color: #000000;}
.sjj_nav ul li ul li a{color:#333;display:block;text-align:left;}
.sjj_nav ul li i svg{width:25px;height:25px;fill:#333;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#333}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav ul li ul li{border-top: none;}
.sjj_nav ul li ul li a{padding: 0 30px;}


/* banner */
.bannerbox{
	width: 100%;
}
.bannerbox .mySwiper1{
	width: 100%;
}
.bannerbox .mySwiper1 .swiper-slide a{
	display: block;
	font-size: 0;
	width: 100%;
}
.bannerbox .mySwiper1 .swiper-slide a img{
	width: 100%;
}


.bannerbox .mySwiper1 .prev_btn{
	position: absolute;
	top: 50%;
	z-index: 9;
	left: 5%;
	margin-top: -25px;
	cursor: pointer;
	width: 70px;
	height: 70px;
	border-radius: 6px;
	background-color: rgb(0, 0, 0,0.1);
}
.bannerbox .mySwiper1 .prev_btn img{
	width: 100%;
}
.bannerbox .mySwiper1 .next_btn{
	position: absolute;
	top: 50%;
	z-index: 9;
	right:5%;
	margin-top: -25px;
	cursor: pointer;
	width: 70px;
	height: 70px;
	border-radius: 6px;
	background-color: rgb(0, 0, 0,0.1);
}
.bannerbox .mySwiper1 .next_btn img{
	width: 100%;
}

.bannerbox_m{
	width: 100%; margin-top:70px; display:none;
}
.bannerbox_m .mySwiper1_m{
	width: 100%;
}
.bannerbox_m .mySwiper1_m .swiper-slide a{
	display: block;
	font-size: 0;
	width: 100%;
}
.bannerbox_m .mySwiper1_m .swiper-slide a img{
	width: 100%;
}


.bannerbox_m .mySwiper1_m .prev_btn{
	position: absolute;
	top: 50%;
	z-index: 9;
	left: 5%;
	margin-top: -25px;
	cursor: pointer;
	width: 70px;
	height: 70px;
	border-radius: 6px;
	background-color: rgb(0, 0, 0,0.1);
}
.bannerbox_m .mySwiper1_m .prev_btn img{
	width: 100%;
}
.bannerbox_m .mySwiper1_m .next_btn{
	position: absolute;
	top: 50%;
	z-index: 9;
	right:5%;
	margin-top: -25px;
	cursor: pointer;
	width: 70px;
	height: 70px;
	border-radius: 6px;
	background-color: rgb(0, 0, 0,0.1);
}
.bannerbox_m .mySwiper1_m .next_btn img{
	width: 100%;
}



.btextbox{width: 100%;margin: 0 auto;background: #000000;padding: 20px 0;}
.btext{width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.btext .b_title{width: 45%;}
.btext .b_num{width: 50%;}
.btext .b_title h1{font-size: 36px;color: #fff;padding-top: 5px;position: relative;}
.btext .b_title h1::before{content: "";width: 120px;height: 6px;background: #000000;position: absolute;left: 0;top: 0;}

.btext .b_num ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.btext .b_num ul li{width: 25%;}
.btext .b_num ul li h3{font-size: 36px;color: #fff;margin-bottom: 10px;}
.btext .b_num ul li h4{font-size: 26px;color: #fff;}


.mapbox{width: 100%;margin: 0 auto;padding: 50px 0;background-repeat: no-repeat;background-size: cover;}
.map{width: 100%;margin: 0 auto;}
.map_title{text-align: center;width: 100%;margin-bottom: 20px;}
.map_title h1{margin-bottom: 20px;font-size: 30px;color: #FFE599;}
.map_title p{font-size: 22px;color: #fff;}
.map .imgbox{width: 100%;font-size: 0;margin-bottom: 30px;display: flex;align-items: center;justify-content: center;}
.map .imgbox img{max-width: 100%;width: auto;border-radius: 20px;}

.map_num{width: 100%;}
.map_num ul{display: flex;align-items: center;justify-content: center;}
.map_num ul li{width: 20%;padding: 0 20px;}
.map_num ul li h1{font-size: 38px;color: #fff;}
.map_num ul li h3{font-size: 24px;color: #fff;line-height: 35px;}


.ml_sidebar {
        position: fixed;
        bottom: 50%;
        right: 0px;
        z-index: 99999;
        /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
    }
    .ml_sidebar ul li {
        width: 65px;
        height: 65px;
        background-color: #000000;
        text-align: center;
        color: #fff;
        border-bottom: 1px solid #fff;
        cursor: pointer;
        position: relative;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    .ml_sidebar ul li i {
        font-size: 30px !important;
    }
    .ml_sidebar ul li span {
        font-size: 12px !important;
    }
    .ml_sidebar_pos {
        transition: all ease 0.4s;
        height: 65px;
        width: 200px;
        position: absolute;
        background-color: #000000;
        color: #fff;
        right: 100%;
        top: 0;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        transform: rotateX(90deg);
        border-bottom: 1px solid #000000;
    }
    .ml_sidebar_pos_code {
        width: 150px !important;
        height: 150px !important;
        padding: 10px;
    }
    .ml_sidebar_pos_code img {
        width: 100%;
    }
    .ml_sidebar ul li:hover .ml_sidebar_pos {
        transform: rotateX(0deg);
    }
    .backtotop {
        border-bottom: none !important;
        transition: all 0.3s;
    }
    .ml_sidebar_show1 {
        opacity: 1 !important;
        visibility: visible !important;
    }



/* index1 */
.scroll_01{
	padding: 0 30px;
	box-sizing: border-box;
}
.index1_content{
	/*background-color: #b7b7b7;*/
	padding-bottom: 10px;
	overflow: hidden;
}
.index1_content ul li{
	width: 14%;
	margin-right: 10px;
	position: relative;
}
.index1_content ul li a{
	display: block;
	width: 100%;
}
.index1_content ul li a .imgbox{
	width: 100%;
	font-size: 0;
	position: relative;
}
.index1_content ul li a .imgbox>img{
	width: 100%;
}
.index1_content ul li a .textbox{
	padding: 15px;
	text-align: left;
	height: 100px;
	transition: all 0.5s;
	background-color: #fff;
	color: #666;
}
.index1_content ul li:hover a .textbox{
	background-color: #f9be00;
	color: #fff;
}

.zhao{
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgb(255, 255, 255,0.4);
	width: 100%;
	height: 100%;
	display: none;
	transition: all 0.5s;
}
.hover_img{
	left: 50%;
    opacity: 0;
    position: absolute;
    top: 0;
	width: 50px !important;
	height: 50px;
	transform: translate(-50%,-50%);
    transition: all .5s ease-out 0s;
    visibility: hidden;
}
.index1_content ul li:hover .zhao{
	display: block;
}
.index1_content ul li:hover .hover_img{
	top: 50%;
	
	opacity: 1;
	visibility: visible;
}


/* index2 */
.index2box{
	padding-top: 200px;
}
.index2box .index2{
	width: 100%;
	background-color: #fff;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.index2box .index2 .about_title{
	position: absolute;
	right: 110px;
	top: -100px;
}
.index2box .index2 h3{
	position: absolute;
	left: 61%;
	color: #fff;
	font-size: 25px;
	font-weight: 700;
	top: -80px;
}
.index2box .index2 .index2_left{
	width: 52%;
	position: relative;
	
}
.index2box .index2 .index2_left .imgbox{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.index2box .index2 .index2_left .imgbox img{
	max-width: 100%;
	width: auto;
}
.index2box .index2 .index2_right{
	width: 45%;
	padding: 80px 30px 30px 0;
}
.index2box .index2 .index2_left .videobox{
	position: relative;
	display: flex;
	width: 100%;
	margin: 0 auto;
	margin-top: -70px;
	justify-content: center;
	align-items: center;
}
.index2box .index2 .index2_left .videobox video{
	width: 100%;
	position: relative;
	z-index: 8;
}
.index2box .index2 .index2_left .videobox img{
	left: 50%;
	top: 50%;
	position: absolute;
	transform: translate(-50%,-50%);
	width: 80px;
	z-index: 9;
	cursor: pointer;
}

.index2box .index2 .index2_right .index2_r_tab{
	width: 100%;
	margin-bottom: 30px;
}
.index2_r_tab ul{
	display: flex;
	align-items: center;
	justify-content: center;
}
.index2_r_tab ul li{
	background-color: #333;
	padding: 0 25px;
	height: 40px;
	text-align: center;
	cursor: pointer;
	line-height: 40px;
	position: relative;
	border-right: 1px solid #fff;
}
.index2_r_tab ul li .li_bg{
	height: 0;
	opacity: 0;
	transition: all 0.3s ease;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	width: 100%;
	z-index: 8;
}
.index2_r_tab ul li.on .li_bg{
	height: 40px;
	opacity: 1;
	background-color: #f9be00;
}
.index2_r_tab ul li:last-child{
	border-right: 0px solid transparent;
}
.index2_r_tab ul li span{
	color: #fff;
	font-size: 16px;
	position: relative;
	z-index: 9;
}


.index2_r_box{
	width: 100%;
}

.index2_r_box ul li{
	width: 100%;
	display: none;
}
.index2_r_box ul li.on{
	display: block;
}
.index2_r_box ul li .desc{
	overflow-y: scroll;
	height: 235px;
}
.index2_r_box ul li .desc p{
	font-size: 14px;
	color: #78797a;
	line-height: 25px;
}




/* index3 */
.index3box{
	padding-top: 70px;
	padding-bottom: 100px;
	width: 100%;
	margin: 0 auto;
}
.index3box .index3{
	width: 100%;
	margin: 0 auto;
}
.index3_title{
	width: 100%;
	text-align: center;
}
.index3_title h1{
	font-size: 36px;
	color: #FF7900;
	margin-bottom: 10px;
}
.index3_title p{
	font-size: 14px;
	color: #929292;
	padding-bottom: 15px;
	position: relative;
}
.index3_title p:after{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 50px;
	height: 1px;
	background-color: #929292;
	content: "";
	bottom: 0;
}

.index3_content{
	margin-top: 60px;
}
.index3_content ul{
	display: flex;
	justify-content: center;align-items: flex-start;
}
.index3_content ul li{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 14%;
	padding: 0 9px;
	box-sizing: border-box;
	transition: all 0.3s ease;
}
.index3_content ul li .li_inner{
	width: 100%;
	text-align: center;
}
.index3_content ul li h3{
	font-size: 16px;
	color: #fff;
	transition: all 0.3s ease;
	margin-bottom: 10px;
}

.index3_content ul li:hover h3{
	color: #f9be00;
}
.index3_content ul li:hover{
	margin-top: -20px;
}
.index3_content ul li p{
	font-size: 14px;
	color: #929292;
}



/* index4 */
.index4box{
	padding-top: 80px;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.index4box .wapper{
	width: 80%;
}
.index4box .index4{
	width: 100%;
	margin: 0 auto;
}
.main_title{
	text-align: center;
	width: 100%;
}
.main_title h3{
	color: rgb(160, 122, 60);
	font-size: 20px;
	margin-bottom: 15px;
}
.main_title p{
	font-size: 14px;
	color: #777;
}
.index4_content{position: relative;width: 100%;}
.i4_swiper{width: 90%;padding: 50px 0 !important;margin: 0 auto;}
.i4_swiper .swiper-slide a{display: block;width: 100%;}
.i4_swiper .swiper-slide a .imgbox{width: 100%;font-size: 0;background: #fff;display: flex;align-items: center;justify-content: center;}
.i4_swiper .swiper-slide a .imgbox img{width: auto;height: 100px;}
.i4_next,.i4_prev{position: absolute;top: 50%;transform: translateY(-50%);z-index: 9;cursor: pointer;font-size: 30px;color: #666;}
.i4_next{right: 0;}
.i4_prev{left: 0;}


/* .index4_content{
	padding: 50px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.index4_content ul{
	display: flex;
	flex-wrap: wrap;
}
.index4_content ul li{
	width: 20%;
	padding: 0 5px;
	margin-bottom: 15px;
	box-sizing: border-box;
}
.index4_content ul li a{
	display: block;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	background-repeat: no-repeat;
}

.index4_content ul li a .imgbox{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
    .index4_content ul li a .imgbox img {
        max-width: 100%;
        padding: 0 15px 0 25px ;width: auto;
    }
.index4_content ul li a p{
	text-align: center;
	color: #777;
    padding-top:15px;
}
.index4_content ul li:hover a p{
	color: #a07a3c;
} */


.main_title1{
	text-align: left;
}
.index5box{
	padding-top: 80px;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.index5box .wapper{
	width: 1480px;
}
.index5box .index5{
	width: 100%;
	margin: 0 auto;
}
.index5_content{
	padding: 50px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.index5_content .index5_left{
	width: 48%;
}
.index5_content .index5_right{
	width: 48%;
}
.index5_content .index5_right .imgbox{
	display: flex;
	align-items: center;
	justify-content: center;
}
.index5_content .index5_right img{max-width: 100%;width: auto;}

.index5_content .video_tc{
	display: none;
}

.index5_content .index5_left .desc{
	width: 100%;
	margin-bottom: 40px;
}
.index5_content .index5_left .desc p{
	font-size: 14px;
	color: #777;
	line-height: 35px;
}
.index5_content .index5_left .videobox{
	width: 100%;
	position: relative;
}
.index5_content .index5_left .videobox video{
	width: 100%;
}
.index5_content .index5_left .videobox .icon5{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 60px;
	transform: translate(-50%,-50%);
	z-index: 9;
	cursor: pointer;
}
.index5_content .index5_left .videobox .imgbox{
	width: 100%;
}
.index5_content .index5_left .videobox .imgbox img{
	width: 100%;
}


.video_tc{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	width: 100%;
	bottom: 0;
	background-color: rgb(0, 0, 0,0.7);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 99;
}
.video_tc.active{
	display: flex;
}

.video_tc .video{
	width: 60%;
	padding: 50px 0;
	box-sizing: border-box;
	position: relative;
	background-color: #000;
}
.video_tc .video .close{
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 30px;
	color: #fff;
	cursor: pointer;
}
.video_tc .video .close i{
	font-style: normal;
}
.video_tc .video video{
	width: 100%;
	max-height: 500px;
	object-fit: cover;
}
.video_tc .video .icon5{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 60px;
	transform: translate(-50%,-50%);
	z-index: 9;
	cursor: pointer;
}




/* index6 */
.index6box{
	padding-top: 80px;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.index6box .wapper{
	width: 1480px;
}
.index6box .index6{
	width: 100%;
	margin: 0 auto;
}

.index6box .index6 .desc{
	margin-top: 20px;
	text-align: center;
	font-size: 14px;
	color: #777;
}

.index6_content{
	padding: 50px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.index6_content ul{
	display: flex;
	flex-wrap: wrap;
}
.index6_content ul li{width: 20%;border: 1px solid #efefef;transition:  all 0.3s; background:#000000;}
.index6_content ul li a{display: flex;width: 100%;align-items: center;justify-content: center;padding: 5px;min-height: 200px;}
.index6_content ul li a img{max-width: 100%;width: auto;height: 100%;}
.index6_content ul li a .img1{display: block;}
.index6_content ul li a .img2{display: none;}
.index6_content ul li:hover a .img2{display: block;}
.index6_content ul li:hover a .img1{display: none;}
.index6_content ul li:hover{background-color: #000;}

/* index7 */
.index7box{
	padding-top: 80px;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 100px;
}
.index7box .wapper{
	width: 1480px;
}
.index7box .index7{
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.index7box .index7 .index7_left{
	width: 48%;
}
.index7box .index7 .index7_left .imgbox{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.index7box .index7 .index7_right{
	width: 48%;
}
.index7_right .index7_r_content{
	padding: 50px 0;
	box-sizing: border-box;
	width: 100%;
}
.index7_right .index7_r_content ul li{
	margin-bottom: 20px;
	width: 100%;
}
.index7_right .index7_r_content ul li .index7_item{
	width: 100%;
	background-color: #fff;
	border: 1px solid transparent;
	padding: 15px;
	box-sizing: border-box;
	transition: all 0.3s ease;
	border-radius: 5px;
}
.index7_right .index7_r_content ul li:hover .index7_item{
	border: 1px solid #a07a3c;
}
.index7_item h3{
	font-size: 16px;
	color: #666;
	margin-bottom: 10px;
}

.index7_item p{
	font-size: 14px;
	color: #777;
	line-height: 35px;
}




/* index8 */
.index8box{
	padding-top: 80px;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.index8box .wapper{
	width: 1480px;
}
.index8box .index8{
	width: 100%;
	margin: 0 auto;
}


.index8_content{
	padding: 50px 0;
	box-sizing: border-box;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.index8_content .index8_item{
	width: 32%;
	padding: 20px;
	transition: all 0.3s ease;
	border-radius: 5px;
	border: 1px solid transparent;
}
.index8_content .index8_item:hover{
	border: 1px solid #a07a3c;
	background-color: #fff;
}
.index8_content .index8_item .imgbox{
	width: 100%;
	position: relative;
}
.index8_content .index8_item .imgbox img{
	width: 100%;
}
.index8_content .index8_item .imgbox .icon5{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 60px;
	cursor: pointer;
	z-index: 9;
}
.index8_content .index8_item .textbox{
	padding: 20px 0;
	box-sizing: border-box;
	text-align: center;
}
.index8_content .index8_item .textbox h3{
	font-size: 16px;
	color: #666;
}
.index8_content .index8_item .textbox p{
	font-size: 14px;
	color: #777;
	line-height: 35px;
}


.index8_btn{
	text-align: center;
}
.index8_btn a{
	display: block;
	width: 180px;
	height: 45px;
	line-height: 45px;
	background-color: #a07a3c;
	margin: 0 auto;
	font-size: 14px;
	color: #fff;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
}

@-webkit-keyframes wave {
	0% {
		background: rgba(0, 0, 0, .25);
		-webkit-transform: translateX(-50%) translateY(-50%) scale(0);
		transform: translateX(-50%) translateY(-50%) scale(0)
	}

	to {
		background: transparent;
		-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
		transform: translateX(-50%) translateY(-50%) scale(1)
	}
}

@keyframes wave {
	0% {
		background: rgba(0, 0, 0, .25);
		-webkit-transform: translateX(-50%) translateY(-50%) scale(0);
		transform: translateX(-50%) translateY(-50%) scale(0)
	}

	to {
		background: transparent;
		-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
		transform: translateX(-50%) translateY(-50%) scale(1)
	}
}


.index8_btn a:before{
	border-radius: 50%;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    padding-top: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: all .6s;
    transition: all .6s;
    width: 100%;
	
}
.index8_btn a:hover:before{
	-webkit-animation: wave .75s;
	animation: wave .75s;
	z-index: 1;
	
}




/* index9 */
.index9box{
	padding-top: 80px;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.index9box .wapper{
	width: 1480px;
}
.index9box .index9{
	width: 100%;
	margin: 0 auto;
}


.index9_content{
	padding: 50px 0;
	box-sizing: border-box;
	width: 100%;
}
.index9_content ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.index9_content ul li{
	width: 48%;
	padding: 25px 0;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
}
.index9_content ul li a{
	display: block;
	width: 100%;
}
.index9_content ul li a h3:hover{
	color: #a07a3c;
}
.index9_content ul li a h3{
	font-size: 16px;
	color: #333;
	margin-bottom: 10px;
}
    .index9_content ul li a img {
    width:100%;
    }
    .index9_content ul li a span {
        display: block;
        font-size: 14px;
        color: #999;
        margin-bottom: 10px;
    }
.index9_content ul li a p{
	font-size: 14px;
	color: #777;
	line-height: 35px;
}



/* index10 */
.index10box{
	padding-top: 20px;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.index10box .wapper{
	width: 1480px;
}
.index10box .index10{
	width: 100%;
	margin: 0 auto;
}

.index10_title{
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.index10_title .left_title h1{
	font-size: 44px;
	color: #000;
	font-weight: bold;
	margin-bottom: 10px;
}
.index10_title .left_title h3{
	font-size: 16px;
	color: #476089;
}
.index10_title .imgbox{
	width: 80px;
}
.index10_title .imgbox img{
	width: 100%;
}

.index10_top{
	padding: 50px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.index10_top ul{
	display: flex;
	flex-wrap: wrap;
}
.index10_top ul li{
	width: 23.5%;margin-right: 2%;margin-bottom: 20px;
}
.index10_top ul li:nth-child(4n){margin-right: 0;}
.index10_top ul li a{display: block;width: 100%;}
.index10_top ul li a .imgbox{border: 1px solid #efefef;font-size: 0;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;}
.index10_top ul li a .imgbox img{width: 100%;}
.index10_top ul li a p{text-align: center;font-size: 16px;color: #666;}

.index10_bot{
	padding-bottom: 50px;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.index10_bot ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.index10_bot ul li{
	width: 19%;
	text-align: center;
	position: relative;
}
.index10_bot ul li:after{
	content: "";
	width: 2px;
	height: 16px;
	background: #e0d8dc;
	z-index: 9999;
	right: 0px;
	top: 50%;
	display: block;
	position: absolute;
	margin-top: -8px;
}
.index10_bot ul li:last-child::after{
	display: none;
}
.index10_bot ul li .imgbox{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.index10_bot ul li .imgbox img{
	max-width: 100%;
	width: auto;
}
.index10_bot ul li h3{
	font-size: 20px;
	color: #000;
	font-weight: 600;
	margin-bottom: 10px;
}
.index10_bot ul li p{
	font-size: 15px;
	color: #000;
}











/* footerbox */
.footerbox{
	width: 100%;
	margin: 0 auto;
}
.footerbox .footer_topbox{
	padding-top: 20px;
	padding-bottom: 30px;
	box-sizing: border-box;
	width: 100%;
}
.footerbox .footer_topbox .wapper{
	width: 1480px;
}
.footerbox .footer_topbox .footer_top{
	width: 100%;
	margin: 0 auto;
}
.footer_top .f_logo{
	/*width: 100%;*/
    float:left;margin-right:3%;
	margin-bottom: 60px;
}
.footer_top .f_logo img{max-width: 100%;width: auto;}
.footer_top .footer_list{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
}
.footer_top .footer_list ul{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.footer_top .footer_list ul li{
	margin-right: 20px;
}
.footer_top .footer_list ul li:last-child{
	margin-right: 0;
}
.footer_top .footer_list ul li a{
	font-size: 15px;
	color: white;
    line-height:40px;
}
.footer_top .else_xinix{
	padding-top: 30px;
	border-top: 1px solid #555;
}
.footer_top .else_xinix ul{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.footer_top .else_xinix ul li{
	width: 33%;
}
.footer_top .else_xinix ul li span{
	font-size: 14px;
	color: #e1e1e1;
}

.footerbox .footer_botbox .wapper{
	width: 1480px;
}
.footerbox .footer_botbox .footer_bot{
	padding: 50px 0;
	box-sizing: border-box;
	text-align: center;
}
.footerbox .footer_botbox .footer_bot p{
	font-size: 14px;
	color: #8b919d;
}
.footerbox .footer_botbox .footer_bot p a{
	font-size: 14px;
	color: #8b919d;
	padding: 0 5px;
}
.footerbox .footer_botbox .footer_bot p a:hover{
	color: #fff;
}



.out_top{
	position: fixed;
	bottom: 50px;
	right: 57px;
	display: block;
}
.out_top img{
	width: 50px;
}







/* 通用内页 */
.inbannerbox{
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.inbannerbox img{
	width: 100%;
}



.insidebox{
	width: 100%;
	margin: 0 auto;
}
.insidebox .wapper{
	max-width: 1480px;
}
.insidebox .wapper .inside{
	width: 100%;
	padding: 50px 0;
	box-sizing: border-box;
}



/* 品牌介绍 */
.about1box{
	padding: 80px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.about1box .about1{
	width: 100%;
	display: flex;
	justify-content: flex-start;
}
.about1box .about1 .about1_left{
	width: 100%;
}

.about1box .about1 .about1_left .desc{
	margin-top: 25px;
}
.about1box .about1 .about1_left .desc p{
	margin-bottom: 15px;
	font-size: 14px;
	color: #777;
}

.about1_img{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.about1_img img{
	max-width: 32.33%;
	width: auto;
    margin-top:2%;
}


.about2box{
	width: 100%;
	position: relative;
}
.about2box img{
	width: 100%;
}
.about2box .icon8_btn{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 60px;
	cursor: pointer;
	transform: translate(-50%,-50%);
}


.about3box{
	padding: 80px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.about3box .about3{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.about3box .about3 .about3_left{
	width: 48%;
}
.about3box .about3 .about3_left .imgbox{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.about3box .about3 .about3_left .imgbox img{
	max-width: 100%;
	width: auto;
}
.about3box .about3 .about3_right{
	width: 48%;
}
.about3box .about3 .about3_right .desc{
	margin-top: 30px;
}
.about3box .about3 .about3_right .desc p{
	font-size: 14px;
	color: #777;
	margin-bottom: 30px;
}



.about4box{
	padding: 80px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.about4box .about4{
	width: 100%;
	margin: 0 auto;
}
.about4box .about4 .desc{
	text-align: center;
	margin-top: 50px;
}
.about4box .about4 .desc p{
	font-size: 14px;
	color: #777;
}
.about4box .about4 .about4_content{
	margin: 0 auto;
	margin-top: 30px;
	width: 100%;
}
.about4box .about4 .about4_content ul{
	display: flex;
	flex-wrap: wrap;
}
.about4box .about4 .about4_content ul li{
	width: 25%;
	padding: 0 10px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.about4box .about4 .about4_content ul li img{
	width: 100%;
}


/* product */
.product2box{
	padding: 80px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}

.product2box .product2{
	width: 100%;
	margin: 0 auto;
}

.product2_content .index8_item{
	background-color: #fff;
	margin-bottom: 20px;
}



/* news */
.newsbox{
	padding: 80px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.newsbox .news{
	width: 100%;
	margin: 0 auto;
}

.news_content{
	width: 100%;
	margin: 0 auto;
	padding: 50px 0;
	box-sizing: border-box;
}
.news_content .news_top{
	width: 100%;
}
.news_content .news_top ul{
	display: flex;
	flex-wrap: wrap;
}
.news_content .news_top ul li{
	width: 33.33%;
	padding: 0 15px;
	box-sizing: border-box;
	margin-bottom: 15px;
}
.news_content .news_top ul li a{
	display: block;
	width: 100%;
}
.news_content .news_top ul li a .imgbox{
	width: 100%;
	font-size: 0;
}
.news_content .news_top ul li a .imgbox img{
	width: 100%;
}
.news_content .news_top ul li a .textbox{
	padding: 20px;
	border: 1px solid transparent;
	transition: all 0.3s ease;
	margin-top: -1px;
}
.news_content .news_top ul li a .textbox h3{
	font-size: 16px;
	color: #333;
	margin-bottom: 15px;
}
.news_content .news_top ul li a .textbox h3:hover{
	color: #a07a3c;
}
.news_content .news_top ul li:hover .textbox{
	border: 1px solid #a07a3c;
}
.news_content .news_top ul li a .textbox p{
	font-size: 14px;
	color: #777;
}

.news_content .news_top ul li a .textbox .date{
	padding: 30px 0 20px 0;
	margin-top: 30px;
	border-top: 1px solid #ddd;
	opacity: 0;
	transition: all 0.3s ease;
}
.news_content .news_top ul li a .textbox .date span{
	font-size: 16px;
	color: #999;
}
.news_content .news_top ul li:hover a .textbox .date{
	opacity: 1;
}


.news_bot{
	padding: 0;
}




/* contact */
.contact1box{
	padding: 80px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.contact1box .contact1{
	width: 100%;
	margin:  0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}
.contact1box .contact1 .contact1_left{
	width: 48%;
}
.contact1box .contact1 .contact1_right{
	width: 48%;
}
.contact1box .contact1 .contact1_right img{
	width: 100%;
}

.contact1box .contact1 .contact1_left .contact1_desc{
	font-size: 14px;
	color: #777;
	line-height: 35px;
	margin-top: 30px;
}
.contact1_desc .contact_else_xinxi{
	margin-top: 30px;
}
.contact1_desc .contact_else_xinxi ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.contact1_desc .contact_else_xinxi ul li{
	margin-right: 20%;
}



.contact2box{
	padding: 80px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.contact2box .contact2{
	width: 100%;
	margin: 0 auto;
}
.contact2box .contact2 .contact2_content{
	margin-top: 50px;
}
.contact2box .contact2 .contact2_content ul{
	display: flex;
	flex-wrap: wrap;
}
.contact2box .contact2 .contact2_content ul li{
	width: 25%;
	padding: 0 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.contact2box .contact2 .contact2_content ul li img{
	width: 100%;
}


.contact3box{
	padding: 80px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.contact3box .contact3{
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.contact3box .contact3 .contact3_item span{
	color: red;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -20px;
}
.contact3box .contact3 .contact3_item{
	width: 30%;
	margin-bottom: 20px;
	position: relative;
}
.contact3box .contact3 .contact3_item2{
	width: 100%;
	position: relative;
}
.contact3box .contact3 .contact3_item2 span{
	color: red;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -20px;
}
.contact3box .contact3 input,.contact3box .contact3 textarea{
	background-color: #f7f7f7;
	font-size: 12px;
	text-indent: 6px;
	border-radius: 2px;
	padding: 10px;
	width: 100%;
}
.contact3box .contact3 textarea{
	max-height: 200px;
	height: 100px;
}


.contact3_btn{
	width: 100%;
	margin-top: 40px;
}

.contact3_btn a{
	background-color: #8e8e8e;
	color: #fff;
	font-size: 14px;
	width: 235px;
	text-align: center;
	height: 44px;
	line-height: 44px;
	display: block;
}


.index3_content ul li .li_inner .imgbox {
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
    /*background: url(images/icon3.png) no-repeat center bottom;*/
}





@media only screen and (max-width: 980px) {
	.ml_sidebar {
        display: none;
    }
	.headerbox{
		display: none;
	}
	.topbox{
		display: none;
	}
	.sp_header{ display:block;}
	.bannerbox{
		margin-top: 70px;
        max-width:100%;
	}
    .sp_logo img {
        max-height: 35px;
    }
    .index4box {
        padding-top: 10px;
    }
    .index4_content {
    padding:10px 0;
    }
    .index3_content ul li .li_inner .imgbox img {
        height: 60px;
    }
    .index3_content ul li .li_inner .imgbox {
        height: 60px;
    }
    .index1_content ul li a .textbox {
        height: auto;
    }
	.index2box .index2 .index2_left{
		width: 100%;
		padding-top: 80px;
	}
	.index2box .index2 .index2_right{
		width: 100%;
		padding: 80px 30px 30px 30px;
	}
	.index2box .index2 .index2_left .videobox {margin-top: 0;}
	.index2box .index2 .about_title {display: none;}
	.index2box .index2 h3 {left: 50%;transform: translateX(-50%);}
	.bannerbox{ display:none;}
	.bannerbox .mySwiper1 .next_btn {width: 50px;height: 50px;}
	.bannerbox .mySwiper1 .prev_btn {width: 50px;height: 50px;}
	.bannerbox_m{ display:block;}
	.bannerbox_m .mySwiper1_m .next_btn {width: 50px;height: 50px;}
	.bannerbox_m .mySwiper1_m .prev_btn {width: 50px;height: 50px;}
	.index3_content ul li{
		width: 50%;
	}
	.index5_content .index5_left{
		width: 100%;
		margin-bottom: 20px;
	}
	.index5_content .index5_right{
		width: 100%;
	}
	.index4_content ul li {
	    width: 50%;
	}
	.index6box{ display:none;}
	.index6_content ul li{width: 50%;}
	.index7box .index7 .index7_left{
		width: 100%;
		margin-bottom: 20px;
	}
	.index7box .index7 .index7_right{
		width: 100%;
	}
    .index8_content .index8_item {
        width: 100%;
        /*margin-bottom: 20px;*/ padding: 0;
    }
	.index8_content .index8_item:last-child{
		margin-bottom: 0;
	}
	.index9_content ul li{
		width: 100%;
	}
	.footer_top .else_xinix ul li {
	    width: 50%;
		margin-bottom: 10px;
	}
	.about1box .about1 .about1_left{
		width: 100%;
	}
	.about3box .about3 .about3_left{
		width: 100%;
		margin-bottom: 20px;
	}
	.about3box .about3 .about3_right{
		width: 100%;
	}
	.about4box .about4 .about4_content ul li{
		width: 50%;
	}
	.contact1box .contact1 .contact1_left{
		width: 100%;
		margin-bottom: 20px;
	}
	.contact1box .contact1 .contact1_right{
		width: 100%;
	}
	.contact2box .contact2 .contact2_content ul li {
	    width: 50%;
	}
	.index10_top ul li{
		width: 49%;margin-right: 2%;margin-bottom: 20px;
	}
	.index10_top ul li:nth-child(2n){margin-right: 0;}
    .index10box {
    display:none;
    }
    .footer_top .f_logo {
        margin-top: 10%;
        margin-bottom: 0px;
    }
    .index9box {
    padding:10px;
    }
    .index8box {
        padding: 10px;
    }
    .index8_content {
        padding: 10px 0;
    }
    .index9_content {
        padding: 10px 0;
    }
    .main_title {
        margin-top: 25px;
        margin-bottom: 15px;
    }
    .index5_content {
    padding:10px 0;
    }
    .about1_img img {
    max-width:49%;
    }
    .index5box {
    padding-top:15px;
    }
    .index2box {
        padding-top: 120px;
    }
    .inbannerbox {
        padding-top: 70px;
    }
    .about1box {
    padding:15px 0;
    }
    .index2_r_tab ul li span {
        font-size: 14px;
    }
    .index8_content .index8_item .textbox {
    padding:10px 0;
    }
    .index3box {
    padding-top:25px;
    }
    .index4_content ul li a p {
        padding-top: 10px;
    }
    .product2box {
    padding:25px 0;
    }
		.btext .b_title{width: 100%;margin-bottom: 20px;}
	.btext .b_num{width: 100%;}
	.btext .b_title h1{font-size: 25px;}
	.btext .b_num ul li h3{font-size: 25px;}
	.btext .b_num ul li h4{font-size: 20px;}
}


@media only screen and (max-width: 680px) {
	.index4box .wapper{ width:100%;}
	.scroll_01{ padding:0;}
	.index1_content ul li{ width:49%;}
	
	.index3_content ul{ flex-wrap:wrap;}
	.index3_content ul li {
	    width: 33%;
		padding: 0; margin-bottom:20px;
	}
	.index3_content ul li h3{ font-size:16px;}
	.index3_content ul li p{ font-size:12px;}
    .index4_content ul li {
        width: 50%;
        padding-bottom: 5px;
    }
        .index4_content ul li a .imgbox img {
            padding: 0;
        }
	.footer_top .else_xinix ul li {
	    width: 100%;
	}
	.about4box .about4 .about4_content ul li{
		width: 100%;
	}
	.news_content .news_top ul li{
		width: 100%;
	}
	.contact3box .contact3 .contact3_item {
	    width: 100%;
	}
	.contact2box .contact2 .contact2_content ul li {
	    width: 100%;
	}
	.index10_bot{ display:none;}
	.index10_top ul li{
		width: 100%;
	}
	.index10_bot ul li{
		width: 100%;
	}
}
.index_honor .img_mc{ display:none;}
@media(max-width:768px){
.index_honor .img_pc{ display:none;}
.index_honor .img_mc{ display:block;}
}