@media screen and (max-width: 1100px) {
	.banner {
		margin-top: 40px;
		box-sizing: border-box;
	}

	.footer .fr p { padding-left: 80px; }


.more a {
	padding: 0 40px;
	padding-right: 105px;
}
	.section3 .con .fl{
		padding: 0 10%;
		width: 100%;
	}
	.section3 .con .fl h2{
		font-size: 54px;
		line-height: 1.5em;
	}
	.section3 .con .fl p{
		font-size: 32px;
		line-height: 1.5em;
	}
	.section3 .con .fl ul li span{
		font-size: 28px;
		line-height: 1.5em;
	}

	.section3 .con .fr{
		width: 100%;
	}

	.section3 .con .fr ul li .img{
		height: 330px;
		overflow: hidden;
	}
	.section3 .con .fr ul li .img img{
		width: 100%;
		height: auto;
	}

	.section3 .con .fr ul li a .text{
		height: auto;
		padding: 30px;
		padding-bottom: 30px;
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.section3 .con .fr ul li .text strong{
		font-size: 30px;
		line-height: 1.5em;
	}

	.header{
		padding-bottom: 20px;
		height: auto;
	}
	
	.header .logo a{
		width: 20%;
	}

	.header .logo a img{
		width: 100%;
	}

	.header .logo span{
		margin-top: 27px;
	}

	.logo-toggle{
		width: 100px;
        height: 100px;
        position: relative;
        float: right;
	}

	.logo-toggle .white-toggle{
		width: 36px;
        /* width: 50px; */
        height: 4px;
        background: #fff;
        border-radius: 2px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -2px 0 0 -18px;
        transition-duration: 0.5s;
	}

	.logo-toggle .white-toggle:before,
	.logo-toggle .white-toggle:after{
 		width: 36px;
        height: 4px;
        background: #fff;
        border-radius: 2px;
        content: "";
        position: absolute;
        left: 50%;
        margin-left: -18px;
        transition-duration: 0.5s;
	}
	.logo-toggle .white-toggle:before{
		top: -11px;
	}
	.logo-toggle .white-toggle:after{
		top: 11px;
	}

	.logo-toggle.active .white-toggle{
		width: 0;
        margin: 0;
	}
	.logo-toggle.active .white-toggle:before{
		transform: translateY(10px) rotate(45deg);
	}
	.logo-toggle.active .white-toggle:after{
		transform: translateY(-12px) rotate(-45deg);
	}
	
	.company .tit{
		padding: 0 5%;
	}
	.company .tit a{
		display: inline-block;
		width: 49%;
		margin: 10px 0;
		font-size: 26px;
	}
	.product .list dl dd p{
		font-size: 26px;
		line-height: 2em;
	}
	
	.product2 .fr{
		padding: 0;
	}

	.product2 .fr h2{
		font-size: 38px;
	}	
	.product2 .fr h3{
		font-size: 30px;
	}
	.product2 .fr p{
		font-size: 26px;
		line-height: 1.5em;
	}

	.solution .had .tit a{
		font-size: 30px;
	}

	.solution .had .text a{
		font-size: 26px;
	}

	.solution .list ul li .text strong{
		font-size: 30px;
	}

	.solution .list ul li .text p{
		font-size: 28px;
	}

	.news_con .tit h1{
		    font-size: 32px;
	}
	.news_con .con p{
		font-size: 28px;
    	line-height: 1.5em;
	}
	
	.m_main{
		width: 90%;
	}

	.news_con .con ul li{
		font-size: 16px;
		line-height: 1.5em;
	}

	.product .list dl dt{
		height: auto;
		font-size: 32px;
		line-height: 1.5em;
	}

	.product .list dl dd{
		font-size: 28px;
		line-height: 1.5em;
	}

	.m_tit h2{
		font-size: 38px;
	}

	.support2 p{
		font-size: 26px;
		line-height: 1.5em;
	}

	.more a,
	.more3 a{
		font-size: 26px;
	}

	.footer .fl .con .text p{
		font-size: 24px;
	}

	.footer .fr h2,
	.footer .fr p,
	.company .text p,
	.company3 p{
		font-size: 26px;
		line-height: 1.5em;
	}
	
	.company1 ul li strong,
	.company1 ul li p{
		font-size: 24px;
	}

	.news .fl strong,
	.honor .list .swiper-slide h3{
		font-size: 30px;
		line-height: 1.5em;
	}

	.honor .tit h2,
	.history .tit h2,
	.contact .tit,
	.join .tit h3{
		font-size: 38px;
	}

	.news .fl p,
	.honor .list .swiper-slide p,
	.history .tit p,
	.join .tit p{
		font-size: 24px;
		line-height: 1.5em;
	}

	.news .fr .text p a{
	    font-size: 24px;
	}

	.honor .list{
		width: 100%;
	}

	.honor .list .swiper-slide .text{
		max-width: 100%;
		height: auto;
	}

	.history .list .time_nr{
		width: 55%;
		float: right;
	}

	.history .list .text{
		margin-left: 0;
	}

	.history .list .time{
		/* transform: rotate(90deg);
		margin-left: 250px; */
	}

	.history .list .time_nr .time_li{
		width: 100%;
	}

	.history .list .text .img{
		width: 100%;
	}
	.history .list .text .img img{
		width: 100%;
	}

	.history .list .text .wz{
		margin-left: 0;
	}

	.history .list .text .wz p,
	.contact .text p,
	.contact .list p,
	.join .list ul li h3 a,
	.join .list ul li p,
	.more4 a{
		font-size: 26px;
		line-height: 1.5em;
	}

	.contact .text h2,
	.join .list ul li h3{
		font-size: 30px;
		line-height: 1.8em;
	}

	.contact .list .icon1,
	.contact .list .icon2,
	.contact .list .icon3,
	.contact .list .icon4{
		height: auto;
	}

	.join .list ul li{
		width: 100%;
		margin-left: 0;
	}
	.section3 .con .fl {
		margin-top: 25%;
	}
	.section3 .con .fr ul li {
		width: 47%;
		padding: 0 20px;
	}
	.section2 .con .fr h2 {
		font-size: 40px;
	}
	.section2 .con .fr p {
		font-size: 24px;
		line-height: 1.8em;
}
.section2 .con .fr ul li span {
	font-size: 22px;
}
.banner2,
.banner3,
.banner1,
.section3 .con {
	cursor: pointer;
}
.footer .fl,
.footer .fr{
	width: 100%;
	padding-left: 20px;
}
.product3 h3 {
	font-size: 20px;
}
.product3 p,
.product2 .fr li {
	font-size: 22px;
}
.product3 p {
	line-height: 30px;
}
.pagebox ul li a {
	font-size: 32px;
}
.plus-one a {
	display: block;
}
.section3 .swiper-pagination-bullet,
.banner .swiper-pagination-bullet,
.banner2 .swiper-pagination-bullet {
	width: 30px;
	height: 30px;
}
.banner_pagination {
	/* display: none; */
	bottom: 80px;
}
.banner .banner_pagination {
	bottom: 80px;
}
.notmenu a {
	display: block;
}
.section3 .banner_pagination3 {
	display: block;
	position: static;
	text-align: center;
}
.section3 .swiper-pagination-bullet {
	display: inline-block;
	margin: 0px 6px !important;
}


.banner .swiper-slide a.a-go {
	left: 50%;
	bottom: 180px;
	margin-left: -130px;
	width: 300px;
	height: 294px;
}


.notmenu.on {
	background: url(../images/timg1111.png) 95% 34px no-repeat;
}



.logo-toggle {
	transform: scale(2);
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
}

.section2 .had {
	height: 22%;

}
.section2 .had p {
	margin-top: 0;
	margin-bottom: -120px;
}
.section2 .con {
	height: 78%;
}
.header {
	padding-bottom: 0;
}
.section3 .con .fl {
	margin-bottom: -120px;
}

.section3 .con .fr ul li .img {
	height: auto;
}

.more a {
	padding: 0 10px;
	padding-left: 20px;
	padding-right: 80px;
}

.more {
	padding-left: 0;
}

#section-footer {
	height: auto !important;
	margin: -2px 0;
}

.section3 .con .fl {
	margin-top: 20%;
}

.section3 .con .fl h2 {
	font-size: 45px;
	line-height: 50px;
}
.section3 .con .fl ul {
	margin-top: 25px;
}
.section3 .con .fr {
	margin-top: 130px;
}


}



