.header{height:94px;}
.header .logo{margin-top: 15px;}
.header .index_nav{float: right;}
.header .index_nav .tel span{display: inline-block;background: url(../images/icon01.png) no-repeat 0;background-size: 14px 14px;height: 38px;line-height: 38px;text-indent: 20px;font-size: 14px;color: #9C7652;}
.header .index_nav .listt{height: 56px;}
.header .index_nav .listt > li{float: left;line-height: 54px;margin-left: 40px;position: relative;}
.header .index_nav .listt > li > a{color: #444;font-size: 15px;}
.header .index_nav .listt > li:hover{border-bottom: 2px solid #9C7652;}
.header .index_nav .listt > li:hover > a{color: #9C7652;}
.header .index_nav .listt > li.on{border-bottom: 2px solid #9C7652;}

.header .index_nav .listt .list_child{width: 170px;background: #fff;position: absolute;top: 56px;left: -20px;z-index: 999;opacity: 0;transition:all .5s linear;}
.header .index_nav .listt .list_child li{width: 170px;height: 40px;line-height: 40px;padding: 0 20px;}
.header .index_nav .listt .list_child li > a{color: #777;font-size: 13px;}
.header .index_nav .listt .list_child li:hover{background: #f9f9f9;}
.header .index_nav .listt .list_child li:hover a{color: #9C7652;}

.header .index_nav .listt > li:hover .list_child{opacity: 1;}

.swiper-pagination-bullet{width: 22px;height: 2px;background: #ddd;border-radius: 0;opacity: 1;}
.swiper-pagination-bullet-active{background: #9C7652;}

.swiper-container{width: 100%;}
.swiper-container .hide{opacity:0;}
.swiper-button-next,.swiper-button-prev{transition:opacity 0.5s;}
.index_banner .swiper-slide img{width: 100%;}
.swiper-button-prev{width: 40px;height: 40px;background: rgba(0,0,0,0.2) url(../images/icon02.png) no-repeat center;}
.swiper-button-next{width: 40px;height: 40px;background: rgba(0,0,0,0.2) url(../images/icon03.png) no-repeat center;}
.swiper-button-prev:hover,.swiper-button-next:hover{background-color: #9C7652;}

.index_title{text-align: center;padding: 40px 0 30px;letter-spacing: 1px;}
.index_title h2{font-size: 32px;color: #9C7652;}
.index_title h3{font-weight: normal;font-size: 16px;color: #565656;}

.index_pro ul{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.index_pro li{width: 32%;margin-bottom: 30px;}
.index_pro li .imgBox{width:100%;overflow: hidden;position: relative;display: block;}
.index_pro li .imgBox img{width:100%;transform: scale(1);transition: all 0.5s;}
.index_pro li .imgBox .hover{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.3);display: flex;align-items: center;justify-content: center;opacity: 0;transition: all 0.5s;transform: scale(0);}
.index_pro li .imgBox .hover i{display:block;width:23px;height:23px;background: url(../images/icon04.png) no-repeat;}
.index_pro li .imgBox:hover img{transform: scale(1.2);}
.index_pro li .imgBox:hover .hover{opacity: 1;transition: all 0.5s;transform: scale(1);}
.index_pro li .imgBox:hover i{-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg);transform: rotate(360deg);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s}

.index_pro li .title{line-height: 1.2;padding-left: 12px;padding-bottom: 10px;border-bottom: 1px dashed #adadad;background: url(../images/icon05.png) no-repeat 0 12px;}
.index_pro li .title a{color: #9C7652;font-size: 18px;font-weight: normal;}
.index_pro li .title:hover a{color: #b79372;}
.index_pro li .desc{color: #6a6a6a;padding-left: 10px;font-size: 14px;margin: 10px 0;background: url(../images/icon05.png) no-repeat 0 7px;background-size: 8px;}

.index_about{max-width: 1920px;height: 320px;margin: 0 auto;background: url(../images/index10.jpg) no-repeat center/cover;padding-top: 100px;}
.index_about .cont{width: 600px;float: right;color: #fff;letter-spacing: 1px;}
.index_about .cont .title{border-bottom: 2px solid #e6c3a1;margin-bottom: 10px;padding-bottom: 5px;display: inline-block;float: right;}
.index_about .cont .title h2 , .index_about .cont .title h3{font-size: 20px;text-align: right;font-weight: normal; color:#483b35;}
.index_about .cont .title h3{font-size: 18px;}
.index_about .cont .desc{font-size: 14px;letter-spacing: 1px;}

.index_news_section{margin-bottom:70px;}
.index_news .leftList{width:500px;height:400px;float:left;position: relative;}
.index_news .leftList .imgBox{width: 500px;height: 400px;overflow: hidden;}
.index_news .leftList .imgBox img{min-width: 100%;min-height: 100%;transition: all 0.5s;}
.index_news .leftList .imgBox .title{width: 100%;height: 35px;background: rgba(0,0,0,.5);line-height: 35px;padding: 0 10px;letter-spacing: 1px;position: absolute;bottom: 0;left: 0;}
.index_news .leftList .imgBox .title a{color: #fff;font-size: 14px;}
.index_news .leftList:hover img{transform: scale(1.2);}

.index_news .rightList{width: 650px;height: 400px;float: right;}
.index_news .rightList li{overflow: hidden;margin-bottom: 21px;}
.index_news .rightList li .imgBox{display: block;width: 25%;height: 120px;overflow: hidden;float: left;}
.index_news .rightList li .imgBox img{width: 100%;transition: all 0.5s;}
.index_news .rightList li .imgBox:hover img{transform: scale(1.1);}
.index_news .rightList li .right{float: right;width: 73%;}
.index_news .rightList li .right .title{line-height: 1;padding-bottom: 10px;margin-bottom: 6px;font-weight: normal;border-bottom: 1px dashed #C2AD8A;}
.index_news .rightList li .right .title a{font-size: 18px;}
.index_news .rightList li .right .title a:hover{color: #9C7652;}
.index_news .rightList li .right .desc{font-size: 14px;color: #7d7c7a;}


.footer{background: #9C7652;width:100%;padding:50px 0 0;}
.footer_section{display: flex;justify-content: space-between;}
.footer .info ul li{height: 18px;line-height: 18px;font-size: 14px;color: #fcfcfa;margin-top: 16px;letter-spacing: 1px;text-indent: 25px;}
.footer .info ul li:nth-child(1){background: url(../images/icon06.png) no-repeat 0;}
.footer .info ul li:nth-child(2){background: url(../images/icon07.png) no-repeat 0;}
.footer .info ul li:nth-child(3){background: url(../images/icon08.png) no-repeat 0;}
.footer .links{width:300px;}
.footer .links h2{font-weight: normal;display: inline-block;font-size: 20px;color: #fcfcfa;border-bottom: 2px solid #e6c3a1;letter-spacing: 1px;padding-bottom: 5px;margin-bottom: 20px;}
.footer .links ul li{height: 30px;line-height: 30px;margin-bottom: 10px;float: left;}
.footer .links ul li a{color: #fcfcfa;font-size: 14px;}
.footer .links ul li:hover a{color: #e8b788;}
.footer .links ul li:nth-of-type(odd){margin-right:50px;}
.footer .form{width:500px;padding: 0 0 0 40px;}
.footer .form input{width: 200px;height: 30px;padding: 0 10px;background: #EEE8E1;color: #666;}
.footer .form textarea{width:100%;height: 80px;padding: 5px 10px;color: #666;;background: #EEE8E1;border: none;margin: 20px 0;}
.footer .form .submit{width:140px;height: 38px;letter-spacing: 2px;color: #fff;background: #BE925B;cursor: pointer;float: right; border:0;}
.footer .form .submit:hover{opacity: .8;}
.footer .bottom{text-align:center;color:#ebe1d8;font-size:14px;margin-top:50px;background:#936d4d; line-height:50px; height:50px;}
.footer .bottom a{color:#FFF; margin-left:10px;}

.backToTop{width: 48px;height: 48px;position: fixed;right: 0;top: 60%;z-index: 9;background: url(../images/icon09.png) no-repeat;cursor: pointer;}


.bounceInTop{animation: bounceInTop 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);}
.bounceInRight{animation: bounceInRight 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);}
.bounceInBottom{animation: bounceInBottom 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);}
@keyframes bounceInTop {
  0% {opacity: 0;transform: translate3d(0, -1000px, 0);}
  60% {opacity: 1;transform: translate3d(25px, 0, 0);}
  75% {transform: translate3d(-10px, 0, 0);}
  90% {transform: translate3d(5px, 0, 0);}
  100% {transform: none;}
}
@keyframes bounceInRight {
  0% {opacity: 0;transform: translate3d(3000px, 0, 0);}
  60% {opacity: 1;transform: translate3d(25px, 0, 0);}
  75% {transform: translate3d(-10px, 0, 0);}
  90% {transform: translate3d(5px, 0, 0);}
  100% {transform: none;}
}
@keyframes bounceInBottom {
  0% {opacity: 0;transform: translate3d(0, 1000px, 0);}
  60% {opacity: 1;transform: translate3d(25px, 0, 0);}
  75% {transform: translate3d(-10px, 0, 0);}
  90% {transform: translate3d(5px, 0, 0);}
  100% {transform: none;}
}

/*手机*/
.m_nav{width:100%;height:100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.8);display: none;z-index: 999;}
.m_close_btn{position: fixed;right: 16px;top: 16px;}
.m_nav_btn{float: right;height: 30px;margin-top: 15px;display: none;}
@media screen and (max-width: 1200px){
	.w1200{width: 100%;}
	.header{padding: 0 1%;height: 60px;}
	.header .logo{margin-top: 5px;}
	.header .logo img{height: 50px;}
	.header .index_nav{display: none;}
	.m_nav_btn{display: block;}
	
	.index_pro{padding: 0 1%;}
	.index_pro li{width: 48.5%;}
	
	.index_title{padding: 20px 0 10px;}
	.index_title h2{font-size: 20px;}
	.index_title h3{font-size: 14px;}
	
	.index_pro li .title{padding-bottom: 5px;}
	.index_pro li .title a{font-size: 16px;}
	.index_pro li .desc{margin: 5px 0;}
	
	.index_about{margin-bottom: 20px;}
	.index_about .cont{width:100%;padding: 0 1%;}
	.index_about .cont .title h2{font-size: 18px; color:#483b35}
	.index_about .cont .title h3{font-size: 16px; color:#483b35}
	
	.index_news .leftList{width: 100%;height: auto;}
	.index_news .leftList .imgBox{width: 100%;height: auto;}
	.index_news .rightList{width: 100%;height: auto;}
	.index_news .rightList li{margin-top: 20px;padding: 0 1%;}
	.index_news .rightList li .imgBox{height: auto;}
	.index_news .rightList li .right .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.index_news .rightList li .right .title a{font-size: 16px;}
	.index_news .rightList li .right .desc{font-size: 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	
	.footer{margin-top:30px;padding:30px 0 0 0;}
	.footer .info , .footer .links{display: none;}
	.footer .form{width:500px;padding: 0 40px 0 40px;}
	.footer .form input{width: 100%;margin-bottom: 10px;}
	.footer .form textarea{margin: 0 0 10px 0;}
	.footer .form .submit{float:left;}
	.footer .bottom{margin-top:20px; line-height:20px; padding-top:10px; padding-bottom:10px;}
	.footer .bottom a{display:none;}
	
	.backToTop{top: 75%;}
}


.cd-accordion-menu{width:75%;height:100%;max-width:600px;background:#9c7652;box-shadow:0 4px 40px #000;overflow-y:auto}
.cd-accordion-menu ul{display:none}
.cd-accordion-menu li{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.cd-accordion-menu input[type=checkbox]{position:absolute;opacity:0}
.cd-accordion-menu li a{color:#fff;font-size:1.3rem}
.cd-accordion-menu label,.cd-accordion-menu li>a{position:relative;display:block;padding:10px 10px 10px 50px;background:#9c7652;box-shadow:inset 0 -1px #c5c5c5;color:#fff;font-size:1.3rem}
.no-touch .cd-accordion-menu a:hover,.no-touch .cd-accordion-menu label:hover{background:#52565d}
.cd-accordion-menu a::after,.cd-accordion-menu label::after,.cd-accordion-menu label::before{content:'';display:inline-block;width:16px;height:16px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.cd-accordion-menu label{cursor:pointer}
.cd-accordion-menu label::before{background-image:url(../images/cd-icons.svg);background-repeat:no-repeat}
.cd-accordion-menu label::before{left:18px;background-position:0 0;-webkit-transform:translateY(-50%) rotate(-90deg);-moz-transform:translateY(-50%) rotate(-90deg);-ms-transform:translateY(-50%) rotate(-90deg);-o-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg)}
.cd-accordion-menu label::after{left:41px;background-position:-16px 0}
.cd-accordion-menu input[type=checkbox]:checked+label::before{-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.cd-accordion-menu input[type=checkbox]:checked+label::after{background-position:-32px 0}
.cd-accordion-menu input[type=checkbox]:checked+label+ul,.cd-accordion-menu input[type=checkbox]:checked+label:nth-of-type(n)+ul{display:block}
.cd-accordion-menu ul a,.cd-accordion-menu ul label{background:#b59373;box-shadow:inset 0 -1px #c5c5c5;padding-left:60px}
.no-touch .cd-accordion-menu ul a:hover,.no-touch .cd-accordion-menu ul label:hover{background:#3c3f45}
.cd-accordion-menu>li:last-of-type>a,.cd-accordion-menu>li:last-of-type>label,.cd-accordion-menu>li>ul>li:last-of-type a,.cd-accordion-menu>li>ul>li:last-of-type label{box-shadow:none}
.cd-accordion-menu ul label::before{left:36px}
.cd-accordion-menu ul a::after,.cd-accordion-menu ul label::after{left:59px}
.cd-accordion-menu ul ul a,.cd-accordion-menu ul ul label{padding-left:100px}
.cd-accordion-menu ul ul label::before{left:54px}
.cd-accordion-menu ul ul a::after,.cd-accordion-menu ul ul label::after{left:77px}
.cd-accordion-menu ul ul ul a,.cd-accordion-menu ul ul ul label{padding-left:118px}
.cd-accordion-menu ul ul ul label::before{left:72px}
.cd-accordion-menu ul ul ul a::after,.cd-accordion-menu ul ul ul label::after{left:95px}
.cd-accordion-menu.animated label::before{-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}


.about{width:100%; height:600px; overflow:hidden; background:url(../images/tb10.jpg) no-repeat center center;}
.abouts{width:800px; overflow:hidden; background:rgba(255,255,255,0.8); padding:50px 135px; border-bottom:solid 10px #342b2c; margin:100px auto 0;}
.abouts h2{background:url(../images/lico.png) no-repeat center center; text-align:center; line-height:40px; font-size:20px;}
.abouts-box{font-size:14px; color:#342b2c; line-height:2; margin-top:20px;}

@media screen and (max-width: 1200px){
	
	.about{height:auto; padding:30px 0;}
	.abouts{width:92%; margin:0 auto; padding:20px 0;}
	
	.abouts-box{padding:0 15px;}

}