@charset "utf-8";
@media only screen and (max-width:2000px){
    .contact-map p {margin:265px 0 0 -235px}
}

@media only screen and (max-width:1680px){
    .wrap {margin:0 4%}
    .indpics .swiper-slide .text .icon {margin-bottom:2%}
    .indpics .swiper-slide .text .content {margin:6% 0 0 0;}
    .home-four li {width:21.25vw;height:12.8125vw; }
    .home-four li .left {width:6.875vw;}
    .home-four li .left img {max-width:3.8125vw;margin:1.875vw auto 0 auto}
    .home-four li .right {margin:0 0 0 6.875vw;padding:0 1.25vw 0 2.1875vw;}
    .home-four li .right .title {height:3.125vw; line-height: 3.125vw;font-size:2.2vw;}
    .home-four li .right .subtitle {height:4vw; line-height: 2vw;font-size:1.4375vw;margin:0.425vw 0 1.2625vw 0}
    .home-four li .right .content {height:2.375vw; line-height: 1.1875vw; font-size:0.875vw;}
    .designlayer {width:371px;margin-left:-185px;height:500px;margin-top:-250px;}
    .designlayer span.iconfont {right:-1px;top:-4px;}
    .designlayer .logo img {width:200px;margin:38px 0 10px 0}
    .designlayer .subject {font-weight:400;font-size:14px;}
    .designlayer .wx img {width:180px;margin:48px 0 0 0}
    .designlayer .title {font-size:12px;width:160px;font-weight:400}
    .designlayer .title p {font-size:14px;height:25px; line-height: 25px;border-radius:25px;margin:15px 0 3px 0}
    .home-five li:before {width:150px;height:182px;}
    .home-five li:after {left:12%;top:5%;margin-left:70px}
    .home-five li.active:after {height:90%}
    .home-five li .icon {left:12%;top:5%;}
    .home-five li .icon img {height:50px}
    .about-value .home-five li .icon {margin-left:0px}
    .home-five li .title { left:12%;top:5%; width:30px; font-size:30px;line-height: 35px; margin:65px 0 0 5px}
    .home-five li .gs { left:10%;bottom:5%;height:90%;line-height: 22px;font-size:17px}
    .home-five li .more {right:12%;bottom:5%;}
    .home-five li .more a {width:40px;height:40px;}
    .home-five li .more a span {margin:0 0 0 6px;font-size:20px; line-height: 38px;} 
    .social li .info {bottom:28px;left:-45px}    
    .top-pic {padding:0;height:600px}
    .top-pic:after {width:500px;height:107px;}
    .top-pic .text .subject {padding:0 0 0 40px; font-size:30px; letter-spacing: 1.5px}
    .top-pic .text .subject:before {width:27px;height:27px;top:2px;}
    .top-pic .text .title {font-size:40px; margin:80px 0 15px 0; letter-spacing: 0.5px}
    .top-pic .text .content {font-size:20px;}
    .about .subject .title {font-size:35px; line-height: 1.5;}
    .culture li .title {font-size:30px;margin:40px 0 15px 0;}
    .culture li .content {font-size:22px; line-height: 1.6;}
    .about-value .home-five li {height:500px;}
    .about-value .home-five li .title {margin-top:80px;margin-left:12px;font-size:32px}
    .about-value .home-five li .icon img {height:60px}
    .about-value .home-five li .gs {margin-left:11px;font-size:18px;line-height: 26px}
    .history .list,.history .swiper-slide .in .area .pic {height:380px}
    .history .list:before {right:40px;}
    .history .swiper-slide .in {padding:0 40px 0 0; }    
    .history .swiper-slide .in .area {margin:0 210px 0 0;}
    .history .swiper-slide .in .area .text {padding:50px 25px 0 25px;width:40%}
    .history .swiper-slide .in .area .text:before {left:25px;width:150px;height:98px;}
    .history .swiper-slide .in .area .text .title {font-size:25px; margin:0 0 20px 0}
    .history .swiper-slide .in .area .text .content {font-size:25px;}
    .history .swiper-slide .in .area .pic {width:60%;}    
    .history .swiper-slide .in .year {right:40px;width:210px;}
    .history .swiper-slide .in .year h2 {width:120px;height:120px;margin:0 -30px 0 0; background-size:100%}
    .history .swiper-slide .in .year h2 p {left:-30px;font-size:60px;line-height: 120px;}    
    .history .swiper-pagination-vertical.swiper-pagination-bullets,.history .swiper-vertical>.swiper-pagination-bullets{right:39px;}
    .suyuan li:before {width:20px;height:20px;border-width:3px;margin-left:-13px;}
    .suyuan li .text {font-size:20px;}
    .suyuan li .text .title {margin:0 0 10px 0}    
    .value-price .text .content li {padding:0 8%;font-size:20px}
    .value-price .text .content li:before {width:140px;height:101px;}
    .value-price .text .content li h3 {font-size:28px;}
    .join-hezuo li .show div.icon {width:60px;top:-8px;}
    .join-hezuo li .show .title {font-size:28px;}
    .join-hezuo li .show .subtitle {font-size:17px}
    .join-hezuo li:before {width:180px;height:153px;}
    .join-adv:before {height:500px;}
    .join-adv li {padding:50px 3% 120px 3%;}
    .join-adv li .title {font-size:32px;margin:35px 0 5px 0;}
    .join-adv li .content {font-size:20px}
    .join-adv li .pic {width:150px;height:150px;}
    .join-adv li .pic img {width:80px;}    
    .join-case .col {padding:40px 6% 40px 6%;}
    .join-case .col .tubiao:before {width:35px;height:35px;margin-left:-17px}
    .join-case .col .tubiao:after {width:35px;height:35px;margin-left:-17px;}
    .join-case .col .text {font-size:20px;line-height: 35px;margin:55px 0 25px 0;min-height:70px;}
    .join-case .col .pic img {height:80px;}
    .news-tj .swiper-slide .text .title a {font-size:30px;}
    .news-tj .swiper-slide .text .content { line-height:35px;height:105px;font-size:17px;}
    .news-right {width:30%}
    .news-right .subject {font-size:25px;margin:5px 0 15px 0}
    .news-right ul {margin:0 0 30px 0}    
    .news-right li {border-bottom-width:1px;padding:20px 0}
    .news-right li .pic {border-radius:5px;}
    .news-right li .pic img {border-radius:5px;}
    .news-right li .text .title {line-height: 23px;}
    .news-right li .text .title a {font-size:16px}
    .news-right li .text .date {font-size:14px;}
    .news-left .title {font-size:38px;}    
    .service-teacher:before {height:450px;}
    .service-down .row-1 .text {padding-top:0}    
    .service-down .row-2 .wx {padding:5% 0;}
    .service-down .row-2 .wx:before {width:200px;height:132px;}
    .service-down .row-2 .wx .code {width:250px;}
    .service-down .row-2 .wx .des {margin-left:6%}
    .service-down .row-2 {padding:100px 0}
    .service-sale dd .text li:before {top:15px;}
    .service-sale dd .text {font-size:16px}
    .service-sale dd .pic p img {max-width:100px}
    .service-sale dd .text .title {font-size:30px;}
    .service-sale dd .text .subtitle {font-size:16px}
}