@media screen and (max-width: 1100px) {
  .section3 .con .fl h2 {
    font-size: 35px;
  }
  .section3 .con .fl p {
    font-size: 22px;
    line-height: 1.5em;
  }
  .section3 .con .fl ul li span {
    font-size: 22px;
  }
  .footer .fl,
  .footer .fr {
    padding-left: 0;
  }
  .footer {
    padding: 0 15px;
  }
  .product2 {
    padding-bottom: 30px;
  }
  .company .text {
    padding: 50px 0;
  }
  .m_main {
    width: 100%;
    padding: 0 15px;
  }
  .news .fr,
  .news .fl {
    width: 100%;
  }
  .banner .banner_pagination {
    bottom: 30px;
  }
  .banner .swiper-slide a.a-go {
    bottom: 40px;
  }

  .section2 .had {
    height: 30%;
  }
  .section2 .con {
    height: 70%;
  }
  .section2 .had p {
    font-size: 24px;
    margin-top: 100px;
    margin-bottom: -300px;
  }
  .section2 .con .fr p {
    font-size: 20px;
    line-height: 26px;
    text-align: left;
  }

  .section2 .con .fr h2 {
    font-size: 28px;
}

.section2 .con .fr ul li strong {
  text-align: left;
}

.section2 .con .fr ul li {
  margin: 5px;
}
.more a, .more3 a {
  font-size: 16px;
}
.section3 .con .fl h2 {
  font-size: 30px;
}
.section3 .con .fl p {
  font-size: 20px;
  line-height: 26px;
  text-align: left;
}
.section3 .con .fl ul li span {
  font-size: 18px;
}
.section3 .con .fr ul li img {
  margin-top: 0;
}

.section3 .con .fr ul li a .text {
  padding: 10px;
  width: 100%;
}

.section3 .con .fr ul li .text strong {
  font-size: 18px;
  line-height: 25px;
}

.product3 img {
  width: 100%!important;
  height: auto!important;
}
.product2 .fr p {
  text-align: left;
}
.solution .had .text a {
  padding: 10px 15px;
}
.solution .list ul li {
  margin-left: auto!important;
  margin-right: auto!important;;
  float: none;
}
.solution .list ul li .img {
  height: auto;
}
.solution .list ul li .img img {
  height: auto;
}
.honor .list .swiper-slide p img {
  width: 100%!important;
  height: auto!important;
}
.company .tit a {
  vertical-align: top;
}
.notmenu {
  padding: 20px;
}
}

