@charset "utf-8";

@media (max-width: 1200px){
	.pc-bocweb-header3 .logo{
		margin-left: 20px;
	}
	.pc-bocweb-header3 .right-btn{
		margin-right: 20px;
	}
	footer .top .nav{
		display:none;
	}
	.adv_a{
		padding-top: 1rem;
	}
	.adv_a .adv-container .swiper-slide{
		height:5.8rem;
	}
	.adv_b .advb-container .swiper-slide .txt{
		height:8rem;
	}
}
@media (max-width: 1680px){
	.pc-bocweb-header3 .nav {
	    font-size: 14px;
	    margin-right: .3rem;
	}
	.pc-bocweb-header3 .nav .li {
	    margin: 0 .4rem;
	}
	footer .top .nav{
		margin-left: 1.5rem;
	}
	.pro_a .list .li .left{
		padding:2.5rem;
	}
}
@media (max-width: 1200px){
	.pc-bocweb-header3{
		width:100%;
	}
	.pc-bocweb-header3 .logo {
	    width: 97px;
	    height: 44px;
	    position: relative;
	    display: block;
	    margin-left: 20px;
	}
}





@media (max-width: 1024px){
	.pc-bocweb-header3{
		width:100%;
	}
	.pro_a .list .li .left{
		padding:1rem;
	}
	.banner .cont{
		top:30%;
	}
	.banner .cont a{
		width:250px;
	}
	.banner {
	    height: 30rem;
	    overflow: hidden;
	}
	.home_a{
		height:15rem;
	}
	.home_e .right {
	    width: 50%;
	    float: right;
	    padding-left: 2rem;
	    height: 13rem;
	    overflow: auto;
	}
}