@media only screen and (max-width:1500px){
    .home-video #myvideo {height:600px}
    .footer .left {width:480px}
    .footer .left .ad {font-size:18px;margin:5px 0 110px 0;}
    .footer .left .email-form {width:330px;}
    .footer .left .email-form input {width:220px;}
    .footer .right {width:700px}
    .app-google li a {padding:0 20px}
    .service-down .row-1 .text {width:40%;padding:0 0 30px 0}
    .service-down .row-1 .text .app-google {margin:50px 0 0 0}
    .service-down .row-1 .text .home-subject .subject-content {margin-bottom:40px}
    .contact li .subtitle {font-size:20px;}
}

@media only screen and (max-width:1400px){
    .home-part img {height:80px}    
    .foot {padding:65px 0 50px 0}
    .foot .home-subject {margin-top:12px}
    .foot .home-subject .subject-title {font-size:40px;}
    .foot .home-subject .subject-content {font-size:20px;margin-top:10px}
    .foot .btn a { width:280px;height:142px;margin:0 0 0 8px}
    .footer .left {width:350px}
    .footer .left .ad {font-size:18px; line-height: 33px; margin:5px 0 75px 0;}
    .top-pic {height:550px}
    .top-pic:after {width:450px;height:97px;}
    .top-pic .text .subject {margin-top:20px}
    .top-pic .text .title {margin:60px 0 15px 0;}
    .service-down .row-2 .wx:before {width:180px;height:119px;}
    .service-down .row-2 .wx .code {width:200px;}
}

