@charset "utf-8";
/* CSS Document */
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {margin: 0;padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup,i{font-style:inherit;font-weight:inherit;}
*{box-sizing: border-box;font-size:14px;line-height:1em;}
html, body {min-height: 100%;}
body{min-width:1300px;}
body {font:14px/1.5 "Microsoft YaHei";font-size:14px;color:#333;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
ul,ol,li{list-style: none;}
img {border: none;vertical-align: middle;}
a {text-decoration: none;color: #333;}
b{font-weight:normal;}
table {border-collapse: collapse;table-layout: fixed;}
tr,td{padding:0 !important;}
input, textarea {outline: none;border: none;}
textarea {resize: none;overflow: auto;}
.fl {float: left}
.fr {float: right}
.tl {text-align: left;}
.tc {text-align: center}
.tr {text-align: right;}
.cl{clear:both;}
.dfc{display:flex;align-items:end;justify-content:center;}
.dfv{display:flex;align-items:center;justify-content:space-between;}
.dfs{display:flex;align-items:end;justify-content:space-between;}
.dfe{display:flex;align-items:end;justify-content:end;}
.ov{overflow:hidden;}
.db, .lb, .dd{font-size:0;}
.db>div, .lb>li, .dd>dl{display:inline-block;vertical-align:top;}
.m40{margin-bottom: 40px !important;}
.ellipse {overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.inline{display: inline-block;*display: inline;*zoom: 1;}
.page,.w1300{width:1300px;margin:0 auto;position: relative;}
:focus {outline:none;background-color:transparent;}
::selection{background:#a85f33;color: #fff;}

@font-face {
  font-family: 'pmzd';
  src: url("../cssnew/pmzd.eot.txt") format('embedded-opentype'),
      url("../cssnew/pmzd.woff2.txt") format('woff2'),
      url("../cssnew/pmzd.woff.txt") format('woff'),
      url("../cssnew/pmzd.ttf.txt") format('truetype'),
      url("../cssnew/pmzd.svg.txt") format('svg');
}

@font-face {
  font-family: 'zzgf';
  src: url("../cssnew/zzgf.eot.txt") format('embedded-opentype'),
      url("../cssnew/zzgf.woff2.txt") format('woff2'),
      url("../cssnew/zzgf.woff.txt") format('woff'),
      url("../cssnew/zzgf.ttf.txt") format('truetype'),
      url("../cssnew/zzgf.svg.txt") format('svg');
}

@font-face {
  font-family: 'akr';
  src: url("../cssnew/akr.eot.txt") format('embedded-opentype'),
      url("../cssnew/akr.woff2.txt") format('woff2'),
      url("../cssnew/akr.woff.txt") format('woff'),
      url("../cssnew/akr.ttf.txt") format('truetype'),
      url("../cssnew/akr.svg.txt") format('svg');
}

/*top*/
#top{width: 100%;}

/*wel*/
.wel{width: 100%;height: 40px;position: relative;z-index: 100;background: url(//memberpic.114my.com.cn/joeyleather/uploadfile/image/20210312/20210312105903_2054833254.jpg) no-repeat center;}
.wb_le{line-height: 40px;color: #fff;font-weight: 100;}
.wb_ri{color: #fff;}
.wb_ri ul{display: block;height: 18px;margin: 11px 0;}
.lb{margin: 0;}
.wb_ri b{font-size: 15px;font-weight: 100;line-height: 40px;}
.wb_ri em{margin-right:23px;font-size: 22px;font-weight: 100;line-height: 40px;}
.wb_ri li{position:relative;border-left: 1px solid #efefef;height: 18px;}
.wb_ri li a{font-weight: 100;color: #fff;padding: 0 18px;line-height: 18px;}
.wb_ri li+li{border-right: 1px solid #efefef;}

/*head*/
.head{width: 100%;height: 135px;}
.hd_box{}
.logo{margin-top: 43px;}
.logo a{}
.logo b{font-size: 35px;display: block;margin-bottom: 6px;font-family: 'pmzd';color: #a86034;transform: scale(1,1.3);-ms-transform: scale(1,1.3);-webkit-transform: scale(1,1.3);-moz-transform: scale(1,1.3);-o-transform: scale(1,1.3);line-height: 35px;}
.logo em{display: block;font-size: 14px;color: #333;text-transform: uppercase;}
.ggy{padding-left: 20px;margin-left: 21px;position: relative;margin-top: 46px;}
.ggy:before{position: absolute;content: '';background:#dddddd;width: 1px;height: 42px;top:50%;left: 0;margin-top: -21px;}
.ggy b{color: #333;font-weight:bold;display: block;margin-bottom:7px;font-size: 20px;}
.ggy b strong{font-size: 20px;color: #a85f33;line-height: 20px;}
.ggy b img{margin:0 7px;}
.ggy p{margin-top: 8px;font-size: 16px;}
.ggy p span{line-height: 24px;color: #fff;text-align: center;width:94px;height: 24px;float: left;background: #a85f33;border-radius: 14px;}
.ggy p span+span{margin-left: 10px;}
.hd_tel{background: url(//memberpic.114my.com.cn/joeyleather/uploadfile/image/20220628/20220628145043_163391394.png) no-repeat left 16px;width: 213px;text-align: right;}
.hd_tel b{font-size: 16px;color: #525252;display: block;width: 100%;text-align: left;padding-left: 51px;}
.hd_tel em{color: #333;font-size: 24px;font-weight: bold;line-height: 26px;margin-top: 8px;display: block;font-family: "Arial";}

/*nav*/
.nav{height: 135px;}
.nav .lb{width: 100%;}
.nav>ul>li{position:relative;z-index:2;}
.nav>ul>li>a{display:block;line-height: 135px;text-align: center;font-size:16px;font-weight: normal;}
.nav>ul>li:hover a,.nav>ul>li.cur a{color: #a85f33;}
.nav>ul>li+li{margin-left: 37px;}

/*幻灯片*/
.banner{overflow:hidden;width:100%;position: relative;}
.banner-box{ min-width:1200px;height:680px;position:relative;margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important;}
.banner-box .bd li{width:100% !important;height:680px;background-position:center;background-color:#eee;}
.banner-box .bd li a{display:block;background-size:auto;width:100%;height:80%;position:relative;z-index: 9;}
.banner-btn{width:100%;position:absolute;bottom:0;left:0;margin-left:0;height:58%;overflow:hidden;}
.banner-btn a{ display:block;width:49px; height:104px;position:absolute;top:0;filter:alpha(opacity=0); -moz-opacity:0;-khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px;background:url(//memberpic.114my.com.cn/joeyleather/uploadfile/image/20210312/20210312114244_638232527.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px;background:url(//memberpic.114my.com.cn/joeyleather/uploadfile/image/20210312/20210312114244_638232527.png) no-repeat -49px 0;}
.banner-box .hd { position:absolute;bottom:30px;width:100%;display:block;}
.banner-box .hd ul{ text-align:center}
.banner-box .hd ul li{ width:10px; height:10px;border-radius:50%;text-indent:-9999px;background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out}
.banner-box .hd ul li.on{ background:#a85f33;border-radius:50px;width:50px;height:10px;}
.banner-box:hover .banner-btn a.prev{left:20px;filter:alpha(opacity=40);-moz-opacity:.4;-khtml-opacity:.4;opacity:.4; }
.banner-box:hover .banner-btn a.next{right:20px;filter:alpha(opacity=40);-moz-opacity:.4;-khtml-opacity:.4;opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }

/*search*/
#search {height: 71px;background: #f8f8f8;}
.box{position: relative;}
.search_l {font-size: 14px;color: #333;height: 71px;line-height: 71px;}
.search_l span {color: #333;font-size: 14px;font-weight: bold;}
.search_l a {font-size: 14px;line-height: 71px;color: #333;}
.search_l a+a{margin-left: 20px;}
.search_l a:hover {color: #333;}
.search_r {margin-top: 16px;position: relative;}
.z{position: absolute;top: 5px;right: 5px;width: 34px;height: 34px;text-align: center;cursor: pointer;background: #a85f33;border-radius: 100%;padding: 7px;}
.z_img{}

/*title*/
.title{text-align: center;padding-top: 80px;margin-bottom: 40px;}
.title p{font-size: 42px;font-weight: bold;padding-top: 5px;color:#a85f33;}
.title p b{font-size: 42px;font-weight: bold;color: #333;position: relative;}
.title p b:before{position: absolute;content: '';background: #a85f33;opacity: 0.2;width: 25px;height: 25px;border-radius: 100%;right: -14px;top: 0;}
.title span{font-size: 20px;line-height: 20px;display: block;margin: 20px 0 0;color: #525252;font-weight: 100;}
.bse,.bse span{color: #fff;}
.bse p b{color: #f47f01;}

/*product*/
.pro_bg{width: 100%;padding-bottom: 60px;}
.pro_bg .title{margin-bottom:40px;}
.pro_con{}
.pbbc_tab{display: inline-block;}
.pbbc_tab table{width: 100%;}
.pbbc_tab tr{float: left;width:208px;height: 54px;position: relative;text-align: center;overflow: hidden;margin-bottom: 10px;}
.pbbc_tab tr:nth-child(7){margin-left: 0;}
.pbbc_tab tr td{display: block;width: 100%;}
.pbbc_tab tr a{display: block;line-height: 54px;font-size: 16px;background:url(//memberpic.114my.com.cn/joeyleather/uploadfile/image/20210313/20210313110649_1081546790.png) no-repeat center;font-weight: normal !important;width: 100%;color: #fff;}
.pbbc_tab tr+tr{margin-left: 10px;}
.pbbc_tab tr.on{}
.pbbc_tab tr.on a{background: url(//memberpic.114my.com.cn/joeyleather/uploadfile/image/20210313/20210313100009_830922843.png) no-repeat center;}

.pbbc_list{margin-top: 30px;}
.pbbc_list tr+tr{display:block;margin-top:20px;}
.pbbc_list td{width:422px;display:inline-block;vertical-align:top;transition: 0.5s;}
.pbbc_list td{padding-left: 0px !important;}
.pbbc_list td>a{position:relative;overflow:hidden;}
.pbbc_list td>a img{width: 100%;}
.pbbc_list td>a:before,.pbbc_list td>a:after{content:'';width:100%;height:100%;position:absolute;transition:0.6s;}
.pbbc_list td>a:before{background: rgba(168, 96, 52, 0.5);transform-origin: 0 100%;transform: rotate(-90deg);bottom:0;left:0;}
.pbbc_list td>a:after{background:url(//memberpic.114my.com.cn/joeyleather/uploadfile/image/20210313/20210313102006_1116137749.png) no-repeat center;transform:scale(0);top:0;left:0;}
.pbbc_list td:hover>a:before{transform: rotate(0deg);transition:0.6s;}
.pbbc_list td:hover>a:after{transform:scale(1);transition:0.6s;}
.pbbc_list td+td{margin-left:17px;}
.pbbc_list td br{display:none;}
.pbbc_list td span,.pbbc_list td a{display:block;line-height: 60px;text-align: left;transition: 0.5s;}
.pbbc_list td span{background: #f8f8f8;border: 1px solid #eee;}
.pbbc_list td:hover span{background: #a86034;border: 1px solid #a86034;}
.pbbc_list td span a{font-size:16px;padding-left: 19px;position: relative;}
.pbbc_list td span a:after{position: absolute;content: '>';top: 50%;right: 26px;margin-top: -30px;transform: scale(1,2);font-weight: bold;font-size: 14px;color: #b7b7b7;transition: 0.5s;}
.pbbc_list td:hover span a{color:#fff;}
.pbbc_list td:hover span a:after{color:#fff;right:16px;}

.pro_tab{display: inline-block;position: relative;width: 100%;}
.pro_tab .divproduct_new_div_item{width: 100%;height: 490px;border: 1px solid #f3efef;}
.pro_tab .divproduct_new_div_item_content{float: right;width: 676px;height: 490px;position:relative;padding-top: 40px;}
.pro_tab .divproduct_new_div_item_title{position: relative;padding-bottom: 21px;}
.pro_tab .divproduct_new_div_item_title a{font-size: 28px;display:block;color: #cf2d24;position:relative;font-weight: bold;}
.pro_tab .divproduct_new_div_item_title:after{content: '';width: 36px;height: 3px;left:0px;position:absolute;background: #cf2d24;bottom: 0;}
.pro_tab .divproduct_new_div_item_content::before{position:absolute;content: '查看产品详情 >';top: 80%;left: 0;width:310px;height:45px;border: 1px solid #dadada;border-radius: 40px;font-size: 16px;text-align: center;line-height: 38px;transition:0.5s;letter-spacing:1px;background:#fff;line-height:45px;}
.pro_tab .divproduct_new_div_item_content:hover::before{background: #cf2d24;color:#fff;transition:0.5s;width:360px;}
.pro_tab .divproduct_new_div_item_body{line-height: 30px;color:#666;font-size: 16px;margin-top: 30px;}
.pro_tab .pro_cpbz{position: absolute;right: 26%;top: 51%;}
.pro_tab .pro_cpbz p{}
.pro_tab .pro_ted{}
.pro_tab .pro_ted li{float: left;text-align: center;}
.pro_tab .pro_ted li .iconfont {font-size:50px;color:#767676;display: block;line-height: 81px;}
.pro_tab .pro_ted li em{width: 76px;height: 76px;display: block;border-radius: 100%;border: 1px solid #333;padding: 17px;}
.pro_tab .pro_ted li:nth-child(2) em{}
.pro_tab .pro_ted li b{font-size: 16px;font-weight: 100;display: block;margin-top: 14px;}
.pro_tab .pro_ted li+li{margin-left: 52px;}
.pro_tab .product_div_item_pic{float: left;height: 488px;padding-left: 48px;overflow: hidden;}
.pro_tab .product_div_item_pic a{display: block;}
.pro_tab .product_div_item_pic img{width: 490px;}
.pro_hd{margin-top: 20px;height: 543px;}
.pro_hd .tempWrap{width: 100% !important;}
.pro_hd .divproduct_new_div_item{position:relative;width: 420px;float:left;text-align:center;border: 1px solid #f3efef;margin-right: 20px;height: 546px;}
.pro_hd .divproduct_new_div_item:last-child{margin-right:0px;}
.pro_hd .divproduct_new_div_item_content{position:absolute;bottom: 0;left: 0;width: 100%;border-top: 1px solid #eee;}
.pro_hd .divproduct_new_div_item_title{}
.pro_hd .divproduct_new_div_item_title a{font-size: 20px;display:block;padding: 26px 0;position:relative;z-index:2;font-weight: bold;}
.pro_hd .divproduct_new_div_item_title a:after{content: '+more';width: 100px;height: 28px;display: block;border: 1px solid #000;margin: 23px auto 0;text-transform: uppercase;font-size: 16px;font-weight: bold;line-height: 28px;transition: 0.3s;}
.pro_hd .divproduct_new_div_item_title:after{position:absolute;content:'';background: #cf2d24;width: 0;height: 100%;top: 0;left: 0;transition: 0.5s;}
.pro_hd .divproduct_new_div_item_body{display: none;}
.pro_hd .pro_cpbz{}
.pro_hd .pro_cpbz p{line-height: 24px;color: #999;}
.pro_hd .pro_ted{display:none;}
.pro_hd .product_div_item_pic{display: block;width: 100%;}
.pro_hd .product_div_item_pic a,.pro_hd .product_div_item_pic a>img{width: 418px;display:block;overflow:hidden;position:relative;height: 100%;}
.pro_hd .product_div_item_pic a:before{content:'';width:100%;height:100%;background:rgba(0, 0, 0, 0.4);position:absolute;top:0;left:0;transform-origin:left bottom;transform:rotate(-95deg);transition:all 0.5s;z-index:9;}

.pro_hd .divproduct_new_div_item:hover .product_div_item_pic>a:before{transform:rotate(0deg);transition:all 0.5s;}
.pro_hd .divproduct_new_div_item:hover .divproduct_new_div_item_title a{color:#fff;}
.pro_hd .divproduct_new_div_item:hover .divproduct_new_div_item_title a:after{border-color: #fff;transition: 0.3s;}
.pro_hd .divproduct_new_div_item:hover .divproduct_new_div_item_title:after{width:100%;transition:all 0.5s;}
.pro_hd .divproduct_new_div_item:nth-child(1) {display: none;}

/*ggt*/
.ggt{width:100%;background:url(//memberpic.114my.com.cn/joeyleather/uploadfile/image/20210312/20210312145306_1984315556.png) center no-repeat;height:447px;position: relative;z-index: 2;}
.ggt_l{float:left;margin-left: -50px;}
.ggt_r{float:right;width: 756px;padding-top: 100px;}
.ggt_r .ggt_bta{font-size:42px;color:#fff;font-weight: bold;display: block;margin-bottom: 16px;}
.ggt_r .ggt_bta span{font-weight:bold;color:#ffff00;}
.ggt_r .ggt_btb{font-size: 13px;color: #939393;font-family:Arial;text-transform:uppercase;letter-spacing: 0.07px;}
.ggt_r .ggt_nr{width:100%;margin: 35px auto 0px;}
.ggt_r .ggt_nr li{width: 170px;height: 154px;text-align:center;font-size:20px;color:#fff;float:left;line-height:40px;padding-top:20px;background: rgb(43 46 47 / 70%);box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 53%);position: relative;z-index: 1;border-radius: 5px;}
.ggt_r .ggt_nr li i{display: block;}
.ggt_r .ggt_nr li:after{position: absolute;content: '';width: 158px;height: 143px;border: 1px dashed #727272;top: 6px;left: 6px;z-index: -1;border-radius: 5px;}
.ggt_r .ggt_nr li em{font-size:15px;color:#fff;display:block;line-height:20px;}
.ggt_r .ggt_nr li .iconfont{font-size:30px;color:#fff;text-align:center;line-height:35px;display:block;}
.ggt_r .ggt_nr li+li{margin-left: 24px;}

/*case*/
.case{width:100%;background:#f8f8f8;overflow:hidden;padding-bottom: 80px;margin-top: -59px;padding-top: 30px;}
#company_img_cont{width:100%; margin: 0 auto; margin-top: 50px; }
#company_img_cont tr{display: inline-block;}
#company_img_cont tr+tr{margin-top: 20px;}
#company_img_cont td>a { background: #fff; width: 100%; height: 30%; display: block;}
#company_img_cont a img { width: 100%; display: block; margin: 0 auto;}
#company_img_cont td br{display:none;}

#company_img_cont table > tbody > tr > td {display: block;float: left;padding: 0 !important;position: relative;margin-bottom:0.05%;-webkit-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out;overflow: hidden;-webkit-box-shadow: 0 0 0px 1px #f6f6f6;box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1);width: calc((100% - 60px)/4);}
#company_img_cont table > tbody > tr > td+td{margin-left: 20px;}

#company_img_cont table > tbody > tr > td > a{ display: block; }
#company_img_cont table > tbody > tr > td > a > img{ width: 100%; height: auto; }
#company_img_cont table > tbody > tr > td > div { position: absolute; bottom: 0px; width: 100%; overflow: hidden; left: 0; }
#company_img_cont table > tbody > tr > td > div > a { display: block; height: 40px; line-height: 40px; color: #fff; font-size: 14px; position: relative; z-index: 3; -webkit-transition:0.5s all ease-in-out; transition:0.5s all ease-in-out; margin-top:0px}
#company_img_cont table > tbody > tr > td:hover > div > a{ height:130px; line-height:38px; font-size: 16px; }
#company_img_cont table > tbody > tr > td > div::before { -webkit-transition:all ease-in-out 0.3s; transition:all ease-in-out 0.3s; content: ''; position: absolute; display: block; width: 100%; height: 70px; left: 0; bottom: 0; z-index: 1; background: rgba(0,0,0,0.5) }
#company_img_cont table > tbody > tr > td:hover{ border-color: rgba(254,101,60,0.8); }
#company_img_cont table > tbody > tr > td > a::before { content: ''; width: 800px; height: 800px; position: absolute; top: -125px; border-radius: 50%; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1) inset; z-index: 0; left: -132px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
#company_img_cont table > tbody > tr > td > a::after { content: ''; background: url(//memberpic.114my.com.cn/joeyleather/uploadfile/image/20210312/20210312152415_447081350.png) no-repeat center 42%; background-size: auto auto; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: 0px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
#company_img_cont table > tbody > tr > td:hover > div::before{bottom: -70px; }
#company_img_cont table > tbody > tr > td:hover > a::before{ box-shadow: 0px 0px 0px 50rem rgba(0,0,0,0.5) inset; -webkit-box-shadow: 0px 0px 0px 50rem rgba(0,0,0,0.5) inset; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
#company_img_cont table > tbody > tr > td:hover > a::after{ background-size:50px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }

/*四大优势*/
.adv{background:#f2f2f2;}
.advtab{ margin:55px auto;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.advtab li{ width:300px; height:126px; background:#fff;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; transition:all .3s ease; cursor:pointer;}
.advicon{ width:50px; height:52px; margin-right:20px; background:url(//memberpic.114my.com.cn/joeyleather/uploadfile/image/20210313/20210313084831_1260205903.png) no-repeat left top; transition:all .3s ease;}
.advtab li:nth-child(2) .advicon{ background-position-x:-88px;}
.advtab li:nth-child(3) .advicon{ background-position-x:-176px;}
.advtab li:nth-child(4) .advicon{ background-position-x:-269px;}
.advtab li.on .advicon{ background-position-y:-65px;}
.advtab_t b{ font-size:30px; color:#333333;transition:all .3s ease; }
.advtab_t em{ display:block; text-transform:uppercase; font-size:14px; color:#b3b1ae; text-transform:uppercase; margin-top:10px;transition:all .3s ease; }
.advtab li.on{ background:#a85f33;}
.advtab li.on b{ color:#fff;}
.advtab li.on em{ color:#bca394;}
.advbox{ height:688px; background:#fff;}
.advbox ul{ font-size:0; white-space:nowrap;}
.advleft{ width:955px; height:688px; margin-left:-310px; display:inline-block; vertical-align:top;}
.advright{ width:100vw; height:644px; background:rgba(61,61,61,.88); margin-left:-135px;display:inline-block; vertical-align:top; border-radius:0 0 0 100px; position:relative; z-index:9;}
.advcen{ width:700px; height:484px; background:#fff; margin:80px 0 0 90px; padding:0 45px;}
.advtop{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.adv_n{ width:112px; height:112px; background:#a85f33; text-align:center; font-size:30px; color:#fff; padding:10px 0;}
.adv_n em{display:block;font-size: 60px;font-family: akr;line-height: 44px;margin-top: 17px;font-weight: bold;}
.adv_t{margin-left:25px;}
.adv_t b{font-size:28px;font-weight: bold;}
.adv_t em{ display:block; font-size:14px; color:#b7b7b7; text-transform:uppercase; margin-top:10px;}
.advwa{ padding:40px 0 45px 0; border-bottom:1px solid #e8e8e8;}
.advwa p{ font-size:15px; color:#838383; line-height:36px; padding-left:35px; background:url(//memberpic.114my.com.cn/joeyleather/uploadfile/image/20210312/20210312155440_996287713.png) no-repeat left 10px;white-space: pre-line;}
.advtel{ margin-top:45px; padding-left:40px; font-size:16px; color:#888888; background:url(//memberpic.114my.com.cn/joeyleather/uploadfile/image/20210312/20210312162230_475681657.png) no-repeat left center;line-height: 60px;display: flex;}
.advtel em{ margin-left:20px;color:#333333; font-size:60px;font-family: 'akr';}

/*全城 • 合作流程*/
.process{ padding:0 0 80px 0; background:url(//memberpic.114my.com.cn/joeyleather/uploadfile/image/20210312/20210312161950_2061425818.jpg) no-repeat center bottom;}
.pcul{ margin-top:70px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; text-align:center;}
.pciocn{ width:102px; height:102px; border:1px solid #d7dbdd;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; transition:all .3s ease; margin:0 auto; border-radius:50%;}
.pc_t{ font-size:16px; color:#aaadb0;} 
.pc_t span{ display:block; font-size:20px; color:#525457; margin:18px 0;}
.pciocn i{ display:inline-block; width:50px; height:45px; background:url(//memberpic.114my.com.cn/joeyleather/uploadfile/image/20210313/20210313090806_1065563019.png) no-repeat left top; transition:all .3s ease;}
.pcul li:nth-child(2) .pciocn i{background-position-x:-73px;height:50px;width: 45px;}
.pcul li:nth-child(3) .pciocn i{ background-position-x:-140px;width:52px; height:50px;}
.pcul li:nth-child(4) .pciocn i{background-position-x:-228px;width: 50px;height:50px;}
.pcul li:nth-child(5) .pciocn i{ background-position-x:-320px;}
.pcul li:nth-child(6) .pciocn i{ background-position-x:-396px;}
.pcul li:hover .pciocn{ background:#a85f33; border-color:#a85f33;}
.pcul li:hover .pciocn i{ background-position-y:-66px;}
.pcul li:hover .pc_t span{ color:#a85f33;}

/*ABOUT US*/
.about{ height:700px; background:url(//memberpic.114my.com.cn/joeyleather/uploadfile/image/20210313/20210313093920_1875543368.jpg) no-repeat center;}
.abtop{ height:360px;display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.abtitl b{font-size:48px;text-transform:uppercase;color:#a85f33;display: block;font-weight: bold;margin-bottom: 14px;}
.abtitl{ font-size:18px; color:#666666;}
.abtitl span{display:block;font-size:40px;color:#343434;margin-bottom: 20px;}
.abcon{ height:340px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.ableft{ width:50%; box-sizing:border-box; height:340px; background:#f5f6f9; padding:50px 77px 0 40px;}
.ab_t{ font-size:25px; color:#a85f33;}
.ab_wa{margin:25px 0 35px 0;}
.ab_wa p{color:#999999;line-height:32px;text-indent:2em;}
.ab_btn a{ display:inline-block; width:110px; line-height:34px; background:#a85f33; text-align:center; font-size:13px; color:#ffffff; font-weight:lighter; transition:all .3s ease; text-align:center;} 
.ab_btn a:hover{ width:130px; box-shadow:0 0 15px #a85f33;}
.abright{ width:50%; display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.abright a{ width:50%; height:340px;transition:all .3s ease; background:rgba(168,95,51,.8); text-align:center;}
.abright a+a{background:rgba(168,95,51,.95);}
.abright a:hover{background:rgba(168,95,51,.7);}
.abright a:hover:after{ width:50px;}
.abright a+a:hover{background:rgba(168,95,51,1);}
.abright a img{ display:inline-block; margin:60px 0 30px 0;}
.abright a span{ display:block; font-size:25px; color:#fff; font-weight:lighter; margin-bottom:40px;}
.abright a:after{ content:''; display:inline-block; width:27px; height:1px; background:#eeeeee; transition:all .3s ease;}

/*news*/
.news_box{padding-top: 80px;padding-bottom: 80px;}
.news_con{}
.news_bt{}
.news_bt b{font-size: 38px;float: left;font-weight: normal; line-height: 38px;}
.news_bt b span{text-transform: uppercase; color: #eee; font-size: 38px; padding-left: 5px;}
.news_bt em{float: left;font-size: 22px;letter-spacing: -4px;line-height: 42px;margin-left: 10px;}
.news_tab{height: 42px;margin-left: 12px;}
.news_tab .on b{color: #fff; background: #a85f33; width: 150px;border-radius: 50px; text-align: center; display: block;}
.news_tab .on a{border: 1px #a85f33 solid;}
.news_tab a{display:block;float: left; width: 150px; border: 1px #eee solid;
    border-radius: 50px; text-align: center;}
.news_tab a+a{margin-left: 19px;}
.news_tab a b{line-height: 40px;font-size: 20px;font-weight: 100;color: #333;}

.news_btn{margin-right:12px;}
.news_btn div{float: left;cursor: pointer;}
.news_btn div em{border: 14px solid;border-color: transparent #c2c2c2 transparent transparent; margin-top: 11px;}
.news_btn div:last-child em{border-color: transparent transparent transparent #c2c2c2;}
.news_btn i{float: left;height: 27px;width: 1px;background: #c2c2c2;margin: 0 6px;}
.news_list{margin-top: 63px;}
.news_list ul{display: block;}
.news_list li{}
.news_list .tempWrap {width: 100% !important;}
.news_list .news_div {}
.news_list .news_div_item{position: relative;height: 610px;width:415px;margin-right: 27px;background: #f2f2f2;}
.news_list .news_div_item:last-child{margin-right: 0;}
.news_list .news_div_item_date{left: 19px;top: 330px;height: 22px;padding-left: 32px;background:url(//memberpic.114my.com.cn/joeyleather/uploadfile/image/20210313/20210313092212_1426717208.png) no-repeat left center;}
.news_list .news_div_item_content{left: 21px;top: 380px;padding-right: 11px;}
.news_list .news_div_item_content,.news_list .news_div_item_date{position:absolute;}
.news_list .news_div_item_pic {}
.news_list .news_div_item_pic a{display: block;overflow: hidden;}
.news_list .news_div_item_image {width: 482px;transform:scale(1);transition:all 0.5s; height: 300px;}
.news_list .news_div_item_title {display: block;margin-bottom: 18px;transition:all 0.5s;}
.news_list .news_div_item_title a{font-size: 20px;font-weight: normal;transition:all 0.5s;}
.news_list .news_div_item_title a p {position: absolute;bottom: -82px;left: 0;width: 150px;height: 42px;background: #a85f33;line-height: 42px;color: #fff;border-radius: 42px;padding-left: 23px;transition:all 0.5s; font-size: 16px;}
.news_list .news_div_item_title a p:after {position: absolute;content: '→';font-size: 16px;margin-left: 9px; font-weight: 100;transition:all 0.5s;}
.news_list .news_div_item_body {line-height: 24px;font-size: 16px;font-weight: 100; color: #666;}
.news_list .news_div_item_year,.news_list .news_div_item_month,.news_list .news_div_item_day{float:left;font-family: 'Roboto';font-weight: normal;font-size: 18px;line-height: 22px;color: #565656;}
.news_list .news_div_item:hover .news_div_item_title a{color:#a85f33;transition:all 0.5s;}
.news_list .news_div_item:hover .news_div_item_title a p{background:#a85f33;transition:all 0.5s;}
.news_list .news_div_item:hover .news_div_item_image {transform:scale(1.1);transition:all 0.5s;}
.news_list .news_div_item:hover .news_div_item_title a p:after{margin-left: 20px;}

/*link*/
#link_box{width:100%;margin:0 auto;overflow:hidden;padding:13px 0px;background:#a85f33;}
#link{width:1300px;margin:0 auto;overflow:hidden;}

#link_bt{width:150px;float:left;font-size:18px;color:#fff;font-weight:400;line-height:62px;}
#link_bt span{padding-left:5px;font-size:18px;color:rgba(255, 255, 255, 0.5);font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight:200;}
#link_bg{width:900px;line-height:60px;float:left;overflow:hidden;font-size:15px;font-weight:100;color:#fff;}
#link_bg a{font-size:15px;color:#fff !important;}

/*版权*/
.copyright{background:#232323;display: inline-block;width: 100%;}
.crcon{padding:70px 0;border-bottom:1px solid #2e2e2e;display: inline-block;width: 100%;}
.kslj{font-size:0;}
.kslj li{display:inline-block;vertical-align:top;}
.kslj li p{font-size:18px;color:#fff; font-weight: 100;}
.kslj li p:after{content:'';display:block;width:19px;height:2px;background:#f3f3f3;margin:20px 0;}
.kslj li a{display:block;font-size:15px;color:#717171;line-height:32px; font-weight: 100;}
.kslj li a:hover,.links p.fr a:hover,.end a:hover{color:#fff;}
.kslj li+li{margin-left:105px;}
.crconcat{width:400px;}
.cr_tel{padding: 0 0 10px 20px;border-bottom:1px solid #2e2e2e;background:url(//memberpic.114my.com.cn/joeyleather/uploadfile/image/20210312/20210312171623_1542538643.png) no-repeat right top;margin-bottom:25px;font-size:14px;color:#afafaf;}
.cr_tel em{display:block;font-size:40px;color:#FFF;font-family:"akr";font-style:normal;font-weight:bold;letter-spacing: 3px;margin-top: 10px;}
.craddr{margin-left:20px;font-size:14px;color:#b0b0b0; line-height:35px;}
.craddr p{padding-left:28px;background:url(//memberpic.114my.com.cn/joeyleather/uploadfile/image/20210312/20210312171642_1887581516.png) no-repeat left center;line-height: 35px;}
.craddr p:nth-child(2){background:url(//memberpic.114my.com.cn/joeyleather/uploadfile/image/20210312/20210312171724_406704626.png) no-repeat left center;}
.craddr p:nth-child(3){background:url(//memberpic.114my.com.cn/joeyleather/uploadfile/image/20210313/20210313085514_1282746460.png) no-repeat left center;}
.links{ height:92px; padding:0 15px; background:#cc9933; line-height:92px; font-size:18px; color:#fff;}
.links p.fl{ background:url(//memberpic.114my.com.cn/joeyleather/uploadfile/image/20210312/20210312171725_1387564219.png) no-repeat left center; padding-left:33px;}
.links p.fr a{ font-size:14px; color:#fff; font-weight:lighter;}
.end{ text-align:center;}
.end,.end a{ font-size:14px; color:#b0b0b0; font-weight:lighter; line-height:70px;}