.head_box { width:100%; height: 220px; margin: 0 auto; background: #2A180E;}
.head { width:1200px; height: 220px;  margin: 0 auto; background: #2A180E;}
.head .logo { width: 698px; height: 83px; float: left; margin-top: 62px;}
.head .logo img { width: 100%; height: 100%; object-fit: cover;}
.head .phone { width: 424px; height: 83px; margin-top: 62px; float:right; color: #F2DE99; }
.head .phone .left i { font-size: 35px; color: #F2DE99; margin-right: 6px;;}
.head .phone .left { width: auto; height: 100%; float: left; display:flex; flex-direction:row; justify-content:center; align-items:center; color: #F2DE99; font-size: 29px;}
.head .phone .right { width: 230px; float: left; height: 100%; font-size: 29px; font-weight: bold; color: #F2DE99;}
.nav { width: 100%; height: 65px; background: url(../images/index_07.png) repeat-x;}
.nav .nav_con { width: 1200px; height: 100%; margin: 0 auto;}
.nav .nav_con ul li { width: calc(100% / 7); float: left; text-align: center; height: 65px; display: block;}
.nav .nav_con ul li a { width: 100%; height: 100%; text-align: center; display: block; padding-top: 15px; font-size: 18px; color: #000000;}
.nav .nav_con ul li a:hover { background: url(../images/index_09.png) no-repeat center center;}
.banner { width: 100%; height: auto; margin: 0 auto;}
.banner .banner_swiper { width:100%; height: auto;}
.banner_swiper .swiper-pagination-bullet{ width: 15px; height: 15px; background: none; border: 2px solid #fff; margin-right: 20px;}
.banner_swiper .swiper-pagination-bullet-active { width: 15px; height: 15px; background: #fff; border: 2px solid #fff;}
.products { width: 1200px; height: auto; margin: 0 auto;}
.products .title { width: 100%; height: 162px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.products .title div {  color: #88632F; font-size: 36px; font-weight: bold; display:flex; flex-direction:row; justify-content:center;  align-items:center;}
.products .title div::before { content: ''; width: 120px; height: 2px; background: #89612E; display: block; margin-right: 24px;}
.products .title div::after { content: ''; width: 120px; height: 2px; background: #89612E; display: block; margin-left: 24px;}
.products .title p { color: #333333; font-size: 22px;}
.products .con { width: 100%; height: auto; margin: 0 auto; overflow: hidden;}
.products .con ul { width: 110%;}
.products .con ul li { height: 364px; width: 385px; float: left; margin: 0 30px 45px 0px;}
.products .con ul li img { width: 100%; height: 275px; object-fit: cover;}
.products .con ul li .text {width: auto; padding:0 10px; height: 90px;  border-bottom: 1px solid #DCDCDC; display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.products .con ul li .text span:first-child { font-size: 20px; color: #333333;}
.products .con ul li .text span:last-child { width: 124px; height: 42px; border: 1px solid #DCDCDC; background: #fff; border-radius: 25px; text-align: center; line-height: 42px; font-size: 16px; color: #333333;}
.products .con ul li:hover .text { background: #89612E; border-bottom: 1px solid #89612E;}
.products .con ul li:hover .text span:first-child { font-size: 20px; color: #FFFFFF;}
.products .con ul li:hover .text span:last-child { width: 124px; border: 1px solid #fff; height: 42px; background: #fff; border-radius: 25px; text-align: center; line-height: 42px; font-size: 16px; color: #89612E;}
.pic_type { width: 100%; height: auto; background: #EDEDED; margin: 0 auto; overflow: hidden;}
.common { width: auto; height: 200px; margin: 0 auto; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.common div { font-size: 40px; color: #333333;}
.common div span { color: #89612E;}
.common p { color: #89612E; font-size: 18px; border: 1px solid #89612E; padding: 5px 18px; margin-top: 20px;}
.pic_type .pic_con { width: 1280px; height: 300px; margin: 0 auto 80px auto; position: relative;}
.pic_type .pic_con .pic_swiper { width: 1146px; height: 100%; margin: 0 auto; position: static;}
.pic_type .pic_con .swiper-slide .text { background: #fff; width: 100%; height: 100px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.pic_type .pic_con .swiper-slide .text div:first-child { color: #333333; font-size: 22px; font-weight: bold; margin-bottom: 10px;}
.pic_type .pic_con .swiper-slide .text div:last-child { color: #333333; font-size: 18px;}
.pic_type .pic_con .swiper-slide img { width: 263px; height: 200px; object-fit: cover;}
.pic_type .pic_con .swiper-slide:hover .text { background: #89612E;}
.pic_type .pic_con .swiper-slide:hover .text div {color:#fff!important;}
.pic_type .swiper-button-next,.pic_type .swiper-button-prev  { width: 42px; height: 53px;}
.pic_type .swiper-button-next::after{display: none;}
.pic_type .swiper-button-prev::after{display: none;}
.adv { width: 100%; height: 260px; margin: 0 auto;}

.about { width: 100%; height: 640px; margin: 0 auto; background: #EDEDED;}
.about .con { width: 1200px; height: auto; margin: 0 auto; display:flex;  flex-direction:row; justify-content:space-between;  align-items:flex-start;}
.about .con .left { width: 706px; height: auto;}
.about .con .right { width: 466px; height: 569px; display:flex; flex-direction:column; justify-content:flex-end; align-items:center;}
.about .con .left .box { position: relative; width: 705px; height: 120px; margin-top: 60px;}
.about .con .left .title { width: 695px; height: 110px; padding: 15px 0px 0px 25px; background: #88632F; top: 0; left: 0; color: #fff; position: absolute; z-index: 2;}
.about .con .left .gray_bg { width: 695px; height: 110px; background: #D8D8D8; position: absolute; z-index: 1; right: 0; bottom: 0;}
.about .con .left .title p:first-child { font-size: 30px;}
.about .con .left .title p:last-child { font-size: 20px;}
.about .con .left .description { margin-top: 30px; line-height: 48px; font-size: 22px; color: #333333;}
.about .con .left .description p:first-child { color: #333333; font-size: 25px!important; font-weight: bold;}
.about .con .left .description p {text-indent:40px;}
.about .con .left .description a { width: 90px; height: 40px; margin-top: 30px; display: block; background: #D0AB5F; color: #fff; text-align: center; line-height: 40px; font-size: 18px;}
.server_phone { width: 650px; height: 64px; border: 1px solid #C9C9C9; margin: 30px auto; display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.server_phone div:first-child {  font-size: 18px; color: #89612E; margin-left: 20px; display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.server_phone div:first-child i { font-size: 30px; color: #89612E; margin-right: 6px;}
.server_phone div:last-child { font-size: 26px; color: #89612E; margin-right: 30px;}
.adv2 { width: 100%; height: 84px; background: #89612E;}
.adv2 .con { width: 1200px; font-size: 26px; height: 84px; margin: 0 auto; color: #fff; display:flex; flex-direction:row; justify-content:space-around; align-items:center;}
.news { width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.news .con { margin: 0 auto;display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start;}
.news .con .left { width: 530px; height: 445px; border-bottom: 1px solid #C9C9C9;}
.news .con .left .flag { width: 530px; height: 310px; position: relative;}
.news .con .left .flag img { width: 100%; height: 100%; position: absolute; z-index: 1;}
.news .con .left .flag .time {  position: absolute; z-index: 2; top: 0; left: 0; width: 80px; height: 80px;display:flex; flex-direction:column; justify-content:center; background: #89612E; color: #fff;  align-items:center;}
.news .con .left .flag .time p:first-child { font-size: 30px; color: #fff;}
.news .con .left .flag .time p:last-child { color: #FFFFFF; font-size: 16px;}
.news .con .left .text { margin-top: 20px;}
.news .con .left .text a div:first-child { color: #333333; font-size: 22px; font-weight: bold;}
.news .con .left .text a div:last-child { color: #555555; line-height: 30px; font-size: 16px;}
.news .con .right { width: 632px; height: 445px; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start;}
.news .con .right .news_list { width: 632px; height: 112px; display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start;}
.news .con .right .news_list .time { width: 120px; height: 110px; border: 1px solid #C9C9C9;display:flex; flex-direction:column; justify-content:center;align-items:center; }
.news .con .right .news_list .time p:first-child { font-size: 40px; color: #666666;}
.news .con .right .news_list .time p:last-child {  color: #666666; font-size: 22px;}
.news .con .right .news_list .text { width: 490px; border-bottom: 1px solid #C9C9C9; height: 110px; overflow: hidden;}
.news .con .right .news_list .text div:first-child { font-size: 22px; color: #333333; font-weight: bold;}
.news .con .right .news_list .text div:last-child { color: #555555; font-size: 17px; line-height: 30px;}
.adv3 { width: 1200px; height: 108px; margin:44px auto 44px auto;}
.adv_bg { width: 1200px; height: 58px; margin: 0 auto 45px auto; border-top: 1px solid #89612E; border-bottom: 1px solid #89612E; padding: 0px 125px 0px 131px; display:flex; flex-direction:row; justify-content:space-around; align-items:center;}
.adv_bg div { width: 158px;  padding-right: 12px; height: 56px; background: url(../images/divbg.png); color: #fff; text-align: center; line-height: 58px; color: #fff; font-size: 22px;}
.foot { width: 100%; height: 576px; background: #2A180E; display:flex; flex-direction:column; justify-content:flex-end; align-items:center;}
.foot .con { width: 1050px; height: 490px;}
.foot .con .webname { margin: 0 auto; width: 100%; text-align: center; color: #fff;}
.foot .con .webname p:first-child{ font-size: 38px; font-weight: bold;}
.foot .con .webname p:last-child{ font-size: 26px;}
.foot .foot_nav { width: 1050px; height: 50px; border-top: 1px solid #fff; margin: 20px auto; border-bottom: 1px solid #fff;}
.foot .foot_nav ul { width: 100%; padding: 0 15px; display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.foot .foot_nav ul li a{ color: #fff; font-size: 18px; line-height: 50px;}
.foot .foot_con { width: 1050px; height: auto; margin: 0 auto; display:flex;  flex-direction:row; justify-content:space-between; align-items:flex-start;}
.foot .foot_con .left { width: auto; height: auto;}
.foot .foot_con .left p { font-size: 20px; color: #fff; font-weight: bold; margin-bottom: 15px;}
.foot .foot_con .left ul { width: 300px;}
.foot .foot_con .left ul li { width: 50%; float: left;}
.foot .foot_con .left ul li a { font-size: 18px; color: #fff; line-height: 36px;}
.foot .foot_con .center { width: 167px; height: auto; text-align: center; padding-top: 10px; color: #FFFFFF; font-size: 18px; }
.foot .foot_con .center p { margin-top: 10px;}
.foot .foot_con .right { width: 300px; color: #fff;}
.foot .foot_con .right p:first-child{ font-size: 20px; font-weight: bold; margin-bottom: 15px;}
.foot .foot_con .right div { font-size: 18px; color: #fff; line-height: 36px;}
.foot .foot_con .right p { font-size: 18px; font-weight: normal;}
.copy_right { width: 100%; color: #fff; font-size: 14px; height: 50px; line-height: 50px; text-align: center; background: #000;}
.copy_right span { margin-right: 30px;}
.copy_right span:last-child{ margin-right: 0;}
.copy_right a { color: #fff;}
.postion { width: 100%; height: 114px; border-bottom: 1px solid #E5E5E5; margin: 0 auto 65px auto;}
.postion .con { width: 1200px; height: 100%; margin: 0 auto; display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.postion .con  .left { font-size: 32px; color: #88632F;}
.postion .con  .left span { color: #666666;}
.postion .con  .right { font-size: 18px; color: #555555;}
.postion .con  .right a { color: #555555;}
.products_page { width: 1200px; margin: 0 auto 50px auto; display:flex;  flex-direction:row; justify-content:space-between; align-items:flex-start;}
.products_page .left { width: 230px;}
.products_page .right { width: 952px; height: auto;}
.products_page .left .type_name { width: 228px; font-size: 36px; font-weight: bold; color: #fff; height: 100px; display:flex;  flex-direction:column; justify-content:center;  align-items:center; background: #2A180E;}
.products_page .left ul {  border-top: none; border-bottom: none;  width: 230px; overflow: hidden;}
.products_page .left ul li { width: 228px; height: 65px; padding-left: 35px; border-right: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; line-height: 65px;}
.products_page .left ul li:hover{background: #89612E; border-right: 1px solid #89612E; border-left: 1px solid #89612E;   width: 228px; height: 65px; display: block;}
.products_page .left ul li:hover a { color: #fff;}
.products_page .left ul .hover {background: #89612E; border-right: 1px solid #89612E; border-left: 1px solid #89612E;   width: 228px; height: 65px; display: block;}
.products_page .left ul .hover a { color: #fff;}
.products_page .left ul li a { color: #555555; font-size: 20px;}
.products_page .right ul li { width: 310px; height: 290px; float: left; margin-bottom: 34px; margin-right: 11px;}
.products_page .right ul li img { width: 306px; height: 234px; object-fit: cover; border: 2px solid #89612E;}
.products_page .right ul li p { width: 100%; height: 54px; line-height: 54px; text-align: center; }
.products_page .right ul li a { color: #333333; font-size: 20px;}
.products_page .right ul li:nth-child(3n+3){ margin-right: 0px;}
.pro_show { width: 100%;}
.pro_show h3 { color: #333333; font-size: 30px; margin: 0 auto; width: 100%; text-align: center;}
.pro_show img { border: 6px solid #89612E; margin: 0 auto; display: block; margin-top: 23px;}
.pro_show div { padding: 5%; color: #333; line-height: 200%; font-size: 18px;}
.up_down { width: 100%; height: 45px; overflow: hidden; margin: 0 auto; display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.up_down a { width: 400px; height: 45px; display: block; border-radius: 30px; background: #D5D5D5; line-height: 45px; text-align: center; font-size: 21px; color: #333333;}
.up_down a:hover { background: #89612E; color: #fff;}
.page_about { margin: 0 auto 95px auto;}
.page_about .con { width: 1200px; height: auto; margin: 0 auto;}
.page_about .con p { color: #333333; font-size: 22px; text-indent: 40px; margin-bottom: 60px;}
.page_about .con img:first-child { margin-bottom: 25px;}
.contact_us { width: 1200px; height: auto; margin: 0 auto 250px auto;}
.contact_us .icon { width: 100%; height: 380px; display:flex; flex-direction:row;  justify-content:space-between;  align-items:center;}
.contact_us .icon div{width: calc(100% / 3); display:flex; flex-direction:column; justify-content:center;  align-items:center;}
.contact_us .icon div p { font-size: 28px; color: #333333; font-weight: bold;}
.contact_us .icon div img { margin-bottom: 40px;}
.news_page { width: 1200px; height: auto; margin: 0 auto;}
.news_page .list { width: 100%; height: 199px; border-bottom: 1px solid #E5E5E5; display:flex; flex-direction:column; justify-content:center; align-items:flex-start;}
.news_page .list a { width: 100%; height: 150px;display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.news_page .list a img { width: 200px; height: 150px; object-fit: cover;}
.news_page .list .news_con { width: 978px; height: 150px;}
.news_page .list .news_con .title { color: #333333; font-size: 22px; margin-top: 15px;}
.news_page .list .news_con .desc { color: #555555; font-size: 18px; line-height: 30px;}
.news_page .list .news_con .time { color: #555555; font-size: 18px;}
.news_page h3 { width: 100%; height: 88px; line-height: 88px; font-weight: normal; margin: 50px auto; text-align: center; border-bottom: 1px solid #E5E5E5; font-size: 36px;}
.news_page .content { width: auto; padding: 0 30px; color: #555555; line-height: 36px; font-size: 18px;}
.news_page .content p { text-indent: 40px; margin-bottom: 40px;}
.pre_next {width: auto; padding: 0 30px; overflow: hidden; margin-bottom: 80px;}
.pre_next a { color: #555555; line-height: 40px; font-size: 18px; display: block;}
.pre_next a:hover { color: #A58353;}



.pages ul { width: 100%; height: 80px; margin: 0 auto 0 auto; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.pages ul li {
	height:38px; line-height:38px;
	border: 1px solid #CCCCCC; padding:0 1.2em 0 1.2em;
	white-space:nowrap; margin-right:1em;-webkit-transition:all 0.3s; transition:all 0.3s; -moz-transition:all 0.3s
}
.pages ul li a {
	color:#000;
	display:block; padding:0 1.2em 0 1.2em
}
.pages ul li:hover {
	background:#A58353;
	border:1px solid #A58353; color:#FFF
}
.pages ul li a:hover {
	color:#FFF;
	background:#A58353
}
/* .page_zong {} */
#page_on {
	background:#A58353;border:1px solid #A58353;
	color: #fff
}
.page_a{ padding:0!important; display:inline !important}
.page_a a:hover{background:#A58353;color: #fff}

.wrap{
	height: 364px!important;
	position: relative;

}

.wrap ul{
	overflow: hidden;
	position:absolute;
	width: auto;
	left: 0;
	top: 0;
	_height:1px;
}
.wrap ul li{
	float: left;

}