@charset "utf-8";
@media only screen and (max-width:1850px){
	.bannerin .cons .t {font-size:3vw; line-height:3vw;padding-top:80px}
	.bannerin .cons .c {font-size:2vw;}
	.culture li .cons .icon img {height:100px;}
	.culture li .cons .title {font-size:32px;}
	.culture li .cons .content {font-size:30px;}
	.honor .swiper-container {margin:0 100px}
	.honor .swiper-button-prev {left:0px}
	.honor .swiper-button-next{right:0px}
	.honor .swiper-slide p {font-size:18px; line-height: 28px;}
	.honor .swiper-slide img {height:200px;}
	.historylist .company-history-btm{padding-left:8%}	
	.indpics .swiper-slide .cons .t2 {font-size:1.3vw;line-height: 1.3; letter-spacing: 0.25vw;}
	.indpics .swiper-slide .cons .t {font-size:3.38vw; line-height:1.4;letter-spacing: 0.8vw}
	.indpics .swiper-slide .cons .c {font-size:1.78vw; line-height: 1.4;}	
	.indmore a {height:2.6vw;line-height:2.53vw;font-size:1.3vw;border-radius:2.6vw;padding:0 1.3vw;}
	.indmore a:hover {padding:0 1.8vw}	
	.swiper-pagination-bullet {width:8vw;}
	.swiper-button-next,.swiper-button-prev {width:4vw;height:4vw;margin-top:-2vw;}
	.swiper-button-next:after,.swiper-button-prev:after {font-size:3vw;width:4vw;height:4vw;line-height:4vw; }
}

@media only screen and (max-width:1300px){
	.wrap {margin:0 4%;}
	.firstcate .list .pic {padding:0 480px 0 0}
	.firstcate .text {width:480px;}
	.culture li .cons .icon img {height:90px;}
	.culture li .cons .title {font-size:28px;}
	.culture li .cons .content {font-size:25px;}
	.subcompany li {min-height:290px}
	.join .cons {max-width:45%}
}

