html {
            scroll-behavior: smooth;
        }
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.banner {position: relative;    padding-top: 140px;}

#abouts, #advantages, #capacity {
            scroll-margin-top: 160px; 
}
#culture, #millstone, #RD{
            scroll-margin-top: 80px; 
}
#Cer, #Patent, #Col, #Cus {
            scroll-margin-top: 160px; 
}

.b_msg {
    width: 50%;
    position: absolute;
    left: 13.5%;
    top: 50%;
    color: #fff;
}
.b_msg h2{
	font-size: 30px;
    line-height: 30px;
    font-weight: 600;
}
.b_msg p{
	font-size: 36px;
	margin: 20px 0;
}
.b_msg a{
	display: block;
    text-align: center;
    width: 120px;
    line-height: 40px;
    color: #fff;
    background: #002fa7;
    border-radius: 30px;
}

.allcontent{
	padding: 60px 0;
    border-top: 1px solid rgba(0,0,0,0.1);
}

.allcontent .wrapper_p{
	width: 84%;
    margin: 0 auto;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pcontent{
	background: url(../images/bg.jpg) no-repeat center;
	background-size: cover;
	display: grid;
}
.pcontent .npage{
	padding: 0px;
    background: #fff;
    margin-bottom: 90px;
}

.pcontent .m_newsc{
	width: 65%;
    padding: 40px;
}
.pcontent .m_newsc .about_nav {
    margin-bottom: 30px;
    color: #a3a3a3;
}
.pcontent .m_newsc .about_nav a{
    color: #a3a3a3;
}

.pcontent .m_honor_attr {
    line-height: 45px;
	padding-bottom: 30px;
    font-size: 24px;
    color: #2a67b5;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.pcontent .newoth{
	width: 35%;
    padding: 40px;
    border-left: 1px solid rgba(0,0,0,0.1);
}

.pcontent .m_news_rl img{
	width: 100%;
    max-height: 250px;
    object-fit: cover;
	border: 1px solid rgba(0,0,0,0.1);
}
.pcontent .m_news_rl h2 {
    font-size: 16px;
	font-weight: 500;
    margin-top: 20px;
}

.our_ser{
	margin: 90px 0;
    background: #ffffff;
    padding: 60px 40px;
}

.overview{
	margin-bottom: 90px;
}
.overview fieldset{
	margin-top: 20px;
	background: #ecf3f9;
    padding: 55px 45px;
	border: none;
}



.about{
	padding: 90px 0;
}

.about img{
	display: block;
    max-width: 100%;
}

.about_p{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
}



.abouts{
	padding-top: 30px;
	padding-bottom: 90px;
}

.abouts h2{
	font-size: 48px;
}
.abouts h2 strong{
	color: #002fa7;
}

.abouts p strong{
	color: #002fa7;
}

.about_img{
	width: 50%;
	border-radius: 15px 0;
    overflow: hidden;
}

.about_img img{
    width: 100%;
}

.aboutus {
    width: 46%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
}
.aboutus h2{
	width: 100%;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
}
.aboutus h2 strong {
    color: #002fa7;
}
.aboutus .about_p{
	width: 86%;
	display: flex;
    flex-wrap: wrap;
}
.aboutus img{
	max-width: 540px;
}

.aboutus span{
	display: block;
    width: 40px;
    height: 5px;
    background: #002fa7;
	margin-bottom: 10px;
}
.aboutus p{
	line-height: 22px;
}

.boothbox{
	background: #f3f6fb;
    padding: 90px 0;
}
.booth{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.booth .boothli{
	width: 48%;
}
.booth .boothli img{
	width:100%;
}

.booth .boothli h2{
	font-size: 36px;
    line-height: 40px;
    margin: 30px 0;
    font-weight: 600;
}

.coursebox{
	color: #fff;
	background: url(../images/history_bg.jpg) no-repeat center;
	background-size: cover;
	padding: 90px 0;
}
.coursebox h2{
	    font-size: 36px;
    line-height: 60px;
    font-weight: 600;
	text-align: center;
}

.coursebox span {
    display: block;
    width: 40px;
    height: 5px;
    background: #fff;
    margin: 20px auto;
}

.coursebox  ul{background: url(../images/sy51.png) repeat-y center; max-height: 600px; overflow-y: scroll;margin-top: 30px; padding: 0 10px;}
.coursebox li:before{background: url(../images/sy50.png) no-repeat center center; left: -75px;top: 12px; content: "";display: block;position: absolute;width: 17px;height: 17px;}

.coursebox li{float: right;width: 45%;text-align: left;position: relative;margin-top: 60px;}
.coursebox li:nth-child(1){margin-top: 0;}
.coursebox li:nth-child(2n) {float: left;text-align: right;margin-top: 200px;}
.coursebox li:nth-child(2n):before{background: url(../images/sy50.png) no-repeat center center; right: -80px;top: 12px;left: auto; content: "";display: block;position: absolute;width: 17px;height: 17px;}
.coursebox li img {
   width: 100%;
    max-height: 240px;
    max-width: 360px;
    object-fit: cover;
}
.coursebox li:nth-child(2n) img{
	   margin: 0 auto;
    margin-right: 0;
}
.coursebox li h4 {
  position: relative;
  display: block;
  font-size: 24px;
  text-decoration: none;
  color: #ecf0f1;
  text-transform: uppercase;
  padding: 4px 0;
  transition: 0.5s;
}
.coursebox li h4::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  top: 100%;
  left: 0;
  background: #3498db;
  transition: transform 0.5s;
  transform: scaleX(0);
  transform-origin: right;
}



.courseli span{
	display: block;
    width: 12px;
    height: 12px;
	margin: 15px 0;
    background: #fff;
    border-radius: 30px;
}

.courseli .coursep {
	background: url(../images/couline.png) no-repeat center;
	 background-size: 100% 100%;
   padding:30px 30px 20px;
}
.courseli .courseb{
	 height: 170px;
    overflow: auto;
}

.courseli .courseb::-webkit-scrollbar-thumb {
  background: #fff;
}

.courseli .courseb::-webkit-scrollbar-thumb:window-inactive {
  background: #fff;
}

.courseli .courseb::-webkit-scrollbar-thumb:vertical:hover {
  background: #fff;
}

.courseli p{
	line-height: 20px;
	text-align: left;
}

.concept{
	padding: 90px 0;
}

.conceptli{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
	    margin-bottom: 60px;
}
.conceptli span {
    display: block;
    width: 40px;
    height: 5px;
    background: #002fa7;
    margin-bottom: 30px;
}

.conceptli h2 {
    width: 100%;
    margin-bottom: 30px;
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
}

.conceptli img{
	width: 50%;
}

.conceptl,.conceptr{
	width: 45%;
}

.services_c {
    width: 60%;
}

.services_c ul{
	display: flex;
    flex-wrap: wrap;
}

.services_c .serli {
    width: 32%;
    margin-right: 2%;
	margin-bottom: 20px;
	overflow: hidden;
}

.services_c .serli:nth-child(3n){
    margin-right: 0%;
}

.services_c .serli img{
	width: 100%;
    height: 100%;
    max-height: 180px;
    object-fit: cover;
}

.services_c .serli a{
	height: 180px;
    border: 1px solid rgba(0,0,0,0.1);
    display: block;
}
.services_c .serli p{
	text-align: center;
}

.sermsg {
	width: 35%;
	margin-top: 60px;
}

.sermsg ul {
            list-style-type: none; 
            padding: 0;
        }
.sermsg li {
           list-style: disc;
            margin-left: 20px; 
        }
		
.serb .serli{
	    width: 48%;
}
.serb .serli:nth-child(3n) {
    margin-right: 2%;
}
.serb .serli:nth-child(2n) {
    margin-right: 0%;
}

.video{
	
}
.video h2{
	font-size: 36px;
    line-height: 50px;
    font-weight: 600;
    text-align: center;
}
.video span{
	display: block;
    width: 40px;
    height: 5px;
    background: #002fa7;
    margin: 20px auto;
}
.videoul{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	margin-top: 40px;
}
.videoli{
	width: 48%;
	margin-bottom: 30px;
}

.videoli video{
	width: 100%;
	display: block;
}
.videoli p{
	text-align: center;
    line-height: 80px;
    background: #f3f6fb;
}

.culture{
	padding: 90px 0;
}
.culture h2{
	font-size: 36px;
    line-height: 50px;
    font-weight: 600;
    text-align: center;
}
.culture span{
	display: block;
    width: 40px;
    height: 5px;
    background: #002fa7;
    margin: 20px auto;
}
.advtit{
	    margin: 60px auto;
}
.advtit h2{
	font-size: 36px;
    line-height: 50px;
    font-weight: 600;
    text-align: center;
}
.advtit span{
	display: block;
    width: 40px;
    height: 5px;
    background: #002fa7;
    margin: 20px auto;
}
.advantages h2{
	font-size: 36px;
    line-height: 50px;
    font-weight: 600;
    text-align: center;
}
.advantages span{
	display: block;
    width: 40px;
    height: 5px;
    background: #002fa7;
    margin: 20px auto;
}
.advs h2,.advd h2{
	font-size: 24px;
	line-height: 30px;
}
.advantages h3{
	font-weight: 600;
	margin-top: 60px;
}
.advs ,.advd{
	padding: 90px 0;
}
.advd {
	background: rgb(15 82 186 / 5%);
}

.Corporate{
	padding: 0px;
}
.Corporate h2{
	font-size: 36px;
    line-height: 50px;
    font-weight: 600;
    text-align: center;
}
.Corporate span{
	display: block;
    width: 40px;
    height: 5px;
    background: #002fa7;
    margin: 20px auto;
}
.Corbox{
	display: flex;
    flex-wrap: wrap;
	margin-top: 40px;
}
.Corimg{
	width: 23.5%;
    margin-right: 2%;
}
.Corimg:nth-child(4n){
    margin-right: 0%;
}
.Corimg img {
    width: 100%;
    max-height: 280px;
    object-fit: cover;
}
.Corimg p {
	text-align: center;
    margin-top: 10px;
}

.Cooperative{
	padding: 90px 0;
	color: #fff;
	background: url(../images/ce_bg.jpg) no-repeat center;
	position: relative;
}
.Coobox{
	width: 43%;
}
.Coobox h2 {
    font-size: 36px;
    line-height: 50px;
    font-weight: 600;
	margin-bottom: 30px
}
.Coobox a{
	color: #002fa7;
    display: block;
    background: #fff;
    width: 120px;
    line-height: 40px;
    text-align: center;
    border-radius: 30px;
    margin: 30px 0;
}

.Cooul{
	margin-bottom: 60px;
}
.Cooli{
	display: flex;
    align-items: center;
    flex-wrap: wrap;
	opacity: 0.5;
}
.Cooli.on{
	opacity: 1;
}
.Cooli img{
	display: flex;
    align-items: center;
    flex-wrap: wrap;
	margin-right: 10px;
}

.Coofr{
	
}
.Coof1{
	position: absolute;
    top: 50%;
    right: 17.7%;
}
.Coof2{
	position: absolute;
	top: 51%;
    right: 18%;
	display: none
}

.honor{
    padding: 90px 0;
}
.honor h2{
	font-size: 36px;
    line-height: 50px;
    font-weight: 600;
	text-align: center;
}
.honor span {
    display: block;
    width: 40px;
    height: 5px;
    background: #002fa7;
    margin: 20px auto;
}

.honorul{
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 30px;
}
.honorli{
	width: 23.5%;
    display: flex;
    align-items: center;
	padding: 30px;
	background: #eceff0;
}
.honorli a {
	display: block;
    height: 100%;
    background: #fff;
}
.honorli img{
	width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
    padding: 10px;
}

.question{
	padding: 90px 0;
	margin-bottom: -60px;
	 background: url(../images/qu_bg.jpg) no-repeat center;
}

.strength{
	    padding: 90px 0;
		background: url(../images/f_bg.jpg) no-repeat center;
		position: relative;
}
.strength.sw{
		background:none;
}


.strength .wrapper{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
}
.strl{
	width: 49%;
}
.strl h2{
	font-size: 24px;
    line-height: 30px;
	font-weight: 600;
	text-align: left;
}
.strl span{
	display: block;
    width: 40px;
    height: 5px;
    background: #002fa7;
    margin: 20px 0;
}
.strr{
	width: 49%;
}
.strr img{
	width: 100%;
}
.strb{
	width: 100%;
	margin-top: 60px;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
}
.strb .line{
	width: 1px;
    height: 100px;
    background: rgba(0,0,0,0.1);
}
.strn{
	width: 25%;
}
.strn h2{
	color: #002fa7;
    font-size: 30px;
    font-weight: 500;
	margin-bottom: 20px;
	text-align: left;
}
.strn h2 b{
	font-size: 50px;
	line-height: 60px;
	margin-right: 10px;
}


.strt h2{
	font-size: 24px;
    line-height: 40px;
    width: 70%;
	font-weight: 600;
	text-align: left;
}
.strt span{
	display: block;
    width: 40px;
    height: 5px;
    background: #002fa7;
    margin: 20px 0;
}
/*
.adv1 .wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

.adv1 .strl {
    padding: 40px;
    background: white;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 47, 167, 0.1);
    border-left: 5px solid #002fa7;
}

.adv1 .strl h2 {
    font-size: 28px;
    color: #1a1a1a;
    margin-bottom: 15px;
    font-weight: 700;
}

.adv1 .strr img {
    border-radius: 15px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.adv1 .strr img:hover {
    transform: scale(1.02);
}*/

.strr img {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.strr img:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.strl {
    transition: transform 0.3s ease;
}

.strl:hover {
    transform: translateX(5px);
}

.adv2 .wrapper {
    display: flex;
    align-items: stretch;
}

.adv2 .strl {
    background: linear-gradient(145deg, #002fa7, #1e40af);
    color: white;
    padding: 50px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.adv2 .strl::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px);
    background-size: 20px 20px;
}

.adv2 .strl h2 {
    font-size: 24px;
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
}

.adv2 .strl span {
   background: #fff;
}

.adv2 .strr img {
    border-radius: 10px;
    filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.15));
}

.adv3 .wrapper {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 40px;
    align-items: center;
}

.adv3 .strr {
	    width: 100%;
    display: grid;
    grid-template-areas: 
        "img1 img2";
    gap: 15px;
}

.adv3 .strr img:nth-child(1) {
    grid-area: img1;
    border-radius: 10px 0 0 10px;
}

.adv3 .strr img:nth-child(2) {
    grid-area: img2;
    border-radius: 0 10px 10px 0;
}

.adv3 .strl {
	width: 100%;
    padding: 35px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}
.adv3 .strr img:hover {
    transform: translateY(-5px);
    box-shadow: none;
}

.adv4 .wrapper {
    display: flex;
    gap: 60px;
    align-items: center;
}

.adv4 .strl {
    flex: 1;
    background: white;
    padding: 45px;
    border-radius: 10px;
    border: 1px solid #e1e5e9;
    position: relative;
}

.adv4 .strl::after {
    content: '';
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 30px solid white;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

.adv4 .strl h2 {
    font-size: 24px;
    color: #2d3748;
    margin-bottom: 25px;
    border-bottom: 2px solid #002fa7;
    padding-bottom: 15px;
}
.adv4 .strl span{
	display: none;
}
.adv4 .strr img {
    border-radius: 10px;
    box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.1);
}



.adv5 .wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: stretch;
}

.adv5 .strt {
    grid-column: 1 / -1;
}

.adv5 .strt h2 {
    font-size: 24px;
    color: #1a202c;
    display: inline-block;
}

.adv5 .strr {
	width: 100%;
    display: grid;
    gap: 10px;
}

.adv5 .strr img {
    border-radius: 10px;
    object-fit: cover;
	max-height: 400px;
}

.adv5 span{
	background: #fff;
}

/*
.adv5 .strr img:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
	border-radius: 10px 0 0 0;
}

.adv5 .strr img:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
	border-radius: 0 10px 0 0;
}

.adv5 .strr img:nth-child(3) {
    grid-column: 1 / span 2;
    grid-row: 2;
	border-radius: 0 0 10px 10px;
}
*/
.adv5 .gbox {
	width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: linear-gradient(135deg, #667eea 0%, #143074  100%);
    color: white;
    padding: 30px;
    border-radius: 10px;
	font-size: 20px;
}




/*
.strb {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 60px;
}

.strn {
    text-align: center;
    padding: 30px;
    background: white;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    border-top: 4px solid #002fa7;
}

.strn h2 b {
    font-size: 48px;
    background: linear-gradient(135deg, #002fa7, #1e40af);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}*/

.Plant{
	padding: 90px 0;
}
.Plant h2{
	font-size: 36px;
    line-height: 40px;
    width: 70%;
	font-weight: 600;
	margin-top: 20px;
}
.Plant span{
	display: block;
    width: 40px;
    height: 5px;
    background: #002fa7;
    margin: 20px 0;
}
.Pinfo{
	display: flex;
    justify-content: space-between;
	margin-top: 60px;
}
.Pimg{
	width: 75px;
    height: 75px;
    border: 2px solid #002fa7;
    border-radius: 60px;
	display: flex;
    justify-content: center;
    align-items: center;
	margin: 0 auto;
	margin-bottom: 10px;
}
.Pimg img{
	width: 100%;
	max-width: 30px;
}
.Pimg:hover img{
transform: rotateY(180deg);
}
.lay_qua{
	
}

.lay_qua .lq{
	display: flex;
    justify-content: space-between;
	align-items: center;
	margin-top: 60px;
}
.lay_qua .lq img{
	width: 100%;
    height: 450px;
    object-fit: cover;
}
.lay_qua .lq .lql{
	width: 48%;
}
.lay_qua .lq .lqr{
	width: 48%;
}

.foundry{
	overflow: hidden;
	background: #143074;
	padding: 90px 0;
	max-height: 800px;
}
.foundry h2{
	color: #fff;
	font-size: 36px;
    line-height: 40px;
	margin-top: 20px;
	font-weight: 600;
    text-align: center;
}
.foundry span{
	display: block;
    width: 40px;
    height: 5px;
    background: #fff;
    margin: 20px auto;
}
.fou_li{
	color: #fff;
}
.fou_li p{
	font-size: 18px;
	margin-top: 20px;
}
.fou_li img{
	height: 390px;
    object-fit: cover;
}

.Production{
	padding: 90px 0;
}
.Production p{
	text-align: center;
}
.Production h2{
	width: 70%;
    margin: 0 auto;
	font-size: 36px;
    line-height: 40px;
	margin-top: 20px;
	font-weight: 600;
    text-align: center;
}
.Production span{
	display: block;
    width: 40px;
    height: 5px;
    background: #002fa7;
    margin: 20px auto;
}

.Produl{
	display: flex;
    flex-wrap: wrap;
	margin-top: 30px;
}
.Prodli{
	width: 18.4%;
    margin-right: 2%;
	margin-bottom: 20px;
}
.Prodli a{
	display: block;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.1);
}
.Prodli:nth-child(5n){
	margin-right: 0%;
}
.Prodli img{
	width: 100%;
    height: 200px;
    object-fit: cover;
}

.approved{
	padding: 60px 0;
	color: #fff;
	background: url(../images/approved_bg.jpg) no-repeat center;
}

.approved h2{
	font-size: 36px;
    line-height: 40px;
	margin-top: 20px;
	font-weight: 600;
	color: #fff;
}
.approved span{
	display: block;
    width: 40px;
    height: 5px;
    background: #fff;
    margin: 20px 0;
}
.approved .wrapper{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.approved .appl{
	width: 50%;
}
.approved .appr{
	width: 30%;
}


.System{
	padding: 90px 0;
    overflow: hidden;
}
.System h2{
	font-size: 36px;
	font-weight: 600;
    line-height: 40px;
}
.Sysli img{
	height: 560px;
    object-fit: cover;
}
.Sysli h3{
	font-size: 24px;
	    font-weight: 600;
	margin-top: 20px;
}
.Sysli p{
	margin:10xp 0;
	    color: #143074;

}

#honor{
	padding: 90px 0;
}
#honor h2{
	font-size: 30px;
    text-align: center;
    font-weight: 650;
    margin-bottom: 30px;
    text-transform: uppercase;
}
#honor h2 strong {
    color: #002fa7;
}

.hbox{
	display: flex;
	margin-bottom: 90px;
}
.zbox{
	display: flex;
}

.hul{
	display: flex;
    flex-wrap: wrap;
}

.hul .hli {
	overflow: hidden;
	border-radius: 10px;
}

.hul .hli div{
	 box-sizing: border-box;
}
.hul .hli div img{
	width: auto;
    max-height: 430px;
    margin: 0 auto;
}
.hul .hli p{
	text-align: center;
    line-height: 60px;
}

.tit1{
	display: flex;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 80px;
}

