/* 网站背景 */
.bg-color{background-color: #fff;}
/* 导航 */
.nav-bar{position: fixed;top: 0;left: 0;z-index: 99;width: 100%;height: 128px;background-color: #fff;}
.nav-bar .logo{float: left;width: 221px;height: 128px;line-height: 128px;font-size: 0;background-color: #fff;}
.nav-bar .logo img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
.nav-bar ul{float: right;margin-top: 25px;}
.nav-bar ul li{float: left;margin: 0 2px;}
.nav-bar ul li a{display: block;width: 128px;height: 78px;line-height: 1;text-align: center;display: flex;justify-content: center;flex-direction: column;position: relative;z-index: 1;}
.nav-bar ul li a:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 0;background-image: url(../images/nav.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;z-index: -1;transition: all 0.5s ease-in-out;}
.nav-bar ul li a .name{font-size: 18px;color: #333;margin-bottom: 6px;}
.nav-bar ul li a .english{font-size: 14px;color: #999;text-transform: uppercase;}
.nav-bar ul li a:hover .name,
.nav-bar ul li a:hover .english,
.nav-bar ul li.active a .name,
.nav-bar ul li.active a .english{color: #fff;}
.nav-bar ul li a:hover:before,
.nav-bar ul li.active a:before{height: 100%;}
.nav-bar.nav-hide{height: 98px;box-shadow: 0 0 5px 6px rgba(0, 0, 0, 0.1);}
.nav-bar.nav-hide .logo{width: 180px;height: 98px;line-height: 98px;}
.nav-bar.nav-hide ul{margin-top: 15px;}
.nav-bar.nav-hide ul li a{height: 68px;}
/* banner大图 */
.banner{width: 100%;margin: 128px auto 0;position: relative;overflow: hidden;z-index: 1;text-align: center;}
.banner a{display: block;}
.banner img{width: 100%;}
.banner .btn{position: absolute;bottom: 28px;left: 0;width: 100%;z-index: 2;}
.banner .btn .warpper{position: relative;height: 60px;}
.banner .btn .pagination{position: absolute;bottom: 20px;left: 0;line-height: 1;}
.banner .btn .pagination span{color: #fff;font-size: 20px;}
.banner .btn .pagination span.sep{padding: 0 5px;}
.banner .btn .pagination span.cur{color: #a68a61;font-weight: 700;}
.banner .btn .banner-pagination{position: absolute;bottom: 0;left: 0;right: auto;top: auto;display: flex;justify-content: flex-start;}
.banner .btn .swiper-pagination-bullet{width: 30px;height: 4px;background-color: #fff;margin-right: 8px;opacity: 1;border-radius: 0;transition: all 0.5s ease-in-out;}
.banner .btn .swiper-pagination-bullet-active{background-color: #a68a61;}
.banner .btn .pull-right{position: absolute;bottom: 0;right: 0;width: 26px;height: 40px;}
.banner .btn .pull-right span{display:block;width: 100%;height: 100%;position:relative;}
.banner .btn .pull-right span:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:3px rgba(255,255,255,.3) solid;border-radius:13px;box-sizing: border-box;}
.banner .btn .pull-right i{position:absolute;width:100%;top:0;left:0;height:37%;overflow:hidden;}
.banner .btn .pull-right i:after{content:"";display:block;position:absolute;width:100%;top:0;border:3px #fff solid;border-radius:13px;height:40px;box-sizing: border-box;}
.banner .btn .pull-right span:after{content:"";display:block;position:absolute;width:3px;height:20%;background:#fff;left:49.7%;margin-left:-1px;border-radius:2px;top:25%;animation: moveDownSpot 1s infinite;}
@keyframes moveDownSpot{from {opacity: 1;top: 25%;}to {opacity: 0;top: 50%;}}
.banner .banner-next,
.banner .banner-prev{width: 48px;height: 97px;margin-top: 0;background-size: auto;transform: translateY(-50%);transition: all 0.5s ease-in-out;}
.banner .banner-next::after,
.banner .banner-prev::after{display: none;}
.banner .banner-prev{left: 60px;background-image: url(../images/banner-left.png);}
.banner .banner-next{right: 60px;background-image: url(../images/banner-right.png);}
.banner .banner-prev:hover{background-image: url(../images/banner-left1.png);}
.banner .banner-next:hover{background-image: url(../images/banner-right1.png);}
#main{overflow: hidden;}
/* 首页搜索 */
#main .search-main{background-color: #fff;height: 110px;}
#main .search-main .list{float: left;max-width: 800px;}
#main .search-main .list .tit{float: left;line-height: 110px;color: #333;font-size: 18px;}
#main .search-main .list ul{float: left;display: flex;padding-left: 14px;}
#main .search-main .list ul li{line-height: 110px;color: #666;font-size: 16px;}
#main .search-main .list ul li a{color: #666;}
#main .search-main .list ul li a:hover{color: #a68a61;text-decoration: underline;}
#main .search-main .list ul li:last-child span{display: none;}
#main .search-main .search{float: right;margin-top: 33px;}
#main .search-main .search .words{float: left;width: 370px;height: 47px;line-height: 47px;padding: 0 12px;background-color: transparent;color: #999;font-size: 14px;border-radius: 0;padding-left: 47px;padding-right: 14px;box-sizing: border-box;border: 1px solid #eee;border-right: none;background-image: url(../images/search.png);background-position: 14px center;background-repeat: no-repeat;}
#main .search-main .search .words::-webkit-input-placeholder{color: #999;}
#main .search-main .search .words:-moz-placeholder{color: #999;}
#main .search-main .search .words::-moz-placeholder{color: #999;}
#main .search-main .search .words:-ms-input-placeholder{color: #999;}
#main .search-main .search .submit{float: right;width: 110px;height: 47px;line-height: 47px;text-align: center;font-size: 16px;color: #fff;cursor: pointer;background-color: #ab916a;}
#main .search-main .search .submit:hover{background-color: #e79332;}
/* 公共头部 */
#main .common{text-align: center;line-height: 1;}
#main .common h4{display: inline-block;color: #000;font-size: 48px;padding: 0 65px;line-height: 1.2;position: relative;}
#main .common h4:before,
#main .common h4:after{content: '';position: absolute;top: 50%;width: 35px;height: 41px;transform: translateY(-50%);background-image: url(../images/common.png);background-position: center;background-repeat: no-repeat;}
#main .common h4:before{left: 0;}
#main .common h4:after{right: 0;}
#main .common p{color: #666;font-size: 20px;margin-top: 18px;}
/* 高档皮革面料 */
#main .data-main{background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;padding: 100px 0 60px 0;position: relative;z-index: 1;}
#main .data-main:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(238,238,238,.9);z-index: -1;}
#main .data-main .common h4 b{padding-left: 25px;}
#main .data-main .common p{color: #333;font-size: 16px;line-height: 1.8;padding: 0 75px;}
#main .data-main .list{display: flex;justify-content: center;align-items: center;padding: 60px 0 40px 0;}
#main .data-main .list li{text-align: center;line-height: 1;color: #666;font-size: 20px;margin: 0 65px;padding-bottom: 16px;position: relative;cursor: pointer;}
#main .data-main .list li:after{content: '';position: absolute;bottom: 8px;left: 0;width: 100%;height: 3px;background-color: #e79332;opacity: 0;transition: all 0.5s ease-in-out;}
#main .data-main .list li:before{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);border-width: 8px;border-color: #e79332;border-bottom-width: 0;border-style: dashed;border-top-style: solid;border-left-color: transparent;border-right-color: transparent;opacity: 0;transition: all 0.5s ease-in-out;}
#main .data-main .list li .data-tags{color: #e79332;font-size: 60px;font-weight: 700;}
#main .data-main .list li .danwei{color: #e79332;font-size: 30px;}
#main .data-main .list li:hover:after,
#main .data-main .list li:hover:before{opacity: 1;}
#main .data-main .piclist{position: relative;padding: 0 70px;}
#main .data-main .piclist .swiper-slide a{display: block;width: 100%;}
#main .data-main .piclist .swiper-slide a .img{width: 100%;height: 280px;overflow: hidden;}
#main .data-main .piclist .swiper-slide a .img img{width: 100%;height: 100%;object-fit: cover;}
#main .data-main .piclist .swiper-slide a .tit{text-align: center;color: #666;font-size: 16px;line-height: 48px;}
#main .data-main .piclist .swiper-slide a:hover .img img{transform: scale(1.1);}
#main .data-main .piclist .swiper-slide a:hover .tit{color: #e79332;}
#main .data-main .piclist .piclist-next,
#main .data-main .piclist .piclist-prev{width: 37px;height: 37px;margin-top: 0;background-size: auto;transform: translateY(-50%);}
#main .data-main .piclist .piclist-next::after,
#main .data-main .piclist .piclist-prev::after{display: none;}
#main .data-main .piclist .piclist-prev{left: 0;background-image: url(../images/piclist-left.png);}
#main .data-main .piclist .piclist-next{right: 0;background-image: url(../images/piclist-right.png);}
#main .data-main .piclist .piclist-prev:hover{background-image: url(../images/piclist-left1.png);}
#main .data-main .piclist .piclist-next:hover{background-image: url(../images/piclist-right1.png);}
/* 属于您的特色皮革 */
#main .dingzhi-main{background-color: #fff;padding: 70px 0;}
#main .dingzhi-main .common{margin-bottom: 70px;}
#main .dingzhi-main .imgbg{float: left;width: 505px;height: 533px;border-radius: 10%;overflow: hidden;}
#main .dingzhi-main .imgbg img{width: 100%;height: 100%;object-fit: cover;}
#main .dingzhi-main .box{float: right;width: 690px;}
#main .dingzhi-main .box .tit{color: #000;font-size: 36px;line-height: 2;padding-bottom: 7px;margin-bottom: 34px;position: relative;}
#main .dingzhi-main .box .tit span{color: #ab916a;}
#main .dingzhi-main .box .tit:after{content: '';position: absolute;bottom: 8px;left: 0;width: 136px;height: 3px;background-color: #ab916a;}
#main .dingzhi-main .box .tit:before{content: '';position: absolute;bottom: 0;left: 60px;border-width: 8px;border-color: #ab916a;border-bottom-width: 0;border-style: dashed;border-top-style: solid;border-left-color: transparent;border-right-color: transparent;}
#main .dingzhi-main .box .txt{padding-bottom: 22px;}
#main .dingzhi-main .box .txt li{margin-bottom: 16px;display: flex;}
#main .dingzhi-main .box .txt li .title{width: 140px;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 20px;margin-right: 12px;background-color: #ab916a;border-radius: 30px;border-bottom-right-radius: 0;}
#main .dingzhi-main .box .txt li .con{height: 40px;color: #666;font-size: 20px;justify-content: center;flex-direction: column;display: flex;}
#main .dingzhi-main .box .list{display: flex;}
#main .dingzhi-main .box .list li{cursor: pointer;width: 160px;padding: 0 22px;border: 1px solid #dcdcdc;border-radius: 5px;margin-right: 20px;text-align: center;}
#main .dingzhi-main .box .list li .img{width: 50px;height: 50px;margin: 25px auto 0;text-align: center;font-size: 0;line-height: 50px;overflow: hidden;position: relative;}
#main .dingzhi-main .box .list li .img img{position: absolute;top: 0;left: 0;max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
#main .dingzhi-main .box .list li .img img.IMG{opacity: 0;}
#main .dingzhi-main .box .list li .title{color: #000;font-size: 24px;line-height: 1;margin: 16px 0;font-weight: 700;}
#main .dingzhi-main .box .list li .con{color: #666;font-size: 16px;line-height: 26px;min-height: 78px;}
#main .dingzhi-main .box .list li:hover{box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);}
#main .dingzhi-main .box .list li:hover .img img.IMG{opacity: 1;}
#main .dingzhi-main .box .list li:hover .title{color: #e79332;}
#main .dingzhi-main .box .list li:hover .con{color: #999;}
/* 首页产品 */
#main .product-main{background-color: #f8f8f8;padding: 70px 0;}
#main .product-main .common h4 b{padding-left: 25px;}
#main .product-main .list{margin: 70px 20px 60px 20px;min-width: 1300px;}
#main .product-main .list .swiper-slide a{display: block;width: 100%;height: 360px;position: relative;}
#main .product-main .list .swiper-slide a .img,
#main .product-main .list .swiper-slide a .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#main .product-main .list .swiper-slide a .img{line-height: 360px;text-align: center;font-size: 0;background-color: #fff;overflow: hidden;}
#main .product-main .list .swiper-slide a .img img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
#main .product-main .list .swiper-slide a .box{opacity: 0;padding: 0 10%;background-color: rgba(0, 0, 0, 0.7);text-align: center;display: flex;justify-content: center;flex-direction: column;box-sizing: border-box;}
#main .product-main .list .swiper-slide a .box .tit{color: #fff;font-size: 24px;line-height: 1;}
#main .product-main .list .swiper-slide a .box .line{display: flex;justify-content: center;align-items: center;margin: 20px 0 30px 0;}
#main .product-main .list .swiper-slide a .box .line i{margin: 0 2px;width: 5px;height: 5px;background-color: #e79332;border-radius: 50%;}
#main .product-main .list .swiper-slide a .box .line i:first-child{width: 46px;border-radius: 20px;}
#main .product-main .list .swiper-slide a .box .tags{color: #ccc;font-size: 16px;line-height: 1.8;}
#main .product-main .list .swiper-slide a:hover .box{opacity: 1;}
#main .product-main .more{display: flex;justify-content: center;align-items: center;}
#main .product-main .more a{width: 800px;height: 50px;line-height: 50px;background-color: #fff;text-align: center;color: #666;font-size: 18px;border-radius: 30px;margin: 0 24px;}
#main .product-main .more a:hover{background-color: #e79332;color: #fff;}
#main .product-main .more .product-prev,
#main .product-main .more .product-next{width: 50px;height: 50px;margin-top: 0;background-size: auto;position: static;top: auto;bottom: auto;left: auto;right: auto;}
#main .product-main .more .product-next::after,
#main .product-main .more .product-prev::after{display: none;}
#main .product-main .more .product-prev{left: 0;background-image: url(../images/pro-left.png);}
#main .product-main .more .product-next{right: 0;background-image: url(../images/pro-right.png);}
#main .product-main .more .product-prev:hover{background-image: url(../images/pro-left1.png);}
#main .product-main .more .product-next:hover{background-image: url(../images/pro-right1.png);}
/* 合作共赢 */
#main .hezuo-main{background-color: #fff;padding-top: 70px;}
#main .hezuo-main .hd{margin: 30px 0;}
#main .hezuo-main .hd ul{display: flex;justify-content: space-between;padding: 0 60px;}
#main .hezuo-main .hd ul li{margin-left: auto;display: flex;align-items: center;cursor: pointer;}
#main .hezuo-main .hd ul li:first-child{margin-left: 0;}
#main .hezuo-main .hd ul li .img{width: 50px;height: 50px;line-height: 50px;text-align: center;font-size: 0;}
#main .hezuo-main .hd ul li .img img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
#main .hezuo-main .hd ul li .tit{color: #000;font-size: 24px;margin-left: 10px;}
#main .hezuo-main .hd ul li .tit b{padding-right: 16px;}
#main .hezuo-main .hd ul li:hover .tit,
#main .hezuo-main .hd ul li.on .tit{color: #e79332;}
#main .hezuo-main .bd{height: 650px;width: 100%;position: relative;}
#main .hezuo-main .bd .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
#main .hezuo-main .bd .img img{width: 100%;height: 100%;object-fit: cover;}
#main .hezuo-main .bd .box{position: absolute;bottom: 0;left: 0;width: 100%;}
#main .hezuo-main .bd .box .warpper{display: flex;border-top-left-radius: 10px;border-top-right-radius: 10px;background-color: rgba(255,255,255,.8);}
#main .hezuo-main .bd .box .tit{width: 210px;height: 110px;color: #fff;font-size: 30px;line-height: 1.2;background-color: #ab916a;text-align: center;display: flex;justify-content: center;flex-direction: column;}
#main .hezuo-main .bd .box .tit b{display: block;}
#main .hezuo-main .bd .box .con{width: calc(100% - 210px);padding: 0 48px 0 18px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;}
#main .hezuo-main .bd .box .con .con1{width: 800px;color: #000;font-size: 18px;line-height: 1.8;}
#main .hezuo-main .bd .box .con .more{width: 106px;height: 38px;line-height: 38px;text-align: center;font-size: 16px;color: #fff;border-radius: 5px;background-color: #ab916a;}
#main .hezuo-main .bd .box .con .more:hover{border-radius: 0;background-color: #e79332;}
#main .hezuo-main #HBox{width:300px;height:400px;margin:0 auto;box-shadow:1px 1px 5px #333;-webkit-box-shadow:1px 1px 5px #333;display:none;background-color:#ffffff;}
#main .hezuo-main #HBox form{padding: 20px;}
#main .hezuo-main #HBox input{display: block;width: 100%;padding: 0 9px;height: 40px;line-height: 40px;border: 1px solid #ededed;margin-bottom: 13px;font-size: 14px;color: #323232;box-sizing: border-box;}
#main .hezuo-main #HBox input.code{width: calc(100% - 140px);float: left;}
#main .hezuo-main #HBox a.code{float: right;width: 130px;height: 40px;line-height: 40px;font-size: 0;text-align: right;}
#main .hezuo-main #HBox a.code img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
#main .hezuo-main #HBox textarea{display: block;font-size: 14px;color: #323232;width: 100%;border: 1px solid #ededed;height: 120px;line-height: 30px;padding: 5px 9px;margin-bottom: 13px;box-sizing: border-box;}
#main .hezuo-main #HBox .btn-box{width: 100%;overflow: hidden;}
#main .hezuo-main #HBox .btn-box a.btn{display: block;width: 100%;height: 40px;text-align: center;line-height: 40px;background-color: #ab916a;color: #fff;margin: 0 auto;}
#main .hezuo-main #HBox .btn-box a.btn:hover{background-color: #e79332;}
/* 新闻资讯 */
#main .news-main{background-color: #fff;padding: 70px 0;}
#main .news-main .common{margin-bottom: 34px;}
#main .news-main .news-common{margin-bottom: 22px;border-bottom: 1px solid #dcdcdc;line-height: 60px;}
#main .news-main .news-common .tit{float: left;color: #000;font-size: 24px;position: relative;display: flex;align-items: center;}
#main .news-main .news-common .tit img{padding-right: 12px;}
#main .news-main .news-common .more{float: right;color: #666;font-size: 14px;}
#main .news-main .news-common .more:hover{color: #e79332;text-decoration: underline;}
#main .news-main .list{float: left;width: 552px;}
#main .news-main .list .show a{display: block;}
#main .news-main .list .show a .img{width: 100%;height: 287px;overflow: hidden;margin-bottom: 20px;}
#main .news-main .list .show a .img img{width: 100%;height: 100%;object-fit: cover;}
#main .news-main .list .show a .txt{border-bottom: 1px solid #dcdcdc;padding-bottom: 14px;}
#main .news-main .list .show a .txt .tit{color: #000;font-size: 18px;font-weight: 700;line-height: 28px;margin-bottom: 18px;padding-left: 100px;position: relative;}
#main .news-main .list .show a .txt .tit:before{content: '头条';position: absolute;top: 0;left: 0;width: 89px;height: 28px;line-height: 28px;text-align: center;color: #fff;font-size: 18px;font-weight: 400;background-color: #e79332;border-radius: 20px;}
#main .news-main .list .show a .txt .con{color: #666;font-size: 14px;line-height: 24px;}
#main .news-main .list .show a:hover .img img{transform: scale(1.1);}
#main .news-main .list .show a:hover .txt .tit{color: #e79332;}
#main .news-main .list ul{margin-top: 16px;}
#main .news-main .list ul li{line-height: 32px;padding-left: 30px;position: relative;}
#main .news-main .list ul li:before{position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 20px;height: 17px;line-height: 17px;text-align: center;color: #fff;font-size: 14px;background-color: #e79332;}
#main .news-main .list ul li:nth-child(1):before{content: '1';}
#main .news-main .list ul li:nth-child(2):before{content: '2';}
#main .news-main .list ul li a{display: block;font-size: 16px;}
#main .news-main .list ul li a .tit{float: left;width: 430px;color: #333;}
#main .news-main .list ul li a .time{float: right;width: 90px;text-align: right;color: #999;}
#main .news-main .list ul li a:hover .tit{color: #e79332;}
#main .news-main .question{float: right;width: 660px;}
#main .news-main .question .show{border-bottom: 1px solid #dcdcdc;padding-bottom: 40px;}
#main .news-main .question .show a{display: block;}
#main .news-main .question .show a .tit{color: #000;font-size: 18px;font-weight: 700;line-height: 1;margin-bottom: 20px;}
#main .news-main .question .show a .con{color: #666;font-size: 14px;line-height: 24px;}
#main .news-main .question .show a:hover .tit{color: #e79332;}
#main .news-main .question ul{margin-top: 35px;}
#main .news-main .question ul li{line-height: 36px;padding-left: 17px;}
#main .news-main .question ul li a{display: block;font-size: 16px;padding-left: 10px;position: relative;}
#main .news-main .question ul li a:before{content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 5px;height: 5px;background-color: #333;border-radius: 50%;transition: all 0.5s ease-in-out;}
#main .news-main .question ul li a .tit{float: left;width: 540px;color: #333;}
#main .news-main .question ul li a .time{float: right;width: 90px;text-align: right;color: #999;}
#main .news-main .question ul li a:hover:before{background-color: #e79332;}
#main .news-main .question ul li a:hover .tit{color: #e79332;}
#main .news-main .question .news-more{margin-top: 30px;height: 129px;}
#main .news-main .question .news-more .img{float: left;height: 100%;width: 508px;overflow: hidden;}
#main .news-main .question .news-more .img img{width: 100%;height: 100%;object-fit: cover;}
#main .news-main .question .news-more a{display: block;float: right;width: 152px;height: 100%;text-align: center;color: #fff;display: flex;justify-content: center;flex-direction: column;background-color: #ab916a;line-height: 1;}
#main .news-main .question .news-more a p{font-size: 24px;margin-bottom: 15px;}
#main .news-main .question .news-more a span{display: block;width: 28px;height: 28px;line-height: 28px;text-align: center;color: #ab916a;font-size: 30px;background-color: #fff;border-radius: 50%;border: 2px solid #fff;margin: 0 auto;overflow: hidden;}
#main .news-main .question .news-more a:hover span{background-color: #ab916a;color: #fff;}
/* 网站底部 */
.footer{background-color: #333;padding: 90px 0 50px 0;}
.footer .nav{float: left;width: 840px;display: flex;}
.footer .nav li{width: 25%;}
.footer .nav li .tit{display: inline-block;line-height: 1;color: #fff;font-size: 18px;padding-bottom: 18px;margin-bottom: 15px;position: relative;}
.footer .nav li .tit:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background-color: #fff;}
.footer .nav li a{display: block;color: #999;font-size: 16px;line-height: 1.8;transition: all 0.5s ease-in-out;}
.footer .nav li a:hover,
.footer .nav li.active a{color: #e79332;}
.footer .contact{float: right;text-align: right;width: 460px;}
.footer .contact .ewm{display: flex;justify-content: flex-end;}
.footer .contact .ewm li{padding: 0 7px;position: relative;border-top: 1px solid #666;border-bottom: 1px solid #666;cursor: pointer;}
.footer .contact .ewm li .tit{line-height: 36px;color: #ccc;font-size: 14px;padding-right: 18px;background-image: url(../images/footer-ewm.png);background-position: right center;background-repeat: no-repeat;}
.footer .contact .ewm li .txt{z-index: 1;width: 130px;position: absolute;bottom: 45px;right: 0;display: block;box-shadow: 0 0 10px rgba(0,0,0,0.08);visibility: hidden;opacity: 0;transform: translateY(-20px);}
.footer .contact .ewm li .txt .img{width: 126px;height: 126px;line-height: 126px;text-align: center;font-size: 0;overflow: hidden;padding: 2px;background-color: #fff;}
.footer .contact .ewm li .txt .img img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
.footer .contact .ewm li .txt .name{text-align: center;color: #ccc;font-size: 14px;line-height: 2;}
.footer .contact .ewm li:hover .txt{transform: translateY(0);visibility: visible;opacity: 1;}
.footer .contact .tel{color: #fff;font-size: 36px;font-family: "Bahnschrift";line-height: 1;margin-top: 28px;}
.footer .contact .box{margin-top: 20px;}
.footer .contact .box li{color: #999;font-size: 16px;line-height: 1.8;}
.footer .contact .box li a{color: #999;}
.footer .contact li a:hover{color: #e79332;}
.footer2{background-color: #333;border-top: 1px solid rgba(255,255,255,.1);font-size: 16px;line-height: 2;position: relative;z-index: 1;}
.footer2:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 8px;background-color: #fff;z-index: -2;}
.footer2:after{content: '';position: absolute;top: 0;right: 50%;margin-right: -1650px;width: 1000px;height: 100%;background-color: #ab916a;z-index: -1;}
.footer2 .left,
.footer2 .right{padding: 20px 0;float: left;}
.footer2 .left{color: #ccc;width: 42%;}
.footer2 .right{width: 58%;background-color: #ab916a;text-align: right;position: relative;color: #fff;}
.footer2 .right:before{content: '';display: block;width: 0;height: 0;border-width: 0px 40px 72px 40px;border-style: solid;border-color: transparent transparent transparent #ab916a;position: absolute;left: -80px;top: 0;transform: rotate(180deg);}
.footer2 .right a{color: #fff;}
.footer2 .right a:hover{color: #e79332;}
.footer2 .right a img{display: inline-block;}

.pro-sider{
	float: left;
	width: 260px;
}
.pro-sider .in-title{
	background: #ab916a;
    color: #fff;
    line-height: 80px;
    text-align: center;
    font-size: 24px;
    margin-bottom: 2px;
}
.pro-sider .pro-sider-ul{
    margin-bottom: 25px;
}
.pro-sider .pro-sider-ul .ul-li a{
    display: block;
    box-sizing: border-box;
    padding: 0px 20px;
    line-height: 55px;
    margin-bottom: 2px;
    background: #ececeb;
	position: relative;
	-webkit-transition: all 0.55s;
	-moz-transition: all 0.55s;
	-ms-transition: all 0.55s;
	-o-transition: all 0.55s;
	transition: all 0.55s;
}
.pro-sider .pro-sider-ul .ul-li a::before,
.pro-sider .pro-sider-ul .ul-li a::after{
	content: '';
	display: block;
	background: #fff;
	top: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
}
.pro-sider .pro-sider-ul .ul-li a::before{
	width: 2px;
	height: 12px;
	right: 29px;
	-webkit-transition: all 0.55s;
	-moz-transition: all 0.55s;
	-ms-transition: all 0.55s;
	-o-transition: all 0.55s;
	transition: all 0.55s;
}
.pro-sider .pro-sider-ul .ul-li a::after{
	width: 12px;
	height: 2px;
	right: 24px;
}
.pro-sider .pro-sider-ul .ul-li a h2{
	width: 200px;
	font-size: 16px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pro-sider .pro-sider-ul .ul-li:hover a,
.pro-sider .pro-sider-ul .ul-li a.active{
	background-color: #ab916a;
}
.pro-sider .pro-sider-ul .ul-li:hover a::before,
.pro-sider .pro-sider-ul .ul-li a.active::before{
	opacity: 0;
}
.pro-sider .pro-sider-ul .ul-li:hover a h2,
.pro-sider .pro-sider-ul .ul-li a.active h2{
	color: #fff;
}
.pro-sider .pro-sider-ul .ul-li .erji{
	display: none;
	overflow: hidden;
}
.pro-sider .pro-sider-ul .ul-li .erji a{
	display: block;
	height: 54px;
	border-bottom:1px solid #ececeb;
	border-left: 1px solid #ececeb;
	border-right: 1px solid #ececeb;
	box-sizing: border-box;
	padding:0px 25px 0px 40px;
	color: #666;
	line-height: 54px;
	background-color: #fff;
	margin-bottom: 0;
}
.pro-sider .pro-sider-ul .ul-li .erji a::before,
.pro-sider .pro-sider-ul .ul-li .erji a::after{
	display: none;
}
.pro-sider .pro-sider-ul .ul-li .erji a p{
	float: left;
	font-size: 14px;
	width: 158px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pro-sider .pro-sider-ul .ul-li .erji a span{
	float: right;
	width: 15px;
	font-size: 20px;
	text-align: right;
}
.pro-sider .pro-sider-ul .ul-li .erji a:hover,
.pro-sider .pro-sider-ul .ul-li .erji a.active{
	color: #ab916a;
}
.pro-sider .contact-box{
	border: 1px solid #ececeb;
	box-sizing: border-box;
	padding: 6px;
}
.pro-sider .contact-box img{
	margin-bottom: 10px;
	width: 100%;
}
.pro-sider .contact-box p{
	color: #333;
	font-size: 14px;
	line-height: 26px;
	padding: 5px 0;
}





.m-column-t{

	position: relative;

	text-align: center;

	font-size: 0;

}

.m-column-t .center{

	display: inline-block;

	font-size: 0;

}

.m-column-t .center h3{

	color: #333;

	font-size: 30px;

}

.m-column-t .center p{

	color: #d2d2d2;

	font-size: 30px;

}

.m-column-t span{

	position: absolute;

	width: 415px;

	top: 50%;

	margin-top: -5px;

	height: 5px;

	border-bottom: 1px solid #d2d2d2;

	z-index: 1;

}

.m-column-t span.mcl{

	left: 0;

}

.m-column-t span.mcl em{

	float: right;

}

.m-column-t span.mcr{

	right: 0;

}

.m-column-t span em{

	display: block;

	height: 11px;

	border-left: 1px solid #d2d2d2;

}

.textLine{

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}

.textLine3{

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

}

.textHidden{

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.domHidden{

	overflow: hidden;

}

.about-main{

	padding: 20px 0 70px;

	min-height: 170px;

}

.about-main .ab-content{

	float: right;

	width: 925px;

}

.about-main .ab-content .title{

	line-height: 50px;

}

.about-main .ab-content .title a{

	color: #333;

	padding: 0 5px;

}

.about-main .ab-content .title span.icon-home{

	color: #535353;

}

.about-main .ab-content .title em{

	color: #999;

}

.about-main .ab-content .ab-conBox{

	overflow: hidden;

	background: #fff;

	min-height: 55px;

	padding: 30px 45px 40px;

}

.about-main .ab-content .ab-conBox .de-title{

	text-align: center;

	font-size: 20px;

	color: #333;

	line-height: 25px;

	margin-bottom: 8px;

}

.about-main .ab-content .ab-conBox .sub-co{

	font-size: 14px;

	color: #999;

	text-align: center;

	line-height: 18px;

}

.about-main .ab-content .ab-conBox .ab-detail{

	overflow: hidden;

	margin-top: 30px;

	font-size: 14px;

	color: #777373;

	line-height: 25px;

}

.ab-sild{

	float: left;

	width: 260px;

}

.ab-sild .title{

	position: relative;

	height: 50px;

	text-align: center;

	background: #f3c04b;

	font-size: 16px;

	line-height: 50px;

	color: #fff;

	border-bottom: 1px solid #fff;

}

.ab-sild .title span{

	position: absolute;

	height: 3px;

	width: 30px;

	top: 50%;

	margin-top: -3px;

	border-bottom: 1px solid #fff;

}

.ab-sild .title span em{

	display: block;

	height: 7px;

	border-left: 1px solid #fff;

}

.ab-sild .title span.stl{

	left: 35px;

}

.ab-sild .title span.stl em{

	float: right;

}

.ab-sild .title span.str{

	right: 35px;

}

.ab-sild .sild-cate{

	background: #fff;

	margin-bottom: 20px;

}

.ab-sild .sild-cate .list{

	overflow: hidden;

}

.ab-sild .sild-cate .list li{

	position: relative;

	border-bottom: 1px solid #eee;

	height: 60px;

	line-height: 60px;

}

.ab-sild .sild-cate .list li a{

	display: block;

	padding-right: 35px;

	font-size: 14px;

	color: #333;

	padding-left: 20px;

}

.ab-sild .sild-cate .list li:last-child{

	border-bottom: none;

}

.ab-sild .sild-cate .list li:hover{

	border-color: #f3c04b;

	background: #f3c04b;

}

.ab-sild .sild-cate .list li:hover a{

	color: #fff;

}

.ab-sild .sild-cate .list li:hover:after{

	color: #fff;

}

.ab-sild .sild-cate .list li:after{

	font-weight: bold;

	right: 20px;

	top: 0;

	color: #999;

	position: absolute;

	content: "\e904";

	font-family: 'icomoon' !important;

}

.ab-sild .sild-cont{

	background: #fff;

}

.ab-sild .sild-cont .cont-list{

	padding: 20px;

}

.ab-sild .sild-cont .cont-list ul li{

	color: #333;

	padding: 5px 0;

	padding-left: 60px;

	font-size: 14px;

}

.ab-sild .sild-cont .cont-list ul li span{

	width: 60px;

	margin-left: -60px;

	display: block;

	height: 20px;

	line-height: 20px;

	float: left;

	color: #666;

}

.pro-center{

	background: #fff;

	padding-bottom: 25px;

}

.pro-center .pro-list{

	overflow: hidden;

	padding: 25px 18px 10px;

}

.pro-center .pro-list ul li{

	float: left;

	width: 200px;

	margin: 0 10px 20px;

	border: 1px solid #fff;

}

.pro-center .pro-list ul li:hover{

	border-color: #f3c04b;

}

.pro-center .pro-list ul li .img{

	overflow: hidden;

	width: 200px;

	height: 200px;

	line-height: 200px;

	text-align: center;

	font-size: 0;

	background: #eee;

}

.pro-center .pro-list ul li .img img{

	display: inline-block;

	vertical-align: middle;

	max-width: 100%;

	max-height: 100%;

}

.pro-center .pro-list ul li .title{

	background: #f7f8fc;

	height: 40px;

	line-height: 40px;

	padding: 0 5px;

	text-align: center;

	font-size: 14px;

	font-weight: bold;

	color: #333;

}

.pro-center .pro-list ul li .title:hover{

	color: #f3c04b;

}

.page{

	font-size: 0;

	text-align: center;

}

.page .center{

	display: inline-block;

	overflow: hidden;

}

.page .center .page-span{

	float: left;

	font-size: 14px;

	color: #c3c3c3;

	line-height: 32px;

	margin-right: 30px;

}

.page .center .page-list{

	float: left;

	overflow: hidden;

}

.page .center .page-list ul li{

	float: left;

	width: auto;

	min-width: 30px;

	height: 32px;

	text-align: center;

	line-height: 30px;

	font-size: 14px;

	margin: 0 4px;

	padding: 0;

	border: none;

	background: transparent;

}

.page .center .page-list ul li a{

	min-width: 20px;

	padding: 0 5px;

	border: 1px solid #eee;

	display: block;

	color: #333;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	overflow: hidden;

	background: #fff;

}

.page .center .page-list ul li:hover a{

	color: #f3c04b;

}

.page .center .page-list ul li.active a{

	background: #f3c04b;

	color: #fff;

}

.news-center{

	background: #fff;

	padding-bottom: 25px;

}

.news-center .new-list{

	padding: 45px 45px 0px;

}

.news-center .new-list ul li{

	margin-bottom: 35px;

	border-bottom: 1px solid #eee;

}

.news-center .new-list ul li a{

	overflow: hidden;

	display: block;

	height: 90px;

	padding-bottom: 30px;

}

.news-center .new-list ul li a .img{

	float: left;

	width: 130px;

	height: 90px;

	background: #eee;

	line-height: 90px;

	font-size: 0;

	text-align: center;

}

.news-center .new-list ul li a .img img{

	display: inline-block;

	vertical-align: middle;

	max-width: 100%;

	max-height: 100%;

}

.news-center .new-list ul li a .info{

	float: right;

	width: 690px;

}

.news-center .new-list ul li a .info h3{

	font-size: 14px;

	font-weight: bold;

	line-height: 24px;

	color: #333;

}

.news-center .new-list ul li a .info em{

	display: block;

	font-size: 12px;

	color: #999;

	line-height: 16px;

	margin-bottom: 10px;

}

.news-center .new-list ul li a .info p{

	font-size: 14px;

	line-height: 22px;

	color: #999;

	max-height: 44px;

	overflow: hidden;

}

.news-center .new-list ul li a:hover h3{

	color: #f3c04b;

}

.message-c{

	background: #fff;

	padding: 40px 50px;

	overflow: hidden;

}

.message-c .p{

	font-size: 16px;

	line-height: 30px;

	color: #666;

	margin-bottom: 35px;

}

.message-c .from input{

	display: block;

	height: 38px;

	line-height: 38px;

	padding: 0 5px;

	border: 1px solid #d2d2d2;

	margin-bottom: 10px;

	font-size: 14px;

	color: #333;

}

.message-c .from input[name=user],

.message-c .from input[name=phone]{

	width: 348px;

}

.message-c .from textarea{

	font-size: 14px;

	color: #333;

	line-height: 20px;

	display: block;

	width: 728px;

	height: 130px;

	border: 1px solid #d2d2d2;

	padding: 5px;

	margin-bottom: 10px;

}

.message-c .from .code{

	overflow: hidden;

}

.message-c .from .code input[name=code]{

	width: 258px;

	float: left;

}

.message-c .from .code a{

	display: block;

	float: left;

	width: 80px;

	height: 38px;

	padding: 1px 0;

	margin-left: 10px;

}

.message-c .from .code a img{

	width: 80px;

	height: 38px;

}

.message-c .from .btn{

	padding-top: 25px;

}

.message-c .from .btn a{

	display: block;

	width: 362px;

	height: 40px;

	text-align: center;

	line-height: 40px;

	color: #fff;

	font-size: 16px;

	background: #8fa4de;

}

.message-c .from .btn a:hover{

	background: #8397d0;

}

.contact-o{

	background: #fff;

	overflow: hidden;

	padding: 40px 0;

	text-align: center;

}

.contact-o iframe{

	width: 830px;

	height: 500px;

	margin: 0 auto;

}