@charset "utf-8";
@media only screen and (max-width:2000px){	
	.top-pic {padding:0;height:240px}
	.maincons {margin-top:335px;}
}

@media only screen and (max-width:1480px){	
	.wrap1 {margin:0 4%}	
	.home-video .swiper-slide .text .tupiao span {font-size:40px; line-height:40px;margin:5px 0 20px 0;}
	.home-video .swiper-slide .text .title {font-size:20px; line-height: 30px;}
    .home-what-others-say .wrap {margin:0 6%}
}

@media only screen and (max-width:1280px){	
	.wrap {margin:0 4%}	
	.fixtop .navpc {padding-right:80px}
	.fixtop .navpc li {margin:0 0 0 20px;}
	.fixtop .navpc li#mid {margin-left:60px}
	.index-three ul {height:485px}	
	.contact {margin:0}
	.contact .text {padding:40px 45px 40px 45px;}
	.contact .text .title {font-size:38px; line-height: 48px;}
	.contact .text .wx {width:120px;margin:40px auto 35px auto}
	.contact .text .wx p {font-size:28px; line-height: 38px;}
	.contact .text .content {font-size:16px;}	
	.contact .text .content td {width:42%;}
	.contact .text .content td:nth-child(2) {width:58%}	
	.contact .text .content td:nth-child(1):before {display:none;}
	.contact .text .content td img {margin:6px 5px 0 0}	
	.service li .text {padding:35px 180px 0 60px}
	.service li .icon {right:60px;}    
    .home-video {padding-bottom:120px}
    .home-what-others-say {border-radius:30px;padding:20px 0 70px 0;top:-40px;margin-bottom:-40px}
    .home-what-others-say .sub-title {font-size:20px; line-height: 20px;margin:20px 0 5px 0}
    .home-what-others-say .subject {font-size:42px; line-height:52px}
    .home-what-others-say .list {margin:60px 0 80px 0}
    .home-what-others-say .swiper-slide {border-radius:20px;padding:40px 25px 30px 25px;}
    .home-what-others-say .swiper-slide .content {font-size:16px; line-height:30px; height: 90px;}
    .home-what-others-say .swiper-slide .email {margin:40px 0 0 0;}
    .home-what-others-say .swiper-button-next:after,.home-what-others-say .swiper-button-prev:after {font-size:35px}
    .home-what-others-say .swiper-button-prev {left:-50px}
    .home-what-others-say .swiper-button-next{right:-50px}
    .home-what-others-say .email-tags .email .title {font-size:20px; line-height: 30px}
    .home-what-others-say .email-tags .email .submit-email li input[type="text"] {padding:7px 5% 10px 5%;border-radius:41px;width:55%;font-size:16px}
    .home-what-others-say .email-tags .email .submit-email li button {font-size:18px;padding:6px 0 9px 0;border-radius:41px;letter-spacing:1px;}
    .home-what-others-say .email-tags .tags .title {font-size:21px; line-height: 21px;}
    .home-what-others-say .email-tags .tags li {height:30px; line-height: 30px;}
    .home-what-others-say .email-tags .tags li a {font-size:14px;}
    .message li.read {bottom:65px;}
    .message li.last {bottom:30px;}
}

