*{ margin: 0; padding: 0;}
html,body{ min-height:100% ; width: 100%; max-width: 1920px; margin: 0 auto; color: #666; }
body{  position: relative; background: #fff ; font-size: 14px; margin: auto; font-family: "微软雅黑" ; overflow-x: hidden; }
a{ color: #666; text-decoration: none;}
a:hover,
a:focus{ text-decoration: none;}
i,em{font-style: normal; }
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{ max-width: 100%; border: none;}
body{ -moz-user-select:none; /*火狐*/ -webkit-user-select:none; /*webkit浏览器*/-ms-user-select:none; /*IE10*/ -khtml-user-select:none; /*早期浏览器*/ user-select:none;}
html{-webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none; -khtml-user-select:none;  }

.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}
.clearfix:after{ content: ''; display: block; clear: both; width: 0px; height: 0px; overflow: hidden;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0); background:none; outline: none;}
img{vertical-align: middle;  max-width:100%; border:none;-webkit-tap-highlight-color:rgba(255,0,0,0); blr:expression(this.onFocus=this.blur());}

.wrapper{  width: 1200px; margin: auto;}


.borderbt{ border-bottom: 1px solid rgba(0,0,0,.11);}



/******header*********/
.top.fix{ position: fixed; background: #fff; z-index: 10; left: 0; top: 0; right: 0;}
.top.pab{  position: absolute; z-index: 10; left: 0; top: 0; right: 0;}
.top{  padding: 0 60px;  height: 130px; margin: auto; width: 100%; box-sizing: border-box;}
.top .logo{ width: 169px; height: 41px; margin-top: 45px;}
.top .menu{ position: absolute; left: 0; right: 0;  width: 1200px; margin: auto; text-align: center; }
.top .menu ul{ display: inline-block;}
.top .menu ul li{  float: left; width: 140px; text-align: center; margin-top: 55px;}
.top .menu ul li a{ display: block;font-size: 18px; color: #261c13;}
.top .menu ul li a:hover{ color: #602525;}
.phone{  font-size: 30px; font-family: arial; font-weight: bold; color: #602525; margin-top: 45px; line-height: 34px; height: 34px;}



.asdd{ background: none !important; }


/* banner*/

.banner{ position: relative; }
.banner,.banner .flexslider,.banner .slides li{ width: 100%; height: 769px;}
.banner .slides li a{ display: block; width: 100%; height: 100%;}
.banner .flexslider{position:relative;overflow:hidden; z-index:1;}
.banner .slides{position:relative;z-index:1;}


 
/* 圆点切换 */
.banner .flex-control-nav{position:absolute;bottom:40px; z-index:11111; padding-left:0;width:1200px;left:0;right:0; height:26px; line-height:26px;margin:0 auto;text-align:center; }
.banner .flex-control-nav li{width:18px;height:18px;margin:0 3px;display:inline;zoom:1;text-align:center; overflow:hidden;}
.banner .flex-control-nav a{display:inline-block;width:18px;height:18px; line-height:80px;cursor:pointer;color:#fff;font-family:Arial; overflow:hidden;  margin: 0 2px; background: url(../images/pagetion.png) no-repeat left -24px center;}
.banner .flex-control-nav .flex-active{background: url(../images/pagetion.png) no-repeat left 0 center; }


.pad40{ padding: 40px 0;}
.anlist ul { width: 1216px;}
.anlist ul li{ position: relative; float: left; width: 389px; height: 253px; overflow: hidden; margin-right: 15px;}
.anlist ul li .liimg { width: 389px; height: 253px;line-height: 253px;  text-align: center; }
.anlist ul li .liimg img{ width: 100%; height: 100% ; transition: 700ms;}
.anlist ul li .posi{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/anli01.png) no-repeat right 18px top 22px; color: #612526; padding: 18px; box-sizing: border-box; z-index: 2;}
.anlist ul li .posi dl dt{ font-size: 20px; font-family: arial; }
.anlist ul li .posi dl dd{ font-size: 16px; line-height: 24px;}
.anlist ul li .libg{ position: absolute; left: 0; top: -30px; width: 100%; height: 100%; padding: 20px; box-sizing: border-box; background: rgba(152,112,112,.8); color: rgba(255,255,255,.9); padding-top: 82px; line-height: 24px; text-align: justify; transition: .3s; opacity: 0;}
.anlist ul li .libg span{ display: block; max-height: 120px; overflow: hidden;}


.anlist ul li:hover img{ transform: scale(1.02);}
/*.anlist ul li.li2 .posi{ background-image: url(../images/anli02.png);}
.anlist ul li.li3 .posi{ background-image: url(../images/anli03.png);}

.anlist ul li:hover .libg{ top: 0; opacity: 1;}
.anlist ul li:hover .posi{ color: #fff; background-image:url(../images/anli1.png);}
.anlist ul li.li2:hover .posi{ color: #fff; background-image:url(../images/anli2.png);}
.anlist ul li.li3:hover:hover .posi{ color: #fff; background-image:url(../images/anli3.png);}*/



.footer{ padding: 15px 60px; margin-top: 30px; }
.footer .fole{ width: 45.5%; margin-top: 10px; font-size: 12px; color: #666666; line-height: 24px;}
.footer .fole b{ font-size: 16px; font-family: arial; display: inline-block; margin-right: 15px;}
.footer .fole i{ color: #999999;}
.footer .erw{ width: 68px; height: 68px;}





/*  title */
.title{ margin: 35px 0; }
.title .titl{ text-align: center; }
.title .titl ul li{ float: left; border-bottom: 2px solid transparent; padding-bottom: 15px; margin-right: 50px;}
.title .titl ul li p{ font-size: 16px; color: #333333;}
.title .titl ul li i{ display: block;  color: #999999;}
.title .titl ul li.active{ border-color:#9e7070 ;}

.dhmb{ padding-left: 40px;  height: 26px; line-height: 26px; background: url(../images/home.png) no-repeat left center;color: #999999;}
.dhmb a{ color: #999999;}



.address{}
.address .add{ width: 1040px;}
.address ul{ width: 1090px;}
.address ul li{ float: left; width: 313px; height: 118; border: 1px solid #eee; padding: 35px 0; text-align: center; margin-right: 44px;}
.address ul li span{ display: inline-block; width: 42px; height: 42px; text-align: center; background: url(../images/addph.png) no-repeat center center;}
.address ul li dl{ display: inline-block; text-align: left; margin-left: 10px; max-width: 53%;}
.address ul li dl dt{font-size: 14px; color: #999;}
.address ul li dl dd{ color: #333; font-weight: bold; font-family: '黑体'; font-size: 18px; margin-top: 5px; }

.address ul li.li2 span{ background-image: url(../images/addmg1.png);}
.address ul li.li3 span{ background-image: url(../images/addad.png); vertical-align: top;}

.address ul li:hover dl dt{ color: #9e7070;}
.address ul li:hover dl dd{ color: #666666;}
.address ul li.li1:hover span{ background-image: url(../images/addph1.png);}
.address ul li.li2:hover span{ background-image: url(../images/addmg.png);}
.address ul li.li3:hover span{ background-image: url(../images/addad1.png);}


.adew{ text-align: center;}
.adew img{ width: 100px; height: 100px; margin: auto;}

.map{ height: 435px; margin: 30px auto;}
.map img{ height: 100%;}




/*  aabout */
.abbk{min-height: 540px;}
.abbk .abfl{ width: 567px; height: 510px;}
.abbk .abfr{ width: 595px;}
.abbk .abfr dl { margin: 40px 0 20px;}
.abbk .abfr dl dt{ font-size: 26px; color: #333333;}
.abbk .abfr dl dd{font-size: 12px;}
/* .abbk .abfr dl dd{  color: #999;} */
.abbk .abfr div{ line-height: 26px; color: #666666;}



.ullist ul{ width: 1250px; }
.ullist ul li{ float: left; width: 258px; text-align: center; margin: 0 54px 15px 0;}
.ullist ul li div{ position: relative; width: 258px; height: 182px; text-align: center; line-height: 182px; overflow: hidden;}
.ullist ul li div img{ width: 100%;}
.ullist ul li span{ position: absolute; width: 100%; height: 100%; left: 0; top: -30px; transition: .3s; opacity: 0;}
.ullist ul li p{ line-height: 30px; color: #666666;}
.ullist ul li:hover span{ top: 0; opacity: 1;}
.ullist ul li:hover p{ color: #602525;}


.m-page{ text-align: center; margin: 50px 0 0; }
.m-page a{ display: inline-block; width: 40px; line-height: 40px; text-align: center; border-radius: 5px; border: 1px solid #d2d2d2; color: #999; margin:  0 5px;}
.m-page .pageprv{width: 100px;}
.m-page .pagenxt{width: 100px;}
.m-page a.m-nxt,
.m-page a.m-prv{ width: 100px;}
.m-page a.z-crt{ background: #9e7070; color: #fff; border-color: #9e7070;}




.biaoz ul{ width: 1250px; }
.biaoz ul li{ float: left; width: 290px; text-align: center; margin: 0 20px 13px 0;}
.biaoz ul li div{ position: relative; width: 288px; height: 208px; border: 1px solid #e7e7e7; text-align: center; line-height: 208px; overflow: hidden; }
.biaoz ul li div img{ width: 100%;}
.biaoz ul li span{ position: absolute; width: 100%; height: 100%; left: 0; top: -30px; transition: .3s; opacity: 0;}
.biaoz ul li p{ line-height: 30px; color: #666666;}
.biaoz ul li:hover span{ top: -1px; opacity: 1;}
.biaoz ul li:hover p{ color: #602525;}
.biaoz ul li:hover div{ opacity: 1;}


.banana{ position: relative; }
.banana,.banana .flexslider{ width: 100%; height: 230px;}
.banana .slides li{ float: left;  width: 300px; height: 230px; text-align: center; margin-right: 28px;}
.banana .slides li div{ height: 195px; text-align: center;}
.banana .slides li div img{ width: 100%; height: 100%;}
.banana .slides li a{ display: block; width: 100%; height: 100%;}
.banana .flexslider{position:relative;overflow:hidden; z-index:1;}
.banana .slides{position:relative; width: 100%; z-index:1;}
.banana .slides li p{color: #999999; line-height: 30px; }

/* 左右按钮切换 */
.banana .flex-direction-nav a{width:28px;height:195px;line-height:99em;overflow:hidden;display:block;position:absolute;top:0;z-index:10;cursor:pointer;opacity:1;filter:alpha(opacity=1);-webkit-transition:all .3s ease; outline: none;  z-index: 99;}
.banana .flex-direction-nav .flex-next{ width: 28px;  height: 195px;  background:#f2f2f2 url(../images/banri1.png) no-repeat center; right:0%;}
.banana .flex-direction-nav .flex-prev{ width: 28px;  height: 195px;  background: #f2f2f2 url(../images/banleft.png) no-repeat center; left:0%;}
.banana .flexslider .flex-next:hover{ background-color: rgba(158,112,112,.9); background-image: url(../images/banfr.png);}
.banana .flexslider .flex-prev:hover{ background-color: rgba(158,112,112,.9); background-image: url(../images/banle1.png);}












.rclist{ margin-top: 30px;}
.rclist dl dt{ background: #9e7070;}
.rclist dl dt ul li{ float: left; height: 55px;  line-height: 55px; width: 25%; text-align: center; font-size: 16px; color: #fff;}
.rclist dl dd { border-bottom: 1px dashed #d8d8d8;}
.rclist dl dd ul li{ float: left; height: 55px; overflow: hidden;  line-height: 55px; width: 25%; text-align: center;font-size: 16px; color: #666; }
.rclist dl dd ul li i{  color: #333; font-family: '黑体'; font-weight: bold; }
.rclist dl dd:hover ul li i{ color: #9e7070;}
.rclist dl dd:hover{ border-color: #9e7070;}





/*  2-2 产品详情  */
.picleft{ width: 560px; height: 410px; border: 1px solid #e7e7e7; overflow: hidden; text-align: center; line-height: 410px;}
.picleft img{ height: 100%;}
.picri{ width: 600px;}
.picri dl dt{ font-size: 24px; color: #666; height: 44px; border-bottom: 1px solid #e8e8e8; margin-bottom: 25px;}
.picri dl dd{ line-height: 24px; color: #999; height: 146px; overflow: hidden;}



.picture{ position: relative; margin-top: 60px; }
.picture,.picture .flexslider{ width: 100%; height: 135px;}
.picture .slides li{ float: left;  width: 185px; height: 135px; overflow: hidden; text-align: center; margin-right: 17px; border: 1px solid #e7e7e7; box-sizing: border-box;}
.picture .flexslider{ position:relative; overflow:hidden; z-index:1;}
.picture .slides{ position:relative; width: 100%; z-index:1;}

/* 左右按钮切换 */
.picture .flex-direction-nav a{width:28px;height:135px;line-height:99em;overflow:hidden;display:block;position:absolute;top:0;z-index:10;cursor:pointer;opacity:1;filter:alpha(opacity=1);-webkit-transition:all .3s ease; outline: none;  z-index: 99;}
.picture .flex-direction-nav .flex-next{ width: 28px;  height: 135px;  background:#f2f2f2 url(../images/banri1.png) no-repeat center; right:0%;}
.picture .flex-direction-nav .flex-prev{ width: 28px;  height: 135px;  background: #f2f2f2 url(../images/banleft.png) no-repeat center; left:0%;}
.picture .flexslider .flex-next:hover{ background-color: rgba(158,112,112,.9); background-image: url(../images/banfr.png);}
.picture .flexslider .flex-prev:hover{ background-color: rgba(158,112,112,.9); background-image: url(../images/banle1.png);}

.picxq h5{ font-size: 20px; color: #333333; margin: 50px 0 20px;}



/*  3-1  */

.gallery-top{ width: 935px; height: 600px; overflow: hidden;}
.gallery-thumbs.swiper-container{ width: 255px; height:512px; margin-top: 45px; overflow: hidden;}
.gallery-thumbs.swiper-container .swiper-slide:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: url(../images/bzlis00.png) no-repeat center; display: none; }
.gallery-thumbs.swiper-container .swiper-slide-thumb-active:before{ display: block;}

.sxkz{ position: relative;}
.sxkz .swiper-button-white.btt{ top: 0; left: auto; right: 0; width: 255px; height: 33px; background: url(../images/zzt.png) no-repeat center  ; margin: 0; border: 1px solid #e7e7e7; opacity: 1; outline: none; }
.sxkz .swiper-button-white.tpp{ top: auto; bottom: 0; left: auto; right: 0; width: 255px; height: 33px; background: url(../images/zzb.png) no-repeat center; margin: 0; border: 1px solid #e7e7e7; opacity: 1; outline: none; }
.sxkz .swiper-button-white.btt:hover{ background-color: #9e7070; background-image: url(../images/zzt1.png);}
.sxkz .swiper-button-white.tpp:hover{ background-color: #9e7070; background-image: url(../images/zzb1.png); }


.swip{ position: relative; height: 600px;}
.swip .swiper-button-next.pre, 
.swip .swiper-button-prev.nxt{ opacity: 1; z-index: 9999;  bottom: 32px; top: auto;  margin: auto; width: 60px; height: 28px; }

.swip .pre{ left: 50px; right:auto ;  background: url(../images/aale1.png) no-repeat center;}
.swip .nxt{ left: 110px; right:auto ; background: url(../images/aari1.png) no-repeat center;}
.swip .pre:hover{ background-image: url(../images/aale.png); }
.swip .nxt:hover{ background-image: url(../images/aari.png); }



.swip dl{ position: absolute; left: 0; bottom: 0; z-index: 999; width: 358px; height: 158px; background: rgba(97,37,38,0.89); padding:0 50px; color: #fff;}
.swip dl dt{ margin-top: 20px; font-size: 24px;}
.swip dl dd{ position: relative; text-transform: uppercase; border-bottom: 1px solid rgba(255,255,255,.23); padding-bottom: 10px;}
.swip dl dd:before{content: ''; position: absolute; left: 0; bottom: -1px; width: 35px; height: 1px; background: #fff;}


@media only screen and (max-width: 1460px) {
	.top .menu ul li{ width: 120px;}
}
@media only screen and (max-width: 1280px) {
	.top .menu ul li{ width: 100px;}
}