@media screen and (max-width: 640px) {
  .logo-toggle {
    width: 60px;
    height: 60px;
    margin-top: -15px;
  }
  .logo-toggle {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  .section3 .swiper-pagination-bullet, 
  .banner .swiper-pagination-bullet, 
  .banner2 .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
  }
  .section2 .had p {
    font-size: 20px;
  }
  .section2 .had {
    height: 27%;
  }
  .section2 .con {
    height: 73%;
  }
  .section2 .con .fr h3 {
    margin-top: 0;
  }
  .section2 .con .fr h2 {
    font-size: 20px;
  }
  .section2 .con .fr p {
    font-size: 14px;
    line-height: 15px;
  }
  .section2 .con .fr ul li strong,
  .section2 .con .fr ul li span {
    font-size: 14px;
  }
  .section2 .con .fr ul li {
    width: 45%;
    margin-right: 0;
  }
  .more a {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
  }
  .more a:after {
    width: 40px;
    height: 40px;
  }
  .section3 .con .fl h2 {
    font-size: 20px;
    line-height: 30px;
  }
  .section3 .con .fl p {
    font-size: 14px;
    line-height: 30px;
  }
  .section3 .con .fl ul li span {
    font-size: 14px;
  }
  .section3 .con .fr ul li {
    width: 50%;
    padding: 0 8px;
    margin: 0;
  }

  .section3 .con .fr ul li a .text {
    font-size: 14px;
    height: auto;
    padding: 0;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .section3 .con .fr ul li .text strong {
    font-size: 14px;
    line-height: 30px;
  }
  .footer .fl .con .text p {
    font-size: 14px;
  }
  .footer .fr {
    margin-top: 20px;
  }
  .footer .fr h2, 
  .footer .fr p, 
  .company .text p, 
  .company3 p {
    font-size: 14px;
    line-height: 25px;
  }
  .section_fot {
    padding: 20px 0;
  }
  .notmenu {
    font-size: 16px;
  }
  .abouten {
    margin-left: 0;
    margin-right: 10px;
  }
  .notmenu {
    margin: 0;
    padding: 15px;
    background: url(../images/timgplus.png) 95% 17px no-repeat;
  }
  .notmenu.on {
    background: url(../images/timgcut.png) 95% 17px no-repeat;
  }
  .phone-slide-nav {
    padding-left: 0;
  }
  .plus-one {
    font-size: 14px;
    padding: 10px;
  }
  .plus-nav {
    margin-top: 0;
  }

  .notmenu.search a {
    background: url('../images/img122.png') right center no-repeat;
    height: 20px;
  }



  #search {
    padding: 100px 0 0 0!important;
  }
  .inputBox form {
    height: 40px!important;;
  }
  .inputBox form input[type="text"] {
    padding: 6px 10px!important;;
  }
  .inputBox form input[type="submit"] {
    line-height: 40px!important;;
  }
  .submit-in-search-view {
    height: 40px!important;;
  }


  .banner_x .ban_nr {
    margin-top: 45px;
    height: 300px;
  }
  .banner_x h3 {
    font-size: 28px;
    margin-top: 20px;
  }
  .company .tit {
    padding: 0;
  }
  .company .tit a {
    font-size: 20px;
  }
  .product .list dl dd {
    padding: 10px;
  }
  .product .list dl dd p {
    font-size: 16px;
  }
  .product2 .fl {
    height: 408px;
    width: 100%;
  }
  .swp_product {
    height: 100%;
  }
  .product2 .fr h2 {
    font-size: 20px;
    padding-top: 15px; 
}
.product2 .fr {
  width: 100%;
  padding: 0 15px;
}
.product2 .fr h3 {
  font-size: 18px;
}
.product2 .fr p {
  font-size: 16px;
  margin-top: 10px;
}
.product3 p, .product2 .fr li {
  font-size: 16px;
}
.more2 {
  margin-top: 20px;
}
.product2 .fr ul {
  padding-left: 20px;
}
.product3 h3 {
  padding: 0;
}
.product3 .text {
  padding-left: 15px;
}
.product3 img {
  width: 100%!important;
  height: auto!important;
}
.solution .had .tit a {
  font-size: 20px;
  padding: 22px 10px;
  margin-right: 0;

}
.solution .had .text a {
  font-size: 18px;
  padding: 10px 10px;
  /* width: 32%; */
}

.solution .list ul li {
  width: 80%;
  margin: 0 auto 30px!important;
  float: none;
}
.solution .list ul li .img,
.solution .list ul li .img img {
  height: auto;
}

.solution .list ul li .text {
  padding: 15px;
}
.solution .list ul li .text strong {
  font-size: 20px;
}
.solution .list ul li .text p {
  font-size: 16px;
}
.solution .list ul li .text p {
  height: auto;
}
.pagebox {
  padding-top: 20px;
}
.solution {
  padding-bottom: 30px;
}
.pagebox ul li a {
  font-size: 18px;
}
.news_con .tit {
  margin-top: 20px;
}
.news_con .tit h1 {
  font-size: 24px;
}
.news_con .con p {
  font-size: 16px;
  line-height: 25px;
  margin-top: 0;
  margin-bottom: 15px;
  text-align: left;
}
.tab-container .text {
  text-align: left;
}
.m_tit h2 {
  font-size: 28px;
}
.product .list dl dt {

  font-size: 20px;

}
.product .list dl dt:after,
.product .list dl dt.active:after {
  width: 40px;
  height: 40px;
}

.support_a .list dl dd p {
  background: url(../images/img88.png) no-repeat left 6px;
}
.product .list dl dt {
  height: 40px;
}
.m_tit h2 {
  font-size: 24px;
}
.support ul li .text {
  padding: 20px 0;
}
.support ul li .text a {
  font-size: 14px;
}
.support ul li .text strong {
  font-size: 20px;
}
.support ul li:last-child,
.support ul li {
  float: none;
  margin-left:auto;
  margin-right: auto; 
}
.support1 {
  padding-top: 40px;
  height: 320px;
}
.support1 h3 {
  font-size: 24px;
}
.support1 strong {
  font-size: 18px;
}
.support1 p {
  font-size: 24px;
}
.support2 p {
  font-size: 20px;
}


.about_ban h4 {
  font-size: 30px;
}
.banner_x .ban_nr {
  text-align: center;
}
.banner_x h3 {
  margin-left: 0;
}
.company .text {
  padding: 20px 0;
}
.company .text h3 {
  font-size: 26px;
}
.company1 ul li {
  width: 20%;
  
}
.company1 ul li img {
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
}


.company1 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.company1 ul li strong, 
.company1 ul li p {
  font-size: 12px;
}
.company2 {
  height: 400px;
}

.company3 {
  padding: 10px 0px;
}

.company4 {
  height: 300px;
  line-height: 300px;
}
.company4 p {
  font-size: 18px;
}

.news h3 {
  font-size: 24px;
  padding-left: 14px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.news .fl strong, 
.honor .list .swiper-slide h3 {
  font-size: 20px;
  line-height: 1.5em;
}

.news .fl p, .honor .list .swiper-slide p, .history .tit p, .join .tit p {
  font-size: 16px;
  line-height: 1.5em;
}

.more a, .more3 a {
  font-size: 16px;
}

.more3 {
  margin-top: 20px;
}
.news .fr .text p a {
  font-size: 16px;
}
.news .fr .text ul li {
  margin: 0;
}
.news {
  padding-bottom: 50px;
}
.honor {
  margin-top: 20px;
}
.honor .tit h2, 
.history .tit h2, 
.contact .tit, 
.join .tit h3 {
  font-size: 28px;
}


.honor .list .swiper-slide h3 {
  font-size: 20px;
}
.honor .list .swiper-slide p {
  font-size: 16px;
  line-height: 25px;
}

.swp_honor img {
  width: 100%!important;
  height: auto!important;
}
.history .list {
  margin-top: 0;
}

.history .list .time {
  width: 40%;
}
.history .list .time ul {
  width: 58%;
}
.history .list .time ul li {
  font-size: 16px;
}
.history .list .time ul li:before {
  top: 21px;
}
.history .list .time .time_click .time_next,
.history .list .time .time_click .time_prev {
  width: 30px;
  height: 30px;
}
.history .list .text {
  padding: 10px;
}
.history .list .text .img {
  height: auto;
}
.history .list .text .wz strong {
  font-size: 18px;
}

.history .list .text .wz p {
  font-size: 16px;
}

#map {
  width: 100%;
  height: 400px;
  margin-top: 30px;
}

.contact .text h2, 
.join .list ul li h3 {
  font-size: 24px;
}
.contact .text {
  margin-top: 30px;
}
.contact .list p,
.contact .text p {
  font-size: 16px;
  line-height: inherit;
}
.contact .list .icon1 {
  line-height: inherit;
  height: 37px;
}
.contact {
  padding-bottom: 50px;
}
.join .tit h3 {
  padding: 0;
}
.join .tit p {
  padding: 0;
}
.join .list ul li h3 a {
  font-size: 16px;
  color: #2b73ac;
}
.join .list ul li h3 {
  font-size: 18px;
}
.join .list ul li {
  margin-right: 0;
}
.join .list ul li p {
  margin: 10px 0;
  font-size: 16px;
}
.more4 {
  margin-top: 30px;
}
.more4 a {
  font-size: 16px;
  line-height: 48px;
}

.company .tit a {
  font-size: 18px;
}
.company .text p {
  margin-top: 0;
  margin-bottom: 5px;
}

.section2 .had p {
  vertical-align: inherit;
}
.section2 .had p {
  font-size: 14px;
  padding-left: 5px;
  padding-right: 5px; 
  margin-top: 60px;
  margin-bottom: -120px;
}
.section2 .had {
  height: 25%;
}
.section2 .con {
  height: 75%;
}
.section2 .con .fr p {
  margin-top: 5px;
  line-height: 15px;
}
.section2 .con .fr ul {
  margin-top: 5px;
}
.section2 .con .fr ul li strong, .section2 .con .fr ul li span {
  font-size: 12px;
  text-align: center;
}
.more {
  margin-top: 8px;
  
}
.section2 .con .fr p {
  font-size: 12px;
}
.section2 .con .fr h2 {
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
}
.section2 .con .fr h2:after {
  margin-top: 5px;
}
.section3 .con .fl {
  padding: 0 20px;
}
.section3 .con .fl p {
  line-height: 22px;
}
.section3 .con .fl ul {
  margin-top: 5px;
}
#section-footer {
  margin: 0;
}
.section3 .con .fl ul li span {
  font-size: 12px;
}
.section3 .con .fl ul li strong img {
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
}
.section3 .con .fl h2:after {
  margin-top: 5px;
}
.section3 .con .fl ul li {
  width: 30%;
  margin: 0;
}
.section3 .con .fl ul li span {
  margin-top: 0;
  line-height: 13px;
}