@media only screen and (max-width:1080px){	
	html,body,input,button,select,textarea {font-size:14px;}
	.phonemenu { display:block;}
	::-webkit-scrollbar {width: 1px;}
	.page_wrap {padding:30px 0 0 0;}
	.pager a,.pager span,.pager font {margin:2px 5px;width:25px; height:25px; line-height:25px;border-radius:25px;}
	.pager font {margin:0;} 
	.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px;}
	.pager i {line-height: 25px;margin:0 5px; letter-spacing: 2px}
	.fixtop .navpc {display:none;}
	.swiper-button-next,.swiper-button-prev {width:25px;height:25px;margin-top:-12px;border-width:1px;display:none;}
	.swiper-button-next:after,.swiper-button-prev:after {font-size:16px;width:25px;padding:0 2px 0 0;height:25px;line-height:25px; }
	.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:10px;}
	.swiper-pagination-bullet {width:30px;height:2px;border-radius:2px}
	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}
	.indpics .swiper-slide .cons .t2 {font-size:16px;line-height:24px; letter-spacing: 1px;}
	.indpics .swiper-slide .cons .t {font-size:30px; line-height:40px;margin:20px 0 5px 0; letter-spacing: 5px}
	.indpics .swiper-slide .cons .c {font-size:16px; line-height: 1.6;}
	.indpics .swiper-slide .cons .indmore {margin:25px 0 0 0}
	.indmore a { height:30px;line-height:28px;font-size:14px;border-radius:30px;padding:0 15px; letter-spacing: 1px;}	
	.indmore a:hover {padding:0 15px;}
	.fixtop {height:50px; }
	.fixtop .logo { top:12px;}
	.fixtop .logo a {width:109px; height:24px;}
	.fixtop .navpc {display:none;}
	.fixtop span.icon-fangdajing {right:40px;top:15px;font-size:20px; line-height: 20px;}
	.searchtop {top:50px;}
	.searchtop .wrap {border-bottom-width:1px}
	.searchtop #k {font-size:14px;height:30px;}
	.searchtop #sbtn {top:6px;font-size:20px; line-height: 20px;}
	.searchtop.active {padding:20px 0 25px 0;}
	.fixtop.active .nav__icon,.fixtop:hover .nav__icon {background-color:#000;}
	.fixtop.active .nav__icon:before,.fixtop.active .nav__icon:after,.fixtop:hover .nav__icon:before,.fixtop:hover .nav__icon:after {background:#000;}
	.fixtop.active .phonemenu .nav--active .nav__icon,.fixtop:hover .phonemenu .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
	.fixtop.active .phonemenu .nav--active .nav__icon:before,.fixtop.active .phonemenu .nav--active .nav__icon:after,.fixtop:hover .phonemenu .nav--active .nav__icon:before,.fixtop:hover .phonemenu .nav--active .nav__icon:after {background: #c81528}	
	.indsubject {font-size:16px; line-height: 16px;}
	.indsubject .t {margin:10px 0 45px 0; font-size:20px; line-height: 20px}
	.indsubject .t:before {bottom:-18px;width:30px;height:2px;}
	.indabout {height:400px}
	.indabout .content {font-size:14px;margin:0 0 30px 0}	
	.indabout-num { padding:35px 0}
	.indabout-num li:before {height:118px;}
	.indabout-num li:nth-child(1) {width:13%}
	.indabout-num li:nth-child(2) {width:21%}
	.indabout-num li:nth-child(3) {width:18%}
	.indabout-num li:nth-child(4) {width:16%}
	.indabout-num li:nth-child(5) {width:16%}
	.indabout-num li:nth-child(6) {width:16%}
	.indabout-num li .icon img {height:60px;}
	.indabout-num li .title {font-size:20px; line-height:25px;margin:10px 0 0px 0}
	.indabout-num li .title span {font-size:14px;top:-4px;}
	.indabout-num li .content {font-size:14px;}
	.indabout-num li:hover .in {top:0}	
	.indpro {padding:40px 0}
	.indpro ul {padding:30px 0 0 0;width:103%;margin:-3% 0 0 -1.5%;}
	.indpro li {border-radius:5px;width:30.3333%;margin:3% 1.5% 0 1.5%;}
	.indpro li .pic {border-top-left-radius:5px; border-top-right-radius:5px; }
	.indpro li .cons {padding:13px 25px 17px 25px; }
	.indpro li .cons .title {height:35px; line-height: 35px;font-size:18px;margin:0 0 10px 0}
	.indpro li .cons .more a {font-size:14px;}
	.indsummry {font-size:14px;}	
	.indcase {padding:40px 0;}
	.firstcate {margin:30px 0 0 0}
	.firstcate .list .pic {padding:0 270px 0 0}
	.firstcate .list .pic .in {height:140px;}
	.firstcate .text {width:510px;padding:20px 20px 0 10px;}
	.firstcate .text .e {font-size:20px;height:25px; line-height: 25px; margin:20px 0 0px 0; letter-spacing: 0}
	.firstcate .text .t {font-size:27.5px; line-height: 30px;height:30px;letter-spacing: 1px;right:-1px}
	.firstcate .content {font-size:14px;padding:15px 20px 17px 20px; }
	.indmore2 a {font-size:14px;width:110px;height:26px; line-height: 24px;}
	.indmore2 a span {font-size:14px; line-height: 14px;margin:6px 0 0 8px}
	.indcase li .title {height:40px; line-height: 40px;font-size:14px;}
	.indcase li .title i {width:16px;height:16px;margin:13px 0 0 6px}
	.indcase .indmore {margin:30px 0 0 0}	
	.indnews {padding:40px 0;}
	.indpartner {padding:40px 0 60px 0}
	.indpartner .list {margin:30px 0 45px 0}
	.indpartner .list p {padding:0 30px;}
	.indpartner .list p,.indpartner .list p img,#demo {height:45px;}
	.indpartner .text h2 { height:26px; line-height: 24px;border-radius:26px;padding:0 15px; top:-14px;font-size:14px;margin-left:-79px}
	.indnews .indmore2 {top:35px}
	.indnews .row .pic {border-radius:5px;height:168px}
	.indnews .row .addtime,.indnews li .addtime {font-size:13px;padding:15px 0 0 0}
	.indnews .row .title,.indnews li .title {font-size:14px; line-height: 23px;height:46px;margin:5px 0 20px 0;}
	.indnews .row .more {padding:0 0 8px 0}
	.indnews .row .more a {font-size:13px;}
	.indnews li {padding:13px 0 15px 0}
	.indnews li .title {margin-bottom:0;margin-top:5px}
	.indnews li .addtime {padding:0}	
	.foot {padding:35px 0 35px 0}
	.foot .menu {display:none;}
	.foot .logo {width:20%}
	.foot .list {width:73%}	
	.foot .list .up {padding:0 0 10px 0}
	.foot .list .up .cons {width:55%;}
	.foot .list .up .cons .company {font-size:18px; line-height: 18px;}
	.foot .list .up .cons .subject {font-size:12px; line-height: 12px;margin:15px 0 5px 0}
	.foot .list .up .cons .tel {font-size:30px; line-height: 30px;}
	.foot .list .up .ad {width:35%;padding:15px 0 0 0}
	.foot .list .down .cons .address {font-size:14px;}
	.foot .list .down .social {padding:10px 0 0 0}
	.foot .list .down .social li {margin-left:10px;width:60px}
	.foot .list .down .social li span img {width:50px}
	.foot .list .down .social li p {margin:5px 0 0 0}
	.foot .list .down .social li h2 {left:-23px;bottom:85px;width:100px;}
	.bannerin .pic {height:auto;padding:16% 0}
	.bannerin .cons {font-size:30px; line-height: 1.6;letter-spacing: 1px;}	
	.bgline {height:1px;}
	.namemj {top:-50px}
	.namemj1 {top:-50px}
	.navbar {height: 40px;display:none;}
	.navbar.active {top:50px;}
	.navbar-nav li {margin:0 4% 0 0;height:40px; line-height:39px}
	.navbar-nav li a {font-size:14px}
	.aboutblank.active {height:40px;display:none;}
	.bannerin .cons .t {font-size:25px; line-height: 25px;letter-spacing: 2px;padding:50px 0 5px 0}
	.bannerin .cons .c {font-size:16px; }
	.aboutsubject {padding:40px 0 0 0;margin:0 0 30px 0}
	.aboutsubject .t {font-size:22px; line-height: 22px;letter-spacing: 0.5px;}
	.aboutsubject .e {letter-spacing: 0.1px; font-size:14px; line-height: 14px; padding:8px 0 0 0}
	.about .left .t {font-size:18px; line-height: 28px;}
	.about .left .c {margin:20px 0 0 0}
	.about .left .l {width:170px;margin:10px 0 0 0}
	.about .right .pic {border-radius:5px;margin:55px 0 30px 0}
	.indnum li {width:28.2%;}
	.indnum li h3 {font-size:25px; line-height: 25px;letter-spacing: -0.5px}
	.indnum li h3:nth-child(2) {font-size:14px; line-height: 14px;margin:3px 0 0 0}
	.indnum li:nth-child(2) h3:nth-child(2) {margin-top:0px;font-size:16px; line-height: 16px;}
	.culture li .cons .icon img {height:50px;}
	.culture li .cons .title {font-size:22px;margin:3px 0 15px 0;}
	.culture li .cons .content {font-size:14px; line-height: 1.8}
	.honor .swiper-button-next,.honor .swiper-button-prev {display:block;}	
	.honor {padding:0 0 40px 0}
	.honor .aboutsubject {margin-bottom:40px}
	.honor .swiper-slide img {height:150px;}
	.honor .swiper-slide p {margin:10px 0 0 0;font-size:14px}
	.honor .swiper-container {margin:0 40px}
	.honor .swiper-button-next,.honor .swiper-button-prev {width:25px;height:25px;margin-top:25px;border-width:1px;}
	.honor .swiper-button-next:after,.honor .swiper-button-prev:after {font-size:16px;width:25px;height:25px;line-height:25px; }	
	.development {height:450px;margin:25px 0 0 0; background-size:cover;}
	.development .aboutsubject {margin-top:0}
	.development .aboutsubject .e {margin-bottom:40px}
	.development .cons {max-width:50%}
	.development .cons .icon img {width:50px;margin:0 0 5px 0}
	.development .cons .title {font-size:18px; line-height: 28px;margin:10px 0;}
	.development .cons .content {font-size:14px; }
	.development .cons .content:before {display:none;}	
	.responsibility {padding:0 0 40px 0}
	.responsibility .left .content {font-size:14px;}
	.responsibility .right{margin-top:40px}
	.historylist {margin:40px 0 35px 0}
	.historylist .company-history-btm{padding-left:4%}
	.chbu-wrap-le-year .std-tit2 {font-size:25px; line-height: 25px;left:-5px;}
	.chbu-wrap-le-info {padding: 0 50px 0 17px;margin:95px 0 0 0;}
	.chbu-wrap-le-info::after {left: -7px;top:3px;width: 15px;height: 15px; background-size:100%}
	.chbu-wrap-ri {top: 70px;}
	.chbu-wrap-ri:before {width: 2px;height: 70px;top: -35px;}
	span.chbu-wrap-ri-sp { height: 30px;}
	.chbu-li.chbu-first .std-tit2 {font-size:30px; line-height: 30px; left:-8px;top:-5px}
	.conslist .col {border-radius:5px;padding:10px;}
	.conslist .col .pic {border-radius:5px;}
	.conslist .col .title {height:25px; line-height: 25px; margin:17px 10px 10px 10px}
	.conslist .col .title a {font-size:18px;}
	.conslist .col .gs {font-size:14px;padding:0 10px}	
	.conslist .col .more {margin:15px 0 10px 0}
	.conslist .col .more a {font-size:16px; line-height: 16px;}
	.conslist .col .more a span {margin:2px 5px 0 0;font-size:20px; line-height: 20px;}
	.get_more{width:110px;height:30px; line-height: 28px; margin:40px 0 0 -55px;border-radius:30px}
	.get_more p {font-size:14px;}
	.product {padding:40px 0 45px 0}
	.product .subject {font-size:18px; line-height: 28px;margin:0 0 25px 0}
	.showpic {width:40%;margin:10px 0 0 0}
	.showcons {margin:5px 0 0 0}
	.showcons .t {font-size:20px; line-height: 30px;padding:0 0 0 12px;margin:0px 0 20px 0}
	.showcons .t:before {top:7px;width:3px;height:60%;}
	.showcons .c {font-size:14px;}
	.showcons .c h3,.showcons .c h2,.showcons .c h1 {font-size:16px; line-height: 28px;padding:0 0 8px 0;margin:0 0 15px 0}	
	.twomenu {border-radius: 44px;height:44px; line-height: 44px; padding:7px 50px 0 50px;margin:30px 0 35px 0}
	.twomenu .swiper-slide a {font-size:14px;height:30px; line-height: 29px;border-radius:30px}
	.twomenu .swiper-button-next,.twomenu .swiper-button-prev {width:25px;height:25px;margin-top:-13px;border-width:1px;display:block}
	.twomenu .swiper-button-next:after,.twomenu .swiper-button-prev:after {font-size:14px;width:25px;padding:0 2px 0 0;height:25px;line-height:25px;}
	.twomenu .swiper-button-prev {left:10px}
	.twomenu .swiper-button-next{right:10px}	
	.case {padding:0 0 40px 0}
	.conslist2 .col {border-radius:5px;}
	.conslist2 .col .pic {padding:25.8% 0;border-top-left-radius:5px;border-top-right-radius:5px;}
	.conslist2 .col .title {height:20px; line-height: 20px; margin:12px 10px 8px 10px}
	.conslist2 .col .title a {font-size:16px;}
	.conslist2 .col .title2 {padding:0 12px}
	.conslist2 .col .more a {font-size:14px; line-height: 14px;}
	.conslist2 .col .more a span {margin:5px 4px 0 0;font-size:16px;}	
	.cshow {padding:0 0 50px 0}
	.cshow .back {margin:30px 0 5px 0}
	.cshow .back a {font-size:14px;}
	.cshow .back span {margin:5px 5px 0 0;font-size:16px; }
	.cshow .title {font-size:20px; line-height: 30px;;}
	.cshow .title2 {font-size:14px; line-height: 25px;margin:5px 0 -10px 0}
	.cshow .subject {font-size:18px; line-height: 28px;padding:0 0 10px 0;margin:30px 0 0 0}
	.cshow .content {font-size:14px;margin:20px 0 0 0}
	.cshow .content td {padding:5px 0 7px 0;}
	.cshow .plist {margin:35px 0 0 0}
	.cshow .swiper-horizontal>.swiper-pagination-bullets,.cshow .swiper-pagination-bullets.swiper-pagination-horizontal,.cshow .swiper-pagination-custom,.cshow .swiper-pagination-fraction {bottom:-25px;}
	.cshow .swiper-pagination-bullet {width:5px;height:5px;}
	.cshow .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.cshow .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px}
	.news {padding:0 0 40px 0}
	.conslist3 .col .cons {padding:15px 15px 20px 15px}
	.conslist3 .col .title {height:25px; line-height: 25px;}
	.conslist3 .col .title a {font-size:16px;font-weight:700}
	.conslist3 .col .gs {margin:10px 0 12px 0}
	.conslist3 .col .title2 span {font-size:16px;margin:6px 5px 0 0}
	.conslist3 .col .title2 span.icon-yanjing {font-size:18px;}	
	.firstnews {height:250px;margin:25px 0}
	.firstnews .right .title a {font-size:16px;line-height: 24px}
	.firstnews .right .gs {margin:15px 0 15px 0;padding:13px 0 0 0}
	.firstnews .right .gs p { line-height: 25px; height:75px;}
	.firstnews .right .title2 span {font-size:16px; margin:6px 5px 0 0}
	.firstnews .right .title2 span.icon-yanjing {font-size:18px;margin:5px 6px 0 10px}	
	.nshow .title {font-size:20px; line-height: 30px;margin:40px 0 10px 0;font-weight:700}
	.nshow .title2 {font-size:14px;padding:0 0 10px 0;margin:0 0 25px 0}
	.nshow .title2 span {font-size:14px; margin:7px 7px 0 0}
	.nshow .title2 span.icon-yanjing {font-size:20px;margin:7px 5px 0 12px}
	.nshow .content {font-size:14px;}
	.nshow .more {margin:30px 0 40px 0}
	.nshow .more a {padding:0 15px;height:30px; line-height: 28px;font-size:16px;border-radius:30px}
	.nshow .more a span {font-size:18px; margin:8px 5px 0 0;}
	.news_hot {padding:35px 0 40px 0}
	.news_hot .subject {font-size:20px; line-height: 20px;padding:0 0 15px 0;margin:0 0 25px 0}	
	.contact {height:400px;margin:10px 0 0 0}
	.contact .cons .in .t {font-size:23px; line-height: 28px;;}
	.contact .cons .in .e {font-size:12px; line-height: 20px;padding:3px 0 10px 0;margin:0 0 20px 0; letter-spacing: 0.1px}
	.contact .cons .in li {min-height:20px;margin:10px 0 0 0}
	.contact .cons .in .icon {top:3px}
	.contact .cons .in .icon img {width:20px;}
	.contact .cons .in .title {padding:0 0 0 30px;font-size:16px; line-height: 24px;}
	.subcompany ul {padding:40px 0}
	.subcompany li {border-radius:5px;padding:15px 20px 10px 20px;min-height:200px}
	.subcompany li .title {font-size:18px; line-height:28px;border-bottom-width:1px;padding:0 0 8px 0;margin:0 0 10px 0}
	.subcompany li .content {font-size:14px;}	
	.contactsubject {font-size:20px; line-height: 20px;margin:0 0 25px 0}
	.contactsubject span {font-size:12px; line-height: 12px;margin:6px 0 0 6px;}
	.map iframe,#container {height:300px;}	
	.message {margin:35px 0 40px 0}
	.message .contactsubject {margin-bottom:5px;}
	.message li {margin-top:20px}
	.message li input[type="text"] {height:30px;padding:0 10px}
	.message li #mbeizu {border:1px solid #d2d2d2;height:100px;padding:5px 110px;}
	.message li span {top:0px;font-size:16px}
	.message li p {padding:0 0 0 90px;}
	.message li.btn {margin-top:20px}
	.message li.btn h2 {width:100px;height:30px;margin:0 10px;border-radius:30px;}
	.message li.btn h2:before {border-radius:30px;}
	.message li.btn h2 input {font-size:16px;padding:0 0 2px 0;border-radius:30px;}
	.joinsubject {font-size:22px; line-height: 27px;margin:40px 0 25px 0}
	.joinsubject img {margin:0 10px 0 0;width:30px}
	.join {height:350px; background-size:cover}
	.join .cons {max-width:40%}
	.join .cons .title {font-size:18px; line-height: 28px;}
	.join .cons .content {font-size:14px;margin:40px 0 0 0;}
	.join .cons .content:before {top:-20px;height:2px;width:55px;}
	.job {padding:0 0 50px 0}
	.conslist-job .col {padding:15px 15px 17px 15px;margin:20px 0 0 0}
	.conslist-job .col .title {font-size:16px; line-height: 26px;margin:0 0 2px 0}
	.conslist-job .col .title p {top:7px;font-size:14px;line-height: 14px}
	.conslist-job .col .title p span {margin:1px 5px 0 0;font-size:14px; line-height: 14px}
	.conslist-job .col .list .row {font-size:14px;}
	.conslist-job .col .more {right:20px;bottom:23px;}
	.conslist-job .col .more a {width:152px;height:28px; line-height: 27px; font-size:14px;}	
	.jshow {padding:20px 20px 30px 20px;margin:20px 0 0 0}
	.jshow .jt {font-size:20px; line-height: 30px;}
	.jshow .jt2 {font-size:16px;margin:5px 0 15px 0}
	.jshow .jt2 span {font-size:20px;}
	.jshow .jgs { padding:20px 0 22px 4%;}
	.jshow .jgs li {font-size:16px;}
	.jshow  .jc {font-size:14px;margin:25px 0}
	.jshow  .jc strong {font-size:16px;}
	.jshow  .jm a {width:100px;height:28px; line-height: 26px;font-size:14px;}
	.jshow  .jm a:Hover {letter-spacing: 0px;width:100px}


}

@media only screen and (max-width:768px){
	.indabout-num { padding:15px 0}
	.indabout-num li {margin:20px 0}
	.indabout-num li:nth-child(1) {width:33%}
	.indabout-num li:nth-child(2) {width:34%}
	.indabout-num li:nth-child(3) {width:33%}
	.indabout-num li:nth-child(4) {width:33%}
	.indabout-num li:nth-child(5) {width:34%}
	.indabout-num li:nth-child(6) {width:33%}
	.indabout-num li:nth-child(1) {text-align:center;}
	.indabout-num li:nth-child(1) .in {margin:0 auto}
	.indabout-num li:nth-child(6) {text-align:center}
	.indabout-num li:nth-child(6) .in {margin:0 auto; }
	.indabout-num li:nth-child(4):before {display:none;}
	.indcase li {width:48%;padding:12.2% 0}
	.conslist .col {width:48%;}
	.conslist2 .col {width:48%;}
	.conslist3 .col {width:48%}
	.subcompany li {width:48%;min-height:190px}
	.jshow .jgs li {width:46%;}
}

@media only screen and (max-width:640px){
	.indpics .swiper-slide .cons .t2 {font-size:14px;line-height:22px; letter-spacing: 1px;}
	.indpics .swiper-slide .cons .t {font-size:25px; line-height:33px;margin:20px 0 5px 0; letter-spacing: 2px}
	.indpics .swiper-slide .cons .c {font-size:14px; }
	.indmore a,.indmore a:hover { height:25px;line-height:23px;font-size:13px;border-radius:25px;padding:0 10px;}
	.indabout .content {max-width:80%;}
	.indabout {height:450px}
	.indabout-num li:nth-child(1) {width:50%}
	.indabout-num li:nth-child(2) {width:50%}
	.indabout-num li:nth-child(3) {width:50%}
	.indabout-num li:nth-child(4) {width:50%}
	.indabout-num li:nth-child(5) {width:50%}
	.indabout-num li:nth-child(6) {width:50%}
	.indabout-num li:nth-child(4):before {display:block;}
	.indabout-num li:nth-child(3):before,.indabout-num li:nth-child(5):before {display:none;}
	.indpro ul {padding:30px 0 0 0;width:100%;margin:-5% 0 0 0;}
	.indpro li {width:100%;margin:5% 0 0 0;}	
	.firstcate .list .pic {padding:0}
	.firstcate .list .pic .in {height:auto;padding:14% 0 }
	.firstcate .text {position:relative;width:100%;height:auto; text-align: left;padding:25px 20px 22px 20px}
	.indnews .row {width:48%;margin:0 4% 0 0;}
	.indnews .row:nth-child(2) {margin:0}
	.indnews .row .pic {height:auto;padding:32% 0}
	.indnews ul {width:100%;margin:20px 0 0 0;border-top:0}
	.indnews li .title {height:auto}
	.foot {text-align:center}
	.foot .logo {display:none;}
	.foot .list {width:100%}
	.foot .list .up .ad {display:none;}
	.foot .list .up .cons {width:100%;}
	.foot .list .down .cons {width:100%;}
	.foot .list .down .social {width:100%; text-align:center;margin:20px 0 0 0}
	.foot .list .down .social li {margin:0 5px}
	.bannerin .pic {padding:0;height:200px}
	.bannerin .cons .t {font-size:20px; line-height: 20px;padding:40px 0 5px 0}
	.bannerin .cons .c {font-size:14px;}
	.about .left {width:100%;}
	.about .right {width:100%}
	.about .right .pic {margin-top:35px}
	.culture li {padding:0;height:250px;width:34%}
	.culture li:nth-child(2) {width:37%}
	.culture li:nth-child(3) {width:29%}
	.culture li .cons .icon img {height:40px;}
	.culture li .cons .title {font-size:20px;margin:3px 0 10px 0;}
	.culture li .cons .content {font-size:12px;}
	.honor .swiper-slide img {height:auto;max-height:200px}	
	.development {height:420px; background-position:35% 0}
	.development .cons {max-width:80%}
	.responsibility .left {width:100%}
	.responsibility .right{width:100%;margin-top:40px; text-align: center}
	.responsibility .right img {max-width:50%;margin:0 auto}
	.company-history-year {padding:0 70px;}
	.conslist {width:100%;margin:-5% 0 0 0}
	.conslist .col {width:100%;margin:5% 0 0 0}	
	.showpic {width:100%;}
	.showcons {width:100%;margin:30px 0 0 0}
	.conslist2 {width:100%;margin:-5% 0 0 0}
	.conslist2 .col {width:100%;margin:5% 0 0 0}
	.conslist3 {width:100%;margin:-5% 0 0 0}
	.conslist3 .col {width:100%;margin:5% 0 0 0}	
	.firstnews {height:auto;}
	.firstnews.ml {display:block}
	.firstnews .left {width:100%;height:auto;padding:28.5% 0; }
	.firstnews .right {width:92%;padding:15px 4% 20px 4%;}
	.contact {height:auto}
	.contact .pic {position:relative;width:100%;height:auto;padding:31.3% 0}
	.contact .cons {position:relative;height:auto}
	.contact .cons .in {margin:25px 0 0 0;width:100%;padding:0 0 30px 0}
	.subcompany ul {width:100%;margin:-5% 0 0 0;}
	.subcompany li {width:100%;margin:5% 0 0 0;min-height:0px;padding-bottom:20px}
	.message li {width:100%;}
	.message li.li2 {margin-left:0}
	.message li.btn {text-align:left;margin-left:80px}
	.join {height:320px; background-position:15% 0}
	.join .cons {max-width:70%}
	.conslist-job .col .title p {position:relative;right:auto;left:0;top:0;margin:10px 0 15px 0}
	.conslist-job .col .list .row {width:40%;}
	.conslist-job .col .list .row:nth-child(2),.conslist-job .col .list .row:nth-child(4) {width:60%;margin-right:0}
	.conslist-job .col .more {position:relative;right:auto;left:0;bottom:0;margin-top:20px}
	.conslist-job .col .more a {width:100px;}
	.jshow .jgs  {padding:20px}
	.jshow .jgs ul {width:100%;margin-left:0}
	.jshow .jgs li {width:100%;margin:5px 0}

}

@media only screen and (max-width:420px){
	.development {height:450px;}
	.development .cons {max-width:90%}
	.join .cons {max-width:85%}
}