*{margin:0;padding:0;}
body{width:100%; overflow-x: hidden}
body,input{font-family:arial;color:#666;font-size: 14px;font-family: "微软雅黑";}
a{text-decoration:none;color: #333;}
a:hover{ text-decoration:none;}
i,em{font-style:normal}
img{border:0;vertical-align:middle;}
ul li{list-style: none}
h1,b{font-weight:normal}
button{border:none; background: none;}
/*公共样式*/
.container{max-width:1500px;margin:0 auto}
.container-s{max-width:96%;margin:0 auto}
input{outline: none;}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
table{border-collapse: collapse;}

/*头部*/
.header{display: block;position: fixed;top:0;left:0;width:100%;z-index: 9999;}
.header-zw{height:95px;}
.wap-header{display: none;}
.header{background:#393738;height: 95px;}
.header .container{position: relative;z-index: 99999999;max-width:1600px}
.navfixed{ position: fixed;top:0;left:0;width:100%;z-index: 99999;}
.logo1{margin:0 auto;height: 55px;padding-top:18px;}
.logo{position: absolute;left:0;top:9px}
.nav{position: absolute;right:0;top:30px;width:40%}
.nav ul li{float:left;width:20%;text-align: center;}
.nav ul li a{color:#fff}
.nav ul li span,.nav ul li b{display: block;text-align: center;}
.nav ul li span{font-size:14px;line-height:14px;color:#CCCCCC}
.nav ul li b{font-size:16px;line-height:16px;margin-top:5px}
.nav ul li:hover a,.nav ul li.on a{color:#B2925F;}
.nav ul li:hover a b,.nav ul li.on a b{font-weight:bold}

.wap-header h1{width:200px;margin:8px auto}
.wap-header h1 img{width: 100%;}
.wap-nav{background:#393738;height:40px;line-height:40px;}
.wap-nav li{float:left;width:20%;height:40px;line-height:40px;}
.wap-nav li a{float:left;color:#fff;line-height:40px;width:100%;text-align: center;font-size:1rem}
.wap-nav li.on a{ background: #B2925F;} 
/*头部*/


/*首页banner*/
.banner{position:relative;overflow: hidden;}

#banner-num{position: absolute;right:40px;top:50%;width:10px;left: auto;}
#banner-num .swiper-pagination-bullet{width:12px;height:12px;margin-bottom:10px;}
/*首页banner*/

/*产品*/
.title{font-size: 26px;font-family: arial;font-weight: 900;color:#333333;text-align: center;line-height:26px;margin:50px 0}
.pro-list{display: block;}
.pro-list ul li{float:left;width:24%;margin:0.5%}
.pro-list ul li .pic{width:100%;overflow: hidden;}
.pro-list ul li .pic img{transition: all .3s;width:100%}
.pro-list ul li .info{height: 100px; background:url(../images/pro-more.png) no-repeat center right 15px #F5F5F5;transition: all .3s;}
.pro-list ul li .info b,.pro-list ul li .info span{display: block;margin-left:15px;transition: all .3s;}
.pro-list ul li .info b{font-size:18px;font-weight:bold;color:#333;padding-top:28px;}
.pro-list ul li .info span{font-size:14px;color:#666666;margin-top:5px}

.pro-list ul li:hover{box-shadow: 1px 1px 10px #ccc;}
.pro-list ul li:nth-child(4):hover{box-shadow: none;}
.pro-list ul li:hover .info{ background:url(../images/pro-more1.png) no-repeat center right 20px #B2925F;}
.pro-list ul li:hover b,.pro-list ul li:hover span{color:#fff;margin-left:20px} 
.pro-list ul li:hover .pic img{transform: scale(1.05);}

.wap-pro-list{display: none; position: relative;width:96%;margin:0 auto;overflow: hidden;padding-bottom:40px;}
.wap-pro-list ul li{float:left}
#wap-pro-bottom{bottom:0}
.wap-pro-list ul li .pic{width:100%;overflow: hidden;}
.wap-pro-list ul li .pic img{transition: all .3s;width:100%}

.wap-pro-list ul li .info b{font-size:16px;font-weight:bold;color:#333;}
.wap-pro-list ul li .info span{font-size:14px;color:#666666;margin-top:5px}
.wap-pro-list ul li .info{ background:#f5f5f5;padding:10px 0}
.wap-pro-list ul li .info b, .wap-pro-list ul li .info span{margin-left:0;text-align: center;display: block;}
/*产品*/


/*新闻中心*/
.news{ background: #F5F5F5;padding-bottom:50px;padding-top:1px;margin-top:40px}

.news-left{width:47%;margin-right:3%; background: #E5E5E5;}
.news-left li{width: 100%;}
.news-left li div{width:50%;height:182px}
.news-left li:nth-child(1) div{float:right}
.news-left li:nth-child(2) div{float:left}
.news-left li a{display: block;}
.news-left li  .info article{width:87%;margin:10% auto}
.news-left li  .info h2{font-size:16px;color:#222222;font-weight:normal;line-height:16px;margin:10px 0}
.news-left li  .info p{color:#777777;font-size:14px;line-height: 26px;}
.news-left li  .info em{display: block;color:#8C1821;margin-top:10px;transition: all .3s;width:90px;height:30px;line-height:30px;text-indent:0px;border-radius:10px;}
.news-left li:hover h2{color:#B2925F}
.news-left li:hover em{margin-left:10px; background: #B2925F;color:#fff;text-indent: 20px;}

.news-right{width:50%; background: #fff;border-top:2px solid #000;border-bottom:2px solid #000}
.news-right ul li{height:88px;border-bottom:1px dashed #B0B0B0;line-height:85px;transition: all .3s}
.news-right ul li b{color:#111;font-weight:bold;font-size:16px;width:30%;text-align: center;display: inline-block;}
.news-right ul li span{display: inline-block;font-size:15px;color:#666;width:60%}
.news-right ul li:nth-child(1){ background: url(../images/news-hot.png) no-repeat center right 10%;}
.news-right ul li:hover b,.news-right ul li:hover span{color:#B2925F}
.news-right ul li:hover{text-indent: 10px;}

.news .container{position: relative;}
.news-more{ position: absolute;top:-10%;right:0}

/*其他产品*/
.otherpro-list{position: relative;overflow: hidden;}
.otherpro-list li{width:24%;float:left;text-align: center;}
.otherpro-list li .pic{width:100%;overflow: hidden;}
.otherpro-list li img{width:100%;transition: all .3s}
.otherpro-list li .info{font-size:16px;font-weight:bold;color:#222;margin:20px 0}
#pro-num{display: none;}
#pro-jt-left{left:0;top:42%}
#pro-jt-right{right:0;top:42%}
#pro-jt-left,#pro-jt-right{ background:rgba(255,255,255,0.6);width:30px;height:50px;text-align: center;}
#pro-jt-right img,#pro-jt-left img{margin-top:15px;width:14px}
.otherpro-list li:hover .info{color:#B2925F}
.otherpro-list li:hover .pic img{transform: scale(1.1);}
.otherpro-more a{transition: all .3s;margin:50px auto;width:220px;height:55px;text-align: center; background: #EEEEEE;display: block;line-height:55px;font-size:16px;border-radius:6px;margin:0 autol}
.otherpro-more a:hover{ background: #B2925F;color:#fff}

/*底部*/
.footer{ background: #393738;padding:30px 0}
.foot-left ul li{float:left;margin-right:60px}
.foot-left ul li a{color:#fff;float:left;font-size:16px;}
.foot-left p,.foot-left a{color:#ABA9AA}
.foot-left p{margin-top:15px;}
.foot-left a:hover{color:#fff}
.foot-right a{margin-left:15px;}
.foot-right a img{transition: all .3s;}
.foot-right a:hover img{transform: rotateY(180deg);}

/*所有商品*/
.ny-banner{height: 400px;width:100%; position: relative;}
.ny-banner-wz{position: absolute;top:24%;left:0;right:0;text-align: center;}
.ny-banner-wz span,.ny-banner-wz b{display: block;}
.ny-banner-wz span{font-size:18px;font-family: arial;color:#888}
.ny-banner-wz b{color: #393738;font-weight: bold;font-size:40px;}
.ny-banner-wz span:before{content: '';display: block;width:27px;height: 3px; background: #B2925F;margin:0 auto 17px auto}
.ny-banner-up{position: absolute;bottom:8%;left:0;right:0;text-align: center;}

.item{border-bottom:1px solid #EEEEEE;padding:10px 0}
.item .ctitle1 li{float:left;font-size:16px;margin-right:65px;height:75px;line-height:75px;}
.item .ctitle1 li.on a,.item .ctitle1 li:hover a{font-weight:bold;}
.item-right a{height:75px;line-height:75px;}
.item-right a:after{content: '>';margin:0 15px;}
.item-right a:last-child:after{content: " ";}

.ny-pro-list{margin:50px 0;overflow: hidden;}
.ny-pro-list ul{width:101%;}
.ny-pro-list ul li{float:left;width:24%;margin-right:1%}
.ny-pro-list ul li .pic{width:100%;overflow: hidden;}
.ny-pro-list ul li .pic img{transition: all .3s;width:100%}
.ny-pro-list ul li .info{height: 100px; background:url(../images/pro-more.png) no-repeat center right 15px #F5F5F5;transition: all .3s;}
.ny-pro-list ul li .info b,.ny-pro-list ul li .info span{display: block;margin-left:15px;transition: all .3s;}
.ny-pro-list ul li .info b{font-size:18px;font-weight:bold;color:#333;padding-top:28px;}
.ny-pro-list ul li .info span{font-size:14px;color:#666666;margin-top:5px}

.ny-pro-list ul li:hover{box-shadow: 1px 1px 10px #ccc;}
.ny-pro-list ul li:nth-child(4):hover{box-shadow: none;}
.ny-pro-list ul li:hover .info{ background:url(../images/pro-more1.png) no-repeat center right 20px #B2925F;}
.ny-pro-list ul li:hover b,.ny-pro-list ul li:hover span{color:#fff;margin-left:20px} 
.ny-pro-list ul li:hover .pic img{transform: scale(1.05);}
/*所有商品*/

/*新闻*/
.ny-news-list li{ background: #F5F5F5;overflow: hidden;padding:30px;margin:20px 0;transition: all .3s;}
.ny-news-list li .pic{float:left;width:27%;}
.ny-news-list li .pic img{width:100%}
.ny-news-list li .info{float:left;width:68%;margin-left:3.5%;    margin-top: 10px;}
.ny-news-list li .info h2{font-size:16px;color:#222;font-weight:normal;margin:15px 0 20px 0;transition: all .3s;}
.ny-news-list li .info b{font-weight: bold;font-size:16px;color:#222;float:right}
.ny-news-list li .info p{font-size:14px;color:#777;line-height:26px;}
.ny-news-list li .info em{transition: all .3s;font-size:18px;font-weight: bold;display: block;margin-top:20px; background: url(../images/news-jt.png) no-repeat center right;width:100px;}
.ny-news-list li:hover .info em{margin-left:20px;color:#C1A776}

.ny-news-list li:hover{ background: #eee;}
.ny-news-list li:hover h2{color:#C1A776}
/*新闻*/

/*关于我们*/
.about-container{max-width:1200px;margin:0 auto}
.about-title{padding:40px 0}
.about-title b,.about-title span{display: block;text-align: center;}
.about-title b{font-size:26px;font-weight:bold;color:#b2925f;line-height:26px;}
.about-title span{font-size:14px;color:#888;font-weight:normal;font-family: arial;margin-top:8px}
.about-p{font-size:15px;color:#666666;line-height:30px;text-align: center;width:80%;margin:0 auto}
.about-div{overflow: hidden;margin:50px 0}
.about-div span{float:left;width:32%;margin:0.5%;overflow: hidden;}
.about-div span img{width:100%;transition: all .3s;}
.about-div span:hover img{transform: scale(1.1);}


.ny-about-culture{ background: url(../images/about-bg.jpg) no-repeat center bottom;height:500px;}
.ny-a-culture-dl{max-width:1200px;margin:0 auto;overflow: hidden;}
.ny-a-culture-dl dl{float:left;width:183px;height:183px;margin:0 55px;border-radius:100%; background: #fff;box-shadow: 2px 5px 10px #eee;}
.ny-a-culture-dl dl dt{width:60px;margin:0 auto;padding-top:45px;transition: all .3s;}
.ny-a-culture-dl dl:hover dt{transform: rotateY(180deg);}
.ny-a-culture-dl dl dd{text-align: center;font-size:16px;margin-top:10px;}
.ny-a-cult{width:725px;margin:0 auto;text-align: center;font-size:15px;line-height:30px;margin-top:40px;}

/*发展历程*/
.deve-title{margin:40px 0}
.deve-title b,.deve-title span{display: block;text-align: center;}
.deve-title b{font-size:26px;line-height:26px;color:#b2925f;font-weight: bold;}
.deve-title span{font-size:14px;color:#999999;line-height:14px;margin-top:5px;font-weight: normal;}


.hislist{width:950px;margin:0 auto 50px auto; background: url(../images/deve-jt-bottom.png) no-repeat center bottom;padding-bottom:50px;}
.hislist:before{content: '';display: block;width:15px;height: 15px; background: #B2925F;border-radius:100%;margin:0 auto}
.hislist .year{margin:30px auto 10px auto;width:69px;height:69px;line-height:69px;text-align: center;font-size:20px;font-weight:bold;color:#B29260;background: #fff;border:8px solid #B29260;display: block;border-radius:100%;font-weight:bold}
.hislist .year-detail{overflow: hidden;}
.hislist .year-detail li{overflow: hidden;width:508px;height:80px;}
.hislist .year-detail li:nth-child(odd){float:right}
.hislist .year-detail li:nth-child(even){float:left}
.hislist .year-detail li:nth-child(odd) .hisright{float:left}
.hislist .year-detail li:nth-child(odd) .hisleft{float:right}
.hislist .year-detail li:nth-child(even) .hisright{float:right}
.hislist .year-detail li:nth-child(even) .hisleft{float:left}
.hislist .year-detail li:hover .hisright{background: #B2925F;color:#fff}

.hislist .year-detail li:nth-child(even) .hisleft {background: url(../images/deve-jt-left.png) no-repeat center right;padding-right:13px;margin-right:20px;} 
.hislist .year-detail li:nth-child(odd) .hisleft {background: url(../images/deve-jt-right.png) no-repeat center left;padding-left:13px;margin-left:20px;}
.hislist .year-detail .hisright{width:65px;height:65px; background: #F5F5F5;text-align: center;color:#B2925F;border-radius:100%;margin-top:10px;transition: all .3s;}
.hislist .year-detail .hisright em{display: block;line-height:17px;font-size:16px;margin-top:16px}
.hislist .year-detail .hisleft p{ background: #F1F1F1;width:369px;border-radius:5px;padding:10px 20px;font-size:15px;line-height:26px;}


/*联系我们*/
.ny-contact-con{max-width:1500px;margin:65px auto}
.ny-contact-con dl{width:360px;height:167px; background: #F6F6F6;float:left;margin:0 7px}
.ny-contact-con dl.contact-tel{text-align: center;}
.ny-contact-con dl dt{margin-top:38px;}
.ny-contact-con dl dd span,.ny-contact-con dl dd b{display: block;text-align: center;}
.ny-contact-con dl.contact-tel span{font-size:16px;margin:8px 0}
.ny-contact-con dl.contact-tel b{font-size:22px;font-weight: bold;color:#B29261}

.ny-contact-con dl.contact-address{text-align: center;}
.ny-contact-con dl.contact-address span{font-size:16px;color:#222;margin:10px 0}

.ny-contact-con dl.contact-qq{text-align: center;}
.ny-contact-con dl.contact-qq span{font-size:16px;color:#222;margin:10px 0}
.ny-contact-con dl.contact-qq b{font-size:22px;font-weight:bold;color:#B2925F}

.ny-contact-con dl{text-align: center;}
.ny-contact-con dl.contact-wx dd{float:none;display: inline-block;margin:30px 0;width:45%}
.ny-contact-con dl.contact-wx dd span,.ny-contact-con dl.contact-wx dd em{float:left;}
.ny-contact-con dl.contact-wx dd em{font-size:18px;color:#333333;writing-mode:tb-rl;margin-left:5px;}

/*产品详情页*/
.item-back{ background: url(../images/back.png) no-repeat center left;padding-left:40px;font-size:15px;color:#333;height:40px;line-height:40px;margin-top:20px;position: relative;}
.pro-ban{display: none; position: relative;width:100%;overflow: hidden}
.pro-ban img{width:100%}
.ban{ width:720px; height:620px; position:relative; overflow:hidden;margin:40px auto;}
.ban2{ width:570px; height:620px; position:relative; overflow:hidden;float:left;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:570px; height:620px;}
.ban2 ul li img{width: 100%;}
.prev{ float:left; cursor:pointer;}
.ny-detail .num{ height:553px;overflow:hidden; width:430px; position:relative;float:left;}


.min_pic{width:120px;float:right}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:120px; height:130px;border:2px solid #eee;margin:7px 0;box-sizing:border-box;}
.num ul li.on{ border:2px solid #B2925F; padding:0;}
.num ul li img{width:100%;height: 100%;}
.prev_btn1{ width:123px; text-align:center; height:31px;margin-right:20px; cursor:pointer; float:left;}
.next_btn1{  width:123px; text-align:center; height:31px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}

.ny-detail{width:800px;margin:20px auto}
.ny-detail-con{margin-bottom:30px;}
.ny-detail-con h2{font-size:30px;font-weight:bold;margin:20px 0;color:#333;text-align: center;}
.ny-detail-con p{text-align: center;font-size:16px;line-height:30px;}


.ny-tj-list{position: relative;overflow: hidden;}
.ny-tj-list li{float:left;text-align: center;width:23%;margin:0 1%;}
.ny-tj-list li .pic{width:100%;overflow: hidden;}
.ny-tj-list li img{width:100%;transition: all .3s}
.ny-tj-list li:hover img{transform: scale(1.1);}
.ny-tj-list li .info{font-size:16px;font-weight:bold;color:#222;margin:20px 0}

.ny-tj-pro .container{max-width:1395px;margin:0 auto}
.ny-tj-pro{ background: #f5f5f5;}
.ny-tj-title{padding:30px 0}
.ny-tj-title b{font-size:26px;font-weight:bold;color:#333}
.ny-tj-title a{float:right;font-size:16px;font-weight:normal;margin-top:10px;}


.pagelist {padding:10px 0 30px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.pagelist a,.pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.pagelist span.current {color: #f30;border: 1px solid #ddd;}

.nr-content{margin:30px auto;width:90%;}
.nr-content p span{font-size:16px !important;line-height:28px !important;}
