@media only screen and (max-width: 1620px) {
	.inner_menu li {
		margin: 0 16px;
	}
}


@media only screen and (max-width: 1500px) {
	.inner_header {
		padding: 20px 4%;
	}

	.wid1410 {
		max-width: 1200px;
	}

	.biref_right .title,
	.pro_title_left,
	.case_tab span.hov,
	.service_right .tit {
		font-size: 32px;
	}

	.production_tit {
		font-size: 28px;
	}

	.biref_right .subsidiary a {
		font-size: 18px;
	}

	.biref_right .detail,
	.biref_right .subsidiary {
		font-size: 16px;
	}

	.foot-ul .phone>div p {
		font-size: 14px;
	}

	.biref_right {
		width: 46%;
		padding-top: 10%;
	}

	.biref_left .imgbox:first-child {
		margin-right: 6%;
	}



}

/* 手机端 */
@media only screen and (max-width: 768px) {
	.inner_header {
		display: none;
	}

	.inner_sj_head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		padding: 10px 5%;
		box-sizing: border-box;
	}

	.inner_banner div {
		position: absolute;
		left: 0;
		bottom: 0;
		top: 45%;
		right: 0;
		margin: auto;
		font-size: 34px;
		width: 100%;
		text-align: center;
	}

	.inner_banner img {
		width: 1000px;
		margin-left: calc(1% - 10px);
		height: 532px;
		overflow: hidden;
	}

	.aboutus_intro {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.inner_content .aboutus_intro img {
		margin: auto;
		margin-bottom: 30px;
	}

	.aboutus_intro .lef {
		width: 100%;
	}

	.aboutus_intro .rig {
		width: 100%;
		margin: auto;
	}

	.inner_header .menu {
		display: block;
	}

	.wid1410 {
		width: 100% !important;
		padding: 0 8%;
		min-width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}

	.header-con {
		padding: 0;
	}

	.header,
	.inner_header {
		padding: 20px 30px;
	}

	.head_right a,
	.biref_left,
	.mytop {
		display: none;
	}


	.banner_pag {
		left: 0;
		bottom: 3%;
		width: 100%;
		display: flex;
		justify-content: center;
	}


	.banner_pag .swiper-pagination-bullet {
		width: 25px;
		height: 25px;
		background-color: #ffffff;
		opacity: 0.45;
	}

	.banner_pag .swiper-pagination-bullet-active {
		opacity: 1 !important;
	}

	.biref,
	.product,
	.service,
	.case,
	.production {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		align-items: inherit;
		padding-top: 20%;
		box-sizing: border-box;
	}


	.biref_right {
		width: 100%;
		padding-top: 0%;
	}

	.biref_right .title,
	.pro_title_left,
	.case_tab span.hov,
	.service_right .tit {
		font-size: 1.6rem;
	}

	.biref_right .detail {
		-webkit-line-clamp: 4;
	}

	.biref_video_bg {
		position: absolute;
		right: 10%;
		bottom: 10%;
	}

	.biref_video_btn {
		position: absolute;
		right: 15%;
		bottom: 13.8%;
	}

	.product .pro_title {
		flex-direction: column;
		align-items: inherit;
		margin-bottom: 7%;
	}

	.pro_title_left {
		width: 100%;
	}

	.pro_title_right {
		text-align: right;
		font-size: 18px;
		margin-top: 7%;
	}


	.pro_con .pro_swiper,
	.pro_swiper .swiper-slide,
	.pro_swiper .swiper-slide .proimg,
	.pro_swiper .swiper-slide .proimg img {
		width: 100% !important;
	}

	.pro_con {
		box-sizing: border-box;
		padding: 0 10%;
	}

	.pro_con .pro_next,
	.pro_con .pro_prev {
		width: 40px;
		height: 40px;
		right: 7%;
		top: 40%;
		background-size: cover;
	}

	.pro_con .pro_prev {
		display: block;
		left: 7%;
	}

	.more_div {
		justify-content: flex-start !important;
		padding: 0 !important;
		margin-top: 15%;
	}

	.service {
		background: none;
	}

	.service_bgimg {
		display: block;
	}

	.service_right .tit {
		text-align: left;
	}

	.service_right .Counter {
		margin: 4% 0 2%;
		font-size: 28px;
	}

	.service_right .tit p {
		font-size: 18px;
		margin-top: 2%;
	}

	.service_right .Counter p {
		font-size: 16px;
		margin-top: 1%;
	}

	.service_swiper .swiper-slide {
		width: 25% !important;
	}

	.service_swiper .swiper-slide img {

		height: 40px !important;
	}

	.service .more_div {
		box-sizing: border-box;
		padding-left: 10% !important;
	}

	.case .learn_more {
		position: absolute;
		bottom: 5% !important;
	}

	.case_con .pro_title_left {
		max-width: 100%;
	}

	.case_list_text .name,
	.case_list_text .detail {
		height: auto;
	}

	/*.news_pagination {*/
	/*	bottom: 16% !important;*/
	/*}*/

	.production_tit {
		font-size: 22px;
	}

	.production_con {
		height: auto;
	}

	.production_swiper .swiper-slide li,
	.production_swiper2 .swiper-slide li {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		height: 500px !important;
	}

	.production_swiper .swiper-slide li img,
	.production_swiper2 .swiper-slide li img {
		height: 50% !important;
		width: 100% !important;
	}

	.production .son_more {
		position: absolute;
		bottom: 5%;
	}



	.foot-ul li:nth-child(2),
	.amap-copyright,
	.amap-logo,
	.foot-ul .adress div {
		display: none !important;
	}

	.foot-ul .adress .ewmimg {
		display: block;
	}

	.ditu {
		width: 100%;
		position: absolute;
		top: 0px;
		height: 36%;
	}

	.foot {
		height: 64%;
	}

	.foot .foot_top {
		height: 87%;
	}

	.foot-ul {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		height: auto;
		box-sizing: border-box;
		flex-wrap: wrap;
		flex-direction: column;
	}

	.foot-ul .phone,
	.foot-ul .adress {
		width: 100%;
		text-align: center;
	}

	.foot-ul .phone>div p {
		background: none !important;
	}

	.foot-ul .adress .ewmimg {
		position: inherit;
		bottom: inherit;
		left: inherit;
		margin: auto;
		margin-top: 70px;
	}

	.foot .foot_bot>div {
		flex-wrap: wrap;
		flex-direction: column;
		text-align: center;
		justify-content: center;
	}

	.foot_bot_left {
		margin-bottom: 10px;
	}

	.foot .foot_bot {
		height: auto;
		padding: 14px 0;
	}

	.operate {
		width: 100%;
	}

	.operate li h4 {
		font-size: 20px;
	}

	.operate li {
		min-height: auto;
		margin-bottom: 10px;
	}

	.operate .join-con a {
		font-size: 16px;
		padding: 0 8px;
	}

	.modal_nav {
		padding: 50px 10%;
	}

	.crumbsbox {
		height: auto;
		padding: 50px 10%;
	}

	.crumbs {
		flex-wrap: wrap;
	}

	.crumbs li {
		height: 100%;
		width: auto;
		line-height: 45px;
		padding: 0 19px;
		transition: 0.5s;
	}

	.wid1400 {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		padding-left: 6%;
		padding-right: 6%;
	}

	.aboutus_intro img {
		width: 67%;
		display: block;
	}

	.aboutus_subsidiary li {
		margin-right: 0;
	}

	.aboutus_subsidiary li div,
	.aboutus_video video,
	.honer_img li {
		width: 100%;
		height: 502px;
		margin-right: 0;
	}

	.honer_img li>div img {
		width: 90%;
	}

	.honer_img li {
		margin-bottom: 40px;
	}

	.aboutus_video {
		height: auto;
		padding: 60px;
	}

	.inner_title {
		font-size: 32px;
		padding-top: 50px;
	}


	.about_culture_ul li {
		display: flex;
		height: auto;
		flex-flow: column-reverse;
	}


	.about_culture_ul li:nth-child(even) .lef,
	.about_culture_ul li .left {
		width: 100%;
		height: auto;
		padding: 100px 0;
	}

	.about_culture_ul li:nth-child(even) .right,
	.about_culture_ul li .right {
		width: 100%;
		height: 376px;
	}

	.about_culture,
	.about_bussiness {
		padding-bottom: 70px;
		background: none;
	}

	.inner .mytop {
		bottom: 100px;
		position: fixed;
		top: 0;
		right: 3%;
		z-index: 99999;
	}

	.group_business .inner_title {
		padding-top: 40px;
	}

	.customer_ul li {
		width: 32%;
		height: 51.66px;
		margin-right: 2% !important;
	}

	.customer_ul li:nth-child(3n+3) {
		margin-right: 0 !important;
	}


	.laboratoryCraft_ul li {
		font-size: 46px;
	}

	.laboratoryCraft_ul li p {
		font-size: 26px;
	}

	.laboratoryCraft_ul .craftimg {
		flex-wrap: wrap;
	}

	.laboratoryCraft_ul .craftimg img {
		width: 100%;
		height: 380px;
	}

}


