﻿.diagonal-cell {
    position: relative;
    width: 100px;
    height: 100px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 1.5;
}
.jc .diagonal-cell::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top right, transparent 49%, #fff 50%, transparent 51%);
    pointer-events: none;
}
.top-text {
      float: left;
      margin-left: 52px;
      transform: translateY(-10px); /* 微调位置 */
      margin-top: 9%;
    }
    .bottom-text {
      float: right;
      margin-right: 52px;
      transform: translateY(10px); /* 微调位置 */
      margin-bottom: 9%;
    }
.product1_list {
            zoom: 0.48;
      overflow-x: auto; /* 缩小到80% */
        }
.product2_list {margin-top:5%;
  zoom: 0.5;
    box-sizing: border-box;
}
.product2_list .jc{font-weight:bold;font-size:14px;}
.product2_list table td {
    border: 1px solid #fff;
    line-height: 28px;padding:0.3% 0;
}
.product2_list .ba td {
    line-height: 50px;color:#fff;
}
.product2_list table .bb  td{border: 1px solid #fff;}
.co{background:#9ab4df;}
.co1{background:#ebf6fd;}
.ri h1 {color: var(--main_color);
    font-size: 22px;
    line-height: 1.5;
}
.ri h3 {
    font-size: 16px;
    line-height: 1;
}
.tu {
    border-radius: 30px;
}
.tu img {
    max-width: 100%;
    box-sizing: border-box;
    border-radius: 30px;
}
div#about_list_a {
    margin: 5% 0;
}
.pz{padding: 0 15px;}
.pz p{text-indent:2em;line-height: 1.75;}
.chengguo{padding: 0 15px;}
div#zhuanli {padding: 0 15px;margin-bottom:5%;}
.zhaopin_list{/* width:80%; */margin: auto;min-height: inherit;margin-top: 4%;margin-bottom: 6%;}
.zhaopin_a .left{width: 100%;float:left;}
.zhaopin_a .left .zhaopin_column{background: var(--main_color);color:#fff;padding:0 24px;box-sizing:border-box;border-radius:4px;margin-bottom:1px;display: flex;justify-content: space-between;flex-direction: row;}
.zhaopin_a .left .zhaopin_column span{ display:inline-block; line-height:80px;}
.zhaopin_a .left li{ border-bottom:1px solid #e5e5e5;}
.zhaopin_a .left li .title{/* padding:0 24px; */box-sizing:border-box;display: flex;flex-direction: row;justify-content: space-between;}
.zhaopin_a .left li .title span{line-height:72px;float: left;}
.zhaopin_a .left li .title span:nth-child(-n+2){width: 30%;}
.zhaopin_a .left li .title span:nth-child(3){/* width:20%; */}
.zhaopin_a .left li .title span:nth-child(4){/* width:30%; */}
.zhaopin_a .left li .title em{float:left;width:2%;width:14px;height:14px;background-position:center;background-image: url(/images/ico2.png);margin-top:33px;}
.zhaopin_a .left li .title.active{ background: var(--main_color); color:#fff;}
.zhaopin_a .left li .requirement{ padding:24px; box-sizing:border-box; display:none; border:2px solid var(--main_color); box-sizing:border-box;}
.zhaopin_a .left li .requirement h2{ font-size:18px; font-weight:bold;}
.zhaopin_a .left li .requirement p{ line-height:30px;}


.st_fadeUp.is-inview {
    -webkit-transform: translateY(0px);
    opacity: 1;
}
.singePage p {text-indent: 2em;
    margin-bottom: 15px;
  line-height: 2;
	font-size: 16px;
}
.rczp{padding:5%;}
.rcln_box{
  	
  	margin-bottom:2%;
	width: 100%;
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: center;
  flex-direction: column;
}

.rcln_box .left{
	width: 100%;
}
.gz_name h2{font-size: 24px;}
.gz_name {line-height: 1;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin-bottom: 1vw;
    position: relative;
}
.rc_icons{
	width: 100%;
	position: relative;
}

.rc_icons ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.rc_icons ul li{
	width: 30%;
	position: relative;
	margin-right: 5%;
	margin-bottom: 3vw;
}

.rc_icons ul li:nth-child(even){
	-webkit-transition: all 1s ease 0.4s;
}

.rc_icons ul li:nth-child(3n){
	-webkit-transition: all 1s ease 0.5s;
}

.rc_icons ul li:nth-child(n+4){
	margin-bottom: 0px;
}

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

.rc_icons ul li .icon{
	width: 30px;
	height: auto;
	position: relative;
	background: var(--main_color);
	border-radius: 50%;
	margin: 0px auto;
	padding: 18px;
}

.rc_icons ul li p{
	text-align: center;
	display: block;
	position: relative;
	margin-top: 25px;
	font-size: 18px;
	color:var(--main_color);
}

.rcln_box .left .name{
	font-size: 20px;
	margin-bottom: 10px;
}


.product1_list  {
    width: 100%;
  }
 .product1_list table {
       width: 80vw; /* 宽度为视窗宽度的80% */
            border-collapse: collapse;
            margin: 0 auto; 
  }
:root{
	--main_color:#1061ce;
}
.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}
.fixed_img img {width: 100%;overflow:hidden;}

.main4 .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 270px;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.main4 .swiper-slide {
  margin: 0 auto;
    margin-right: 0;
    flex-shrink: 0;
    width: 100%;
    height: auto;
    position: relative;
    transition-property: transform;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}



/*轮播*/
#mould72073{ background:#C20F26;}
#mould72073 .swiper-container .swiper-pagination .swiper-pagination-bullet{background-color:#fff;background:#fff;width:10px;height:10px;}
#mould72073 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background-color:#1061ce;background:#1061ce;width:10px;height:10px;}

.history_a {
    width: 88%;
    margin: 0 auto;
}
.history_a li {
    border: 1px solid;
    margin-bottom: 4%;
    padding: 3%;
    /* text-align: center; */
    border-radius: 10px;
}
.history_a li h2 {
    font-size: 26px;color:#1061ce;
}
/*二级导航*/
.more_nav{ width:100%; padding:0 15px; box-sizing:border-box; margin:15px 0;}
.tb_nav li{ width:32%; margin:0 2% 2% 0; border:1px solid rgba(0,0,0,0.3); box-sizing:border-box;}
.tb_nav li.active{ border:1px solid #1061ce; background: #1061ce;}
.tb_nav li:nth-child(3n){ margin-right:0;}
.tb_nav li:nth-child(1) a{ background:none; color:#333;}
.tb_nav li a{ border: none; width:100%; height:36px; line-height:36px; box-sizing: border-box;}
.tb_nav li.active a{ color:#fff;}


/*简介-基本页*/
#mould72080{ width:100%; padding:0 15px 20px 15px; box-sizing: border-box;}
#mould72080 p{ line-height:30px!important; float: inherit!important; margin: inherit!important;}
#mould72080 p img{ margin:5px 0!important;}

/*企业文化*/
.target_b{ width:100%; margin:0 auto; padding:0 15px; box-sizing:border-box;}
.target_b li{ width:100%; background:#e5e5e5; margin-bottom:5%; padding:30px; box-sizing:border-box; position:relative; border-radius:8px; overflow:hidden;}
.target_b li:after{ content:""; width:32px; height:32px; background:#ec0c0d; position:absolute; bottom:0; right:0;}
.target_b li:hover{ background:#1061ce; cursor: pointer;}
.target_b span img{ width: 10%;display: block; margin-bottom: 15px;}
.target_b span img:last-child{ display:none;}
.target_b li h3{ font-size:22px; line-height:26px; font-weight:bold; margin-bottom:20px;}
.target_b li p{ line-height:28px;}
.target_b li:hover h3,.target_b li:hover p{ color:#fff;}
.target_b li:hover span img:first-child{ display:none;}
.target_b li:hover span img:last-child{ display:block;}



/*荣誉列表*/
.picture1 .picture1-cont{ padding:0 15px; margin:0; width:100%; box-sizing:border-box;}
.picture1 .picture1-cont > ul li{ width:48%;}
.picture1 .picture1-cont > ul li a img{ height:109px;}
/*.picture1 .picture1-cont > ul a{ border:1px solid #ccc; box-sizing:border-box;}*/

/*分页*/
.fy_all{ margin: 0 auto .15rem auto;}
.fy_all div a{ background:#666; font-size: 12px;}

/*新闻*/
.news2{ width:100%; padding:0 15px; box-sizing: border-box;}
.news2 ul li:first-child a{ padding-top:0;}
.news2 ul li:last-child a{ border-bottom:none;}
.n2_img{ width:100%; border-radius:12px; overflow:hidden; margin-bottom:12px;}
.n2_contain{ width:100%;}
.n2_contain p:nth-child(1){ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.n2_contain p:nth-child(3){ text-indent:inherit; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.xinwen_xq{ width:100%; padding:0 15px; box-sizing: border-box;}
.news_xq h2{ margin:0 0 6px 0; font-size:18px;}
.news_xq h3{ margin:0; line-height:30px; font-size:14px;}
.news_xq h3 span{ margin:0 10px;}

/*产品列表*/
.product,.product_{ width:100%; padding:0 15px; box-sizing: border-box;}
.product ul{ margin-top:0;}
.product li a{ border:1px solid #ccc; box-sizing:border-box;}
.product li p{ font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product_ > p:nth-child(2) span{ margin:0 5px;}
.product_ .img_p{ overflow:hidden; width:100%;}
.product_ .img_p div{ margin-bottom:12px;}
.product_ .img_p div:last-child{ margin-bottom:0;}
.product_ .img_p img{ width:100%; border-radius:8px;}
.product_ .img_p p{ line-height:30px;}

.tb_page1{ margin: .1rem 0.15rem; width: auto;}
.tb_page1 h4{ font-weight: normal; margin:0;}
.tb_page1 h4 a{ color: #1061ce!important;}


/*联系我们*/
/*联系信息*/
.contact_uss{/* width:1470px; */margin:0 auto;}
.df {display: flex;flex-wrap: wrap;flex-direction: column;}
.contact_uss .le_box {/* width: 46%; */display: flex;padding:0 20px;}
.contact_uss .le_box > div {width: 100%;margin: auto;/* padding: 0 1rem 0; */}
.contact_uss .le_box .content1 .txt {font-size: 24px;line-height: 1.2;color: #333;font-family: GilroyBold;}
.contact_uss .le_box .content1 .desc {margin-top: 0.1rem;color: #054e85;font-size: 18px;line-height: 1.2;}
.contact_uss .le_box .content2 {margin-top: 0.2rem;display: grid;gap: 0.3rem;}
.contact_uss .le_box .content2 .item {display: flex;flex-wrap: wrap;align-items: center;line-height: 1.6;}
.contact_uss .le_box .content2 .item .tips {width: 38%;display: flex;flex-wrap: wrap;align-items: center;}
.contact_uss .le_box .content2 .item .tips img {width: .3rem;}
.contact_uss .le_box .content2 .item .tips p {padding-left: 7%;flex: 1;font-family: GilroyMedium;color: #054e85;}
.contact_uss .le_box .content2 .item .txt {width: 60%;}
.contact_uss .le_box .content2 .item .txt p, .contact_us .le_box .content2 .item .txt a {transition: 0.4s;color: #666;}
.contact_uss .ri_box {/* width: 54%; */}
.contact_uss .ri_box a {width: 100%;overflow: hidden;}
.contact_uss .ri_box a img {transition: 0.4s;width: 100%;}
#box-6 .container{
    width: 100%;
}
#box-6{width: 100%;height: auto;padding: 30px 0 30px 0;background-repeat: no-repeat;background-position: center;background-size: cover;overflow: hidden;}
#box-6 .ny_bt .ftitle {font-size: 24px;}
#box-6 .box1{margin-top: 25px;border: 1px solid rgba(0,0,0,0.1);border-radius: 10px;/* padding: 10px 7px 8px 7px; */}
#box-6 ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    margin: 0 -35px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    }
#box-6 li{box-sizing: border-box;padding: 10px;/padding:0 50px 32px 35px;display: flex;align-items: center;justify-content: center;}
#box-6 li:nth-child(-n+4):nth-child(odd) {
    /* flex: 1 1 calc(50% - 20px); */ /* Subtract margin */
}
 
#box-6 li:nth-child(-n+4):nth-child(even) {
    /* flex: 1 1 calc(50% - 20px); */ /* Subtract margin */
}
#box-6 h3{font-size: 24px;line-height: 1.2;color: #333;}
#box-6 li .title{color: #666;font-size: 18px;min-width: 110px;}
#box-6 li .title span{color:  var(--main_color);font-size: 24px;margin-left: 5px;}
#box-6 li input,#box-6 textarea{/* width: 100%; */border: 1px solid #E2E2E2;border-radius: 10px;margin: 10px 0;padding: 15px;background: #faf8f1;font-size: 16px;height: 60px;outline-color:  var(--main_color)!important;}
#box-6 li input::-webkit-input-placeholder{color: #BBB;}
#box-6 .textarea{/* flex: 1 1 100%; */}
#box-6 .textarea p{margin-bottom: 10px;}
#box-6 .textarea textarea{height: 240px;}
#box-6 .textCenter{text-align: center;}
#box-6 .submit{border-radius: 10px;background: var(--main_color);display: inline-flex;border: 2px solid var(--main_color);z-index: 2;position: relative;overflow: hidden;transition: color 0.2s;margin-top: 20px;}
#box-6 .submit input{background: transparent;border: none;font-size: 16px;color: #fff;font-weight: bold;padding: 0 40px 0px 40px;line-height: 20px;}
#box-6 .submit>div:hover input{color: var(--main_color);}
#box-6 .submit>div img{width: 26px;margin-left: 10px;transition: 1s;position: absolute;right: 35px;top: 35%;}
#box-6 .submit>div:hover img{content: url(/images/jiantou1.png);transform: translateX(5px);}
#box-6 .submit>div::before {content: "";will-change: transform;transform-origin: 50% 0%;border-radius: 50%;width: 150%;height: 200%;transition: transform 1s cubic-bezier(.5,0,0,1);position: absolute;top: -50%;left: -25%;transform: scaleY(0);z-index: -1;background-color: #fff;}
#box-6 .submit>div:hover::before {transform-origin: 50% 100%;transform: none;}

/*简历*/
#mould59558{ width:100%; padding:0 15px; box-sizing: border-box;}
.form_ctrl{ margin:0 0 10px 0;}
.form_ctrl.page_text p{ line-height:24px; text-indent:2em;}
.input_text input{ height: 36px;}
input[type="submit"]{ background: #1061ce; margin: 10px auto 20px auto; width: 100%; display: block;}


/*留言*/
.message{ margin-bottom:20px;}
.message input[type="button"]{background: #024190;}

/*岗位*/
.child_content{ width:100%; padding:0 15px; box-sizing: border-box;}
.headst tr td{ background:#666; font-size: 0.13rem; width:33.33%;}
.cd-faq-trigger{ border-bottom: 0.01rem dashed #ccc;}
.cd-faq-items ul li .a-1{ width:33.33%;}
.cd-faq-trigger::before{ background: #666; right:56px;}
.cd-faq-trigger::after{ background: #666; right:48px;}

/*底部2*/
.foot3{ position: fixed; z-index: 999; bottom: 0; background: #fff;}
.footer{ margin-bottom: 60px; background: #333; padding: 15px;}
.footer_lt{ text-align: center;}
.footer_lt span {margin-top: 0.2rem;font-size:18px;display: block;width: 100%;margin-bottom: 0.2rem;}
.footer_lt img {width: 1rem;margin-bottom: 0.1rem;}
.footer_rt{ text-align: center;}
.footer_rt h2{ font-size:20px; line-height:20px; margin:0 0 8px 0;margin-bottom: 0.1rem;margin-top: 0.1rem;}
.footer_rt h2 a{color: #fff!important;}
.footer_rt p{font-size: 16px;line-height: 30px;margin-bottom: 0.1rem;padding: 0 18px;}



