@charset "utf-8";
/* CSS Document */
/*内容*/
/*内页大图*/
.nbanner{width:100%;}
.nbanner img{ width:100%;}

/*当前位置*/
.weizhi{width:100%;}
.weizhi p{display: inline-block; float: left; height:40px; line-height:40px; padding:0 20px 0 0; color:#999; font-size:13px;}
.weizhi p a{color:#999;}
.weizhi p a:hover{color:#f46539;}
.sonmenu{width:100%; border-radius:10px; padding:20px; margin:0 auto; text-align:center; background:#f7f7f7;}
.sonmenu a{display:inline-block; padding:10px 20px 10px 20px; background:#ddd; margin: 0 20px 0 20px; color:#FFFFFF; border-radius:8px; position:relative; color:#000000;}
.sonmenu a.active{background:#f46539; color:#FFFFFF;}
.sonmenu a:hover{background:#f46539; color:#FFFFFF;}
.sonmenu a.active:after{display: block;content: "";width: 0; height: 0; border-left:5px solid transparent; border-top: 5px solid #f46539; border-right: 5px solid transparent; position: absolute; left: 50%; top: 100%; transform: translateX(-50%);}
.sonmenu a:hover:after{display: block;content: "";width: 0; height: 0; border-left:5px solid transparent; border-top: 5px solid #f46539; border-right: 5px solid transparent; position: absolute; left: 50%; top: 100%; transform: translateX(-50%);}



/*简介右侧色块*/
.jjbg{/* 渐变 */ background: linear-gradient(to right, #ffffff 0%,#ffffff 60%,#ebebeb 60%,#ebebeb 100%);}
.about-box{ width:60%; float:left; padding-left:40px;}
.biglanmu-title{padding:0 0 80px 0; width:100%;}
.biglanmu-title span{ color:#d7b877; font-size:14px;}
.biglanmu-title h2{ font-size:28px; color:#333333; font-weight:600; padding-top:40px; line-height:1.2; position:relative;}
.biglanmu-title h2:after{ content:''; width:20%; height:2px; background:#ccc; position:absolute; left:0; bottom:-40px;}
.about-con{ width:100%; padding:0 40px 40px 0px; line-height:2;}
.about-img{ width:40%; float:right; padding:40px 0 40px 40px;}
.about-img img{ width:100%;}


/*产品*/
.product-list-kuang{ width:100%;}
.product-list-box{width:23.5%;float:left; margin-bottom:30px; margin-right:2%;}
.product-list-kuang .product-list-box:nth-child(4n){ margin-right:0;}
.product-list-box .product-list{ margin:0;}
.product-list-box a:hover .product-title p{border:#f46539 1px solid; background:#f46539; color:#fff;}
.loading,.more_loader_spinner,.noinfomation{ width:100%; text-align:center; padding:40px;}
.loading img{ display:inline-block;}
.more_loader_spinner{ display:none;}

/*产品详情*/
.infobox{ background:#FFFFFF; padding:30px;}
.proinfo-left{ float:left; width:calc(100% - 260px);}
.proinfo-right{ float:right; width:240px;}

/*产品橱窗*/
.detail-defult{ width:100%;}
#magnifier{position: relative;width: 360px; float:left;}
.small-box{position: relative;width: 360px;height:360px;margin-bottom: 20px;border: 1px solid #eee; overflow:hidden;}
.small-box img{display: block; position:absolute; left:0; top:0; right:0;bottom:0; margin:auto; max-width:100%; max-height:100%;}
.small-box .hover{display: none;position: absolute;left: 0;top: 0;width:50px;height:50px;border: 1px solid #aaa;background: #0099ff;opacity: .5;filter: alpha(opacity: 50);cursor: move;}
.thumbnail-box{position: relative;width: 100%;}
.thumbnail-box .btn{position: absolute;width:24px;height: 58px;background:#d7b877; display:block;font-size:24px; text-align:center; line-height:58px; color:#FFFFFF}
.thumbnail-box .btn-prev{left: 0;}
.thumbnail-box .btn-prev:after{content:'\ebd8'; font-family:'iconfont'; }
.thumbnail-box .btn-next{right: 0;}
.thumbnail-box .btn-next:after{content:'\ebd7'; font-family:'iconfont';}
.thumbnail-box .list{overflow: hidden;width:320px;margin: 0 auto;}
.thumbnail-box .wrapper{width: 100000px;}
.thumbnail-box .list .item{float: left;margin: 0 10px; width:58px; height:58px; position:relative; overflow:hidden;border: 2px solid #fff;}
.thumbnail-box .list .item-cur{}
.thumbnail-box .list .item img{ position:absolute; left:0; top:0; right:0;bottom:0; margin:auto; max-width:100%; max-height:100%;}
.thumbnail-box .list .item-cur{border: 2px solid #f46539;}
.big-box{display: none;overflow: hidden;position: absolute;left:361px;top: 0;width:500px;height:500px;border: 1px solid #e4e4e4;}
.big-box img{display: block;}

/*橱窗右侧说明*/
.product-text{float: right;width:calc(100% - 390px);}
.product-text h2{font-size:24px;color:#333;line-height:1.2;padding-bottom:20px;}
.product-text>em{display: block;width: 100%;height: 1px;background: #e4e4e4;margin: 0 0 20px 0;}
.l{float: left;}
.product-text .on{display: block;width: 100%;margin-bottom: 20px;overflow: auto;background:#f7f7f7; line-height:1.8;padding:20px;}
.product-text h4{font-size:14px;color:#666;line-height:1.2;padding-bottom:20px; font-weight:normal;}
.product-text h4 span{ font-size:20px; color:#FF3300;}
.zixun-box{ background:#f7f7f7; padding:30px;border-radius:5px;}
.zixun-box a{ display:inline-block; margin-right:30px;}
.product-text h3{color: #fff;background: #26b464;background-image: linear-gradient(to right, #fff, #d7b877);font-weight:normal;display:inline-block;padding:8px 20px 8px 20px;border-radius:5px;cursor:pointer; border:#d7b877 1px solid;display: flex;align-items: center;}
.product-text h3 i{ font-size:24px; color:#c6ac73;display: inline-flex;align-items: center;vertical-align: middle;}
.product-text h3 span{font-size:15px; padding-left:10px; color:#875f00;display: inline-flex;align-items: center;vertical-align: middle;}

/*pc二维码弹出*/
.button-img-dropdown{position:fixed;height:100%;width:100%;top:0;left:0; background-color: rgba(0,0,0,0.8);z-index:999999;-webkit-animation:fade-zoom-in .3s forwards;-o-animation:fade-zoom-in .3s forwards;animation:fade-zoom-in .3s forwards;display:none;-webkit-backface-visibility:hidden}
.button-img-dropdown .qcode img{max-width:100%;height:auto}
.button-img-dropdown.is-visible{display:block}
.button-img-dropdown .tooltip-button-img-inner{max-width:500px;padding:0 20px;margin:auto;text-align:center;position:absolute;width:100%;left:0;right:0;height:320px;top:-150px;bottom:0}
.button-img-dropdown .tooltip-button-img-inner h5{color:#fff;font-size:32px;font-weight:300;margin-bottom:10px;line-height:1.3}
.button-img-dropdown .tooltip-button-img-inner{top: 0 !important}
/*分享*/
.share1{width: 100%;margin-bottom: 15px;display: flex;align-items: center;}
.share1 a{display: inline-flex;align-items: center;vertical-align: middle; padding:0 0 0 10px;}
.share1 .span4{font-size: 14px;color: #333;height: 26px;line-height: 26px;margin-right: 10px;}
.share1 a i{ font-size:24px;}
.qq-share i{ color:#3399FF;}
.weixin-share i{ color:#00CC33;}
.weibo-share i{ color:#FF3300}


/*详情描述*/
.infotab{display: block;width: 100%;height: auto; background:#eee; margin-top:30px; padding:10px 10px 0 10px;}
.infotab span{display:inline-block;text-align:center;font-size:15px; padding:8px 15px;color: #999;background-image: linear-gradient(#fbfdfc , #f7f7f7);cursor: pointer;}
.infotab span:hover{background: #fff;color: #333;}
.infotab span.active{background: #fff;color: #333;}
.infomain{display: block;width: 100%;height: auto;}
.infomain>div{display: none;padding:30px 10px;line-height:1.8;}
.infomain img{max-width: 100%;}

/*上下条*/
.downup-list{display: block;width: 100%;text-align: center; padding:20px 0 20px 0; background:#f9f9f9;}
.downup-list>.prev,
.downup-list>.next{float: left;width:40%;padding:0 20px; }
.downup-list>.prev{ text-align:right;}
.downup-list>.next{ text-align:left;}
.downup-list>.goList{display: inline-block;float: left;width:20%;border-left: 1px solid #e8e8e8;border-right: 1px solid #e8e8e8;text-align:center;}
.downup-list>.goList span{display:inline-block;position:relative; padding-left:36px;}
.downup-list>.goList span:before{color: #333; font-size:36px; position:absolute; font-family:"iconfont"; content:'\eba9'; left:0px; top:-10px;}
.downup-list a{font-size: 14px;color: #141414; text-decoration:none;}
.downup-list>.prev:hover,
.downup-list>.next:hover{color: #FF3300;}
.downup-list>.goList:hover{color: #FF3300;}

/*相关产品信息*/
.like-title{ width:100%; border-bottom:#eee 1px solid; padding-bottom:10px; margin-bottom:15px;}
.like-title h1{ font-size:18px; color:#000000; font-weight:bold;}
.like-list{ width:100%; float:left; margin-bottom:15px;background:#f7f7f7;}
.like-list a{ display:block;padding:10px;}
.like-list p{ display:block; width:100%; position:relative; padding:0 0 66.6% 0; overflow:hidden; background:#fff; }
.like-list p img{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%;transition: transform .3s ease-in;}
.like-list h2{width:100%; padding:8px 0 8px 0; font-size:14px; color:#666666;display: block; text-align:center; font-weight:normal;}
.like-list a:hover p img{transform: scale(1.1);}


/*新闻详情*/
.newsbg{ background:url(../images/06.jpg) top right repeat-y #fff;}
.newsinfo-left{ float:left; width:calc(100% - 270px);}
.newsinfo-right{ float:right; width:240px; padding-left:30px;}
.article-title{ width:100%;border-bottom: 1px solid #eee; padding:0 0 28px 0;}
.article-title h1{font-size:28px; line-height:1.3; color:#363636;  width:100%; padding:0 30px 0 0;}
.news-base{ width:100%;padding:10px 30px 0 0; margin-bottom:15px;}
.news-base-info{ color:#999; font-size:14px;  float:left; }
.news-share{ float:right;}
.article-con{ width:100%; padding:30px 0 100px 0 ; line-height:2; }
.article-con img{max-width:100%;}
.article-img{ width:100%; padding-top:30px;}
.article-img img{max-width:60%; display:block; margin:0 auto;}

.info-box{ padding:40px;}

/*相关新闻*/
.newsxg-title{ width:100%; border-bottom:#ddd 1px solid; padding-bottom:10px;}
.xgnews{ width:100%;padding: 12px 0;border-bottom: 1px solid #ddd;}
.xgnews h2{ font-size:16px; line-height:1.5; font-weight:normal;}
.xgnews h3{ display:block; width:100%; margin-bottom:10px; background:#ddd; padding:10px;border-radius:10px;}
.xgnews h3 em{ display:block;  padding:0 0 50% 0; position:relative;border-radius:5px; background:#eee; overflow:hidden;}
.xgnews h3 img{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%;transition: transform .3s ease-in;}
.xgnews span{margin-top: 10px;color: #999;font-size: 12px; display:block; width:100%;}
.xgnews a:hover h2{ color: #FF3300;}
.xgnews a:hover h3 img{transform: scale(1.1);}

/*成功案例*/
.caselb{ margin-bottom:30px;}

/*联系方式*/
.lxk{ width:30%; float:left; margin:0 1% 0 1%;}
.lxk i{display:block; margin:0 auto; font-size:50px; text-align:center; width:100px; height:100px; line-height:100px; border-radius:50px; background:#d7b877; color:#fff; font-style:normal;}
.lxk h1{ display:block; margin:0 auto; font-size:14px; color:#999; width:70%; padding:20px 0 0 0; font-weight:normal;text-align:center;}
.lxk p{ display:block; margin:0 auto; font-size:18px; color:#333; width:70%; padding:20px 0 0 0; font-weight:normal; text-align:center; }
#lxdz{ font-size:14px; text-align:left; width:80%;line-height:180%;}
#lxtel{font-family:'Book-Antiqua'; font-size:48px; color:#333; font-weight:lighter; vertical-align:top;}
#lxmail{font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:24px; vertical-align:top; font-weight:bold;}

.fa-box li{ width:100%; float:left; margin-bottom:5%;box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1);}

.fa-box .news-pic-img{ padding:0 0  100% 0; }

.info-gd{ width:100%;height:500px;overflow-y:auto; }
.info-gd::-webkit-scrollbar{width:2px;}
.info-gd::-webkit-scrollbar-button{display: none;}
.info-gd::-webkit-scrollbar-thumb{background-color: #b3150d;}
.info-gd{scrollbar-face-color: #b3150d;scrollbar-dark-shadow-color: #fff;scrollbar-width: thin !important; padding-right:40px;}



/*分页*/
#fenye{width:100%; height:50px; text-align:center;margin:0 auto; line-height:30px; font-size:12px;}
.pl30{padding-left:30px}
.f14{font-size:14px}
.c999{color:#999}
.isTxtBig{height:40px;line-height:40px;border:1px solid #ccc;padding:0 8px;color:#666}
.isTxtBig.focus{color:#000; background-color:#fff}
.tzan{height:40px;text-align:center;line-height:40px;padding:0 8px; color:#666;font-size:14px;border:1px solid #ccc; cursor:pointer; background:#ccc;}
.w30{width:40px;}
div#pagination .count{float:left;padding:5px;}
div#pagination .pages{float:right; padding:5px;}
div#paginationTop{height:40px; margin-bottom:3px;}
div#paginationTop .count{float:left; padding:5px;}
div#paginationTop .pages{float:right; padding:5px;}
div.pagination{padding: 3px; margin:30px; text-align:center; line-height:40px;}
div.pagination a{margin:0 5px;display:inline-block; padding:0 12px 0 12px;height:32px;line-height:32px;text-decoration:none;color:#666;font-size:12px; background:#fff; border-radius:5px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06); border:1px #f1f1f1 solid;}
div.pagination a:hover, div.pagination a:active{color: #fff;background-color: #c11113;}
div.pagination span.current{margin:5px;display:inline-block;padding:0 12px 0 12px;height:32px;line-height:32px;text-decoration:none;color:#fff;font-size:14px;background: #c11113;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);border-radius:5px;}
div.pagination span.disabled{margin:0 5px;display:inline-block;padding:0 12px 0 12px;height:32px;line-height:32px; text-decoration:none;color:#666;font-size:12px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);background:#f9f9f9;}