@media (max-width: 1680px){
	.adv_b .advb-container .swiper-slide .txt{
		height:8.5rem;
	}
}
@media (max-width: 1280px){
	.pc-bocweb-header3 .logo{
		width:80px;
		margin-left: 20px;
	}
	.adv_b .advb-container .swiper-slide .txt{
		height:9.5rem;
	}
	.pc-bocweb-header3 .right-btn{
		margin-right:20px;
	}
	.pc-bocweb-header3 .right-btn .headerdh{
		width:20px;
	}
	.pc-bocweb-header3 .right-btn .lan{
		width:20px;
	}
	.pc-bocweb-header3 .search-btn{
		width:20px;
	}
}
@media (max-width: 767px){
	.addss{
		display:none !important;
	}
	.adv_a{
		padding-top: 0.5rem;
		padding-bottom:1rem;
	}
	.adv_a .sub-tit{
		width:83.33%;
	}
	.nybanner{
		height: 14rem;
	}
	.nybanner .main_con{
		top: 5rem;
	}
	.mddx-pagination{
		width:100%;
		text-align: center;
		margin-top:0.5rem;
	}
	.mddx-pagination .swiper-pagination-bullet-active{
		background-color:#d91d17;
	}
	.adv_a .adv-container .swiper-slide{
		height:8.5rem;
	}
	footer .top {
	    display: flex;
	    flex-direction: column;
	    justify-content: space-between;
	    align-items: center;
	}
	footer .top .left{
		text-align: center;
		margin-bottom:1rem;
	}
	footer .top .right .ewm{
		width:100px;
	}
	footer .top .left .logo{
		margin:auto;
	}
	footer .top .left .tit-18{
		font-size: 20px;
	}
	footer .top .left  .dz{
		font-size: 16px;
	}
	footer .botn .left{
		    float: inherit;
	}
	footer .link-box{
		float: inherit;
    	margin: auto;
    	margin-top: 0.5rem;
	}
	footer .top .right .ewm .tit-14{
		line-height: 1.5;
	}
	.adv_b .advb-container .swiper-slide .txt {
	    height: auto;
	}
	.adv_b{
		padding-top: 0.5rem;
		padding-bottom:1rem;
	}
	
	.adv_b .advb-container{
		margin-top:.5rem;
	}
	.hon_a{
		margin-top:0;
		padding-top: 0.5rem;
		padding-bottom: 1rem;
	}
	.hon_a .sub-tit{
		width:83.33%;
	}
	.hon_a .hon-container .swiper-slide{
		margin:auto;
	}
	.hon_a .hon-container {
	   
	    width: 83.33%;
	    overflow: hidden;
	    margin: auto;
	     margin-top: 1.2rem;
	}
	.hon_b .honb-container .swiper-slide .li {
	    width: 48%;
	    margin-right: 4%;
	    float: left;
	    margin-bottom: 1rem;
	}
	.hon_b .honb-container .swiper-slide .li:nth-child(2n){
		margin-right: 0;
	}
	.pro_banner .swiper-slide .mbx{
		top:13%;
		display:none;
	}
	.process {
	    padding-top: 1rem;
	    padding-bottom: 1rem;
	}
	.prostar1 {
	    position: relative;
	    top: -55px;
	}
	.pro_banner .swiper-slide .cont{
		    top: 20%;
    left: 0;
    width: 100%;
    text-align: center;
	}
	.pro_banner .swiper-slide .cont .tit-72{
		font-size: 36px;
	}
	.pro_banner .swiper-slide .bg{
		    background-position: 84%;
	}
	.pro_banner .swiper-slide .cont .tit-20{
		font-size: 14px;
		display:none;
	}
	.pro_banner .pddx-pagination .swiper-pagination-bullet{
		width:9px;
		height:9px;
	}
	.pro_banner .pddx-pagination{
		bottom:10px !important;
	}
	.pro_a{
		padding-top: 0.5rem;
	}
	.pro_a .sub{
		width:83.33%;
		text-align: left;
		font-size: 14px;
	}
	.pro_a .img{
		margin-top:1rem;
	}
	.pro_a .list .li .left{
		width:100%;
	}
	.pro_a .list .li .right{
		width:100%;
	}
	.tit-14{
		font-size: 14px;
	}
	.tit-16{
		font-size: 14px  !important;
	}
	.process .li{
		margin-bottom: 2rem;
	}
	.process .li .left{
		width:100%;
		margin-top:2rem;
	}
	.process .li .right{
		width:100%;
	}
	.process .li .left .box{
		width: 100%;
		text-align: center;
	}
	.process .li .left .box img{
		display:inline-block;
	}
	.process .li .right .bot{
		position: relative;
		left:auto;
		margin:auto;
		top: -9.5rem;
		width: 59px;
	    height: 59px;
	    line-height: 59px;
	}
	.process .li .right .txt {
	     width: 83.33%;
	    position: relative;
	    left: auto;
	    top: -60px;
	    margin: auto;
	}
	.process .li:nth-child(2n) .right .bot {
	    left: auto;
	    right: auto;
	}
	.process .li:before{
		bottom:0;
	}
	.process .li:nth-child(2n) .right .txt{
		left:auto;
	}
	.size .w1600{
		overflow: auto;
		padding-bottom: .8rem;
	}
	.size table{
		width:30rem;
	}
	.size table tr td{
		padding:1rem;

	}
	.intr .w1600{
		overflow: auto;
		padding-bottom: .8rem;
	}
	.intr table{
		width:30rem;
	}
	.para .table a{
		font-size: 14px;
	}
	.addss a.cur:before {
    width: 100%;
}
.addss a:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    left: 0;
    bottom: 0;
    background-color: #d91d17;
    transition: all 0.4s;
}
	.para .table {
	    margin-top: 0.8rem;
	    font-size: 0;
	    width: 100%;
	    /* overflow: auto; */
	    left: 0;
	}
	.para .con_table{
		overflow: auto;
		padding-bottom: .8rem;
	}
	.para .item{
		width:44rem;
	}
	.curve .list .li .li_top{
		height:60px;
		padding:0 0.5rem;
	}
	.curve .list .li .li-hide .flt{
		width:100%;
	}
	.curve .list .li .icon img{
		width:12px;
	}
	.curve .list .li .li-hide .bot{
		display:block;
	}
	.sev_banner .sev-container .swiper-slide:after{
		display:none;
	}
	.sev_banner .sev-container .swiper-pagination-bullet{
		background: #FFF;
	}
	.sev form .inpitem .item{
		width:100%;
	}
	.sev form .item2 .inpitem2 .item{
		width:100%;
	}
	.bun input {
	    width: 100px;
	    height: 40px;
	    line-height: 40px;
	    text-align: center;
	    font-size: 14px;
	    margin: 10px;
	    border-radius: 8px;
	    color: #fff;
	}
	.sev form .item2 .inpitem2 .item.yzm img {
    cursor: pointer;
    width: 30%;
    height: 100%;
    float: right;
}
	.sev form .item2 .inpitem2 .itemfi .butt {
	    display: block;
	    width: 80px;
	    height: 30px;
	    margin-top: 16px;
	    line-height: 30px;
	    background-color: #d91d17;
	    color: #fff;
	    font-size: 14px;
	    border-radius: 10px;
	    text-align: center;
	    float: right;
	}
	.sev form .item2 .inpitem2 .itemfi .file-inp{
		width:60%;
	}
	.sev form .item2 .inpitem2 .item.yzm input {
	    width: 40%;
	}
	.sev form .item2 .inpitem2 .itemfi{
		width:100%;
		margin-bottom: 0;
	}
	.sev form .item2 .inpitem2 .item.yzm{
		width:100%;
	}
	.banner .cont	.tit-72{
			font-size: 36px;
		}
	.banner .cont	.tit-36{
			font-size: 20px;
		}
	.banner .cont a {
	    width: 200px;
	    height: 40px;
	    line-height: 40px;
	    font-size: 14px;
	}
	.banner .cont a img {
	    display: inline;
	    width: 54px;
	}
	.home_b{
		padding:1rem 0;
	}
	.home_b .right{
		width:100%;
	}
	.home_b .left{
		width:100%;
	}
	.home_b .left .tit-48{
		text-align: center;
		line-height:1.5;
	}
	.m_home_a{
		height:19rem;
		background-color:#fff;
		
	}
	.m_home_a .tit-48{
		position:absolute;
		top:1.8rem;
		width:100%;
	}
	.m_home_a .mp-cint{
		width:100%;
		height:100%;
		padding-top: 4rem;
	}
	.m_home_a .mp-cint .swiper-slide{
		width:100%;
		height:100%;
	}
	.m_home_a .mp-cint .swiper-slide .item{
		width:100%;
		position: relative;
	}
	.m_home_a .mp-cint .swiper-slide  .item img {
	  width: 100%;
	  max-width: none;
	}
	.m_home_a .mp-cint .swiper-slide  .item .bot {
	  width: 10px;
	  height: 10px;
	  background-color: #d91d17;
	  border-radius: 50%;
	  position: absolute;
	  cursor: pointer;
	}
	.m_home_a .mp-cint .swiper-slide  .item .bot .bord {
	  width: 30px;
	  height: 30px;
	  border: 2px solid #7d7e7e;
	  border-radius: 50%;
	}
	.m_home_a .mp-cint .swiper-slide  .item .bot .line {
	  width: 1px;
	  height: 0;
	  background-color: #d91d17;
	  position: absolute;
	  left: 50%;
	  top: 0;
	  transition: all .5s ease 0s;
	}
	.m_home_a .mp-cint .swiper-slide  .item .bot .line.on {
	  height: 6rem;
	}
	.m_home_a .mp-cint .swiper-slide  .item .bot .txt {
	     width: 8rem;
	    padding: 0.4rem;
	    position: absolute;
	    left: -4rem;
	    background-color: #fff;
	    box-shadow: 0 0 0.4rem #33333366;
	    text-align: left;
	    transform: translateY(40%);
	    transition: all .5s ease 0s;
	    display: none;
	    opacity: 0;
	    z-index: 33;
	}
	.m_home_a .mp-cint .swiper-slide  .item .bot .txt.on {
	  display: block;
	  opacity: 1;
	  top:1.5rem;
	}
	.m_home_a .mp-cint .swiper-slide  .item .bot1 {
	  top: 50%;
	  left: 34%;
	}
	.m_home_a .mp-cint .swiper-slide  .item .bot2 {
	  top: 62%;
	  left: 52%;
	}
	.m_home_a .mp-cint .swiper-slide  .item .bot3 {
	 	top: 41%;
    	left: 49%;
	}
	.m_home_a .mp-cint .swiper-slide  .item .bot4 {
	  top: 26%;
	  left: 54%;
	}
	.m_home_a .mp-cint .swiper-slide  .item .bot5 {
	  top: 41%;
	  left: 66%;
	}
	.m_home_a .mp-cint .swiper-slide  .item .bot6 {
	    top: 30%;
     	left: 79%;
	}
	.m_home_a .mp-cint .swiper-slide .sub-t{
		position: absolute;
		bottom:1rem;
		width:100%;
	}
	.m_home_a .mp-cint .swiper-slide:nth-child(1) .item .bot1{
		     top: 42%;
    	left: 46%;
	}
	.m_home_a .mp-cint .swiper-slide:nth-child(2) .item .bot1{
		        top: 38%;
    	left: 46%;
	}
	.m_home_a .mp-cint .swiper-slide:nth-child(3) .item .bot1{
		       top: 51%;
    	left: 56%;
	}
	.m_home_a .mp-cint .swiper-slide:nth-child(4) .item .bot1{
		    top: 50%;
    		left: 50%;
	}
	.m_home_a .mp-cint .swiper-slide:nth-child(5) .item .bot1{
		    top: 59%;
    		left: 50%;
	}
	.banner .cont a span:nth-child(2) svg{
		margin-top: 6px;
	}
	.m_home_a .mp-cint .swiper-slide:nth-child(2) .item .bot .txt{
		    top: 1.1rem;
    	width: 12rem;
        left: -5.5rem;
	}
	.m_home_a .mp-cint .swiper-slide:nth-child(2) .item .bot .txt p{

		width:50%;
		float: left;
	}
	.m_home_a .mp-cint .swiper-slide:nth-child(1) .item .bot .txt p{
		width:50%;
		float: left;
	}
	.m_home_a .mp-cint .swiper-slide:nth-child(5) .item .bot .txt p{
		width:50%;
		float: left;
	}
	.m_home_a .mp-cint .swiper-slide:nth-child(4) .item .bot .txt p{
		width:50%;
		float: left;
	}
	.m_home_a .mp-cint .swiper-slide:nth-child(3) .item .bot .line.on {
    height: 7rem;
}
	.m_home_a .mp-cint .swiper-slide:nth-child(3) .item .bot .txt{
		top:5rem;
	}
	.m_home_a .mp-cint .swiper-slide:nth-child(4) .item .bot .txt {
	    top: 0.2rem;
	    width: 11rem;
	    left: -5rem;
	}
	.m_home_a .mp-cint .swiper-slide:nth-child(5) .item .bot .txt{
		top:3rem;
	}
	.mp-button-next,.mp-button-prev{
		width:29px;
		height:35px;
		background-image: url(../img/prokt.png);
		background-repeat: no-repeat;
		background-position: center;
		position:absolute;
		top:35%;
		cursor: pointer;
		z-index: 22;
	}
	.mp-button-next{
		right:0;
	}
	.mp-button-prev{
		transform:rotate(180deg);
		left:0;
	}
	.home_c .cont{
		width:100%;
	}
	.home_c .cont .box{
		width: 80px;
    	height: 80px;
    	display:none;
	}
	.home_c .cont .box1 {
	    top: -10%;
	    left: 0;
	}
	.home_c .cont .box .icon{
		margin-top:10px;
	}
	.home_c .cont .box2 {
	    top: -13%;
	    right: 0;
	}
	.home_c .cont .box3 {
	    top: 87%;
	    left: 5%;
	}
	.home_c .cont .box4 {
	    top: 87%;
	    right: 2%;
	}
	.home_c .cont .box4 img{
		width:1.5rem;
	}
	.home_e{
		padding: 1.5rem 0;
	}
	.home_e .tit-48{
		text-align: center;
	}
	.home_e .left{
		width:100%;
	}
	.home_e .right{
		width:100%;
	}
	.home_e .left .img{
		display:none;
	}
	.home_e .m-right{
		margin-top: 1.25rem;
		float: left;
	}
	.news-container{
		width:100%;
		overflow: hidden;
	}
	.home_e .m-right a {
	    color: #333;
	}
	.home_e .m-right a .img{
		width:100%;
		margin-top:0.7rem;
		height:8rem;
	}
	.about_a {
	    padding-top: 1rem;
	    padding-bottom: 1rem;
	    margin-top: -50px;
	}
	.about_a .left{
		width:100%;
	}
	.about_a .left .tit-48{
		text-align: center;
	}
	.about_a .right{
		width:100%;
		height:7.25rem;
		margin-top:1rem;
	}
	.about_a .left .tit-16{
		font-size: 14px;
	}
	.about_a .right .paly{
		width:2rem;
	}
	.about_b{
		padding:1rem 0;
	}
	.about_b .about_b_a {
	    width: 100%;
	    margin-top: 0.7rem;
	    padding: 0;
	    height: auto;
	    overflow: hidden;
	    display: flex;
	    justify-content: space-evenly;
	    position: relative;
	    flex-direction: column;
	    align-items: center;
	}
	.about_b .about_b_a .txt {
	    width: 100%;
	    margin-top:1rem;
	}
	.about_b .about_b_b .txt {
	    margin-left: 0.5rem;
	}
	.about_b .about_b_b .txt svg{
		width:37px;
	}
	.about_b .about_b_c li {
	    width: 100%;
	    margin-right: 0;
	    float: left;
	    height: auto;
	    margin-bottom: .7rem;
	}
	.about_b .about_b_c li .left {
	    width: 100%;
	    height: 7rem;
	    float: left;
	}
	.about_b .about_b_c li .right {
	    width: 100%;
	    height: auto;
	    padding: 1rem 0;
	    float: left;
	    background-color: #f5f5f5;
	    display: flex;
	    align-content: center;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	}
	.his_a {
	    margin-top: -50px;
	    background-color: #f5f5f5;
	    padding-top: 1rem;
	    padding-bottom: 1rem;
	}
	.his_a .list ul li .left {
	    width: 50%;
	    height: 100%;
	    float: left;
	    text-align: right;
	    padding-right: 1rem;
	}
	.his_a .list ul li .right img {
	    width: 70%;
	    position: absolute;
	    left: 1rem;
	    margin-left: 10px;
	    z-index: 7;
	}
	.his_a .list ul li {
	    width: 100%;
	    height: auto;
	    padding: 1rem 0;
	    margin-bottom: .5rem;
	}
	.his_a .list ul li:nth-child(2n) .right img {
	    left: auto;
	    right: 1.5rem;
	}
	.his_a .list ul li:nth-child(2n) .left {
	    float: right;
	    text-align: left;
	    padding-right: 0;
	    padding-left: 1rem;
	}
	.home_f a {
	    display: inline-block;
	    width: 120px;
	    height: 40px;
	    line-height: 40px;
	    color: #d91d17;
	    border: 1px solid #d91d17;
	    border-radius: 30px;
	    margin-top: 0.4rem;
	    font-size: 14px;
	    transition: all .5s;
	}
	.nac-clear {
	    margin-top: -50px;
	    height: 50px;
	}
	.home_e .left .table {
	    width: 100%;
	    border-bottom: 1px solid #ccc;
	    text-align: center;
	}
	.home_e .m-right a .tit-16{
		font-size: 14px;
	}
	.home_b .left .tit-20 {
	    color: #666;
	    margin-bottom: .5rem;
	    margin-top: 0;
	}
	.p-addss{
		display:flex !important;
		width: 100%;
    	height: 60px;
	}
	.p-addss a{
		height: 60px;
		line-height:60px;
		width:auto;
		    margin: 0 .1rem;
	}
	.pro_banner {
	    overflow: hidden;
	    height: 18rem;
	}
	.about_b .about_b_a .txt .p .tit-16{
		font-size: 14px;
	}
	.about_b .about_b_c li .right .tit-24{
		font-size: 18px;
	}
	.hon_b .honb-container .swiper-slide .li .tit-16 {
	    margin-top: 10px;
	    font-size: 14px;
	    line-height: 1.5;
	}
	.size, .intr, .curve, .para {
	    padding-top: 1rem;
	    padding-bottom: 3.5rem;
	}
	.sev form .item1 .tit-24{
		font-size: 24px;
	}
	.fd1 {
	    position: absolute;
	    top: -5%;
	}

footer .botn div {
    float: left;
    margin-right: 0;
}
	.fd5 {
	    position: absolute;
	    top: 83%;
	    left: 67%;
	}
	footer .top .right {
    text-align: center;
    width: 100%;
}
.home_e .left .table a {
    display: inline-block;
    width: 3rem;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 14px;
    color: #333;
    position: relative;
    padding-bottom: 0.2rem;
    box-sizing: content-box;
}
.adv_a .adv-container .swiper-slide{
	margin:0;
}
}