.page-wrap-right a { text-decoration: none !important; color: rgb(81, 81, 81) !important; }
.shop { width: 1280px; margin: 30px auto; text-align: center; }
.shop img { display: inline-block; }
.shop1 { width: 100%; padding-bottom: 20px; }
.shop2 { width: 50%; padding-right: 2%; }
.shop3 { width: 50%; }
.zsb4 { background: url(""); padding-top: 100px; }
ul.azs { margin: 30px auto; text-align: center; max-width: 1280px; }
.azs li { float: left; display: inline-block; margin: 10px 10px 20px; width: 30%; overflow: hidden; background: rgb(254, 254, 254); box-shadow: rgba(12, 0, 5, 0.38) 0px 3px 3.8px 0.2px; }
.azs li a { font-size: 16px; line-height: 1.75em; padding-top: 15px; }
.azs li h3 a { margin-bottom: 15px; font-weight: 700; display: block; height: 82px; line-height: 82px; overflow: hidden; font-size: 24px; width: 100%; text-align: center; border-bottom: 1px solid rgb(138, 138, 138); color: rgb(158, 111, 22) !important; }
.azs li span { display: block; color: rgb(0, 0, 0); font-size: 19px; line-height: 34px; height: 102px; overflow: hidden; margin-top: 28px; }
.azs li p { text-transform: uppercase; text-align: center; color: rgb(0, 0, 0); font-size: 15px; }
.azs li:hover { background: rgb(203, 175, 114); }
.azs li:hover h3 { color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); }
.azs li:hover span { color: rgb(255, 255, 255); }
.azs li:hover p { color: rgb(255, 255, 255); }
.bt { text-align: center; padding-bottom: 10px; }
.bt h2 { text-align: center; color: rgb(199, 168, 100); font-size: 38px; letter-spacing: 5px; font-weight: 700; }
.bt h2 span { color: rgb(0, 0, 0); }
.bt p { color: rgb(153, 153, 153); font-size: 18px; text-transform: uppercase; font-weight: 400; margin-top: 12px; padding-bottom: 14px; background: url("../images/line1.png") center center no-repeat; }
.bt h3 { text-align: center; color: rgb(102, 102, 102); font-size: 16px; margin-top: 14px; }
.zsb5 { padding: 100px 0px; background: url("../images/bg3.jpg"); }
.azs2 { text-align: center; margin-top: 80px; }
.azs2 li { width: 130px; display: inline-block; margin: 15px; transition: all 0.5s ease 0s; }
.clearfix2 { display: table; content: ""; line-height: 0; height: 30px; background: url("../images/jia.png") center center no-repeat; width: 30px !important; margin: 0px 0px 65px !important; }
.azs2 li .img img { margin: 0px auto; }
.azs2 li h3 { color: rgb(190, 145, 78); font-size: 21px; margin-top: 13px; letter-spacing: 3px; }
.bt h4 { text-align: center; color: rgb(68, 68, 68); font-size: 30px; width: 611px; margin: 50px auto 0px; line-height: 75px; border-top: 1px solid rgb(138, 138, 138); border-bottom: 1px solid rgb(138, 138, 138); }
.azs2 li:hover { transform: translateY(-20px); }
.jmtj { width: 100%; display: flex; }
.jmtj_l { width: 72%; display: inline-block; vertical-align: top; }
.jmtj_r { width: 27%; }
.jmtj_l img { width: 100% !important; }
.jmtj_r img { width: 100% !important; }
.jmtj_r { background: url("") center top; }
.jmtj_r .content { padding: 0px 0px 0px 20px; font-size: 24px; line-height: 1.75em; color: rgb(238, 238, 238); }
.jmtj_r .content h1 { font-size: 32px; font-weight: 700; line-height: 32px; color: rgb(255, 255, 255); }
.jmtj_r .content h1 span { font-size: 16px; font-weight: 400; }
.jmtj_r .content p { padding-top: 60px; }
.jmlc { width: 100%; padding-top: 150px; padding-bottom: 100px; }
.jmlc ul { text-align: center; }
.jmlc ul li { display: inline-block; width: 94px; margin: 32px; }
.jmlc h1 { font-size: 36px; text-align: center; margin-top: 130px; color: rgb(209, 153, 87); }
.jmlc h1 span { font-size: 51px; font-weight: bolder; font-style: italic; }
.partner { width: 100%; background: url("../images/hzbg.jpg") center top; height: 733px; }
.partner .content { width: 1200px; margin: 0px auto; }
.partner .bt h2 { color: rgb(255, 255, 255); }
.partner .bt { padding-top: 110px; margin-bottom: 60px; }
.partner .content ul { text-align: center; }
.partner .content li { display: inline-block; margin: 12px 8px; }
.page-wrap .wh { width: 100% !important; }
.xypg-left-box { display: none; }
@media screen and (max-width: 1000px) {
  .bt h2 { font-size: 2em; }
  body { font-size: 1em; }
  .zsb4 { padding-bottom: 80px; }
  .shop { width: 100%; margin-top: 0px; }
  .azs li {width: calc(50% - 53px);margin: 10px;padding: 15px;/* height: 260px; */}
  .azs li:nth-child(4n) { margin-right: 10px; }
  .azs2 li { width: calc(25% - 20px); display: inline-block; margin: 8px; }
  .azs2 li .img img { width: 100%; height: auto; }
  .azs2 li h3 { font-size: 12px; line-height: 2em; font-weight: 400; }
  .jmtj_r .content { padding: 30px 10px; }
  .jmlc ul li { display: inline-block; width: calc(33% - 20px); margin: 10px; text-align: center; font-size: 1em; line-height: 1.75em; }
  .jmlc ul li img { width: 60%; clear: both; }
  .partner { height: auto; }
  .partner .content { width: 100%; padding-bottom: 60px; }
  .partner .content ul li img { max-width: 100%; }
  .jmtj_r .content h1 { font-size: 24px; font-weight: 700; line-height: 32px; color: rgb(255, 255, 255); max-height: 30px; overflow: hidden; }
  .jmtj_r .content p { font-size: 14px; line-height: 1.75em; }
  .bt h4 { width: 100%; font-size: 18px; line-height: 2em; margin-top: 30px; }
  .partner .content li { width: 25%; }
  .azs2 { margin-top: 30px; }
  .jmlc { padding-top: 50px; padding-bottom: 50px; }
  .jmlc h1 { margin-top: 50px; }
  .partner .bt { padding-top: 80px; margin-bottom: 30px !important; }
  ul.azs { margin: 0px auto; }
  .jmtj_r .content p { padding-top: 20px; }
  .page-detail { padding: 15px 0px; }
  .shop1 { padding-bottom: 0px; }
  .shop3 { width: calc(50% - 3px); }
  .shop2 { width: calc(50% - 8px); }
  .mod_5 .case_wrap li p{  letter-spacing: 0px!important;}
  .mod_5 .case_wrap li .imgPt img{max-height:200px}
  .mod_5 .case_wrap li{width:44%!important;}
  
}
.aboutconetent { font-size: 20px; line-height: 2; max-width: 1280px; margin: 20px auto 0px; }
.aboutconetent1 { font-size: 20px; line-height: 2; max-width: 1280px; margin: 20px auto 0px; color: rgb(199, 168, 100); }
.case_wrap { width: 80%; margin: auto; height: 75%; }
.jmtj_r p { font-size: 30px; margin-top: 30px; margin-bottom: 30px; }
.jmtj_r p span { color: rgb(254, 201, 105); text-transform: uppercase; }
.jmtj_l p { font-size: 30px; margin-top: 30px; margin-bottom: 30px; }
.jmtj_l p span { color: rgb(254, 201, 105); text-transform: uppercase; }
.mod_5 { width: 100%; height: 100%; background-color: rgb(255, 255, 255); display: flex; flex-direction: column; }
.mod_5 .case_wrap { flex: 1 1 0%; overflow: hidden; }
.mod_5 .case_wrap li { width: 22%; height: 100%; float: left; box-sizing: border-box; border-left: 3px solid rgb(255, 255, 255); border-right: 3px solid rgb(255, 255, 255); transition: all 0.5s ease 0s; display: flex; flex-direction: column; }
.mod_5 .case_wrap .case_pt_1 { border-left: none; }
.mod_5 .case_wrap .case_pt_4 { border-right: none; }
.mod_5 .case_wrap li .imgPt { width: 100%; flex: 1 1 0%; overflow: hidden; background-color: rgb(0, 0, 0); }
.mod_5 .case_wrap li .imgPt img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mod_5 .case_wrap li:hover { transform: translateY(-20px); }
.mod_5 .case_wrap li p { width: 100%; font-size: 22px; text-align: center; color: rgb(190, 147, 79); display: flex; align-items: center; flex-direction: column; justify-content: center; line-height: 1.5; letter-spacing: 3px; }
.mod_5 .case_wrap li p span { display: block; color: rgb(0, 0, 0); }
@media only screen and (min-width: 1367px) {
  .mod_5 .case_wrap li p { padding: 20px 0px; font-size: 32px; }
  .mod_5 .case_wrap li p span { font-size: 18px; text-transform: uppercase; letter-spacing: 1px; }
  .Bottom .left dl a { font-size: 14px; }
}
@media only screen and (max-width: 1366px) {
  .mod_5 .case_wrap li p { padding: 15px 0px; font-size: 18px; }
  .mod_5 .case_wrap li p span { font-size: 12px; }
  .Bottom .left dl a { font-size: 12px; }
}
@media not all {
  .azs li { height: auto; }
}