@media only screen and (max-width:1200px){	
	body {line-height:1.8;}   
	html,body,input,button,select,textarea,big,small {font-size:14px;font-weight:400}
    .list-paddingleft-1,.list-paddingleft-2{margin:0 0 0 17px;}
	.phonemenu { display:block;}
    .fixtop .navpc {display:none;}
	::-webkit-scrollbar {width: 1px;}
	.page_wrap {padding:30px 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}	     
    .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:6px;}
    .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;}	
    .swiper-button-next,.swiper-button-prev {width:25px;height:25px;margin-top:-12px;}
    .swiper-button-next:after,.swiper-button-prev:after {font-size:10px;width:25px;height:25px;line-height:23px;}
    .swiper-button-prev {left:0}
    .swiper-button-next{right:0}
    .fixtop {height:49px; }
    .fixtop .logo {top:11px;}
    .fixtop .logo a {width:150px;height:24px;}    
    .indpics .swiper-button-next,.swiper-button-prev {bottom:15px;}
    .indpics .swiper-button-prev {right:35px;}
    .indpics .swiper-horizontal>.swiper-pagination-bullets,.indpics .swiper-pagination-bullets.swiper-pagination-horizontal,.indpics .swiper-pagination-custom,.indpics .swiper-pagination-fraction {bottom:18px;}
    .swiper-pagination-bullet-active,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {width:20px}
    .indpics .swiper-slide .text .icon {width:30px;height:30px; margin:30px 0 2% 0}
    .indpics .swiper-slide .text .title {font-size:40px; line-height: 1.4;}
    .indpics .swiper-slide .text .subtitle {font-size:16px;line-height: 1.6; letter-spacing:1px;margin:5px 0 0 0}
    .indpics .swiper-slide .text .content {font-size:14px; line-height: 1.4;margin:5% 0 0 0;}
    .home-four {margin:35px 0}
    .video-btn{ width:50px; height:50px;margin:-25px 0 0 -25px}
    .home-video {padding:40px 0;}
    .home-video .icon {padding:0 4%;margin:0 0 25px 0}
    .home-video .videos,.home-video .videos video {border-radius:5px;}
    .home-video #myvideo {height:408px}
    .home-subject .subject-title {font-size:22px; line-height:32px;}
    .home-subject .subject-title-48 {font-size:22px; line-height:32px;}
    .home-subject .subject-content {font-size:14px;line-height: 1.8;margin:5px 0 25px 0}
    .home-product {padding:35px 0 35px 0}
    .home-product dl {gap:20px;}
    .home-product dd {width:calc(50% - 10px);width:-webkit-calc(50% - 10px);border-radius:5px}
    .home-product dd .pic {border-radius:5px;}
    .home-product dd .text {padding:15px 10px 15px 15px;}
    .home-product dd .text:before {right:15px;top:-20px;width:80px;height:80px;}
    .home-product dd .text .title {height:30px; line-height: 30px;}
    .home-product dd .text .title a {font-size:20px;}
    .home-product dd .text .subtitle {height:20px; line-height: 20px; margin:5px 0 25px 0}
    .home-product dd .text .price span {font-size:12px;margin:1px 0 0 0}
    .home-product dd .text .price font {font-size:20px}
    .home-product dd .text .home-more {right:15px;bottom:15px}
    .home-more a {font-size:14px;}
    .home-more a font {margin:5px 8px 0 0}
    .home-more h2 {width:32px;height:32px;}
    .home-more h2 p {width:20px;height:20px; line-height:13px;}
    .home-more h2 p span {font-size:14px;}
    .home-product .swiper-button-next,.home-product .swiper-button-prev {bottom:-5px;}
    .home-product .swiper-button-next:after,.home-product .swiper-button-prev:after {font-size:16px;}
    .home-product .swiper-button-prev {margin-left:-90px;}
    .home-product .swiper-button-next{margin-right:-90px}
    .home-product .swiper-container {padding-bottom:50px}
    .home-product .swiper-pagination-bullet {width:30px;}
    .home-product .swiper-pagination-bullet-active,.home-product .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,.home-product .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {width:30px;}
    .namemj {top:-50px}
    .home-five {padding:35px 0 40px 0}
    .home-five li:before {width:100px;height:122px;}
    .home-five li:after {left:8%;top:5%;margin-left:45px}
    .home-five li.active:after {height:90%}
    .home-five li .icon {left:8%;top:5%;margin-left:-3px}
    .home-five li .icon img {height:35px}
    .home-five li .title { left:8%;top:5%; width:30px; font-size:18px;line-height: 20px; margin:42px 0 0 6px}
    .home-five li .gs { left:6%;bottom:5%;height:90%;line-height: 14px;font-size:12px;margin-left:5px}
    .home-five li .more {right:9%;bottom:5%;}
    .home-five li .more a {width:30px;height:30px;}
    .home-five li .more a span {margin:0 0 0 5px;font-size:16px; line-height: 30px;} 
    .home-part {margin:35px 0 40px 0}
    .home-part img {height:60px}
    .home-part .home-subject {margin-bottom:30px}
    .home-line {border-top-width:1px;}
    .home-customer {padding:35px 0 40px 0}
    .home-customer .swiper-slide .in {border-radius:10px;padding:25px 0 15px 0}
    .home-customer .swiper-slide .icon {width:25px;height:25px;margin:0 0 0 15px; background-size:100%}
    .home-customer .swiper-slide .area {border-radius:10px;padding:20px 15px 15px 20px}
    .home-customer .swiper-slide .content {font-size:13px; line-height: 1.6; min-height:80px;}
    .home-customer .swiper-slide .row .person {width:60px;height:60px;}
    .home-customer .swiper-slide .row .text {margin:6px 0 0 10px}
    .home-customer .swiper-slide .row .text .star {font-size:16px;}
    .home-customer .swiper-slide-active .in {border-color:#ea5715;}
    .home-customer .swiper-slide-active .area { background: #fff}
    .home-customer .swiper-slide-active .icon {opacity:1}
    .home-customer .swiper-container{padding:0 0 40px 0}
    .foot {padding:25px 0 10px 0}
    .foot .btn {margin-right:-5px}
    .foot .home-subject {margin-top:15px}
    .foot .home-subject .subject-title {font-size:27px; letter-spacing: 1px}
    .foot .home-subject .subject-content {font-size:14px;margin-top:10px}
    .foot .btn a { width:200px;height:102px;margin:0 0 0 5px}
    .foot .btn a:hover {top:0}    
    .footer {font-size:14px;padding:30px 0 0 0}
    .footer .left {width:550px}
    .footer .left .logo a {width:178px;height:50px; background-size:100%}
    .footer .left .ad {font-size:14px;margin:0px 0 30px 0; line-height: 1.8;}
    .footer .left .subject {font-size:20px;}
    .footer .left .email-form {width:300px;padding:0 0 10px 0;margin:10px 0 20px 0}
    .footer .left .email-form input {width:200px; font-size:14px;font-weight:400}
    .footer .left .email-form button {font-size:18px;}
    .social li {margin:0 20px 0 0}
    .social li a img {height:15px;}
    .social li .info {bottom:25px;left:-35px}
    .social li .info .code {width:130px;height:138px;}
    .social li .info .code img {width:100px;height:100px;margin:11px 0 0 12px}
    .footer .right {width:250px}
    .footer .right .menu {display:none;}
    .footer .right .down-btn {display:block;margin-top:0px;width:150px}
    .footer .right .down-btn .text {width:260px}
    .footer .right .down-btn .text .t {font-size:20px;}
    .footer .right .down-btn .app-google {margin-top:35px}
    .app-google ul {display:block}
    .app-google li a {height:40px; line-height:37px; border-radius:3px;font-size:16px;padding:0 15px}
    .app-google li a i {width:15px;height:18px;margin:10px 10px 0 0}
    .app-google li.google a i {width:15px;height:18px;}
    .app-google li.google {margin:20px 0 0 0}
    .app-google li .info {bottom:40px;right:-9px;}
    .app-google li .info .code {width:130px;height:138px;}
    .app-google li .info .code img {width:100px;height:100px;margin:12px 0 0 12px}
    .app-google li .info .des { right:-20px;height:120px;}
    .footer .copy {padding:30px 0 20px 0;}
    .footer .copy .wrap {padding-top:18px;} 
    .top-pic {height:400px}
    .top-pic:after {width:345px;height:74px;}
    .top-pic .text .subject {padding:0 0 0 30px; font-size:20px; letter-spacing: 1px;margin-top:20px}
    .top-pic .text .subject:before {width:20px;height:20px;top:0px;}
    .top-pic .text .title {font-size:25px; margin:50px 0 10px 0;}
    .top-pic .text .content {font-size:14px;}    
    .about .subject {border-bottom-width:1px;padding:35px 0 35px 0;margin:0 0 35px 0}
    .about .subject .title {font-size:22px; line-height: 1.6;width:55%}
    .about .subject .logo {width:40%}
    .about .content {margin:0 0 120px 0}
    .about .content td {width:47%;padding:0 3% 0 0;}
    .about .content td:nth-child(2) {padding:0 0 0 3%}
    .culture {padding:0 0 40px 0}
    .culture .about-pic img {margin-top:-80px}
    .culture ul {gap:20px;margin-top:20px}
    .culture li {width:calc(50% - 10px);width:-webkit-calc(50% - 10px);padding:20px 20px 25px 25px;}
    .culture li .icon {width:60px;}
    .culture li .title {font-size:18px; line-height: 1.6;margin:30px 0 5px 0;}
    .culture li .content {font-size:14px; line-height: 1.8;}    
    .about-value{padding:30px 0 0 0}
    .about-value:before {height:300px;}
    .about-value .subject h2 {font-size:30px; letter-spacing: 1px;}    
    .about-value .home-five {padding:0 0 30px 0;margin-top:30px}
    .about-value .home-five ul {border-radius:5px}
    .about-value .home-five li:first-of-type {border-top-left-radius:5px;border-bottom-left-radius:5px;}
    .about-value .home-five li:last-of-type {border-top-right-radius:5px;border-bottom-right-radius:5px;}
    .about-value .home-five li {height:380px;}
    .about-value .home-five li .title {margin-top:45px;margin-left:8px;font-size:20px;line-height: 25px}
    .about-value .home-five li .icon img {height:35px}
    .about-value .home-five li .gs {margin-left:4px;font-size:14px;line-height: 20px; letter-spacing: 0.5px}
    .history {padding:0px 0 40px 0}    
    .history .list,.history .swiper-slide .in .area .pic {height:300px}
    .history .list:before {right:20px;}
    .history .list:after {width:10px;height:112px;margin-top:-56px; background-size:100%}
    .history .swiper-slide .in {padding:0 0px 0 0; }    
    .history .swiper-slide .in .area {margin:0 32px 0 0}
    .history .swiper-slide .in .area .text {padding:30px 25px 0 25px;}
    .history .swiper-slide .in .area .text:before {left:25px;}
    .history .swiper-slide .in .area .text .title {font-size:22px; margin:0 0 15px 0}
    .history .swiper-slide .in .area .text .content {font-size:16px; line-height: 1.6}   
    .history .swiper-slide .in .year {display:none;}    
    .history .swiper-pagination-vertical.swiper-pagination-bullets,.history .swiper-vertical>.swiper-pagination-bullets{right:19px;}
    .history .swiper-slide .in .area .text {border-top-left-radius:5px;border-bottom-left-radius:5px; }
    .history .swiper-slide .in .area .pic img {border-top-right-radius:5px;border-bottom-right-radius:5px;}
    .product-bg:before {height:370px;}
    .product-bg.height-450:before {height:250px}
    .product-first {padding:35px 0 0 0}
    .product-first .row {border-radius:5px;padding:10px 4% 0 4%;}
    .product-first .row:before {width:400px;height:85px;}
    .product-first .row .text {padding:20px 0 25px 0}
    .product-first .row .text .icon img {height:40px}
    .product-first .row .text .title {font-size:25px; line-height:35px;margin:20px 0 0 0}
    .product-first .row .text .subtitle {font-size:16px;margin:5px 0 20px 0;}
    .product-first .row .text .content {margin:0 0 30px 0}
    .product {padding:20px 0}
    .product dd .text {padding-top:18px;padding-bottom:20px;}
    .product dd .text:before {top:-40px; width:120px;height:120px;}
    .product dd .text .subtitle {line-height: 19px;margin:8px 0 20px 0}
    .product dd .text .home-more {bottom:20px;right:20px}
    .product-tech {padding:0}
    .product-tech .row .text {padding-top:0}
    .product-tech .pic {height:400px}
    .product-tech .pic img {border-radius:5px}    
    .product-service {padding:35px 0 40px 0;}
    .product-service li {height:330px}
    .product-service li:before {width:120px;height:130px;}
    .product-service li:after {width:180px;height:38px;}
    .product-service li:first-of-type{border-top-left-radius:5px;border-bottom-left-radius:5px;}
    .product-service li:last-of-type{border-top-right-radius:5px;border-bottom-right-radius:5px;}
    .product-service li div.icon {left:8%;top:6%;}
    .product-service li div.icon img {height:35px}
    .product-service li .title {left:8%;top:6%; width:30px; font-size:20px;line-height: 22px; margin:50px 0 0 9px}
    .product-service li .gs {left:8%;top:6%;line-height: 20px;margin:53px 0 0 35px}
    .product-service li .home-more {left:8%;bottom:15px; }
    .value-5 {padding:35px 0 40px 0}
    .value-5 ul {border-radius:5px}
    .value-5 li { height:400px;}
    .value-5 li:first-of-type,.value-5 li:first-of-type .over-show .pic,.value-5 li:first-of-type .over-show .pic:before {border-top-left-radius:5px;border-bottom-left-radius:5px;}
    .value-5 li:last-of-type,.value-5 li:last-of-type .over-show .pic,.value-5 li:last-of-type .over-show .pic:before {border-top-right-radius:5px;border-bottom-right-radius:5px;}
    .value-5 li .show:before {width:40px;height:106px;}
    .value-5 li .show .icon {width:30px;left:10%;top:20px}
    .value-5 li .show .title {font-size:20px;left:10%;top:65px;margin-left:4px; letter-spacing:1px}
    .value-5 li .show .gs {left:10%;bottom:20px;margin-left:0px;}
    .value-5 li .over-show div.icon {right:5%;top:20px;width:30px;}
    .value-5 li .over-show .text {left:5%;width:90%;top:15px; }
    .value-5 li .over-show .text .title {font-size:20px;}
    .value-5 li .over-show .text .subtitle {font-size:16px;padding:5px 0 20px 0;margin:0 0 20px 0;}
    .value-5 li .over-show .home-more {left:5%;bottom:20px;}
    .suyuan li:before {width:10px;height:10px;border-width:2px;margin-left:-7px;}
    .suyuan li .text {font-size:16px;}
    .suyuan li .text .title {margin:0 0 5px 0}
    .suyuan li .text .content {font-size:14px;}
    .suyuan {padding:0 0 40px 0}
    .value-price {padding:35px 0 40px 0;}
    .value-price .text .content li {padding:0 6%;font-size:14px}
    .value-price .text .content li:before {width:80px;height:58px;}
    .value-price .text .content li h3 {font-size:18px;}    
    .join-hezuo{padding:35px 0 40px 0}
    .join-hezuo ul{gap:20px;}
    .join-hezuo li {width:calc(30% - 10px);width:-webkit-calc(30% - 10px);height:380px; }
    .join-hezuo li:before {width:100px;height:102px}
    .join-hezuo li.active {width:calc(40% - 10px);width:-webkit-calc(40% - 10px);}
    .join-hezuo li .show {top:20px;width:85%;}
    .join-hezuo li .show div.icon {width:40px;top:-4px;}
    .join-hezuo li .show .title {font-size:20px;}
    .join-hezuo li .show .subtitle {line-height: 1.6;font-size:14px;padding:8px 0 20px 0;margin:0 0 20px 0;}
    .join-hezuo li .show .content {font-size:13px;}
    .join-hezuo li .show .home-more {bottom:40px;left:-63px; }
    .join-hezuo li,.join-hezuo li .pic,.join-hezuo li .pic img,.join-hezuo li .pic:before {border-radius:5px;}
    .join-adv {padding:35px 0 40px 0}
    .join-adv:before {height:300px;}
    .join-adv ul {gap:20px;}
    .join-adv li {width:calc(33.3333% - 13.3333px);width:-webkit-calc(33.3333% - 13.3333px);border-radius:5px; padding:30px 3% 80px 3%;}
    .join-adv li .title {font-size:18px;margin:20px 0 10px 0;}
    .join-adv li .content {font-size:13px;line-height: 1.7;color:#333}
    .join-adv li .pic {width:80px;height:80px;}
    .join-adv li .pic img {width:50px;}    
    .join-case .col {border-radius:5px;padding:20px 4% 20px 4%;}
    .join-case .col .tubiao:before {width:20px;height:20px;margin-left:-10px;;}
    .join-case .col .tubiao:after {width:20px;height:20px;margin-left:-10px}
    .join-case .col .text {font-size:14px;line-height: 25px;margin:35px 0 15px 0;min-height:50px;}
    .join-case .col .pic img {height:60px}    
    .join-message {padding:35px 0 40px 0}
    .message {padding:20px 20px 30px 20px;}
    .message li {margin:0 0 15px 0}
    .message li .col {width:48.5%}
    .message li .full {width:100%}
    .message li p {font-size:14px;margin:0 0 5px 0}
    .message li input[type="text"] {height:40px;border-width:1px;padding:0 10px;font-weight:400}
    .message li select {height:40px;border-width:1px;padding:0 10px;font-weight:400;}
    .message li textarea {border-width:1px;padding:8px 10px;height:150px;font-weight:400}
    .message li.btn {padding:10px 0 0 0}
    .message li.btn button { height:40px;width:100px;border-radius:3px;margin:0 5px}
    .news-current {padding:12px 0 10px 0;font-size:12px; line-height: 1.6}
    .news-current .icon-homepage_fill {font-size:12px;}
    .news-current .icon-iconfonti {margin:-1px -1px 0 0px;display:inline-block;vertical-align: top;}
    .news-tj {padding:35px 0 30px 0}
    .news-tj .swiper-slide .pic h2 { height:260px;border-top-left-radius:5px;border-bottom-left-radius:5px;}
    .news-tj .swiper-slide .text {height:260px;padding:20px 4.5%;border-radius:5px;}
    .news-tj .swiper-slide .text .cate a {height:25px; line-height: 25px;border-radius:25px;padding:0 10px;}
    .news-tj .swiper-slide .text .cate .icon-shijian {margin:0 5px 0 10px;font-size:14px;}
    .news-tj .swiper-slide .text .cate font {font-size:14px;}
    .news-tj .swiper-slide .text .title {height:30px; line-height: 30px;margin:10px 0 15px 0}
    .news-tj .swiper-slide .text .title a {font-size:18px;}
    .news-tj .swiper-slide .text .content { line-height: 25px;height:50px;margin:0 0 30px 0;font-size:14px;color:#666}
    .news-tj .swiper-container {padding:0 0 40px 0}    
    p.line {top:40px;}
    .news-cate ul {padding:20px 0 15px 0;}
    .news-cate li {margin:0 10px;}
    .news-cate li a {font-size:16px;}    
    .get_more{ width:120px;margin:30px 0 0 -60px;}
    .get_more p {height:35px; line-height:33px;font-size:16px;border-radius:5px;}
    .get_more p i {width:16px;height:16px;margin:10px 10px 0 0}
    .news {padding:35px 0}
    .news .item {border-radius:5px}
    .news .item .pic {border-top-left-radius:5px;border-top-right-radius:5px;}
    .news .item .pic img {border-top-left-radius:5px;border-top-right-radius:5px;}
    .news .item .text {border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:15px 6% 20px 6%;}
    .news .item .text:before {border-bottom-right-radius:5px;width:85px;height:60px;}
    .news .item .text .cate a {font-size:14px;height:25px; line-height: 25px;border-radius:25px;padding:0 8px;}
    .news .item .text .cate .icon-shijian {margin:0 5px 0 10px;font-size:14px;}
    .news .item .text .cate font {font-size:14px;}
    .news .item .text .title {margin:8px 0 15px 0}
    .news .item .text .title a {font-size:16px;}
    .news .item .text .content { line-height: 25px;height:50px;font-size:13px; }
    .news .item .text .line {margin:20px 0}    
    .news-email {padding:35px 0 40px 0;}
    .news-email form {width:400px;}
    .news-email form input {height:35px;border-width:1px;border-radius:5px;width:250px;padding:0 10px;font-weight:400}
    .news-email form button {width:115px;height:37px;border-radius:5px;font-size:14px;}
    .news-email form button i {width:16px;height:16px;margin:3px 8px 0 0;}
    .news-email .notice {width:300px;padding:8px 150px 0 0; font-size:11px;}    
    .news-show {padding:55px 0 40px 0}
    .news-show .news-current {margin-bottom:30px;padding-bottom:15px}
    .news-left {width:100%}
    .news-left .title {font-size:20px;line-height: 1.5;padding:0 0 10px 0}
    .news-left .subtitle {padding:13px 0 15px 0;margin:0 0 30px 0;font-size:14px;}
    .news-left .subtitle a {font-size:14px;height:25px; line-height: 24px;border-radius:25px;padding:0 8px;}
    .news-left .subtitle font {margin:0 2px}
    .news-left .subtitle .clicks span {font-size:16px; margin:5px 4px 0 0;}
    .news-right {display:none}    
    .service-teacher:before {height:250px;}
	.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;}
    .video-info {padding: 5px 0 0 0; text-align: center;}
    .video-info h2 {font-size:14px;}    
    .service-teacher {padding:35px 0 40px 0;}
    .service-teacher li {border-radius:5px;}
    .service-teacher li .pic{border-radius:5px;}
    .service-teacher li .pic:after {width:40px;height:40px;margin:-20px 0 0 -20px;}
    .service-teacher li .text {padding:15px 8% 22px 8%; }
    .service-teacher li .text:before {width:90px;height:68px;}
    .service-teacher li .text .title {font-size:18px;margin:0 0 5px 0}    
    .service-down {padding:35px 0 0 0}
    .service-down .row-1 .text {width:45%;padding:3% 0 20px 0}
    .service-down .row-1 .text .home-subject .subject-content {margin-bottom:20px}
    .service-down .row-1 .text .app-google {margin:30px 0 0 0;}
    .service-down .row-1 .text .app-google li {display:inline-block; vertical-align: top;}
    .service-down .row-1 .text .app-google li.google {margin:0 0 0 15px;}
    .service-down .row-2 {padding:35px 0}
    .service-down .row-2 .wx {padding:5% 0;border-radius:5px;}
    .service-down .row-2 .wx:before {width:155px;height:99px;}
    .service-down .row-2 .wx .code {width:150px;}
    .service-down .row-2 .wx .des {margin-left:5%}
    .service-down .row-2 .wx .des p {font-size:18px; line-height: 1.4;margin:0 0 3px 0}
    .service-faq {padding:0 0 40px 0}
    .accordionservice li {margin:0 0 10px 0}
    .accordionservice li .subject {left:20px;top:17px;font-size:18px; }
    .accordionservice li .link {padding:12px 70px 12px 50px;font-size:16px; line-height: 28px;}
    .accordionservice li .link span {right:20px;top:16px;font-size:22px;}
    .accordionservice .submenu {padding:17px 50px 30px 50px;font-size:14px;}
    .service-faq .area .content {font-size:16px;margin-top:-10px}
    .service-faq .area .btn {width:130px;height:40px; line-height: 39px; border-radius:8px;margin:10px auto 0 auto}
    .service-faq .area .btn a { font-size:16px;}
    .service-faq .area .btn i {width:20px;height:20px;margin:10px 10px 0 0}    
    .service-sale {padding:35px 0 40px 0}
    .service-sale dl {gap:20px;}
    .service-sale dd {width:calc(50% - 10px);width:-webkit-calc(50% - 10px);}
    .service-sale dd .pic,.service-sale dd .text {min-height:350px;}
    .service-sale dd .pic {border-radius:15px;padding:3%;}
    .service-sale dd .pic p {border-radius:10px;padding:5px;}
    .service-sale dd .pic p img {max-width:70%}
    .service-sale dd .text {border-radius:15px;padding:20px 4%;}
    .service-sale dd .text .title {font-size:20px;line-height: 1.6;}
    .service-sale dd .text .subtitle {font-size:14px;margin:0 0 15px 0}
    .service-sale dd .text li {padding:0 0 0 8px}
    .service-sale dd .text li:before {top:11px;width:3px;height:3px;}
    .service-sale dd .text .content {font-size:14px}
    .contact {margin:35px 0 0 0}
    .contact ul {border-radius:5px}
    .contact li {padding:30px 0;}
    .contact li .in {padding:0 20px}
    .contact li .icon img {width:40px;}
    .contact li .title {margin:15px 0 5px 0}
    .contact li .subtitle {font-size:16px; margin:0 0 5px 0}
    .contact li .title,.contact li .content {font-size:14px;}
    .name-map {top:-50px}
    .contact-map {height:400px; margin-top:-100px}
    .contact-map p {margin:165px 0 0 -120px;width:200px}    
    .contact-message .message {border-radius:5px;}
    .contact-message .message li p {font-size:14px;}
    .contact-message .message li input[type="text"],.contact-message .message li select,.contact-message .message li textarea {border-radius:3px;font-size:14px;padding:0 10px}
    .contact-message .message li select {padding:0 6px;}
    .contact-message .message li textarea {padding:10px 10px}    
    .contact-focus {padding:35px 0 40px 0}
    .new_telst {margin:30px 0;}
    .new_telst li {margin:0 15px}
    .new_telst li img {height:20px;}
    .new-wrap {min-height:0}
    .new-wrap .www {padding:0px 0 0 0}
    .new-wrap .www a {font-size:16px;}
    .new-wrap .code {width:200px;height:200px;background-size:100%}
    .new-wrap .code img {width:160px;height:160px;margin:20px 0 0 20px;}
    .new-wrap .title {font-size:18px; margin:13px 0 0 0}
}

@media only screen and (max-width:788px){
    .indpics .swiper-slide {height:60vh;}
    .home-four ul {align-items:left;justify-content:center;flex-wrap: wrap;gap:20px}
    .home-four li { background: none;width:calc(50% - 10px);width:-webkit-calc(50% - 10px);height:100%; }
    .home-four li .left {width:100px; background: #ea5715;border-radius:10px; overflow: hidden;}
    .home-four li .left:before {content:'';position: absolute;left:0;bottom:0;width:100%; background: url("../images/home-four-mb-icon.png") no-repeat center; z-index: 10;height:22px; background-size:100%}
    .home-four li .left img {max-width:50px;margin:25px auto 0 auto}
    .home-four li .right { overflow: hidden;margin:0 0 0 100px;padding:10px 15px 10px 30px;border:1px solid #ea5715;border-radius:10px; position: relative}
    .home-four li .right:before {content:'';position: absolute;right:-15px;top:-15px;width:80px; background: url("../images/home-four-mb-right.png") no-repeat center; z-index: -1;height:80px; background-size:100%}
    .home-four li .right .title {height:40px; line-height: 40px;font-size:25px;}
    .home-four li .right .subtitle {height:50px; line-height: 25px;font-size:16px;margin:5px 0 20px 0}
    .home-four li .right .content {height:30px; line-height: 15px;font-size:10px;}
    .home-video #myvideo {height:300px}
    .home-part img {height:50px}    
    .foot {padding:25px 0 10px 0}
    .foot .home-subject {margin-top:2px}
    .foot .home-subject .subject-title {font-size:22px;}
    .foot .home-subject .subject-content {font-size:12px;}
    .foot .btn a { width:150px;height:76px;margin:0 0 0 2px}
    .top-pic {height:300px}
    .top-pic:after {width:300px;height:64px;}
    .top-pic .text .subject {padding:0 0 0 25px; font-size:18px;}
    .top-pic .text .subject:before {width:18px;height:18px;top:0px;}
    .top-pic .text .title {font-size:20px; margin:30px 0 5px 0;}
    .top-pic .text .content {font-size:13px;}
    .about-value .subject h2 {font-size:25px;}  
    .history .list,.history .swiper-slide .in .area .pic {height:250px}
    .history .swiper-slide .in .area .text:before{width:100px;height:65px;}
    .product dd .text { overflow: hidden;}
    .product dd .text .home-more {bottom:auto;top:15px;}
    .product dd .text:before {top:auto;bottom:-40px;}
    .product-service li {height:330px}
    .product-service li:before {width:100px;height:108px;}
    .product-service li:after {width:120px;height:26px;}
    .news .item {width:48%}
    .service-down .row-1 .text {padding:0 0 20px 0}
    .service-down .row-2 .wx {padding:4% 0;}
    .service-sale dl {gap:0;flex-wrap: wrap}
    .service-sale dd {width:100%;margin-top:4%}
    .service-sale dd:nth-child(1) {margin-top:0}
    .contact ul {padding:20px 0}
    .contact li {width:50%;padding:20px 0}
    .contact li:nth-child(2) .in:before {display:none;}
}

@media only screen and (max-width:640px){
    .indpics .swiper-slide .text .icon {margin:30px 0 15px 0}
    .indpics .swiper-slide .text .title {font-size:28px; line-height: 1.4;}
    .indpics .swiper-slide .text .subtitle {font-size:14px;letter-spacing:0px;margin:5px 0 0 0}
    .indpics .swiper-slide .text .content {font-size:12px; line-height: 1.4;margin:30px 0 0 0;}    
    .home-four ul {gap:10px}
    .home-four li {width:calc(50% - 5px);width:-webkit-calc(50% - 5px);}
    .home-four li .left {width:40px;border-radius:8px;}
    .home-four li .left:before {height:11px;}
    .home-four li .left img {max-width:25px;margin:18px auto 0 auto}
    .home-four li .right {margin:0 0 0 40px;padding:10px 5px 10px 12px;border-radius:8px;}
    .home-four li .right:before {width:50px;height:50px; }
    .home-four li .right .title {height:30px; line-height: 30px;font-size:20px;}
    .home-four li .right .subtitle {height:44px; line-height: 22px;font-size:14px;margin:2px 0 15px 0}
    .home-four li .right .content {height:24px; line-height: 12px;font-size:9px;}
    .home-video #myvideo {height:200px}    
    .home-product dd {width:100%}
    .designlayer {width:320px;margin-left:-160px;height:431px;margin-top:-215px;}
    .designlayer span.iconfont {right:-3px;top:-6px;}
    .designlayer .logo img {width:150px;margin:32px 0 10px 0}
    .designlayer .subject {font-size:13px;}
    .designlayer .wx img {width:150px;margin:45px 0 0 0}
    .designlayer .title {width:150px;}
    .designlayer .title p {margin:10px 0 2px 0}
    .home-five ul {display:block;}
    .home-five li {flex:none;border-width:0;border-bottom:1px solid #ece5d5}
    .home-five li:last-of-type {border:0}
    .home-five li .pic { padding:0;height:160px}    
    .home-five li:after {left:6%;top:10%;margin-left:0;height:1px;width:0;margin-top:60px}
    .home-five li.active:after {height:1px;width:88%}
    .home-five li .icon {left:6%;top:15%;margin-left:0}
    .home-five li .icon img {height:35px}
    .home-five li .title { left:6%;top:15%; width:auto; margin:8px 0 0 45px}
    .home-five li .gs { left:4%;bottom:15%;height:80%;font-size:14px;line-height: 22px;margin-left:5px;writing-mode:horizontal-tb;}
    .home-five li .more {right:6%;bottom:17%;}
    .home-five li .more a span {line-height: 22px;margin:0 0 0 6px} 
    .home-customer .swiper-slide .content {min-height:120px;}
    .foot {padding:30px 0 20px 0}
    .foot .wrap {display:block; text-align: center}
    .foot .home-subject .subject-title,.foot .home-subject .subject-content {text-align:center}
    .foot .home-subject .subject-title {font-size:25px;}
    .foot .home-subject .subject-content {font-size:14px;}
    .foot .btn {margin:20px 0 0 0}
    .foot .btn a { width:140px;height:71px;margin:0 2px}
    .footer {text-align:center}
    .footer .area .wrap {display:block}
    .footer .left,.footer .right {width:auto}
    .footer .left .logo a {margin:0 auto}
    .footer .left .email-form {margin:15px auto 25px auto}    
    .footer .left .email-form {width:270px;}
    .footer .left .email-form input {width:170px;}    
    .social ul {align-items: center;justify-content: center;width:100%}
    .social li,.social li:last-of-type {margin:0 10px}
    .footer .right .down-btn {display:block;width:100%;margin:30px 0 0 0}
    .footer .right .down-btn .text {width:100%; text-align: center}
    .app-google ul {display:flex;align-items: center;justify-content: center}
    .app-google li a {height:35px; line-height:33px;font-size:14px;}
    .app-google li a i {width:12px;height:14px;margin:9px 8px 0 0}
    .footer .right .down-btn .app-google {margin-top:25px}
    .app-google li.google a i {width:15px;height:18px;}
    .app-google li.google {margin:0 0 0 10px}
    .top-pic {height:250px}
    .top-pic:after {width:200px;height:43px;}
    .top-pic .text .subject {padding:0 0 0 22px; font-size:16px;margin-top:45px}
    .top-pic .text .subject:before {width:15px;height:15px;top:1px;}
    .top-pic .text .title {margin:25px 0 5px 0; letter-spacing: 0}
    .top-pic .text .content {font-size:13px; letter-spacing: 0}
    .about .subject {display:block;}
    .about .subject .title {width:100%;margin:60px 0 0 0}
    .about .subject .logo {width:200px; position: absolute;top:35px;left:0}
    .about .content td {width:100%;padding:0;display:block;}
    .about .content td:nth-child(2) {padding:20px 0 0 0}
    .culture ul {display:block;gap:0;margin:0}
    .culture li {width:100%;margin-top:4%}
    .about-value .subject h2 {font-size:20px;}    
    .about-value .home-five li {height:150px;border:0;border-bottom:1px solid rgba(234,87,21,0.3);box-shadow: inset 0 0 0 -0 rgba(0, 0, 0, 0)}
    .about-value .home-five li:first-of-type {border-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;}
    .about-value .home-five li:last-of-type {border-radius:0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border:0}
    .about-value .home-five li .title {margin-top:8px;margin-left:45px;}
    .about-value .home-five li .icon img {height:35px}
    .about-value .home-five li .gs {margin:0 0 0 10px;top:5px}    
    .history .swiper-slide .in .area .text {border-bottom-left-radius:0;border-top-right-radius:5px;}
    .history .swiper-slide .in .area .pic img {border-top-right-radius:0;border-bottom-left-radius:5px; }
    .history .list,.history .swiper-slide .in .area .pic {height:350px;}
    .history .swiper-slide .in .area .text {padding:20px 20px 0 20px; position: relative;width:100%;height:200px}
    .history .swiper-slide .in .area .text:before {left:20px;}
    .history .swiper-slide .in .area .text .title {font-size:20px; margin:0 0 10px 0}
    .history .swiper-slide .in .area .text .content {font-size:14px; line-height: 1.7}   
    .history .swiper-slide .in .area .pic {width:100%;height:150px;position: absolute;left:0;top:200px;}
    .product-first .row {flex-wrap: wrap;padding:40px 6% 10px 6%}
    .product-first .row .text {width:100%;order:2}
    .product-first .row .pic {width:100%;order:1}
    .product-first .row:before {width:300px;height:64px;}
    .product-tech .row {padding-top:0;padding-bottom:0;}
    .product-tech .row .text {padding:0}
    .product-tech .pic {height:380px}    
    .product-service ul {display:block;}
    .product-service li {height:210px;border-bottom:1px solid rgba(234,87,21,0.3);box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);}
    .product-service li:first-of-type{border-top-right-radius:5px;border-bottom-left-radius:0;}
    .product-service li:last-of-type{border-top-right-radius:0;border-bottom-left-radius:5px;border:0}
    .product-service li div.icon {left:6%;top:25px;}
    .product-service li .title {left:6%;top:0; width:auto; margin:31px 0 0 55px}
    .product-service li .gs {left:6%;top:0;line-height: 25px;margin:65px 0 0 55px;writing-mode:horizontal-tb;}
    .product-service li .home-more {left:6%;bottom:20px;margin-left:55px}
    .about-value .home-five li .icon {margin-left:0}
    .value-5 ul {display:block;}
    .value-5 li {width:100%;height:130px;border-right:0;border-bottom:1px solid #eeebe4;box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0);} 
    .value-5 li.active {width:100%;height:350px}
    .value-5 li:first-of-type,.value-5 li:first-of-type .over-show .pic,.value-5 li:first-of-type .over-show .pic:before {border-top-right-radius:5px;border-bottom-left-radius:0;}
    .value-5 li:last-of-type,.value-5 li:last-of-type .over-show .pic,.value-5 li:last-of-type .over-show .pic:before {border-top-right-radius:0;border-bottom-left-radius:5px;}
    .value-5 li .show .icon {left:5%;top:20px}
    .value-5 li .show .title {writing-mode: horizontal-tb;left:5%;top:25px;margin-left:45px;}
    .value-5 li .show .gs {line-height:1.6;writing-mode: horizontal-tb;left:5%;bottom:auto;top:60px;margin-left:45px;}
    .value-5 li .show:before {width:49px;height:150px;}
    .suyuan ul:before {left:0;}
    .suyuan li,.suyuan li:nth-child(odd) {width:100%;padding:0 0 0 30px;left:0;margin:30px 0 0 0}
    .suyuan li:before,.suyuan li:nth-child(odd):before {left:0;width:10px;height:10px;border-width:3px;margin-left:-7px;}
    .suyuan li .pic,.suyuan li:nth-child(odd) .pic {order:1}
    .suyuan li .text,.suyuan li:nth-child(odd) .text {text-align: left;order:2}
    .suyuan li .text .title {margin:0 0 5px 0}
    .value-price .text {display:block}
    .value-price .text .content {width:100%;}
    .value-price .text .content li {padding:20px 6%}
    .value-price .text .pic {width:100%}    
    .join-hezuo ul{display:block;gap:0;}
    .join-hezuo li {width:100%;height:350px;margin:20px 0 0 0}
    .join-hezuo li.active {width:100%;}
    .join-adv ul {gap:16px;}
    .join-adv li {width:calc(50% - 8px);width:-webkit-calc(50% - 8px);padding:20px 4% 50px 4%}
    .join-case .col {padding:20px 6% 20px 6%;}
    .join-case .col .pic img {height:45px}
    .news-tj .swiper-slide {display:block;}
    .news-tj .swiper-slide .pic {width:100%}
    .news-tj .swiper-slide .pic h2 { position: relative;height:auto;padding:28.8235% 0;}
    .news-tj .swiper-slide .pic h2 { border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:0;}
    .news-tj .swiper-slide .text {width:100%;height:auto;border-radius:5px;border-top-right-radius:0;border-left:1px solid #ddd;border-top-left-radius:0;padding:20px 5% 25px 5%}
    .news-tj .swiper-slide .text .title {height:auto; line-height: 30px;}
    .news-tj .swiper-slide .text .content { line-height: 25px;height:75px;}
    p.line {top:38px;}
    .news-cate ul {padding:20px 0 15px 0;}
    .news-cate li {margin:0 0 0 3.7%;}
    .news-cate li:nth-child(1) {margin-left:0}
    .news-cate li a {font-size:14px;}
    .news .single_item {width:100%;margin:-4% 0 0 -1%}
    .news .item {width:100%;margin-top:4%}    
    .news-email form {width:300px;}
    .news-email form input {width:160px;}
    .news-email form button {width:110px;}
    .news-email .notice {width:100%;padding:8px 0 0 0; text-align:center;}
    .news-left .subtitle {display:block;}
    .news-left .subtitle .autor span {display:none;}    
    .service-teacher ul {display:block;gap:0}
    .service-teacher li {width:100%;margin-top:20px}
    .service-teacher li:nth-child(1) {margin-top:0}    
    .service-down .row-1 {display:block;padding-bottom:10px}
    .service-down .row-1 .pic {width:100%}
    .service-down .row-1 .text {width:100%;padding:30px 0 30px 0; text-align: center}
    .service-down .row-1 .text .home-subject {text-align:center;}
    .service-down .row-2 .wrap {display:block;}
    .service-down .row-2 .text{width:100%; text-align: center}
    .service-down .row-2 .text .home-subject {text-align:center;}
    .service-down .row-2 .wx {width:100%;padding:6% 4%;margin-top:30px}
    .service-down .row-2 .wx:before {width:120px;height:79px;}
    .contact ul {padding:0px 0}
    .contact li {width:100%;padding:30px 20px;border-top:1px solid #d1d1d1}
    .contact li:first-of-type {border-top:0}
    .contact li .in:before {display:none;}    
    .new_telst li {margin:0 8px}
    .new_telst li img {height:18px;}
}

@media only screen and (max-width:358px){
   .service-down .row-2 .wx .code {width:120px;} 
}