/**************产品中心******************/
.products-box {
    display: block; 
    position: relative; 
    width: 98%; margin:35px 1% 80px;
    min-height: calc(100vh - 500px);
    
}
.products-info-box {
    width: 100%;
    display: block;
    margin: 0 auto; font-size:0;
}
.products-info:nth-child(4n + 1) {
    border-left: 1px solid #d1d1d1;
}
/*.products-info:nth-child(1){background: #3da8f5;}
.products-info:nth-child(2){background: #0091bf;}
.products-info:nth-child(3){background: #01709a;}
.products-info:nth-child(4){background: #03507b;}*/
.products-info {
    width: 25%;
    max-width: 100%;
    height: 25vw;
    vertical-align: middle;
    box-sizing: border-box;
    display: inline-flex;
    display: -webkit-inline-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;border-top: 1px solid #d1d1d1;
    padding: 20px;
    transition: all .3s linear;
}
.products-info:hover{ background:#eee;}
.products-info-title {
    font-size: 28px;
    text-align: center;
    font-weight: bold;
    color: #006ebc;
    letter-spacing: 7px;
    margin-left: 7px;
    transition: all .3s linear;
}
.products-info-icon {
    margin: 20px 0;
    width: 60px;
    height: 60px;
}
.hover-icon {
    display: none;
}
.products-info-icon {
    margin: 20px 0;
    width: 60px;
    height: 60px;
}
.products-info-text-box {
    width: 370px;
    max-width: 100%;
    font-size: 14px;
    color: #555;
    letter-spacing: 3px;
    line-height: 1.8;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}


/*************关于我们结束**************/
.index-about-box {
    display: block;
    position: relative;
    width: 1920px;
    max-width: 100%;
    margin: 0 auto;
}
.index-about-all-box {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    font-size: 0;
    margin-top: 80px;
    margin-bottom: 100px;
    box-sizing: border-box;
    padding-left: 0;
    padding-bottom: 50px;
}
.index-about-img-box {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    z-index: 1;
}
.index-about-img {
    width: 1200px;
    max-width: 100%;
    height: 675px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}.index-about-text-box {
    width: calc(100% - 1250px);
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: bottom;
}
.index-about-text-all-box {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    padding: 30px 40px;
}
.index-about-text-bc-box {
    width: 300px;
    height: 300px;
    background-color: #00a6e2;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    position: absolute;
    top: -80px;
    left: -50px;
    z-index: 0;
    box-sizing: border-box;
    padding: 50px 60px;
}
.index-about-text-title-box {
    margin-bottom: 5px;
    position: relative;
    z-index: 2;
}
.index-about-text-title {
    width: 66px;
    letter-spacing: 2px;
    font-size: 30px;
    color: #fff;
    line-height: 1.3;
    display: inline-block;
    vertical-align: bottom;
}
.index-about-more-box {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 10px;
    cursor: pointer;
}
.index-about-more {
    font-family: "Lato";
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
    display: inline-block;
    vertical-align: bottom;
    transition: all .3s linear;
}
.index-about-more-line {
    width: 40px;
    height: 1px;
    display: inline-block;
    vertical-align: bottom;
    background-color: #fff;
    margin-bottom: 5px;
    margin-left: 5px;
    position: relative;
    transition: all .3s linear;
}.index-about-more-line:after {
    content: '';
    width: 0px;
    height: 0px;
    margin: 0 auto;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    border-left: 5px solid transparent;
    display: block;
    position: absolute;
    bottom: 0;
    right: -1px;
    box-sizing: border-box;
    transition: all .3s linear;
}
.index-about-text {
    font-size: 16px;
    color: #fff;
    line-height: 2.2;
    letter-spacing: 2px;
    position: relative;
    z-index: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 11;
    -webkit-box-orient: vertical;
    max-height: 387px;
    min-height: 387px;
}
.index-about-bc-box {
    background-color: #006ebc;
    width: 86.45%;
    display: block;
    height: 580px;
    position: absolute;
    bottom: 0;
    right: 50px;
    z-index: 0;
}



/***********技术服务***********/


.pro_table{width: 100%; text-align:center; margin:10px 0;border-collapse: collapse; overflow-x: scroll;
    border: 1px #00adb2 solid;}
.pro_table tr{height: 46px;line-height: 26px; cursor:pointer}
.pro_table td{font-size: 14px; border: 1px #006ebc solid;}
.pro_table tr:first-child{background:#006ebc !important;}
.pro_table tr:first-child th{font-size: 16px;color: #fff;font-weight: normal; border: 1px #006ebc solid;}
.pro_table tr:nth-child(even){background: #f5fafe;}
.pro_table tr:nth-child(odd){background: #e8eff9;}
/*.pro_table tr td,.pro_table tr th{border-right:2px solid #bddef5;}*/
.pro_table tr td:last-child,.pro_table tr th:last-child{text-align: center; padding:0 20px;}
.pro_table tr td:first-child{padding:0 20px;}
.pro_table a{color: #3e3a39 !important;}

/************应用领域*****************/
.album-list-slide .swiper-wrapper{ margin-top:30px;}
.album-list-slide:after{ content:'';clear: both; display: block;	font-size:0;}
.album-list-slide {	width: 98%;margin: 0 auto; display:block;padding-bottom:30px;}
.album-list-slide .swiper-container{padding-bottom:45px;}
.album-list-slide .swiper-slide{overflow: hidden;}
.album-list-slide .swiper-slide a:hover{}
.album-list-slide .swiper-slide a{ }
.album-list-slide .swiper-slide img{ width:100%;transition: all 0.3s ease 0s; }
/*底部圆点分页*/
.album-list-slide .swiper-pagination{ bottom:0 !important;}
.album-list-slide  .swiper-pagination-bullet {transition:all ease-out 0.3s;
    width: 14px;
    height: 14px;
    background: #ccc;
    opacity: .9;
}
.album-list-slide .swiper-pagination-bullet-active {    background: #ae1f23;}

.tec{ margin-bottom:30px; background-color: #fff;padding:50px 0;}
.w50{ width:50%;}
.fl{ float:left;}
.fr{ float:right;}
.fl_tec{ width:50%; box-sizing:border-box;
}
.fl_inner{position: absolute;
    left: 50px;box-shadow: 0 0 10px rgba(0,0,0,0.3); 
    background-color: rgba(250,250,250,0.8);
    padding:80px; width:50%;}
.fl_inner2{right:50px; left:auto}   
.tec h3{
	color: #006ebc;
    font-size: 36px;
    line-height: 42px;
    margin: 20px 0 20px;
	}
.tec h5{ font-size:18px; line-height:30px; color:#3e3a39; font-weight:normal;}
.tec a.more{display: inline-block;
    padding: 15px 40px;
    margin-top: 20px;
    font-size: 18px;
    color: #fff;
    background:  #00a6e2;
    text-decoration: none; box-shadow: 0 0 10px rgba(0,0,0,0.3);
    padding: 16px 18px;
    border-radius: 10px;
    font-size: 20px;transition: all .3s ease-in-out;
}
.tec a.more:hover{
    background:  #006ebc;}
.fr_tec{ width:50%; box-sizing:border-box; padding-right:0px;}
.fr_tec img,.fl_tec img{ width:100%;}
.tec_pad{ padding:120px 50px;}


/***************内页**************/
.pgservicebanner {
    height: 300px;
  /*  background: url(../images/pgbannerservice.jpg) no-repeat center center;*/ position:relative; background-size:cover; background-position:center center;
}
.w {
    margin: 0 auto;
    width: 1200px;
}
.pgbanner h2 {
    position: relative; display:none;
    font-size: 40px;
    line-height: 60px;
    color: #006ebc;
    padding-top: 100px; text-align:center;
}
.pgbanner h2:after {
    content: '';
    display: block;
    position: absolute;
    top: 180px;
    left: 0;
    width: 60px;
    height: 5px;
    background: rgba(5,70,204,0.8); left:50%; margin-left:-30px;
}

  /* .local_div{position: absolute;
    bottom: 60px;
    margin-right: -600px;
    right: 50%;}  
    .location {
	width: 100%;
	height: 25px;
	line-height: 25px;
}
.location span {
	position: relative;
	display: inline-block;
	padding-left: 20px;
	font-size: 16px;
	color: #fff;
}
.location span:before {
	position: absolute;
	top: 0;
	left: 7px;
	font-family: 'FontAwesome';
	content: "\f105";
}
.location span:nth-of-type(1):before {
	position: absolute;
	top: 0;
	left: 0px;
	font-family: 'FontAwesome';
	content: "\f015";
} */




.imain1 {
    background: url(../images/bg12.jpg) center center no-repeat #f5f5f5;
    background: url(../images/bg3.jpg) center center no-repeat #f5f5f5;
    padding:0px 0 100px 0;
  
}
.mainbox {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    transition: all 300ms ease;
}
.itit1 {
    margin-bottom: 55px;
}
.itit1 .m {
    line-height: 0;
    font-size: 0;
    text-align: center;
}
.itit1 .m span {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    padding: 0 30px;
    border: 1px #d0d0d0 solid;
    border-radius: 25px;
    font-size: 22px;
    color: #666666;
    position: relative;
}
.imain2 .itit .m span:after {
    background: #f5f5f5;
}
.itit1 .m span:after {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -7px;
    margin-left: -7px;
    width: 10px;
    height: 10px;
    border-right: 1px #d0d0d0 solid;
    border-bottom: 1px #d0d0d0 solid;
    transform: rotate(45deg);
    background: #fff;
}



.imain1 .tit5 {
    line-height: 0; margin-bottom:20px;
}
.imain1 .tit5 span {
    display: inline-block;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    font-size:26px;
    font-weight: bold;
    background: #006ebc;
    color: #fff;
    border-radius: 25px 25px 0 25px;
}
.imain1 p.p_con{ margin:20px auto 20px auto ;}
.ibox10 {
    padding: 30px 30px; margin:30px 0;
}
.ibox {
    background: rgba(244,244,244,0.4);
    border-radius: 20px;
    box-shadow: 0 0 8px rgba(215,215,215,0.6);
}


.itit {
    padding: 0 45px; margin:40px 0 60px;
}
.itit b {
    display: block;
    text-align: center;
    font-size: 36px;
    color: #185bbe;
    font-weight: bold;
    line-height: 44px;
    letter-spacing: 1px;
    position: relative;
}
.itit span {
    display: block;
    padding-top: 6px;
    text-align: center;
    font-size: 36px;
    color: #3cb3c3;
    line-height: 46px;  font-weight: bold;
}
.itit span:before, .itit span:after {
    display: inline-block;
    content: '';
    vertical-align: middle;
    margin: 0 20px;
    margin-bottom: 2px;
    width: 70px;
    height: 2px;
    background:  #185bbe;
}
.itit span:before, .itit span:after {
    display: inline-block;
    content: '';
    vertical-align: middle;
    margin: 0 20px;
    margin-bottom: 2px;
    width: 70px;
    height: 2px;
    background:  #185bbe;
}
.imain1  .con2 {
    border: 1px #ededed solid;
    background: rgba(244,244,244,0.4);
    padding: 15px 30px;
    font-size: 14px;
    color: #666666;
    margin-bottom: 20px;border-radius: 12px;
    box-shadow: 0 0 8px rgba(215,215,215,0.6);
}
 .imain1 .con2 h3{ color:#ae1f23; line-height:2; }
  .imain1 .con2 p{ padding-bottom:20px;}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  /**************技术服务2**************/
  .bginner {
    background: #f0f0f0;
    width: 1200px;
    padding-bottom: 200px;
}
#content2 { float:left;
    margin: -50px auto 50px;
    position: relative;
    padding: 60px 50px 80px 50px;
    width: 1200px;
    background-color: rgba(255,255,255,1);
    border-radius: 10px;
    box-sizing: border-box;
   z-index:99;margin-left: -600px;
    left: 50%;
}

.nydaohang {
    width: 100%;
    overflow: hidden;
   padding: 0px 0px 25px 0px;
}
.nydaohangul {
	overflow: hidden;
	font-size: 0;
	margin: 0 auto;
	justify-content: center;
	text-align: center;
	display: block;
}
.nydaohangul li {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	font-size: 14px;
	margin-bottom: 5px;
}
.nydaohangul li a {
	display: block;
	position: relative;
    font-size: 16px;
	box-sizing: border-box; /*border-radius: 10px; border-top-left-radius: 0px; border-bottom-right-radius: 0px;*/
	border: 1px solid #ccc;
	border-right: 0;
	background: #f0f0f0;
	transition: all .3s ease;
	padding:0 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal;
	text-align: center;
	line-height: 50px;	border-right: 1px solid #ccc;
}
.nydaohangul li:last-child a {
	border-right: 1px solid #ccc;
}
.nydaohangul li:first-child a {
	border-right: 1px solid #ccc;
}
.nydaohangul li:last-child .on , .nydaohangul li .on{
	border: 1px solid #0a62c8;border-right: 1px solid #0a62c8;
	color: #0a62c8;
	background: #FFF;
}
.nydaohangul li a:hover:after {
	width: 60px;
	margin-left: -30px;
}
/* .nydaohangul li a:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	left: 50%;
	bottom: 6px;
	height: 2px;
	background:#3da8f5;
	transition: all 0.3s ease;
} */


.u-headline04 {
    margin: 50px 0;
    color: #006ebc;
    line-height: 1;
}
.u-headline04 > b {
    display: block;
    font-size: 40px;
/*    text-indent: -0.15em;*/
}
.u-headline04 > small {
    display: block;
    font-size: 20px;
    margin-top: 11px;
	text-transform: uppercase
}
.u-headline04:after {
    content: "";
    width: 50px;
    height: 4px;
    background:#006ebc;
    display: block;
    margin-top: 17px;
    position: relative;
    z-index: 1;
}
.intro {
    margin-bottom: 50px;
}
.intro_col-no1 {
    float: left;
    width: 100%; 
}
.intro_text {
    font-size: 16px;
    margin-bottom: 1em;
    line-height: 1.8;
}
.intro_col-no2 {
    float: right;
    width: 100%;
}
.intro_image {
    position: relative;
    z-index: 1;
   margin-top: 10px; float:left; max-width:100%;
}
.intro_image img{ float:left;width:100%;border-radius:20px;border: 1px solid #e5e8ea; padding:60px 20px; box-sizing: border-box;}
.intro_cols::after {
    content: "";
    display: block;
    clear: both;
}
.intro_cols h3{color:#3e3a39;}
.intro_cols p.cas{   line-height: 38px;
    color: #3e3a39;
    font-size: 20px;
    margin-top: -30px; margin-bottom: 30px;}
    .intro_cols p.cas b{color:#00a6e2 ; font-weight: normal;}


.services {
    background:rgba(0,110,188,0.1);
    padding: 38px 38px 45px; 
	width:100%;
	 box-sizing:border-box;
    margin-bottom: 50px; margin-top:50px;
	 float:left; 
	 position:relative;
}
.services:last-child{ margin-bottom:0;}
.services_col-no1 {
    float: right;
    width: 100%;
    padding-top: 19px;
}
.services_title {
    font-size: 26px;
    font-weight: bold;
    color: #009999;
    margin-bottom: 25px;
    margin-right: -38px;
    margin-left: -5px;
    padding-left: 5px;
    width: 100%;
}
.services_headline {
    font-size: 20px;
    color: #3e3a39;
    font-weight: normal;
    margin-bottom: 23px;
    line-height: 1.6;
}
.services_text:last-of-type {
    margin-bottom: 0;
}
.services_text {
    font-size:18px; 
    margin-bottom: 1.8em; line-height:1.5; color:#3e3a39; margin-top:50px;
}
.services_list {
    list-style: none;
    padding: 30px 30px 10px;
    background: #FFFFFF;
    margin-top:30px;
    margin-bottom: 0;
    font-size: 15px; border-radius:10px;
}
.u-listCircle > li {
    margin-bottom:10px;
    position: relative;
    z-index: 1; width:50%; float: left; box-sizing: border-box;
    padding-left: 21px; line-height:1.5; 
}
.u-listCircle2 > li {width:100%;}
.u-listCircle > li:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 8px;
    height: 8px;
    background-color: #00a6e2; 
    border-radius: 50%;
    top: 8px;
    left: 0;
    margin-top: -1px;
}
.u-listCircle > li strong{ color:#3e3a39;}

.services_list::after {
    content: "";
    display: block;
    clear: both;
}

.shebei .services_col-no1 {
    float: left;
    width: 40%;
    padding-top: 19px;
}
.right .tech_title{ right:40px; left:auto;} 
.services_col-no2 {
    width: 50%;
    float: right;
}
.right .services_col-no1 {
    float: right;
    width: 40%;
    padding-top: 19px;
}
.right .services_col-no2 {
    width: 50%; text-align:center;
    float: left;
}

.services_col-no3{width:100%; float:left; margin-top:50px;}
.services_col-no3 ul{ float:left; width:100%;}
.services_col-no3 li{ float:left; width:45%; margin:0 2% 0 3%; overflow:hidden;transition: all 0.6s ease ; border:solid 3px #fff; box-sizing:border-box;}
.services_col-no3 li img{ width:100%;transition: all 0.6s ease ; float:left; }
.services_col-no3 li img:hover{webkit-transform: scale(1.06);transition: all 0.6s ease;
    -moz-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06);}
	
.u-headline06 {
    position: relative;
    z-index: 1;
    width: 176px;
    /* height: 100px; */
    box-sizing: border-box;
    padding-top: 24px;
}
.tech_title {
    position: absolute;
    z-index: 1;
    top: -30px;
    left: 40px;
}
.u-headline06:before {
    content: "";
    border: 55px solid #367BC5;
    border-right-color: #2968B7;
    border-bottom-color: #2968B7;
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    border-left-width: 88px;
    border-right-width: 88px;
}
.u-headline06 > b {
    display: block;
    position: relative;
    z-index: 2;
    line-height: 2.4;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding-bottom: 0;
}
.u-headline06 > b::after {
    content: "";
    width: 80px;
    height: 1px;
    background: #fff;
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

/**************技术服务3***************/
  #body {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
  
  
#prowarp_L {
	margin: 0 auto; float:left; margin-top:10px;
	
}
#prowarp_L ul{ width:100%; overflow:hidden;}
#prowarp_L>ul>li{ width:100%; float:left; padding:30px 0; border-bottom:dashed 1px #dedede;transition: all 0.6s ease;}
#prowarp_L ul li:after{ clear:both; content:;}
#prowarp_L b {
display:none;
}
#prowarp_L h3 {
	font: bold 15px/26px Arial, "微软雅黑", Arial, "宋体";
float:left;
	color: #363636; margin-bottom:10px; font-weight:normal;
}
#prowarp_L .pro_border {
	display: block;
	position: relative;
	border: solid 1px rgba(62,138,56,0.5);
	left: 0px;
	
	width: 40%;
	height: 310px;
	top: -20px;
}
#prowarp_pic { 
/*	position: absolute;
	*/
width: 30%;
    overflow: hidden;
    left: 20px;
    float: left; border-radius:20px;
}
#prowarp_pic img {
	width: 100%; float:left;
	transition: all 0.6s ease;
}
#prowarp_L ul li:hover #prowarp_pic img{
	transform: scale3d(1.05, 1.05, 1);
}
#prowarp_L #prowarp_txt {
    width: 65%;
    float: right;
    box-sizing: border-box;
    color: #666;
}

#prowarp_txt h2 {
	font: bold 24px/30px Arial, "微软雅黑", Arial, "宋体";
	color:#006ebc; position:relative; width:100%; float:left;margin:10px 0 30px;
}
#prowarp_txt h2  a{color:#006ebc;}
#prowarp_txt h2:before{content: "";
    position: absolute;
    left: -100px;
    bottom: -15px;
    height: 1px;
    width: 150px;
   background: #005ca9;}
#prowarp_txt p {
	font:bold 16px/24px Arial, "微软雅黑", Arial, "宋体"; color:#363636;

	padding: 10px 0px;
	text-align: justify; 
} 
.txt16 {
	font-size: 16px !important;
	line-height: 26px !important;
}
#prowarp_txt ul li {
    margin: 5px 0; font-size:15px; width:100%;
  /*  padding: 0 15px;*/ position:relative; list-style:inside
}

.apply_a{ float:right;display: inline-block;
    padding: 10px 30px;
   
    font-size: 16px;
    color: #fff !important;
    background:  #006ebc;
    text-decoration: none; box-shadow: 0 0 10px rgba(0,0,0,0.3);}



/****************内页产品中心**************/
  .m{line-height: 0;
    font-size: 0;
    text-align: center;}
	 .m span {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    padding: 0 30px;
    border: 1px #2968b7 solid;
    border-radius: 25px;
    font-size: 22px;
    color: #fff; background:#2968b7;
    position: relative;
}
.m span:after {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -7px;
    margin-left: -7px;
    width: 10px;
    height: 10px;
    border-right: 1px #2968b7 solid;
    border-bottom: 1px #2968b7 solid;
    transform: rotate(45deg);
    background:#2968b7;
}
  .table2{
	width: 100%;
	margin:30px 0;
	background:rgb(245 250 254);
	border-radius:4px;border: 1px solid #d1d1d1 !important;

}
.table2 tr td:first-child{width:160px;height:50px;background:rgba(0, 145, 191,0.4);}
.table2 tr:first-child td:first-child{background:rgba(60, 179, 195,0.65);}
.table2 tr:nth-child(2) td:first-child{background:rgba(60, 179, 195,0.7);}
.table2 tr:nth-child(3) td:first-child{background:rgba(60, 179, 195,0.75);}
.table2 tr:nth-child(4) td:first-child{background:rgba(60, 179, 195,0.8);}
.table2 tr:nth-child(5) td:first-child{background:rgba(60, 179, 195,0.85);}
.table2 tr:nth-child(6) td:first-child{background:rgba(60, 179, 195,0.9);}
.table2 tr:nth-child(7) td:first-child{background:rgba(60, 179, 195,1);}
.table2 tr:nth-child(8) td:first-child{background:rgb(50 167 183)}
.table2 tr td:first-child{
	font-size:14px;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height:21px;
	text-align: center;
}
.table2 tr td:last-child{
	height:14px;
	font-size:14px;
	font-weight:400;
	color:rgba(51,51,51,1);
	line-height:21px;
	padding-left: 15px;

}
.bor_bottom{border-bottom:1px solid #d1d1d1;}
.table2 tr:nth-child(3) td:last-child p{
	font-size:14px;
	font-weight:400;
	color:rgba(51,51,51,1);
	line-height:24px;
	margin-top: 9px;
	padding:10px 0;
}
.table2 tr:nth-child(3) td:last-child img{
	margin-top: 15px;
}
a.fujian{text-decoration:underline; line-height:1.6;}
a.fujian:hover{ color:#006ebc}
    .tulist>div{display: flex;justify-content: space-between;align-items: center;padding: 40px 0;border-bottom: 1px solid #CECECE;}
			.tulist>div:last-child{ border-bottom:none;}
			.tulist .tu{width: 40%;}
.tulist .zi{font-size: 20px;color: #666666;width: 60%;}
.tulist .zi p{ font-size:18px; font-weight:normal;}







/****************留言***************/
.title_index {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 40px;
	margin-bottom: 30px;
	color: #3e3a39;
	text-transform: capitalize; 
	
}
.title_index:after {
    content: "";
    width: 40px;
    height: 3px;
    background:#006ebc;
    display: block;
    position: relative;
    z-index: 1; left:50%; margin-left:-20px;
}
.con_p {
    color: #848E9F;
    font-size: 18px;
    width: 100%;
    text-align: center;
}.w1200 {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    min-height: 380px;
}.pdf-box {
    margin-top: 40px;
}



.ul_contct:after,.div_just:after{
	content: '';
	clear: both;
	display: block;
	font-size: 0;
}
.ul_contct {
    float: left;
    width: 100%;margin-bottom: 50px;
}
.ul_contct li {
    float: left;
    width: 30%; margin:0 1.5%; box-sizing:border-box;
    padding: 38px 30px 39px;
    border: 1px solid #e3e3e3;
}
.ul_contct li h5 { color:#3e3a39;
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    text-align: left;
    padding-bottom: 18px;
    text-transform: uppercase;
    position: relative;
    border-bottom: 1px solid #e4e4e4;
}
.ul_contct li h5 span {
    float: left;
    width: auto;
    margin-right: 40px;
    padding-right: 60px;
    position: relative;
}
.ul_contct li h5 span:before {
    position: absolute;
    right: 0;
    bottom: 4px;
    height: 1px;
    width: 50px;
    content: "";
    background-color: #3e3a39;
}
.ul_contct li p {float: left;    padding-top: 19px;}
.ul_contct li em {
    float: left;
    width: 100%;
    color: #666;
    text-align: left;
    font-size: 0.95em; line-height:2;
    font-weight: normal;
    font-style: italic;
}




/************实验手册下载***************/
.lablist{width: 100%; 
float:left; 
margin-top:30px;
position: relative;}
.lablist li{   float:left;
    width: 32%;
  
 border:solid 1px #ccc;
     float: left;
    margin-left: 2%;
    margin-bottom: 30px;
    padding: 20px 10px; box-sizing:border-box; /*border-radius:6px;*/}
	.lablist li:hover{ background:#fafafa;}
	.lablist li:nth-child(3n+1) {
    margin-left: 0;
}
.lablist li a{ float:left; width:100%;}
.lablist li .img {
    width: 100px;
    height: 80px;
    flex-shrink: 0; float:left;
}
.lablist li .img img {
    height:50px; padding-top:15px; padding-left:15px;
   float:left;
}
.lablist li .rights {
    width: calc(100% - 100px);
    float:right;
}
.lablist li .rights .date {
    color: #888;
    font-size:14px;
}
.lablist li .rights .name {
    display: block;
    font-size: 16px;
    line-height: 18px;
    margin-top: 5px;
}
.lablist li .rights .btn {
    display: inline-block;
    width: 100px;
    height: 30px;
    border-radius: 15px;
    line-height: 30px;
    text-align: center;
    background-color: #f0f0f0;
   /* color: #01327e;*/
  
    margin-top: 12px;  font-size:14px;
}



/**********行业进展*************/
.shows-box {
 margin-top:30px;
}
.shows-box ul li {
  border-top: 1px solid #e5e5e5;transition: all 0.3s ease;
}

.shows-box ul li a {
  padding: 30px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; position:relative;transition: all 0.3s ease;
}
.shows-box ul li a .imgbox {
  width: 322px;
  border: solid 1px #f3f3f3;
  overflow: hidden;
  margin-right: 30px;
  height: 187px;
}

.shows-box ul li a .imgbox img {
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.shows-box ul li a:hover .imgbox img{-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-o-transform: scale(1.06);
	transform: scale(1.06);
	transition: all 0.8s;}
.shows-box ul li a .info-box {
  -webkit-box-flex: 0;transition: all 0.3s ease;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: -webkit-calc(100% - 532px);
  width: -moz-calc(100% - 532px);
  width: calc(100% - 532px);
}
.shows-box ul li a .info-box .title {
  font-size: 24px;transition: all 0.3s ease;
  color: #006ebc;
  margin-bottom: 23px;
}
.shows-box ul li a .info-box .info { color:#666;
  line-height:1.8; font-size:15px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
}
.shows-box ul li a .time-info-box {
  width: 180px;
  text-align: right;
}
.shows-box ul li a .time-info-box .te {
  color: #999;
  font-size: 14px;
  margin-bottom: 40px; position:absolute; right:0;
}
.shows-box ul li a .time-info-box .time-box {
  direction: rtl;
}
.shows-box ul li a .time-info-box .time-box .day {
  background: #00479d;
  width: 84px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  direction: ltr;
  margin-bottom: 10px;
}
.shows-box ul li a .time-info-box .time-box .day .big {
  font-size: 28px;
  font-weight: bold;
  margin-right: 4px;
}
.shows-box ul li a .time-info-box .time-box .day .dw {
  line-height: 34px;
}
.shows-box ul li a .time-info-box .time-box .te {
  margin-bottom: 0;
}
.shows-box ul li:last-child {
  border-bottom: 1px solid #e5e5e5;
}
.shows-box ul .hideTime a .time-info-box .time-box {
  display: none;
}

/*.shows-box ul li:hover a .info-box .title{ font-weight:bold;}*/

/*********常用试剂配制*************/
.jishu ul{
    width:100%;border-top: 1px solid #D8D8D8;
    margin:30px 0;
}.jishu ul li a {
    display: block;
    width: 100%;
    height: 80px;
    line-height: 80px;
    border-bottom: 1px solid #D8D8D8;
    overflow: hidden;
}.jishu ul li a .date {
    width: 140px;
    color: #999; font-size:14px;
    font-family: 'DIN';
    float: left;
}.jishu ul li a .title { 
    font-size: 18px;
    width: calc(100% - 180px);
    float: left;
    transition: all 0.3s;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}.jishu ul li a i {
    font-size: 18px;
  color:#ddd;
    float: right;
    transition: all 0.3s; line-height:80px;
}
.jishu ul li a:hover .title,.jishu ul li a:hover i{color:#006ebc}


/**********常见问题**********/
.Faq {
    margin-bottom: 24px;
    padding-top: 16px;
}
.Faq:after,.Faq__item:after{ content:'';clear: both; display: block;	font-size:0;}
.Faq__item {
    margin-bottom: 15px;
    padding: 0 14px;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
}
.Faq__item h4 {
    margin: 0;
    padding: 13px 0 15px 26px;
    position: relative;
    cursor: pointer;
    color: #282828;
    line-height: 1.85;
}
.Faq__item h4 span {
    position: absolute;
    left: 0;
    top: 23px;
    width: 11px;
    height: 11px;
}
.Faq__item h4 span:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 11px;
    height: 3px;
    background: #282828;
}
.Faq__item h4 span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 4px;
    width: 3px;
    height: 11px;
    background: #282828;
}
.Faq__item h4.on span:before {background: #006ebc}
.Faq__item h4.on span:after {background: #006ebc}
.Faq__item h4.on span:after { display:none;}
.Faq__item ul {
    display: none;
    margin-top: 10px; padding-bottom:15px; font-size:15px;
}
.Faq__item ul p { padding-bottom:10px;}
.Faq__item:hover {border: 1px solid #006ebc;}
.Faq__item:hover h4 span:after, .Faq__item:hover h4 span:before {
    background: #7b93a3;
}
.Faq__item h4.on{color:#006ebc}



/**************新闻正文****************/
#View_tit {
	margin-top: 40px;
	width: 100%;
	position: relative;
}
#View_tit h2 {
	font-size: 30px;
	color: #3e3a39;
	text-align: center;
}
#View_tit h4 {
	text-align: center;
	font-size: 16px;
	color: #3e3a39;
	padding: 20px 0 20px;
	font-weight: normal;
}
#View_tit h4 span {
	margin-right: 40px;
}
#NewView {
	padding: 30px 0;
	line-height: 30px;
	color: #666;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
}
#NewView p {
	/*
    text-indent: 2em;*/
	text-align: justify;
	font-size: 15px;/* line-height: 30px; */
}
#NewView img {
	text-align: center;
	margin: 0 auto;
}
#NewView h3{ font-size:20px; padding-bottom:10px;}
#PREVIOUS_NEXT {
	min-height: 50px;
	float: left;
	position: relative;
	width: 100%;
	font: normal 14px/35px "微软雅黑", Arial;
	overflow: hidden;
	margin-top: 40px;
}
#PREVIOUS_NEXT i {
	color: #bbb;
	padding-right: 5px;
}
.PREVIOUS {
	height: 35px;
	overflow: hidden;
}
.PREVIOUS a, .NEXT a {
	color: #3e3a39;
}
.PREVIOUS a:hover, .NEXT a:hover {
	color: #0a62c8;
}
.NEXT {
	height: 35px;
	overflow: hidden;
}





/**********关于我们***********/
.condl{ margin:25px 0 35px;float:left; width:100%;}
.condl dt {
    font-size: 24px;
    line-height: 40px;
   margin-bottom:30px;
    font-weight: bold; float:left; width:100%; position:relative; color:#3e3a39;
}
.condl dt:after{content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 40px;
    height: 2px;
    background: #0075c2;}
.condl dd {
    line-height: 30px;
    color: #666;
    min-height: 90px; float:left; width:100%;
}
.condl dd p {
  float:left; width:100%;
}
.condl dd p i{ font-size:20px; padding-right:5px; width:20px; text-align:center; color:#ccc;}
.condl dd p:last-child i{font-size:16px;}
.condl dt span{ float:left;}
.condl dt b.aline {
    height: 1px;
    width: 40px;
    margin-left: 10px;
    background-color: #0075c2;
    float: left;
    margin-top: 19px;
}

.about_p{float:left; width:100%; margin-top:10px;color: #666;
    line-height: 1.8;
    font-size: 18px; text-indent:2em;}
	
	
	.about_in{margin:20px 0 0;float:left; width:100%}
	.about_in h3{ 
    margin-top: 15px;
    float: left;
    width: 100%;
    font-size: 24px;
    color: #006ebc;
    position: relative;
    height: 40px; line-height:40px; margin-bottom:20px;
}
.about_in h3:after{content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 40px;
    height: 2px;
    background: #0075c2;}


.net_in h3{ color:#3e3a39; margin:20px 0 10px; font-size: 24px; line-height:1.8;}
.net_in h5{ margin-top: 15px;
    float: left;
    width: 100%;
    font-size: 22px; margin-bottom:30px;
    color: #006ebc;
    position: relative;
    height: 40px; line-height:40px; position:relative;}
.net_in h5:after {
   content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 40px;
    height: 2px;
    background:#0075c2;
}
.net_in h5 span{ float:left;}
.net_in h5 b{ height: 1px;
    width: 40px;
    margin-left:10px;
   
    background-color: #0075c2; float:left; margin-top:18px;}
 .dline {
    height: 36px;
    width: 1px;
    margin-left: auto;
    margin-right: auto;
    background-color: #0075c2;
    margin-top: 60px;
}
.aline{ height: 1px;
    width: 36px;
    margin-left: auto;
    margin-right: auto;
    background-color: #0075c2;
    }
.netul{ float:left; width:100%; }
.netul li{ float:left; width:100%; font-size:15px; text-indent:2em; line-height:1.8;}
.netul li a{ color:#3e3a39;}

/*******************new 关于我们*********************/
.six{float:left; width:100%; margin-top:50px;}
.six li{background: url(../images/six.png) no-repeat ;background-size:100% 100%; float:left; text-align:center; width:33.3%; min-height:350px; padding:40px 0; box-sizing: border-box;}
.six li:nth-child(2){ margin-top:200px}
.six li h2{color:#fff; font-size:22px; padding-bottom:10px; width:70%; text-align:center; margin:0px auto;border-bottom:solid 1px #00a6e2; position:relative}
.six li p{color:#fafafa; font-size:16px; width:68%; text-align:center; margin:25px auto;}
p.font18{ font-size: 18px !important;}
p.font20{ font-size: 20px !important;}
/*******************产品列表********************/
.yewu_list{width:100%; margin:20px -1%;}
.yewu_list li{ float:left;width:31.3%; margin:0 1%; margin-bottom: 25px;}

.yewu_list li .box{ border: 1px solid #e5e8ea; border-radius: .625rem; overflow: hidden;}
.yewu_list li .img{   padding: 20px;
    box-sizing: border-box;
  height: 300px;
 display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 0 auto;}
    .yewu_list li:hover img{transform: scale3d(1.05, 1.05, 1);}
.yewu_list li .img img{ margin:0 auto;max-height: 100%; float: left;}
.yewu_list li .txt{     background: #f8fafd; box-sizing: border-box;
   font-weight: normal; color:#204478;
    padding: 30px;
  width: 100%; float: left;
  
}
.yewu_list li .txt h4{ font-size: 1.1rem; margin-bottom: 10px;  color:#204478;word-break: break-all;	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;	 height:50px;			
	text-overflow: ellipsis;		
	display: -webkit-box;			
	-webkit-line-clamp: 2;			
	line-clamp: 2;					
	-webkit-box-orient: vertical;
}
.witr_ser_btnb {
    position: relative;
    margin-top: 15px;
}
.witr_ser_btnb a {
    background: #298fd1;
    padding: 12px 4px 12px 30px;
    color: #fff;
    border-radius: 30px;
    bottom: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: left;
    opacity: 0;
    z-index: 99;
    transition: .5s;
}.witr_ser_btnb a i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50px 50px 50px 50px;
    background: #fff;
    color: #298fd1;
    margin-left: 10px;
    display: inline-block;
}.pluse_btn {
    position: absolute;
    left: 0;
    display: inline-block;
}.pluse_btn i {
    font-size: 17px;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50px;
    background: #298fd1;
    display: inline-block;
    transition: .5s;
}
.witr_ser_btnb a:hover{
    background: #204478;
    color: #fff;
}
.yewu_list li .box:hover .witr_ser_btnb a{
	transform: scaleX(1);
	opacity: 1;
}
.yewu_list li .box:hover .pluse_btn i{
	transform: scale(0);	
}

.yewu_list li .txt p{ font-size: .875rem; line-height: 1.8; color: #757575;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.yewu_list li .txt .btn_baojia{margin-top:20px; width: 7.5rem; height: 2.5rem; transition: .5s; border: 1px solid #c9cacb; font-size: .875rem; color: #6d6d6d; border-radius: 1.25rem; display: flex; align-items: center; justify-content: center;}
.btn_baojia svg{ margin-right: 6px;}
.yewu_list li .txt .btn_baojia:hover{ background: #00a6e2; border: 1px solid #00a6e2; color: #fff;}
.yewu_list li .txt .btn_baojia:hover svg path{ fill: #fff;}

#pages {
	padding: 20px 0 25px;
}
#pages:after {
	content: '';
	clear: both;
	display: block;
	font-size: 0;
}
.bottom_pages {
	width: 100%;
	float: left; margin:30px 0 30px;
}
.pages_center {
	margin: 0px auto;
	text-align: center;
}
#pages a {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	background: #f0f0f0;
	font-size: 18px;
	text-align: center;
	color: #333;
	padding: 0 10px;margin:0 2px; border-radius: 4px;
}
#pages a:hover {
	background: #006ebc;
	color: #FFF;
	text-decoration: none;
}
#pages span {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	background: #006ebc;
	font-size: 18px;
	color: #fff;
	text-align: center;
	padding: 0 10px;
}
/***************联系我们*******************/
.pg-contact-main-form{height:360px;position:relative; width:100%; margin:0 auto; margin-bottom: 60px;}
.pg-contact-main-form ul{}
.pg-contact-main-form li{ float:left; width:48%; margin-right:4%; margin-bottom:40px;}
.pg-contact-main-form li:nth-of-type(1){float:left; }
.pg-contact-main-form li:nth-of-type(2){margin-right:0}
.pg-contact-main-form li:nth-of-type(3){float:left;width:100%;}
.pg-contact-main-form li:nth-of-type(4){width:100%; text-align: center;}

/* .vcode{position:absolute;top:10px;right:10px;}
.vcode img{height:40px;} */
.pg-contact-main-form li .txt{width:100%;height:60px;padding:10px 20px;box-sizing:border-box;border:1px solid #e4e4e4;line-height:40px; border-radius: 10px; font-size: 16px;}
.pg-contact-main-form li .txts{display:block;width:100%;height:200px;padding:10px 20px !important;line-height:25px;box-sizing:border-box;border:1px solid #e4e4e4;border-radius: 10px; font-size: 16px;}
.pg-contact-main-form li .btn{   border: solid 1px #fff;   transition: all 0.3s ease;width:180px;height:60px;background:#006ebc;color:#fff; font-size:20px; outline: none; border:none; cursor: pointer; border-radius: 10px;}
.pg-contact-main-form li .btn:hover {
background-color: #fff;
color: #00a6e2;
border: solid 1px #00a6e2;
}
/***********foot**************/

#footer .logo {
    width: 206px;
    height: 50px;
}.fll {
    float: left;
}.flr {
    float: right;
}
#footer dl {

    line-height: 20px;
    padding-right:100px;
    
}
#footer dl:last-child{width:30%}
#footer dl:last-child{ padding-right:0px;}
#footer dt {
    font-size: 24px;
    padding-bottom: 25px;
}
#footer dl a {
    color: rgba(255,255,255,90%);transition: all .3s ease-in-out;
}
#footer dl a:hover{ color: #0077c8;}
#footer dd {
    font-size: 16px;
    padding-bottom: 10px; color: rgba(255,255,255,65%);
} 
#footer dd a{color: rgba(255,255,255,65%);}
#footer dd a:hover{color:#0077c8}
.social-icons a{width: 40px;
    height: 40px;border-radius: 4px;
    line-height: 40px;
    display: inline-block;
    background: #ffffff52;
    text-align: center;
  
    margin-right: 5px;
    margin-bottom: 5px;
    color: #fff;}
    .footlast{ display: flex;
    justify-content: space-between;
    width: 100%;}
/***********内页搜索**************/
.top-search{ width:100%; float: left;margin-top:-100px;}
.fr_search{width:100%; float: left; margin-top:-180px;}
.f_search{ float:left;border-radius: 6px; font-size:16px; overflow:hidden; z-index:90; margin-bottom: 50px; }
.f_search .txtBox{ background:#FFF;
    float: left; 
    width: 460px; padding-left:18px;
    height: 50px;line-height: 50px;
    border: none;
    color: #bcbcbc;  font-size: 24px;
}
.f_search {
    float: left;
    border-radius: 6px;
    font-size: 16px;
    overflow: hidden;
    z-index: 90;
}
.s_search {
    position: relative;
    left: 50%;
    margin-left: -267px;
    height: 50px;
    font-size: 24px;
    line-height: 1.3;
    line-height: 38px\9;
    border: 2px solid #00a6e2;
}
/* 
.f_search .submit{background:#00a6e2;; cursor:pointer; text-align:center;
    float: left;
    width: 150px; 
    height: 50px;line-height: 50px;
    border: none;
    color: #fff;  font-size: 24px;
} */


.f_search .submit {box-sizing: border-box;
    background: #fff; border:solid 1px  #fff;
    cursor: pointer;
    text-align: center;
    float: left;
    width:50px;font-size: 30px !important;
    line-height: 50px;
     border-right: none;
    color: #006ebc;transition: all ease-out 0.3s;
}

.f_search:hover .submit{color:#0092FC}

/*******************new首页*********************/
.aboutdiv{padding-top:60px;background:#fff url(../images/banner_2_develop.png);background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%; min-height: 600px;}
.about-box{ max-width: 1200px;width:100%; margin:0 auto;text-align: center;}
.about-box p{ text-align: justify; font-size: 20px; color:#3e3a39}

.about-box a{ text-align: center;
background-color: #00a6e2;
display: inline-block;
padding: 16px 18px;
border-radius: 10px;
font-size: 20px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.03em;
color: #fff;border:solid 1px #fff;
text-align: center;
transition: all 0.3s ease;  margin:50px auto;}
.about-box a:hover{ background-color: #fff;color: #00a6e2; border:solid 1px #00a6e2}
.section .head {
max-width:1200px;
width:100%;margin:0 auto;
background: #A3BFC1;
padding: 49px 72px 40px 61px;
}
.section .head .title {
width: 964px;float:left; 
font-size: 42px;
color: #fff;
line-height: 67px;
padding-bottom: 23px;
}
.section .head .content{ float:left; width:100%;}
.section .head .content .fll {
font-size: 36px;
color: #128C80;
width: 832px;
line-height: 67px;
}
.fll {
float: left;
}
.section .head .content .flr {
width: 243px;
height: 49px;
line-height: 49px;
text-align: center;
font-size: 27px;
font-weight: bold;
background: #2AB4A6;
border-radius: 18px;
margin-top: 27px;
cursor: pointer;
}
.flr {
float: right;
}
.m50{margin:50px 0;}
.tecdiv{float:left;width:100%}


/************20250224****************/
.index-banner {
    background-repeat: no-repeat;
    background-position: top center;
    /* background-attachment: fixed; */
    /* min-width: 1200px; */
    /* position: relative; */
    width: 100%;
    text-align: center;
    color: #fafafa;
    background-size: cover;
    background-image: url(../images/banner.jpg); min-height: 829px; position: relative;
    }
    .index-banner:before{
        content: "";
        position: absolute;top:0;left: 0;right: 0;bottom:0;
        background-color: rgba(41,143,209,0.35);}
        .ban-title {
    position: absolute;
    box-sizing: border-box;
    left: 0;
    width: 100%;
    top: 300px;
    text-align: left;
    
    /* background: rgba(11, 113,211,0.7); */
    }
    .ban-title h2 {
    font-size:60px;
    color: #ffffff;
    
    
    }
    .ban-title p{line-height: 1.5;   font-size: 50px; width:86%; letter-spacing: 0.1px;font-family: 'IBM Plex Sans', sans-serif;;
    color: #ffffff;
    margin-bottom: 100px;
    font-weight: 200;}
    .ban-title a{font-size: 16px; color:#fff; padding:17px 35px; border:solid 1px #fff;border-radius: 4px;}
    .ban-title a:hover{background-color:#298fd1;border:solid 1px #298fd1; cursor: pointer;}


    .titleh1{font-size: 40px;
    color: #204478;
    padding: 4px 0px;
       text-transform: uppercase;
        font-family: 'IBM Plex Sans', sans-serif;;}
        .proul{ display: flex; width:100%;flex-wrap: wrap; margin:30px -1% 50px;}
        .proul li{ margin: 1%; position: relative; width: 31.3%;}
      
        .proul li figure{width:100%; overflow: hidden; border-radius: 10px;}
        .proul li img{ float: left; width: 100%;}
       .prot_content {
    position: absolute;
    text-align: center;
    transition: .5s;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: rgba(118,187,229,0.75);
    z-index: 9;
}
        .proul li .prot_content_inner{
            /* font-size: 20px; font-weight: 100; position: absolute;bottom:0;color:rgba(255,255,255,1); left:0;right:0; background-color: rgba(0,44,95,0.5);height:60px; line-height: 30px; padding:15px 20px; */
        left: 50%;
    position: absolute;
    top: 60%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 10;
    -webkit-transition: all 0.3s ease-in-out 0.3s;
    transition: all 0.3s ease-in-out 0.3s;
    opacity: 0;color: #fff;
    font-size: 23px;
    font-weight: 700;
    text-transform: capitalize;
    transition: .5s;
        }
        .proul li .prot_content_inner i{background: #1d4875;transition: .5s;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin: 0 3px 11px;
    width: 50px;
    text-align: center;}
    .proul li .prot_content_inner:hover  i{background:#298fd1}
         .proul li .prot_content_inner a{color: #fff;display: block;
    width: 100%;}
     .proul li:hover .prot_content {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}  
        .proul li:hover img{transform: scale3d(1.05, 1.05, 1);}
        .proul li:hover .prot_content_inner{ opacity: 1;top: 50%;} 
/* 主容器样式 */
.main-container {
    position: relative; /* 必须设置，作为伪元素的定位基准 */
    z-index: 1;         /* 确保内容在背景之上 */
    min-height: 100vh;  /* 占满视口高度 */
    padding: 2rem;
    box-sizing: border-box;
    background-image: url(../images/bg-shape-project.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size:cover;
    padding: 90px 0px 70px !important;
    background-color: #f3f7fb94;
}

/* --- 关键部分：创建右侧椭圆背景 --- */
.main-container::after {
 
    content: ""; /* 伪元素必须有 content */
    position: absolute;
    bottom:-100px;     /* 垂直居中 */
   
    right:-300px;  /* 向右偏移，让一部分在屏幕外，形成边缘切割感 */
    transform: translateY(-50%); /* 精确垂直居中 */

    /* 尺寸设置：高度通常设为容器的 1.5 倍或更多，宽度设为高度的一半即为正圆 */
    width: 800px;
    height: 800px;

    /* 形状：50% 即为正圆，如果想要更扁的椭圆，可以设为 50% / 30% */
    border-radius: 20% 20%;transform: rotate(45deg);

    /* 颜色：参考图片中的淡绿色 */
    background-color: #e5f1fa; /* 或者使用 rgba(216, 243, 220, 0.8) 增加透明度 */

    /* 层级：设为 -1 确保它在文字内容下面 */
    z-index: -1;

    /* 可选：添加模糊效果让边缘更柔和（如果需要） */
    /* filter: blur(20px); */
     /* 初始旋转角度（可选） */
    transform: rotate(45deg);
    /* 添加旋转动画 */
    animation: spin 20s linear infinite;
    /* 优化性能 */
    will-change: transform;
}
/* 定义旋转动画 */
@keyframes spin {
    from {
        transform: rotate(45deg);
    }
    to {
        transform: rotate(405deg); /* 45 + 360 = 405，实现完整一圈 */
    }
}
.main-container .titleh1{ text-align: center;}



        .flblue{ clear:both;position: relative; width: 100%; margin:200px auto 100px}
.flblue .fltxt{background-color: #0077c8; width:80%; text-align: left; padding: 100px 10%; box-sizing: border-box;
    border-bottom-right-radius: 60px;
}
.flblue .fltxt h3{ font-size:36px; color:#fff;width:62%; font-weight: normal; position: relative; font-family: 'IBM Plex Sans', sans-serif;;}
.flblue .fltxt h3:before{ 
    position: absolute;
    left: 0;
    top:-100px;
  font-size: 100px;
 color:#fff; opacity: 0.1;
    overflow: hidden;
   
    content: "\f10e";
    font-family: FontAwesome;
    font-style: normal;
    
}
.flblue figure{ background-color: #e5f1fa; border:solid 4px #fff; border-radius: 20%; width:400px; height: 400px;line-height: 500px;
    text-align: center;    transform: rotate(45deg); position: absolute; right: 10%; top:-40px}
.flblue figure img{ width:80%;    transform: rotate(-45deg);    padding-right: 12%;}
/* .moretxt{  width:70%; text-align: left; padding: 50px 10%;box-sizing: border-box; text-align: left; font-size: 18px; }
.morea{background:#002c5f; padding:15px 40px; color:#fff; width:80%; margin:0 10%; color:#fff !important; border-radius: 4px; font-size: 14px; }
.morea:hover{background-color: #406187;} */
.aboutxt{width: 60%;
    text-align: left;
    padding: 50px 10%;
    box-sizing: border-box;
    text-align: left;
    font-size: 18px; font-weight: 100;}
    .aboutxt p{ padding-bottom: 20px;}
    .inblue{ margin-top:0px;}
    .inblue figure{width:600px; height: 600px;line-height: 700px;top:-300px;}
    .inblue .fltxt{width:100%}
    .inblue .fltxt h3{width:48%}

#bodyMain {
    width: 100%; padding:50px 0;
}
.w1500{width:100%; max-width: 1200px; margin:0 auto; position: relative; padding: 0 1%; box-sizing: border-box;}
.faq{padding: 50px 0 ;}   
.faq:after{ clear: both; width: 100%;}
    .faq h1{color:#204478; font-size: 40px;  padding-bottom: 40px;font-family:'IBM Plex Sans', sans-serif; text-align: center;width: 100%;
    text-align: center;
 
    text-transform: uppercase;}
    .faq ul{width:100%; display: grid;
    grid-template-columns: 1fr 1fr ;
    grid-template-rows: auto auto;}
    .faq li{  padding-right: 4%; position: relative; padding-left: 40px; box-sizing: border-box; margin-bottom: 40px;}
    .faq li a{display: block;}
   
    .faq li:nth-child(2n){ padding-right: 0;}
    .faq li:before{ 
    content: "";
    position: absolute;
    left: 0;
    top:8px;
    transform:rotate(45deg);
    width: 16px;
    height: 16px;
    border-radius:4px;
    overflow: hidden;
    background-color: #cbe2f4;
    
    }
    .faq li h3{color:#002c5f; padding-bottom: 30px; font-size: 22px; font-weight: normal; transition: all ease-out 0.3s;
        -webkit-transition: all ease-out 0.3s;}
    .faq li p{color:#333; font-weight: 100; font-size: 18px;}
    .faq li a:hover h3{color:#0077c8}
    .box{}
.box2{clear:both;width:100%;display: flex; }
.box2 a{background-color: #e5f1fa; display: block;flex:1; padding:90px ;color:#002c5f; font-size: 26px; margin-bottom:100px;
    text-align: center; border-radius: 6px;}
    .box2 a:first-child{ margin-right: 30px;}
    .box2 a:hover{background-color:#cbe2f4}
    .box2 a i{font-size: 40px; padding-bottom: 10px; }
    .footblue{ background-color: #0077c8;  color:#fff}
    .bluecon{ max-width: 1500px;width:100%; margin:0 auto;display: flex;justify-content: space-between;
    align-items: center; padding:50px 0;}
    .bluecon h3{ font-size:45px; font-family: 'IBM Plex Sans', sans-serif;;}
    .bluecon p{ width:50%; font-size: 18px; font-weight: 100;}


    /***********内页************/
    .location {
        width: 100%;
        height: 25px;
        line-height: 25px;
        margin:30px 0 50px;
        }
        .location span {
        position: relative;
        display: inline-block;
        padding-left: 0px; font-weight: 100;
        font-size: 16px;
        color: #002c5f;
        }
        .tith3{color:#868686; font-weight: normal; font-size: 18px;}
        .tith2{color:#002c5f;font-size: 50px;font-family: 'IBM Plex Sans', sans-serif;;font-weight: normal;}


        .box1 {
            clear: both;
            width: 100%;
            display: flex;
        }
           .box1 .flbox{background-color: #f3f3f3; display: block;flex:1; padding:70px ;color:#002c5f; font-size: 26px; margin-bottom:100px;
           }
            .box1 .flbox:first-child{ margin-right: 30px;}
        
        
            .box1 h2{color:#0077c8; padding-bottom: 40px;font-size: 50px;
            font-family: 'IBM Plex Sans', sans-serif;;
            font-weight: normal;}
            .box1 a{color:#002c5f; font-size: 16px; padding-bottom: 20px;line-height: 1.8; display: block;}
            .box1 p{color:#666; font-size: 16px; font-weight: 100; line-height: 1.8;}
        
        
            .pdf-box {
            margin-top: 40px; display: flex;
        }
        
        
        
        
        .div_just{ flex:1; margin:20px 0; box-sizing:border-box; margin-right: 30px;}
        
        .feedback{ padding: 0; margin-right: 0;}
        .feedback h3 { color:#333;
            float: left;
            width: 100%;
            font-size: 24px;
            line-height: 24px;
            font-weight: bold;
            margin-bottom: 6px;
            text-transform: uppercase;
        }
        .feedback span { padding-bottom:35px;
            margin: 0;
            float: left;
            width: 100%;
            font-size: 15px;
        }
        .feedback p {
            float: left;
            width: 100%;
            position: relative;
            margin-bottom: 20px;
        }
        .feedback .inputtxt { font-family:Arial, Helvetica, sans-serif;
        
            width: 100%;
            text-align: left;
            min-height: 35px;
            -moz-appearance: none;
            -webkit-appearance: none;
            padding: 14px 25px 15px;
            border: 1px solid #e6e6e6;
            text-transform: capitalize;
        border-radius: 6px;
            outline: none;
            font-size: 20px;
            font-weight: 100;
            line-height: normal;
            display: inline-block;
            vertical-align: middle;
            box-sizing: border-box;
          color:#999;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box; 
        }
        .feedback .inputtxt:focus {    border: 1px solid #0092FC;}
        .feedback .tijiao2 { cursor:pointer;
            float: left;
            width: auto;
            color: #fff; background: #002c5f;
            padding: 15px 40px;
            color: #fff;
          
            color: #fff !important;
            border-radius: 4px;
            border: none;
            font-size: 16px;
            font-weight: bold;
            line-height: normal;
            text-transform: uppercase;
           transition: all ease-out 0.3s;
        }
        .feedback .tijiao2:hover { background:#406187;}
        .tips{font-weight: 100; color:#333; text-align: justify; padding-bottom: 30px;}
        .tips a{color:#0077c8}


        /***********产品************/
        .floor1{clear: both; padding:10px 0;width: 100%; }
        .conh1{color: #204478;width:100%; display: block;
        font-size: 36px;
        font-weight: normal;
        font-family: 'IBM Plex Sans', sans-serif;;padding-bottom: 20px;}
         .conh1:after{content: "";
    width: 50px;
    height: 4px;
    background: #298fd1;
    display: block;
    margin-top: 17px;
    position: relative;
    z-index: 1;}
        .flinimg{width:48%;float: right;}
    .flintxt{width:48%;float: left; color:#000;font-weight: 200; font-size:18px; line-height: 1.6;}
    .flintxt p{padding-bottom: 20px;}
    .floor2{clear: both; padding:50px 0 0;width: 100%;}
    .floor2 p{color:#000;font-weight: 200; font-size:18px; line-height: 1.6; margin-bottom: 40px;}
    .floor2 figure{text-align: center; margin:20px auto}
    .floor2 figure img{border-radius: 6px;}
    .morepro h1{    color: #002c5f; margin-bottom: 30px;
        font-size: 50px;
        font-family: 'IBM Plex Sans', sans-serif;;
        font-weight: normal;}
        .morepro .proul li a{bottom:unset; background-color: #fff; color:#002c5f; font-weight: normal;    font-family: 'IBM Plex Sans', sans-serif;; font-size: 22px;}


        .bgf3{ background-color: #e5f1fa; padding:80px 0;}
.f3con{max-width: 1200px;width:100%; margin:0 auto; display: flex; justify-content: space-between; padding:0 1%; box-sizing: border-box;}
.f3con h2{    color: #204478;
 position: relative;
    font-size: 40px;
    font-weight: normal;
    font-family: 'IBM Plex Sans', sans-serif;;
    padding-bottom: 30px;}
    .f3con h2:after{content: "";
    width: 50px;
    height: 4px;
    background: #298fd1;
    display: block;
    margin-top: 7px;
    position: relative;
    z-index: 1;}
.f3con figure{}
.f3con p{width:40%;}

.scope h2{    color: #204478;
    width: 100%;
    display: block;
    font-size: 40px;
    font-weight: normal;
    font-family: 'IBM Plex Sans', sans-serif;;
    padding-bottom: 17px; position: relative;}
     .scope h2:after{content: "";
    width: 50px;
    height: 4px;
    background: #298fd1;
    display: block;
    margin-top: 7px;
    position: relative;
    z-index: 1;}
    .scope p{color:#666;}
    .proin p{color:#666;}
    .scope h3,.proin h3{ font-weight: normal;color:#666;}
   .innerul{width: 100%; margin:40px -1%;}
   .innerul li{float: left;height: 240px; width:23%;margin: 0 1%;
    border-radius: 6px; border:solid 1px #76bbe5;  padding:30px; box-sizing: border-box; text-align: center;}
   .innerul li figure{ height: 140px; line-height: 140px; vertical-align: middle; overflow: hidden;}
   .innerul li figure img{ vertical-align: middle; line-height: 140px;}
  .innerul li h3{ font-weight: normal;    color: #204478;font-family: 'IBM Plex Sans', sans-serif;; line-height: 2; font-size: 20px; padding-top:10px;}
  .innerul li:hover img{transform: scale3d(1.05, 1.05, 1);}
  .innerul li:hover h3{color:#002c5f}
  .innerul li a{color: #204478;}
.addul{ display:flex;}
.addul li{ margin:0 10px;}
   /***************newindex首页***************/

      .sunlight_about_area{ box-sizing: border-box;
    background-image: url(../images/about-bg-.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size:cover;
    padding: 100px 0px 70px !important;padding:80px 0}
.single_image_area{} 


.sabout{ display: flex;justify-content: space-between;align-items: center;}
.about_inner_area{width:55%}
.about_inner_area h3{ font-size: 37px;
    color: #204478;
    padding: 4px 0px;
    text-transform: uppercase;
    }
.about_inner_area p{padding: 10px 0;  color: #204478;
    box-sizing: border-box;
    text-align: left;
    font-size: 20px;}
    .about_inner_area ul{width: 80%;}
    .about_inner_area ul li{padding:5px 0 5px;position: relative; padding-left: 20px; font-size: 16px;}
     .about_inner_area ul li:after{position: absolute;
        left: 0px;
   top: 0px;
    overflow: hidden;
    content: "\f101";
    font-family: FontAwesome;
    font-style: normal;  
        color:#298fd1; font-size: 24px;}
        .single_image_area{width: 38%;padding-right: 40px; }
        .single_image{
	position:relative;z-index:9
} 
.single_image::after{
    content: '';z-index:-1;
    position: absolute;
   background:linear-gradient(135deg, #76bbe57a 0%, #298fd0 100%);
   transition: .5s;
   border-radius:6px;
    top: 30px;
    width: 100%;
    /* height: 100%; */
    left: 30px;
    right: -30px;
    bottom: -40px;
    opacity: 0.95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.single_image img{border-radius:6px; transition: .5s;
	  width:100%; 	box-shadow: 0px 8px 8px rgba(41, 143, 208, 0.25);
}

  .single_image:hover img{transform: scale3d(1.02, 1.02, 1);}
  .single_image:hover::after{transform: scale3d(1.02, 1.02, 1);}
  .about_inner_area .year{border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #DDDDDD;
    padding: 10px 10px 10px 20px; border-radius: 6px;
    margin-top: 47px;display: inline-block;}
    .about_inner_area .year h4{font-size: 50px; font-style: normal;
    color: #3997d3;
    display: inline-block;
    font-weight: 700;}
    .about_inner_area .year span{ font-style: normal;font-size: 22px; float: right;
    color: #204478; font-weight:500;
    margin: 15px 10px 10px 20px; line-height: 1;
    transition: .5s;}


       .sunlight_cal_to_action_area {
    background-image: url(../images/bg-img-video.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0px 85px;
    position: relative;
}
.sunlight_cal_to_action_area:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #e5f1fa;
    /* background-color: #f3f7fb94; */
}
.sunlight_content h2, .sunlight_content h3 {
    font-size: 40px;
    color:#204478;
    padding: 4px 0px;
    text-transform: uppercase;
}
.sunlight_content.white p {
    color: #204478;
    width: 77%;
    padding-top:10px
}

.sunlight_button{
    margin-top: 45px;	
}
.sunlight_button a {
    background: #298fd1;
    padding: 15px 35px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
	transition:1s;
    margin-right: 15px;
    font-weight: 500; 
		border-radius:6px;
}
.sunlight_button a:hover{
    background: #1d4875;
	color: #fff;
}
.sunlight_button a i{
    margin-left: 10px;animation: arrowAnimation 1.5s infinite;
}
@keyframes arrowAnimation {
    0%{
        transform: translateX(0px);
    }
  
    100%{
       transform: translateX(80px); opacity: 0;
    }
}
/* .sunlight_button a:hover i{animation:mctranslatex 1s infinite ease-in-out;-webkit-animation:mctranslatex 1s infinite ease-in-out;}
@keyframes mctranslatex{0% {transform:translateX(0px);}50%{transform:translateX(10px);}100%{transform:translateX(0px);}} */
.witr_b9  {
    margin-top: 100px;
}
.sundiv{ display: flex;    align-items: center;}
.sunfl{ width: calc(100% - 200px);}


.video-popup{
	position:relative;
}
.video-popup::before{
	content:"";
	position: absolute;
    top: 36%;
    left: 50%;
    height: 70px;
    width: 70px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    box-shadow: 0 0 0 0 #fff;
    animation: witr_video_ripple 2s infinite;
}
.video-popup i {
	color: #fff ;
	height: 70px;
	width: 70px;
	text-align: center;
	line-height: 70px;
	background: #298fd1;
	border-radius: 50%;
	font-size: 25px;
    display: inline-block;
	transition:1s;	
}
.video-popup img{border-radius: 100%;}
@keyframes witr_video_ripple{
    70% {box-shadow: 0 0 0 75px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0px rgba(255, 255, 255, 0);}		
}





 .blob-shape {
    position: relative;
  width: 200px;
  height: 200px;

  /* 核心代码：设置四个角的圆角半径 */
  /* 顺序：左上 | 右上 | 右下 | 左下 */
 
  
  /* 可选：增加一点旋转，让它看起来更自然 */
 
}
 .blob-shape::before{
    position: absolute;
    left:0; right: 0;top:0; bottom: 0;
    width: 200px;
  height: 200px; border-radius: 42% 58% 65% 35% / 50% 40% 60% 50%;
  background-color: #298fd1; transform: rotate(-15deg);animation: float 3s ease-in-out infinite alternate; }
 
@keyframes float {
  0% {
    border-radius: 42% 58% 65% 35% / 50% 40% 60% 50%;
    transform: rotate(-15deg) translateY(0);
  }
  100% {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
    transform: rotate(15deg) translateY(-10px);
  }
}




 /* --- 1. 组合容器 --- */
        /* 这个容器负责把背景和Logo叠在一起 */
        .logo-wrapper {
            position: relative;
            width: 230px;
            height: 230px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        /* --- 2. 动态背景 (Blob) --- */
        .blob-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #fff; /* 你的淡绿色 */
            border-radius: 42% 58% 65% 35% / 50% 40% 60% 50%; /* 初始形状 */
            
            /* 开启动画 */
            animation: morphing 4s ease-in-out infinite alternate;
            
            /* 确保背景在Logo下面 */
            z-index: 1;
            
            /* 可选：加一点阴影让立体感更强 */
            box-shadow: inset 10px 10px 20px rgba(255,255,255,0.5),
                        inset -10px -10px 20px rgba(0,0,0,0.05);
        }

        /* --- 3. 静态 Logo --- */
        .logo-img {
            position: relative; /* 相对定位让它浮起来 */
            z-index: 2;         /* 层级高于背景 */
            width: 140px;        /* Logo的大小 */
            height: auto;
            pointer-events: none; /* 防止图片阻挡点击事件（可选） */
        }

        /* --- 动画定义 --- */
        @keyframes morphing {
            0% {
                border-radius: 42% 58% 65% 35% / 50% 40% 60% 50%;
                transform: rotate(-10deg) scale(1);
            }
            50% {
                border-radius: 50% 50% 40% 60% / 60% 40% 50% 50%;
            }
            100% {
                border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
                transform: rotate(10deg) scale(1.1);
            }
        }



            .sunlight_testimonial_area{
    background-image: url(../images/bg-img-tes.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 90px 0px 70px;
    position: relative;z-index:9}
    .sunlight_testimonial_area:before{
	position:absolute;
	content:"";
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:linear-gradient(90deg, rgba(118,187,229,0.75) 0%, rgba(32,68,120,0.75) 100%);
}
.titleh2{width:100%; text-align: center; font-size: 37px;color:#fff; text-transform: uppercase;}

.pgask{ margin:50px -40px}
.pgask .swiper-container{padding:0 40px; box-sizing: border-box;}
.pgask .swiper-slide{ background-color: #fff; padding:40px; box-sizing: border-box; border-radius: 10px; min-height: 270px; position: relative;}

.pgask .swiper-slide:after{position: absolute;
    right: 20px;
   bottom: 0px;
    font-size: 40px;
  color:#e5f1fa;
    
    overflow: hidden;
    content: "\f10e";
    font-family: FontAwesome;
    font-style: normal;}
.pgask .swiper-slide h3{color:#204478; position: relative; padding-left: 30px;}
.pgask .swiper-slide h3:before{content: "";
    position: absolute;
    left: 0;
    /* top: 8px;
    transform: rotate(45deg);
    width: 16px;
    height: 16px;
    border-radius: 4px;
    overflow: hidden;
    background-color: #cbe2f4; */

overflow: hidden;
    color: #cbe2f4;
    content: "\f144";
    font-family: FontAwesome;width: 24px;
    text-align: center;
}
.pgask .swiper-slide p{margin-top:10px;color:#666; font-size: 15px;}

.pgask .swiper-button-next,.pgask .swiper-container-rtl .swiper-button-prev{right:0;}
.pgask .swiper-button-prev,.pgask  .swiper-container-rtl .swiper-button-next{left:0}


/**********new联系我们***************/
   .breadcumb-area {
    background-image: url(../images/b20.png);
    background-size: cover;
    padding: 150px 0px;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.breadcumb-area::before, .breadcumb-blog-area::before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: #00000099;z-index:0
}
	.breadcumb-area section{width:100%;max-width: 1200px;color:#efefef;box-sizing: border-box; margin:0 auto; display: flex;flex-wrap: wrap; text-align: center;}
	.breadcumb-area h1{font-size:24px;line-height:30px;position:relative;padding:0 0 15px;margin:0 0 px; display: block; width: 100%;}
	
	.breadcumb-area span{display:block;font-weight:normal;text-transform:capitalize;width: 100%; position: relative; font-size: 16px;}
    .breadcumb-area span a{color: #efefef !important;}
    .breadcumb-area span a:hover{color:#76bbe5 !important}
    .breadcumb-area span a:last-child{color:#76bbe5 !important}


 ul.contact_list::after {display: none;    }
ul.contact_list {display: flex;    justify-content: space-between; margin:30px auto}
ul.contact_list li{ width:48%; box-sizing:border-box; overflow: hidden;transition: all 0.3s ease 0s;background:#f3f7fb94; text-align: center;
     border-bottom:8px solid #204478;padding:50px;
     display: flex; flex-direction: column;     border-radius: 16px;	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    }
ul.contact_list li i{ font-size: 36px;color: #3997d3 ; font-weight: bold; padding: 30px 0;}
ul.contact_list li:first-child i{ font-size: 40px;}
ul.contact_list li h3{width: 100%; position: relative;
    font-size: 30px; line-height: 1;
    font-weight: 500;
    color: #204478;
    padding: 0 15px;
    box-sizing: border-box;
}
ul.contact_list li h5{width: 100%; text-align: center;
    font-size:16px; 
    font-weight: 500;
    color: #666;
    padding: 15px;
    box-sizing: border-box;
}
ul.contact_list li:hover{background-color: #e5f1fa;	transform: translateY(-4px);
	transition: ease all 0.3s;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);}

ul.form_list {display: flex;    flex-wrap: wrap;    justify-content: flex-start; margin:40px auto 20px;}
ul.form_list li{float:left; width:48%; margin:0 1%; box-sizing:border-box; overflow: hidden; margin-bottom: 15px; display: flex; justify-content: center;}
ul.form_list li.w100{width:100%;}
/* ul.form_list li:nth-of-type(8) {width:50%;margin-right:0;}
ul.form_list li:nth-of-type(9) {width:50%;margin-right:0;} */
ul.form_list li label { 
    font-size: 16px;
        float: left;
        width: 120px;
        display: block;
        padding: 10px;
        font-weight: 400;
        line-height: 20px;display: none;
        text-align: right;color:#f8fafd
    }
ul.form_list li .txt {width: 100%;
    font-size: 16px;
    border-radius: 4px;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #e4e4e4;
    line-height: 26px;
    flex: 1;
background-color: rgb(248 250 253);
}
ul.form_list li .txts {
    font-size: 16px;
    border-radius: 4px;
    padding: 10px !important;
    box-sizing: border-box;
    border: 1px solid #e4e4e4;background-color: rgb(248 250 253); 
    line-height: 26px;
    flex: 1;
    min-height: 200px !important;
}
.vcode{display: inline-block; margin:0 10px 0 0; cursor: pointer;}
ul.form_list li input:focus { border: 1px solid #204478;}

.tijiao { cursor:pointer;
    float: left;
    width: auto;
    color: #fff; background: #204478;
    border: none;
    font-size: 16px;
    font-weight: bold;
    line-height: 48px;
    padding: 0 50px;
    border-radius: 6px;
}
.tijiao:hover {  background:#3997d3;}

#code_img {
    border-radius: 6px;
    padding: 11px 15px;
    background: #ECF6FE;
}  

.formbg{background-image: url(../images/bg-img-tes.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 90px 0px 70px;
    position: relative;}

    .formbg:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, rgba(118, 187, 229, 0.75) 0%, rgba(32, 68, 120, 0.75) 100%);
}


.newform{ background-color:#ecf6fed6 ; border-radius: 10px; text-align: center;padding:30px 30px; margin:0 auto; width: 60%; box-sizing: border-box;}
.apartment_text{ text-align: center; margin-top: 20px;}
.apartment_text h1 {
    color: #3997d3;
    font-size: 20px;
  
}.apartment_text h2 {
    margin: 0 0 21px;
    font-size: 38px;
    color:#204478
}



/*************new 产品***************/
    .proimg{ margin:10px auto;}
    .proimg img{border-radius: 10px;} 
.h2title{ font-size: 40px;color:#204478;  margin:20px 0; text-align: center;}
.p1{margin:10px 0; font-size: 18px; line-height: 1.6;}
 .itdl h4{ font-size: 30px; color:#06659d; line-height: 2;}

 .itdl{ margin:20px auto}
  .itdl i{color:#76bbe5; padding-right: 10px;}
   .itdl dd{ color:#666; line-height: 1.8; font-size: 16px; position: relative; padding-left: 28px;}
 .itdl dd:before{position: absolute;
content: "\f00c";    font-family: FontAwesome;
    font-style: normal;
    display: block;
   color:#76bbe5; 
    overflow: hidden;
   
    left: 0;
    margin-top: 2px;
  
   font-size: 16px;

}
      /* 主容器：使用 Flex 布局实现左右结构 */
        .procontain {
            display: flex;
            width:100%; 
            margin: 0 auto;
        }

        /* 左侧导航栏 */
        .sidebar {
            display: flex; border-radius: 6px; width: 326px;
            flex-direction: column; /* 垂直排列按钮 */
        }
.sidebar h1{border-radius: 6px 6px 0 0; text-align: center; padding:20px 0; background-color: #298fd1; color:#fff}
        .nav-btn {
            padding: 15px 30px;
           box-sizing: border-box;
            cursor: pointer;
            font-weight: bold;
            color: #204478;
        background-color: #f3f7fb94;
        border:solid 1px #eee;
            transition: all 0.3s;
        }
 .nav-btn a{ color: #204478;}
        /* 选中状态样式 */
        .nav-btn.active {
            background-color: #fff; /* 选中时背景变白，与右侧内容融合 */
            color: #298fd1; /* 高亮颜色 */
           
            margin-left: -1px; /* 修正边框 */
        }
.nav-btn.active a{  color: #298fd1; /* 高亮颜色 */}
        /* 右侧内容区域 */
        .content-area {
            flex: 1; /* 占据剩余宽度 */
          padding:0 0px 0 20px;
            position: relative;
        }

        /* 内容列表样式 */
        .news-list {
            list-style: none;
            display: none; /* 默认隐藏 */
        }
.news-list img{border-radius: 6px;}
        .news-list.active {
            display: block; /* 激活时显示 */
            animation: fadefl 2s ease; /* 简单的淡入动画 */
        }

        .news-item {
            display: flex;
            justify-content: space-between;
            padding: 10px 5px;
          
            font-size: 14px;
            color: #555;
        }

        .news-item:hover {
            background-color: #f9f9f9;
            color: #d9534f;
        }

        .date {
            color: #999;
            margin-left: 20px;
            white-space: nowrap;
        }

        @keyframes fadefl {
            from { opacity: 0;  }
            to { opacity: 1;  }
        }

 /*****************new 化学产品******************/
 .column_sort{ margin:0 auto; display: flex;justify-content: center;}
 .column_sort li {
  padding:10px 20px;
    margin-right: 15px;
    margin-bottom: 15px;
    height: 30px;
    display: flex
;color:#0064b7;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: #eef4f9;
    cursor: pointer;
    line-height: 1px; 
}
 .column_sort li a{ display: block; width: 100%;}
 .column_sort li.color,.column_sort li:hover{
    background-image: linear-gradient(to right, #027ff6, #0064b7);
    background-image: linear-gradient(to right, #298fd1, #07649e)
}
.column_sort li.color a,.column_sort li:hover a{color: white;}

/***********newfaq**********/
        .accordion-container {
            width: 80%;
           margin:0 auto;
        }

       
        .accordion-item {
            background: #fff;
            margin-bottom: 15px; /* 条目之间的间距 */
            border-radius: 4px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* 轻微阴影 */
            overflow: hidden;
        }

      
        .accordion-header {
            padding: 15px 20px;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 18px;
            font-weight: 600;
            color: #204478; /* 默认深色文字 */
            transition: background 0.3s, color 0.3s;
            position: relative;
            background-color: #f3f7fb94; border:solid 1px #e5f1fa
        }
        .accordion-header span{ position: relative; padding-left: 30px;}
.accordion-header span:before{content: "";
    position: absolute;
    left: 0;
    /* top: 8px;
    transform: rotate(45deg);
    width: 16px;
    height: 16px;
    border-radius: 4px;
    overflow: hidden;
    background-color: #cbe2f4; */

overflow: hidden;
    color: #cbe2f4;
    content: "\f144";
    font-family: FontAwesome;width: 24px;
    text-align: center;

}
        /* 左侧内容区域 (图标 + 标题) */
        .header-left {
            display: flex;
            align-items: center;
        }

       
        .check-icon {
            width: 16px;
            height: 16px;
            margin-right: 12px;
            fill: #333; /* 默认深色 */
            transition: fill 0.3s;
            font-weight: bold;
        }

      
        .toggle-icon {
            font-size: 20px;
            font-weight: 300;
            color: #333; /* 默认深色 */
            transition: color 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 20px;
            height: 20px;
        }

        /* --- 内容区域 (丝滑动画) --- */
        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            background-color: #fff;
        }

        .content-inner {
            padding: 20px;
            line-height: 1.6;
            color: #555;
            font-size: 16px;
            background-color: #e5f1fa;
        }

        .accordion-item.active .accordion-header {
            background-color: #0077c8; 
            color: #fff;
        }

      
        .accordion-item.active .check-icon {
            fill: #fff;
        }

       
        .accordion-item.active .toggle-icon {
            color: #fff;
        }

      
        .accordion-item.active .toggle-icon::after {
            content: '−'; /* 使用减号字符 */font-weight: bold;
        }
        .accordion-item .toggle-icon::after {
            content: '+'; /* 使用加号字符 */ font-weight: bold;
        }


/**********newpro*************/
.slidePro{clear:both; width:100%;margin:0px auto 20px;min-height: 370px;  text-align:left; display: flex;}
.slidePro .hd{width:320px;line-height: 1.6;   position:relative}
.slidePro .hd ul{ float:left; position:absolute;  }
.slidePro .hd ul h1{text-align: center;
    background-color: rgb(41, 143, 209);
    color: rgb(255, 255, 255);
    border-radius: 6px 6px 0px 0px;
    padding: 20px 0px;}
.slidePro .hd ul li{ float:left;width:100%;padding: 15px 30px;line-height: 1.4;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: bold;
    color: #204478;
    background-color: #f3f7fb94;
    border: solid 1px #eee; cursor:pointer}
.slidePro .hd ul li.on{  background-color: #fff; 
            color: #298fd1; }
.slidePro .bd ul{ padding:0 20px;  box-sizing: border-box; zoom:1}
.slidePro .bd li{ }
.slidePro .bd figure{width: 100%; }
.slidePro .bd img{border-radius: 6px;width: 100%; float: left;}