.product2 .fl .swiper-slide {
  height: 408px;
}
.product3 h3 {
  padding: 0 15px;
}
.solution .had .text a {
  font-size: 16px;
  width: auto;
  padding: 10px 15px;
}
.m_main.alt {
  margin-top: 0;
}
.more3 a {
  height: 44px;
  line-height: 44px;
}
.more3 a:after {

  height: 44px;
  width: 44px;
  
}
.join .list ul li h3 a {
  font-size: 16px;
}
.solution .had .tit a {
  font-size: 16px;
}
}


@media screen and (max-width: 1026px) and (min-width: 1000px){
    .section2 .had {
        height: 30%;
    }
    .header .logo a {
        width: 14%;
        padding-bottom: 10px;
    }
    .logo-toggle {
        height: 62px;
    }
    .section2 .had p {
        margin-top: 114px;
    }
    .more,
    .section2 .con .fr p,
    .section2 .con .fr ul {
        margin-top: 10px;
    }
    .section3 .con .fl {
        margin-top: 81px;
        padding: 0 20px;
    }
    .section3 .con .fr ul li {
        width: 27%;
        float: none;
        display: inline-block;
    }
    .section3 .con ul {
        text-align: center;
    }
    .section3 .con .fr ul li a .text {
        padding: 10px;
    }
    .section3 .banner_pagination3 {
        position: absolute;
        right: 0!important;
        left: 0;
        bottom: 5px;
        top: auto;
    }
    .section2 .con {
        height: 70%;
    }
    .section2 .con .fr h2 {
        font-size: 36px;
        margin-bottom: -15px;
    }
    .section2 .con .fr p {
        font-size: 20px;
        line-height: 28px;
    }
    #section-footer {
        margin: 0;
    }
    .banner_x .ban_nr {
        margin-top: 74px;
    }
    .notmenu {
        padding: 3%;
    }
    .notmenu.search.backgoroundZero {
        padding-bottom: 100px;
    }
    .section2 .had p {
        margin-top: 0;
        margin-bottom: -120px;
    }
    .section2 .con .fr ul li span,
    .section2 .con .fr ul li strong {
        font-size: 18px;
    }
    .company .text p {
        margin-top: 5px;
    }
}