@media only screen and (max-width:1044px){	
	body {line-height:1.8;}
	html,body,input,button,select,textarea,big,small {font-size:14px;}
	.phonemenu { display:block;}
	::-webkit-scrollbar {width: 1px;}
	.page_wrap {padding:35px 0 0 0;}
	.pager a,.pager span,.pager font {margin:1px 3px;width:23px; height:23px; line-height:21px;border-radius:3px;}
	.pager font {font-family:'宋体';margin:0px; line-height: 23px; }
	.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:12px;}
	.pager i {line-height: 25px;margin:0 5px; letter-spacing: 2px}	
	.fixtop .navpc {display:none;}	
	.banxh{display:none;}
	.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:5px;}
	.swiper-pagination-bullet {width:5px;height:5px;}
	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}
	.fixtop,.fixtop.active {top:0; height:50px; background:#fff}
	.fixtop .logo,.fixtop.active .logo {top:10px;}
	.fixtop .logo,.fixtop .logo a {width:118px; height:30px;}
	.fixtop .lan,.fixtop.active .lan {top:12px;right:40px}
	.fixtop .lan a {color:#8d8d8d;}	
	.index-three {padding:40px 0 85px 0}
	.index-three ul {height:auto}
	.index-three li .pic p img {border-top-left-radius:10px;border-top-right-radius:10px;}
	.index-three li .text,.index-three li:hover .text {bottom:-45px;height:45px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
	.index-three li .text .title {font-size:16px;height:45px; line-height:41px;}
	.index-three li .text .tupiao,.index-three li:hover .text .tupiao {display:none;}
	.index-three li:hover {top:0}	
	.index-product {padding:35px 0 40px 0}
	.index-product .subject {padding:0 0 15px 0;margin:0 0 30px 0;}
	.index-product .subject h2 {font-size:20px; }
	.index-product .subject ul {top:0px}
	.index-product .subject li {margin:0 0 0 15px;}
	.index-product .list li {border-radius:10px}	
	.index-product .list li .text {bottom:0px;padding:0;opacity:1; background: rgba(81,82,46,0.5)}
	.index-product .list li .text .title {font-size:16px;height:35px; line-height: 33px; margin:0;font-weight:400}
	.index-product .list li .text .more {display:none;}
	.index-product .list li:hover .pic {top:0}
	.swiper-button-next,.swiper-button-prev {width:30px;height:30px;margin-top:-15px;}
	.swiper-button-next:after,.swiper-button-prev:after { font-size:14px;width:30px;height:30px;line-height:30px; }	
	.home-applicatioin {padding:0 0 100px 0}
	.home-subject {padding:0 0 10px 0;margin:0 0 30px 0; }
	.home-subject h2 {font-size:20px;}
	.home-applicatioin .swiper-slide {border-radius:10px;padding:10px 15px 25px 20px;}
	.home-applicatioin .swiper-slide:before,.home-applicatioin .swiper-slide:hover:before {right:-3px;top:-3px;width:120px;height:120px;}
	.home-applicatioin .swiper-slide .num{font-size:100px}
	.home-applicatioin .swiper-slide .title {font-size:20px;margin:15px 0}
	.home-applicatioin .swiper-slide .content { line-height: 1.6;min-height:50px;font-size:14px;font-weight:400}
	.home-applicatioin .swiper-button-next,.home-applicatioin .swiper-button-prev {bottom:-60px;}
	.home-applicatioin .swiper-button-prev {margin-left:-35px}
	.home-applicatioin .swiper-button-next{margin-right:-35px}
	.home-subject .home-more {bottom:15px}
	.home-more {height:22px; line-height: 21px;border-radius:22px;}
	.home-more:before {border-radius:22px;}
	.home-more a {padding:0 15px;font-size:12px}
	.home-about {padding:75px 0 50px 0}
	.home-about .text {width:50%;margin-top:-5px}
	.home-about .pic {width:25%;margin:0 0 0 10%;margin-top:-150px}	
	.home-service {padding:35px 0 40px 0}
	.home-service:before {height:230px; }
	.home-service .home-subject {margin-bottom:35px}
	.home-service li {border-radius:10px;padding:30px 0 20px 0;}
	.home-service li .pic img {height:40px;}
	.home-service li .title {margin:10px 15px 20px 15px;line-height: 1.4}
	.home-service li .title a {font-size:16px; }
	.home-service li .more a {height:20px; line-height:20px;border-radius:20px; padding:0 20px;}
	.home-service li .more a:before {border-radius:20px;}
	.home-service li .more span {font-size:20px; line-height:20px;}
	.home-service li:hover {box-shadow:0 0 0 rgba(0,0,0,0.3);top:0}
	.home-video {padding-bottom:120px}
    .home-video .home-subject {margin-bottom:20px;}
	.home-video .swiper-slide .text .tupiao span {font-size:40px; line-height:40px;margin:5px 0 15px 0;}
	.home-video .swiper-slide .text .title {font-size:16px; line-height: 26px;padding:0 10px;}
	.home-video .swiper-button-next,.home-video .swiper-button-prev {bottom:-60px;}
	.home-video .swiper-button-prev {margin-left:-35px}
	.home-video .swiper-button-next{margin-right:-35px}    
	.nav-buttons .nav-btn {width: 20px;height: 40px;}
	.nav-buttons .nav-btn span {font-size:16px;}
	.closevideo {right: 10px;top: 10px;width: 25px;height: 25px;}
	.closevideo span {font-size:14px;}	
	.foot {margin:90px 0 0 0}
	.foot .in {top:-50px;}
	.foot .area .text .content td {padding:6px 0;}	
	.foot .area .text .social-weixin {margin:20px 0 0 0}		
	.copy-social .social li {margin:0 3px 0 0;}
	.copy-social .social li img {width:16px}
	.copy-social .social li:hover {top:0}
	.foot .area .text .weixin {width:60px;}
    .foot .area .text .weixin {margin:0 0 0 21%}
	.foot-menu {margin:0px 0 0 0}
	.foot-menu .menu {display:none;}	
	.copy-social {padding:5px 0 0 0;}	
	.copy-social .copy {font-size:12px;padding:2px 0 0 0}
	.top-pic {padding:12% 0;height:auto;top:50px}
	.top-pic.active {top:50PX}
	.maincons {margin-top:-webkit-calc(24% + 50px);margin-top:calc(24% + 50px);}	
	.maincurrent {padding:30px 0}
	.product li {padding:0 0 35px 0;margin:35px 0 0 0}
	.product li:nth-child(1) {margin-top:10px}
	.product li .text .title {font-size:20px; line-height: 30px; margin:0 0 15px 0}
	.product li .text dl {margin:25px 0 0 0}
	.product li .text dt {font-size:16px;}
	.product li .text dd {margin:0 0 0 10px}
	.product li .text dd a {padding:0 3px;height:28px; line-height: 26px;font-size:16px;min-width:22px;}
	.product li .pic {margin:6px 0 0 0}   
	.namemj {top:-120px}
	.product li .more {margin:25px 0 30px 0}
	.product li .more a {height:30px; line-height: 28px;border-radius:30px;padding:0 15px;font-size:14px}
	.product li .more a:hover {padding:0 15px; letter-spacing: 0}
	.maincurrent span {font-size:18px; line-height: 18px;margin:4px 0px 0 0px;}	
	.product li .text .content .word-big {font-size:16px;line-height: 1.6;margin:10px 0 0 0}
	.product li .text .content .word-big td {padding:3px 10px 3px 0}	
	.rd-center .pic {margin:0 0 30px 0}
	h2.sub-title {font-size:20px; line-height: 25px; margin:0 0 20px 0}
	.about {margin:0}	
	.contact {margin:0}
	.contact .text {padding:20px 20px 27px 20px;}
	.contact .text .title {font-size:20px; line-height: 30px;}
	.contact .text .wx {width:80px;margin:20px auto 20px auto}
	.contact .text .wx p {font-size:18px; line-height:26px;}
	.contact .text .content {font-size:14px;}
	.contact .text .content td {width:43%; }
	.contact .text .content td:nth-child(2) {width:57%}
	.contact .text .content td img {margin:5px 5px 0 0;width:15px}
	.dream {font-size:14px;margin:5px 0 0 0}
	.dream table {margin:45px 0 10px 0;}
	.dream table:before {top:-30px;}
	.dream td {font-size:13px;width:46%;}
	.name-dream {position:absolute;top:-65px}
	.dream td:nth-child(1) {padding:15px 4% 15px 0}
	.dream td:nth-child(2) {padding:15px 0 15px 4%}
	.dream h3 {font-size:18px;margin:0 0 10px 0}
	.application li {margin:40px 0 0 0;}
	.application li:nth-child(1) {margin:0}
	.application li .text .title {font-size:20px; line-height: 28px;margin:0 0 25px 0;}	
	.name-service {top:-50px}
	.service ul {margin:0 0 40px 0}
	.service li {min-height:230px}
	.service li .text {padding:25px 80px 0 20px}
	.service li .text .num {font-size:30px; line-height:30px;}
	.service li .text .title {font-size:20px; line-height: 28px;margin:20px 0}
	.service li .icon {right:20px;top:60px;}
	.service li .icon p {width:40px;height:40px; background-size:100%}
	.service li:hover .icon {top:60px}
	.main-cons-2 {margin-top:50px}
    .foot-mobile-menu {display:block}
    .news .subject,.what-others-say .subject,.what-others-say-subject {font-size:20px; line-height: 20px;margin:0 0 15px 0}
    .news li {padding:12px 90px 15px 12px;font-size:14px; line-height: 22px;}
    .news li:before {top:21px;width:4px;height:4px}
    .news li p {top:12px}
    .news-show .date {font-size:14px; line-height: 14px;}
    .news-show .title {margin:10px 0 20px 0;font-size:20px; line-height: 30px;padding:0 0 20px 0}    
    .what-others-say ul {margin-top:20px}
    .what-others-say li {padding:0 0 0 90px;margin:12px 0 0 0}
    .what-others-say li p {font-size:14px;}
    .what-others-say select {height:30px;padding:0 10px;border-radius:5px;min-width:0;width:100%}
    .what-others-say input[type="text"] {height:30px;width:100%;padding:0 10px;border-radius:5px;}
    .what-others-say textarea {height:200px;padding:5px 10px;border-radius:5px;}
    .what-others-say #sayBtn {padding:5px 0 7px 0; width:100px; border-radius:60px;font-size:14px;}    
    .what-others-say-list .what-others-say-subject {margin-bottom:30px}
    .what-others-say-list .content-left {fpadding:0 3% 0 0;}
    .what-others-say-list .content-left ul {top:-8px}
    .what-others-say-list .content-left li {margin:0 0 8px 0; line-height: 22px}
    .what-others-say-list .content-left li a {font-size:14px;}
    .what-others-say-list .content-right {padding:0 0 0 3%}
    .what-others-say-list .content-right ul {margin-top:-8px}
    .what-others-say-list .content-right li {padding:0 0 10px 0;margin:0 0 10px 0;}
    .what-others-say-list .content-right li .date-email {font-size:16px;margin:5px 0 0 0;}
    .what-others-say-list .content-right li .date-email span {font-size:12px;margin:4px 0 0 10px;}
    .what-others-say-list .content-right .page_wrap {padding-top:20px}    
    .home-what-others-say .wrap {margin:0 4%}
    .home-what-others-say {border-radius:10px;padding:20px 0 50px 0;top:-50px;margin-bottom:-50px}
    .home-what-others-say .sub-title {font-size:12px; line-height: 12px;margin:10px 0 5px 0}
    .home-what-others-say .subject {font-size:25px; line-height:30px}
    .home-what-others-say .list {margin:50px 0 40px 0}
    .home-what-others-say .swiper-slide {border-radius:10px;padding:25px 15px 20px 15px;}
    .home-what-others-say .swiper-slide .content {font-size:14px; line-height:25px; height:75px;}
    .home-what-others-say .swiper-slide .email {margin:30px 0 0 0;}
    .home-what-others-say .swiper-slide .email span {font-size:12px;}
    .home-what-others-say .swiper-container {margin:0 25px;}    
    .home-what-others-say .swiper-button-next:after,.home-what-others-say .swiper-button-prev:after {font-size:20px}
    .home-what-others-say .swiper-button-prev {left:-10px}
    .home-what-others-say .swiper-button-next{right:-10px}
    .home-what-others-say .email-tags .email .title {font-size:16px; line-height: 24px}
    .home-what-others-say .email-tags .email .submit-email li input[type="text"] {padding:5px 5% 8px 5%;border-radius:33px;width:55%;font-size:14px}
    .home-what-others-say .email-tags .email .submit-email li button {font-size:14px;padding:6px 0 7px 0;border-radius:33px;}
    .home-what-others-say .email-tags .tags .title {font-size:21px; line-height: 21px;}
    .home-what-others-say .email-tags .tags li {height:30px; line-height: 30px;}
    .home-what-others-say .email-tags .email li:nth-child(1) {margin:20px 0 15px 0}
    .home-what-others-say .email-tags .email li:nth-child(2) {font-size:12px}
    .home-what-others-say .email-tags .email li label input {top:4px}
    .home-what-others-say .email-tags .tags .title {border-bottom-width:1px;padding:0 0 15px 0;font-size:18px; line-height: 20px;margin:0 0 15px 0}
    .home-what-others-say .email-tags .tags ul {width:104%;margin:0 0 0 -2%}
    .home-what-others-say .email-tags .tags li {width:46%;margin:0 2% 0 2%;height:25px; line-height: 25px;}
    .home-what-others-say .email-tags .tags li a {font-size:14px;}
    .home-what-others-say .email-tags:before {top:0;height:100%}
    .foot .area {border-radius:10px}
    .foot .area .message {width:100%;padding:25px 4% 10px 4%; border-radius:8px;font-size:13px}
    .foot .area .text {width:100%;;padding:20px 4% 25px 4%;border-top-left-radius:10px;border-bottom-left-radius:10px}
    .foot .area .text .content td {width:21%;padding:5px 0;}
    .foot .area .text .content td:nth-child(2) {width:79%}
    .foot .area .text .title {margin:0 0 10px 0}
    .message .subtitle {margin-top:5px;margin-bottom:15px}
    .message li {font-size:13px}
    .message li input[type="text"] {border-radius:4px;font-size:13px;padding:3px 10px 5px 10px;}
    .message li select {border-radius:4px;font-size:13px;padding:3px 10px 5px 10px;}
    .message li textarea {border-radius:4px;font-size:13px;padding:6px 10px 8px 10px;height:100px;}
    .message li.read {margin-top:15px;bottom:65px;right:-1%;width:50%}
    .message li.read label input {margin:3px 6px 0 0; }
    .message li.last {bottom:25px;}
    .message li.last button {padding:2px 0 5px 0; width:70px;border-radius:28px;font-size:14px}
}

@media only screen and (max-width:788px){
	.indpics,.indpics .swiper-slide {height:80vh;}
	.indexcons {margin-top:80vh;}	
	.home-about {padding:25px 0 50px 0}
	.home-about .text {width:50%;}
	.home-about .pic {width:30%;margin:0 0 0 5%;margin-top:-100px}	
	.contact .text .content td {font-size:12px}
	.contact .text .content td:nth-child(2) {font-size:12px}
	.service li {min-height:290px}
    .home-what-others-say .email-tags .email {width:100%;}
    .home-what-others-say .email-tags .tags {width:100%;margin-top:40px}
    .home-what-others-say .email-tags:before {display:none;}
    .home-what-others-say {padding-bottom:40px}
    .message li.read {bottom:45px;width:49%}

}

@media only screen and (max-width:640px){
	.wow {animation-delay: 0s !important;-webkit-animation-delay: 0s !important;visibility: visible !important; }
	.index-three ul {width:100%;margin:-65px 0 0 0;}
	.index-three li {width:100%;margin:65px 0 0 0} 
	.index-product .subject ul {display:none;}
	.index-product .list li {width:47%}	
	.home-about {padding:0px 0 45px 0}
	.home-about .text {width:100%;margin-top:-5px}
	.home-about .pic {;width:100%;margin:0;margin-top:25px}	
	.home-service ul {width:100%;margin:-4% 0 0 0}
	.home-service li {width:100%;margin:4% 0 0 0}
	.home-video ul {width:100%;margin:-4% 0 0 0}
	.product li .text {width:100%;}
	.product li .pic {width:100%;margin:35px 0 0 0}  
	.about .content {width:100%}
	.about .pic {width:100%;margin:30px 0 0 0}
	.contact .text {width:100%;}
	.contact .pic {position:relative;width:100%;height:auto;padding:38.28125% 0}	
	.dream table {margin:10px 0 10px 0;}
	.dream table:before {display:none;}
	.dream td,.dream td:nth-child(1),.dream td:nth-child(2) {width:100%;display:block;padding:30px 0 0 0}
	.dream tr {border-top:1px solid #e8e8e8;}
	.dream tr:nth-child(1) td:nth-child(2) {padding-bottom:40px}
	.dream tr:nth-child(2) td:nth-child(1) {padding-top:40px;}
	.dream tr:nth-child(2) td:nth-child(2) {padding-bottom:30px}
	.application li {display:block}
	.application li .pic {width:100%;}
	.application li .text {width:100%;margin:30px 0 0 0}	
	.service li { width:100%; min-height:0;}
	.service li .text {padding-bottom:25px}
	.service li:nth-child(3),.service li:nth-child(7) { background: #f8f8f8;color:#8d8d8d;}
	.service li:nth-child(3) .text .num,.service li:nth-child(7) .text .num {color:#8d8d8d}
	.service li:nth-child(3) .text .title,.service li:nth-child(7) .text .title {color:#333}
	.service li:nth-child(3) .icon p,.service li:nth-child(7) .icon p { background-position:top}
	.service li:nth-child(4),.service li:nth-child(8) { background: #51522e;color:rgba(255,255,255,0.5)}
	.service li:nth-child(4) .text .num,.service li:nth-child(8) .text .num {color:#fff}
	.service li:nth-child(4) .text .title,.service li:nth-child(8) .text .title {color:#fff}
	.service li:nth-child(4) .icon p,.service li:nth-child(8) .icon p { background-position: bottom}
    .what-others-say-list .content-left {width:100%;padding:0;border:0}
    .what-others-say-list .content-right {width:100%;margin:15px 0 0 0;padding:30px 0 0 0;border:0;border-top:1px solid #51522e;}
    .foot .area .message {padding:20px 4% 35px 4%}
    .message ul {gap:0;margin-top:-20px}
    .message li {width:100%;margin-top:12px} 
    .message li.read {position:relative;right:0;width:100%;bottom:0;}
    .message li.last {position:relative;bottom:-10px}	
}