@charset "utf-8";@import url('fonts.css');
*{margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all;}
a,.pager font,.fixtop,.fixtop .navpc,.fixtop .logo,.fixtop .lan,.index-three li .text .tupiao p,.index-three li .text .tupiao,.index-three li .text,.index-three,.index-three li,.index-product .list li .text .more,.index-product .list li .text,.index-product .list li .pic,.home-applicatioin .swiper-slide:before,.home-more,.home-more:before,.home-service li,.home-service li .more a:before,.home-video .swiper-slide .text,.home-video .swiper-slide .text .tupiao,.home-video .swiper-slide .text .title,.home-video .swiper-slide .pic img,.closevideo,.nav-buttons .nav-btn,.modal,.copy-social .social li,.top-pic,.service li .icon,.foot-mobile-menu li .link:before,.news li:before
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.home-video .swiper-slide:hover .pic img
{transform:scale(1.10);-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);-ms-transform:scale(1.10)}
.pd,.home-applicatioin .swiper-slide,.modal-content,.foot .area .text,.foot .area .message,.contact .text,.foot-menu dl,.what-others-say textarea,.what-others-say select,.what-others-say input[type="text"],.home-what-others-say .swiper-slide,.message li input[type="text"],.message li select,.message li textarea
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.home-applicatioin .swiper-slide:hover .num,.home-service li:hover .pic img
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;background:#fff;line-height:2;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Source Han Sans','Microsoft YaHei','微软雅黑','arial';}
html,body,input,button,select,textarea,big,small {font-size:15px;color:#8d8d8d;font-weight:400;}a {color:#8d8d8d}b,strong {font-weight:700;}
a:hover,.maincurrent a:hover,.news li a:hover,.what-others-say-list .content-left li a:hover,.what-others-say-list .content-left li.active a {color:#51522e}
:root{scroll-behavior:smooth;}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}.table .td { display:table-cell; vertical-align:middle;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {max-width:100%; height:auto; vertical-align: top; -webkit-touch-callout: none;border:0}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}.list-paddingleft-2{margin:0 0 0 20px;}.list-paddingleft-2 li { list-style:inherit;}
em { font-style:normal}
hr {border:0; background:#ddd;height:1px;margin:10px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}
.imgcover { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 1;}.imgcover img {width:100%;height:100%;object-fit:cover;}
.bodyactive {overflow:hidden}
:root{scroll-behavior:smooth;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:80px 0 0 0;text-align:center}
.pager {width:100%;}
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:2px 5px;width:40px; height:40px; line-height:38px;box-shadow:0 0 2px rgba(0,0,0,0);text-align: center;border-radius:4px; background:#e8e8e8}
.pager font {font-family:'宋体';font-weight:700;margin:0px;display:inline-block;vertical-align: top; line-height: 41px;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#51522e; background: #51522e} 
.pager a,.pager span.disabled {color:#666} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:18px;font-weight:400;color:#595758;}
.pager select,.pager input,.pager a,.pager span.disabled  {border:0px solid #666;}
.pager i {font-weight:bold; line-height: 38px; display: inline-block; vertical-align: top;margin:0 10px; letter-spacing: 3px}

::-webkit-scrollbar {width: 5px;height:0px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #51522e;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #fff;}

::-webkit-input-placeholder {color:#8d8d8d;}
:-moz-placeholder {color:#8d8d8d;}
::-moz-placeholder {color:#8d8d8d;}
:-ms-input-placeholder {color:#8d8d8d;}

::selection {background:#51522e;color:#ffffff;}
::-moz-selection {background:#51522e;color:#ffffff;}
::-webkit-selection {background:#51522e;color:#ffffff; }

.wrap {margin:0 auto;max-width:1200px;position:relative;}
.wrap1 {margin:0 auto;max-width:1455px;position:relative;}
.phonemenu { display:none;}

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 8888; height:95px; background:rgba(255,255,255,0)}
.fixtop .logo { position: absolute;left:0;top:28px;z-index: 99999;width:154px;height:39px;}
.fixtop .logo a {background: url("../images/logo.png") no-repeat left top;width:154px; height:39px;background-size:100%; display: block}
.fixtop .navpc { text-align:right;padding:29px 100px 0 0}
.fixtop .navpc li {display:inline-block; vertical-align: top;margin:0 0 0 25px; position: relative}
.fixtop .navpc li#mid {margin-left:80px}
.fixtop .navpc li a.a {display:inline-block; vertical-align: top; height:60px; line-height:35px;color:#fff;font-weight:500}
.fixtop .navpc li.active a.a,.fixtop .navpc li:hover a.a,.fixtop ul.navpc li:Hover>a.a {color: #51522e}
.fixtop .navpc li .list { position:absolute; z-index: 9999; left:-30px;width:240px;top:60px;display:none;background:rgba(255,255,255,0.95); text-align:left; box-shadow:0 0 10px rgba(0,0,0,0.15); padding:18px 25px 23px 30px}
.fixtop .navpc li .list dd p {margin:5px 0;padding:0}
.fixtop .navpc li .list dd p a {font-size:16px; line-height: 24px;display:inline-block;color:#6c6a6b}
.fixtop .navpc li .list dd p a:hover {color:#24a2e3;}
.fixtop .lan {position:absolute;right:0;top:32px;}
.fixtop .lan a {color:#fff;font-size:14px;font-weight:500}

.fixtopin {background:#fff;}
.fixtopin .navpc li a.a,.fixtopin .lan a{color:#8d8d8d;}

.fixtop.active {top:-20px; background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.15)}
.fixtop.active .navpc {padding-top:39px}
.fixtop.active .navpc li a.a { line-height:35px;color:#8d8d8d}
.fixtop.active .navpc li a.a:hover,.fixtop .lan a:hover,.fixtop.active .lan a:hover,.fixtop.active .navpc li.active a.a {color:#51522e}
.fixtop.active .logo {top:38px;}
.fixtop.active .lan {top:42px;}
.fixtop.active .lan a {color:#8d8d8d}

.indpics {position:fixed; left:0;top:0;width:100%;height:100vh; z-index: 1}
.indpics .swiper-slide { position:relative;height:100vh; overflow: hidden}
.indpics .swiper-slide .imgcover{transition:0s linear 1s;transform:scale(1.1,1.1);}
.indpics .swiper-slide-active .imgcover,.swiper-slide-duplicate-active .imgcover{transition:5s linear;transform:scale(1,1);}
@keyframes myfirst { 0% {transform: translate(0px, 0px); } 50% {transform: translate(0px, -10px); }100% {transform: translate(0px, 0px);}}
@keyframes minus {0% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
.indpics .swiper-slide .cons {position:absolute; z-index: 100;width:100%;top:0;left:0;height:100%;color:#fff;}
.indpics .swiper-slide .cons .text {font-size:60px; line-height: 80px;font-weight:700;}
.indpics .swiper-slide .cons .content {color:#ccc;font-size:24px; line-height: 1.4;font-weight:700;margin:30px 0 70px 0}
.indpics .swiper-slide .cons .indmore {margin-top:30px}

.banxh{position: absolute; z-index:1000; left: 50%;bottom:120px;margin-left: -25px;width: 50px;line-height: 50px;font-size: 40px;color: #fff;text-align: center;}
.banxh:before {content: "\e635";font-family: "iconfont" !important;width:50px;height:50px; position: absolute;left:0px;top:-25px;}
.banxh span {position: absolute;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);width: 53px;height:53px;display: block;border: 1px dashed #fff;-webkit-border-radius: 100%;border-radius: 100%;}
.banxh .cirI01 {-webkit-animation: jing_max 2.4s linear 0s infinite normal both;animation: jing_max 2.4s linear 0s infinite normal both;}
.banxh .cirI02 {-webkit-animation: jing_max 2.4s linear 0.6s infinite normal both;animation: jing_max 2.4s linear 0.6s infinite normal both;}
.banxh .cirI03 {-webkit-animation: jing_max 2.4s linear 1.5s infinite normal both;animation: jing_max 2.4s linear 1.5s infinite normal both;}
@-webkit-keyframes jing_max {0% {width: 53px;height: 53px;opacity: 0;}25% {width: 68px;height:68px;opacity: 0.6;}50% {width: 84px;height:84px;opacity: .3;}75% {width: 106px;height:106px;opacity: 0;}100% {width: 53px;height:53px;opacity: 0;}}
@keyframes jing_max {0% {width: 53px;height: 53px;opacity: 0;}25% {width: 68px;height:68px;opacity: 0.6;}50% {width: 84px;height:84px;opacity: .3;}75% {width: 106px;height:106px;opacity: 0;}100% {width: 53px;height:53px;opacity: 0;}}

.top-pic {position:fixed;left:0;top:95px;width:100%;padding:6.25% 0;overflow:hidden;}
.top-pic.active {top:75PX}
.top-pic .pic {position:absolute; left:0;top:0;width:100%;height:100%}
.top-pic .pic>p {width: 100%;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);-webkit-animation: minus 5s 0s ease both infinite;-moz-animation: minus 5s 0s ease both infinite;animation: minus 5s 0s ease both infinite;animation-iteration-count: 1;	-webkit-animation-iteration-count: 1;}
@keyframes minus {0% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}

.indexcons {background: #fff; position: relative; z-index: 100;margin-top:100vh;}
.maincons {background: #fff; position: relative; z-index: 100;margin-top:-webkit-calc(12.5% + 95px);margin-top:calc(12.5% + 95px);}
.main-cons-2 {margin-top:95px}
.index-three {padding:100px 0 0 0}
.index-three ul {width:103%;margin:-3% 0 0 -1.5%;height:535px}
.index-three li {float:left;width:30.3333%;margin:3% 1.5% 0 1.5%; position: relative;top:0}
.index-three li .pic {position:relative;padding:42.9166% 0;}
.index-three li .pic p img {border-top-left-radius:20px;border-top-right-radius:20px;}
.index-three li .text { background: #51522e;color:#fff;position: absolute;left:0;bottom:-75px;width:100%;height:75px; z-index: 100;border-bottom-left-radius:20px;border-bottom-right-radius:20px; text-align: center; overflow: hidden}
.index-three li .text .title {font-size:20px;height:75px; line-height:71px; overflow: hidden}
.index-three li .text .tupiao {height:0; overflow: hidden; position: relative;top:55px;opacity:0}
.index-three li .text .tupiao p {background:#fbfbfb;height:25px; line-height: 24px;border-radius:25px;display: inline-block;margin:0 auto;padding:0 25px}
.index-three li .text .tupiao p span {font-size:20px;color:#8d8d8d;font-weight:bold}
.index-three li .text .tupiao p:hover {padding:0 35px}
.index-three li:hover {top:-27px}
.index-three li:hover .text {bottom:-130px;height:130px}
.index-three li:hover .text .tupiao {height:55px;top:0;opacity:1}

.index-product {padding:100px 0}
.index-product .subject {border-bottom:1px solid #e8e8e8;padding:0 0 20px 0;margin:0 0 65px 0;}
.index-product .subject h2 {font-size:48px; line-height: 1;color:#333;font-weight:500}
.index-product .subject ul { position: absolute;right:0;top:24px}
.index-product .subject li {display:inline-block;vertical-align: top;float:right}
.index-product .subject li {margin:0 0 0 23px;font-weight:500}
.index-product .list {width:103%;margin:-3% 0 0 -1.5%}
.index-product .list li {float:left;width:30.3333%;margin:3% 1.5% 0 1.5%; position: relative; overflow: hidden;border-radius:20px}
.index-product .list li .text { position: absolute;left:0;bottom:-120px;width:100%; z-index: 100; background: #51522e; text-align: center;color:#fff;padding:13px 0 20px 0;opacity:0}
.index-product .list li .text .title {font-size:40px;height:50px; line-height: 40px; overflow: hidden;font-weight:500;margin:0 0 5px 0}
.index-product .list li .text .more {background:#fbfbfb;height:26px; line-height: 24px;border-radius:26px;display: inline-block;margin:0 auto;padding:0 20px;color:#8d8d8d; position: relative;bottom:-200px}
.index-product .list li .text .more:hover {padding:0 30px}
.index-product .list li .pic {padding:71.1111% 0;overflow: hidden; position: relative;top:0}
.index-product .list li:hover .text {opacity:1;bottom:0}
.index-product .list li:hover .text .more {bottom:0}
.index-product .list li:hover .pic {top:-60px}

.home-applicatioin {padding:0 0 200px 0}
.home-subject {border-bottom:1px solid #e8e8e8;padding:0 0 15px 0;margin:0 0 65px 0; position: relative}
.home-subject h2 {font-size:48px; line-height: 1.3;color:#333;font-weight:500;text-transform: uppercase}
.home-subject .home-more {position:absolute;right:0;bottom:25px}
.home-applicatioin .swiper-slide { background: #51522e;color:#ededed;border-radius:20px;padding:10px 20px 40px 30px; position: relative;overflow: hidden;}
.home-applicatioin .swiper-slide:before {content:''; position: absolute;right:-4px;top:-4px; background: url("../images/index_app.png") no-repeat center;background-size:100%;width:151px;height:151px;}
.home-applicatioin .swiper-slide a {color:#fff;display:block; position: relative; z-index: 100}
.home-applicatioin .swiper-slide .num{font-size:150px; line-height:1; font-weight:700; display:inline-block}
.home-applicatioin .swiper-slide .num p {display:inline-block}
.home-applicatioin .swiper-slide .title {font-weight:500;font-size:23px; line-height: 1.4;margin:20px 0}
.home-applicatioin .swiper-slide .content { line-height: 1.6;min-height:60px;font-size:18px;font-weight:300}
.home-applicatioin .swiper-slide:hover:before {right:16px;top:17px}
.home-applicatioin .swiper-button-next,.home-applicatioin .swiper-button-prev {top:auto;bottom:-100px;}
.home-applicatioin .swiper-button-prev {left:50%;margin-left:-60px}
.home-applicatioin .swiper-button-next{right:50%;margin-right:-60px}

.home-more {position: relative;border:1px solid #8d8d8d;height:35px; line-height: 34px;border-radius:35px;display:inline-block; overflow: hidden}
.home-more:before {content:''; position: absolute;left:0;top:0;width:0;height:100%; z-index: 1; background: #51522e;border-radius:35px;}
.home-more a {display:inline-block;padding:0 25px;font-weight:500; position: relative; z-index: 10}
.home-more:hover {border-color:transparent}
.home-more:hover:before {width:100%}
.home-more:hover a {color:#fff}
.home-about {padding:65px 0 120px 0}
.home-about .text {float:left;width:43%;margin-top:-10px}
.home-about .pic {float:left;width:25%;margin:0 0 0 16%; position: relative;margin-top:-205px}

.home-service {position:relative;padding:90px 0 100px 0}
.home-service:before {content:''; position: absolute;left:0;top:0;width:100%;height:435px; background: url("../images/home_service.jpg") no-repeat center; z-index: 1; background-size:cover;}
.home-service .home-subject {border-color:#d7d8d8;margin-bottom:60px}
.home-service .wrap { z-index: 100}
.home-service ul {width:103%;margin:-3% 0 0 -1.5%}
.home-service li {float:left;width:30.3333%;margin:3% 1.5% 0 1.5%; text-align: center; background: #f7f7f7;border-radius:20px;padding:55px 0 30px 0; position: relative;top:0}
.home-service li .pic img {height:80px;}
.home-service li .title {margin:10px 0 25px 0;}
.home-service li .title a {font-size:20px;color:#333;font-weight:700; letter-spacing: -0.5px}
.home-service li .more a {display:inline-block;height:30px; line-height:30px;border-radius:30px; padding:0 25px; position: relative; overflow: hidden}
.home-service li .more a:before {content:''; position: absolute;left:0;top:0;width:0;height:100%;background: #51522e;border-radius:30px;}
.home-service li .more span {font-size:30px; line-height:30px; position: relative; z-index: 10}
.home-service li:hover {box-shadow:0 0 20px rgba(0,0,0,0.3);top:-20px}
.home-service li:hover .more a {color:#fff}
.home-service li:hover .more a:before {width:100%}

.home-video {padding-bottom:160px}
.home-video .home-subject {margin-bottom:30px;}
.home-video .swiper-slide {position: relative; overflow: hidden}
.home-video .swiper-slide a {cursor: pointer}
.home-video .swiper-slide .pic {padding:21.25% 0; position: relative}
.home-video .swiper-slide .text {position:absolute;left:0;top:0;width:100%;height:100%; z-index: 100; text-align: center;color:#fff; background: rgba(0,0,0,0.5);display: flex; align-items: center; justify-content: center; flex-direction: column;opacity:0}
.home-video .swiper-slide .text .tupiao {position:relative;top:-50px;}
.home-video .swiper-slide .text .tupiao span {font-size:60px; line-height:60px;margin:10px 0 30px 0;display:block}
.home-video .swiper-slide .text .title {text-transform: uppercase;font-size:20px; line-height: 30px;padding:0 20px; position: relative;top:50px}
.home-video .swiper-slide:hover .text {opacity:1}
.home-video .swiper-slide:hover .text .tupiao {top:0}
.home-video .swiper-slide:hover .text .title {top:0}
.home-video .swiper-button-next,.home-video .swiper-button-prev {top:auto;bottom:-100px;}
.home-video .swiper-button-prev {left:50%;margin-left:-60px}
.home-video .swiper-button-next{right:50%;margin-right:-60px}

.modal {opacity: 0;visibility: hidden; position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);display: flex; align-items: center;justify-content: center}
.modal.active {visibility: visible;opacity: 1;}
.modal-content {position: relative;margin: 0 auto;width: 100%;max-width: 1200px;}
.video-container video {width: 100%;}
.video-info {padding: 10px 15px 13px 20px;display:none;}
.video-info h2 {font-weight:500;font-size:20px;}
.closevideo {position: absolute;right: 15px;top: 15px;cursor:pointer;z-index:1001;background: rgba(0, 0, 0, 1);width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.closevideo:hover {background: #51522e}
.closevideo span {font-size: 20px;color:#fff}
.nav-buttons {position: absolute;top: 50%;width: 100%;display: flex;justify-content:space-between;transform: translateY(-50%);z-index: 1001;box-sizing: border-box;}
.nav-buttons .nav-btn {background: rgba(0, 0, 0,1);color: white;width: 40px;height: 60px;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.nav-buttons .nav-btn:hover {background: #51522e}
.nav-buttons .nav-btn:disabled {opacity: 0.5;cursor: not-allowed;background: rgba(0, 0, 0,0.5);}
.nav-buttons .nav-btn#nextBtn {transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);}
.nav-buttons .nav-btn span {font-size:25px;font-weight:400; position: relative;left:-1px}

.maincurrent { text-transform: uppercase;padding:65px 0}
.maincurrent font {color:#333;padding:0 0 0 5px;font-weight:500}
.maincurrent a {color:#333}
.maincurrent span {font-size:20px; line-height: 20px;margin:6px 0px 0 0px; display: inline-block;vertical-align: top;}
.product li {border-bottom:1px solid #e8e8e8;padding:0 0 80px 0;margin:80px 0 0 0}
.product li:nth-child(1) {margin-top:40px}
.product li .text {float:left;width:38.5%;}
.product li .text .title {font-size:30px; line-height: 40px; color:#333; text-transform: uppercase;margin:0 0 30px 0}
.product li .text dl {margin:40px 0 0 0}
.product li .text dt {display:inline-block;vertical-align: top;font-size:20px;color:#333}
.product li .text dd {display:inline-block;vertical-align: top;margin:0 0 0 15px}
.product li .text dd a {display:inline-block;border:1px solid #333;padding:0 5px;height:38px; line-height: 36px;font-size:20px;color:#333;min-width:28px; text-align: center;border-radius:3px}
.product li .text dd.active a,.product li .text dd a:hover {border-color:#51522e;background: #51522e;color:#fff}
.product li .pic {float:right;width:55%; text-align: right;margin:10px 0 0 0}  
.product li .more {margin:40px 0 60px 0}
.product li .more a {background:#51522e;color:#fff;height:48px; line-height: 45px; display:inline-block;border-radius:48px;padding:0 25px;font-size:18px}
.product li .more a:hover {padding:0 35px; letter-spacing: 0.5px}
.product li.li-full .text {width:100%}
.product li .text .content .word-big {font-size:30px;color:#333; line-height: 1.6; text-transform: uppercase;margin:50px 0 0 0}
.product li .text .content .word-big strong {font-weight:500}
.product li .text .content .word-big table {width:100%}
.product li .text .content .word-big td { vertical-align: top;padding:5px 15px 5px 0}
.namemj {position:absolute;top:-195px}
.image-container img {transition: transform 0.5s ease-out;}

.rd-center .pic {margin:15px 0 80px 0}
.rd-center .pic img {width:100%}
h2.sub-title {font-size:30px; line-height: 40px; color:#333; text-transform: uppercase;margin:0 0 35px 0;font-weight:400}
.about {margin:10px 0 0 0}
.about .content {float:left;width:42%}
.about .pic {float:right;width:53%; text-align: right;}
.full-screen .content {width:100%}

.contact {margin:20px 0 0 0}
.contact .text {width:50%; background: #51522e;color:#fff;padding:50px 55px 47px 55px; text-align: center}
.contact .text .title {font-size:43px; line-height: 53px;font-weight:700}
.contact .text .wx {width:137px;margin:50px auto 45px auto}
.contact .text .wx p {font-size:33px; line-height: 43px;}
.contact .text .content {font-size:18px;font-weight:300; line-height: 1.8}
.contact .text .content table {width:100%}
.contact .text .content td {text-align:left; vertical-align: top;width:45%; position: relative}
.contact .text .content td:nth-child(1) {font-weight:500}
.contact .text .content td:nth-child(1):before {content:'';position: absolute;top:10px;right:11%;width:1px;height:75%; background: #fff}
.contact .text .content td:nth-child(2) {width:55%}
.contact .text .content td img {margin:7px 5px 0 0}
.contact .pic {position:absolute;right:0;top:0;width:50%;height:100%}

.dream {font-size:18px; line-height: 1.8;margin:10px 0 0 0}
.dream table {width:100%;margin:140px 0 60px 0;position: relative}
.dream table:before {content:'';top:-90px;left:0;width:100%;height:1px; background: #e8e8e8; position: absolute}
.dream td {font-size:15px;width:44.5%; position: relative}
.name-dream {position:absolute;top:-65px}
.dream td:nth-child(1) {padding:15px 5.5% 15px 0}
.dream td:nth-child(2) {padding:15px 0 15px 5.5%}
.dream h3 {font-size:30px;color:#333;margin:0 0 20px 0}

.application li {margin:120px 0 0 0; display: flex; align-items: center; justify-content: center;}
.application li:nth-child(1) {margin:10px 0 0 0}
.application li .pic {float:left;width:56.5%;}
.application li .text {float:right;width:38.5%;margin-left:5%}
.application li .text .title {font-size:30px; line-height: 40px;margin:0 0 35px 0;text-transform: uppercase;color:#333;font-weight:500}

.name-service {position:absolute;top:-75px}
.service ul {margin:10px 0 80px 0}
.service li { background: #f8f8f8;float:left;width:50%; position: relative;min-height:350px}
.service li .text {padding:40px 200px 0 70px}
.service li .text .num {color:#999;font-size:48px; line-height: 48px;font-weight:700}
.service li .text .title {font-size:30px; line-height: 40px;font-weight:500;color:#333;margin:30px 0 30px 0}
.service li .text .content {line-height: 1.6}
.service li .icon {position:absolute;right:70px;top:80px;}
.service li .icon p {width:80px;height:80px}
.service li:nth-child(2),.service li:nth-child(3),.service li:nth-child(6),.service li:nth-child(7) { background: #51522e;color:rgba(255,255,255,0.5)}
.service li:nth-child(2) .text .num,.service li:nth-child(3) .text .num,.service li:nth-child(6) .text .num,.service li:nth-child(7) .text .num {color:#fff}
.service li:nth-child(2) .text .title,.service li:nth-child(3) .text .title,.service li:nth-child(6) .text .title,.service li:nth-child(7) .text .title {color:#fff}
.service li:nth-child(2) .icon p,.service li:nth-child(3) .icon p,.service li:nth-child(6) .icon p,.service li:nth-child(7) .icon p { background-position: bottom}
.service li:hover .icon {top:70px}

.news .subject,.what-others-say .subject,.what-others-say-subject {font-weight:500;color:#333;font-size:35px; line-height: 35px;margin:-10px 0 40px 0}
.news li {border-bottom:1px solid #e8e8e8;position: relative;padding:12px 150px 15px 20px;color:#333;font-size:18px; line-height: 23px;}
.news li:before {content:''; position: absolute;left:0;top:22px;width:6px;height:6px;background: #333;border-radius:50%}
.news li:before:hover {background: #51522e}
.news li p {position:absolute;right:0;top:12px}
.news li a {color:#333;}

.news-show .date {font-size:20px; line-height: 20px;}
.news-show .title {color:#333;font-weight:500;margin:10px 0 30px 0;font-size:35px; line-height: 45px;border-bottom:1px solid #e8e8e8;padding:0 0 25px 0}

.what-others-say li {position:relative;padding:0 0 0 140px;margin:30px 0 0 0}
.what-others-say li p {position:absolute;left:0;top:0;color:#333;font-size:20px;}
.what-others-say select {border:1px solid #ddd;height:40px;padding:0 15px;border-radius:10px;min-width:350px}
.what-others-say input[type="text"] {border:1px solid #ddd;height:40px;width:350px;padding:0 15px;border-radius:10px;}
.what-others-say textarea {border:1px solid #ddd;height:300px;width:100%;padding:10px 15px;border-radius:10px;}
.what-others-say #sayBtn {background: #51522e;color:#fff;padding:10px 0 14px 0; width:160px; text-align: center;border-radius:60px; cursor: pointer;font-size:25px; text-transform: uppercase}

.what-others-say-list .what-others-say-subject {margin-bottom:70px}
.what-others-say-list .content-left {float:left;width:28%;border-right:1px solid #51522e;padding:0 5% 0 0;}
.what-others-say-list .content-left ul {position: relative;top:-10px}
.what-others-say-list .content-left li {margin:0 0 10px 0;line-height: 30px}
.what-others-say-list .content-left li a {color:#333;font-size:20px;}
.what-others-say-list .content-left li.active a {font-weight:700}
.what-others-say-list .content-right {float:left;width:72%;border-left:1px solid #51522e;margin-left:-1px; position: relative;padding:0 0 0 5%}
.what-others-say-list .content-right ul {margin-top:-10px}
.what-others-say-list .content-right li {border-bottom:1px solid #e8e8e8;padding:0 0 20px 0;margin:0 0 20px 0;color:#333}
.what-others-say-list .content-right li .date-email {font-size:18px;margin:10px 0 0 0;}
.what-others-say-list .content-right li .date-email span {color:#8d8d8d;font-size:14px;margin:6px 0 0 10px;display:inline-block;vertical-align: top;}
.what-others-say-list .content-right .page_wrap {padding-top:60px}

.home-what-others-say { background: rgba(81,82,46,0.5);border-radius:50px;padding:30px 0 100px 0; position: relative;top:-60px;margin-bottom:-60px}
.home-what-others-say .sub-title {color:#000;font-size:24px; line-height: 24px;margin:10px 0 10px 0}
.home-what-others-say .subject {font-weight:500;font-size:50px; line-height:60px;color:#000}
.home-what-others-say .list {position:relative;margin:70px 0 100px 0}
.home-what-others-say .swiper-container {padding:0 1px}
.home-what-others-say .swiper-slide {border:1px solid #fff;border-radius:25px;padding:60px 30px 40px 30px;color:#fff}
.home-what-others-say .swiper-slide .content {font-size:18px; line-height:35px; height: 105px;overflow: hidden}
.home-what-others-say .swiper-slide .email {margin:60px 0 0 0;font-size:14px;font-weight:300;}
.home-what-others-say .swiper-button-next,.home-what-others-say .swiper-button-prev { top:50%;border-radius:0;}
.home-what-others-say .swiper-button-next:after,.home-what-others-say .swiper-button-prev:after { background:none; color:#fff;font-size:30px;padding:0; border-radius:0;font-size:40px}
.home-what-others-say .swiper-button-next:Hover,.home-what-others-say .swiper-button-prev:hover {background:none;}
.home-what-others-say .swiper-button-next:hover:after,.home-what-others-say .swiper-button-prev:hover:after{background:none}
.home-what-others-say .swiper-button-prev {left:-60px}
.home-what-others-say .swiper-button-next{right:-60px}
.home-what-others-say .email-tags {position:relative;}
.home-what-others-say .email-tags:before {content:''; position: absolute;left:50%;top:-10%;width:1px;height:120%;background: linear-gradient(to top, transparent 0%, #fff 30%,  #fff 70%, transparent 100%);}
.home-what-others-say .email-tags .email {float:left;width:45%;color:#fff}
.home-what-others-say .email-tags .email .title {font-size:25px; line-height: 35px}
.home-what-others-say .email-tags .email .submit-email li {position:relative}
.home-what-others-say .email-tags .email .submit-email li input[type="text"] {background: #fff;padding:11px 5% 15px 5%;border-radius:55px;width:55%;font-size:20px}
.home-what-others-say .email-tags .email .submit-email li button {font-size:28px;padding:5px 0 10px 0;width:32%; position: absolute;right:0;top:0; background: #506f74;border-radius:55px;color:#fff; text-transform: uppercase;font-weight:500; letter-spacing: 2px; cursor:pointer}
.home-what-others-say .email-tags .email li:nth-child(1) {margin:30px 0 20px 0}
.home-what-others-say .email-tags .email li:nth-child(2) {padding:0 5%; line-height: 1.6}
.home-what-others-say .email-tags .email li label {padding:0 0 0 25px}
.home-what-others-say .email-tags .email li label a {color:#fff; text-decoration: underline}
.home-what-others-say .email-tags .email li label input {position:absolute;left:5%;top:6px}
.home-what-others-say .email-tags .tags {float:right;width:45%}
.home-what-others-say .email-tags .tags .title {border-bottom:2px solid rgba(255,255,255,0.5);padding:0 0 20px 0;font-weight:500;font-size:25px; line-height: 25px;color:#fff;margin:0 0 25px 0}
.home-what-others-say .email-tags .tags ul {width:110%;margin:0 0 0 -5%}
.home-what-others-say .email-tags .tags li {float:left;width:40%;margin:0 5% 0 5%;height:35px; line-height: 35px; overflow: hidden}
.home-what-others-say .email-tags .tags li a {color:#fff;font-size:16px;}
.home-what-others-say .email-tags .tags li a:hover {color:rgba(255,255,255,0.5)}

.foot {margin:230px 0 0 0; background-position: bottom center}
.foot .in { position: relative;top:-110px}
.foot .area { background: #51522e; position: relative;border-radius:50px}
.foot .area .message {float:right;width:64%;padding:30px 2.5% 10px 2.5%; background: #f7f7f7;border-radius:47px;font-size:14px}
.foot .area .text {float:left;width:36%;;color:#fff;padding:30px 3.5% 45px 3.5%;border-top-left-radius:50px;border-bottom-left-radius:50px}
.foot .area .text .title {font-weight:500;margin:0 0 5px 0}
.foot .area .text .content table {width:100%}
.foot .area .text .content td {vertical-align: top;width:23%;padding:7px 0; line-height: 1.6}
.foot .area .text .content td:nth-child(2) {width:77%}
.foot .area .text .social-weixin {margin:20px 0 0 0}
.foot .area .text .weixin {float:left;width:65px; text-align: center;margin:0 0 0 23%}
.message .subject {color:#51522e;font-weight:700}
.message .subtitle {margin-bottom:15px}
.message ul {display:flex;flex-wrap: wrap;gap:20px; position: relative}
.message li {width:calc(50% - 10px);width:-webket-calc(50% - 10px);margin-top:-8px}
.message li p {margin:0 0 7px 0;position: relative;display:inline-block}
.message li p.star:after {content:'*';color:#ff0000; position: absolute;top:4px;right:-12px;}
.message li input[type="text"] {background:#fff;width:100%;border:1px solid #51522e;border-radius:5px;padding:5px 12px 7px 12px;font-size:14px}
.message li select {background:#fff;width:100%;border:1px solid #51522e;border-radius:5px;padding:5px 12px 7px 12px;font-size:14px}
.message li textarea {background:#fff;width:100%;border:1px solid #51522e;border-radius:5px;padding:8px 12px 10px 12px;font-size:14px;height:120px; overflow: auto;}
.message li.read {border-width:0;width:49.5%;font-size:11px;margin-top:15px; position: absolute;right:-1%;bottom:75px;}
.message li.read label {cursor: pointer}
.message li.read label input {margin:5px 6px 0 0; display: inline-block; vertical-align: top;}
.message li.read label a {text-decoration: underline}
.message li.last {position: absolute;bottom:25px;right:0; text-align: right;width:100%}
.message li.last button {background: #51522e;color:#fff;padding:4px 0 7px 0; width:100px; text-align: center;border-radius:32px; cursor: pointer}

.foot-menu {margin:50px 0 0 0}
.foot-menu .menu {background: #51522e;color:#fff;border-radius:50px;padding:40px 10px 40px 5%;}
.foot-menu a {color:#fff}
.foot-menu a:hover {color:rgba(255,255,255,0.5)}
.foot-menu .menu dl {float:left;position: relative;padding:30px 2% 0 2%;min-height:280px}
.foot-menu .menu dl:nth-child(1) {width:16%;padding-left:0}
.foot-menu .menu dl:nth-child(2) {width:21%}
.foot-menu .menu dl:nth-child(3) {width:21%}
.foot-menu .menu dl:nth-child(4) {width:19%}
.foot-menu .menu dl:nth-child(5) {width:23%}
.foot-menu .menu dt {font-weight:500}
.foot-menu .menu dl:before {content:''; position: absolute;left:-6%;top:0;width:1px;height:100%;background: linear-gradient(to top, transparent 0%, #fff 30%,  #fff 70%, transparent 100%);}
.foot-menu .menu dl:nth-child(1):before {display:none;}
.copy-social {padding:12px 5% 0 5%}
.copy-social .copy {float:left;width:60%;font-size:13px;color:#fff}
.copy-social .social {float:right;width:35%; text-align: right;margin:8px 0 0 0}
.copy-social .social li {display:inline-block;vertical-align: top;margin:0 10px 0 0; position: relative;top:0;}
.copy-social .social li:hover {top:-5px}

.foot-mobile-menu {background: #51522e;color:#fff;border-radius:10px;display:none;margin-top:10px;padding:10px 0 10px 0}
.foot-mobile-menu li { position:relative;border-bottom:1px solid rgba(255,255,255,0.5);padding:0 0 0 5%}
.foot-mobile-menu li:nth-child(5) {border-width:0}
.foot-mobile-menu li .link {font-weight:500;color:#fff;height:40px; line-height: 38px; cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.foot-mobile-menu li .link:before {content: "\e87e"; position: absolute;right:5%;top:11px;font-family: "iconfont" !important;font-size:14px; line-height: 20px; transform: rotate(-90deg);-ms-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg)}
.foot-mobile-menu li.open .link:before {transform: rotate(0deg);-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg)}
.foot-mobile-menu li.check .link {color:#fff;}
.phonemenu .nav li.check a {color:#fff;}
.foot-mobile-menu li.open.check .link {color:#fff;}
.foot-mobile-menu .submenu {display:none;padding:0 0 5px 0; position: relative;top:-7px}
.foot-mobile-menu .submenu p a {color:rgba(255,255,255,0.7)}