@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-size:14px; background:#F6F1EB; line-height:25px; color: #996C32; }
ul,li{ margin:0px; padding:0px; list-style:none;}
a{ color:#996C32; text-decoration:none;}
img{ border:0px;}
.clear{ clear: both; display: block;}



.index{ clear: both; display: block; width: 1200px; margin: 30px auto; }



.top{ clear: both; display: block; height: 188px; background: url(../images/header.jpg) center top no-repeat; }
.topC{ clear: both; display: block; width: 1200px; height: 188px; margin: 0px auto; position: relative; }
.logo{ position: absolute; left: 0px; bottom: 25px; }
.logo img{ border: 0px; }

.tel{ position: absolute; right: 0px; bottom: 25px; }
.tel img{ border: 0px; height: 120px; }
.tel p{ clear: both; display: block; font-size: 30px; margin: 20px 0px 0px 0px; padding: 0px; }
.tel p span{ font-weight: bold; }




/* menu */
.menu{ clear:both; display:block; width: 100%; margin: 0px auto; height:45px; line-height:45px; background: #BBA27A; color:#8E714A; position:relative; z-index: 30000; }

.nav_list{ clear: both; display:block; width:1200px; margin:0px auto; }
.drop-menu-effect{ float:left; position:relative; text-align:center; }
.drop-menu-effect a{ clear: both; display: block; width: 100%; height: 45px; }
.drop-menu-effect .on{ background: #996C32; }
.submenu{ background: #F6F1EB; display:none; position:absolute; top:45px; left:0px; width:100%; z-index:5000; text-align:center; line-height:25px; text-align:center; overflow:hidden; border-bottom: 3px solid #d4e0ec; border-radius: 0px 0px 5px 5px; }
.fMenu{ display: block; width: 170px; color: #FFF; font-size: 16px;}
.sMenu{ clear: both; display: block; width: 100%; }
.sMenu a{ clear: both; display: block; height: 35px; line-height: 35px; font-size: 14px; }
.sMenu a:hover{ background: #BBA27A; color: #fff; }



/* banner */
.swiper-container { width: 100%; height: 510px; overflow: hidden;}
.swiper-slide .curimg{width: 100%; height: 100%; border: 0; z-index: 100;}
.swiper-slide .curimg img{ border: 0px; width: 100%; height: 100%; }
.swiper-slide .curtxt{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 200; align-items: center; justify-content: center; flex-direction: column; display: flex; }




.indexTit{ clear: both; display: block; width: 1200px; height: 106px; position: relative; margin: 0px auto; background: url(../images/indexTit.png) center 13px no-repeat; }
.indexTit strong{ clear: both; display: block; width: 100%; height: 106px; line-height: 106px; text-align: center; font-size: 30px; }
.indexTit span{ position: absolute; right: 0px; bottom: 10px; background: #E9DDCD; padding: 0px 10px; font-size: 14px; }


/* index product */

.indexProChannel{ clear: both; display: block; width: 1200px; margin: 20px auto; }
.indexProChannel a{ float: left; display: block; width: 282px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; background: #E9DDCD; margin: 20px 24px 0px 0px }
.indexProChannel a:nth-child(4n){ margin-right: 0px; }
.indexProChannel a:hover{ background: #996C32; color: #fff; }
.indexProChannel p{ display: none; }
/*
.indexProChannel{ clear: both; display: block; width: 1200px; margin: 20px auto 50px; }
.indexProChannel a{ float: left; display: block; width:136px; text-align: center; font-size: 18px; background: #E9DDCD; margin: 20px 14px 0px 0px }
.indexProChannel a:last-child(){ margin:20px 0px 0px 0px; }
.indexProChannel a:hover{ background: #996C32; color: #fff; }
.indexProChannel p{ clear: both; display: block; margin: 0px; padding: 0px; }
.indexProChannel p img{ border: 0px; width: 100%; }
.indexProChannel span{ clear: both; display: block; }
*/


.indexProList{ clear: both; display: block; width: 1200px; margin: 0px auto 50px; }
.indexProList li{ float: left; display: block; width: 282px; background: #E9DDCD; margin: 20px 24px 0px 0px }
.indexProList li:nth-child(4n){ margin-right: 0px; }
.indexProListPic{ clear: both; display: block; width: 100%; height: 282px; }
.indexProListPic img{ border: 0px; width: 100%; height: 100%; }
.indexProListTit{ clear: both; display: block; text-align: center; }
.indexProListTit a{ clear: both; display: block; width: 100%; height: 50px; line-height: 50px; font-size: 16px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



/* index news */
.indexNews{ clear: both; display: block; width: 1200px; margin: 30px auto 0px; }
.indexNews ul{ clear: both; display: block; }
.indexNews li{ float: left; width: 580px; margin-right: 40px; margin-bottom: 30px; background: #E9DDCD; }
.indexNews li:nth-child(2n){ margin-right: 0; }
.indexNewsListPic{ float: left; display: block; width: 280px; }
.indexNewsListPic img{ border: 0px; width: 280px; clear: both; display: block; }
.indexNewsListTxt{ float: left; display: block; width: 250px; margin: 0px 25px; }
.indexNewsListTxt strong{ clear: both; display: block; font-size: 18px; margin: 30px 0px; }
.indexNewsListTxt p{ clear: both; display: block; }



.indexAd{ clear: both; display: block; margin: 30px 0px; }
.indexAd img{ border: 0px; width: 100%; height: 100px; clear: both; display: block; margin: 0px; padding: 0px; }


/* page content  */
.pageBanner{ clear: both; display: block; }
.pageBanner img{ border: 0px; clear: both; display: block; margin: 0px; padding: 0px; max-width: 100%; }


/* left */
.left{ float: left; display: block; width: 220px; }
.leftTit{ clear: both; display: block; height: 60px; line-height: 60px; background: #DFD1B4; font-size: 24px; text-indent: 1em; }
.leftList{ clear: both; display: block; border: 1px solid #DFD1B4; }
.leftList a{ clear: both; display: block; height: 50px; line-height: 50px; border-bottom: 1px dashed #DFD1B4; font-size: 18px; text-indent: 1.2em; }
.leftList a:last-child{ border-bottom: none; }
.leftList a:hover{ font-weight: bold; border-bottom: 1px solid #996C32; }


/* right */
.right{ float: right; display: block; width: 950px; }
.rightC{ clear: both; display: block; margin: 10px 15px;}


.location{ clear: both; display: block; height: 60px; line-height: 60px; border-bottom: 2px solid #DFD1B4; }
.classname{ float: left; display: block; font-size: 28px; }
.classurl{ float: right; display: block; margin-right: 10px; font-size: 14px; }

.page{ clear: both; display: block; margin: 40px 0px; line-height: 30px; }
.page a{ display: inline-block; margin: 0px 10px; }


/* news list */
.rightNews{ clear: both; display: block; }
.rightNews li{ clear: both; display: block; padding: 20px 0px; border-bottom: 1px dashed #DFD1B4; }
.rightNewsPic{ float: left; display: block; width: 260px; height: 170px; overflow: hidden; margin-right: 40px; }
.rightNewsPic img{ border: 0px; width: 100%; max-height: 170px; clear: both; display: block; }

.rightNewsTxt{ float: right; display: block; width: 650px; }



/* product list */
.rightProduct{ clear: both; display: block;}
.rightProduct ul{ clear: both; display: block; margin-top: 20px; }
.rightProduct li{ float: left; display: block; width: 303px; margin-right: 20px; text-align: center; }
.rightProduct li:nth-child(3n){ margin-right: 0px; }
.rightProPic{ clear: both; display: block; width: 100%; height: 220px; background: #E9DCCC; }
.rightProPic a{ clear: both; display: table-cell; width: 303px; height: 220px; vertical-align: middle;  margin: 0px auto; }
.rightProPic a img{ border: 0px; width: 100%; max-height: 220px; }






.title{ clear: both; display: block; margin: 15px 0px; text-align: center; font-size: 18px; font-weight: bold;}
.info{ clear: both; display: block; margin: 10px 0px; text-align: center; font-size: 14px;}
.rightText{ clear: both; display: block; padding: 40px 0px; line-height: 40px; }
.rightText img{ border: 0px; max-width: 100%; }


.rightPagePro{ clear: both; display: block; margin: 30px 0px 0px; }
.rightPageProPic{ float: left; display: block; width: 500px; }
.rightPageProPic img{ border: 0px; clear: both; display: block; width: 100%; }
.rightPageProTxt{ float: right; display: block; width: 400px; font-size: 16px; line-height: 40px; }


/* copy other */
.copyQrcode{ clear: both; display: block; text-align: center; padding: 20px 0px 50px; }
.copyQrcodeImg{ display: inline-block; margin: 0px auto; background: #fff; padding: 20px 10px; }
.copyQrcodeImg li{ float: left; display: block; margin: 0px 20px; }
.copyQrcodeImg span{ clear: both; display: block; font-size: 16px; }
.copyQrcodeImg p{ clear: both; display: block; margin: 0px; padding: 0px; }
.copyQrcodeImg p img{ border: 0px; width: 120px; height: 120px; margin-top: 15px; clear: both; display: block; }



.copymenu{ clear: both; display: block; text-align: center; padding-bottom: 20px; }
.copymenu a{ display: inline-block; border-right: 1px solid #996C32; font-size: 16px; margin: 0px 10px; padding-right: 30px; }
.copymenu a:last-child{ border-right: none; }


/* copyright */
.copyright{ clear: both; display: block; background: #E8E2D5; text-align: center; padding: 20px 0px; }
.copytel{ clear: both; display: block; font-size: 30px; font-weight: bold; }
.copytel p{ display: inline-block; margin: 0px; padding: 0px 20px; }

.copytext{ clear: both; display: block; font-size: 18px; margin-top: 20px; line-height: 35px; }