@media only screen and (max-width: 500px) {
     .pclogo,
 .inner_pc_logo{
    display: none;
}
    .sjlogo,
    .inner_sj_logo{
    display: block;
    width: 140px !important;
}


 
    .banner_desc {
    width: 100%;
    box-sizing: border-box;
    left: 0;
    padding: 0 12%;
    line-height: 24px;
}
.banner_desc .tittwo {
    font-size: 22px;line-height: 32px;
}
.banner_desc {
    top: 34%;
}
  
    .modal{
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        margin: auto;
    }
    .modal iframe{
        height: 100vh !important;
    }
    .foot-ul .phone>div p{
        padding-left: 0;
    }
    .production_prev,
    .production_prev2,
    .production_next, 
    .production_next2 {
    top: 50%;
}
    .current_phase {
    position: absolute;
    left: 0;
    bottom: 20px;
    padding: 6px 20px;
    font-size: 16px;
    right: 0;
    margin: auto;
    display: inline-table;
}

	.certificate_ul li,
	.laboratory_ul li {
		width: 100%;
	}

	.certificate_ul li p,
	.laboratory_ul li p {
		padding: 16px 5%;
		font-size: 16px;
	}

	.certificate_pop .pop_con {
		height: 50%;
	}

	.certificate_pop .pop_con .popimg {
		max-height: 86%;
	}

	.inner_banner img {
		height: auto;
	}

	.inner_banner div {
		font-size: 26px;
	}

	.index .foot {
		height: 65%;
	}

	.foot .foot_top {
		padding: 40px 0;
	}

	.foot-ul .adress .ewmimg {
		margin-top: 10px;
	}

	.biref_video_bg {
		position: absolute;
		right: 5.5%;
		bottom: 8.5%;
	}

	.biref_right .title,
	.pro_title_left,
	.case_tab span.hov,
	.service_right .tit {
		font-size: 1.3rem;
	}

	.pro_swiper .swiper-slide .proimg {
		height: 252px;
	}

	.production_tit {
		font-size: 16px;
	}

	.production .top_intro {
		font-size: 14px;
		margin: 15px 0 25px;
	}

	.production_tit span {
		padding-bottom: 8px;
	}

	.production_swiper .swiper-slide li,
	.production_swiper2 .swiper-slide li {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		height: 390px !important;
	}

	.banner_pag .swiper-pagination-bullet {
		width: 14px;
		height: 14px;
	}




	.case_tab span {
		font-size: 20px;
	}

	.case_list-img {
		height: 264px;
	}

	.operate .join-con img {
		display: none;
	}

	.case_list_text .name {
		font-size: 18px;
	}

	.operate li .list-item {
		padding: 16px 0 0;
	}

	.case_list_text .detail {
		font-size: 15px;
		margin: 3% 0;
	}

	.case_tab span {
		font-size: 20px;
	}

	.operate .join-con {
		flex-direction: column;
		align-items: flex-start;
	}

	.operate li h4 {
		font-size: 18px;
	}

	.operate .join-con a {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.header {
		padding: 6px 15px;
	}

	.banner_pag .swiper-pagination-bullet {
		width: 14px;
		height: 14px;
	}

	.biref_right .title,
	.pro_title_left,
	.case_tab span.hov,
	.service_right .tit {
		font-size: 1.4rem;
	}

	.biref,
	.product,
	.service,
	.case,
	.production {
		padding-top: 28%;
	}

	.biref_right .detail {
		font-size: 16px;
		margin: 20px 0 35px;
	}

	.biref_right .subsidiary {
		font-size: 16px;
		line-height: 36px;
	}

	.biref_right .subsidiary a {
		font-size: 16px;
	}

	.biref_video_btn {
		position: absolute;
		right: 15.2%;
		bottom: 13.7%;
	}

	.product .pro_title_left {
		max-width: 100%;
	}

	.pro_swiper .swiper-slide .proimg {
		height: 251px;
	}

	.pro_swiper .swiper-slide p {
		font-size: 18px;
		padding: 20px 5%;
	}

	.pro_con .pro_next,
	.pro_con .pro_prev {
		top: 35%;
	}

	.more_div {
		margin-top: 20%;
	}

	.production_tit {
		font-size: 16px;
	}

	.production_tit span {
		cursor: pointer;
		margin: 0 10px;
		padding-bottom: 10px;
	}

	.production .top_intro {
		font-size: 14px;
		margin: 20px 0 30px;
	}

	.production_swiper .swiper-slide li,
	.production_swiper2 .swiper-slide li {
		height: 436px !important;
	}

	.to_laboratory {
		display: none;
	}



	.foot .foot_top {
		padding: 14% 0;
		height: 82%;
	}

	.crumbsbox {
		height: auto;
		padding: 30px 10%;
		background-color: transparent;
	}

	.crumbs li a {
		font-size: 15px;
	}

	.crumbs li {
		background-color: #f4f4f4;
		width: auto;
		line-height: 42px;
		padding: 0 20px;
		text-align: center;
		margin-bottom: 20px;
		margin-right: 4%;
	}

	.crumbs li:nth-child(3n+3) {
		margin-right: 0;
	}

	.inner_title {
		font-size: 22px;
		padding-top: 0px;
	}

	.aboutus_subsidiary li div,
	.aboutus_video video {

		height: 338px;
	}

	.honer_img li {
		height: 270px;
	}

	.inner_content .aboutus_intro,
	.honor_intro,
	.addintro {
		font-size: 16px;
		line-height: 32px;
	}

	.inner_content .aboutus_intro p,
	.honor_intro p,
	.addintro p {
		margin-bottom: 20px;
	}

	.honer_img {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.about_culture_ul li:nth-child(even) .right,
	.about_culture_ul li .right {
		width: 100%;
		height: 204px;
	}

	.about_culture_ul li:nth-child(even) .lef,
	.about_culture_ul li .left {

		padding: 40px 0;
	}

	.about_culture_ul li .left .name {
		margin-bottom: 15px;
		font-size: 20px;
	}

	.about_culture_ul li .left p {
		font-size: 16px;
		line-height: 30px;
	}

	.header,
	.inner_header {
		padding: 10px 2%;
	}

	.crumbsbox {
		padding: 22px 6%;
	}

	.inner_title p {
		font-size: 15px;
	}

	.group_business .distribution_img {
		margin: 50px 0 50px;
	}

	.laboratoryCraft_ul li {
		margin-bottom: 40px;
		font-size: 30px;
	}

	.laboratoryCraft_ul li p {
		font-size: 18px;
		margin-left: 22px;
	}

	.laboratoryCraft_ul .craftimg img {
		height: 205px;
	}



	.certification_ul li {
		width: 47%;
		margin-right: 6% !important;

	}

	.certification_ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.certification_ul li:nth-child(2n+2) {
		margin-right: 0 !important;
	}

	.certification_ul li .cer_son {
		height: auto;
		bottom: 0;
		top: auto;
		background: red;

		background-color: transparent;
	}

	.certification_ul li .cer_son p {
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		letter-spacing: 0px;
		color: #999999;
	}

	.certification_ul li:hover .cer_son {
		height: auto !important;
	}

	.certification_ul li {
		border: none;
		height: 126px;
		margin-bottom: 20px;
	}

	.certification_ul li .imgbox {
		border: solid 1px #e2e2e2;
		box-sizing: border-box;
		height: 78%;
	}

	.certification_ul li:hover img {
		transform: inherit;
	}

	.probanner {
		display: none;
	}

	.hotpro {
		margin-top: 0;
		background: #1E3489;
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.hotpro .hot_tit {
		font-size: 20px;
	}

	.hot_con .left {
		height: 273px;
		width: 100%;
	}

	.hot_con .right {
		float: left;
		width: 100%;
		height: auto;
		padding-top: 50px;
	}

	.hot_con .right .info {
		padding-left: 0;
		padding-bottom: 40px;
	}

	.hot_con .right .proimgbox {
		height: auto;
	}

	.hot_con .right .proimgbox img {
		width: 32%;
		height: 90px;
	}

	.hot_con .right .name p {
		font-size: 22px;
	}

	.hot_con .right .detail {
		font-size: 15px;
		line-height: 26px;
		margin: 20px 0;
	}

	.searchbox .mysearch {
		flex-direction: column;

	}

	.searchbox .mysearch>div {
		width: 100% !important;
	}

	.searchbox .mysearch .inputdiv {
		margin-bottom: 24px;
	}

	.outer_title ul {
		padding: 15px;
	}

	.outer_title ul li {
		line-height: 48px;
		height: 48px;
		font-size: 15px;
		width: 49%;
		margin-right: 2% !important;
	}

	.outer_title ul li:nth-child(2n+2) {
		margin-right: 0 !important;
	}

	.outer_content .item .inner_ul li {
		font-size: 15px;
		padding: 8px 15px;
		margin-bottom: 15px;
	}

	.searchbox .mysearch .sousuo {
		font-size: 16px;
	}

	.videolists li a .imgdiv {
		width: 100%;
		height: 276px;
	}

	.videolists li {
		width: 100%;
		margin-bottom: 40px;
	}

	.videolists li a .name {
		font-size: 16px;
		padding: 16px 0;
		width: 90%;
	}

	.prodetail_qp .top_info .right {

		width: 100%;
		height: auto;
	}

	.prodetail_qp .top_info .attestation ul li {
		line-height: 46px;
		height: 46px;
		background-size: 22%;
	}

	.prodetail_qp .top_info .attestation>img {

		width: 25px;
	}

	.prodetail_qp .top_info .left {

		width: 100%;
		height: 280px;
	}

	.prodetail_qp .top_info .left ul li {

		width: 90px;
		height: 68px;
	}

	.prodetail_qp .top_info .leftimgbox {
		margin-right: 6px;
	}

	.prodetail_qp .top_info .name {
		font-size: 22px;

		padding-top: 20px;
	}

	.prodetail_qp .top_info .p_detail {
		font-size: 14px;
		line-height: 24px;
		-webkit-line-clamp: inherit;
	}

	.prodetail_qp .top_info .guidebox {
		display: none;
	}.prodetail_qp .top_info .attestation {
    margin-top: 50px;}

	.prodetail_qp .top_info .a_box {
		margin-top: 30px;
	}

	.prodetail_qp .top_info {
		padding: 30px 0 40px;
	}
	.prodetail_qp .top_info .a_box a {
	    height: 40px;
	    font-size: 14px;
		}
		.prodetail_qp .bot_info {
		    padding: 30px 0 70px;
		}
	
	.prodetail_qp .bot_info .tit {
	    font-size: 19px;
	    margin-bottom: 30px;
	}
	.table_div{
		height: auto;
			overflow: hidden;
			overflow-x: auto; 	/* 设置x轴可滑动 */
			white-space: nowrap; /* 元素不换行 */
			width: auto; /* (宽度) */
	}
	.parameter_table thead,
	.parameter_table tbody tr{
	    height: 46px;
	    font-size: 15px;}
	.table_guideimg{
		display: block;
		margin: auto;
		margin-top: 40px;
	}
	.prodetail_qp .center_info {
	    font-size: 15px;
	    line-height: 26px;}
	
	
}


@media only screen and (max-width: 320px) {
	.crumbsbox {
		padding: 17px 3%;
	}

	.crumbs li a {
		font-size: 14px;
	}

	.crumbs li {
		line-height: 36px;
	}

	.inner_sj_head a img {
		width: 92px;
	}

	.inner_sj_head .menu {
		width: 20px;
	}

	.wid1410 {
		padding: 0 4%;
	}
}