#pat{
	padding-top: 60px;
}
#cer{
	padding-top: 60px;
}

#adv-dis{
	padding: 90px 0;
}
.advantage h2{
	margin-bottom:20px;
}


.distribution{
	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
	margin-top: 60px;
}
.distribution .map{
	    width: 49%;
}
.distribution .map div{
	padding: 20px 40px;
	background: #f5f6f8;
}
.distribution .map h2{
	font-size: 20px;
    font-weight: 450;
}
.distribution .map p{
	color:#999999;
}
.distribution .map img{
	width: 100%;
}

#cooperatebg{
	background: url(../images/cooperatebg.png) no-repeat center;
	background-size: cover;
	padding: 80px 0;
	color: #fff;
}
#cooperatebg h2{
	font-size: 30px;
    line-height: 36px;
    margin-bottom: 20px;
    font-weight: 600;
}
#cooperatebg a{
	display: block;
    width: 150px;
    line-height: 40px;
    text-align: center;
    background: #ffffff;
    border-radius: 30px;
    color: #2a68b5;
    font-weight: 600;
}

.titmsg{
	
}
.titmsg h1{
	font-size: 40px;
    font-weight: inherit;
	line-height: 60px;
	margin-bottom: 30px;
}
.titmsg p{
	
}
.abmsg1{
	padding-bottom: 80px;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    margin-bottom: 50px;
}
.abmsg1 p{
	line-height: 40px;
	text-indent: 2em;
}

.tit2{
	display: flex;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 10px;
}

