@charset "utf-8";
body{ margin:0px; padding:0px; font-size:12px;color:#898989;line-height:1; background:#FFF; overflow-x: hidden;}

/* 

    body {
      transform: scale(0.8);
      transform-origin: top left;
      width: 125%;
      height: 125%; 
    }
*/

ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; 
/* display: block; */}
a{ color:#5c5c5c; text-decoration:none}
@font-face {
	src: url(../font/jxzk3.ttf);
}

/* 移动端隐藏footerBox，仅显示备案信息 */
@media (max-width: 768px) {
  .footerBox {
    display: none;
  }
  .copyRight {
    display: block;
  }
}

/* 移动端隐藏footerBox，仅显示备案信息 */
@media (max-width: 768px) {
  .NrLeft {
    display: none;
  }
  .NrRight {
    display: block;
  }
}

.top{ width: 100%; /* padding-top: 35px; */}
.top .topBox{ width: 1200px; margin: 0 auto; overflow: hidden;}
.top .topBox .logo{ float: left; width: 230px; height: 160px; line-height: 160px; text-align: center;}
.top .topBox .logo img{ display: inline-block; vertical-align: middle;}
.top .topBox .nav{ float: left;}
.top .topBox .nav ul{ overflow: hidden;}
.top .topBox .nav ul li{  line-height: 160px; float: left;}
.top .topBox .nav ul li a{ font-weight: bold; display: inline-block; border-right:1px solid #bbbbbb ; height: 45px; line-height: 45px; vertical-align: middle; font-size: 20px; color: #000; padding: 0 12px; font-family: "宋体";}
.top .topBox .nav ul li:last-child a{ border: none;}
.top .topBox .nav ul li.on a{ background: #8b2f2b; color: #fff; border: none;}

.banner{ width: 100%; position: relative; overflow: hidden; top:0px;}
.banner img{ display: block; width: 100%; height: auto;}
.banner .bannerBox{ width: 100%; position: absolute; top: 110px; left: 0;}
.banner .bannerBox h2{ text-align: center; font-size: 50px; color: #fff; font-family:jxzk; padding-bottom: 30px;}
.banner .bannerBox p{ text-align: center; font-size: 22px; color: #fff;}

.indexContainer .layer1{ width: 100%; background: url(../images/bg1_02.jpg); background-size:100% 100% ; height: 973px;}
.indexContainer .layer1 .title{ width: 100%; padding-top: 165px; background: url(../images/icon_03.png) left top no-repeat; }
.indexContainer .layer1 .title span{ margin: 25px 0; display: block; width: 3px; height: 18px; background: #000;}

.indexContainer .layer1Box{ width: 1400px; margin: 0 auto;}
.indexContainer .layer1Box .text{ float: left; width: 540px;}
.indexContainer .layer1Box .text h2{ font-size: 32px; color: #000;}
.indexContainer .layer1Box .text .Nr h2{ font-weight: normal; height: 130px; line-height: 130px; font-size: 35px; color: #000; font-family: jxzk; color: #8b2f2b;}
.indexContainer .layer1Box .text .Nr h2 img{ display: inline-block; vertical-align: middle; margin-left: 25px;}
.indexContainer .layer1Box .text span{ display: block; font-size: 26px; color: #000; margin-bottom: 35px;}
.indexContainer .layer1Box .text p{ font-size: 22px; line-height: 32px; color: #000; margin-bottom: 30px;}

.indexContainer .layer1Box .icon{ margin-top: 170px; float: right; width: 800px; height: 780px; background: #ddd;}
.indexContainer .layer2{ hidden; background: url(../images/about_03.jpg); width: 100%; overflow: hidden; padding:85px 0; position: relative;}
.indexContainer .layer2 .icon{ position: absolute; width: 47%; left: 0; top: 50%; transform: translateY(-50%);}
.indexContainer .layer2 .icon img{ display: block; width: 100%; height: auto;}
.indexContainer .layer2 .text{ width: 605px; float: right;}
.indexContainer .layer2 .text h2{ font-weight: normal; text-align: right; font-size: 35px; font-family: jxzk; color: #8b2f2b; padding: 125px 0 25px 0; position: relative;}
.indexContainer .layer2 .text h2:after{ position: absolute; background: url(../images/icon_03.png) right top no-repeat; width: 24px; height: 130px; background-size:100% auto; content: ''; right: 0; top: -52px;}
.indexContainer .layer2 .text span{ text-align: right; display: block; font-size: 26px; color: #000; padding-bottom: 55px;}
.indexContainer .layer2 .text ul{ overflow: hidden;}
.indexContainer .layer2 .text ul li { float: left; width: 49%; margin: 0 2% 0 0; height: 280px; overflow: hidden;}
.indexContainer .layer2 .text ul li:last-child{ margin-right: 0;}
.indexContainer .layer2 .text ul li img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.indexContainer .layer2 .text p{ padding: 35px 0 0 0; font-size: 22px; color: #000; line-height: 32px; text-align: right;}
.indexContainer .layer3{ background: url(../images/about_02.jpg); padding-bottom: 95px;}
.indexContainer .layer3Box{ margin: 0 auto; background: #fff; padding: 0 110px 105px 110px; width: 1570px; box-sizing: border-box;}
.indexContainer .layer3Box .title{ width: 100%; padding: 155px 0 95px 0; background: url(../images/icon_03.png) left top no-repeat; background-size:24px auto;}
.indexContainer .layer3Box .title h2{ font-size: 35px; font-family: jxzk; color: #8b2f2b; font-weight: normal; margin-bottom: 20px;}
.indexContainer .layer3Box .title p{ font-size: 26px; color: #000;}
.indexContainer .layer3Box .title p span{ display: inline-block; float: right; color: #000;}
.indexContainer .layer3Box ul{ width: 100%; overflow: hidden;}
.indexContainer .layer3Box ul li{ float: left; width: 23.5%; margin: 0 2% 0 0;}
.indexContainer .layer3Box ul li .icon{ width: 100%; height: 478px; margin-top: 35px;}
.indexContainer .layer3Box ul li .icon img{ width: 100%; height: 100%; transition: 0.5s; object-fit: cover;}
.indexContainer .layer3Box ul li h2{ text-align: center; font-weight: normal; font-family: jxzk; font-size: 30px; color: #8b2f2b; font-weight: normal;}
.indexContainer .layer3Box ul li h2 span{ display: inline-block; width: 16px; height: 16px; border-radius:50%; background: #8b2f2b; vertical-align: middle; margin-right: 15px;}
.indexContainer .layer3Box ul li h3{ text-align: center; font-weight: normal; height: 65px; line-height: 65px; overflow: hidden; font-size: 26px; color: #000;}
.indexContainer .layer3Box ul li p{ font-size: 20px; text-align: center; line-height: 28px; color: #000;}
.indexContainer .layer3Box ul li:last-child{ margin-right: 0;}
.indexContainer .layer3Box ul li:nth-child(2n) .icon{ margin: 0 0 35px 0;}
.indexContainer .layer4{ width: 100%; padding-bottom: 95px; background: url(../images/about_03.jpg);}
.indexContainer .layer4 .title{background: url(../images/icon_03.png) right top no-repeat; padding: 150px 0 50px 0; overflow: hidden;}
.indexContainer .layer4 .title h2{ color: #8b2f2b; text-align: right; font-size: 35px; font-weight: normal; font-family: jxzk; margin-bottom: 22px;}
.indexContainer .layer4 .title p{text-align: right; font-size: 26px; color: #000;}
.indexContainer .layer4 .titleLeft{ float: left; width: 915px; font-size: 22px; line-height: 32px; color: #000;}
.indexContainer .layer4 .titleRight{ float: right;}
.indexContainer .layer4 ul{ width: 100%; overflow: hidden;}
.indexContainer .layer4 ul li{ width: 23.5%; float: left; margin: 0 2% 0 0; height: 470px; overflow: hidden; position: relative;}
.indexContainer .layer4 ul li:last-child{ margin-right: 0;}
.indexContainer .layer4 ul li img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.indexContainer .layer4 ul li .text{ width: 100%; height: 190px; padding: 0 18px; box-sizing: border-box; background: rgba(255,255,255,1); position: absolute; transition: 0.5s; left: 0; bottom: 0;}
.indexContainer .layer4 ul li .text h2{ transition: 0.5s; line-height: 52px; font-family: jxzk; text-align: center; height: 52px;  color: #8b2f2b; font-size: 28px; font-weight: normal;}
.indexContainer .layer4 ul li .text h2 span{ transition: 0.5s; border-radius:50%; width: 12px; height: 12px; display: inline-block; vertical-align: middle; margin-right: 10px; background:#8b2f2b ;}
.indexContainer .layer4 ul li .text p{transition: 0.5s; line-height: 26px; color: #000; font-size: 19px; text-align: center;}
.indexContainer .layer4 ul li:hover .text{ height: 100%; padding-top: 90px; box-sizing: border-box; background: rgba(0,0,0,0.3);}
.indexContainer .layer4 ul li:hover .text h2{ color: #fff;}
.indexContainer .layer4 ul li:hover .text h2 span{ width: 0; height: 0;}
.indexContainer .layer4 ul li:hover .text p{ color: #fff;}

.indexContainer .layer5{ background: url(../images/about_02.jpg);}
.indexContainer .layer5 .title{background: url(../images/icon_03.png) left top no-repeat; padding: 150px 0 50px 0; overflow: hidden;}
.indexContainer .layer5 .title h2{ color: #8b2f2b;  font-size: 35px; font-weight: normal; font-family: jxzk; margin-bottom: 22px;}
.indexContainer .layer5 .title p{; font-size: 26px; color: #000;}
.indexContainer .layer5 .titleRight{ text-align: right; float: right; width: 915px; font-size: 22px; line-height: 32px; color: #000;}
.indexContainer .layer5 .titleLeft{ float: left;}
.indexContainer .layer5Left{ float: left; width: 890px;  overflow: hidden;}
.indexContainer .layer5Left .icon{width: 890px; height: 800px;}
.indexContainer .layer5Left .icon img{ display: block; width: 100%; height: 100%;}
.indexContainer .layer5Left .text{ width: 100%;}
.indexContainer .layer5 .text h2{ height: 90px; line-height: 90px; font-size: 28px; font-weight: normal; font-family: jxzk; color: #8b2f2b;}
.indexContainer .layer5 .text h2 span{ display: inline-block; vertical-align: middle; width: 16px; height: 16px; border-radius:50%; margin-right: 15px; background: #8b2f2b;}
.indexContainer .layer5 .text p{ font-size: 18px; line-height: 30px; color: #000;}
.indexContainer .layer5Right{ width: 425px; float: right;}
.indexContainer .layer5Right .icon{width: 425px; height: 295px; overflow: hidden;}
.indexContainer .layer5Right .icon img{ width: 100%; height: 100%; object-fit: cover;}
.indexContainer .layer5Right .text p{ line-height: 32px; height: 96px; overflow: hidden;}
.indexContainer .layer5Right ul li{ margin-bottom: 25px;}

.indexContainer .layer6{ padding-bottom: 65px;}
.indexContainer .layer6 .title{background: url(../images/icon_03.png) right top no-repeat; padding: 150px 0 50px 0; overflow: hidden;}
.indexContainer .layer6 .title h2{ color: #8b2f2b; text-align: right; font-size: 35px; font-weight: normal; font-family: jxzk; margin-bottom: 22px;}
.indexContainer .layer6 .title p{text-align: right; font-size: 26px; color: #000;}
.indexContainer .layer6 .titleLeft{ float: left; width: 915px; font-size: 22px; line-height: 32px; color: #000;}
.indexContainer .layer6 .titleRight{ float: right;}
.indexContainer .layer6 ul{ overflow: hidden;}
.indexContainer .layer6 ul li{ width: 32%; float: left; margin: 0 2% 0 0;}
.indexContainer .layer6 ul li:last-child{ margin-right: 0;}
.indexContainer .layer6 ul li .icon{ background: #ddd; width: 100%; height: 315px;}
.indexContainer .layer6 ul li .icon img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.indexContainer .layer6 ul li h2{ color: #8b2f2b; text-align: center; height: 95px; line-height: 95px; font-family: jxzk; font-weight: normal; font-size: 28px;}
.indexContainer .layer6 ul li h2 span{ width: 16px; background: #8b2f2b; height: 16px; border-radius:50%; margin-right:20px ; display: inline-block;}
.indexContainer .layer6 ul li p{ width: 100%; padding: 0 50px; box-sizing: border-box; line-height: 30px; font-size: 18px; color: #000;}

.indexContainer .layer7 { padding-bottom: 90px; background: url(../images/Join_04.jpg);}
.indexContainer .layer7 .bt{ padding: 150px 0 50px 0; text-align: center; font-size: 35px; font-weight: normal; background: url(../images/icon_03.png) top center no-repeat; background-size:24 auto ; font-family: jxzk; color: #8b2f2b;}
.indexContainer .layer7 .hd{ width: 100%;}
.indexContainer .layer7 .hd ul{ overflow: hidden;}
.indexContainer .layer7 .hd ul li{ cursor: pointer; width: 23.5%; float: left; margin: 0 2% 0 0; height: 80px; line-height: 80px; text-align: center; font-size: 28px; color: #8b2f2b; background: #f3f1ee;}
.indexContainer .layer7 .hd ul li:last-child{ margin-right: 0;}
.indexContainer .layer7 .hd ul li.on{ background: #b78756; color: #fff; border-bottom: 7px solid #8b2f2b; box-sizing: border-box;}
.indexContainer .layer7 .bd{ width: 100%; padding-top: 50px;}
.indexContainer .layer7 .bd .text{ float: left; width: 460px;}
.indexContainer .layer7 .bd .text h2{ width: 350px; height: 90px; line-height: 90px; border-bottom: 1px solid #3c3a35;}
.indexContainer .layer7 .bd .text h2 img{ display: inline-block; vertical-align: middle;}
.indexContainer .layer7 .bd .text p{ padding: 15px 20px 40px 0; font-size: 18px; line-height: 30px; color: #000;}
.indexContainer .layer7 .bd .icon{ width: 840px; height: 535px; overflow: hidden;}
.indexContainer .layer7 .bd .icon img{ display: block; width: 100%; height: 100%; object-fit: cover;}

.indexContainer .layer8{ background: url(../images/about_03.jpg); padding: 50px 0 90px 0;}
.indexContainer .layer8 ul{ overflow: hidden;}
.indexContainer .layer8 ul li{ float: left; width: 25%;}
.indexContainer .layer8 ul li .icon{ height: 430px; text-align: center; width: 100%; line-height: 430px;}
.indexContainer .layer8 ul li .icon img{ display: inline-block; vertical-align: middle;}
.indexContainer .layer8 ul li p{ font-size: 28px; color: #8b2f2b; text-align: center;}

.JoinContainer{ font-family: "微软雅黑"; color: #000000; width: 100%; background: url(../images/Join_04.jpg); padding-bottom: 110px;}
.JoinContainer .layer1{  position: relative; z-index: 2; width: 100%; margin: 0 auto; padding: 5% 15% 5%; box-sizing: border-box; background: #fcf5eb; border-radius:12px ; margin-top: -160px;}
.JoinContainer .bt{  width: 100%; font-size: 30px; color: #43413f;}
.JoinContainer .layer1 ul{ width: 100%; overflow: hidden;}
.JoinContainer .layer1 ul li{ float: left; width: 45%; margin-top: 55px ; margin-right: 5%;}
.JoinContainer .layer1 ul li h2{ font-weight: normal; font-size: 24px; margin-bottom: 24px;}
.JoinContainer .layer1 ul li p{ /* width: 470px; */ line-height: 30px; font-size: 18px; color: #000;}
.JoinContainer .layer2{ overflow: hidden; position: relative; z-index: 2; width: 100%; margin: 0 auto; padding: 5% 15% 5%; box-sizing: border-box; background: #fcf5eb; border-radius:12px ; margin-top:75px;}
.JoinContainer .layer2 .bt{ margin-bottom: 40px;}
.JoinContainer .layer2 ul{ float: left; width: 100%; margin: 0 4% 0 0;}
.JoinContainer .layer2 ul:nth-child(3){ margin-right: 0;}
.JoinContainer .layer2 ul li{ width: 28.5%; height: auto; margin-bottom: 17px; overflow: hidden;float: left;margin: 0 40px 20px 0;}
.JoinContainer .layer2 ul li p{ float: left; width: 200px; height: 44px; line-height: 44px; font-size: 20px; color: #000;}
.JoinContainer .layer2 ul li .right{ width: calc(100%); float: left;}
.JoinContainer .layer2 ul li .right input{ font-size: 18px; width: 100%; height: 44px; border-radius:10px; border: 1px solid #ddd; box-sizing: border-box; padding: 0 17px; box-sizing: border-box;}
.JoinContainer .layer2 ul:nth-child(3) .right{ width: 100%;}

.JoinContainer .layer2 ul li dl{ overflow: hidden;}
.JoinContainer .layer2 ul li dl dd{ float: left; margin: 0 18px 0 0; position: relative;}
.JoinContainer .layer2 ul li dl dd:last-child{ margin-right: 0;}
.JoinContainer .layer2 ul li dl dd input{ width: 100%; height: 100%; position: absolute; opacity: 0; cursor: pointer; left: 0; top: 0;}
.JoinContainer .layer2 ul li .right textarea{font-size: 18px; width: 96%; height: 205px; border-radius:10px; border: 1px solid #ddd; box-sizing: border-box; padding:17px; box-sizing: border-box;}
.JoinContainer .layer2 .Bottom{ padding-top: 20px;}
.JoinContainer .layer2 .Bottom p{ font-size: 18px; height: 38px; line-height: 38px; color: #000;}
.JoinContainer .layer2 .Bottom span{ cursor: pointer; vertical-align: middle; display: inline-block; width: 24px; height: 24px; margin-right: 12px; border: 1px solid #2a2124; border-radius:5px; position: relative;}
.JoinContainer .layer2 .Bottom span:after{ display: none; content: ''; width: 25px; height: 25px; border-radius:4px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #000;}
.JoinContainer .layer2 .Bottom span.on:after{ display: block;}

.footer{ background: #7d2e21;}
.footer .footerBox{ overflow: hidden; padding-bottom: 40px; width: 1200px; margin: 0 auto; padding-top: 30px;}
.footer .footerLeft{ float: left; width: 345px;/*  margin-left: 80px; */ border-right:1px solid #b68982; box-sizing: border-box;}
.footer .footerLeft ul li{ text-align: center; line-height: 42px;}
.footer .footerLeft ul li a{ font-size: 22px; color: #fff;}
.footer .footerRight{ float: left; width: calc(100% - 425px); padding-left: 80px; box-sizing: border-box; overflow: hidden; margin-top: 55px;}
.footer .footerRight ul{ float: left; width: 520px;}
.footer .footerRight ul h2{ color: #fff; font-size: 22px; font-weight: normal; margin-bottom: 30px;}
.footer .footerRight ul li{ font-size: 22px; color: #fff; margin-bottom: 20px;}
.footer .footerRight .code{ float: left; width: 125px;}
.footer .footerRight .code p{ text-align: center; font-size: 22px; color: #fff; padding-bottom: 27px;}
.footer .footerRight .code img{ width: 125px; height: 125px; background: #fff;}

.footer .copyRight{ padding: 25px 0 30px 0; text-align: center; color: #fff; font-size: 22px; border-top:1px solid #b68982 ; width: 1200px; margin: 0 auto;}


.shouyi{ width: 100%;}
.shouyi .title{ text-align: center; height: 225px; line-height: 225px; text-align: center; line-height: ;}
.shouyi .title p{ font-family: 'jxzk'; color: #8b2f2b;  font-size: 42px; display: inline-block; height: 225px; line-height: 225px; position: relative;}
.shouyi .title p:after{ content: ''; background: url(../images/shouyiIcon_06.png); width: 113px; height: 33px; position: absolute; left: -120px; position: absolute; top: 50%; transform: translateY(-50%);}
.shouyi .title p:before{ content: ''; background: url(../images/shouyiIcon_03.png); width: 102px; height: 58px; position: absolute; right: -115px; top: 50%; transform: translateY(-50%);}
.shouyi .layer1{ width: 100%; background: url(../images/shouyi_05.jpg); background-size:100% ;}

.shouyi .layer1 .Nr{ background: url(../images/shouyiPic_03.png); width: 1218px; height: 764px; margin: 0 auto; position: relative;margin-top: 30px; }
.shouyi .layer1 .Nr .icon{ transition: 0.5s; position: absolute; border-radius:50%; overflow: hidden;}
.shouyi .layer1 .Nr .icon.icon1{ width: 252px; height: 252px; left: -54px; top: 335px;}
.shouyi .layer1 .Nr .icon.icon2{ width: 285px; height: 285px; left: 160px; top: 30px;}
.shouyi .layer1 .Nr .icon.icon3{ width: 245px; height: 245px; left: 530px; top: -52px;}
.shouyi .layer1 .Nr .icon.icon4{ width: 270px; height: 270px; left: 850px; top: 70px;}
.shouyi .layer1 .Nr .icon.icon5{ width: 250px; height: 250px; left: 1010px; top: 380px;}
.shouyi .layer1 .Nr .icon:hover{ transform: scale(1.1);}

.shouyi .layer2{ background: url(../images/shouyi_06.jpg); background-size:100% auto; padding-bottom: 40px;}
.shouyi .layer2Box{ width: 1350px; margin: 0 auto;}
.shouyi .layer2Box ul{ overflow: hidden;}
.shouyi .layer2Box ul li{ padding-top: 80px; box-sizing: border-box; width: 32%; float: left; background: url(../images/shouyiPic_07.jpg); height: 735px; background-size:100% 100% ; margin: 0 2% 0 0;}
.shouyi .layer2Box ul li:last-child{ margin-right: 0;}
.shouyi .layer2Box ul li .bt img{ display: block; margin: 0 auto;}
.shouyi .layer2Box ul li .bt h2{ font-family: jxzk; text-align: center; font-weight: normal; height: 90px; line-height: 90px; font-size: 42px; color: #8b2f2b;}
.shouyi .layer2Box ul li .icon{ margin: 0 auto; width: 220px; height: 285px; overflow: hidden;}
.shouyi .layer2Box ul li .icon img{ object-fit: cover; width: 100%; height: 100%;}
.shouyi .layer2Box ul li p{ padding: 30px 40px 0 40px; box-sizing: border-box; font-size: 16px; line-height: 24px; color: #190f01;}
.shouyi .layer3{ background: url(../images/shouyi_07.jpg); height: 785px; background-size:100% 100%; position: relative;}
.shouyi .layer3 img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.shouyi .layer4{ padding-bottom: 80px; background: url(../images/shouyi_08.jpg); background-size:100% auto ;}
.shouyi .layer4 .title{ height: auto; line-height: 1; padding:60px 0;}
.shouyi .layer4 .title p{ height: 120px; line-height: 120px;}
.shouyi .layer4 .title h2{ font-weight: normal; text-align: center; font-size: 28px; color: #000;}
.shouyi .layer4 ul{ width: 1350px; margin: 0 auto; overflow: hidden;}
.shouyi .layer4 ul li{ width: 49%; height: 655px; overflow: hidden; float: left; margin: 0 2% 0 0;}
.shouyi .layer4 ul li img{ transition: 0.5s; display: block; width: 100%; height: 100%; object-fit: cover;}
.shouyi .layer4 ul li:last-child{ margin-right: 0;}
.shouyi .layer4 ul li dl{ overflow: hidden; width: 100%; height: 100%;}
.shouyi .layer4 ul li dl dd{ overflow: hidden; float: left; width: 48%; height: 48%; margin: 0 4% 27px 0;}
.shouyi .layer4 ul li dl dd:nth-child(2n){ margin-right: 0;}
.shouyi .layer4 ul li img:hover{ transform: scale(1.1);}

.shouyi .layer5{ background: url(../images/shouyi_09.jpg); padding: 80px 0;}
.shouyi .layer5Box{ overflow: hidden; width: 1350px; margin: 0 auto;}
.shouyi .layer5Box .text{ float: left; width: 410px; float: left;}
.shouyi .layer5Box .text .bt{ padding: 180px 0 0 0; background: url(../images/shouyiIcon_06.png) 0 98px no-repeat; }
.shouyi .layer5Box .text .bt p{ display: inline-block; font-size: 35px;font-family: jxzk; line-height: 68px; color: #8b2f2b; margin-bottom: 60px;}
.shouyi .layer5Box .text .bt p img{ display: inline-block; vertical-align: middle; margin-left:15px;}
.shouyi .layer5Box .text h2{ font-size: 32px; line-height: 58px; color: #000;}
.shouyi .layer5Box .list{ width: calc(100% - 410px); float: left;}
.shouyi .layer5Box .list ul{ overflow: hidden;}
.shouyi .layer5Box .list ul li{ float: left; width: 48%; margin: 0 4% 0 0;}
.shouyi .layer5Box .list ul li:last-child{ margin-right: 0; padding-top: 108px;}
.shouyi .layer5Box .list ul li img{ display: block; width: 100%; height: auto;}

.cantact{ width: 100%; background: url(../images/shouyi_08.jpg); padding-bottom: 40px;}
.cantactBox{ position: relative; z-index: 4;  width: 1200px; margin: 0 auto;}
.cantactBox .NrLeft{ padding: 130px 60px 0 60px; box-sizing: border-box; box-sizing: border-box; float: left; width: 555px; height: 890px; background: #fcf5eb; border-radius:15px; margin-top: -140px;}
.cantactBox .bt{ text-align: center; line-height: 135px; background: url(../images/cantact_05.png) center center no-repeat; font-size: 40px; color: #000000;}
.cantactBox .NrLeft ul{ width: 100%; padding: 50px 12px 0 12px; border: 1px solid #0e050a; border-radius:15px; box-sizing: border-box; height: 480px;}
.cantactBox .NrLeft ul li{ font-size: 24px; color: #000; line-height: 56px; color: #000;}
.cantactBox .NrRight{ float: right; width: 555px; height: 1050px; padding: 0 50px; box-sizing: border-box; background: #fcf5eb; margin-top: -330px; border-radius:15px;}
.cantactBox .NrRight .bt{ text-indent: 65px;}
.cantactBox .NrRight ul{ width: 100%;}
.cantactBox .NrRight ul li{ position: relative; width: 100%;}
.cantactBox .NrRight ul li p{ font-size: 22px; width: 100%; padding: 32px 0 15px 0;}
.cantactBox .NrRight ul li input{ padding: 0 15px; border-radius:10px; background: #f4e9da; width: 100%; height: 55px; border: 1px solid #4b4241; box-sizing: border-box;}
.cantactBox .NrRight ul li textarea{ height: 235px; border-radius:10px; background: #f4e9da; width: 100%; padding: 15px; box-sizing: border-box; border: 1px solid #4b4241; box-sizing: border-box;}
.cantactBox .NrRight ul li input[type=file]{ position: absolute; left: 0; top: 0; border: none; background: none; width: 100%; margin: 30px 0 75px 0; opacity: 0; font-size: 22px; color: #000;}
.cantactBox .NrRight ul li button{ width: 100%; height: 54px; line-height: 52px; font-size: 24px; color: #fff; background: #8b2f2b; border-radius:10px;}
.cantactBox .NrRight ul li:last-child{ margin-top: 45px;}

.wenhua .title{ text-align: center; height: 225px; line-height: 225px; text-align: center; line-height: ;}
.wenhua .title p{ font-family: 'jxzk'; color: #8b2f2b; font-size: 35px; display: inline-block; height: 225px; line-height: 225px; position: relative;}
.wenhua .title p:after{ content: ''; background: url(../images/shouyiIcon_06.png); width: 113px; height: 33px; position: absolute; left: -120px; position: absolute; top: 50%; transform: translateY(-50%);}
.wenhua .title p:before{ content: ''; background: url(../images/shouyiIcon_03.png); width: 102px; height: 58px; position: absolute; right: -115px; top: 50%; transform: translateY(-50%);}

.wenhua .layer1{ padding-bottom: 125px; background: url(../images/wenhua_02.jpg);}
.wenhua .layer1 ul{ overflow: hidden;}
.wenhua .layer1 ul li{ float: left; width: 30%; margin: 0 5% 0 0;}
.wenhua .layer1 ul li .icon{ background: #ddd; width: 100%; height: 428px;}
.wenhua .layer1 ul li .icon img{ width: 100%; height: 100%; object-fit: cover;}
.wenhua .layer1 ul li p{ height: 80px; text-align: center; color: #8b2f2b; font-family: jxzk; line-height: 80px; font-size: 30px;}
.wenhua .layer1 ul li p span{ background: #8b2f2b; display: inline-block; vertical-align: middle; width: 16px; height: 16px; border-radius:50%; margin-right: 25px;}
.wenhua .layer1 ul li:last-child{ margin-right: 0;}

.wenhua .layer2{ background: url(../images/wenhua_03.jpg);}
.wenhua .layer2 .Nr{ overflow: hidden; margin-bottom: 60px;}
.wenhua .layer2 .Nr .text{ float: right; padding: 188px 0 0 0; background: url(../images/icon_03.png) right 5px no-repeat;}
.wenhua .layer2 .Nr .text h2{ font-weight: normal; font-size: 30px; text-align: right; margin-bottom: 25px; color: #8b2f2b; font-family: jxzk;}
.wenhua .layer2 .Nr .text p{ text-align: right; font-size: 26px; color: #000;}
.wenhua .layer2 .Nr .icon{ float: left;}
.wenhua .layer2 .Nr .icon p{ overflow: hidden; display: block; float: left; margin-right: 10px;}

.wenhua .layer2 .Nr:nth-child(2) .text{ float: left; background: url(../images/icon_03.png) left 5px no-repeat;}
.wenhua .layer2 .Nr:nth-child(2) .text h2{ text-align: left;}
.wenhua .layer2 .Nr:nth-child(2) .text p{ text-align: left;}
.wenhua .layer2 .Nr:nth-child(2) .icon{ float: right;}
.wenhua .layer2 .Nr:nth-child(2) .icon p{ float: right; padding: 0 0 0 10px; padding: 0;}

.wenhua .layer3{ background: url(../images/wenhua_04.jpg); padding: 135px 0;}
.wenhua .layer3 ul{ overflow: hidden;}
.wenhua .layer3 ul li{ float: left; margin-right: 10px;}
.wenhua .layer3 ul li:last-child{ margin-right: 0;}

.gushi .layer1{ padding-bottom: 130px; background: url(../images/index_07.jpg);}
.gushi .layer1Box{ padding-top: 178px; background: url(../images/icon_03.png) left top no-repeat; }
.gushi .layer1Box .text{ float: left; width: 630px; padding-right: 35px; box-sizing: border-box;}
.gushi .layer1Box .icon{ position: relative; float: right; width: 717px; height: 538px; float: right;}
.gushi .layer1Box .icon img{ position: relative; z-index: 2; width: 100%; height: 100%; background: #ddd;}
.gushi .layer1Box .icon:after{ z-index: 1; width: 100%; height: 100%; content: ''; position: absolute; left: 50px; bottom: -44px; background: #8b2f2b;}
.gushi .layer1Box .text h2{font-family: jxzk; font-size: 30px; margin-bottom: 30px; color: #8b2f2b; font-weight: normal;}
.gushi .layer1Box .text h2 img{ display: inline-block; vertical-align: middle; margin-left: 25px;}
.gushi .layer1Box .text span{ display: block; font-size: 40px; color: #8b2f2b;font-family: jxzk;}
.gushi .layer1Box .text p{ margin: 30px 0 0 0; font-size: 22px; line-height: 34px; color: #000; }
.gushi .layer1Box .text a{ display: block; margin-top: 25px;}

.gushi .layer2{ background-size:100% 100% ; background: url(../images/index_08.jpg); padding: 120px 0 35px 0;}
.gushi .layer2Box .Nr{ margin-bottom: 60px;}
.gushi .layer2Box .Nr .text{ position: relative; float: left; width: 490px; padding: 138px 60px 0 0; box-sizing: border-box;}
.gushi .layer2Box .Nr .text img{ position: absolute; left: 0; top: -55px;}
.gushi .layer2Box .Nr .icon{ width: calc(100% - 490px); float: left;}
.gushi .layer2Box .Nr .icon img{ display: block; width: 100%; height: auto;}
.gushi .layer2Box .Nr:nth-child(2) .text{ float: right; padding: 180px 0 0 60px;}
.gushi .layer2Box .Nr:nth-child(2) .text img{ left: auto; right: 0; top: 0;}
.gushi .layer2Box .Nr:nth-child(2) .text h2{ text-align: right;}
.gushi .layer2Box .Nr:nth-child(2) .text p{ text-align: right;}
.gushi .layer2Box .Nr .text h2{ font-weight: normal; font-size: 30px; color: #8b2f2b; margin-bottom: 30px; font-family: jxzk;}
.gushi .layer2Box .Nr .text p{ font-size: 22px; line-height: 34px;}
.gushi .layer3{ background: url(../images/index_09.jpg); background-size:100%; height: 1145px; background-size:100% 100%;}
.gushi .title{ padding: 65px 0 0 0;}
.gushi .title p{ margin: 0 auto; text-indent: 55px; background: url(../images/SetBg.png) center center no-repeat; width: 1224px; height: 134px; background:100% auto; text-align: center; line-height: 134px; font-size: 40px; color: #8b2f2b; font-family: jxzk;}
.gushi .layer3Box{ height: calc(100% - 198px); position: relative;}
.gushi .layer3Box .Nr { position: absolute; width: 87px; height: 87px; position: absolute;}
.gushi .layer3Box .Nr .year{ position: relative; font-size: 24px; background: url(../images/yearBg.png); width: 87px; height: 87px; text-align: center; font-family: jxzk; color: #fff; line-height: 87px; background-size:100% 100%;}
.gushi .layer3Box .Nr .year:after{ position: absolute; left: 50%; bottom:100%; height:80px; border-right:1px dashed #000; content: '';}
.gushi .layer3Box .Nr .NrBox{ width:250px; left: 50%; position: absolute; transform: translateX(-50%); bottom: 135px;}
.gushi .layer3Box .Nr .NrBox .icon{ margin: 0 auto; width: 175px; height: 140px; border-radius:10px; background: #ac927d;}
.gushi .layer3Box .Nr .NrBox p{ text-align: center; padding: 15px 0; line-height: 34px; font-size: 20px; color: #000;}
.gushi .layer3Box .Nr:nth-child(2n) .NrBox{ bottom: -300px;}
.gushi .layer3Box .Nr:nth-child(2n) .year:after{ bottom:auto; top: 87px;}
.gushi .layer3Box .Nr.Nr1{ left: 65px; top: 335px;}
.gushi .layer3Box .Nr.Nr2{ left: 260px; top: 245px;}
.gushi .layer3Box .Nr.Nr3{ left: 475px; top: 342px;}
.gushi .layer3Box .Nr.Nr4{ left: 630px; top: 420px;}
.gushi .layer3Box .Nr.Nr5{ left: 830px; top: 420px;}
.gushi .layer3Box .Nr.Nr6{ left: 1015px; top: 435px;}
.gushi .layer3Box .Nr.Nr7{ left: 1180px; top: 350px;}
.gushi .layer4{ background: url(../images/shouyi_09.jpg); padding-bottom: 90px;}
.gushi .layer4Box img{ display: block; width: 100%; height: auto;}

.zupu .layer1{ padding-bottom: 60px; width: 100%; background: url(../images/zupu_02.jpg) center center; background-size:auto 100%;}
.zupu .layer1 .title{ text-align: center; height: 185px; line-height: 185px; text-align: center; line-height: ;}
.zupu .layer1 .title p{ font-family: 'jxzk'; color: #8b2f2b; font-size: 35px; display: inline-block; height: 185px; line-height: 185px; position: relative;}
.zupu .layer1 .title p:after{ content: ''; background: url(../images/shouyiIcon_06.png); width: 113px; height: 33px; position: absolute; left: -120px; position: absolute; top: 50%; transform: translateY(-50%);}
.zupu .layer1 .title p:before{ content: ''; background: url(../images/zuTb.png); width: 50px; height: 40px; position: absolute; right: -72px; top: 50%; transform: translateY(-50%);}
.zupu .layer1 .layer1Top img{width:50%; display: block; margin: 0 auto;}
.zupu .layer1 .layer1Bottom{ padding-top: 60px; overflow: hidden;}
.zupu .layer1 .layer1Bottom .text{ width: 60%; float: left; padding-top: 105px;}
.zupu .layer1 .layer1Bottom .text h2{ font-family: jxzk; position: relative; font-weight: normal; margin-bottom: 70px; font-size: 30px; color: #8b2f2b; width: 100%; padding-left: 40px;}
.zupu .layer1 .layer1Bottom .text h2:after{ background: url(../images/icon_03.png) left bottom no-repeat; width: 24px; height: 130px; background-size:100% auto ; position: absolute; left: 0; bottom: 0; content: '';}
.zupu .layer1 .layer1Bottom .text p{ font-size: 22px; line-height: 40px; color: #000;}
.zupu .layer1 .layer1Bottom .icon{ width: 35%; float: right;}
.zupu .layer1 .layer1Bottom .icon img{ display: block; width: 100%; height: auto;}
.zupu .layer1 .layer1Bottom .icon p{ text-align: center; font-size: 30px; color: #000; font-family: jxzk; padding-top: 15px;}

.zupu .layer2{ padding-bottom: 90px; background: url(../images/zupu_03.jpg);}
.zupu .title2{ padding: 65px 0 0 0;}
.zupu .title2 p{ margin: 0 auto; text-indent: 55px; background: url(../images/SetBg.png) center center no-repeat; width: 1224px; height: 134px; background:100% auto; text-align: center; line-height: 134px; font-size: 30px; color: #8b2f2b; font-family: jxzk;}
.zupu .layer2 .text{ padding-top: 30px;}
.zupu .layer2 .text p{ font-size: 22px; line-height: 36px; color: #000;}

.zupu .layer3{ padding-bottom: 80px; background: url(../images/zupu_04.jpg);}
.zupu .layer3 .layer3Box{ text-align: center;}
.zupu .layer3 .layer3Box .Nr{ vertical-align: top; display: inline-block; margin: 0 40px; background: url(../images/zupuPic_06.png); width: 548px; height: 623px; background-size:100% 100%;}
.zupu .layer3 .layer3Box .Nr h2{ font-size: 30px; text-align: center; padding: 85px 0 65px 0; font-family: jxzk; font-weight: normal; color: #8b2f2b;}
.zupu .layer3 .layer3Box .Nr ul{ width: 100%; padding: 0 95px; box-sizing: border-box; overflow: hidden;}
.zupu .layer3 .layer3Box .Nr ul li{ text-align: left; width: 50%; float: left; line-height: 40px; font-size: 24px; color: #000;}
.zupu .layer3 .layer3Box .Nr dl{ width: 100%; text-align: center; padding: 0 90px; box-sizing: border-box;}
.zupu .layer3 .layer3Box .Nr dl dd{ display: inline-block; margin: 0 15px; line-height: 50px;}
.zupu .layer3 .layer3Box .Nr dl dd a{ font-size: 24px; color: #000;}
.zupu .layer4{ background: url(../images/zupu_05.jpg); padding: 115px 0 80px 0;}
.zupu .layer4 .icon{ background: #ddd; width: 100%; height: 450px; overflow: hidden;}
.zupu .layer4 .icon img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.zupu .layer4 .text{ width: 100%;}
.zupu .layer4 .text h2{ font-size: 35px; font-weight: normal; height: 120px; line-height: 120px; text-align: center; font-family: jxzk; color: #8b2f2b;}
.zupu .layer4 .text p{ font-size: 24px; line-height: 36px; color: #000;}

.about{ width: 100%; background: ;}
.about .layer1{ background: url(../images/about_02.jpg);}
.about .layer1Box{ padding: 185px 0 55px 0;}
.about .layer1Box .icon{ position: relative; float: left; width: 640px; height: 660px;}
.about .layer1Box .icon .swiper-container{ z-index: 9; position: relative; width: 100%; height: 100%; overflow: hidden;}
.about .layer1Box .icon img{ display: block; width: 100%; height: 100%;}
.about .layer1Box .icon:after{ width: 100%; height: 100%; border: 3px solid #b78756; box-sizing: border-box; content: ''; position: absolute; left: -43px; top: -43px;}
.about .layer1Box .icon:before{width: 100%; height: 100%; content: '';background: #8b2f2b; position: absolute; left: -75px; top: -75px;}
.about .layer1Box .icon .swiper-button-prev{ z-index: 10; right: 140px; bottom: 0; left: auto; top: auto; margin: 0; width: 140px; height: 90px; background:url(../images/btn_03.png) center center no-repeat rgba(0,0,0,0.8);}
.about .layer1Box .icon .swiper-button-next{ z-index: 10; right: 0; bottom: 0; left: auto; top: auto; margin: 0; width: 140px; height: 90px; background:url(../images/btn_05.png) center center no-repeat rgba(0,0,0,0.8);}
.about .layer1Box .icon .swiper-button-prev:after{ display: none;}
.about .layer1Box .icon .swiper-button-next:after{ display: none;}
.about .layer1Box .icon .swiper-button-next:hover{ background:url(../images/btn_05.png) center center no-repeat rgba(139,47,43,0.8);}
.about .layer1Box .icon .swiper-button-prev:hover{ background:url(../images/btn_03.png) center center no-repeat rgba(139,47,43,0.8);}

.about .layer1Box .text{ float: right; width: 635px; padding-top: 175px; background: url(../images/icon_03.png) right top no-repeat; background-size:24px auto;}
.about .layer1Box .text h2{ font-size: 35px; font-family: jxzk; text-align: right; margin-bottom: 65px; color: #8b2f2b;}
.about .layer1Box .text p{ font-size: 26px; color: #000 ; line-height: 44px; text-align: right;}

.about .layer2{ padding: 108px 0; background: url(../images/about_03.jpg);}
.about .layer2 .text{ float: left; padding: 155px 0 0 0; width: 490px; background: url(../images/icon_03.png) left top no-repeat; background-size:24px auto ;}
.about .layer2 .text h2{ font-size: 35px; font-family: jxzk; font-weight: normal; margin-bottom: 55px; color: #8b2f2b;}
.about .layer2 .text img{ display: block; margin: 0 auto 30px auto;}
.about .layer2 .text p{ font-size: 26px; line-height: 44px; color: #000;}
.about .layer2 .icon{ width: 808px; height: 642px; float: right;}
.about .layer2 .icon img{ display: block; width: 100%; height: 100%;}
.about .layer2{ padding-bottom: 90px; background: url(../images/zupu_03.jpg);}

.about .layer3{ background: url(../images/about_04.jpg); padding-bottom: 75px;}
.about .title{ padding: 90px 0;}
.about .title p{ margin: 0 auto; text-indent: 55px; background: url(../images/SetBg.png) center center no-repeat; width: 1224px; height: 134px; background:100% auto; text-align: center; line-height: 134px; font-size: 30px; color: #8b2f2b; font-family: jxzk;}
.about .title span{ display: block; text-align: center; font-size: 24px; color: #933d39;}
.about .layer3 ul{ overflow: hidden;}
.about .layer3 ul li{ width: 23.5%; float: left; margin: 0 2% 0 0;}
.about .layer3 ul li:last-child{ margin-right: 0;}
.about .layer3 ul li .icon{ width: 100%; height: 390px;}
.about .layer3 ul li .icon img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.about .layer3 ul li h2{ text-align: center; height: 75px; line-height: 75px; font-family: jxzk; font-weight: normal; font-size: 34px; color: #8b2f2b;}
.about .layer3 ul li h2 span{ display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-right: 20px; background: #8b2f2b; border-radius:50% ;}
.about .layer3 ul li p{ text-align: center; line-height: 28px; color: #000; font-size: 18px; width: 100%;}

.about .layer4{ padding-bottom: 130px; background: url(../images/about_05.jpg);}
.about .layer4 ul{ overflow: hidden;}
.about .layer4 ul li{ float: left; width: 49%; margin: 0 2% 25px 0; height: 462px; background: #ddd;}
.about .layer4 ul li:last-child{ margin-right: 0;}
.about .layer4 dl{ overflow: hidden;}
.about .layer4 dl dd{float: left; width: 32%; margin: 0 2% 0 0; height: 550px; background: #ddd;}
.about .layer4 dl dd:last-child{ margin-right: 0;}
.about .layer4 img{ display: block; width: 100%; height: 100%; object-fit: cover;}

.about .layer5{ background: url(../images/about_07.jpg); padding: 140px 0 72px 0;}
.about .layer5Left{ float: left; width: 770px; float: left;}
.about .layer5Right{ width: 560px; float: right;}
.about .layer5Left h2{ font-size: 35px; font-weight: normal; padding: 55px 0 30px 0; font-family: jxzk; color: #8b2f2b; position: relative;}
.about .layer5Left h2:after{ width: 24px; height: 135px; content: ''; position: absolute; left: 0; bottom: 90px; background: url(../images/icon_03.png) center bottom no-repeat; background-size:100% auto ;}
.about .layer5Left p{ padding-right: 40px; font-size: 22px; color: #000; line-height: 32px; margin-bottom: 80px;}
.about .layer5Left .icon{ width: 100%; height: 528px; background: #ddd; overflow: hidden;}
.about .layer5Left .icon img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.about .layer5Right{ float: right; width: 565px;}
.about .layer5Right ul{ width: 100%;}
.about .layer5Right ul li{ width: 100%; height: 410px; margin-bottom: 19px; background: #ddd; overflow: hidden;}
.about .layer5 img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}
.about .layer5 img:hover{ transform: scale(1.1);}

.about .layer6{ background: url(../images/about_08.jpg); padding-bottom: 140px;}
.about .layer6 .bt{ overflow: hidden; padding: 140px 0 75px 0; background: url(../images/icon_03.png) right top no-repeat; background-size:24px auto;}
.about .layer6 .bt h2{ font-weight: normal; float: right; font-size: 35px; font-family: jxzk; color: #8b2f2b; margin-left: 90px;}
.about .layer6 .bt p{ width: 735px; float: right; font-size: 22px; color: #000; line-height: 32px; text-align: right;}
.about .layer6 ul{ overflow: hidden;}
.about .layer6 ul li{ float: left; width: 49%; margin:0 2% 0 0;}
.about .layer6 ul li:last-child{ margin-right: 0;}
.about .layer6 ul li .icon{ width: 100%; height: 455px; background: #ddd;}
.about .layer6 ul li .icon img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.about .layer6 ul li p{ padding: 40px 0 65px 0; text-align: center; font-size: 26px; color: #000;}

.about .layer6 dl{ overflow: hidden;}
.about .layer6 dl dd{ width: 32%; float: left; margin: 0 2% 0 0; height: 295px; background: #ddd;}
.about .layer6 dl dd:last-child{ margin-right: 0;}
.about .layer6 img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}
.about .layer6 img:hover{ transform: scale(1.1);}


.w1350{ width: 1350px; margin: 0 auto;}
.AppTop{ display: none;}
.SideBar{ display: none;}

@media(max-width:1023px ){
	.w1350{ width: 100%;}
	body{padding-top: 60px;}
	.top{ display: none;}
	.AppTop{ box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 98; position: fixed; top: 0; left: 0; display: block; width: 100%; height: 60px; background:#fff; background-size:100% 100% ;}
	.AppTop .logo{ float: left; height: 60px; line-height: 60px; padding-left: 15px;}
	.AppTop .logo img{ display: inline-block; vertical-align: middle; height: 60%; width: auto;}
	.AppTop .SideClick{ display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 24px; height: 20px; transition: 0.5s;}
	.AppTop .SideClick span{ display: block; position: absolute; left: 0; width: 100%; height: 2px; background: #333; border-radius:2px; transition: 0.5s;}
	.AppTop .SideClick span:nth-child(1){ top: 0;}
	.AppTop .SideClick span:nth-child(2){ top: 50%; transform: translateY(-50%);}
	.AppTop .SideClick span:nth-child(3){ bottom: 0;}
	.AppTop .logo{ height: 60px; line-height: 60px; padding-left: 15px;}
	.AppTop .logo img{ display: inline-block; vertical-align: middle; height: 60%; width:auto;}
	.AppTop .SideClick.on{ transform: translateY(-50%) rotate(180deg);}
	.AppTop .SideClick.on span:nth-child(1){ top: 50%; transform: translateY(-50%) rotate(-45deg);}
	.AppTop .SideClick.on span:nth-child(2){ width: 0;}
	.AppTop .SideClick.on span:nth-child(3){ top: 50%; transform: translateY(-50%) rotate(45deg);}
	.SideBar{ display: block; transition: 0.5s; left: -100%; width: 70%; top: 0; height: 100vh; position: fixed; background: #fff; z-index: 99;}
	.SideBar .logo{ padding: 40px 0;}
	.SideBar .logo img{ display: block; width: 40%; margin: 0 auto; height: auto;}
	.SideBar ul{ padding: 0 30px; box-sizing: border-box;}
	.SideBar ul li{ text-align: center; width: 50%; box-sizing: border-box; float: left; border-left: 3px solid #8b2f2b; margin-bottom: 25px; line-height: 24px; }
	.SideBar ul li a{ font-size: 14px; color: #333;}
	.about .layer1{ width: 100%; padding: 30px 15px; box-sizing: border-box;}
	.about .layer1 .icon{ width: 100%; height: auto;}
	.about .layer1Box{ padding: 0;}
	.about .layer1Box .icon:after{ display: none;}
	.about .layer1Box .icon:before{ display: none;}
	.about .layer1Box .icon .swiper-button-next{ width: 70px; height: 45px; background-size:24px auto ;}
	.about .layer1Box .icon .swiper-button-prev{ width: 70px; height: 45px; right: 70px; background-size:24px auto ;}
	.about .layer1Box .text{ width: 100%; height: auto; padding: 30px 0 0 0; background: url(../images/icon_03.png) left top no-repeat; background-size:15px auto ;}
	.about .layer1Box .text h2{ font-size: 26px; margin-bottom: 35px; text-align: left; padding-left: 35px;}
	.about .layer1Box .text p{ text-align: left; font-size: 14px; line-height: 24px;}
	.about .layer2{ padding: 30px 15px; box-sizing: border-box;}
	.about .layer2 .text{ width: 100%; padding: 15px 0 0 0; text-indent: 20px;  background: url(../images/icon_03.png) left top no-repeat; background-size:15px auto ;}
	.about .layer2 .text h2{ font-size: 26px;}
	.about .layer2 .text img{ width: 30%; height: auto;}
	.about .layer2 .text p{ font-size: 14px;  line-height: 24px; text-align: center; padding-bottom: 30px;}
	.about .layer2 .text p br{ display: none;}
	.about .layer2 .icon{ width: 100%; height: auto;}
	.about .layer3{ width: 100%;}
	.about .title{ padding: 45px 0;}
	.about .title p{ width: 100%; font-size: 26px; height: 100px; background-size:auto 30%; line-height: 100px;}
	.about .title span{ font-size: 14px; padding: 0 15px; box-sizing: border-box; line-height: 24px;}
	.about .layer3 ul{ padding: 0 15px; box-sizing: border-box;}
	.about .layer3 ul li{ width: 49%; margin: 0 2% 15px 0; height: auto;}
	.about .layer3 ul li:nth-child(2n){ margin-right: 0;}
	.about .layer3 ul li .icon{ height: 180px;}
	.about .layer3 ul li h2{ font-size: 24px;}
	.about .layer3 ul li p{ font-size: 12px; line-height: 20px;}
	.about .layer4Box{ padding: 0 15px; box-sizing: border-box;}
	.about .layer4 ul li{ width: 100%; height: 300px; margin: 0 0 10px 0;}
	.about .layer4 dl dd{ width: 100%; height: 200px; margin-bottom: 10px;}
	
	.about .layer5{ padding:0 15px 50px 15px; box-sizing: border-box;}
	.about .layer5Left{ width: 100%;}
	.about .layer5Left p{ padding: 0; font-size: 14px; line-height: 24px; margin:35px 0;}
	.about .layer5Left h2{ font-size: 26px; padding-left: 35px;}
	.about .layer5Left h2:after{ left: 0; bottom: 0;}
	.about .layer5Left .icon{ width: 100%; height: 300px;}
	.about .layer5Right{ width: 100%; padding-top: 10px;}
	.about .layer5Right ul li{ height: 300px; margin-bottom: 10px;}
	.about .layer6 .bt{ padding: 40px 25px 30px 25px; box-sizing: border-box;}
	.about .layer6 .bt p{ width: 100%; margin-top: 35px; font-size: 12px; line-height: 22px;}
	.about .layer6 ul{ padding: 0 15px;}
	.about .layer6 ul li{ width: 100%; margin: 0;}
	.about .layer6 ul li .icon{ height: 200px;}
	.about .layer6 ul li p{ padding: 10px; font-size: 14px; line-height: 24px;}
	.about .layer6 dl{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.about .layer6 dl dd{ width: 100%; margin-bottom: 15px;}
	.footer .footerBox{ width: 100%; padding: 30px 15px; box-sizing: border-box;}
	.footer .footerLeft{ width: 100%; margin: 0;border-bottom: 1px solid #b68982; border-right:0; }
	.footer .footerLeft ul li{ width: 50%; float: left;}
	.footer .footerRight{ width: 100%; padding: 0;}
	.footer .footerRight ul{ display: none;}
	.footer .footerRight .code{ width: 100%; padding-top: 30px;}
	.footer .footerRight .code img{ margin: 0 auto; display: block;}
	.footer .copyRight{ box-sizing: border-box; width: 100%; padding: 30px 15px; font-size: 14px; line-height: 22px;}
	.cantact{ width: 100%; padding: 30px 15px; box-sizing: border-box;}
	.banner .bannerBox{ display: none;}
	.cantactBox{ width: 100%;}
	.cantactBox .NrLeft{ width: 100%; height: auto; margin: 0 0 15px 0; padding: 15px; }
	.cantactBox .bt{ height: 100px; line-height: 100px; font-size: 24px;}
	.cantactBox .NrRight{ width: 100%; height: auto; margin: 0 ; padding: 15px;}
	.gushi .layer1{ padding: 0 15px 30px 15px; box-sizing: border-box;}
	.gushi .layer1Box{ padding: 20px 0 0 0;}
	.gushi .layer1Box .text{ width: 100%; padding: 0;}
	.gushi .layer1Box .text h2{ font-size: 24px; text-indent: 25px; margin: 0;}
	.gushi .layer1Box .text span{ font-size: 16px; text-indent: 35px;}
	.gushi .layer1Box .text p{ margin-top: 60px; font-size: 16px; line-height: 24px;}
	.gushi .layer1Box .icon{ width: 100%; height: 300px; margin-top: 30px;}
	.gushi .layer1Box .icon:after{ display: none;}
	.gushi .layer2{ padding: 50px 15px; box-sizing: border-box;}
	.gushi .layer2Box .Nr .text{ padding: 0; width: 100%;}
	.gushi .layer2Box .Nr .text h2{ font-size: 24px; padding-left: 35px;}
	.gushi .layer2Box .Nr .text p{ font-size: 16px; line-height: 26px; margin-top: 85px;}
	.gushi .layer2Box .Nr:nth-child(2) .text{ padding: 50px 0 0 0;}
	.gushi .layer2Box .Nr:nth-child(2) .text h2{ padding: 0 35px 0 0;}
	.gushi .title p{ width: 100%; height: 100px; line-height: 100px; font-size: 26px; background-size:auto 30%;}
	.gushi .layer3Box .Nr.Nr1{ left: auto; top: auto;}
	.gushi .layer3Box .Nr.Nr2{ left: auto; top: auto;}
	.gushi .layer3Box .Nr.Nr3{ left: auto; top: auto;}
	.gushi .layer3Box .Nr.Nr4{ left: auto; top: auto;}
	.gushi .layer3Box .Nr.Nr5{ left: auto; top: auto;}
	.gushi .layer3Box .Nr.Nr6{ left: auto; top: auto;}
	.gushi .layer3Box .Nr.Nr7{ left: auto; top: auto;}
	.gushi .layer3Box .Nr{ position: relative; display: inline-block; margin-left: 100px;}
	.gushi .layer3Box{ text-align: left; white-space: nowrap; overflow-y: scroll; padding-top: 300px; height: 500px;}
	.gushi .layer3{ height: auto; overflow: hidden;}
	.gushi{ width: 100%; overflow: hidden;}
	.indexContainer .layer1{ width: 100%; height: auto;}
	.indexContainer .layer1Box{ width: 100%;}
	.indexContainer .layer1Box .text{ float: inherit; width: 100%; padding: 0 15px; box-sizing: border-box;}
	.indexContainer .layer1Box .text span{ font-size: 22px; margin-bottom: 15px;}
	.indexContainer .layer1 .title{ display: none;}
	.indexContainer .layer1Box .icon{ float: inherit; width: 96%; margin: 30px auto 0 auto; height: 300px;}
	.indexContainer .layer2{ padding: 30px 15px; box-sizing: border-box;}
	.indexContainer .layer2 .icon{ position: relative; width: 100%; height: auto; transform: none; top: auto;}
	.indexContainer .layer2 .text{ width: 100%; padding: 0;}
	.indexContainer .layer2 .text h2{ padding: 0 35px 0 0; font-size: 24px; line-height: 100px;}
	.indexContainer .layer2 .text span{ font-size: 16px;}
	.indexContainer .layer2 .text p{ font-size: 14px; line-height: 26px;}
	.indexContainer .layer3Box{ width: 100%; padding: 0 15px;}
	.indexContainer .layer3Box .title{ padding: 0 0 0 35px;}
	.indexContainer .layer3Box .title h2{ line-height: 80px; font-size: 26px; margin: 0;}
	.indexContainer .layer3Box .title p{ font-size: 16px; line-height: 24px;}
	.indexContainer .layer3Box .title p span{ display: block; padding: 15px 0;}
	.indexContainer .layer3Box ul li{ width: 49%; margin: 0 2% 15px 0;}
	.indexContainer .layer3Box ul li:nth-child(2n){ margin-right: 0;}
	.indexContainer .layer3Box ul li h2{ font-size: 16px;}
	.indexContainer .layer3Box ul li h3{ font-size: 14px;}
	.indexContainer .layer3Box ul li p{ font-size: 12px; line-height: 24px;}
	.indexContainer .layer3Box ul li .icon{ height: 300px;}
	.indexContainer .layer4 .titleLeft{ display: none;}
	.indexContainer .layer4 .title{ padding: 0 35px 80px 0; box-sizing: border-box;}
	.indexContainer .layer4 .title h2{ margin: 0; font-size: 26px; line-height: 80px; height: 80px;}
	.indexContainer .layer4{ padding: 0 15px; box-sizing: border-box;}
	.indexContainer .layer4 .title p{ font-size: 16px;}
	.indexContainer .layer4 ul li{ width: 100%; margin: 0 0 15px 0;}
	.indexContainer .layer5{ padding: 0 15px; box-sizing: border-box;}
	.indexContainer .layer5 .title{ width: 100%; padding: 0 0 80px 35px;}
	.indexContainer .layer5 .title h2{ height: 80px; line-height: 80px; font-size: 26px; margin: 0;}
	.indexContainer .layer5 .title p{ font-size: 16px;}
	.indexContainer .layer5 .title p span{ display: block; padding: 15px 0;}
	.indexContainer .layer5 .titleRight{ display: none;}
	.indexContainer .layer5Left .icon{ width: 100%; height: auto;}
	.indexContainer .layer5Left{ width: 100%;}
	.indexContainer .layer5Right{ width: 100%; padding-top: 15px;}
	.indexContainer .layer6{ padding: 0 15px; box-sizing: border-box;}
	.indexContainer .layer6 .title{ padding: 0 35px 80px 0;}
	.indexContainer .layer6 .title h2{ height: 80px; line-height: 80px; font-size: 26px; margin: 0;}
	.indexContainer .layer6 .title p{ font-size: 16px;}
	.indexContainer .layer6 .title p span{ display: block; padding: 15px 0;}
	.indexContainer .layer6 .titleLeft{ display: none;}
	.indexContainer .layer6 ul li{ width: 100%; margin: 0 0 15px 0;}
	.indexContainer .layer6 ul li p{ padding: 0;}
	.indexContainer .layer6 ul li h2{ height: 60px; line-height: 60px; font-size: 24px;}
	.indexContainer .layer7 .bt{ font-size: 24px; padding: 150px 0 70px 0;}
	.indexContainer .layer7 .hd{ padding: 0 10px; box-sizing: border-box;}
	.indexContainer .layer7 .hd ul li{ width: 49%; margin: 0 2% 15px 0; height: 60px; line-height: 60px; font-size: 16px;}
	.indexContainer .layer7 .hd ul li:nth-child(2n){ margin-right: 0;}
	.indexContainer .layer7 .bd{ width: 100%; padding: 0 15px; box-sizing: border-box;}
	.indexContainer .layer7 .bd .text{ width: 100%;}
	.indexContainer .layer7 .bd .text h2{ width: 100%;}
	.indexContainer .layer7 .bd .icon{ width: 100%; padding: 15px 0 0 0; height: auto;}
	.indexContainer .layer8 ul li{ width: 50%;}
	.indexContainer .layer8 ul li .icon img{ width: 50%; height: auto;}
	.indexContainer .layer8 ul li .icon{ height: 200px; line-height: 200px;}
	.JoinContainer{ width: 100%; padding:30px 15px; box-sizing: border-box;}
	.JoinContainer .layer1{ width: 100%; margin: 0; padding: 0 15px 30px 15px; box-sizing: border-box; }
	.JoinContainer .bt{ margin: 0; font-size: 26px; line-height: 80px; text-align: center;}
	.JoinContainer .layer1 ul li{ width: 100%; margin-top: 20px;}
	.JoinContainer .layer1 ul li h2{ font-size: 20px; text-align: center;}
	.JoinContainer .layer1 ul li p{ font-size: 16px;}
	.JoinContainer .layer2{ width: 100%; margin: 15px 0 0 0; padding: 0 15px 30px 15px;}
	.JoinContainer .layer2 .bt{ margin: 0;}
	.JoinContainer .layer2 ul{ width: 100%;}
	.JoinContainer .layer2 ul li{ width: 100%;}
	.JoinContainer .layer2 ul li p{ font-size: 16px; width: 100%; }
	.JoinContainer .layer2 ul li .right{ width: 100%;}
	.JoinContainer .layer2 ul li .right input{ width: 100%; height: 48px; border-radius:5px; font-size: 16px;}
	.JoinContainer .layer2 ul li dl dd{ width: 48px; height: 48px;}
	.JoinContainer .layer2 ul li dl dd img{ display: block; width: 100%; height: 100%;}
	.JoinContainer .layer2 ul li .right textarea{ font-size: 16px;}
	.JoinContainer .layer2 .Bottom{ padding: 0;}
	.JoinContainer .layer2 .Bottom p{ font-size: 12px; overflow: hidden;}
	.JoinContainer .layer2 .Bottom span{ width: 22px; height: 22px;}
	.JoinContainer .layer2 .Bottom span:after{ width: 18px; height: 18px;}
	.shouyi .title{ height: auto; line-height: 1;}
	.shouyi .title p{ font-size: 18px;}
	.shouyi .layer1 .Nr{ zoom: 0.2;}
	.shouyi .title p:after{  display:none ;}
	.shouyi .title p:before{ display: none;}
	.shouyi .title p{ line-height: 150px; height: 150px;}
	.shouyi .layer2{ padding: 0 15px; box-sizing: border-box;}
	.shouyi .layer2Box{ width: 100%;}
	.shouyi .layer2Box ul li{ width: 100%; height: auto; margin-bottom: 15px; padding-bottom: 30px;}
	.shouyi .layer3{ height: 400px;}
	.shouyi .layer3 img{ width: auto; height: 60%;}
	.shouyi .layer4 .title h2{ font-size: 18px;}
	.shouyi .layer4{ padding:0 15px; box-sizing: border-box;}
	.shouyi .layer4 ul{ width: 100%;}
	.shouyi .layer4 ul li{ width: 100%; height: auto; margin-bottom: 15px;}
	.shouyi .layer5{ width: 100%; padding: 0 15px 30px 15px; box-sizing: border-box;}
	.shouyi .layer5Box{ width: 100%;}
	.shouyi .layer5Box .text{ width: 100%;}
	.shouyi .layer5Box .text .bt p{ font-size:26px;}
	.shouyi .layer5Box .text h2{ font-size: 18px;}
	.shouyi .layer5Box .list{ width: 100%;}

	
	.wenhua .title{ height: auto; line-height: 1;}
	.wenhua .title p{ font-size: 24px; line-height: 160px; height: 160px;}
	.wenhua .layer1 ul{ padding: 0 15px; box-sizing: border-box;}
	.wenhua .layer1 ul li{ width: 100%; margin: 0 0 0 0;}
	.wenhua .layer1 ul li .icon{ height: 305px;}
	.wenhua .layer1 ul li p{ font-size: 24px;}
	.wenhua .layer2{ padding: 0 15px; box-sizing: border-box;}
	.wenhua .layer2 .Nr .text{ width: 100%; padding: 0 35px 80px 0; padding-right: 35px;  box-sizing: border-box;}
	.wenhua .layer2 .Nr .text p{ font-size: 16px;}
	.wenhua .layer2 .Nr .text h2{ margin: 0; height: 80px; line-height: 80px; font-size: 24px;}
	.wenhua .layer2 .Nr .icon{ width: 100%; height: auto;}
	.wenhua .layer2 .Nr .icon img{ width: 100%; height: auto; display: block; margin-bottom: 10px;}
	.wenhua .layer2 .Nr .icon p{ width: 100%;}
	.wenhua .layer2 .Nr:nth-child(2) .text{padding: 0 0 80px 35px;}
	.wenhua .layer3{ display: none;}
	.zupu .layer1 .title{ height: 100px; line-height: 100px;}
	.zupu .layer1 .title p{ font-size: 20px; height: 100px; line-height: 100px;}
	
	.zupu .layer1 .layer1Top img{ width: 60%; height: auto;}
	
	.zupu .layer1 .layer1Bottom{ padding: 30px 15px; box-sizing: border-box;}
	.zupu .layer1 .layer1Bottom .text{ width: 100%;}
	.zupu .layer1 .layer1Bottom .text h2{ font-size: 24px;}
	.zupu .layer1 .layer1Bottom .text p{ font-size: 16px;}
	.zupu .layer1 .layer1Bottom .icon{ width: 100%; height: auto;}
	.zupu .title2 p{ background-size:auto 20%;}
	.zupu .title2 p{ width: 100%; font-size: 24px;}
	.zupu .layer2 .text{ padding: 30px 15px; box-sizing: border-box;}
	.zupu .layer2 .text p{ font-size: 14px; line-height: 24px;}
	.zupu .layer3 .layer3Box{ padding: 0 15px; box-sizing: border-box;}
	.zupu .layer3 .layer3Box .Nr{ width: 100%; height: 450px; background-size:100% 100%; margin: 0 0 15px 0;}
	.zupu .layer3 .layer3Box .Nr h2{ font-size: 24px; text-align: center; padding: 55px 0;}
	.zupu .layer3 .layer3Box .Nr ul{ padding: 0 45px; box-sizing: border-box;}
	.zupu .layer3 .layer3Box .Nr ul li{ font-size: 14px;}
	.zupu .layer3 .layer3Box .Nr dl dd a{ font-size: 14px;}
	.zupu .layer4{ padding: 30px 15px; box-sizing: border-box;}
	.zupu .layer4 .icon{ height: 250px;}
	.zupu .layer4 .text h2{ height: auto; padding: 15px 0; font-size:24px; line-height: 32px;}
	.zupu .layer4 .text p{ font-size: 16px; line-height: 24px;}
	
	
	
}

@media(min-width:1001px) and (max-width:1440px ) {
	.w1350{ width: 95%!important; padding-left: 6%; padding-right: 6%; box-sizing: border-box;}
	.about .layer1Box .icon{ width: 50%; height: auto; margin-top: 130px;}
	.about .layer1Box .text{ width: 50%;}
	.about .layer1Box .icon:before{ display: none;}
	.about .layer1Box .icon:after{ display: none;}
	.about .layer1Box .text p{ font-size: 18px; padding-left: 20px; box-sizing: border-box;}
	.about .layer1{ padding-bottom: 30px;}
	.about .layer2 .icon{ width: calc(100% - 490px); height: auto; margin-top:120px;}
	.about .layer5Left{ width: 49%;}
	.about .layer5Right{ width: 49%;}
	.about .layer6 .bt p{ margin-top: 25px;}
	.gushi .layer1{ padding: 0 2% 30px 2%;}
	.gushi .layer1Box .text{ width: calc(100% - 7.17rem); float: left;}
	.gushi .layer1Box .text h2{ font-size: .40rem;}
	.gushi .layer1Box .text span{ font-size: .35rem;}
	.gushi .layer1Box .icon{ width: 7.17rem; height: 5.38rem;}
	.gushi .layer1Box .text p{ font-size: .22rem;}
	.gushi .layer3Box{ overflow-x: scroll;}
	.indexContainer .layer1Box{ width: 100%; padding: 0 4%; box-sizing: border-box;}
	.indexContainer .layer1Box .icon{ width: 8rem; height: 7.8rem;}
	.indexContainer .layer1Box .text{ width: 5.4rem;}
	.indexContainer .layer3Box{ width: 100%; padding: 0 4%; box-sizing: border-box;}
	.indexContainer .layer2 .text{ width: 6.05rem;}
	.indexContainer .layer3Box .title p{ font-size: .2rem;}
	.indexContainer .layer4 ul li .text p{ font-size: .2rem;}
	.indexContainer .layer5 .titleRight{ font-size: .2rem;}
	.indexContainer .layer5Left{ width: 8.4rem;}
	.indexContainer .layer5Right{ width: 4.45rem;}
	.indexContainer .layer5Right .icon{ width: 100%; overflow: hidden;}
	.indexContainer .layer7 .bd .icon{ width: calc(100% - 460px);}
	.JoinContainer{ width: 100%; padding-left: 6%; padding-right: 6%; box-sizing: border-box;}
	.JoinContainer .layer1{ width: 100%;}
	.JoinContainer .layer2{ width: 100%;}
	.shouyi .layer2Box{ width: 100%; padding: 0 4%; box-sizing: border-box;}
	.shouyi .layer4 ul{ width: 100%; padding: 0 4%; box-sizing: border-box;}
	.shouyi .layer5Box{ width: 100%; padding: 0 4%; box-sizing: border-box;}
	.wenhua .layer2 .Nr .icon{ height: 4.32rem;}
	.wenhua .layer2 .Nr .icon img{ height: 100%; width: auto;}
	.wenhua .layer2 .Nr .icon p{ height: 100%;}
	.wenhua .layer3 img{ height: 4.54rem; width: auto;}
	
	.page_about_us_container .about_us_team_content .about_us_team_item{width:100%;display:inline-block;}
	
}


@media (width: 1024px) {
	
    .top .topBox {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }

	.top .topBox .logo {
        float: left;
        width: 130px;
        height: auto;
    }
	.w1350{ width: 95%!important; padding-left: 3%; padding-right: 3%; box-sizing: border-box;}
	.about .layer1Box .icon{ width: 50%; height: auto; margin-top: 130px;}
	.about .layer1Box .text{ width: 50%;}
	.about .layer1Box .icon:before{ display: none;}
	.about .layer1Box .icon:after{ display: none;}
	.about .layer1Box .text p{ font-size: 18px; padding-left: 20px; box-sizing: border-box;}
	.about .layer1{ padding-bottom: 30px;}
	.about .layer2 .icon{ width: calc(100% - 490px); height: auto; margin-top:120px;}
	.about .layer5Left{ width: 49%;}
	.about .layer5Right{ width: 49%;}
	.about .layer6 .bt p{ margin-top: 25px;}
	.gushi .layer1{ padding: 0 2% 30px 2%;}
	.gushi .layer1Box .text{ width: calc(100% - 7.17rem); float: left;}
	.gushi .layer1Box .text h2{ font-size: .40rem;}
	.gushi .layer1Box .text span{ font-size: .35rem;}
	.gushi .layer1Box .icon{ width: 7.17rem; height: 5.38rem;}
	.gushi .layer1Box .text p{ font-size: .22rem;}
	.gushi .layer3Box{ overflow-x: scroll;}
	.indexContainer .layer1Box{ width: 100%; padding: 0 4%; box-sizing: border-box;}
	.indexContainer .layer1Box .icon{ width: 8rem; height: 7.8rem;}
	.indexContainer .layer1Box .text{ width: 5.4rem;}
	.indexContainer .layer3Box{ width: 100%; padding: 0 4%; box-sizing: border-box;}
	.indexContainer .layer2 .text{ width: 6.05rem;}
	.indexContainer .layer3Box .title p{ font-size: .2rem;}
	.indexContainer .layer4 ul li .text p{ font-size: .2rem;}
	.indexContainer .layer5 .titleRight{ font-size: .2rem;}
	.indexContainer .layer5Left{ width: 8.4rem;}
	.indexContainer .layer5Right{ width: 4.45rem;}
	.indexContainer .layer5Right .icon{ width: 100%; overflow: hidden;}
	.indexContainer .layer7 .bd .icon{ width: calc(100% - 460px);}
	.JoinContainer{ width: 100%; padding-left: 6%; padding-right: 6%; box-sizing: border-box;}
	.JoinContainer .layer1{ width: 100%;}
	.JoinContainer .layer2{ width: 100%;}
	.shouyi .layer2Box{ width: 100%; padding: 0 4%; box-sizing: border-box;}
	.shouyi .layer4 ul{ width: 100%; padding: 0 4%; box-sizing: border-box;}
	.shouyi .layer5Box{ width: 100%; padding: 0 4%; box-sizing: border-box;}
	.wenhua .layer2 .Nr .icon{ height: 4.32rem;}
	.wenhua .layer2 .Nr .icon img{ height: 100%; width: auto;}
	.wenhua .layer2 .Nr .icon p{ height: 100%;}
	.wenhua .layer3 img{ height: 4.54rem; width: auto;}
	
	.page_about_us_container .about_us_team_content .about_us_team_item{width:100%;display:inline-block;}
	
}

/* 联系我们 表单留言 */

        .form-container {
            background-color: white;
            max-width: 80%;
            width: 100%;
            border-radius: 12px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            padding: 30px;
            color: #333;
			margin:0 auto;
        }

        .form-title {
            color: #8b2f2b;
            text-align: center;
            margin-bottom: 25px;
            font-size: 24px;
            font-weight: 600;
        }

        .form-group {
            margin-bottom: 20px;
        }

        .form-label {
            display: block;
            margin-bottom: 8px;
            color: #555;
            font-size: 15px;
            font-weight: 500;
        }

        .form-input,
        .form-textarea,
        .file-upload {
            width: 90%;
            padding: 12px;
            border: 1px solid #ddd;
            border-radius: 6px;
            font-size: 15px;
            transition: border-color 0.3s;
        }

        .form-input:focus,
        .form-textarea:focus,
        .file-upload:focus {
            border-color: #8b2f2b;
            outline: none;
        }

        .file-upload {
            padding: 10px;
            background-color: #f8f8f8;
        }

        .form-textarea {
            min-height: 120px;
            resize: vertical;
        }

        /* 响应式布局 */
        @media (max-width: 1024px) {
            .cantact {
                width: 100%;
                padding-bottom: 40px;
            }
            .form-container {
				width: 100%;
				max-width: 100%;
				border-radius: 0px;
                padding: 20px;
                margin:0 0 0px -20px;
            }
            
            .form-title {
                font-size: 20px;
            }
        }

        .submit-btn {
            width: 93%;
            padding: 14px;
            background-color: #8b2f2b;
            color: white;
            border: none;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: background-color 0.3s;
        }

        .submit-btn:hover {
            background-color: #6c2424;
        }

        .file-preview {
            margin-top: 10px;
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
        }

        .file-item {
            background-color: #f8f8f8;
            padding: 8px 12px;
            border-radius: 4px;
            font-size: 14px;
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .file-item span {
            color: #555;
        }

        .file-item i {
            color: #8b2f2b;
            cursor: pointer;
        }

/* 联系我们 关于我们 */
.pc_home_title {
	font-family: jxzk;
	font-size:18px;
    color: #000;
    font-size: 20px;
}
.about_us_company_container{text-align:center;padding:65px 0;background:#fff; font-family: jxzk; font-size:18px;}.about_us_company_container .about_us_company_content{max-width:80%;margin:0 auto; text-align: left;}.about_us_company_container .about_us_company_content .text_des{padding:30px 30px 0;line-height:1.8;color:#4e4c4d}.about_us_company_container .about_us_company_content .img_wrap{margin:40px 0 0}.about_us_company_container img{width:15%;margin:5px;box-shadow:0 0 5px rgba(0,0,0,.1);display:inline-block;vertical-align:top}
.about_us_company_container .about_us_company_content .text_des{padding:30px 30px 0;line-height:1.8;color:#4e4c4d}.about_us_company_container .about_us_company_content .img_wrap{margin:40px 0 0}.about_us_company_container img{width:15%;margin:5px;box-shadow:0 0 5px rgba(0,0,0,.1);display:inline-block;vertical-align:top}.about_us_team_container{background:#f7f9fa;width:100%;padding:65px 0;text-align:center}.page_about_us_container .about_us_team_content{max-width:90%;margin:45px auto 0;  font-family: jxzk; font-size:18px;}.page_about_us_container .about_us_team_content .about_us_team_item{width:28%;display:inline-block;vertical-align:top;text-align:left;margin:0 1.66667%}.page_about_us_container .about_us_team_content .about_us_team_item img{width:120px;border-radius:50%;box-shadow:0 5px 7px rgba(0,0,0,.1);display:block;margin:0 auto}.page_about_us_container .boss_des_info{padding:20px 10px}.page_about_us_container .boss_name{font-size:18px;color:#4e4c4d}.page_about_us_container .boss_title{padding:5px 0 8px;font-size:16px;color:rgba(0,0,0,.5)}.page_about_us_container .boss_intro{color:#4e4c4d;padding:8px 0;line-height:1.7}.page_about_us_container .boss_des_info hr{background:#ddd;height:1px;border:0}.about_us_container{text-align:center;padding:65px 0;background:#fff}.about_us_container .about_us_content{max-width:750px;margin:0 auto}.about_us_container .about_us_content .img_wrap{margin:40px 0 0}.about_us_container.product_intro .about_us_content{max-width:950px;margin:0 auto}.about_us_container .back_to_index{margin-top:30px;color:#f47175;font-size:18px;text-align:center;line-height:1}.about_us_container .back_to_index>span{margin-right:8px}.about_us_container .img_wrap>img{width:27%;margin:0 3.16%;display:inline-block;box-sizing:content-box}.about_us_container .text_des{max-width:690px;margin:30px auto 0}


/* 脉冲缩放 - 平稳地循环放大和缩小 */
@keyframes scalePulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

/* 弹跳缩放 - 带有弹性效果的缩放 */
@keyframes scaleBounce {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.2); }
}

/* 浮动缩放 - 缓慢放大缩小 */
@keyframes scaleFloat {
    0%, 100% { transform: scale(1); }
    25% { transform: scale(1.05); }
    75% { transform: scale(0.95); }
}

/* 呼吸缩放 - 模拟呼吸节奏的缩放 */
@keyframes scaleBreathe {
    0%, 100% { transform: scale(1); }
    20% { transform: scale(1.02); }
    60% { transform: scale(0.98); }
}

/* 应用动画的类 */
.image-scale-pulse {
    animation: scalePulse 3s infinite ease-in-out;
}

.image-scale-bounce {
    animation: scaleBounce 1.5s infinite cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.image-scale-float {
    animation: scaleFloat 6s infinite ease-in-out;
}

.image-scale-breathe {
    animation: scaleBreathe 5s infinite ease-in-out;
}

/* 悬停缩放效果 */
.image-hover-scale {
    transition: transform 0.3s ease;
}

.image-hover-scale:hover {
    transform: scale(1.1);
}

    .back-to-top {
	  border: 0px;
      position: fixed;
      bottom: 1rem;
      right: 1rem;
      background-color: #b7241d;
      color: white;
      width: 0.7rem;
      height: 0.7rem;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      cursor: pointer;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s ease, visibility 0.3s ease;
      z-index: 100;
    }
    
    .back-to-top:hover {
      background-color: #8b2f2b;
    }
    
    .back-to-top.visible {
      opacity: 1;
      visibility: visible;
    }
    
    .placeholder {
      height: 24rem;
      background-color: #e5e7eb;
      border-radius: 0.5rem;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #6b7280;
      margin-bottom: 2rem;
    }