.container.width {
	max-width: 95%;
}

@media (max-width: 576px) {
}
@media (max-width: 768px) {
}
@media (min-width: 992px) {
	.navbar-nav {
		display: none;
	}
    
	.navbar-brand.m {
		display: none;
	}
	.H_title.on{
        margin-top: 6rem;
    }
    .H_title.on .H_t_title {
      font-size: 0.6rem;
      line-height: 1.5rem;
      font-weight: 400;
      color: #666;
      letter-spacing: 2px;
    }


}

@media (max-width: 992px) {
    .footer .info{
        width: auto !important;
    }
    .footer .con .qr {
   margin-right: 10px;
}
    .in-table .table-list .list .ltem {
  width: 45%;
  padding: 1%;
  display: inline-block;
  float: left;
  margin-left: 3%;
  height: 500px;
}
.in-table .table-list .list .ltem.s {
  width: 30%;
  height: 340px;

}
    .newslist .list a {
    display: flex;
    color: #333;
    flex-direction: column;
}
.newslist .list .img {
    height: auto !important;
    width: 100% !important;
}
.newslist .listBox {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1rem;
    text-align: center;
    width: 100%;
}
.newslist .listBox .con{
    padding: 1rem 0;
}
.newslist .list span {
    font-size: 20px;
    display: inline-block;
    font-weight: bold;
}
.newslist .tag {
    color: #1b67d1;
    text-align: initial;
}
    .H_title.on{
        margin-top: 3rem;
    }
    .H_title.on .H_t_title {
      font-size: 0.6rem;
      line-height: 1.5rem;
      font-weight: bold;
      color: #002a89;
      letter-spacing: 2px;
}
    .banner .nav-bg {
      height: 40px;
      width: 100%;
      background-color: #4c69ac;
    }
	.navbar-brand {
		display: none;
	}
	.banner .nav-vice > ul > li a {
  font-size: 7px;
  color: #fff !important;
  letter-spacing: 1px;
}
	.navbar-brand.m {
		display: block;
	}
	.navbar-expand-lg .navbar-collapse {
		padding-top: 1rem;
	}
	.contact {
		display: none;
	}
	.select {
		display: none;
	}
	.M_H_title{
	    display: block;
	}
	.footer .con {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		margin: auto;
		width: 80%;
		margin: 0 auto;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		   -moz-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		        display: inline-block;
	}
	.M_contact{
    display: block;
}
	.in-case .cases .case {
		width: 48%;
	}
	.in-speak .speak {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: reverse !important;
		-webkit-flex-direction: column-reverse !important;
		   -moz-box-orient: vertical !important;
		   -moz-box-direction: reverse !important;
		    -ms-flex-direction: column-reverse !important;
		        flex-direction: column-reverse !important;
	}
	.in-speak .speak .text {
		padding: 0;
		line-height: 1.5rem;
		letter-spacing: 2px;
	}
	.in-speak .speak .img {
		width: 100%;
	}
	.in-speak .speak .speak_left {
		padding: 0;
	}
	.in-speak .speak .speak_left .title {
		padding: 2rem;
		padding-left: 18%;
	}
	.in-speak .sp_bg3 .speak {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: reverse !important;
		-webkit-flex-direction: column-reverse !important;
		   -moz-box-orient: vertical !important;
		   -moz-box-direction: reverse !important;
		    -ms-flex-direction: column-reverse !important;
		        flex-direction: column-reverse !important;
	}
	.in-speak .sp_bg3 .imgs {
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
	.in-speak .sp_bg3 .img {
		width: 48%;
		padding: 0.3rem;
	}
	.in-envel .envel {
		padding: 0rem;
		position: relative;
	}
	.in-envel .envel .img_box .title {
		font-size: 16px;
	}
	.in-envel .envel .img_box {
		width: 100%;
		height: 100%;
		padding: 0rem;
		top: 0;
		left: 0;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.in-table .list .ltem .doc {
		font-size: 14px;
		line-height: 1.5rem;
		letter-spacing: 3px;
	}
	.in-coop .list .ltem {
		width: 25%;
		overflow: hidden;
		line-height: 105px;
	}
	.banner .ban-box p {
        display: none;
    }
    .banner .btn  {
        display: none;
    }
	.banner .swiper-slide img {
		width: 150%;
		/*margin-left: -25%;*/
	}
	.banner .ban-box .title span {
  border: 0px;
  padding: 0;
  display: block;
  margin: 1rem;
  -webkit-border-radius: 4rem;
          -moz-border-radius: 4rem;
       border-radius: 4rem;
  font-size: 15px;
  width: 300px;
  font-weight: bold;
}
	/*.banner .nav-vice {*/
	/*	display: none;*/
	/*}*/
	.banner .nav-vice {
  background-color: #04246c;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
}
.banner .nav-vice > ul {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 0rem;
    margin: 12px 0;
    -webkit-transform: translateY(20px);
       -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
         -o-transform: translateY(20px);
            transform: translateY(20px);
}
/*.banner .nav-vice > ul > li.l {*/
/*    display: none;*/
/*}*/
.banner .nav-vice > ul > li.l {
  height: 0.5rem;
  width: 1px;
  background-color: #fff;
  margin-top: 7px;
}
	.in-case .cases .case_box .case_title {
		font-size: 1rem;
		color: var(--in_title);
	}
	.in-case .cases .case_box {
		padding: 10px;
		padding-bottom: 5px;
	}
	.duct_bread .bread p {
		color: #636363;
		font-size: 0.6rem;
	}
	.duct_bread .bread span {
		font-size: 1rem;
	}
	.contact-list .list-top ul li span {
		font-size: 1.2rem;
	}
	.contact-list .list-top ul li.title span {
		font-size: 2rem;
		padding: 0 1rem;
	}
	.contact-list .list-top span,
	.contact-list .list-bot span {
		color: #3362f5;
		font-size: 14px;
		/* background-color: #fff; */
	}
	.contact-list .list-bot ul li {
		width: 98%;
		background-color: #fff;
		margin: 2% 1%;
		padding: 0.1rem 1rem;
		-webkit-border-radius: 1rem;
		        -moz-border-radius: 1rem;
		     border-radius: 1rem;
	}
	.contact-list .list-bot ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.vis-form .form.f-other,
	.vis-form .form.f-unit {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		   -moz-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	.firm-text {
		padding: 2rem 0;
	}
	.firm-text .border-box {
		padding: 2rem;
	}
	.firm-text .border-box .text * {
		font-size: 1rem;
	}
	.honor-award .awa-title {
		text-align: center;
		font-size: 1.5rem;
		color: #fff;
	}
	.honor-award .awa-title span {
		background-color: #4c3df6;
		-webkit-border-radius: 1.7rem;
		        -moz-border-radius: 1.7rem;
		     border-radius: 1.7rem;
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	.honor-award .awa-list .list-box {
		padding: 0.5rem;
		text-align: center;
	}
	.in-case .cases .case_box .case_title p {
		font-size: 10px;
		letter-spacing: 0px;
	}
	.duct_bread {
		display: none;
	}
	.honor-award .awa-list ul li {
		width: 33.33%;
	}
	.honor-award .awa-list .list-box span {
		padding-top: 0.5rem;
		font-size: 1rem;
	}
	.banner .nav-vice > ul > li {
      display: inline-block;
      margin: 0rem;
    }
	.in-envel .envel .img_box .title p {
		font-size: 14px !important;
		padding-top: 0.5rem !important;
		/*display: none;*/
	}
	.in-table .list .ltem .doc {
		font-size: 18px;
		display: block;
        height: 160px;
	}
	.in-table .list .ltem.s .doc {
		font-size: 16px;
		display: block;
       height: 200px;
	}
	
	.in-envel .envel .img_box .but button {
		height: 37px;
		width: 148px;
		-webkit-border-radius: 45px;
		        -moz-border-radius: 45px;
		     border-radius: 45px;
		border: 0;
		color: #fff;
		background-color: #4a3df0;
		margin-top: 10%;
		/* display: none; */
	}
}
@media (max-width: 1200px) {
    
}
@media (max-width: 1400px) {
    .envel span {
  /*font-size: 16px!important;*/
}
}


@media (max-width: 992px) and (min-width: 768px) {
    .in-table .table-list .list .ltem {
    width: 45%;
    padding: 1%;
    display: inline-block;
    float: left;
    margin-left: 3%;
    height: 594px;
}
}
@media (max-width: 1204px) and (min-width: 992px) {
	.in-table .table-list .list .ltem {
    width: 45%;
    padding: 1%;
    display: inline-block;
    float: left;
    margin-left: 3%;
    height: 715px;
}
}
@media (max-width:440px) and (min-width: 360px){
    .in-table .list .ltem .doc {
    font-size: 18px;
    display: block;
    height: 216px;
}
    .in-table .list .ltem.s .doc {
    font-size: 16px;
    display: block;
    height: 300px;
}
}