.abmsg2{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.customized{
	width: 48%;
}

.customized img{
	display: block;
    width: 100%;
}
.customized p{
	line-height: 34px;
	padding: 50px 95px 50px 5px;
}
.mapdw{
	padding-top: 85px;
}

.por_ebd{
	width: 100%;
	background: #fff;
	border-top: 1px solid rgba(0,0,0,0.1);
	position: relative;
}
.por_ebd ul{
	width: 100%;
	display: flex;
	height: auto;
    justify-content: space-between;
    max-width: 1320px;
    margin: 0 auto;
}
.por_ebd .parent{
	position: initial;
	cursor: pointer;
	padding: 50px 0;
}
.por_ebd .parent a{
	display: flex;
    flex-direction: column;
    align-items: center;
}
.por_ebd .parent img{
	display: block;
}
.por_ebd .parent p{
	margin-top: 20px;
	font-size: 30px;
	color: #757575;
}
.por_ebd .parent a .paric{
	padding: 23px;
    border-radius: 100px;
}
.por_ebd .parent.on a .paric{
	background: #d3bc94;
}
.por_ebd .parent.on p{
	font-weight: bold;
}
@keyframes pulse {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}
.por_ebd .parent:hover a .paric{
	background: #d3bc94;
	
}
.por_ebd .parent:hover .paric p{
	font-weight: bold;
}
.por_ebd .parent:hover .paric img{
	filter: brightness(0) invert(1);
	animation: pulse 1s infinite;
}

.por_ebd .parent2{
	width: 100%;
	max-width: inherit;
	position: absolute;
	left: 50%;
	top: 262px;
	z-index: 99;
    transform: translateX(-50%);
    background: #efefef;
	border: 1px solid #d3bc94;
	display: none;
    flex-direction: column;
	box-sizing: border-box;
	padding: 30px 0;
	max-height: 400px;
}

.por_ebd .parent2 ul{
	max-width: 1400px;
	padding: 0 50px;
    box-sizing: border-box;
	display: flex;
    flex-direction: column;
}


.por_ebd .parent2 li{
	width: 90%;
    margin: 0 auto;
    line-height: 40px;
	background: #fff;
	max-height: 334px;
	max-width: 250px;
}


/*.por_ebd .parent2 li:hover{
	background: #d3bc94;
}
.por_ebd .parent2 li:hover a{
	color:#fff;
}*/
.por_ebd .parent2 a{
	font-size: 20px;
	color: #757575;
}
.por_ebd .parent2 figcaption{
	text-align: center;
	padding: 10px 10px;
    padding-bottom: 20px;
}
.por_ebd .parent2 figcaption p{
	text-align: center;
    font-size: 16px;
    background: #f0f0f0;
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    margin: 0 auto;
}
.por_ebd .parent2 li:hover figcaption p{
	background: #d3bc94;
    color: #fff;
}

.hmsg{
	color: #fff;
	background: linear-gradient(90deg, #4a3932, #7d5a4f);
	padding: 60px 0;
}
.hmsg ul{
	display: flex;
    justify-content: center;
}
.hmsg ul li{
	margin: 0 30px;
}

.hmsg p{
	font-size: 20px;
	margin-bottom: 20px;
}
.hmsg h2{
	font-size: 60px;
    line-height: 60px;
}
.hmsg h2 span{
	font-weight: 300;
    font-size: 20px;
}

.ho1{
	width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 90px 0;
    border-bottom: 1px solid;
	color: #737373;
}

.ho2{
	width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 90px 0;
    border-bottom: 1px solid;
	color: #737373;
}
.hol h3{
	font-size: 30px;
    margin-bottom: 20px;
}
.hol p{
	font-size: 20px;
	line-height: 36px;
}

.patent{
	padding: 90px 0;
	font-size: 20px;
	color: #5b5b5b;
}

.patent ul{
	display: flex;
    justify-content: center;
}
.patent ul li{
    padding: 0 30px;
	border-right: 4px solid #898a8b;
}
.patent ul li:last-child{
   
    border: none;
}
.patent ul li p{
	
}
.patent ul li strong{
	font-size: 36px;
	color: #e50013;
	margin-right: 5px;
}


.npage{
	padding: 40px;
    background: #fff;
    margin-bottom: 90px;
}

/*Title*/
.Title{position:relative;margin-bottom:90px;  background-position:left 20px; background-repeat:no-repeat; background-size:12px;}
.Title .cn{font-size:36px;color:#000000; line-height:normal;}
.Title .cn a{color:#333333;}
.Title .cn span{ color:#21af41;}
.Title .en{ font-size:60px; line-height:normal; color:#333333;font-weight:bold;  margin-bottom:5px;}
.Title .en a{color:#333333;font-weight:bold;font-family: 'MiSans', Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; /* 优化渲染 */ -moz-osx-font-smoothing: grayscale; /* 兼容不同浏览器 */}

#history{background: url(../images/historybg.png) no-repeat center;padding: 90px 0;}

.hisli{
	color: #fff;
	padding: 0 30px;
	border-right: 1px solid rgba(255,255,255,0.1);
}

		.progressTime {
		margin: 0px auto;

		filter: alpha(opacity=50);

		-moz-opacity: 0.5;

		-khtml-opacity: 0.5;

		opacity: 0.5;

		/* position: absolute; */

		_position: fixed;

		left: 25%;

		top: 25%;

		Z-INDEX: 2;

		-moz-border-radius: 5px;

		-webkit-border-radius: 5px;

		border-radius: 5px;

		color: white;

		padding-top: 0px;

		}
		#progressBar {

		height: 2px;

		background-color: rgba(0,0,0,0.3);

		margin: 0 auto;

		margin-top: 55px;

		-webkit-border-radius: 2em;

		-moz-border-radius: 2em;

		border-radius: 2em;

		}

		#progressBar_Track {

		width: 200px;

		height: 2px;

		background-color: #fff;

		-webkit-border-radius: 2em;

		-moz-border-radius: 2em;

		border-radius: 2em;

		}


/*page-join3FuwuTit*/
.page-join3FuwuCon{ }
.page-join3FuwuTit{
	margin-top: 20px;
}
.page-join3FuwuTit ul{
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
.page-join3lunboBox .item{
	display: flex;
    flex-wrap: wrap;
}
.page-join3FuwuTit .navT1{ width: 19.9%; text-align: center;padding: 45px 0;background-color: #fff;}
.page-join3FuwuTit .cn{font-size:16px;line-height:26px; display:block;font-weight:500; color:#333;position:relative;}
.page-join3FuwuTit .en{font-size:24px;color:#333;line-height:30px; height:30px; overflow:hidden; display:block; text-transform:uppercase;}
.page-join3FuwuTit  .navT1.active{
	font-size: 16px;
    color: #21af41;
    border-bottom: 5px solid #21af41;
}
.page-join3FuwuTit  .navT1.active .cn{color:#21af41;}
.page-join3FuwuTit  .navT1.active .en{color:#21af41;}
/*page-join3lunboList*/
.page-join3lunboList .img{width:50%; background-position:center top; background-repeat:no-repeat;background-size:cover;}
.page-join3lunboList .img img{ display:block; width:97.79614325068871%; margin:0 auto;}
.page-join3lunboList .wz{width:50%;  background:#fff;height: 430px;display: flex; align-items: center;}
.page-join3lunboList .wz .des{width: 100%;padding:70px 145px;vertical-align:middle; font-size:16px;color:#000000; line-height:30px;}
.page-join3lunboList .wz .des h2{font-weight:initial;font-size: 30px;color: #21af41;margin-bottom: 30px;}
.page-join3lunboList .wz .title{display:none;}
.page-join3lunboList .wz .cn{font-size:16px;line-height:26px; display:block;font-weight:500; color:#000000;position:relative;}
.page-join3lunboList .wz .en{font-size:12px;color:#b4b5bd;line-height:24px; height:24px; overflow:hidden; display:block; text-transform:uppercase;}


.contentbox{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	padding: 90px 0;
}
.contentbox h2{
	font-size: 36px;
	margin-bottom: 50px;
}
.conform{
	width: 46%;
	background: #f3f6fb;
	padding: 60px 80px;
    margin-top: 30px;
}
.conform b{
	display: block;	
	margin-bottom: 10px;
}
.conform form{
	margin-top: 50px;
}
.coninp{
	margin-bottom: 20px;
}
.coninp span{
	color: red;
    margin-left: 10px;
}
.coninp input{
	width: 100%;
	font-size: 16px;
    border: none;
    background: none;
    border-bottom: 1px solid #143074;
	outline: none;
    line-height: 30px;
}
.coninp select{
	width: 100%;
	font-size: 16px;
    display: block;
    height: 35px;
    outline: none;
    border: none;
    background: none;
    border-bottom: 1px solid #143074;
}
.coninp textarea{
	width: 100%;
    line-height: 30px;
    height: 100px;
    border: none;
	font-size: 16px;
    border-bottom: 1px solid #143074;
    background: none;
    outline: none;
	font-family:"MiSans";
}

.conform button{
	width: 120px;
    line-height: 40px;
    background: #002fa7;
    color: #fff;
    font-size: 16px;
    border: none;
    border-radius: 30px;
	cursor: pointer;
}

#testinput span{
	color: #333;
}
.niceCountryInputMenuDefaultText a{
	display: flex;
    align-items: center;
}

.contact1 {
	width: 46%;
	margin-top: 90px;
}
.contact1 p{
	margin-bottom: 10px;
}
.contact1 p a{
	color: #0f52ba;
}

.contact1 strong{
	display: block;
    font-size: 24px;
    color: #143074;
	margin-bottom: 10px;
}
.contact1 img{
	width: 100%;
}

.culture_p{
	margin-top: 90px;
}

.culturec{
	display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.cul_li img{
	display: block;
}
.cul_p{
	background-color: #f7f7f7;
	padding: 20px 15px 30px;
}
.cul_p h3{
	color: #21af41;
	font-weight: initial;
}

.news_h{
	text-align: center;
    color: #fff;
	padding-top: 200px;
}

.news_h span{
	font-size: 18px;
	display: block;
    margin-bottom: 30px;
}
.news_h h3{
	font-size: 24px;
	font-weight: inherit;
	margin-bottom: 120px;
}

.news_nt{
	margin-top: 60px;
}
.news_nt .news_li_one{
    float: none;
    width: 100%;
    position: relative;
    border: 1px solid #e5e5e5;
	margin-bottom: 60px;
	overflow: hidden;
}

.news_li_one img{
    
    width: 100%;
    display: block;
	max-height: 500px;
	object-fit: cover;
}
.news_li_one .time1{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
}
.news_li_one a{
	width: 65%;
}
.news_li_one .fr{
    
    width: 35%;
    display: block;
	box-sizing: border-box;
    padding: 0px 50px;

}
.news_li_one .fr span{
    display: block;
	margin-top: 20px;
}
.news_li_one .fr a{
	width: 100%;
}
.news_li_one .fr h3 a{
	font-size: 24px;
    font-weight: initial;
}
.news_li_one .fr a span{
	margin-top: 80px;
	width: 150px;
	line-height: 40px;
	text-align: center;
    background-color: #21af41;
    border-radius: 30px;
	color: #fff;
	display: flex;
    justify-content: center;
    align-items: center;
}
.news_li_one .fr a span img{
	width: auto;
    vertical-align: middle;
	margin-left: 20px;
}

.more a{
	display: flex;
    width: 120px;
    line-height: 30px;
    margin-top: 20px;
    color: #fff;
	align-items: baseline;
    justify-content: space-between;
}

.news_oth{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	color: #fff;
}

.news_li0{
	background-color: #191919;
}

.news_li_oth{
	width: 100%;
	box-sizing: border-box;
	padding: 70px 0;
}
.news_li_oth .time1{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
}
.news_li_oth .time1 .newsimg{
	width: 46%;
}
.news_li_oth .time1 .newsimg img{
	display: block;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.1);
	width: 100%;
    max-height: 415px;
    object-fit: cover;
}
.news_li_oth .time1 .newsimg:hover img {
    transform: scale(1.1);
}
.news_li_oth .fr{
	width: 33%;
    display: flex;
    flex-direction: column;
}
.news_li_oth .fr h3 {
	padding: 50px 0;
}
.news_li_oth .fr h3 a{
	font-size: 40px;
    font-weight: initial;
    color: #fff;
}

.date{
	color: #0f52ba;
}

.video_nt{
	margin-top: 90px;
}
.video_nt ul{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.video_li{
	width: 33%;
}

.video_li img{
	width: 100%;
	display: block;
}

.video_li p{
	background-color:#f6f6f6;
	line-height: 70px;
	padding: 0 20px;
}
.newsbox{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.m_newsc{
	width: 100%;
}
.m_newsc #category{
	 position: initial;
	 color: #333;
}
.m_newsc #category a{
	 color: #333;
}

.newslist{
	margin-top: 130px;
}
.newslist .m_next_attr{
	color: #0f52ba;
	margin-bottom: 20px;
}
.newslist .m_next_title{
	font-size: 36px;
    line-height: 40px;
    font-weight: 500;
    margin-bottom: 30px;
}

.newslist img{
	max-width: 100%;
}



.tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tit h2 {
	border-left: 9px solid #2a67b5;
    padding-left: 15px;
	font-size: 30px;
	font-weight: 600;
}

.newoth {
    width: 84%;
    margin: 0 auto;
	margin-top: 100px;
}

.m_news_t{
	margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
}
.m_news_t h2{
	font-size: 36px;
    font-weight: 500;
}
.m_news_t .more{
	text-transform: uppercase;
    color: #0f52ba;
	font-weight: 500;
}
.m_news_ru{
	display: flex;
    flex-wrap: wrap;
}
.m_news_rl{
	width: 32%;
	margin-right: 2%;
}
.m_news_rl:nth-child(3){
	margin-right: 0%;
}
.m_news_rl img{
	width: 100%;
}
.m_news_rl h2{
font-size: 24px;
font-weight: 500;
margin-top: 10px;
}
.m_news_rl p{
	color: #0f52ba;
	margin-top: 10px;
}

.communicate{
    width: 84%;
	padding: 60px 70px;
    margin: 60px auto 30px;
	color: #fff;
	background:url(../images/news_c.png) no-repeat right #002fa7;
}
.communicate h2{
	font-size: 60px;
    line-height: 70px;
    font-weight: 400;
}
.communicate p{
	 margin: 10px 0 20px;
}
.communicate a{
	display: block;
    width: 120px;
    line-height: 30px;
    text-align: center;
    color: #002fa7;
    background: #fff;
    border-radius: 15px;
}

#policy{
	margin-bottom: 90px;
}
#policy .tit{
	margin-bottom: 30px;
}

.polbox{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}
.polbox .boxl{
	width: 50%;
}
.polbox .boxl img{
	width: 100%;
}
.polbox .boxr{
	width: 50%;
    background: #f0f4fa;
    box-sizing: border-box;
    padding: 70px 60px;
}

#talents .tit{
	margin-bottom: 30px; 
}

.talbox{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}

.talbox h2{
	font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
}
.talbox p{
    margin-bottom: 30px;
}

.talbox a{
    display: block;
    width: 155px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #2a67b5;
}


.talbox .boxl{
	width: 49%;
	background: #f0f4fa;
	padding: 60px 40px;
}

.talbox .boxl span{
	display: block;
    color: rgba(0,0,0,0.5);
}

.talbox .boxr{
	width: 49%;
    background: #f0f4fa;
	padding: 60px 40px;
}

.talbox .boxr span{
	width: 48%;
    display: inline-block;
    color: rgba(0,0,0,0.5);
}


.Create{
	
}

.catit{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
	padding: 90px 0;
}
.catit .camsg{
	width: 50%;
}
.catit .camsg h2{
	font-size: 48px;
    line-height: 48px;
    font-weight: 600;
    margin-bottom: 30px;
}
.catit img{
    width: 46%;
}
.casebox{
	background: #f7f7f7;
	padding: 90px 0;
}
.casebox h2{
	font-size: 48px;
    line-height: 48px;
    font-weight: 600;
    margin-bottom: 30px;
}

.dt_h{
	text-align: center;
    color: #fff;
	padding-top: 200px;
}

.dt_h span{
	font-size: 18px;
	display: block;
    margin-bottom: 30px;
}
.dt_h h3{
	font-size: 24px;
	font-weight: inherit;
	margin-bottom: 30px;
}
.dt_h hr{
	width: 40px;
	margin-bottom: 100px;
}

.dt{
	width: 98%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
	background-color: #EEEEEF;
	margin-bottom: 80px;
}
.dtl{
	width: 76%;
	box-sizing: border-box;
    padding: 50px 40px;
	position: relative;
}
.dtl img{
	width: 75%;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 55px;
    margin-left: 18%;
}
.dtlp{
	color: #000;
	font-size: 14px;
	position: absolute;
    bottom: 50px;
}
.dtlp td{
	padding: 0 5px;
}
.dtr{
	width: 24%;
	font-size: 16px;
	color: #000;
	border-left: 1px solid;
}
.dtr a{
	color: #000;
}
.dtmsg{
	padding: 70px 0 0 70px;
    line-height: 24px;
}

.dtmsg img{
	width: 45%;
	display: block;
	margin-bottom: 20px;
}
.dtmsg h3{
	font-size: 18px;
	font-weight: inherit;
}
.dtts{
	    background-color: #DCDDDD;
    line-height: 50px;
    width: 95%;
    margin: 0 auto;
    padding: 0 60px;
    box-sizing: border-box;
}


.down_h{
	text-align: center;
    color: #fff;
	padding-top: 200px;
}

.down_h span{
	font-size: 18px;
	display: block;
    margin-bottom: 30px;
}
.down_h h3{
	font-size: 24px;
	font-weight: inherit;
	margin-bottom: 30px;
}
.down_h hr{
	width: 40px;
	margin-bottom: 100px;
}


.job_h{
	text-align: center;
    color: #fff;
	padding-top: 200px;
}

.job_h span{
	font-size: 18px;
	display: block;
    margin-bottom: 30px;
}
.job_h h3{
	font-size: 24px;
	font-weight: inherit;
	margin-bottom: 100px;
}
.job_form{
	margin-bottom: 50px;
	font-size: 14px;
}
.job_form input{
	width: 50%;
    border: 1px solid #757475;
    background: none;
    line-height: 50px;
    padding: 0 20px;
    box-sizing: border-box;
    border-radius: 30px;
    margin-bottom: 30px;
	color: #fff;
}

.job_form select{
	appearance: none;
	width: 50%;
    border: 1px solid #757475;
    background: none;
	height: 50px;
    line-height: 50px;
    padding: 0 20px;
    box-sizing: border-box;
    border-radius: 30px;
    margin-bottom: 30px;
	color: #fff;
}
.job_form option{
	background: #000;
}
.field{
	display: flex;
    justify-content: center;
	align-items: center;
}
.field.file span {
    flex-shrink: 1;
    flex-grow: 1;
    line-height: 16px;
	font-size: 14px;
}

.field.file input[type=file] {
    display: none;
}
.field.file div {
    background-color: #fff;
    color: #000;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    min-width: 150px;
    flex-shrink: 0;
    flex-grow: 0;
    text-transform: uppercase;
    text-align: center;
	cursor: pointer;
}
.file{
width: 50%;
    margin: 0 auto;
    box-sizing: border-box;
    border: 1px solid #757475;
    background: none;
    height: 50px;
    line-height: 50px;
    padding: 0px 0px 0px 20px;
    border-radius: 30px;
    margin-bottom: 30px;
}

.disclaimer{
	text-align: center;
	margin-bottom: 30px;
}
.button-submit{
	text-align: center;
}



.downnav{
	margin-bottom: 80px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.downnav ul{
	display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.downnav ul li{
	width: 33%;
}
.downnav_mid{
	display: flex;
    flex-direction: column;
    align-items: center;
}
.downnav ul li a {
    display: block;
    padding-bottom: 2em;
    position: relative;
}
.downnav ul li a:hover:after, .downnav ul li a.minon:after {
    width: 100%;
}
.downnav ul li a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    background-color: #fff;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.downline{
	width: 1px;
    height: 70px;
    background-color: #fff;
}
.downnav .downline:nth-child(1){
    display: none;
}

.mid_img {
	height: 30px;
}

/*page-join3Box*/
.page-join3Box{ margin-top: 90px;}
.page-join3Box ul{position:relative; font-size:0;display: flex; flex-wrap: wrap; justify-content: space-between;}
.page-join3Box li {display:inline-block;*display:inline;zoom:1; width:32%;vertical-align:top;margin-bottom: 25px;}
.page-join3Box li .info{ display: flex; position:relative; padding:65px 50px;background-color: #efefef; background-image:url("../images/join-3bg-6.jpg");border-top-left-radius:5px;border-bottom-right-radius:5px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;background-position:center center; background-repeat:no-repeat; background-size:cover; flex-direction: column; align-items: center;}
.page-join3Box li .info h2{font-size:24px;color:#333;line-height:30px;margin-bottom: 25px; margin-top: 25px;text-align: center;font-weight:normal;position:relative;}
.page-join3Box li .info img{width: auto;height: 30px;}
.page-join3Box li .info .des{font-size:14px;color:#333;line-height:30px;height: 60px;text-align: center;overflow:auto;}
.page-join3Box li .info .des::-webkit-scrollbar {width: 2px;background-color: #e5e5e5;}
.page-join3Box li .info .des::-webkit-scrollbar-thumb {background-color:#b26c60;}
.page-join3Box li .info:hover{-webkit-box-shadow: 0px 0px 30px rgba(0,0,0,.1);-moz-box-shadow: 0px 0px 30px rgba(0,0,0,.1);box-shadow: 0px 0px 30px rgba(0,0,0,.1);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
.page-join3Box li:nth-child(2n) .info h2{color:#fff;}
.page-join3Box li:nth-child(2n) .info .des{color:#fff;}

.netimg{
	float: right;
    margin-top: 70px;
    margin-left: 50px;
}
.joinform{
	margin-top: 90px;
}

/*feedback1Box*/
.feedback1Box{width:100%;padding:0;font-size:16px;color:#333;line-height:26px; padding-top:65px; margin-top:65px;border-top: 1px solid rgba(0,0,0,0.1);}
.feedback1{font-size:16px;color:#333;line-height:26px;text-align:left;padding:0;margin:0 -8px;}
.feedback1 .t{ display:block;margin-bottom:10px;font-size:18px;color:#333;}
.feedback1 .l1{float:left;width: 50%; position:relative;}
.feedback1 .l2{float:left;width: 100%; position:relative;}
.feedback1 .l3{float:left;width: 50%; position:relative;}
.feedback1 .l1Box{margin:0 8px;}
.feedback1 .text{display:block;width:100%;padding:4px 3% 4px 3%;height:54px;box-sizing: border-box;margin-bottom:35px;outline:none;font-size:16px;color:#333;font-family:Arial,"微软雅黑",Sans-Serif;border:1px solid #fff;border-radius:0px;background:#efefef;text-align:left;}
.feedback1 .text2{display:block;width:100%;padding:10px 1.5% 10px 1.5%;height:233px;margin-bottom:35px;outline:none;font-size:16px;color:#333;font-family:Arial,"微软雅黑",Sans-Serif;border:1px solid #fff;border-radius:0px;background:#efefef;text-align:left;}
.feedback1 .getcode{display:block;width:100%;padding:4px 20px  4px 20px ;height:54px;margin-bottom:60px; float:left;outline:none;font-size:16px;color:#333;font-family:Arial,"微软雅黑",Sans-Serif;border: none;border:1px solid #ffff;border-radius:0px;background:#efefef;text-align:left;max-width:190px;}
.feedback1 .inputbtn{display:inline-block;width:100%;height:40px;line-height:40px;margin:0;outline:none;font-size:16px;color: #fff;border:none;background-color: #21af41;cursor:pointer;text-align:center;font-family: 'Gotham',Arial,'微软雅黑','Microsoft YaHei', Helvetica, sans-serif; max-width:117px; text-transform:uppercase;border-radius:50px;}
.feedback1 .inputbtn.tj{background:#21af41;}
.feedback1 .kk{ color:#b4b5bd; margin-left:15px; float:left;}
.feedback1 .top{ padding-top:26px;}


.Create{
	margin-top: 90px;
    padding: 90px 0;
	margin-bottom: -90px;
	background:url(../images/create_bg.jpg) no-repeat;
	background-size: cover;
}
.createmsg{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
}
.createmsg .createp{
	background-color: #21af41;
    color: #fff;
	padding: 0 40px;
	height: 270px;
	width: 50%;
	box-sizing: border-box;
	display: flex;
    align-items: center;
    align-content: center;
    flex-direction: row;
    flex-wrap: wrap;
	z-index: 100;
}
.createmsg .createp p{
	font-size: 18px;
}
.createmsg .createp h2{
	font-size: 24px;
    margin-bottom: 20px;
}
.createmsg img{
	width: 56%;
    margin-left: -6%;
}


.businessimg {
    float: right;
    margin-top: 0px;
    margin-left: 50px;
}

.Course{
	margin-top: 90px;
    padding: 90px 0;
	background:url(../images/course_bg.jpg) no-repeat;
	background-size: cover;
}

.Course .Title{
	text-align: center;
}

.Courseul{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	margin-bottom: 60px;
}
.Courseul img{
	display:block;
}
.Courseli{
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 30px;
}
.Courseli p{
	line-height: 60px;
}

.course_more{
	width: 125px;
    line-height: 45px;
    text-align: center;
    display: block;
    margin: 0 auto;
    background-color: #21af41;
    color: #fff;
    border-radius: 30px;
}

.mentor{
	background:url(../images/mentor_bg.jpg) no-repeat;
	background-size: cover;
	padding: 90px 0;
}
.mentormsg{
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.mentor_one{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 30px;
	overflow: hidden;
}
.mentor_one img{
	width: 53%;
	margin-right: -8%;
}
.mentor_one .mentormsg{
	width: 50%;
	margin-right: 50px;
	background-color: #fff;
	height: 320px;
	box-sizing: border-box;
    padding: 100px 120px;
	justify-content: space-between;
}
.mentor_oth{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.mentorli{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	background-color: #fff;
	padding-bottom: 40px;
}
.mentormsg h3{
	font-size: 24px;
    font-weight: initial;
    border-left: 2px solid #21af41;
    padding-left: 10px;
}
.mentorli .mentormsg{
	padding: 65px 40px 25px;
    justify-content: space-between;
}


.activity{
	margin-top: 90px;
}
.activity .Title{
	text-align: center;
}
.activitymsg p{
	text-align: center;
}
.activitymsg ul{
	margin-top: 50px;
}
.activitymsg li{
	width: 24%;
}
.activitymsg img{
	display: block;
    width: 100%;
}

.contact_p{
	margin-top: 90px;
}

.contactmsg{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contactmsg .msgl{
	width: 44%;
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	border-top: 1px solid rgba(0,0,0,0.1);
}
.msgtab{
	width: 50%;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 30px 0px;
}

.msgtab:nth-child(3),.msgtab:nth-child(4){
	width: 100%;
}

.msgtab h4{
	font-weight: initial;
	display: flex;
    align-items: center;
}

.msgtab h4 img{
	font-weight: initial;
	height: 15px;
    margin-right: 10px;
}

.msgtab p{
	font-size: 20px;
}
.msgtab .qr{
	display: flex;
    flex-direction: column;
    align-items: baseline;
	margin-top: 20px;
}

.contactmsg .msgr{
	width: 53%;
}
.contactmsg .msgr img{
	width: 100%;
	display: block;
}



/*产品系列*/

.product_p {
	display: flex;
	overflow: hidden;
	justify-content: space-between;
	flex-wrap: wrap;
}
.product_m{
	float: right;
    width: 76%;
	padding: 0 50px;
	padding-top: 90px;
	padding-bottom: 60px;
}


.bd_hb_bt{
	padding-left: 85px;
	margin-bottom: 30px;
}

.product-menu{
	width: 21.5%;
	float: left;
	padding-top: 90px;
	background-color: #f1f1f1;
	padding-bottom: 90px;
	position: relative;
}
.suspension{
	position: static;
	width: 100%;
        top: 0px;
        left: 0px;
        right: 0px;
}
@media (max-width: 991px) {
.product-menu {
    width: 100%;
    margin-top: 25px;
	margin-bottom: 30px;
  }
}
.product-menu li {
  width: 100%;
  background: #f1f1f1;
  margin-bottom: 2px;
}
.product-menu ul {
	
	box-sizing: border-box;
  padding: 0 85px 0 85px;
}
@media (max-width: 991px) {
}
.product-menu li:last-child {
  margin-bottom: 0;
}
.product-menu li .menu-li {
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: all ease-out 0.3s;
}
@media (max-width: 1580px) {
.product-menu li .menu-li {
    height: 40px;
  }
}
@media (max-width: 767px) {
.product-menu li .menu-li {
    height: 60px;
  }
}
.product-menu li .menu-li a {
  font-size: 18px;
  color: #333;
  line-height: 34px;
  transition: all ease-out 0.3s;
}
@media (max-width: 1580px) {
.product-menu li .menu-li a {
    font-size: 16px;
  }
}
.product-menu li .menu-li span {
  width: 14px;
  height: 14px;
  display: flex;
  position: relative;
  cursor: pointer;
}
.product-menu li .menu-li span img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all ease-out 0.3s;
}
.product-menu li .menu-li span img:nth-child(2) {
  position: absolute;
  top: 0;
  z-index: 2;
  opacity: 0;
}
.product-menu li .menu-li span:after,
.product-menu li .menu-li span:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -1px;
  margin-left: -10px;
  width: 100%;
  height: 2px;
  background-color: #333;
}
.product-menu li .menu-li span:before {
  transform: rotate(90deg);
}
.product-menu li .menu-li:hover,
.product-menu li .menu-li.on {
  color: #21af41;
}
.product-menu li .menu-li:hover a,
.product-menu li .menu-li.on a {
  color: #21af41;
}
.product-menu li .menu-li:hover span img:nth-child(1),
.product-menu li .menu-li.on span img:nth-child(1) {
  opacity: 0;
}
.product-menu li .menu-li:hover span img:nth-child(2),
.product-menu li .menu-li.on span img:nth-child(2) {
  opacity: 1;
}
.product-menu li .menu-li:hover span:before,
.product-menu li .menu-li.on span:before {
  opacity: 0;
}
.product-menu li .menu-li:hover span:after,
.product-menu li .menu-li.on span:after {
  color: #21af41;
}
.product-menu li .s-menu {
  width: 100%;
  padding: 10px 0;
  box-sizing: border-box;
  display: none;
}
.product-menu li .s-menu.on {
  display: block;
}
.product-menu li .s-menu a {
  width: 100%;
  height: 30px;
  color: #333;
  display: flex;
  align-items: center;
  position: relative;
  transition: all ease-out 0.3s;
}
@media (max-width: 1580px) {
.product-menu li .s-menu a {
    height: 30px;
  }
}
.product-menu li .s-menu a:last-child {
  margin-bottom: 0;
}
.product-menu li .s-menu a i {
  content: '';
  width: 6px;
  line-height: 10px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all ease-out 0.3s;
}
.product-menu li .s-menu a i img,
.product-menu li .s-menu a i svg {
  width: 100%;
}
.product-menu li .s-menu a i img path,
.product-menu li .s-menu a i svg path {
  fill: #999999;
}
.product-menu li .s-menu a:hover,
.product-menu li .s-menu a.on {
  color: #21af41;
}
.product-menu li .s-menu a:hover i img path,
.product-menu li .s-menu a.on i img path,
.product-menu li .s-menu a:hover i svg path,
.product-menu li .s-menu a.on i svg path {
  fill: #21af41;
}

.view_bj .swiper-pagination-bullet-active {
    opacity: 1;
    background: #21af41;
}


.product_l {
	width: 15%;
	margin-bottom: 60px;
}
.product_l h2{
	display: none;
	font-size: 16px;
    line-height: 30px;
    font-weight: 600;
	padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.product_l #category a:hover{
	color: #002fa7;
}

.product_r{
	width: 77%;
    margin: 0 auto;
    margin-left: 2%;
    display: flex;
    justify-content: space-between;
}
.product_r h2 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 30px;
	color: #0f52ba;
}
.product_r .Acc {
	color: #0f52ba;
}
.product_r .accbox{
	width: 48%;
}
.product_r .accde{
	margin-top: 0px;
}
.product_r .hpor{
	width: 48%;
}
.product_r .hpor .prod_p{
	position: relative;
}
.product_r .hpor .pinfo{
	display: none;
	width: 240px;
	padding: 20px;
    position: absolute;
    z-index: 7;
    background: #f3f6fb;
    top: 0;
    left: 100%;
	border-left: 10px solid #fff;
}
.product_r .hpor .pinfo h2{
	font-size: 16px;
    line-height: 30px;
}
.product_r .hpor .pinfo h3{
	font-size: 14px;
}
.product_r .hpor .pinfo .pbut{
	justify-content: space-between;
}
.product_r .hpor .pinfo .pcont {
	padding: 20px 0;
    margin-bottom: 30px;
}
.product_r .hpor .pinfo .pbut .but1{
	width: 90px;
    font-size: 14px;
    line-height: 35px;
	margin: 0;
}
.product_r .hpor .pinfo .pbut .but2 {
    width: 90px;
    font-size: 14px;
    line-height: 35px;
}

.product_r .hpor .pinfo .but3 {
	position: absolute;
    top: 0;
    right: 10px;
}

.prod_p .p2 {
    width: 32%;
    margin-bottom: 25px;
	margin-right: 2%;
    list-style: none;
	position: relative;
} 
.prod_p .p2_m {
    padding: 15px;
} 

.prod_p .p2_m p{
    font-size: 16px;
	margin-bottom: 0px;
} 
.prod_p .p2_m figcaption .more {
    font-size: 14px;
}
.prod_p .p2_m figcaption .more a{
    display: inline;
    line-height: initial;
    margin: 0;
    color: #333;
}

.por_nav{
	display: flex;
    justify-content: space-between;
    align-items: center;
	margin: 100px 0;
}

.m_pro_nav{
	
}
.m_pro_nav form{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
	margin-bottom: 30px;
}
.m_pro_nav button{
	width: 35px;
    height: 35px;
    background: #002fa7;
    border: none;
	cursor: pointer;
}
.m_pro_nav button:hover{
	background: #bf3f0c;
}
.m_pro_nav button img{
	width: 100%;
    max-width: 16px;
    margin: 0 auto;
}
.m_pro_nav input{
	height: 35px;
    border: none;
    outline: none;
    background: #f4f5f7;
    padding: 0 20px;
}

.m_pro_nav li{
	margin-bottom: 20px;
}
.m_pro_nav li .menu-li {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all ease-out 0.3s;
}
.m_pro_nav li .menu-li a{
	width: 100%;
    display: flex;
    justify-content: space-between;
	font-size: 20px;
    font-weight: 700;
}
.m_pro_nav li .menu-li a:after{
	    content: ">";
    display: block;

}
.m_pro_nav li .menu-li:hover a{
	color: #002fa7;
}
.m_pro_nav li .menu-li.on a{
	color: #002fa7;
}
.m_pro_nav li .menu-li span {
    width: 14px;
    height: 14px;
    display: flex;
    position: relative;
    cursor: pointer;
}
.m_pro_nav li .menu-li span:after,
.m_pro_nav li .menu-li span:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -1px;
  margin-left: -10px;
  width: 100%;
  height: 2px;
  background-color: #333;
}
.m_pro_nav li .menu-li span:before {
  transform: rotate(90deg);
}
.m_pro_nav li .menu-li:hover span:before, .m_pro_nav li .menu-li.on span:before {
    opacity: 0;
}
.m_pro_nav li .s-menu {
    display: none;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 20px 0;
}
.m_pro_nav li .s-menu.on {
    display: block;
}
.m_pro_nav li .s-menu a{
	display: table;
}
.m_pro_nav li .s-menu a.pon{
	    color: #002fa7;
}

.colornav{
	
}
.classifynav{
	
}
.colornav ul{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.colornav ul li{
	margin-right: 60px;
}
.colornav ul li img{
	margin: 0 10px;
	border-radius: 30px;
    border: 2px solid rgba(0,0,0,0.1);
}
.colornav ul li.aon img{
    border: 2px solid #d3bc94;
}
.colornav ul li a{
	display: flex;
    align-items: center;
	font-size: 24px;
    color: #737373;
}
.classifynav ul{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.classifynav ul li{
	line-height: 37px;
    padding: 0 25px;
    background: #ffffff;
    border-radius: 30px;
	margin-left: 10px;
}
.classifynav ul li a{
	display: flex;
	font-size: 24px;
    color: #737373;
	display: block;
}
.classifynav ul li.aon{
    background: #757575;
}
.classifynav ul li a.on{
    color: #fff;
}
.classifynav ul li:hover{
    background: #757575;
}
.classifynav ul li:hover a{
    color: #fff;
}



.prod_p{
	margin-top: 30px;
}

.prod_p ul{
	display: flex;
    flex-wrap: wrap;
}
.prod_p ul li{
	margin-right: 1%;
}

.prod_p ul li:nth-child(3n){
	margin-right: 0px;
}

.prod_p figcaption {
    line-height: 60px;
    text-align: center;
    font-size: 24px;
    padding: 0 10px;
    padding-bottom: 30px;
}

.morexl{
	width: 180px;
    line-height: 40px;
    text-align: center;
    margin: 0 auto;
    background: #002fa7;
    color: #fff;
    border-radius: 5px;
    margin-top: 30px;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 20px 0;
    font-size: 16px;
}

.pagination a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
	min-width: 36px;
    height: 36px;
    padding: 0 8px;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    background: #f5f5f5;
    transition: all 0.2s;
}

.pagination a:hover {
    background: #e0e0e0;
}

.pagination a.active {
    background: #002fa7;
    color: white;
    font-weight: bold;
}

.pagination .ellipsis {
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    color: #666;
}

.page-numbers {
    display: flex;
    gap: 4px;
}


.accessories{
	padding: 90px 0;
}
.accessories h2{
	    font-size: 36px;
    line-height: 40px;
}
.accessories span{
	 display: block;
    width: 40px;
    height: 5px;
    margin: 10px 0;
    background: #012fa7;
}
.accnav{
	display: flex;
    flex-wrap: wrap;
	    margin-top: 30px;
}
.accli{
	margin-right: 5%;
	line-height: 50px;
    cursor: pointer;
}
.accli p{
	font-size: 24px;
    font-weight: 600;
}
.accli:hover p{
	color: #0f52ba;
	border-bottom: 2px solid #0f52ba;
}
.accli.on p{
	color: #0f52ba;
	border-bottom: 2px solid #0f52ba;
}
.accbox .accboxp{
	    padding: 30px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
	font-size: 20px;
}

.accde{
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-top: 60px;
}
.accimg{
	width: auto;
    background: #f9f9f9;
	display: flex;
    justify-content: center;
    align-items: center;
	 position: relative;
	 z-index: -1;
}
.accimg img{
	    max-height: 720px;
}
.acccateg{
	width: 49%;
}
.acccateg ul{
	margin-top: 30px;
	margin-left: -20px;
}
.acccateg ul li{
	line-height: 40px;
    width: fit-content;

    font-size: 16px;
    border-radius: 20px;
	cursor: pointer;
	margin-bottom: 10px;
}
.acccateg ul li:hover{
	color: #fff;
	background: #002fa7;
}
.acccateg ul li.active{
	color: #fff;
	background: #002fa7;
}
.acccateg ul li a{
	display: block;
	padding: 0 20px;
}
.acccateg ul li:hover a{
	color: #fff;
}
.acccateg ul li.active a{
	color: #fff;
}

.allpor{
	padding: 60px 0;
	background:url(../images/acc_bg.png) no-repeat right; 
	border-top: 1px solid rgba(0,0,0,0.1);
}
.allpor h2{
	font-size:36px;
}
.allpor p{
	width: 38%;
	padding: 30px 0;
}
.allpor a{
	display: block;
    width: 120px;
    line-height: 40px;
    text-align: center;
    background: #002fa7;
    color: #fff;
    border-radius: 20px;
}

.connector-line {
            position: absolute;
            background-color: #002fa7;
            height: 2px;
			width: 2px;
            transform-origin: left center;
			background: transparent;
			border-top: 2px dashed #002fa7; /* 虚线样式 */
			pointer-events: none;
            z-index: 10;
        }
		
.connector-line.vertical {
    border-top: none;
    border-left: 2px dashed #002fa7; 
    background: transparent;
}

.hotspot {
	display: none;
            position: absolute;
            width: 15px;
            height: 15px;
            background: #002fa7;
            border-radius: 50%;
            transform: translate(-50%, -50%);
			border: 2px solid #fff;
            z-index: 5;
        }

/*关于我们侧栏*/
/*.hbt_a{height:59px; border-bottom: 1px solid #fff; line-height:0; background-color: #e5e5e5; border-top:none; text-indent:47px;}
.hbt_a a{line-height:59px; color:#000; font-size:14px;}
.hbt_on a{ color:#fff; display: block; background: url(../images/icon_on.jpg) no-repeat 219px center #0f4698;}
.hbt_a:hover{background: url(../images/icon_on.jpg) no-repeat 219px center #0f4698;}
.hbt_a:hover a{color:#fff; }*/
.lnte_m{padding: 0;overflow: hidden;background: #f5f5f5;}
.lnte_m .about_nav a{font-size:24px;}
.lnte_m .about_nav span{font-size:24px;}

.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* 可选阴影效果 */
}

.about_ebd{margin:0px 0 0px;}
.about_ebd .parent{ height:80px; line-height:0; width:auto;  border:0px solid #c7c7c7; border-radius:0px; display:inline-block;margin: 0 20px;}
.about_ebd .parent:hover{border-bottom: 2px solid #002fa7; box-sizing: border-box;}
.about_ebd .parent a { display:block; line-height:80px; font-size:18px; text-align:center; color:#000; border-radius:0px;margin: 0 20px;}
.about_ebd .parent a:hover {color:#002fa7;  text-decoration:none;}
.about_ebd .parent a.current {color:#002fa7;  text-decoration:none;}
.about_ebd ul{display: flex; flex-wrap: wrap;justify-content: center;align-items: center;}
.about_ebd ul .line:last-child{display: none; }
.about_ebd .line{margin: 0 50px; font-size: 24px;}
/*搜索*/
.hb_other{width:224px; padding:12px 12px 11px; border:1px solid #cecece; border-top:none; margin-bottom:10px;}
.hb_other .fnon{width:60px; height:34px; line-height:34px; font-size:12px; display:block; text-align:center; float:left; margin:0 9px 0 3px;}
.hb_other .on{background:url(../images/fnon.jpg) no-repeat bottom left; color:#0256b4;}
.hb_other .chname{float:left; background:url(../images/Search_box.jpg) no-repeat; width:161px; height:32px; line-height:32px; border:0 none; box-shadow:none; font-size:12px; cursor:pointer; text-indent:35px; padding:0; color:#b6b6b6; font-family:"Microsoft YaHei";}
.hb_other .btn{float:left;background:url(../images/Search.jpg) no-repeat;width:60px;height:32px;border:0;cursor:pointer; color:#fff;}

/*热门产品*/
.hb_pro{width:226px; padding:12px 21px 0; border:1px solid #cecece; border-top:none; margin-bottom:10px;}


.focusBox {position: relative; width:226px; height:230px; margin-bottom:0px;  overflow: hidden; text-align: left; background:#fff; }
.focusBox .pic img { width:100%; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height:46px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:44px; line-height:44px; position:absolute; bottom:-36px;}
.focusBox .txt li a{ display: block; color:#4c4c4c; padding: 0 0 0 10px; font-size: 14px; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom:56px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width:8px; height:8px; line-height:8px; overflow: hidden; text-align: center; margin-right:2px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; font-size:0; }
.focusBox .num li span { z-index: 1; background:#000; filter: alpha(opacity=50); opacity:0.5; border-radius:10px;}
.focusBox .num li.on a,.focusBox .num a:hover{ background:#d7241e;  border-radius:10px;}

/*侧栏新闻*/
.hb_news{border:1px solid #cecece; border-top:none; padding:10px 15px 21px; margin-bottom:21px;}
.n_db{line-height:40px; height:40px; overflow:hidden; border-bottom:1px dotted #929292; background:url(../images/list_nese.jpg) no-repeat 3px center; text-indent:14px;}
.item a{ margin-left:16px; font-size:14px; color:#070707;}

#m_right {width:1200px; float:right; margin:40px 0 30px; padding:0px 0px; border:0px solid #d3d3d3;}
#location { padding-bottom:0px; background: url(../images/hd_bg_1.jpg) repeat-x left bottom;}
.location_title { font-size:18px; color:#d40116; height:46px; line-height:37px; float:left;}
.location_tp{background: url(../images/hd_bg_02.jpg) repeat-x left bottom;}
.location_list { font-size:14px; height:44px; line-height:44px; background:url(../images/home_t.jpg) no-repeat left center; text-indent:30px; float:right; color:#888989; margin-right:3px;}
.location_list a{color:#888989;}
.location_list span { margin:0 5px; }

.ty_list{ float:left;}
.dtd{background: url(../images/hd_bg_1.jpg) repeat-x left bottom; height:66px; line-height:66px; text-align:center; margin-bottom:37px;}
.dtd_t{background: url(../images/hd_bg_2.jpg) no-repeat center bottom; color:#0069a1; font-size:24px;}
.lnte{background: url(../images/lnte.jpg) repeat-x left bottom;}
#category {
	position: absolute;
    bottom: 0;
    left: 13.5%;
	color: #fff;
	line-height: 50px;
	display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#category a{
	color: #fff;
	display: block;
}
#category a:hover{
	
    transform: translateY(-3px);
}
#category .bd {
    margin: 0;
    text-align: center;
    border-left: 0px solid #dcdfe3;
    width: auto;
    float: left;
}
#category .clearfix{padding:0px 0px 0px 0px;}
#category .bd ul li.parent {
    height: 73px;
    line-height: 0;
    width: 110px;
    margin: 0px 16px 0 0;
    border: 0px solid #c7c7c7;
    border-radius: 0px;
    display: inline-block;
}
#category .bd ul li.parent a {
    display: block;
    line-height: 73px;
    font-size: 18px;

    text-align: center;
    color: #fff;
    border-radius: 0px;
}
#category .bd ul li.parent a:hover {
	 color: #fff;

    opacity: 1;
    text-decoration: none;
}
#category .bd ul li.parent a.current {
    color: #fff;
   
    opacity: 1;
    text-decoration: none;
}
.location_list {
    font-size: 16px;
    height: 70px;
    line-height: 70px;
    text-indent: 0px;
    float: right;
    color: #fff;
    margin: 0px;
    
    padding-left: 25px;
}
.location_list a {
    color: #fff;
}
.location_list span {
    margin: 0 5px;
}
.m_location_wrap{}
.m_location_title { float:left; font-size: 24px; color: #313232; height: 77px; line-height: 77px; background: url(../images/hd_bg_2.jpg) repeat-x left bottom;}

/*产品*/


.product_ebd .parent{width:auto;}
.p2 {width: 48%; margin-bottom: 40px;list-style: none;}
.p2 img{
	width: 100%;
    margin: 0 auto;
    max-height: 250px;
    object-fit: cover;
    line-height: 0;
}
.p2 img:hover{transform: scale(1.1);}
.p2 a:hover p{color: #002fa7;}
.p2_m{position: relative; padding: 30px;  border:solid 0px #e4e4e4; display:block; line-height:0; background-color:#f6f6f6;}
.p2_m figure{overflow: hidden;}

.p2_m figcaption {
    line-height: 24px;
    text-align: left;
    font-size: 20px;
    color: #333;
    padding: 0;
    font-weight: 700;
    margin-top: 10px;
}
.p2_m figcaption .more{
	font-size: 16px;
	text-transform: uppercase;
    color: #0f52ba;
    font-weight: 500;
}
.p2_m figcaption:hover{
	 color: #002fa7;
}
.p2_m figcaption p{
	text-align: left;
	margin-bottom: 10px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.m_pro_list {
	padding:0;
	display: flex;
    flex-wrap: wrap;
}
.m_pro_list a{
	width: 25%;
}
.m_pro_list .p2 {float:left; width:288px; margin-bottom:20px; border:solid 1px #d4d4d4; }
.m_pro_list .p2 figure { }
.m_pro_list .p2 figcaption {display:block; height:44px; line-height:44px; text-align:center; font-size:16px; color:#292929; background-color:#fff; border-top:solid 1px #d4d4d4;}
.m_pro_list .p2 a:hover {text-decoration:none; }
.m_pro_list .p2:hover figure {}
.m_pro_list .p2:hover figcaption {background-color:#4b4b4b; color:#fff; overflow:hidden; }

.item_p{width:43%; float:left; margin-right:4%; line-height:0; font-size:0;padding: 30px; margin-bottom: 35px;background-color: #f5f5f5;}
.item_p img{width:55%;float: right;}
.pfirst2, .pfirst4, .pfirst6, .pfirst8, .pfirst10, .pfirst12, .pfirst14{ margin-right:0;}
.item_p .pfirst:nth-child(2n) {
    margin-right: 0px;
}

.li_pp_t{width: 40%; line-height:16px; }
.li_pp_t h3{font-size: 30px; font-weight: inherit;margin-top: 10px;margin-bottom: 65px;line-height: 34px;}
.li_pp_t p{font-size: 18px; margin-bottom: 15px;}
.li_pp_t a{font-size: 16px; color: #595757;}

.page,.pages {line-height:30px; width:100%; text-align:center; color: #ff0000; display: flex; justify-content: center;}
.page span,.pages span{padding:10px 15px 10px 15px; background-color:#002fa7; color:#fff; border:solid 1px #000000; font-size:0.875em; }
.page a,.pages a{ color:#444444; border:1px solid #ccc;padding:10px 15px 10px 15px; margin:0 4px; text-decoration:none; background-color:#f6f9fe;  font-size:0.875em; }
.page a:hover,.pages a:hover{color:#fff; background-color:#002fa7; }
.page a.current,.pages a.current{color:#fff; background-color:#002fa7; }
.page .active a,.pages .active a{color:#fff; background-color:#002fa7; }
.pagination li{float:left;}
.cMore {display:none;}

/*公司简介*/
.m_location_m{-moz-box-shadow: 0px 4px 12px #ddd; -webkit-box-shadow: 0px 4px 12px #ddd; box-shadow: 0px 4px 12px #ddd;}
.m_location_list {height: 120px; line-height: 120px; color: #333;  background: url(../images/location.jpg) no-repeat left center; }
.m_location_list span {margin:0 5px; }
.m_location_list a {color:#333; font-size: 20px;}


.prod_ht{margin:0px 0 39px; padding-top:0px; background:url(../images/dtd_em.jpg) no-repeat bottom center; height:73px; line-height:73px; width:100%; font-size:28px; text-align:center; color:#000;}
.prod_li{width:380px; float:left; line-height:0;margin-bottom:30px;}
.prod_li_z{margin:0 30px;}
.prod_li_tx{background:url(../images/lp_on.jpg) no-repeat right 18px center #fff; height:55px; line-height:55px; font-size:16px; color:#1e1e1e; text-indent:30px;}
.prod_li:hover .prod_li_tx{background:url(../images/lp_foo.jpg) no-repeat right 18px center #054896; color:#fff;}
.responsimg{float:right; margin-left:37px; margin-bottom:58px;}
.about_ht{font-size:30px;}
.about_imt{margin-left:0px; line-height:0; text-align: center;}
#m_about{width:890px; float:right; border:0px solid #d3d3d3;}
.m_about{padding:2px 20px 28px; margin:20px 0;}
.m_new{padding:0px 0px 0px; margin-bottom:20px;}
.m_about_title{background:url(../images/hd_bg_2.jpg) repeat-x left bottom;}
.m_location_wrap{background:url(../images/hd_bg_1.jpg) repeat-x left bottom;}
.about_n{ padding:14px 0 0 0;}
.about_n .h4{float:left; margin-right:0; text-align:left;border-bottom: 1px dotted #929292; background: url(../images/list_nese.jpg) no-repeat 3px center; width:430px; height:40px;}
.about_n .h4 a{ margin-left:14px; font-size:14px; color:#393a3a; line-height:40px;}
.about_n .h4:nth-child(2n){margin-left:24px;}
.about_n span{float:right; font-size:12px; color:#8f8f8f; margin-right:5px;}
.list1 li{width:23.5%;margin-right:2%;text-align:center;float:left;}
.list1 li:nth-child(4n){margin-right:0;}
.list1 li figure img{width:100%;display:block;}
.list1 li h3{line-height:30px;font-size:14px;font-weight: normal;}


#article { line-height:30px; font-size:16px; padding:0; width:100%; margin:0 auto; color:#333333;}
#article img{display: block;}
#article h2{
	font-size: 24px;
    color: #333;
}
#article h3{
	font-size: 24px;
    color: #333;
	font-weight: initial;
	margin-bottom: 30px;
    margin-top: 5px;
}
#article p{word-wrap:break-word;word-break:break-all; line-height: 30px;}
.about_img1{
	    float: right;
    margin-bottom: 20px;
    margin-left: 100px;
} 
#article b{
	font-size: 16px;
}
.about_img2{
	margin-bottom: 50px;
} 
.about_img3{
	margin-top: 80px;
	width: 100%;
} 

.ab_msg{
	display: flex;
    justify-content: space-between;
	margin-bottom: 70px;
}
.ab_msg div{
	width: 29%;
	display: flex;
    align-items: center;
}
.ab_msg p{
	width: 71%;
}
.ab_msg img{
	margin: 0 auto;
}

.ic_msg{
	text-align: center;
	margin-top: 70px;
}
.ic_msg h2{
	font-size: 30px;
    line-height: 36px;
	margin-bottom: 10px;
}
.ic_msg img{
	margin-top: 50px;
}

.pp_msg{
	text-align: center;
}

.pp_list{
	text-align: center;
	margin-top: 50px;
}
.pl2_m {
	margin-bottom: 15px;
}
.pl2_m img{
	width: 100%;
	border: 1px solid #b9b9b9;
	box-sizing: border-box;
}
.pp_list ul{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pl2 {
    width: 16%;
    margin: 0 10px;
	margin-bottom: 50px;
}
.pl2 figcaption{
	line-height: 22px;
	color: #8b8b8b;
}


.newslist-box{
	
}

.newslist-tops{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.images-box{
	width: 62%;
	position: relative;
}
.images-box .words{
	font-size: 20px;
    margin-top: 20px;
}
.images-box a{
	display: block;
	background-color:#fff;
}
.images-box img{
	width: 100%;
    max-height: 460px;
    object-fit: cover;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.1);
}
.cons-swiper .swiper-button-prev, .cons-swiper .swiper-button-next {
	width: 40px;
    height: 40px;
	box-sizing: border-box;
    border: 1px solid #2a67b5;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.cons-swiper .swiper-button-prev {
    background-image: url(../images/lefts.png);
}
.cons-swiper .swiper-button-next {
    background-image: url(../images/rights.png);
}
.words-box{
	width: 34%;
	background: #ecf3f9;
	padding: 50px;
}

.newsnav{
	display: flex;
    align-items: center;
	margin-bottom: 30px;
}
.newsnav .parent{
	margin-right: 30px;
}
.newsnav .parent .on{
	color: #0f52ba;
}

.uls-tops{
	font-size: 20px;
	margin-bottom: 30px;
}
.newslist-tops .uls:nth-child(2) {
    margin-top: 60px;
}
.newslist-tops .li {
    position: relative;
    cursor: pointer;
}
.newslist-tops .li:nth-child(n+2) {
    margin-top: 10px;
}
.newslist-tops .selects-tops {
    position: relative;
}
.newslist-tops .inputs input[type=text], .newslist-tops .selects-tops {
    height: 55px;
    line-height: 55px;
	font-size: 16px;
    background-color: #fff;
    padding-left: 0.5rem;
    padding-right: 1.5rem;
    width: 100%;
    overflow: hidden;
	outline: none;
    border: none;
}
.newslist-tops .selects-tops:before {
    width: 12px;
    height: 6px;
    content: "";
    position: absolute;
    right: 0.55rem;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/tops.png) no-repeat center;
    background-size: 100%;
}
.newslist-tops .selects-tops:hover {
    background-color: rgba(0,0,0,.05);
}
.newslist-tops .selects-bots {
    position: absolute;
    width: 100%;
    left: 0;
    top: 55px;
    display: none;
    background-color: #fff;
    line-height: 1.5;
    max-height: 150px;
    overflow: auto;
	    z-index: 2;
}
.newslist-tops .selects-bots .lis {
    line-height: 1.5;
    padding: 8px 0.5rem;
}
.newslist-tops .selects-bots .lis:hover {
    color: #fff;
    background-color: #0053A6;
}

.newslist-tops .inputs input[type=submit] {
    position: absolute;
    text-indent: -999px;
    overflow: hidden;
    width: 20px;
    height: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
	border: none;
}
.newslist-tops .inputs input[type=submit].inputs-submit {
    background: url(../images/ser.png) no-repeat center;
    background-size: 100%;
    right: 0.55rem;
}
.newslist-tops .inputs input[type=submit].inputs-submit2 {
    width: 55px;
    height: 55px;
    right: 0;
    background: url(../images/3-01-003.png) #ececec no-repeat center;
    background-size: 20px;
}

.newslist-bots {
    padding-top: 90px;
}
.lefts{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.newslistbots-titles .lefts .li {
	font-size: 24px;
    line-height: 1.16em;
    color: #999999;
    cursor: pointer;
    transform-origin: 0 90%;
	margin-right: 20px;
}
.newslistbots-titles .lefts .li:hover a{
    color: #0053A6;
}
.newslistbots-titles .lefts .li.active a{
	font-size: 36px;
    color: #0053A6;
}
.news-ajax-list {
   
}
.news-ajax-list h2{
   font-size: 48px;
    line-height: 48px;
    margin-bottom: 30px;
    font-weight: 600;
}
.news-ajax-list .items .box {

}

.news-ajax-list .items .box .wrapper{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.news-ajax-list .items .box img{
	width: 100%;
    max-height: 280px;
    object-fit: cover;
    border: 1px solid rgba(0,0,0,0.1);
}


.news-ajax-list .items .box2{
	width: 68.75%;
	display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.news-ajax-list .items .numbers {
    width: 15%;
    padding-right: 0.2rem;
}
.news-ajax-list .items .words {
       width: 100%;
	   margin-top: 20px;
}
.news-ajax-list .items .words .tits{
   font-size: 24px;
    height: 60px;
	overflow: hidden;
    font-weight: 500;
	margin-bottom: 10px;
	margin-top: 10px;
}

.news-ajax-list .items:hover .tits{
	color: #002fa7;
}
.news-ajax-list .items .words .more{
	width: 95px;
    line-height: 25px;
    background: #002fa7;
    color: #fff;
    text-align: center;
    margin-top: 30px;
}
.zicolor {
    color: #0053A6;
}
.news-ajax-list .items .numbers .num1{
	font-size: 20px;
}
.news-ajax-list .items .numbers .line {
    margin-top: 0.55rem;
    margin-bottom: 0.3rem;
    width: 0.5rem;
    height: 2px;
    background-color: #b5b5b5;
}

.news-ajax-list .list {
	display: flex;
    flex-wrap: wrap;
}
.news-ajax-list .list a{
	width: 32%;
	margin-right: 2%;
	margin-bottom: 30px;
}
.news-ajax-list .list a:nth-child(3n){
	margin-right: 0%;
}

.getmore{
	color: #0053A6;
    font-weight: 600;
    text-align: center;
    margin-top: 30px;
}
.getmore .span {
    cursor: pointer;
    line-height: 1;
    position: relative;
    z-index: 1;
    padding-right: 18px;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
}
.getmore .span:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 4px;
    background: url(../images/2-004.png) no-repeat center;
    background-size: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

/*2020新 公司简介*/
.m_pro_list .p1 { float:left; /*width:31.4%;*/ display:inline; margin-bottom:0%; text-align:center; line-height:45px; }
.m_pro_list .p1 img{display:block; width:100%;}
.m_pro_list .p1 figure { border:solid 1px #ccc; }
.m_pro_list .p1 figure img { width:100%; display:block; }
.m_pro_list .p1 figure figcaption { display:block; height:44px; line-height:44px; text-align:center; border-top:solid 1px #ccc; font-size:0.875em; }
.m_pro_list .p1:hover figure { border:solid 1px #004898; }
.m_pro_list .p1:hover figure figcaption { border-top:solid 1px #004898; background-color:#004898; }
.m_pro_list .p1:hover a { color:#fff; }
.nofirst1, .nofirst2, .nofirst3, .nofirst5, .nofirst7, .nofirst8, .nofirst10, .nofirst11 { margin-right:16px; }

/*技术中心*/
.m_pist{ margin-top:20px; margin-left:0px;}
.responimg { max-width:100%; display:block; margin:0 auto; }
/*董事长致辞*/
.text26 {text-indent:0px;}

/*企业文化*/
.lc_img{width:100%; height:auto; margin-bottom:0; line-height:0;}
.lc_img img{width:100%;}
.lc_pbt{width:89%; height:auto; padding-bottom:20px; padding-left:5%;}

.lc_img{float:left; width:360px; height:225px; font-size:0; margin-bottom:20px;}
.lc_pbt{float:left; padding:0 20px 0 26px; width:464px; height:225px; font-size:14px; color:#2b2b2c; background-color:#ecedee; margin-bottom:20px; line-height:26px;}
.lc_pbt span{display:block; font-size:18px; margin:10px 0 13px;}

/*证书详情*/
.imgview_h{margin:41px auto 0; text-align: center; /*! float:left; */}
.imgview_h img{max-width:940px; margin:auto; display: block;}


.content{

}

.conmsg{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.conmsg .cml,.conmsg .cmr{
	width: 49%;
}
.conmsg .cml img,.conmsg .cmr img{
	width: 100%;
}
.conmsg .cml p,.conmsg .cmr p{
	padding: 30px;
    background: #f6f6f6;
	flex-direction: column;
}
.conmsg .cml span,.conmsg .cmr span{
	display: block;
    width: 20px;
    height: 1px;
    background: #333;
    margin: 10px 0;
}

.coninfo{
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
	margin-top: 90px;
} 
.coninfo .coli{
	width: 22%;
	display: flex;
    flex-direction: column;
    align-items: center;
}
.coninfo .coli:hover img{
	transform: rotateY(180deg);
}
.coninfo .ciimg{
	text-align: center;
    width: 110px;
    line-height: 110px;
    height: 110px;
    display: flex;
    background: #f6f6f6;
    align-items: center;
	justify-content: center;
	margin: 0 auto;
	border-radius: 60px;
	margin-bottom: 10px;
}
.coninfo img{
	max-width: 50px;
}

.coninfo span{
	display: block;
    width: 20px;
    height: 1px;
    background: #333;
    margin: 10px 0;
}
.coninfo p{
	text-align: center;
}

/*产品详情侧栏*/
.n_viwe{border:1px solid #cecece; border-top:none; padding:12px 12px 4px; margin-bottom:21px;}
.n_viwe{line-height:0px;}
.n_viwe img{width:100%; border:1px solid #dadada;}
.n_viwe span{line-height:46px; text-align:center; width:100%; display:block;}

/*产品详情*/

.product_cont{
	background: #f3f6fb;
	padding-top: 145px;
}

.porview{
	width: 100%;
}
.porview .wrapper_p{
	width: 1600px;
    margin: 0 auto;
}
.porview .wrapper_p #category{
	 position: initial;
	 color: #333;
	 padding-top: 30px;
}
.porview .wrapper_p #category a{
	 color: #333;
}
.pro_box{
	width: 100%;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	margin-top: 60px;
	padding-bottom: 80px;
}
.view_bj{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	width:100%; 
    overflow: hidden;
}

.custom-container{
	width: 45%;
	display: flex;
	justify-content: space-between;
}
#BannerBlocks{
	width: 15%;
	height: 750px;
    padding: 10px 0;
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
#BannerBlocks .items{
	display: flex;
    flex-wrap: wrap;
	height: 750px;
    justify-content: space-between;
}

#BannerBlocks .items .block{
	height: 24%;
}
#BannerBlocks .items .block img{
	width: 100%;
	height: 100%;
}

.widget{
	width: 15%;
    height: 560px;
}
.witems {
    height: inherit;
    display: flex;
    flex-direction: column;
}
.widget .bl1 {
    height: 20%;
	border: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 5%;
}
.widget .bl1 a{
	height: 100%;
}
.widget .bl1 .imageContainer{
	height: 100%;
	display: flex;
    background: #f6f6f6;
    align-items: center;
}
.widget .bl1 img{
	width: 100%;
    object-fit: cover;
	/*height: max-content;*/
}
.widget .bl1.current {
border: 1px solid #0f52ba;
}

.pro_box .imgview{
	width: 78%;
	text-align: center; 
	box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.1);
	background: #f6f6f6;
	display: flex;
    align-items: center;
    justify-content: center;
	    margin-left: 0;
}
.imgview img{
	margin:auto;
	width: 100%;
    object-fit: cover;
    display: block;
 }

.pro_box .imgview .swiper-slide{
	height: 100%;
	background: #e4e4e4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro_msg{
	width: 45%;
}
.pro_msg .config h2{
	font-size: 60px;
    line-height: 70px;
    color: #0f52ba;
    font-weight: 600;
    margin-bottom: 30px;
	overflow-wrap: break-word
}
.pro_msg .config h3{
    margin-bottom: 10px;
}
.pro_msg .config ul li{
	
}

.pcont{
	padding: 30px 0;
	border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 60px;
}

.config .configs{
	font-size: 20px;
	width: 75%;
    line-height: 60px;
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid;
    padding: 0 20px;
    margin: 10px 0;
}
.config .configs.on{
	color: #002fa7;
}
.pbut{
	display: flex;
    flex-wrap: wrap;
}

.pbut .but1{
	display: block;
    width: 150px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #002fa7;
	margin-right: 30px;
	border-radius: 30px;
}
.pbut .but2{
	display: block;
    width: 150px;
    line-height: 50px;
    text-align: center;
    color: #002fa7;
	border: 1px solid #002fa7;
	border-radius: 30px;
}


.detnav{
	 border-bottom: 1px solid rgba(0,0,0,0.1);
}
.detnav .wrapper{
	display: flex;
    flex-wrap: wrap;
}
.detnav a{
	display: block;
    line-height: 90px;
    margin-right: 2%;
    font-size: 20px;
}

.detbox{
	    padding: 90px 0;
}
.detl{
	margin-bottom: 60px;
}
.detl h2{
	    font-size: 36px;
    line-height: 40px;
}
.detl span{
	 display: block;
    width: 40px;
    height: 5px;
    margin: 20px 0;
    background: #012fa7;
}

.cname {
	 position: absolute;
	 top: 0;
	 font-size: 16px;
	 text-transform: uppercase;
	 background-color: #002fa7;
	 color: #fff;
	 padding: 5px 10px;
	 border-radius: 5px;
	 box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
	 opacity: 0;
	 pointer-events: none;
	transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.cname::before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  background-color: #002fa7;
  bottom: -3px;
  left: 50%;
  transform: translate(-50%) rotate(45deg);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.color ul li:hover .cname {
  top: -45px;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}


.color ul li img{
	border: 2px solid #e7e7e7;
    border-radius: 30px;
	max-width: 30px;
}
.color ul li.on img{
	border: 2px solid #002fa7;
}

.product_cont .content{
	padding: 30px 0;
    margin: 60px  0;
}
.product_cont .content h2{
	width: 100%;
	text-align: center;
	font-size: 36px;
    text-transform: uppercase;
    font-weight: 700;
	margin-bottom: 60px;
}
.product_cont .content h2 strong{
	color: #002fa7;
}

.content img{max-width: 100%;display: block;}

.conte_img{
	border-top: 1px solid rgba(0,0,0,0.1);
	padding: 30px 0;
}
.conte_img img{
	width: 60%;
	border: 1px solid rgba(0,0,0,0.1);
}

.parameter{
	background: #fafafa;
	width: 100%;
    margin: 0px auto;
    padding: 90px 0;
}
.parameter h2{
	width: 100%;
	text-align: center;
	font-size: 36px;
    text-transform: uppercase;
    font-weight: 700;
	margin-bottom: 60px;
}
.parameter h2 strong{
	color: #002fa7;
}
.parameter table{
	width: 100%;
}
.parameter tr{
	display: flex;
    justify-content: space-between;
	margin-bottom: 30px;
}
.parameter td{
	width: 47%;
	position: relative;
	padding: 0 15px;
	line-height: 36px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.parameter td:before{
	content: "";
  display: block;
  position: absolute;
  left: 0%;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: #002fa7;
  border-radius: 30px;
}
.parameter td strong{
	color: #808080;
    font-weight: 450;
}
.related{
	padding: 90px 0;
	background: #f3f6fb;
}
.related .reltit h2{
	width: 100%;
	text-align: center;
	font-size: 36px;
    font-weight: 700;
}
.related .reltit span{
	 display: block;
    width: 40px;
    height: 5px;
    margin: 20px auto;
    background: #012fa7;
}
.related h2 strong{
	color: #002fa7;
}
.picList .rli_p{
	background-color: #e4e4e4;
    padding: 30px;
}
.picList .rli_p img{
	width: 100%;
    line-height: 0;
}
.picList .rli_p p{
	margin-top: 10px;
	font-weight: 700;
	text-align: left;
}
.picList .rli_p .more{
	font-size: 16px;
    text-transform: uppercase;
    color: #0f52ba;
    font-weight: 500;
}
.picList .rli_p:hover a{
	color: #002fa7;
}


.return{
	width: 230px;
    line-height: 40px;
    box-sizing: border-box;
    border: 1px solid #fff;
	background:url(../images/pjt1.png) no-repeat center right 30px;
    border-radius: 30px;
    padding: 0 20px;
    color: #fff;
	margin: auto;
    margin-right: 0;
    margin-bottom: 10px;
	transition: box-shadow .5s ease,border .5s ease;
}
.return:hover{
box-shadow: 5px 5px 5px 0px rgba(20, 20, 20, 0.25),-2px -2px 4px 0px rgba(255, 255, 255, 0.2);
	 border: 1px solid rgba(0,0,0,0.1);

}
.return a{
	display: block;
	color: #fff;
}
.toc{
	width: 230px;
    line-height: 40px;
    box-sizing: border-box;
   background:url(../images/pjt2.png) no-repeat center right 30px #fff;
    border-radius: 30px;
    padding: 0 20px;
    color: #fff;
}
.toc a{
	display: block;
	color: #fff;
}
.pcon{
	padding-bottom: 30px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 30px;
}
/*相关产品*/
.prod_v_ht{
	padding-bottom: 40px;
    border-bottom: 1px solid rgba(255,255,255,0.68);
	position: relative;
	margin-bottom: 50px;
}
.prod_vt{
	margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 36px;
}
.prod_vd{
	position: absolute;
    bottom: 30px;
	font-size: 24px;
}
.picScroll-left{position:relative; width:100%; margin-bottom:0px;}
.li_p{position:relative; width:335px; float:left; line-height:0; margin-top:0px; margin-right:20px; background-color:#fff; }
.li_p a{
	display: flex;
    align-items: center;
	border: 1px solid rgba(0,0,0,0.1);
	height: 390px;
}
.li_p img{border:0px solid #ddd; width:100%; max-width:335px; display:block; margin:auto;}
.li_h3{ width: 100%; margin:auto; display:block; height:40px; line-height:40px; text-align:center;}
.hd .next, .hd .prev{position:absolute; top:123px; width:17px; height:32px; background:url(../images/next_v.jpg) no-repeat;}
.hd .next{right:-34px;}
.hd .prev{position:absolute; left:-34px; background:url(../images/prev_v.jpg) no-repeat;}


.tht_view{width:556px; float:right;}
.view_title{font-size:24px; color:#000; line-height:70px;}
.view_tpe{font-size:15px; color:#3a3a3a; line-height:26px; border-bottom:1px solid #dcdcdc; padding-bottom:19px;}
.view_tbe{font-size:14px; color:#0d0d0d; border-bottom:1px solid #dcdcdc; padding:13px 0 9px;}
.view_tbe_h1{color:#656565;}
.view_the{border-bottom:1px solid #dcdcdc; padding:13px 0 9px;}

.view_h1{font-size:16px; color:#000; line-height:40px; font-weight: bold;}
.view_p{margin-bottom:10px;}
.view_h2{font-weight: bold;}
.m_prev_share{margin:46px 0;}
.m_pro_menu{border-bottom:0px dashed #bfbfbf; border-top:1px dashed #bfbfbf; padding:17px 0 15px}
.m_pro_prev, .m_pro_next{text-align:left; background: url(../images/prev_2.jpg) no-repeat 1px center; float:left; text-indent:31px;}
.m_pro_next{background: url(../images/next_1.jpg) no-repeat 1px center; text-align:right; float:right;}
.m_yx_menu{ margin:32px 0 21px 0;}
.m_yx_menu span{font-size:14px; font-weight: bold; float:left;}
.dy_01, .dy_02, .dy_03{background: url(../images/dy_01.jpg) no-repeat left center; float:left; text-indent:22px; margin-left:10px;}
.dy_02{background: url(../images/dy_02.jpg) no-repeat left center;}
.dy_03{background: url(../images/dy_03.jpg) no-repeat left center;}
.dy_04{ float:left; margin-left:10px;}
.m_about_view{padding:2px 20px 17px; margin-bottom:10px;}
.m_location_view{position:relative;}
.prev_view, .next_view{position:absolute; right:28px; top:17px; width:16px; height:16px; background: url(../images/prev.jpg) no-repeat;}
.next_view{right:0px; background: url(../images/next.jpg) no-repeat;}
.p2_v{margin-right:10px;}
.p2_v img{width:212px;}
.m_pro_list .p2_v figcaption{height:50px; line-height:50px; width:212px;}
.p2_v:nth-child(3n){margin-right: 10px;}
.p2_v:nth-child(4n){margin-right: 0px;}


/*新闻*/
/*.news_nt{margin:19px 0 20px;}
.news_nt .news_h4{float:left; border-bottom: 1px dotted #929292; background: url(../images/news_gb.jpg) no-repeat 2px center; width:100%; height:48px; overflow:hidden;}
.news_nt .news_h4 a{ margin-left:14px; font-size:14px; color:#232323; line-height:48px;}
.news_nt span{float:right; font-size:12px; color:#8f8f8f; margin-right:5px; line-height:51px;}
.pages span{float:none; color:#fff;}*/
/*新闻详情*/
#newslist {
    margin: 0px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
#newslist li.list {
    flex: 0 0 30%;
    width: 30%;
    list-style: none;
    margin: 0 20px;
}
#newslist li.list img {
    width: 100%;
    border: 1px solid #e0e0e0;
}
#newslist li.list dl {
    height: auto;
    overflow: hidden;
    padding: 5px 0px 40px;
}
#newslist li.list dl dt {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}
#newslist li.list dl dt a {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
#newslist li.list dl dd.info {
    height: 65px;
    line-height: 30px;
    color: #333;
    font-size: 16px;
    overflow: hidden;
    padding-bottom: 10px;
}
#newslist li.list dl dd.more {
    border-top: 1px solid #e0e0e0;
    font-size: 14px;
    color: #333;
    padding-top: 10px;
}
#newslist li.list dl dd.more time {
    padding: 0px;
    display: block;
}


.SiteContent{
	padding: 200px 0 40px;
}
.case{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.caseli{
	width: 19%;
    margin-bottom: 0px;
}
.caseli img{
	display: block;
    width: 100%;
}
.caseli:hover img {
   transform: scale(1.1);
}
.caseli p {
    width: 100%;
    padding: 10px 0;
    text-align: center;
}

.in-join-con{
	margin: 70px 0;
}

.join h2{
	border-bottom: 1px solid;
    border-left: 1px solid;
    text-align: left;
    padding: 3px 0 15px 20px;
}
.join table{
	margin: auto;
	margin-top: -1px;
	width: calc(100% - 65px);
	border-collapse: collapse;
	margin-right: 0;
}
.join td {
  border: 1px solid #fff; /* 细边框 */
  padding: 5px 20px;
}
.searchc {
    width: 31%;
    margin: auto;
    margin-right: 0;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group .form-control {
	display: table-cell;
	margin: 10px 0 0 0;
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
	padding: 5px 12px;
    font-size: 14px;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 34px;
	box-sizing: border-box;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

}
.input-group .form-control:first-child{
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
	width: 1%;
	vertical-align: middle;
	display: table-cell;
}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px;
}
.input-group-btn > .btn {
    position: relative;
}


.join{
	padding-top: 40px;
    padding-bottom: 20px;
}
.join_p{
	margin-top: 40px;
    padding-left: 65px;
}



.prod_h {
    text-align: center;
    color: #fff;
    padding-top: 200px;
}
.prod_h span {
    font-size: 18px;
    display: block;
    margin-bottom: 30px;
}
.prod_h h3 {
    font-size: 24px;
    font-weight: inherit;
    margin-bottom: 50px;
}

.pro_nav{
	display: flex;
    justify-content: center;
	margin-bottom: 70px;
}
.pro_c{
	width: 180px;
    line-height: 45px;
    text-align: center;
    background-color: #666666;
    color: #fff;
    border-radius: 30px;
	margin: 0 15px;
}
.pro_c a{
	display: block;
}
.pro_c:hover{
	background-color: #ffffff;
}
.pro_c:hover a{
	color: #000;
}
.p_on{
	background-color: #ffffff;
}
.p_on a{
	color: #000;
}


.pro_ul{
	display: flex;
    flex-wrap: wrap;
	padding: 0 2.65%;
}

.pro_li{
	width: 28%;
	margin: 0 2.65%;
	margin-bottom: 70px;
}
.pro_li img{
	display: block;
    width: 100%;
	
}

.pro_li:hover img{
	transform: scale(1.1);
}
.pro_li p{
	line-height: 55px;
    text-align: center;
    background-color: #fff;
    color: #000;
}

.placeholder p{
	color: #B6B6B7;
}


.view_pro{
	margin-top: 170px;
	position: relative;
	display: flex;
    justify-content: center;
    align-items: center;
}
.view_pro img{
	width: 100%;
    max-height: 700px;
    object-fit: cover;
    display: block;
}
.view_pro .sy{
	position: absolute;
	width: 30%;
	opacity: 0.3;
}

.m_honor_title { line-height:30px; font-size:48px;font-weight: 700;  }
.m_honor_attr { line-height:90px;  border-bottom: 1px solid rgba(0,0,0,0.1); }
.m_honor_content { padding: 30px 0; }
.m_honor_content video{
	max-height: 500px;
}
.m_prev_list { float:right; height:25px; margin-top:17px; }
.m_prev_list a { float:left; margin-left:15px; display:inline;}
.m_prev_list a img { display:block; }
.m_next_list {  margin: 0 auto; border-top:1px solid rgba(0,0,0,0.1); padding-top: 30px; margin-top: 30px;display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;;}
.m_next_list p.m_p_prev a { display:inline-block; overflow:hidden; float:left; }
.m_next_list span {  display:block; float:left; text-align:center; margin-right:0.5em; }
.m_next_list p.m_p_next a {  display:inline-block; overflow:hidden; float:left; }
.m_prev_back {
	margin: 0 auto;
    margin-top: 60px;
}
.m_prev_back a { 
	font-size: 16px;
    display: flex;
    justify-content: center;
	align-items: center;
	margin: 0 auto;
    margin-right: 0;
    width: 150px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #002fa7;
    border-radius: 30px;
	
}
.m_prev_back a img{
	 width: 18px;
	 margin-left: 10px;
}
.m_prev_back a:hover { text-decoration:none;}
.m_prev_share { margin-top:1em;}

.m_next_content a{
	 color: #143074;
}

.hmsg h2 {
    font-size: 40px;
    line-height: 60px;
}

.hor{
	    max-width: 60%;
}


/*联系我们*/

.cont_box{
	padding: 90px 235px;
	color:#737373;
}
.cont_boxt{
	display: flex;
    justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 90px;
}
.cont_box img{
	width: 100%;
}
.cont_boxt img{
	max-width: 230px;
}

.cont_tit{
	
}
.cont_tit h3{
	font-size: 36px;
	margin-bottom: 10px;	
}
.cont_tit h4{
	font-weight: 200;
    font-size: 24px;
	margin-bottom: 50px;
}
.cont_tit p{
	font-size: 24px;
}

.cont_tel{
	margin-top: 90px;
}
.cont_tel h3{
	font-size: 36px;
    margin-bottom: 30px;
}
.cont_tel h2{
	font-size: 40px;
    color: #d3bc94;
}

.store{
	padding: 90px 140px;
	color: #737373;
}
.store h2{
	font-size: 36px;
	margin-bottom: 90px;
}
.store_t{
	display: flex;
    justify-content: space-between;
	margin-bottom: 20px;
}

.store_t h3{
	font-size: 30px;
    color: #d3bc94;
}
.store_t h3:nth-child(1){
	width: 25%;
}
.store_t h3:nth-child(2){
	width: 44%;
}
.store_t h3:nth-child(3){
	width: 31%;
}
.store_p{
	display: flex;
    justify-content: space-between;
	padding: 20px 0;
    border-bottom: 2px solid #707070;
}
.store_p p{
	font-size: 18px;
}
.store_p p:nth-child(1){
	width: 25%;
}
.store_p p:nth-child(2){
	width: 44%;
}
.store_p p:nth-child(3){
	width: 31%;
}


.newsul{
	display: flex;
    padding: 90px 160px;
    justify-content: space-between;
	flex-wrap: wrap;
}
.newsul a{
	color: #737373;
}
.newsli{
	width: 43%;
	margin-bottom: 90px;
}
.newsli h2{
	font-size: 30px;
	line-height: 36px;
	margin: 30px 0;
}
.newsli span{
	font-size: 24px;
}
.newsli p{
	font-size: 18px;
	margin: 30px 0;
}
.newsli figcaption p{
	font-size: 24px;
    font-weight: bold;
    width: 135px;
    line-height: 40px;
    text-align: center;
    border-radius: 30px;
    color: #fff;
	margin: 0;
    background: #d3bc94;
}

input::placeholder{
	color: #a1a1a1;
}
textarea::placeholder{
	color: #a1a1a1;
}
#captcha_img{vertical-align: middle;}

.cont_info{
	line-height: 70px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	display: flex;
}
.cont_img{
	width: 40px;
	margin-right: 10px;
}
.cont_info img{
	vertical-align: middle;
	margin: 0 10px;
}
.cont_info p{
	margin: 0px 60px 0 0;
}
.cont_b {
  text-align: justify;
  width: 70px;
height: 20px;
margin-right: 20px;
}
 
.cont_b::after {
  content: '';
  display: inline-block;
  width: 100%; /* 确保最后一行也被对齐 */
}
.cr{
	position: relative;
}
.cr:before{
	position: absolute;
    content: "*";
    right: 10px;
    top: 6px;
	color: #ff0000;
}
.cl{
	position: relative;
}
.cl:before{
	position: absolute;
    content: "|";
    left: 55px;
    top: 3px;
	color: #333;
}
.submit{
	width: 128px;
    line-height: 35px;
    border: none;
    background-color: #212121;
    color: #fff;
    font-size: 16px;
}

.about_p dd img{
	width: 15px;
    vertical-align: middle;
    margin-right: 10px;
}
/*质量控制*/

.kh_me{margin-bottom:0px; line-height:0px;}
.m_series_p3 { /*float:left; display:inline; width:32.2%; margin-bottom:2.6%; margin-right:1.7%;*/}
.m_series_p3 p { border:solid 1px #ccc; padding:0px; }
.m_series_p3 p img{width:100%;}
.m_series_p3:hover p { border:solid 1px #054896; }


/*证书*/
.quality_p {
    padding: 60px 0;
}
.quality_p ul{display: flex; flex-wrap: wrap;margin-top: 30px;}
.m_series_p3 {display: flex; align-items: center; background: #eceff0; width:18.4%; margin-bottom:2.5%; margin-right:2%;}
.m_series_p3 p { border:solid 1px #ccc; padding:0px; line-height:40px; font-size:14px;}
.m_series_p3 a {
	display: block;
		height: 100%;
		width: 100%;
		background: #fff;
}
.m_series_p3 img{
	width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
}
.m_series_p3:hover p { border:solid 1px #054896; }
.m_series_p3:nth-child(5n){margin-right:0;}

.vm{
	margin-bottom: 30px;
}
.Cer{
	margin-bottom: 30px;
}
.vm h2{
	margin-bottom: 20px;
}
.Cer h2{
	margin-bottom: 20px;
}
.Patent h2{
	margin-bottom: 20px;
}


.vm, .Cer, .Patent {
  margin-bottom: 3rem;
  padding: 25px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease;
}
.vm:hover, .Cer:hover, .Patent:hover {
  transform: translateY(-5px);
}

/* 重点文本强调 */
.vm p strong {
  color: #2c6fbd;
  font-weight: 600;
}

/* 证书和专利列表 */
.Cer ul, .Patent ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 20px;
  margin-top: 1.5rem;
  padding: 0;
  list-style: none;
}

/* 图片样式 */
.m_series_p3 {
  background: #f9fbfd;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #eaeff5;
  transition: all 0.3s ease;
  height: 100%;
    width: 100%;
    margin: 0 auto;
}
.m_series_p3:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 20px rgba(44, 111, 189, 0.15);
}
.m_series_p3 a {
  display: block;
  padding: 12px;
  height: 100%;
}
.m_series_p3 img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  object-fit: cover;
  aspect-ratio: 3/4;
}



.future{
	
}

.future .Collaboration {
    background-color: #f0f8ff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}
.future .Collaboration .fumsg {
    flex: 1;
    margin-right: 20px;
}
.future .Collaboration .fuimg img {
    max-width: 100%;
    border-radius: 8px;
}
.future .Customize {
    background-color: #e6f7ff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.future .Customize .fumsg {
    flex: 1;
    margin-right: 20px;
}
.future .Customize .fuimg img {
    max-width: 100%;
    border-radius: 8px;
}
.future .Collaboration, .future .Customize {
    display: flex;
    align-items: center;
}
.future .Collaboration, .future .Customize {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.future .Collaboration:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.future .Customize:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.fuimg{
	max-width: 30%;
}

.future h2{
	font-size: 24px;
    line-height: 30px;
    font-weight: 600;
}

.future img{
	width: 100%;
}

.future .line{
	display: block;
    width: 40px;
    height: 5px;
    background: #002fa7;
    margin: 20px 0;
}

.Collaboration{
	margin-bottom: 30px;
}




/*证书收缩*/
.hidden{ display: none;}
.lanren{}
.lanren ul.list{overflow: hidden;}
.lanren .more{overflow: hidden;padding:10px;text-align: center;}
.lanren .more a{display: block;width:150px;padding:8px 0;color:#fff;margin:0 auto;background:#054896;text-align:center;border-radius:3px;}
.lanren .more a:hover{text-decoration: none;background: red;color: #fff;}

/*下载*/
.giveliuyan {background-color: #e1e1e1; color: #de4c09; padding: 5px;}
.giveliuyan:hover { background-color: #de4c09; color: #fff; text-decoration:none;}
.m_d_list{padding-top:20px;}
.lef{float:left; margin-bottom: 30px; width:32.2%; margin-right:1.7%;}
.lef_x{border: 1px solid #dcdbdb;}
.lef .txt{padding:20px 0 16px 16px;border-top:none;}
.lef .txt p{padding-bottom: 14px;color: #4a4a4a;font-size: 16px;}
.lef .txt span{display: block;color: #c6c6c6;font-size: 14px;}
.lef:nth-child(3n+3){margin-right:0%;}


.download{
	display: flex;
    justify-content: flex-start;
	flex-wrap: wrap;
}
.dowli{
	width: 15.8%;
    margin-right: 1%;
    margin-bottom: 20px;
}

.downlord a{
	 color: #fff;
	font-size: 14px ;
}
.dowli:nth-child(6n){
	margin-right:0px;
}
.dowli img{
	width:100%;
	display: block;
	border: 1px solid rgba(0,0,0,0.1);
    box-sizing: border-box;
}
.dowli:hover img {
    transform: scale(1.1);
}
.dowli p{
	line-height: 30px;
    text-align: center;
    margin-top: 10px;
    width: 100%;
}

.login{
	margin: 0px 200px;
    padding-top: 210px;
	padding-bottom: 40px;
	margin-bottom: 80px;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	border-bottom: 1px solid #757475;
}
.login_i{
	width: 50%;
	box-sizing: border-box;
	border-right: 1px solid #757475;
}
.login_i img {
    width: 25%;
    margin: 0 auto;
    display: block;
	margin-top: 20%;
}
.login_f{
	width: 46%;
	padding-bottom: 20px;
}
.login_f h1{
	font-size: 30px;
	font-weight: inherit;
	margin-bottom: 20px;
}
.login_f span{
	display: block;
	color: #757475;
}
.login_f .login_input{
	width: 100%;
    border: 1px solid #757475;
    background: none;
    line-height: 30px;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 5px;
    margin-bottom: 30px;
}
.check{
	text-align: center;
	margin-bottom: 30px;
}


/*留言*/

.gbook1 { width:10%}
.gbook2 { width:50%; float:left; }
.gbook3, .gbook4 { width:20%; }
.mobieapp { border-left:solid 1px #ccc; border-top:solid 1px #ccc; }
.mobieapp li { width:24.868%; float:left; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; padding:0.3em 0; }

.m_d_list{width:100%;}
.m_d_list img{width:100%;}

/*视频*/
.m_d_list #video0, .m_d_list #video1{width:800px; height:450px;}
@media screen and (max-width:1690px){
	.allcontent .wrapper_p {
    width: 90%;
}
}
@media screen and (max-width:1440px){
.strl h2 {
   font-size: 24px;
    line-height: 30px;
    width: 90%;
}
.strn h2 b {
    font-size: 46px;
}
.p2 img {
    width: 100%;
    margin: 0 auto;
    max-height: 180px;
    object-fit: cover;
    line-height: 0;
}
.allcontent .wrapper_p {
    width: 88%;
}
.porview .wrapper_p {
    width: 88%;
    margin: 0 auto;
}

.custom-container {
    width: 45%;
}

.widget {
    width: 15%;
    height: 100%;
}
.adv5 .strr img {
    border-radius: 10px;
    object-fit: cover;
    max-height: 220px;
}
.accimg img {
    max-height: 545px;
}

}
@media screen and (max-width:1366px){
.product_l {
	width: 18%;}
}
@media screen and (max-width:1440px){
.product_l {
	width: 18%;}
.product_r {
    width: 79%;
    margin: 0 auto;
    margin-left: 1%;
}
.product_r .hpor {
    width: 50%;
}
.prod_p .p2_m {
    padding: 10px;
}
.product_r .hpor .pinfo {
    display: none;
    width: 220px;
    padding: 10px;
}
.product_r .prod_p .p2:nth-child(3n) .pinfo {
	top:100%;
    right: 0;
    left: auto;
	border-top: 10px solid #fff;
	border-left: none;
}
}





@media screen and (max-width:640px){
	.banner {
  padding-top: 60px;
}
.b_msg {
   width: 90%;
    left: 5%;
    transform: none;
}
.b_msg p {
    display: none;
}
.b_msg h2 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
}
.b_msg a{
	display: none;
}
#pat {
    padding-top: 30px;
}
#cer {
    padding-top: 30px;
}
.about_img {
    width: 100%;
    margin-bottom: 20px;
}
.abouts h2 {
    font-size: 18px;
}

.accessories {
   padding: 30px 0;
    width: 90%;
    margin: 0 auto;
}
.accessories h2 {
    font-size: 24px;
    line-height: 40px;
}
.acccateg ul li {
   line-height: 24px;
    padding: 0 20px;
    font-size: 14px;
    margin: 0 auto;
    margin-right: 0;
    text-align: right;
}
.acccateg ul li a {
    display: block;
    padding: 0;
}
.accimg img {
    max-height: 450px;
}
.accli p {
    font-size: 16px;
    font-weight: 600;
}
.allpor {
    padding: 30px 0;
	color: #fff;
}
.allpor .wrapper{
    width: 90%;
    margin: 0 auto;
}
.allpor h2 {
    font-size: 24px;
}
.allpor p {
    width: 100%;
    padding: 30px 0;
}

.services_c {
    width: 100%;
}
.sermsg {
    width: 100%;
    margin-top: 30px;
}
.services_c .serli {
    width: 48%;
    margin-right: 2%;
    margin-bottom: 20px;
    overflow: hidden;
}
.services_c .serli a {
    height: 120px;
    border: 1px solid rgba(0,0,0,0.1);
    display: block;
}
.services_c .serli img {
    width: 100%;
    height: 100%;
    max-height: 120px;
    object-fit: cover;
}
.services_c .serli:nth-child(3n) {
    margin-right: 2%;
}
.services_c .serli:nth-child(2n) {
    margin-right: 0%;
}


#category {
    left: 5%;
}

.sticky {
    top: 54px;
}

.product_cont{
	background: #f3f6fb;
	padding-top: 0px;
}

.porb{
	margin-top: 0px;
}
	
.prod_h {
    text-align: center;
    color: #fff;
    padding-top: 90px;
}
.prod_h span {
    font-size: 18px;
    display: block;
    margin-bottom: 20px;
}
.prod_h h3 {
    font-size: 24px;
    font-weight: inherit;
    margin-bottom: 30px;
}

.product{
	width: 90%;
    margin: 0 auto;
}

.pro_nav {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.pro_ul {
    padding: 0;
}

.pro_li {
    width: 44%;
    margin: 0px 3%;
    margin-bottom: 30px;
}
	.pro_li p {
    line-height: 40px;
}

.por_ebd .parent p {
    margin-top: 10px;
    font-size: 18px;
    color: #757575;
}
.por_ebd ul {
    width: 90%;
    justify-content: space-between;
    flex-wrap: wrap;
}
.por_ebd .parent {
    width: 50%;
	padding: 15px 0;
}

.por_ebd .parent2 {
    width: 100%;
    top: 360px;
}
.por_ebd .parent2 a {
    font-size: 14px;
    color: #757575;
}

.por_ebd .parent2 ul {
    padding: 0px;
}
.por_ebd .parent2 figcaption {
    padding: 0;
    padding-bottom: 10px;
}
.por_ebd .parent2 figcaption p {
    font-size: 14px;
}

.por_ebd .parent img {
	max-width: 30px;
}

.p2 img {
    width: 100%;
    margin: 0 auto;
    max-height: 240px;
    object-fit: cover;
    line-height: 0;
}

.view_pro {
	width: 90%;
    margin: 0 auto;
    margin-top: 30px;
}

.prod_vd {
    position: initial;
    font-size: 18px;
}

.allcontent {
    padding: 0;
}

.abouts {
    padding: 30px 0;
}
.aboutus {
    width: 100%;
    margin: 0 auto;
}
.aboutus h2 {
    width: 100%;
    margin-bottom: 10px;
    font-size: 18px;
	line-height: 30px;
    font-weight: 600;
}
.aboutus span {
    margin-bottom: 15px;
}
.aboutus .about_p {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.aboutus img {
    max-width: 100%;
}

.boothbox {
    padding: 30px 0;
}
.booth {
    width: 90%;
    margin: 0 auto;
}
.booth .boothli {
    width: 100%;
	margin-bottom: 20px;
}
.booth .boothli h2 {
    font-size: 18px;
    line-height: 30px;
    margin: 10px 0;
    font-weight: 600;
}
.coursebox {
    padding: 30px 5%;
}
.coursebox h2 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
}
.coursebox:after {
    top: 31.5%;
}


  .coursebox ul {
    background: none; /* 移除背景图 */
    padding: 0 5px; /* 减小左右内边距 */
	overflow-x: hidden;
  }
  
  .coursebox li, 
  .coursebox li:nth-child(2n) {
    float: none; /* 取消浮动布局 */
    width: 100% !important; /* 强制全宽显示 */
    text-align: left !important; /* 统一文本对齐 */
    margin-bottom: 30px; /* 统一间距 */
	margin-top: 0px;
  }
  
  .coursebox li:before{
	display:none;
  }
  
  .coursebox li img {
    max-width: 100%; /* 图片宽度自适应 */
    max-height: 200px; /* 适当减小高度 */
  }
  
  .coursebox li h4 {
    font-size: 18px; /* 减小标题字号 */
    padding: 10px 0; /* 增加标题内边距 */
  }


.concept {
    padding: 30px 0;
}
.conceptli {
	width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
}
.conceptli img {
    width: 100%;
}
.conceptl, .conceptr {
    width: 100%;
}

.conceptli h2 {
    width: 100%;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
}
.conceptli span {
    display: block;
    width: 40px;
    height: 5px;
    background: #002fa7;
    margin-bottom: 10px;
}
.video h2 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    text-align: center;
}
.video span {
    display: block;
    width: 40px;
    height: 5px;
    background: #002fa7;
    margin: 10px auto;
}
.video {
    width: 90%;
    margin: 0 auto;
}
.videoli {
    width: 100%;
}
.videoli {
    width: 100%;
    margin-bottom: 20px;
}
.videoli p {
    text-align: center;
    line-height: 30px;
    background: #f3f6fb;
}

.Corporate {
    padding: 30px 0;
	width: 90%;
    margin: 0 auto;
}
.Corporate h2 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    text-align: center;
}
.Corporate span {
    margin: 10px auto;
}

.Corbox {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.Corimg {
    width: 49%;
    margin-right: 2%;
}
.Corimg img {
    margin-bottom: 10px;
}
.Corimg:nth-child(3n) {
    margin-right: 2%;
}
.Corimg:nth-child(2n) {
    margin-right: 0%;
}

.Cooperative {
    padding: 30px 0;
    color: #fff;
    background: #001736;
    background-size: 100%;
    position: relative;
}
.Coobox {
    width: 90%;
    margin: 0 auto;
}
.Coobox h2 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 20px;
}
.Coobox a {
    color: #002fa7;
    display: block;
    background: #fff;
    width: 120px;
    line-height: 40px;
    text-align: center;
    border-radius: 30px;
    margin: 10px 0;
}
.Cooul {
    margin-bottom: 0px;
}
.Coofr {
    display: none;
}

.honor {
    padding: 30px 0;
}
.honor h2 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    text-align: center;
}
.honor span {
    margin: 10px auto;
}

.honorul {
    width: 90%;
    margin: 0 auto;
}
.honorli {
    width: 49%;
    display: flex;
    align-items: center;
    padding: 10px;
    background: #eceff0;
	margin-bottom: 20px;
}

.anout_js {
    padding: 40px 0;
}
.anout_js h1 {
    font-size: 18px;
    line-height: 30px;
}

.Business {
    padding: 30px 0;
}
.Business h2 {
    margin-bottom: 10px;
    font-size: 18px;
}
.Business p {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
.Business .box {
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
    gap: 5px;
}

.about_video h2 {
    margin-bottom: 15px;
    font-size: 18px;
}

#culture {
     width: 100%;
    margin: 0 auto;
    margin-top: 30px;
}
#culture .wrapper{
	width: 90%;
    margin: 0 auto;
}
#culture h2 {
    width: 100%;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}
#culture .culi {
    width: 100%;
    margin-bottom: 20px;
    padding: 20px 20px;
}
#honor {
    width: 90%;
    padding: 30px 0;
    margin: 0 auto;
}
#honor h2 {
    font-size: 18px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 15px;
}
.hnav a {
    display: block;
    padding: 0 20px;
    line-height: 40px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 2px solid #fff;
}
.hli {
    width: 100%;
    margin: 0 auto;
}
.hli:nth-child(4n) {
    margin: 0 auto;
}
.hli:nth-child(2n) {
    margin: 0 auto;
}

.hli div {
    padding: 15px 15px;
    background: #e9f0f7;
    box-sizing: border-box;
}
.hul .hli div img {
    width: auto;
    max-height: 370px;
    margin: 0 auto;
}
.hli p {
    text-align: center;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.advtit {
    margin: 30px auto;
}
.advantages h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    text-align: center;
}

#adv-dis {
    padding: 30px 0;
    width: 90%;
    margin: 0 auto;
}
.advs, .advd {
    padding: 30px 0;
}

.advs .wrapper, .advd .wrapper{
    width: 90%;
    margin: 0 auto;
}
.advantages h3 {
    margin-top: 30px;
}
.distribution {

    margin-top: 30px;
}
.distribution .map {
    width: 100%;
    margin-bottom: 30px;
}
.distribution .map div {
    padding: 20px 20px;
    background: #f5f6f8;
}
.distribution .map h2 {
    font-size: 16px;
    font-weight: 450;
}
#cooperatebg {
    padding: 30px 0;
    color: #fff;
}
#cooperatebg .wrapper {
    width: 90%;
}
#cooperatebg h2 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 20px;
    font-weight: 600;
}

.coursebox li:before {
    left: -15%;
}
.coursebox li:nth-child(2n):before {
    right: -15%;
}

#myform h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
}
#myform .inp {
    width: 100%;
}

.newslist-box {
   width: 90%;
    margin: 30px auto;
    padding: 0;
}
.images-box {
    width: 100%;
    position: relative;
}
.images-box .words {
    font-size: 14px;
    margin-top: 10px;
}
.images-box img {
    width: 100%;
    max-height: 200px;
}
.words-box {
    width: 100%;
    background: #ecf3f9;
    padding: 20px;
}
.newslist-tops .uls:nth-child(2) {
    margin-top: 30px;
}

.newslist-bots {
    padding-top: 30px;
}

.newslistbots-titles .lefts .li {
    font-size: 18px;
    line-height: 30px;
    margin-right: 20px;
}
.newslistbots-titles .lefts .li.active a {
    font-size: 18px;
    color: #0053A6;
}
.news-ajax-list .items .box2 {
    width: 100%;
}
.news-ajax-list .items .numbers {
    width: 100%;
    padding-right: 0;
}
.news-ajax-list .items .numbers .num1 {
    font-size: 16px;
}
.news-ajax-list .items .numbers .line {
    margin: 0;
}
.news-ajax-list .items .words {
    width: 100%;
	margin-left: 0;
	margin-top: 10px;
}
.news-ajax-list .items .words .tits {
    font-size: 14px;
    margin-bottom: 0px;
    height: auto;
}
.newslist {
    margin-top: 80px;
}
.newslist .m_next_title {
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 30px;
}
.m_newsc {
    width: 90%;
    margin: 0 auto;
}
.newoth {
	display: none;
    width: 100%;
	margin-top: 30px;
}
.m_news_t {
    font-size: 16px;
    margin-bottom: 10px;
}

.communicate {
    width: 90%;
    padding: 20px 20px;
    margin: 30px auto 30px;
    color: #fff;
    background: #002fa7;
}
.communicate h2 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
}

.allcontent .wrapper_p {
    width: 100%;
}

#policy {
    margin-bottom: 30px;
}
.polbox .boxl {
    width: 100%;
}
.polbox .boxr {
    width: 100%;
    padding: 20px;
}

.talbox .boxl {
    width: 100%;
    background: #f0f4fa;
    padding: 20px;
    margin-bottom: 30px;
}
.talbox .boxr {
    width: 100%;
    background: #f0f4fa;
    padding: 20px;
}
.contact1 .wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.contact1 .left {
    width: 100%;
	margin-bottom: 30px;
}
.contact1 .right {
    width: 100%;
}

.contact1 .left h2 {
    line-height: 30px;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.contact1 .left h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
.contact1 .right .form label input, .contact1 .right .form label select {
    font-size: 14px;
}

.contact1 .right .form button {
    width: 110px;
    height: 40px;
    font-size: 14px;
}
.contact1 .right .form label textarea {
    font-size: 14px;
}
.news-ajax-list .items .box img {
    width: 100%;
    max-height: 195px;
}

.contact2 {
    padding: 30px 0;
    margin-bottom: -30px;
}
.contact2 .index-title .title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
}
.contact2 .contact2-box {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
}
.contact2 .contact2-box .item .text {
    padding: 10px;
}
.contact2 .contact2-box .item .text .title {
    font-size: 14px;
	line-height: 30px;
    transition: all 0.5s;
    margin-bottom: 10px;
}
.contact2 .contact2-box .item .text .summary {
    font-size: 14px;
    color: #666;
    line-height: 24px;
}


.catit {
    padding: 30px 0;
}
.catit .camsg {
    width: 90%;
	margin: 0 auto;
}
.catit .camsg h2 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}
.catit img {
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
}
.conmsg .cml, .conmsg .cmr {
    width: 100%;
}
.coninfo {
    margin-top: 30px;
}
.coninfo .coli {
    margin-bottom: 20px;
    width: 100%;
}
.product_l{
	width: 90%;
    margin: 0 auto;
}
.m_pro_nav {
    margin-top: 20px;
}
.m_pro_nav li {
    padding: 10px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.product_l h2 {
    color: #737373;
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.product_r h2 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 10px;
	
}
.product_r .acccateg h2{
	text-align: end;
}
.p2_m {
    position: relative;
    padding: 20px;
    border: solid 0px #e4e4e4;
    display: block;
    line-height: 0;
	padding: 5px;
    background-color: #f6f6f6;
}
.p2_m figcaption .more {
    font-size: 14px;
    text-transform: uppercase;
    color: #0f52ba;
    font-weight: 500;
}

.m_pro_nav h2:after {
  content: ">";
  display: inline-block;
  margin-left: 5px;
  transition: transform 0.3s ease; 
}

.m_pro_nav li .s-menu {
    display: none;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding: 10px 0;
}

.m_pro_nav h2.active:after {
  transform: rotate(90deg);
}

.m_pro_nav ul{
	display:none;
}

.por_nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0;
    flex-wrap: wrap;
}

.product_r {
    width: 90%;
    margin: 30px auto;
	flex-wrap: wrap;
}
.product_r .accbox {
    width: 100%;
}
.product_r .hpor {
    width: 100%;
	margin-top: 30px;
}
.product_r .hpor .pinfo {
    width: 240px;
    padding: 20px;
    top: 100%;
    left: 0;
    border-left: none;
	border-top: 10px solid #fff;
}
.product_r .prod_p .p2:nth-child(3n) .pinfo {
     top: 100%;
    left: 0;
}
.product_r .prod_p .p2:nth-child(2n) .pinfo{
	right: 0;
	left: auto;
}

.casebox {
    background: #f7f7f7;
    padding: 30px 5%;
}
.casebox h2 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}


.about {
	width: 90%;
    margin: 0 auto;
	padding: 30px 0;
}
.about1{
	width: 90%;
    margin: 0 auto;
}
.tit1 {
    margin-bottom: 30px;
    flex-wrap: wrap;
}
.tit1 img{
	width: 100%;
	display: block;
}
.titmsg {
    margin-bottom: 30px;
}
.titmsg h1 {
    font-size: 24px;
    font-weight: inherit;
    line-height: 40px;
    margin-bottom: 20px;
}
.titmsg img{
	width: auto;
	display: block;
}
.abmsg1 {
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.about2{
	width: 90%;
    margin: 0 auto;
}
.tit2 {
    margin-bottom: 0px;
}
.customized {
    width: 100%;
}
.customized p {
    line-height: 26px;
    padding: 5px;
	margin: 20px 0;
}

.news_h {

    padding-top: 90px;
}
.news_h h3 {
    font-size: 24px;
    margin-bottom: 30px;
}

.news_h span {
    font-size: 18px;
    margin-bottom: 20px;
}
.news_h img {
    width: 100%;
	display: block;
}

.SiteContent {
    padding: 90px 0 30px;
	width: 90%;
    margin: 0 auto;
}
.caseli {
    width: 49%;
    margin-bottom: 30px;
}
.caseli p {
    width: 100%;
    padding: 20px 0 0;
}
.in-join-con {
	width: 90%;
    margin: 30px auto;
}
.searchc {
    width: 65%;
    margin: auto;
    margin-right: 0;
}
.join {
    padding-top: 30px;
    padding-bottom: 20px;
}
.join_p {
    margin-top: 30px;
    padding-left: 0;
}
	.Title {
    position: relative;
    margin-bottom: 30px;
}
.Title .en {
    font-size: 24px;
}
.Title .cn {
    font-size: 18px;
}

.coninfo img {
    max-width: 30px;
}

.page-join3lunboList .img {
    width: 100%;
	height: 220px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-join3lunboList .wz {
    width: 100%;
    background: #fff;
    height: auto;
    display: flex;
    align-items: center;
}
.page-join3lunboList .wz .des {
    padding: 20px 3%;
    vertical-align: middle;
    font-size: 16px;
}
.page-join3lunboList .wz .des h2 {
    font-weight: initial;
    font-size: 18px;
    color: #21af41;
    margin-bottom: 10px;
}
.page-join3FuwuTit .cn {
    font-size: 14px;
    line-height: 26px;
    display: block;
    font-weight: 500;
    color: #333;
    position: relative;
}
.page-join3FuwuTit .navT1 {
     width: 49%;
    text-align: center;
    padding: 20px 0;
    background-color: #fff;
	margin-bottom: 10px;
}
.page-join3FuwuTit .en {
    font-size: 18px;
    color: #333;
    line-height: 30px;
    height: 30px;
}
.culture_p {
    margin-top: 50px;
    padding: 0 3%;
}
.cul_li {
    width: 100%;
}
.product_p {
    display: flex;
    margin-bottom: 0px;
    overflow: hidden;
	flex-wrap: wrap;
	width: 90%;
    margin: 0 auto;
}
.product-menu {
    width: 100%;
    float: left;
    padding-top: 30px;
    background-color: #f1f1f1;
    padding-bottom: 30px;
	margin:0;
}
.product_m {
    float: right;
    width: 100%;
    padding: 0 3%;
    padding-top: 30px;
    padding-bottom: 0px;
}
.product-menu li .menu-li {
    height: 30px;
}

.pcontent .npage {
    width: 90%;
    margin: 0 auto;
    padding: 0px;
    background: #fff;
    margin-bottom: 60px;
}
.pcontent .m_newsc {
    width: 100%;
    padding: 20px;
}
.pcontent .newoth {
    width: 100%;
    padding: 20px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.pcontent .m_newsc .about_nav {
    margin-bottom: 20px;
    color: #a3a3a3;
}	
.pcontent .m_honor_attr {
    line-height: 30px;
    padding-bottom: 20px;
    font-size: 14px;
    color: #2a67b5;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}


.porview {
    width: 100%;
    margin-top: 60px;
}
.porview #category{
    width: 90%;
	margin: 20px auto;
	    line-height: 20px;
}

.pro_box {
    margin-top: 0px;
	padding-bottom: 0px;
}

.custom-container {
    width: 90%;
    margin: 0 auto;
	flex-direction: column-reverse;
}
.pro_box .imgview {
    width: 100%;
	height: auto;
    margin-left: 0;
}
.porview .wrapper_p {
    width: 100%;
    margin: 0 auto;
}
.widget {
    width: 100%;
    height: 100%;
	margin-top: 10px;
}
.widget .bl1 {
    width: 19%;
    margin-right: 1%;
    height: auto;
    margin-bottom: 0%;
}
.witems {
    height: inherit;
    display: flex;
    flex-direction: row;
}
.pdetails{
	margin-top: 30px;
}
.detl h2 {
    font-size: 18px;
    line-height: 30px;
}
.detl span {
    display: block;
    width: 40px;
    height: 5px;
    margin: 10px 0;
    background: #012fa7;
}

.detl {
    margin-bottom: 30px;
}
.detbox {
    padding: 30px 0;
}
.detbox img{
	width: 100%;
}
.detnav a {
    display: block;
    line-height: 30px;
    margin-right: 5%;
    font-size: 14px;
}
.strength {
    padding: 30px 5%;
	background-size: cover;
}

.lay_qua .lq {
    margin-top: 30px;
	flex-wrap: wrap;
}
.lay_qua .lq .lql {
    width: 100%;
}
.lay_qua .lq .lqr {
    width: 100%;
}
.lay_qua .lq img {
    width: 100%;
    height: 205px;
    object-fit: cover;
}

.foundry {
    padding: 30px 0;
    max-height: 600px;
}
.foundry span {
    display: block;
    width: 40px;
    height: 5px;
    background: #fff;
    margin: 10px auto;
}
.foundry h2 {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    margin-top: 0px;
    text-align: center;
}
.fou_li img {
    height: 285px;
    object-fit: cover;
}

.Production {
    padding: 30px 0;
}

.strl {
    width: 100%;
	margin-bottom: 20px;
}
.strr {
    width: 100%;
}
.strl h2 {
    font-size: 18px;
    line-height: 30px;
    width: 90%;
	text-align: left;
}
.strl span {
    display: block;
    width: 40px;
    height: 5px;
    background: #002fa7;
    margin: 10px 0;
}

.strb {
    width: 100%;
    margin-top: 30px;
}
.strn {
    width: 100%;
	margin-bottom: 20px;
}

.strb .line {
    display: none;
}
.strn h2 {
    color: #002fa7;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
	text-align: left;
}
.strn h2 b {
    font-size: 20px;
    line-height: 30px;
}

.adv2 .strl {
    padding: 20px;
}
.adv2 .strl h2 {
    font-size: 18px;
}

.adv3 .wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: center;
}
.adv3 .strl {
    width: 100%;
    padding: 20px;
}
.adv4 .wrapper {
    display: flex;
    gap: 20px;
    align-items: center;
}
.adv4 .strl {
    flex: 1;
    background: white;
    padding: 20px;
}
.adv4 .strl h2 {
    font-size: 18px;
    color: #2d3748;
    margin-bottom: 25px;
    border-bottom: 2px solid #002fa7;
    padding-bottom: 15px;
}
.adv4 .strl::after {
    right: 0px;
}
.adv5 .wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    align-items: stretch;
}

.adv5 .gbox {
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    font-size: 14px;
}

.Plant {
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;
}

.Plant h2 {
    font-size: 18px;
    line-height: 30px;
    width: 100%;
    margin-top: 10px;
}
.Plant span {
    margin: 10px 0;
}
.Pinfo {
   display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 30px;
}
.Pimg {
    width: 50px;
    height: 50px;
    border: 2px solid #002fa7;
    border-radius: 60px;
}
.Pimg img {
    width: 100%;
    max-width: 20px;
}
.Pinfo .Pli {
    width: 48%;
    margin-bottom: 20px;
}
.Pinfo .Pli p{
	text-align: center;
}

.pro_msg {
    width: 90%;
    margin: 30px auto;
    padding: 0;
}
.pro_msg .config h2 {
    font-size: 18px;
	line-height: 30px;
    margin-bottom: 20px;
}
.pro_msg .config h3 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
}
.pcont {
    padding: 30px 0;
    margin-bottom: 30px;
}
.pbut .but1 {

    width: 120px;
    line-height: 40px;
    margin-right: 30px;
}

.pbut .but2 {
     width: 120px;
    line-height: 40px;
}

.product_cont .content {
    padding: 30px 0;
    margin: 30px 0;
}
.product_cont .content h2 {
    width: 100%;
    font-size: 20px;
    margin-bottom: 30px;
}


.Production h2 {
    width: 90%;
    margin: 0 auto;
    font-size: 18px;
    line-height: 30px;
    margin-top: 0px;
    text-align: center;
}
.Production span {
    margin: 10px auto;
}
.Produl {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}
.Prodli {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 20px;
}
.Prodli:nth-child(2n) {
    margin-right: 0%;
}
.Prodli img {
    width: 100%;
    height: 120px;
    object-fit: cover;
}
.approved {
    padding: 30px 0;
	background-size: cover;
}
.approved .wrapper {
    width: 90%;
}
.approved .appl {
    width: 100%;
	margin-bottom: 30px;
}
.approved .appr {
    width: 100%;
}
.approved h2 {
    font-size: 18px;
    line-height: 30px;
    margin-top: 10px;
    color: #fff;
}
.approved span {
    margin: 10px 0;
}

.System {
    padding: 30px 0;
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
}
.System h2 {
    font-size: 18px;
    line-height: 30px;
}
.Sysli h3 {
    font-size: 14px;
    margin-top: 10px;
}
.Sysli img {
    height: 280px;
    object-fit: cover;
}

.newsnav {
    margin-bottom: 20px;
}

.news-ajax-list h2 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: 600;
}
.news-ajax-list .list a {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 20px;
}
.newslist h2 {
	font-size: 16px;
}
.m_honor_title {
    font-size: 16px;
}
.m_honor_attr {
    line-height: 40px;
}
.m_honor_content {
    padding: 30px 0;
}
.m_next_list {
	margin-bottom: 30px;
    justify-content: space-between;
    align-items: flex-start;
}
.m_prev_back {
        margin: 0;
}
.m_prev_back a {
    font-size: 14px;
}
.parameter {
    padding: 30px 0;
	margin-bottom: 30px;
}
.parameter table {
    width: 90%;
    margin: 0 auto;
}
.parameter h2 {
    width: 100%;
    font-size: 20px;
    margin-bottom: 30px;
}

.parameter tr {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
    flex-wrap: wrap;
}

.parameter td {
    width: 100%;
}

.contentbox {
    padding: 30px 0;
}
.conform {
    width: 90%;
    margin: 0 auto;
    background: #f3f6fb;
    padding: 20px;
}
.contentbox h2 {
    font-size: 18px;
    margin-bottom: 20px;
}
.conform form {
    margin-top: 20px;
}

.contact1 {
    width: 90%;
    margin: 0 auto;
    margin-top: 30px;
}
.contact1 strong {
    display: block;
    font-size: 16px;
    color: #143074;
    margin-bottom: 0px;
}

.downnav {
    margin-bottom: 30px;
}
.downnav ul li a {
    padding-bottom: 1em;
}
.contable {overflow:scroll;width:100%; font-size:10px;}
.prod_li_z{margin: 0;margin-bottom:30px;}

.prod_li{width:100%; margin-bottom:18px;}
.prod_li img{width:100%;}
.prod_li_z{margin:0 0 18px 0%;}
.prod_li_tx{background:#fff; font-size:14px; text-indent:0; text-align:center;}
.prod_li:hover .prod_li_tx {background:#054896;}

/*body{background-color:#fff;}*/
/*产品系列*/
.bd_l{margin-bottom:10px; border:none; width:96%; float:none; margin:10px auto 0;}
.bd_dhb{border-bottom:none;}
.bd_dhb .hbt{width:48%; margin:0 1.4% 0 0; height:40px; border: 1px solid #d1d1d1; float:left; margin-bottom:10px; background: url(../images/m_aside_fot.jpg) no-repeat 3% center #f4f4f4; text-indent:28px;}
.bd_dhb .current{background: url(../images/m_aside_on.jpg) no-repeat 23px center #d8231f;}
.bd_dhb .hbt a{line-height:40px;}
.bd_dhb .hbt:nth-child(2n){margin-right:0;}
.m_pro_list .p2_m{padding:0; border: solid 1px #e4e4e4;}
.m_pro_list .p2_m:hover{border: solid 1px #e4e4e4;}
.m_pro_list .p2 img{width:100%; padding:0;}
.sublist ul{border:none; padding:0;}
.sublist{width:100%; float:left; background-color:#fff; border: solid 1px #d1d1d1; margin-bottom:10px;}
.sublist li{float:left; width:50%;}
.sublist li a{background: url(../images/list_nese.jpg) no-repeat 25px center; border-bottom:1px solid #cecece; height: 39px; line-height: 39px;}
/*产品*/
#m_right{width: 90%; display: block; margin: 0 auto; margin-top: 30px;float: none; padding:0; border:none;}
.m_pro_list .p2{width: 48%; display: block; position:relative;}
.m_pro_list .p2 figcaption{ width:100%;}
.m_pro_list .p2_m:hover {-moz-box-shadow:1px 1px 20px #fff; -webkit-box-shadow:1px 1px 20px #fff; box-shadow:1px 1px 20px #fff;}
.p2_m figcaption {
   line-height: 30px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
}
.p2_m a {
    height: 200px;
}
.cMore { font-size:0.875em; width:10.357em; height:3.214em; line-height:3.214em; background:url(../images/nMoreOff.jpg) no-repeat center center; display: none; margin:20px auto 0px; color:#fff; text-indent:1.78em; border-radius:6px; }
.cMore:hover { background:url(../images/nMoreOn.jpg) no-repeat center center; text-decoration:none; }
.cMore_news{margin:25px auto 0;}

.abimg{
	width:100%; 
	margin:0px 0px 20px 0;
}

.page, .pages {
    height: auto;
    line-height: 35px;
	margin-bottom: 10px;
    margin-top: 10px;
}

.location_list {
   display: none;
}

.prod_p .p2 {
    width: 48%;
    margin: 0;
    margin-bottom: 15px;
    margin-right: 4%;
    list-style: none;
}
.prod_p .p2:nth-child(2n){
	margin-right: 0%;
}
.prod_p ul li:nth-child(3n) {
    margin-right: 4%;
}
.prod_p figcaption {
    line-height: 30px;
    font-size: 14px;
    white-space: initial;
    overflow: initial;
    text-overflow: ellipsis;
    padding: 0;
}
.prod_p figcaption p {

}

#category .bd ul li.parent {
    width: auto;
    height: 40px;
    margin: 0;
}
#category .bd ul li.parent a {
    line-height: 40px;
    font-size: 16px;
    padding: 0 20px;
}
.ctacts-lefts {
    width: 100%;
    float: left;
}
.ctacts-rights {
    width: 100%;
    float: right;
    margin-top: 35px;
}
.cont_n {
    width: 100%;
    margin-top: 15px;
}
.cont_info {
    line-height: 45px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    display: flex;
}
.cont_info p {
    margin: 0px 0px 0 0;
}
.cont_b {
    text-align: justify;
    width: 60px;
    height: 20px;
    margin-right: 10px;
}
.cont_img {
    width: 30px;
    margin-right: 10px;
}
.ctacts-lefts h3 {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 5px;
}
.ctacts-lefts h2 {
    font-size: 24px;
}
.item_p {
    width: 100%;
    float: none;
	margin-right: 0%;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #fff;
}
.li_pp_t {
    width: 40%;
    line-height: 24px;
}
.li_pp_t h3 {
    font-size: 20px;
    font-weight: inherit;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 15px;
}
#newslist li.list {
    flex: 0 0 46%;
    width: 46%;
    list-style: none;
    margin: 0 2%;
}
#newslist li.list dl {
    height: auto;
    overflow: hidden;
    padding: 5px 0px 10px;
}
#newslist li.list dl dd.info {
    height: 55px;
    line-height: 30px;
    color: #333;
    font-size: 16px;
    overflow: hidden;
    padding-bottom: 10px;
}


.ab_msg {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    flex-wrap: wrap;
}
.ab_msg div {
    width: 100%;
    display: flex;
    align-items: center;
	margin: 20px 0;
}
.ab_msg p {
    width: 100%;
}

.ic_msg {
    text-align: center;
    margin-top: 25px;
}
.ic_msg img {
    margin-top: 15px;
}

.contact_p {
    width: 100%;
	align-items: center;
	margin-top: 30px;
    padding: 0 3%;
    line-height: 30px;
	box-sizing: border-box;
}
.contact_p img {
    vertical-align: middle;
    margin: 0 10px;
}
.contact_p strong {
    display: block;
    width: 20%;
    text-align-last: justify;
    margin-right: 15px;
}

.down_list {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
	width: 90%;
    margin: 0 auto;
}
.down_m {
    width: 48%;
    margin-right: 2%;
    text-align: center;
    margin-bottom: 20px;
}
.down_m:nth-child(5n) {
   margin-right: 10px;
}
.down_m:nth-child(2n) {
    margin-right: 0px;
}
.downlord {
    position: initial; 
}

.down_m p {
    height: 35px;
    line-height: 40px;
    margin-top: 0px;
    width: 100%;
}

.pl2 {
    width: 46%;
    margin: 0 5px;
    margin-bottom: 20px;
}

#article h3 {
    margin-bottom: 20px;
    margin-top: 5px;
}
.pp_list {
    text-align: center;
    margin-top: 20px;
}

#category .clearfix {
    padding: 0px 0px 0px 0px;
    display: flex;
    flex-wrap: wrap;
}


.join1 {
    padding: 30px 20px;
	background-size: cover;
}

.join1 h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
}
.join1 h3 {
    font-size: 18px;
    line-height: 30px;
}
.join1 a {
    width: 110px;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
}
.join2 {
    padding: 30px 0px;
}
.join2 h2 {
    font-size: 24px;
    margin-bottom: 10px;
}
.join2 p {
    font-size: 14px;
    text-align: center;
}
.join3 ul li {
    padding: 30px 20px;
	width: 100%;
	max-height: initial;
}
.join3 ul li img {
	width: 30px;
    margin-right: 20px;
}
.join3 ul li h2 {
    margin-bottom: 20px;
}
.join3 ul li p {
    font-size: 14px;
    margin-left: 0px;
}
.jo1,.jo2,.jo3,.jo4{
    background-size: cover;
}

.join4 {
   padding: 30px 20px;
   flex-wrap: wrap;
}
.join4 div h2 {
    font-size: 24px;
    margin-bottom: 20px;
}
.join4 div p {
    font-size: 14px;
    line-height: 30px;
}
.join4 ul {
    font-size: 14px;
    line-height: 30px;
    margin-top: 30px;
}
.join5 {
    padding: 30px 20px;
    background-size: cover;
}
.join5 h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
    text-align: center;
}
.join5 h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
}
.join5 h4 {
    font-size: 18px;
}
.join5 ul {
    margin-top: 30px;
    flex-wrap: wrap;
}

.join5 ul li {
    width: 100%;
    margin-bottom: 20px;
    padding: 30px 20px;
}

.join5 ul li h2 {
    font-size: 18px;
	margin-bottom: 30px;
}
.join5 ul li p {
    font-size: 14px;
    line-height: 30px;
}
.article {
	width: 90%;
    max-width: 1300px;
    margin: 30px auto;
	flex-wrap: wrap;
}
.jointel {
    margin-bottom: 30px;
}
.jointel h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
}
.jointel h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 40px;
}
.jointel p {
    font-size: 16px;
}
.jointel span {
    font-size: 14px;
    font-weight: 200;
}


.hmsg {
    padding: 30px 0;
}

.hmsg ul {
    flex-wrap: wrap;
}
.hmsg ul li {
    margin: 0px 15px;
    margin-bottom: 10px;
}
.hmsg p {
    font-size: 14px;
    margin-bottom: 0px;
}
.hmsg h2 {
    font-size: 18px;
    line-height: 30px;
}

.ho1 {
    padding: 30px 0;
    flex-wrap: wrap;
}
.ho2 {
    padding: 30px 0;
    flex-wrap: wrap;
}

.hol h3 {
    font-size: 18px;
    margin-bottom: 10px;
}
.hol p {
    font-size: 14px;
    line-height: 30px;
}

.hor {
    margin-top: 30px;
    max-width: 100%;
}

.patent {
    padding: 30px 0;
    font-size: 14px;
    color: #5b5b5b;
}

.patent ul li strong {
    font-size: 18px;
}

.patent ul li {
    padding: 0 10px;
    border-right: 2px solid #898a8b;
}


/*产品详情*/

.imgview{margin:0; width:100%;}
.imgview img{width:100%; max-width:470px;}
.conte_view{width:100%; margin:0px;padding: 30px 3% 30px 3%;}
.title_view {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 30px;
}
.title_fl_view {
    font-size: 16px;
    color: #696969;
}
.prod_v_ht {
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.prod_vt {
    margin: auto;
    color: #fff;
    font-size: 24px;
	margin-bottom: 20px;
}
.pcon {
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.picScroll-left{display:none;}
.p2 {
    width: 48%;
    margin-bottom: 20px;
    list-style: none;
}
/*简介系列*/
.pcontent {
    display: flex;
	padding-top: 55px;
}

.lnte_m {
    margin: 0 auto;
    padding: 0;
}

.lnte_m .about_nav span {
    font-size: 16px;
}
.lnte_m .about_nav a {
    font-size: 16px;
}

.our_ser {
    width: 90%;
    margin: 30px auto;
    background: #ffffff;
    padding: 20px 20px;
}
.tit h2 {
    border-left: 5px solid #2a67b5;
    padding-left: 15px;
    font-size: 24px;
    font-weight: 600;
}
.overview fieldset {
    margin-top: 20px;
    background: #ecf3f9;
    padding: 20px 20px;
    border: none;
}
.overview {
    margin-bottom: 30px;
}

.Aubox {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
}
.Aubox .Auli {
    width: 49%;
    margin-right: 2%;
    background: #fff;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.Aubox .Auli:nth-child(4n) {
    margin-right: 0%;
}
.Aubox .Auli:nth-child(2n) {
    margin-right: 0%;
}
.Aubox .Auli img {
    width: 100%;
    max-height: 75px;
    object-fit: cover;
    margin-bottom: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.Aubox .Auli h3 {
    font-size: 16px;
    font-weight: 450;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.Aubox .Auli p {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 300;
    line-height: 24px;
}



.about_ebd ul {
	width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.about_ebd .parent {
    height: 40px;
}
.about_ebd .parent a {
    display: block;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    color: #000;
    border-radius: 0px;
}
.about_ebd .line {
    margin: 0px 5px;
    font-size: 16px;
}

.title_msg {
    text-align: center;
    padding: 20px 0px;
}

.title_view2 {
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 10px;
}
.title_fl_view2 {
    font-size: 18px;
    font-weight: 700;
    color: #ba7969;
    text-align: center;
}
.title_view3 {
    flex-wrap: wrap;
}
.title_t3{
	margin-bottom: 20px;
}
.title_t3 h2 {
    font-size: 24px;
    margin-bottom: 20px;
}
.title_t3 p {
    font-size: 14px;
}
.title_fl_view3 ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    margin-top: 30px;
	flex-wrap: wrap;
}
.title_fl_view3 ul li{
   width: 50%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
	margin-bottom
}
.title_fl_view3 ul img {
    margin-bottom: 10px;
    max-width: 40px;
}

.about_del {
    padding: 5%;
}
.about_del ul li {
    flex-direction: column;
	align-items: flex-start;
}
.about_delt h3 {
    font-size: 18px;
    font-weight: 600;
   margin-bottom: 10px;
}
.about_delt p {
    font-size: 14px;
}

.title_cont4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.title_view4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin-bottom: 20px;
}
.title_view4 h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 20px;
}
.title_view4 p {
    font-size: 14px;
    line-height: 30px;
    margin-left: 0px;
}
.title_fl_view4 {
    font-size: 24px;
    font-weight: 300;
    text-align: center;
}

.title_view5 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.title_view5 h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
	margin-bottom: 20px;
}
.title_view5 p {
    font-size: 14px;
    line-height: 30px;
    margin-left: 0px;
}
.title_fl_view5 {
    font-size: 24px;
    font-weight: 300;
    text-align: center;
}
.delcont4 ul li h3 {
    font-size: 18px;
    font-weight: 400;
    margin-top: 20px;
}
.delcont4 ul li p {
    font-size: 14px;
    line-height: 30px;
}

.m_location_m{height:0; border:none;}
.hbt_a{float:left; width:48%; height:41px; margin-right: 2%; border: 1px solid #d1d1d1; margin-bottom:10px; background: url(../images/bd_img2.jpg) no-repeat 20px center;}
.hbt_a a{line-height: 41px;}
.hbt_a:nth-child(2n){margin-right: 0;}
/*简介*/
.about_p {
    width: 90%;
    margin: auto;
    font-size: 14px;
    line-height: 30px;
}

.culture {
    background: #f7f7f7;
    padding: 30px 0;
}
.culture h2 {
    text-align: center;
    font-size: 18px;
}
.culboxl {
    width: 90%;
    margin: 0 auto;
}
.culboxl .cult {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.culboxl .cult p {
	width: 75%;
    text-align: left;
}
.culboxl .cult img {
    max-width: 60px;
    margin: 0 10px;
}
.culboxr {
    width: 100%;
}
.culboxr img{
    width: 100%;
}

.question {
    padding: 30px 5%;
	margin-bottom: 0px;
}
.question h2 {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 30px;
}
.question a {
    display: block;
    width: 120px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    color: #fff;
    background: #002fa7;
}

#history {
    padding: 30px 5%;
}
#progressBar {
    height: 2px;
    margin-top: 20px;
}
.conte_img img {
    width: 100%;
    border: 1px solid rgba(0,0,0,0.1);
}
.about_ht{font-size:28px;}
.about_imt{width:100%; margin-left:0; margin-bottom:10px;}
.about_imt img{width:100%;}
.contacts_img{display:none;}
.responsimg{display:none;}

/*产品详情*/
.imgview{ float:none;}
.imgview img{width:100%;}
.tht_view{width:96%; float:none; margin:auto;}
.content table{font-size:10px;}
.m_pro_menu{ margin:10px 0;}
.m_pro_next{float:left; margin-top:10px; width:100%; text-align:left;}
.content img{width:100%;}
.title{line-height:42px;}
.tei_img{width:100%; float:left; margin:auto; text-align:center;}

.content .about_img img {
    width: 49%;
}


/*新闻*/
/*.news_nt span{display:none;}
..m_honor_content img{width:100%;}
.news_nt{ margin:0px 0 70px;}
#newslist{padding: 0px 0px 7px 0px;}
.m_prev_back{ margin-bottom:20px;}*/
.news_nt {
    margin: 0 auto;
    margin-top: 30px;
    width: 90%;
}

.news_nt .news_li_one{margin-bottom: 30px;}
.news_nt li .time1{width:100%; border:none; }
.news_nt li .time2{margin-left:0px; float:right; width:100%; max-height: 100%;}
.news_nt li:nth-child(2n){float:left;}
.news_li_one a {
    width: 100%;
}
.news_li_one img {
    width: 100%;
    display: block;
    max-height: 300px;
    object-fit: cover;
}
.news_li_one .fr {
    width:100%;
    display: block;
    box-sizing: border-box;
    padding: 20px 25px;
}
.news_li_one .fr h3 a {
    font-size: 18px;
    font-weight: initial;
}
.news_li_one .fr a span {
    margin-top: 20px;
    width: 150px;
    line-height: 40px;
    text-align: center;
    background-color: #21af41;
    border-radius: 30px;
}
.news_li_oth {
    width: 100%;
    padding: 10px;
    margin-bottom: 30px;
}
.news_li_oth .time1 .newsimg {
    width: 100%;
	display: none;
}

.news_li_oth .fr {
    width: 100%;
}
.news_li_oth .fr h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	padding: 10px 0;
}
.news_li_oth .fr h3 a {
    font-size: 16px;
    font-weight: initial;
}
.video_nt {
    margin-top: 50px;
	padding: 0 3%;
}
.video_li {
    width: 49%;
    margin-bottom: 20px;
}
.video_li p {
    background-color: #f6f6f6;
    line-height: 40px;
    padding: 0 20px;
}

.page-join3Box {
    margin-top: 50px;
    padding: 0 3%;
}

.netimg {
    width: 100%;
    float: none;
    margin-top: 0px;
    margin-left: 0px;
}
.netimg img{
	width: 100%;
	margin-bottom: 30px;
}

.joinform {
    margin-top: 50px;
}

.page-join3Box li {
    width: 100%;
    vertical-align: top;
    margin-bottom: 25px;
}

.page-join3Box li .info {
    display: flex;
    position: relative;
    padding: 30px 15px;
}
.page-join3Box li .info h2 {
    font-size: 18px;
    color: #333;
    line-height: 30px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.feedback1Box {
    width: 100%;
    padding: 0;
    font-size: 14px;
    color: #333;
    line-height: 26px;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid rgba(0,0,0,0.1);
}
.feedback1 {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    text-align: left;
    padding: 0;
    margin: 0px;
}
.feedback1 .getcode {
	margin-bottom: 30px;
}
.Create {
    margin-top: 50px;
    padding: 30px 3%;
    margin-bottom: 0px;
}

.createmsg .createp {
    background-color: #21af41;
    color: #fff;
    padding: 20px 15px;
    height: 270px;
    width: 100%;
    margin: 0 auto;
}
.createmsg .createp h2 {
    font-size: 18px;
    margin-bottom: 10px;
}
.createmsg .createp p {
    font-size: 14px;
}
.createmsg img {
    width: 100%;
    margin: 0 auto;
}
.businessimg {
    width: 100%;
    margin-left: 0px;
}
.Course {
    margin-top: 30px;
    padding: 30px 3%;
}
.Courseul {
    margin-bottom: 30px;
}
.Courseli {
    width: 100%;
}
.Courseli p {
    line-height: 30px;
    margin-top: 10px;
}
.mentor {
    padding: 30px 3%;
}
.mentor_one img {
    width: 100%;
    margin-right: 0%;
}
.mentor_one .mentormsg {
    width: 100%;
    margin-right: 0px;
	height: auto;
    padding: 30px 20px;
}
.mentormsg h3 {
    font-size: 18px;
    padding-left: 10px;
    margin-bottom: 10px;
}
.mentorli {
    padding-bottom: 30px;
    width: 100%;
}
.mentorli img{
	width: 35%;
}
.mentorli .mentormsg {
    padding: 20px 20px 20px;
    justify-content: space-between;
}
.activity {
    margin-top: 50px;
}
.activitymsg ul {
    margin-top: 30px;
}
.activitymsg li {
    width: 49%;
}
.contactmsg .msgl {
    width: 100%;
}
.msgtab p {
    font-size: 16px;
}
.msgtab {
    width: 50%;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding: 20px 0px;
}
.contactmsg .msgr img {
    display: none;
}

.join table {
    margin: auto;
    margin-top: -1px;
    width: calc(100% - 0px);
    border-collapse: collapse;
    margin-right: 0;
}
.join td {
    border: 1px solid #fff;
    padding: 5px 5px;
}

.job_h {
    padding-top: 90px;
}
.job_h span {
    font-size: 18px;
    display: block;
    margin-bottom: 20px;
}
.job_h h3 {
    font-size: 24px;
    font-weight: inherit;
    margin-bottom: 30px;
}

.job_form {
    margin-bottom: 30px;
    font-size: 14px;
}

.job_form input {
    width: 90%;
}

.job_form select {
    width: 90%;
}

.file {
    width: 90%;
}

.disclaimer {
    width: 90%;
    margin: 0 auto;
	margin-bottom: 30px;
}

#myform td {
    width: 90%;
}


.down_h {
    padding-top: 90px;
}
.down_h span {
    font-size: 18px;
    display: block;
    margin-bottom: 20px;
}
.down_h h3 {
    font-size: 24px;
    font-weight: inherit;
    margin-bottom: 30px;
}
.down_h hr {
    width: 40px;
    margin-bottom: 30px;
}

.dt_h {
    padding-top: 90px;
}
.dt_h span {
    font-size: 18px;
    display: block;
    margin-bottom: 20px;
}
.dt_h h3 {
    font-size: 24px;
    font-weight: inherit;
    margin-bottom: 30px;
}
.dt_h hr {
    width: 40px;
    margin-bottom: 30px;
}

.dt {
    width: 98%;
    margin: 0 auto;
    display: flex;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.dtl {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    position: relative;
}

.dtl img {
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0%;
}

.dtr {
    width: 100%;
    font-size: 16px;
    color: #000;
    border-left: none;
}

.dtlp {
    color: #000;
    font-size: 14px;
    margin-bottom: 20px;
    position: initial;
}

.dtmsg {
    padding: 30px 5% 0 5%;
    line-height: 24px;
}
.dtts {
    line-height: 50px;
    width: 95%;
    margin: 0 auto;
    padding: 0px 10px;
    box-sizing: border-box;
}
.quality_p {
    padding: 30px 0;
}
.vm, .Cer, .Patent {
    margin-bottom: 20px;
    padding: 25px;
}
.Cer ul, .Patent ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 20px;
    padding: 0;
    list-style: none;
}

.future {
    width: 90%;
    margin: 30px auto;
}
.future .Collaboration, .future .Customize {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.future .Collaboration .fumsg {
    flex: auto;
    margin-right: 0;
    margin-bottom: 20px;
}
.future .Customize .fumsg {
   flex: auto;
    margin-right: 0;
    margin-bottom: 20px;
}
.fuimg {
    max-width: 100%;
}

/*质量控制*/
.m_series_p3 {
    width: 100%;
    margin-right: 0%;
}
.m_series_p3:nth-child(3n){margin-right:2%;}
.m_series_p3:nth-child(2n){margin-right:0%;}
/*下载*/
.giveliuyan{margin-bottom:20px;}
.lef{width:48%; margin-right:4%; background-color:#fff;}
.lef:nth-child(3n+3){margin-right:4%;}
.lef:nth-child(2n+2){margin-right:0;}
/*留言*/
.gbook1 { width:20%}
.gbook2 { width:100%; float:none; }
.gbook3 { width:20%; }
.gbook4 { width:10%; }
.mobieapp li { width:49.7%; }
/*视频*/
.m_d_list #video0, .m_d_list #video1{width:100%; height:auto;}

/*证书详情*/
.imgview_h img{width:100%;}
.content{}
/*图片*/
/*.responsimg { width:100%; display:block; }*/
.rgc_img{width:100%; display:block; }

/*技术中心*/
.m_pro_list .p1 { width:48.4%; display:inline; margin-top:2.8%; }
.nofirst1, .nofirst3, .nofirst5, .nofirst7, .nofirst9 { margin-right:2.8%; }
.nofirst2, .nofirst4, .nofirst6, .nofirst8, .nofirst10 { margin-right:0; }


	.newsul {
    padding: 30px;
}
.newsli h2 {
    font-size: 16px;
    line-height: 30px;
    margin: 10px 0;
}
.newsli {
    width: 100%;
	margin-bottom: 30px;
}
.newsli span {
    font-size: 14px;
}
.newsli p {
    font-size: 14px;
    margin: 10px 0;
}
.newsli figcaption p {
    font-size: 14px;
    font-weight: bold;
    width: 90px;
    line-height: 30px;
    text-align: center;
    border-radius: 30px;
    color: #fff;
    margin: 0;
    background: #d3bc94;
}

.cont_box {
    padding: 30px;
}
.cont_boxt {
    margin-bottom: 30px;
    flex-wrap: wrap;
}
.cont_tit h3 {
    font-size: 18px;
    margin-bottom: 0px;
}
.cont_tit h4 {
    font-weight: 200;
    font-size: 12px;
    margin-bottom: 10px;
}
.cont_tit p {
    font-size: 14px;
}

.cont_boxt img {
    margin-top: 20px;
}
.cont_tel {
    margin-top: 30px;
}
.cont_tel h3 {
    font-size: 18px;
    margin-bottom: 0px;
}
.cont_tel h2 {
    font-size: 18px;
    color: #d3bc94;
}

}

@media screen and (max-width:320px){

}