@charset "utf-8";
/* CSS Document */
/*banner*/
#ins_banner { position: relative; z-index: 0; }
#ins_banner .pic { position: relative; z-index: 0; padding-top:820px;}
@media only screen and (max-width:1920px) {
	#ins_banner .pic {  padding-top:45%;}
}
#ins_banner .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover;}
#ins_banner .txtb { position: absolute; z-index: 2; left: 0; top:0vw; color: #fff;
bottom: 4.4vw;  right: 0;
display: flex; justify-content: center; align-items: center;}
#ins_banner .txtb .txt { margin-top: -6em; text-align: left;}
#ins_banner .txtb .txt.txtc { margin-top: 0;}
#ins_banner .txtb .txt .name {font-weight: bold; line-height: 1.3;}
#ins_banner .txtb .txt .intro { text-align: left;}

#ins_banner .txtb .txt .intro span{ font-size:2.4em; font-weight:bold}
#ins_banner .txtb .txt {
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
transform: translate(0,0);
-ms-transform: translate(0,0);
-webkit-transform: translate(0,0);
}

 @media only screen and (max-width:828px) { 
 
#ins_banner .txtb .txt .intro .font36 {
    font-size: 16px;
} 
 
#ins_banner .con { width: 100%; margin: 0;}
#ins_banner .pic { position: relative; z-index: 0; padding-top: 80%;}
#ins_banner .txtb { left: 2em; right: 2em;}
#ins_banner .txtb .txt { margin-top: -2em;}
#ins_banner .txtb .txt { width: 100%;}
}

.cateNav { position: absolute; z-index: 3;  line-height: 3.6em;
bottom: 20px; left: 0; right: 0;}
.cateNav .con { display: flex; justify-content: space-between; align-items: center;}
.cateNav ul {display: flex;flex-wrap: wrap; justify-content: flex-start; align-items: center;}


.cateNav li {font-weight: bold;  margin: 0 0.3em 0 0; padding-top: 0.1em; width: 10.7em;
 text-align: center; background-color: #f4f5f9; overflow: hidden;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0em 1em 0em 1em;
border: 1px solid rgba(0,117,190,0.1);}



.cateNav.newNav li {width: 11.2em;}
.cateNav li.cur { position: relative; z-index: 0;
color: #fff;border: 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2758a5+0,0075be+100 */
background: linear-gradient(to right,  rgba(4,52,143,1) 0%,rgba(4,52,143,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.cateNav li a {color: #333333; display: block; cursor: pointer;}
.cateNav li a:hover {color: #04348f;}

.cateNav li.cur a { display: block; cursor: pointer; color: #fff;}
.cateNav li.cur a:hover { color: #fff;}

 @media only screen and (max-width:828px) { 
     .cateNav { line-height: 3; font-size: 12px; padding-bottom: 0.5em;}
	 .cateNav .con {display: block;}
	 .cateNav li { width: auto; }
	 .cateNav li a {padding: 0 0.4em;}
	 .cateNav.newNav li {width: auto; }
	  .cateNav.newNav li a {padding: 0 1em;}
	 
	 #ins_banner  .cateNav .con { width: auto; margin: 0 1em;}
}

.bussIBox { margin-top: 3.8em; padding-bottom: 7.3em;}
.bussIBox .tit { line-height: 1; font-weight: bold; text-align: left;}
.bussIBox .list li { margin-top: 3.1em; position: relative; z-index: 0; background-color: #f4f5f9;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
display: flex; justify-content: space-between; align-items: center; }
.bussIBox .list li:nth-child(2n) { flex-direction: row-reverse;}
.bussIBox .list .picb {  width: 50%;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
overflow: hidden;}
.bussIBox .list .picb .pic { display: block; cursor: pointer; position: relative; z-index: 0; padding-top: 60.2%;}
.bussIBox .list .picb img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover;}
.bussIBox .list .txtb { flex: 1; margin: 0 5%; text-align: left; color: #333;}
.bussIBox .list .txtb .num { color: #0075be; font-weight: bold; text-align: right;}
.bussIBox .list .txtb .name { margin-top: 0.6em; height: 1.2em; line-height: 1.2em; overflow: hidden; font-weight: bold;}
.bussIBox .list .txtb .intro { line-height:1.7; margin-top: 1.6em;
height: 8.5em; overflow: hidden; color: #666;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:5; 
}
.bussIBox .list .btnBlue2 { margin-top:2em; padding-right: 2em; padding-left: 1.7em;}

 @media only screen and (max-width:828px) { 
	 .bussIBox .list li { display: block;}
	 .bussIBox .list .picb {  width: 100%;}
	 .bussIBox .list .txtb { padding: 1em 0 2em;}
 }
 
 
.busiDeTop .con { margin-top:1.6em; position: relative; z-index: 0; background-color: #f4f5f9;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
 display: flex; justify-content: space-between; align-items: stretch }
.busiDeTop .picb { position: relative; z-index: 0;  width: 50%;}
.busiDeTop .picb .pic { display: block; cursor: pointer; position: relative; z-index: 0; padding-top: 60.2%;}
.busiDeTop .picb img { position: absolute; left: 0; top: 0;
 width: 100%; height: 100%; object-fit: cover;
  -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
 

.busiDeTop .picb .swiper-pagination {  width: 100%;
 bottom: -2.5em;
   display: flex; justify-content: center; align-items: center;}
.busiDeTop .picb .swiper-pagination-bullet { width: 0.8em; height: 0.8em;
 background-color: #ccc; margin: 0 0.4em !important;
  filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
}
.busiDeTop .picb .swiper-pagination-bullet-active { position: relative; z-index: 0;
	 filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
	 background-color: #0075be;
}

 
.busiDeTop .picb .btnNext,
.busiDeTop .picb .btnPrev { position: absolute; z-index: 1; top: 50%; margin-top: -1.75em;
	cursor: pointer; display: inline-block;
	width:3.5em; height: 3.5em;  border: 1px solid #dfe2ea;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
	background:#fff url(../images/arrow_5.png) center center no-repeat;
	background-size:34% auto;} 
.busiDeTop .picb .btnPrev { left: -1.75em; right: auto;
transform: rotate(180deg);
-ms-transform: rotate(180deg); 
-webkit-transform: rotate(180deg); }
.busiDeTop .picb .btnNext { right: -1.75em;}
.busiDeTop .picb .btnNext:hover,
.busiDeTop .picb .btnPrev:hover {border: 1px solid #0e7dc1;
filter:alpha(opacity=80);-moz-opacity:0.8; opacity:0.8;
background-color: #f4f5f9;
background-image: url(../images/arrow_4.png);}

@media only screen and (max-width:828px) { 
	.busiDeTop .picb .btnNext,.busiDeTop .picb .btnPrev {
		width:2em; height: 2em;margin-top: -1em;
	}
	.busiDeTop .picb .btnPrev { left: -1em;}
	.busiDeTop .picb  .btnNext { right: -1em;}
	
	.busiDeTop .picb .swiper-pagination { font-size: 2vw;}
	.busiDeTop .picb .swiper-pagination-bullet { width: 6px; height: 6px;}
}
 
.busiDeTop .txtb { border: 1px solid #e2e4eb; flex: 1; margin-left: 2.1%; 
padding: 3.5em 4%; background-color: #fff; text-align: left; color: #333;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
.busiDeTop .txtb .name2 {  margin-top: 1.2em; font-weight: bold;}
.busiDeTop .txtb .name { line-height: 1.2em;
font-weight: bold;}
.busiDeTop .txtb .intro { line-height:1.7; margin-top: 1em;
 height: 8.5em; overflow: hidden; color: #666;
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
 -webkit-line-clamp:5; 
 }
.busiDeTop .btnCons { margin-top: 1em; display:block; cursor: pointer; font-weight: bold;
 line-height: 2.8em; height: 2.8em; color: #fff; 
display: flex; justify-content: space-around; align-items: center;
 -moz-border-radius:0.25em; -webkit-border-radius:0.25em; border-radius:0.25em;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2758a5+0,0075be+100 */
background: linear-gradient(to right,  rgba(39,88,165,1) 0%,rgba(0,117,190,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.busiDeTop .btnCons .pics { width: 1.66em; height: 1.66em;display: block;
background: url(../images/cons.png) center center no-repeat ;
background-size:contain ;
}
.busiDeTop .btnCons .arrow { width: 0.8em; height: 0.8em; display: block;
background: url(../images/arrow_7.png) center center no-repeat ;
background-size:contain ;
}
 
  @media only screen and (max-width:828px) { 
 	 .busiDeTop .con { display: block;}
 	 .busiDeTop .picb {  width: 100%;}
 	 .busiDeTop .txtb {  margin-left: auto;padding: 3em 2em 2em;}
	 
	 
	 
  }
  
.busiDeBox { margin-top: 6.4em; margin-bottom: 2.7em; border: 1px solid #e2e4eb; background-color: #fff;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
 overflow: hidden; text-align: left;}
.busiDeBox .tit { padding: 0.1em 1.7em 0; line-height: 2.65em; background-color: #0075be; color: #fff; font-weight: bold;}
.busiDeBox .tit2 { font-weight: bold;}
 .busiDeBox .content { line-height: 1.7em; padding: 2.6em 4.5%;}
  .busiDeBox .content img { max-width: 100%; height: auto;}
  .busiDeBox .content p { margin-top: 1em;}
 
 
 
 
 .caseIBox { margin-top: 1em; padding-bottom: 4em;}
 .caseIBox .tit { line-height: 1; font-weight: bold; text-align: left;}
 .caseIBox .list ul { display: flex; flex-wrap: wrap; justify-content: space-between;
  align-items: stretch;}
 .caseIBox .list li { cursor: pointer; margin-top: 3.6%; width: 48.2%;
  position: relative; z-index: 0; background-color: #f4f5f9;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em; 
 display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch;}
  .caseIBox .list li:nth-child(2n) { flex-direction: column-reverse;}
 .caseIBox .list .picb {
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
 overflow: hidden;}
 .caseIBox .list .picb .pic {position: relative; z-index: 0; padding-top: 62.8%;}
 .caseIBox .list .picb img { position: absolute; left: 0; top: 0;
 width: 100%; height: 100%; object-fit: cover;}
 .caseIBox .list .txtb { flex: 1; padding: 3em 0 3.5em; margin: 0 8.46%; text-align: left; color: #333;}
 .caseIBox .list .txtb .date { padding-left: 2em; color: #666; 
 background: url(../images/date.png) 0 0 no-repeat;
 background-size:1.33em  auto;}
 .caseIBox .list .txtb .name { margin-top: 0.8em; height: 1.2em; line-height: 1.2em; overflow: hidden; }
 .caseIBox .list .txtb .intro { line-height:1.7; margin-top: 1em;
 height: 3.4em; overflow: hidden; color: #666;
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2; 
 }
 .caseIBox .list .btnArrow { margin-top:2em; }
 
 .caseIBox .list li .caseCon { display: none;}
 
  @media only screen and (max-width:600px) { 
 	 .caseIBox .list ul{ display: block;}
	 .caseIBox .list li {  width: 100%;}
  }
 .new2Box { margin-top: 1rem; padding-bottom:3rem;}
 .new2Box .tit { line-height: 1; font-weight:normal;text-align: left;}
 .new2Box .list ul { display: flex; flex-wrap: wrap; justify-content: flex-start;
  align-items: stretch;}
 .new2Box .list li { width:31.2%; margin: 1%  3.2%   1%  0 ;
  position: relative; z-index: 0; background-color: #f4f5f9;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:1em 0em 1em 0em;
 display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;}
 
 
 .new2Box .list li:hover {
	 background-color: #fff;
	 -moz-box-shadow: 0 0 0.6em rgba(0, 117, 190, .26);
	 -webkit-box-shadow: 0 0 0.6em rgba(0, 117, 190, .26);
	 box-shadow: 0 0 0.6em rgba(0, 117, 190, .26);
	
 }
  .new2Box .list li:hover::after { content: ""; display: block;
	  position: absolute; z-index: -1; left: 0; top: 0; bottom: 0; right: 0;
	  
	    -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em; 
  }
  .new2Box .list li:nth-child(3n) { margin-right: 0;}
 .new2Box .list .picb {
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:1em 0em 0em 0em;
 overflow: hidden;}
 .new2Box .list .picb .pic { display: block; cursor: pointer; position: relative; z-index: 0; padding-top: 60%; overflow:hidden}
 .new2Box .list .picb .pic a { display: block; cursor: pointer;}
 .new2Box .list .picb img { position: absolute; left: 0; top: 0;
 width: 100%; height: 100%; object-fit: cover;transition: all 0.5s;
-webkit-transition:all 0.5s;}


 .new2Box .list .picb:hover img {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
 
 
 .new2Box .list .txtb { flex: 1; padding: 1.9em 0 1.4em; margin: 0 9.5%; text-align: left; color: #333;}
 .new2Box .list .txtb .date {color: #666; }
 
  .new2Box .list .txtb .title{ color:#04348f; font-weight:bold; padding-bottom:1rem;}
 
 
 
 .new2Box .list .txtb .name { color: #000;
  margin-top:1em; height: 3.6em; line-height: 1.2em; 
   overflow: hidden; color: #666;
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3; font-weight:bold}
.new2Box .list .txtb .name a { color: #000; }


 .new2Box .list .txtb .name1 { color: #000;
  margin-top:1em; height: 3.6em; line-height: 1.2em; 
   overflow: hidden; color: #666;
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3; font-weight:normal}
.new2Box .list .txtb .name1 a { color: #000; }

.new2Box .list .txtb .name1 a:hover { color:#04348f; }



 .new2Box .list .btnArrow { margin-top:3em; }
 
  .new2Box .newDeBox   .dewsa{background-color:#e5eaf4; padding:0.8rem 1.2rem; border-radius:1.6rem; margin-left:2rem; line-height:1; }
   .new2Box .newDeBox   .tit{ font-weight:bold; line-height:1.2; }
 
  @media only screen and (max-width:600px) { 
 	 .new2Box .list ul{ display: block;}
	 .new2Box .list li {  width: 100%;  margin: 10px  3.2%  10px  0 ;}
	 .new2Box .list .txtb .name {  height: 2.6em; line-height: 1em; 
   }

  }





.newDBox { margin-top: 6.5em; padding-bottom: 5.5em;}
.newDBox .con{ display: flex; justify-content: space-between; align-items: flex-start;}
.newDBox .conL{ width: 62.8%;}
.newDBox .conR{ width: 32.3%;}

@media only screen and (max-width:600px) { 
 	.newDBox .con{ display: block;}
 	.newDBox .conL{ width: 100%;}
 	.newDBox .conR{ margin-top: 3em; width: 100%;}
}

.newDeBox {text-align: left;}
.newDeBox .title { }
.newDeBox .about { margin-bottom: 3em; }
.newDeBox .about .line { display: inline-block; margin: 0 1.2em;}
.newDeBox .about span { display: inline-block;}
.newDeBox .about .date { background: url(../images/date_2.png) 0 0.08em no-repeat;
background-size:1.25em auto ; padding-left: 1.8em; color:#04348f}




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



.newIBox .con{ width:92%}

	.newDeBox .about { margin-top: 1em; font-size: 12px;}
	.newDeBox .about .line { margin: 0 0.2em;}
}

.newDeBox .content { line-height: 1.7em; overflow: hidden; 
margin-top: 1em; padding: 1em 0 2em; border-top:1px solid #e0e0e0 ;
border-bottom: 1px solid #e0e0e0;}
.newDeBox .content img { margin-top: 0.7em; max-width: 100%; height: auto;}
.newDeBox .content p { margin-top: 1.4em;}
.newDeBox .content h2 { margin-top: 1.2em;}
.newDeBox .content h3 { margin-top: 1.2em;}

.pageTurn { margin-top: 2.2em; display: flex; justify-content: space-between; align-items: center;}
.pageTurn ul { flex: 1; margin-right: 1em;  color: #0075be;
display: block}
.pageTurn ul li  { padding:0.5em 0;}
.pageTurn ul li a { color: #333;}
.pageTurn ul li a:hover { color: #0075be;} 

@media only screen and (max-width:600px) { 
	.pageTurn { display: block;}
	.pageTurn .btnBlue3 { margin-top: 2em;}
}

.quesIBox { margin-top: 3.8em; padding-bottom: 7.3em;}
.quesIBox .tit { line-height: 1; font-weight: bold; text-align: left;}
.quesIBox .list { margin-top: 2.6em;}
.quesIBox .list dl { margin-top: 0.8em; padding: 3.3em 2.8% 3.5em; border: 1px solid #f4f5f9; background-color: #f4f5f9;
transition: all 0.5s;
-webkit-transition:all 0.5s; 
text-align: left;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
.quesIBox .list dl.show { background-color: #fff; border: 1px solid #7fbade;}
.quesIBox .list dt { display: flex; justify-content: space-between; align-items: center;}
.quesIBox .list dt .date {  text-align: right;width: 5.5em; color: #0075be; font-weight: bold;}

.quesIBox .list .btnToggle { cursor: pointer; display: flex; justify-content: center; align-items: center;}
.quesIBox .list .btnToggle .btnTxt { color: #666; margin-right: 1.8em;}
.quesIBox .list .btnToggle .arrow { transition: all 0.2s;
-webkit-transition:all 0.2s;
width: 3.4em; height: 3.4em; display: flex; justify-content: center; align-items: center;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
border: 1px solid #0075be;
 transform: rotate(90deg);
 -ms-transform: rotate(90deg); /* IE 9 */
 -webkit-transform: rotate(90deg); /* Safari and Chrome */}
.quesIBox .list .btnToggle .arrow::after { content: "";  width:1.1em; height:1.1em;
display: block; 
background: url(../images/arrow_4.png) center center no-repeat;
background-size:contain ;
transition: all 0.5s;
-webkit-transition:all 0.5s; }
.quesIBox .list dl.show .btnToggle .btnTxt { font-weight: bold; color: #0075be; margin-right: 1.8em;}
.quesIBox .list dl.show .btnToggle .arrow {background-color: #0075be;
 transform: rotate(-90deg);
 -ms-transform: rotate(-90deg); /* IE 9 */
 -webkit-transform: rotate(-90deg); /* Safari and Chrome */}
.quesIBox .list dl.show .btnToggle .arrow::after {background-image: url(../images/arrow_7.png)}
.quesIBox .list dt .name {margin-left: 2.9%; color: #272727; flex: 1;}
.quesIBox .list dd { margin-top: 1.8em; display: none; }
.quesIBox .list dd .txtb { display: flex; justify-content: space-between; align-items: flex-start;}
.quesIBox .list dd .answer {width: 5.5em; color: #0075be; font-weight: bold;  text-align: right;}
.quesIBox .list dd .txt { margin-top: 0.4em; margin-left: 2.9%; flex: 1; line-height: 1.33;}

@media only screen and (max-width:828px) {
	.quesIBox .list dt { display: block;}
	.quesIBox .list dt::after { content: ""; display: block; clear: both;}
	.quesIBox .list dd .txtb  { display: block;}
	.quesIBox .list dd .answer {text-align: left;}
	.quesIBox .list dt .date { text-align: left;}
	.quesIBox .list dt .name { margin-left: auto;}
	.quesIBox .list dd .txt { margin-left: auto;}
	.quesIBox .list dl { margin-top: 0.8em; padding: 3.3em 1em 3.5em;}
	.quesIBox .list .btnToggle { margin: 1em 0 0 auto; float: right;}
	
	.quesIBox .list .btnToggle .arrow {
	width: 2em; height: 2em; }
	.quesIBox .list .btnToggle .arrow::after {
		 width:0.64em; height:0.64em;
	}
	.quesIBox .list .btnToggle .btnTxt { margin-right: 0.9em;}
}

.aboutPicBox .list li { margin-bottom: 1.75em; position: relative; z-index: 0;}
.aboutPicBox .list .pic { display: block; cursor: pointer; position: relative; z-index: 0; padding-top: 64.5%;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
 overflow: hidden;}
.aboutPicBox .list .pic img { position: absolute; left: 0; top: 0;
 width: 100%; height: 100%; object-fit: cover;}
 .aboutPicBox .list .pic::after { content: ""; display: block; 
  position: absolute; left: 0; top: 0;
  width: 100%; height: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+49,0.65+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.aboutPicBox .list .pic .name {
	display: block; text-align: left; position: absolute; z-index: 2;
	 bottom: 1em; left: 1.5em ; right: 1.5;
color: #fff;
height: 1.5em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; }

.aboutNBox { border: 1px solid #e2e2e2; padding: 0 5%;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
 -moz-box-shadow: 0 0 0.4em rgba(51, 51, 51, .15);
 -webkit-box-shadow: 0 0 0.4em rgba(51, 51, 51, .15);
 box-shadow: 0 0 0.4em rgba(51, 51, 51, .15);}
.aboutNBox .tit { border-bottom: 1px solid #e0e0e0; 
padding: 1.2em 0 1em; font-weight: bold; text-align: left;}
.aboutNBox .list { padding-bottom: 2.4em; text-align: left;}
.aboutNBox .list li { padding: 1.9em 0 1.3em; border-bottom:1px dashed #cdcdcd ;}


 .partIBox { margin-top: 3.8em; padding-bottom: 7.3em;}
 .partIBox .tit { line-height: 1; font-weight: bold; text-align: left;}
 .partIBox .list ul { margin-top: -1.3%; display: flex; flex-wrap: wrap; justify-content: flex-start;
  align-items: stretch;}
 .partIBox .list li { margin-top: 4.1%; width:24.34%; margin-right: 0.87%;
  position: relative; z-index: 0; background-color: #f4f5f9;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em; 
 transition: all 0.5s;
 -webkit-transition:all 0.5s;}
 .partIBox .list li:hover {
	 background-color: #fff;
	 -moz-box-shadow: 0 0 0.6em rgba(0, 117, 190, .26);
	 -webkit-box-shadow: 0 0 0.6em rgba(0, 117, 190, .26);
	 box-shadow: 0 0 0.6em rgba(0, 117, 190, .26);
	
 }
  .partIBox .list li:hover::after { content: ""; display: block;
	  position: absolute; z-index: -1; left: 0; top: 0; bottom: 0; right: 0;
	   border: 1px solid #7fbade;
	    -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em; 
  }
  .partIBox .list li:nth-child(4n) { margin-right: 0;}
 .partIBox .list .picb { position: relative; z-index: 0;}
 .partIBox .list .picb .pic { display: block; cursor: pointer; position: relative; z-index: 0; padding-top: 60%;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
 overflow: hidden;}
 .partIBox .list .picb .pic img { position: absolute; left: 0; top: 0;
 width: 100%; height: 100%; object-fit: cover;}
 .partIBox .list .picb .pics { display: flex;  justify-content: center; align-items: center;
 background-color: #fff;
  -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em; 
 position: absolute; z-index: 1; width: 9.4em; height: 3.9em;
 left: 9.6%; bottom: 0; margin-bottom: -12.1%;
 -moz-box-shadow: 0 0.3em 0.3em rgba(3, 3, 3, .06);
 -webkit-box-shadow: 0 0.3em 0.3em rgba(3, 3, 3, .06);
 box-shadow: 0 0.3em 0.3em rgba(3, 3, 3, .06); }
 .partIBox .list .picb .pics img { display: block; width: 67%; height: 67%; object-fit: contain;}
 
 .partIBox .list .txtb { flex: 1; padding: 3.2em 0 2.5em; margin: 0 10%; text-align: left; color: #333;}
 .partIBox .list .txtb .name { height:3em; line-height: 1.5em; 
   overflow: hidden; color: #333;
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2; }
.partIBox .list .txtb .name a { color: #333; }
 .partIBox .list .btnArrow3 { margin-top:1.6em; }
 
  @media only screen and (max-width:828px) { 
 	  .partIBox .list li {  width:48.2%; margin-right: 0.9%;}
	  .partIBox .list li:nth-child(2n) {margin-right:0;}
	   .partIBox .list .txtb { padding-top: 2.2em; }
  }


.contaBox { padding: 4em 0 3.1em;}
.contaBox  .tit { font-weight: bold; text-align: left;}
.contaBox  .tit2 { margin-top: 0.2em; color: #666; text-align: left;}
.contaBox .conA { margin-top: 1.5em; display: flex; justify-content: space-between; align-items: flex-start;}
.contaBox .list{ flex: 1; margin-right: 2%;}
.contaBox  .list dl { min-height: 10.1em; margin-bottom:1.1em; padding: 0 9.7% ; border: 1px solid #e2e4eb;
 display: flex; justify-content: flex-start; align-items: center;
 -moz-border-radius:1em; -webkit-border-radius:1em; border-radius:1em;}
.contaBox  .list dl dt { display:flex ; justify-content: center; align-items: center; color: #333;}
.contaBox  .list dl dt img {display: block; width: 3.66em; height: 3.66em; object-fit: contain;}
.contaBox  .list dl dd { color: #000; flex: 1; margin:1.9em 1em 1.9em 0; text-align: left;}
.contaBox  .list dl dd .name {font-weight: normal;
color: #999; line-height: 1.2; overflow: hidden;}
.contaBox  .list dl dd .intro { font-size: 1.33em; 
margin-top: 1em; color: #222; line-height: 1.6;}
.contaBox  .list dl dd .intro span { font-size: 0.75em;}

.contaBox .mapBox { width: 49%;}
.contaBox .mapBox img { display: block; width:100%; height: auto;}

@media only screen and (max-width:828px) {
	.contaBox .conA { display: block;}
	.contaBox .list{ margin-right: auto;}
	.contaBox .mapBox { width: 100%;}
}

.contbBox { padding: 3em 0 5.5em;}
.contbBox  .tit { font-weight: bold; text-align: left;}
.contbBox  .tit2 { margin-top: 0.2em; color: #666; text-align: left;}
.contbBox .form { display: flex; flex-wrap: wrap; 
justify-content: space-between; align-items: flex-start;}
.contbBox .form form { width: 100%;
 display: flex; flex-wrap: wrap;
 justify-content: space-between; align-items: stretch;}

.contbBox .form dl { text-align: left; margin-top: 2.7em; width: 47.25%;
 color: #333; border-bottom: 1px solid #ddd;}
.contbBox .form dl dt { font-size: 1.33em;  }
.contbBox .form dl dd { }
.contbBox .form dl.dl2 { width: 100%;}
.contbBox .form dl .iW { margin-top: 0.2em;}
.contbBox .form dl .input { width: 100%; border: 0; margin: 0; padding: 0;
 outline-width: 0; line-height: 3em; height: 3em;
 font-size: 1em; background-color: transparent;}
.contbBox .form dl .tW {padding: 0 1em;}
.contbBox .form dl .textarea { display: block; width: 100%;
  border: 0; outline-width: 0; line-height: 1.2em; height: 8.4em;
  font-size: 1em; background-color: transparent; }

.contbBox .btnW { text-align: center; width: 100%;}
.contbBox .btnSubmit { display: inline-block;
 font-weight: bold; margin: 2.5em 0.4em 0; border: 0; outline-width: 0; cursor: pointer;
 height: 2.9em; line-height: 2.9em; text-align: center;
 background-color: #0075be; color: #fff; padding: 0 2.1em;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;}
.contbBox .btnSubmit:hover { background-color: #0066a6;}
.contbBox .btnReset { display: inline-block;
 font-weight: bold; margin: 2.5em 0.4em 0; border: 0; outline-width: 0; cursor: pointer;
 height: 2.9em; line-height: 2.9em; text-align: center;
 background-color: #e0f5ff; color: #333;  padding: 0 2.1em;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;}
.contbBox .btnReset:hover { background-color: #c6eafb;}

.aboutIBox img { display: block; width: 100%; height: auto;}

 @media only screen and (max-width:828px) {
 	.contbBox .con { display: block;}
 	.contbBox .conL { width: 100%;}
 	.contbBox .conR { width: 100%; margin-top: 2em;}
 	.contbBox .form dl { width: 100%;}
 }
 
 
 .page { margin-top: 2em;	text-align: center;	color: #666;	line-height:2.9; }
@media only screen and (max-width:828px) {
	.page { font-size: 12px;}
}
.page a,.page .cur,.page .dot {
	display: inline-block;
	color: #666; 
	padding: 0.1em 0 0; min-width: 3em;
	margin: 0.5em 0.5em 0;
	background-color: #fff; border: 1px solid #e7e7e8;
	-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
}
.page a:hover { color: #04348f; border: 1px solid #04348f; }
.page a.page-num-current { font-weight: bold; background-color: #04348f;color: #fff;}

.page .prev { font-weight: bold; 
	display: inline-block;font-family: "宋体";
}
.page .next {font-weight: bold; 
	display: inline-block;font-family: "宋体";
}



.btnArrow {margin-top: 1.7em;  display: inline-block; cursor: pointer; color: #666; }
.btnArrow:hover { color: #04348f;}
.btnArrow::after { content: ""; margin-left: 0.7em; width:16px; height:14px;
display: inline-block; position: relative; top: 0.1em;
background: url(../images/arrow_3.png) center center no-repeat;
background-size:contain ;
transition: all 0.5s;
-webkit-transition:all 0.5s; right: 0;}
.btnArrow:hover::after {  right: -0.3em;}


.btnArrow123 {margin-top: 1.7em;  display: inline-block; cursor: pointer; color: #666; text-align:left}
.btnArrow123:hover { color: #04348f;}
.btnArrow123::after { content: ""; margin-left: 0.7em; width:19px; height:14px;
display: inline-block; position: relative; top: 0.2em;
background: url(../images/arrow_3.png) center center no-repeat;
background-size:contain ;
transition: all 0.5s;
-webkit-transition:all 0.5s; right: 0;}
.btnArrow123:hover::after {  right: -0.3em;}







.zwBox { margin:0 8.2%; padding: 4.6% 0 6.25%;}

.zwBox .list li{ margin-top: 3.1vw; padding: 5%; display: flex;  justify-content: space-between;
 align-items:center; text-align: left; 
 -moz-box-shadow: 0 0 2vw rgba(0, 0, 0, .08);
 -webkit-box-shadow: 0 0 2vw rgba(0, 0, 0, .08);
 box-shadow: 0 0 2vw rgba(0, 0, 0, .08);}
.zwBox .picb { display: block; cursor: pointer; 
 width: 34.7%;  }
.zwBox .pic { position: relative; z-index: 0;left: 0; top: 0;
     display: block;
     width: 100%;padding-top: 68%;object-fit: cover; }
.zwBox .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover;}
.zwBox .txtb { flex: 1; margin-left: 5.5%; margin-right: 5.5%; }
.zwBox .txtb .date { font-weight: bold; color: #999; font-family: "TWKEverett-Medium";}
.zwBox .txtb .btnArr { display: inline-block; margin: 16.7% auto 0; width: 2.66em; height: 2.66em;
border: 1px solid #060606;
background: url(../images/arr2.png) center center no-repeat;
background-size:1em auto;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}

.zwBox .txtb .btnArr:hover {
border: 1px solid #fc5b00; background-color: #fc5b00;
background-image: url(../images/arr2_white.png);
transition: all 0.5s;
-webkit-transition:all 0.5s;
}
@media only screen and (max-width:828px) {
	.zwBox .list li { display: block; }
	.zwBox .picb { width: 100%;;}
	.zwBox .txtb { margin: 1.2em 6% 0;}
	.zwBox .txtb .btnArr { margin-top: 1.5em;}
}



.newDeBox .pageturn { margin-top:.3em; padding-top: .5em;  color: #04348f;}
.newDeBox .pageturn li { padding: 0.4em 0;}
.newDeBox .pageturn a {color: #777;}
.newDeBox .pageturn  a:hover {color: #04348f;}


.btnBlack { display: inline-block; cursor: pointer; color: #000; 
 line-height: 2.7;
 padding: 0.05em 2.6em 0 2.6em; margin-top: 2.3em;
transition: all 0.5s;
-webkit-transition:all 0.5s;
-moz-border-radius:1.9em; -webkit-border-radius:1.9em; border-radius:1.9em;border:1px solid #04348f}


.btnBlack::after { content: ""; display: inline-block; width: 0.8em; height: 0.8em;
background: url(../images/arrow_3.png) center center no-repeat;
background-size:contain; margin-left: 0.3em; position: relative; top: 0.05em;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.btnBlack:hover { color: #000;}
.btnBlack:hover::after {
	transform: translate(0.2em,0);
	-ms-transform: translate(0.2em,0); /* IE 9 */
	-webkit-transform: translate(0.2em,0); /* Safari and Chrome */
}






/*news*/
.newiBox { padding:3rem 0;}
.newiBox .list{ overflow:hidden}
.newiBox .list li{ width:49%; float:left; margin-right:2%;}
.newiBox .list li .lib { margin:0.8em 0;  display: flex; justify-content: space-between; 
align-items: center;  background-color: #F4F5F9;}
.newiBox .list .line {transition: all 0.5s; display: none;
	margin-right: 1em; margin-top: 1.5em;  margin-left:1.2em;}
.newiBox .list .time { color: #707072; margin-right: 2%;}
.newiBox .list .time .mmdd { width: 5em;}
.newiBox .list .txt { flex: 1; text-align: left; margin:5%;}

.newiBox .list .date{ padding-bottom:20px; color:#4059A9}

.newiBox .list .name { height: 1.3em; line-height: 1.3;
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; }
.newiBox .list .name a { color: #000; font-weight:bold;}
.newiBox .list .name a:hover { color: #0055a8;}

.newiBox .list .intro { margin-top: 0.9em; line-height: 1.8; height: 3.6em; overflow: hidden; color: #999;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; }
.newiBox .list .pic { margin: 0; 
position: relative; z-index: 0; width:35%; padding-top: 28.8%;
display: block; cursor: pointer; overflow: hidden; margin:20px; border-radius:20px 0 20px 0}
.newiBox .list .pic img {position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit:cover; transition: all 0.5s; }
.newiBox .list li:hover .pic img  {
	-ms-transform: scale(1.08, 1.08);
	-webkit-transform: scale(1.08, 1.08);
	transform: scale(1.08, 1.08);
}


.newiBox .list li .leftTimeBox {
    width: 80px; color: #333;
    background: #f5f5f5;
    text-align: center;
    font-family: arial; text-align: left;
    transition: all .5s ease;
}




.newiBox .list .leftTimeBox .newData {
    font-size: 3.3em;    font-family: Impact;
    line-height: 1.1em;
    padding-top: 0;
}

.txttxt{ text-align:left; padding-top:50px;}

.txttxt P{ font-weight:bold;margin-bottom:10px;}



@media only screen and (max-width:828px) { 
.newiBox .list li{ width:100%}
.newiBox .list li .lib { flex-wrap: wrap; padding: 0px 0 10px;}
.newiBox .list .line { display: none;}
.newiBox .list .pic {margin: 3%; width: 100%;padding-top:75%;}
.newiBox .list .time .mmdd { text-align: left; width: 4em;}
.newiBox .list .time .arr { margin-left: 0;}
.newiBox .list .intro{ font-size:14px;}
.newiBox .list .name{height:auto;}
.newDBox .content img{ width:100%}

.newsfr{width:100%; float:none; margin-top:20px;} 
.newsfl{width:100%; float:none}
}




/* 产品中心主内容区样式 */
.product-main-section {
  background: #fff;
  padding: 40px 0 60px 0;
}
.product-main-container {
width:100%; 
  margin: 0 auto;
  display: flex;
  gap: 40px;
  align-items: flex-start;
}
.product-filter-panel {
  width:20%;
  border-radius: 16px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap:24px;
}
.filter-group {
  margin-bottom: 0;
}
.filter-title {
  font-size: 18px;
  color: #04348f;
  font-weight: bold;
  margin-bottom: 12px;
  background: #E9EAEF;
  border-radius: 15px 0px 0 0;
  line-height:60px; text-align:left; padding-left:20px;margin-bottom: 0px;
}
.filter-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 0;
  padding: 20px;
  margin-bottom: 0; border:1px solid #E9EAEF;
}
.filter-list label {
  width: 100%;
  min-width: 0;
  font-size: 14px;
  color: #222;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  height: 32px;
  box-sizing: border-box;
  padding-left: 8px;
  user-select: none;
  margin-bottom: 0;
}
.filter-list input[type="checkbox"] {
  accent-color: #003497;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.product-list-panel {
  flex: 1;
  min-width: 0;margin-left:0rem;
}
.product-list-title {
  font-size: 28px; position:relative; padding-top:1rem;
  font-weight: bold;
  color: #222;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-list-breadcrumb {
  font-size: 15px;  position:absolute;
  color: #888;
  font-weight: normal; right:0px; top:-1.6rem;
   
}
.product-list-breadcrumb .fa-home {
  color: #0a7ed4;
  margin-right: 4px; background-color:#04348f; border-radius:30px; padding:5px;
}
.product-list-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px 24px;
}
.product-list-grid .product-card {
  background: #F4F5F9;
  border-radius: 15px 0 15px 0;

  padding: 32px 18px 18px 18px;
  display: flex;
  flex-direction: column;

  
}
.product-list-grid .product-card img {
  width: 200px;
  height: 240px;
  object-fit: contain;
  margin-bottom: 18px;
  display: block;transition: box-shadow 0.2s, transform 0.2s; overflow:hidden; margin:20px auto
}
.product-list-grid .product-card-title {
  font-size: 18px;
  font-weight: bold;
  color: #222;
  margin-bottom: 8px; margin-top:10px;
  text-align:left;
}
.product-list-grid .product-card-desc {
  font-size: 15px;
  color: #666;
  text-align:left;
}


.product-list-grid .product-card:hover img {

  transform: translateY(-4px) scale(1.03);
}


@media (max-width: 1600px) {  .product-filter-panel {  padding: 18px 2px;
    width: 24%;}
}
@media (max-width: 900px) {

 .product-list-breadcrumb{ display:none}
  .product-main-container {
    flex-direction: column;
    gap: 14px; 
  }
  .product-filter-panel {
    width: 100%;
    gap: 14px;
    padding: 12px 0px;
  }
  .product-list-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 12px;
  }
  
  .product-list-panel { margin-left: 0rem; 
    flex: 1;
    min-width: 0;
    margin-left: 0px;
}
}
@media (max-width: 600px) {
  .product-main-section {
    padding: 18px 0 24px 0;
  }
  .product-main-container {
    gap: 12px;
  }
  .product-filter-panel { width: 100%;
    flex-direction: column;
    gap: 12px;
    padding: 8px 4px;
  }
  .product-list-title {
    font-size: 18px;
    margin-bottom: 8px; margin-top:30px;
  }
  
 
  
  .product-list-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .product-list-grid .product-card {
    padding: 18px 8px 8px 8px;
  }
  .product-list-grid .product-card img {
    width: 90px;
    height: 90px;
  }
}


/*产品*/
.proiBox {padding: 3rem 0 0rem; }
.proiBox .cons,.proiBox .con { display: flex; justify-content: space-between; align-items: flex-start;}
.proiBox .side { width: 19.6%;}
.proiBox .side .pNav {}
.proiBox .side .pNav .title { padding:8% 7.6% 4%; background-color: #05873f;
 color: #fff; font-weight: bold; text-align: left;}
.proiBox .side .pNav a { position: relative; z-index: 0; padding:1em 7.6% 0.8em;
 line-height: 1.5em; transition: all 0.5s; color: #333;
 text-align: left; display: block; border: 1px solid #e8e8e8;border-top: 0;}
.proiBox .side .pNav li:first-child a {border-top: 1px solid #e8e8e8;}
.proiBox .side .pNav a:hover {color: #333; background-color: #f5f8fa;}
.proiBox .side .pNav a::before { position: absolute; content: ""; display: block;
left: 0; width: 3px; top: 0; height: 100%; background-color: #05873f;
filter:alpha(opacity=0);-moz-opacity:0; opacity:0;transition: all 0.5s;
}
.proiBox .side .pNav a:hover::before {filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}
.proiBox .side .pNav .title .btnSwitch { display: none;}
.proiBox .proMain { width: 100%;}

.proiBox .list ul { margin-top: -3.25%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch;}
.proiBox .list li { margin: 3.25% 1.25% 0 0; width: 32.5%; color: #333;}
.proiBox .list li a {color: #333;}
.proiBox .list li:nth-child(3n){ margin-right: 0;}
.proiBox .list .lib { background-color:#F4F5F9; border-radius:20px 0 20px 0; padding:50px 0;}
.proiBox .list .pic { position: relative; z-index: 0; width: 100%; padding-top: 65%;
display: block; cursor: pointer; overflow: hidden;}
.proiBox .list .pic img {position: absolute; left: 2%; top: 0%; width: 96%; height:100%;
object-fit:contain; transition: all 0.5s;}
.proiBox .list li:hover .pic img  {
	-ms-transform: scale(1.03, 1.03);
	-webkit-transform: scale(1.03, 1.03);
	transform: scale(1.03, 1.03);
}
.proiBox .list .pic .icon { opacity: 0; position: absolute; top: 50%; left: 50%;
 width: 13.6%; padding-top: 13.6%;
 margin-left: -6.8%; margin-top: -6.8%;
background: rgba(255,255,255,0.85) url(../images/link.png) no-repeat center center / 38% auto;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
transition: all 0.5s;}
.proiBox .list li:hover .pic .icon { opacity: 1;}
.proiBox .list li:hover a { color: #05873f;}
.proiBox .list .txts {filter:alpha(opacity=0);-moz-opacity:.0; opacity:0;
 position: absolute; left: 0; top: 0; width: 100%; height: 100%;
display: flex; justify-content: center; align-items: center; flex-direction: column;
background: rgba(0, 0, 0, .4);
transition: all 0.5s ease;}
.proiBox .list li:hover .txts {filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}
.proiBox .list .txts .name { color: #fff; width: 60%; margin: 0.4em 0;}
.proiBox .list .txts .line { background-color: #fff; height: 1px; width: 5em;transition: all 0.5s ease;}
.proiBox .list li:hover .txts .line { width: 1.2em;}
.proiBox .list .txt { padding: 1em 1em 0; text-align:left;}
.proiBox .list .txt .name { color: #333;line-height: 2.5em; height: 2.5em; overflow: hidden;
text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; text-align:left; font-weight:bold; padding-top:20px;}
.proiBox .list .txt .name a { color: #333}
.proiBox .list .txt .name a:hover { color:#04348f}
.proiBox .list .txt .intro {color: #777;line-height: 1.5em; height: 1.5em; *overflow: hidden;
text-overflow:ellipsis; *white-space:nowrap;}
.proiBox .list .txt .btn { border-top: 1px solid #e5e5e5; color: #777;
padding: 0.7em 0 1.2em; display: block; cursor: pointer;
background: url(../images/arr4.png) right 1.1em no-repeat;
background-size:1.7em auto ;}
.proiBox .list .txt .btn:hover { color: #777;}

@media only screen and (max-width:828px) { 
.proiBox .list ul { display: block;}
.proiBox .list .txt .btn { background-position: right 1.5em; background-size:1.1em auto ;}
}

@media only screen and (max-width:828px) { 
.proiBox { padding:2rem 0 0;}
.proiBox .con { display: block;}
.proiBox .side { width: 100%;}
.proiBox .side .pNav .title { position: relative; z-index: 0;
    padding:0.6em 1em;}
.proiBox .side .pNav ul { display: none;}
.proiBox .proMain { width: 100%; margin-top: 1em;}
.proiBox .list ul { display: flex; padding: 0;}
.proiBox .list li { width:100%; margin: 5% 0 0;}
.proiBox .side .pNav .title .btnSwitch { position: absolute; width: 1.6em; height: 1.6em; 
display: flex; right: 0.7em; top: 50%; margin-top: -0.8em;
border: 1px solid #fff;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
justify-content: center; align-items: center; flex-direction: column;
}
.proiBox .side .pNav .title .btnSwitch span { height: 2px; background-color: #fff;
 display: block; width:65%; margin: 0 auto;}
.proiBox .side .pNav .title .btnSwitch span:nth-child(2n) { margin: 4px auto;}
}
@media only screen and (min-width:828px) {
	.proiBox .side .pNav ul { display: block !important;}
}


/* 横图联系 */
.horizontal_connection { text-align: left;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 3rem 0 10rem 0; margin-top:20px; margin-bottom:20px;border-radius: 20px 0 20px 0;
}

.hori01{  background:url(../images/q1.png) no-repeat bottom left; background-size: cover;}
.hori02{  background:url(../images/q2.png) no-repeat bottom left; background-size: cover;}
.hori03{  background:url(../images/q3.png) no-repeat bottom left; background-size: cover;}
.hori04{  background:url(../images/q4.png) no-repeat bottom left; background-size: cover;}
.hori05{  background:url(../images/q5.png) no-repeat bottom left; background-size: cover;}



.horizontal_connection .dth_wh { display: flex;
  justify-content: space-between;
  align-items: center;
}

.horizontal_connection_left {
  max-width:500px;
  width: 50%;
}
.horizontal_connection_left h3 {
	
	font-weight: bold;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 0px;
	color: #ffffff;
}




.horizontal_connection_left h4 {

	font-weight: normal;
	font-stretch: normal;
	line-height: 1.5;
	color: #ffffff;
  margin-top: 0.15em; font-weight:bold; margin-bottom:1em;
}


.horizontal_connection_left .num{ font-size:4rem; color:#fff; opacity: 0.3; margin-left:-50px; margin-bottom:-55px; font-weight:bold}



.horizontal_connection_left .text {

	font-weight: normal;
	font-stretch: normal;
	line-height: 1.5;
	color: #ffffff;
  padding-top: 1em;

}
.horizontal_connection_right {
  max-width: 376px;
  width: 36%;
}
.horizontal_connection_right li {

}
.horizontal_connection_right li:nth-child(n+2) {
  margin-top: 7.4%;
}
.horizontal_connection_right li a {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.horizontal_connection_right li .imgs {
  width: 48px;
  height: 48px;
}
.horizontal_connection_right li .imgs img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.horizontal_connection_right li .text {
  margin-left: 20px;
}
.horizontal_connection_right li .text h3 {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 0.6);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.horizontal_connection_right li .text h4 {
	font-family: Arial;
	font-size: 36px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: 0px;
	color: #ffffff;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0.14em;
}
a.r_more {
  display: block;
	background-color: #eaa113;
	border-radius: 8px;	
  font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 3;
	letter-spacing: 0px;
	color: #ffffff;
  width: 9.8em;
  text-align: center;
  margin-top: 11.7%;
}
a.r_more:hover {
  background-color: #076b34;
}

@media screen and (max-width:828px){
.hori01{  background:url(../images/q1o.png) no-repeat bottom left; background-size: cover;}
.hori02{  background:url(../images/q2o.png) no-repeat bottom left; background-size: cover;}
.hori03{  background:url(../images/q3o.png) no-repeat bottom left; background-size: cover;}
.hori04{  background:url(../images/q4o.png) no-repeat bottom left; background-size: cover;}
.hori05{  background:url(../images/q5o.png) no-repeat bottom left; background-size: cover;}

	.horizontal_connection { padding: 0rem 1rem 12rem 1rem;}
	.horizontal_connection .dth_wh  { display: block;}
	.horizontal_connection_left { max-width: initial; width: 100%;}
	.horizontal_connection_right { max-width: initial; width: 100%;}
.horizontal_connection_left h3 {
line-height: 1;
}

.horizontal_connection_left .num{ font-size:2.8rem;  margin-left:-1.2rem; margin-bottom:-2rem;}


.horizontal_connection_left h4 {
line-height: 1;
}


	
	
	.horizontal_connection_left .text { margin-top: 0px; padding-top:8px;}

	a.r_more { margin-top: 20px;}
	.horizontal_connection_right li .text {
	    margin-left: 12px;
	}
	.horizontal_connection_right li .imgs {
	    width: 36px;
	    height: 36px;
	}
}




	







.about2{padding-bottom: 80px;}
.about2 .tit{text-align: center;}
.about2  ul{background: url(../images/sy51.png) repeat-y center;}
.about2 .tit h6{color: #666;}

.about2 .tit h5{color: #333;margin: 15px 0 45px;}




.about2 li:before{background: url(../images/sy50.png) no-repeat center center; right: -4.6vw;top: 50px; content: "";display: block;position: absolute;width: 17px;height: 17px;}


.about2 li h4 {
  position: relative;
  display: block;
  text-decoration: none;
  font-family: "Lato";
  color: #ecf0f1;
  text-transform: uppercase;
  padding: 4px 0;
  transition: 0.5s;
}
.about2 li h4::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  top: 100%;
  left: 0;
  background: #3498db;
  transition: transform 0.5s;
  transform: scaleX(0);
  transform-origin: right;
}







.about2 li:nth-child(2n):before{background: url(../images/sy50.png) no-repeat center center; left: -4.6vw;top: 50px;right: auto; content: "";display: block;position: absolute;width: 17px;height: 17px;}
.about2 li h4{color: #333;transition: all 1s;}
.about2 li p{color: #666;margin-top: 10px; height: 60px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.future{text-align: center;color: #999;font-size: 12px;margin-top: 17px;}
.clearfix-time:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.about2 li:nth-child(1){margin-top: 0;}
/* 琛ㄧず1-3涔嬮棿鐨勯棿璺� */
.about2 li{float:left;width: 45%;text-align: left;position: relative;margin-top: 190px; background-color:#F4F5F9}
.about2 li:nth-child(2n) {float: right;text-align: right;margin-top: 190px;}

.about2 li img{ width:30%; float:left; padding:20px;}
.about2 li .txt{ float:left; padding:20px; text-align:left}

@media screen and (max-width:828px){
.about2 li{float:left;width: 100%;text-align: left;position: relative;margin-top: 20px;}
.about2 li:nth-child(2n) {float: right;text-align: right;margin-top: 20px;}

.about2 li img {
    width: 100%;
    padding: 0px;
}

}


.zc01_txt .p3 {
  overflow: hidden;
}

.zc01_txt .p3 ul li {
  width: 50%;
  overflow: hidden;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between; text-align:left; float:left
}


.zc01_txt .p3 ul li .p3_img {
  overflow: hidden; margin:0 10px; padding-top:10px;
}

.zc01_txt .p3 ul li .p3_img img {
  width: 100%;
  display: block;
}

.zc01_txt .p3 ul li .p3_r {
  width: calc(100% - 0.6rem - 0.4rem);
  overflow: hidden;
}

.zc01_txt .p3 ul li .p3_r .ai1 {
  color: #666;
}
.zc01_txt .p3 ul li .p3_r .ai2 {
  color: #04348f; font-weight:bold
}

.zc02_txt{ overflow:hidden; margin:30px 0;}
.zc02_txt dd{ width:40%; float:left; margin-right:1%; margin-left:1%;  background-color:#f4f5f9; text-align:left;border-radius:20px 0 20px 0; padding:4%; margin-top:20px;}
.zc02_txt dd h2{ font-weight:bold;}

.zc02_txt dd li{ list-style:none; float:left; width:50%; padding-top:20px; font-size:14px;}
.zc02_txt dd:nth-child(2){ margin-right:0 }
.zc02_txt dd li p{ color:#04348f}
@media screen and (max-width:1560px){
}


@media screen and (max-width:828px){
.zc02_txt{ overflow:hidden; margin:30px 0;}
.zc01_txt .p3 ul li {
    width:100%; margin-bottom:20px;
}

.zc02_txt dd {
    width: 100%;
    float: none;
    margin-right: 0%;
    background-color: #f4f5f9;
    text-align: left;
    border-radius: 20px 0 20px 0;
    padding: 30px;
    margin-top: 20px; overflow:hidden
}

}



#all2map {
	width: 100%;
	height:600px;
	overflow: hidden;
	font-family: "微软雅黑";
	font-size: 14px;
}
#all2map b {
	color: #CC5522;
	font-size: 14px;
}
#all2map img {
	max-width: none;
}

@media screen and (max-width: 767px) {
#all2map {
	height:300px;

}
}








.about-content {
    background: url(../images/about_content_bg.png) no-repeat top  right;

}

.about-content-inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 auto;
    padding: 60px 0 40px 0;
    position: relative;
    z-index: 2; text-align:left
}
.about-content-left {
    flex: 1.5;
    width:60%; margin-right:5%;
}
.about-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}
.about-title-icon {  margin-right:5px; margin-top:-10px;}
.about-company-name {

    color: #000;
    font-weight: bold;
    margin-bottom: 8px;

}
.about-company-desc {

    color: #666;
    margin-bottom: 18px;
}
.about-company-text {
    font-size: 15px;
    color: #444;
    line-height: 2;
    margin-bottom: 18px; font-weight:normal;
}
.about-company-text.about-green {
    color: #003497;
    font-weight: bold;
    margin-top: 18px;
}
.about-company-text.about-blue {
    color: #04348f;
    font-weight: bold;
    margin-top: 18px;
}
.about-content-right {
    flex: 1;
    width:35%;

}

.about-data-list {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 3px 36px;
    margin-top: 18px;
}
.about-data-item {
    display: flex;
    flex-direction: column;
    align-items: left;
    min-width:28%;
    margin-bottom: 18px;
}
.about-data-num {
    color: #003497;
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 4px;
    position: relative;
    line-height: 1;
}
.about-data-num sup {
    font-size: 18px;
    position: absolute;
    top: 0;
    right: -18px;
    font-weight: normal;
}
.about-data-label {
    color: #666;
    font-size: 16px;
    margin-top: 2px;
}
@media (max-width: 1560px) {
.about-data-list {
        gap: 3px 24px;
        margin-left: 0;
    }
}	
@media (max-width: 900px) {
    .about-content-inner {
        flex-direction: column;
        padding: 30px 0 20px 0;
    }
    .about-content-right {
        max-width: 100%;
        width: 100%;
        margin-top: 32px;
        justify-content: flex-start;
    }
    .about-bg-map {
        width: 100%;
        height: 180px;
    }
    .about-data-list {
        gap: 18px 18px;
        margin-left: 0;
    }
	
	
	.about-content-left {
    flex: 1.5;
    width: 100%;
    margin-right: 0%;
}
}

.about-research {
    background: #f5f7fa;
    padding: 3rem 0;
}
.about-research-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}
.about-research-title {
    color: #222;
    font-weight: bold;
    margin-bottom:1rem;
    display: flex;
    align-items: center;
    letter-spacing: 1px; clear:both
}
.about-research-title .about-title-icon {
margin-right: 5px;  background-image: url('../images/tu.png'); background-repeat:no-repeat; width:16px; height:15px; position:relative;top:-10px;

}


.about-data-num {
    color: #003497;
    font-size:48px;
    font-weight: bold;
    margin-bottom: 4px;
    position: relative;
}
.about-data-num i {
    font-size: 14px;
    color: #666; font-style:normal
}
.about-data-num sup {
    font-size: 20px;
    position: absolute;
    top: 0;
	left:70px;
    right: 0px;
    font-weight: normal;
}

.research-cards {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.research-card {
    display: flex;
    background: #fff;
    border-radius: 18px 0 18px 0;
    box-shadow: 0 4px 18px rgba(10,58,126,0.06);
    overflow: hidden;
    min-height: 220px;
    height: 220px; 
}
.research-card.reverse {
    flex-direction: unset;
}
.research-card-text {
    flex: 1;

    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #fff;
    min-width: 0;text-align: left;
}
.research-card-title {
    color: #0a3a7e;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 12px;
    line-height: 1.2;    padding:0 30px 0 30px;
}
.research-card-desc {
    color: #444;
    font-size: 15px;
    line-height: 1.6;
    word-break: break-all;  padding:0 30px 0 30px;
}
.research-card-img {
    flex: 1;
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #eaf1f8; overflow:hidden
}
.research-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 0;
transition: all 0.5s;
-webkit-transition:all 0.5s;}


.research-card-img:hover img {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}






@media (max-width: 900px) {
    .research-card, .research-card.reverse {
        flex-direction: column !important;
        height: auto;
        min-height: 0;
    }
    .research-card-img, .research-card-text {
        max-width: 100%;
        min-width: 0;
        padding-top:0;
    }
    .research-card-img {

        width: 100%; background-color:#FFFFFF
    }
	
	.research-card-title{ padding-top:20px;}
	.research-card-desc{ padding-bottom:20px;}
}






/* 品牌家族介绍UI */
.brand-family-section {
  padding:3rem 0;
}
.brand-family-container {

  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 48px; text-align:left
}
.brand-family-left {
  flex: 1;

  width:50%;
  display: flex;
  flex-direction: column; margin-right:5%;
}
.brand-family-title {

  color: #222;
  margin-bottom: 0.6rem;
  display: flex;
  align-items: center;
}
.brand-title-icon {
margin-right: 5px;  background-image: url('../images/tu.png'); background-repeat:no-repeat; width:16px; height:15px; position:relative;top:-5px;
}
.brand-family-main-title {
  color: #04348f;
  font-weight: bold;
  margin-bottom: 0.6rem;
  letter-spacing: 1px;
}
.brand-family-subtitle {
  color: #222;
  font-weight: 500;
  margin-bottom: 1.4rem;
  line-height: 1.6;
}
.brand-family-desc {

  color: #444;
  font-weight: 500;
  margin-bottom: 18px;
  line-height: 2;
}
.brand-family-text {

  color: #444;
  line-height: 2;
  margin-bottom: 14px;
}
.brand-family-right {
  flex: 1;

 width: 45%;
}
.brand-family-img-bg {
  width: 100%;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px 0;
  box-sizing: border-box; overflow:hidden
}
.brand-family-img-bg img {
  width: 100%;
  border-radius: 12px;
  object-fit: contain;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  background: #eaf1f8;
transition: all 0.5s;
-webkit-transition:all 0.5s;}


.brand-family-img-bg:hover img {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}






@media (max-width: 900px) { .brand-family-desc, .brand-family-text { line-height:1.6;}
  .brand-family-container {
    flex-direction: column;
    gap: 24px;
  }
  
  .brand-family-left{ line-height:1;}
  .brand-family-right { ine-height:1;
    max-width: 100%;
    width: 100%;
    margin-top: 0px;
    justify-content: flex-start;
  }
  .brand-family-img-bg img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}

/* 品牌矩阵模块 */
.brand-matrix-section {
  position: relative;
  width: 100%;
  min-height: 480px;
  background: transparent;
  margin-top: 0;
  margin-bottom: 0;
  z-index: 1;
}
.brand-matrix-bg {
  position: absolute;
  left: 0; top: 0; right: 0; bottom: 0;
  width: 100%;
  height: 100%;
  background: url('../images/bg-wave.png') no-repeat center 33%;
  background-size: cover;
  z-index: 0;
  pointer-events: none;
  opacity: 1;
}
.brand-matrix-container {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  padding:100px 0;
}
.brand-matrix-title {
  font-weight: bold;
  color: #222;
  margin-bottom: 48px;
  display: flex;
  align-items: center;
  letter-spacing: 1px;
}
.brand-matrix-title-icon {
margin-right: 5px;  background-image: url('../images/tu.png'); background-repeat:no-repeat; width:16px; height:15px; position:relative;top:-10px;
}
.brand-matrix-list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 36px 20px;
  justify-items: center;
  align-items: center;
  width: 100%;
  margin: 0 auto 0 auto;
  padding-bottom: 60px;
}
.brand-matrix-item {
  background: #fff;
  border-radius: 20px 0 20px 0;
  box-shadow: 0 4px 24px rgba(10,58,126,0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  width: 100%;
  transition: box-shadow 0.2s, transform 0.2s;
  padding: 0 18px;
  box-sizing: border-box;
}
.brand-matrix-item img {
  max-width: 140px;
  max-height: 60px;
  width: auto;
  height: auto;
  display: block;
  margin: 0 auto;
}
.brand-matrix-item:hover {
  box-shadow: 0 8px 32px rgba(10,58,126,0.16);
  transform: translateY(-4px) scale(1.04);
}
@media (max-width: 1200px) {
  .brand-matrix-container {
    padding-left: 12px;
    padding-right: 12px;padding:50px 0;
  }
  .brand-matrix-list {
    gap: 24px 16px;padding-bottom: 0px;
  }
}
@media (max-width: 900px) {

.brand-family-left {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-right: 0%;
}

.brand-family-img-bg {
    width: 100%;

    padding: 0px 0 20px 0;

}


  .brand-matrix-list {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap: 18px 10px;
  }
  .brand-matrix-item {
    min-width: 120px;
    max-width: 180px;
    height: 90px;
    padding: 0 8px;
  }
  .brand-matrix-title {
    font-size: 24px;
    margin-bottom: 28px;
  }
}
@media (max-width: 600px) {
  .brand-matrix-list {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(6, 1fr);
    gap: 12px 6px;
  }
  .brand-matrix-item {

       padding: 0 2px;
  }
  .brand-matrix-title {
    font-size: 18px;
    margin-bottom: 18px;
  }
}

.cert-section {
  background: #fff;
  padding: 64px 0 48px 0;
}
.cert-container {
  margin: 0 auto;
}
.cert-title {
  font-size: 32px;
  font-weight: bold;
  color: #222;
  margin-bottom: 48px;
  display: flex;
  align-items: center;
  letter-spacing: 1px;
}
.cert-title-icon {
  display: inline-block;
  width: 8px;
  height: 22px;
  background: #0a3a7e;
  border-radius: 2px;
  margin-right: 12px;
}
.cert-swiper-wrapper {
  position: relative;
  width: 100%;
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cert-swiper {
  width: 100%;
  max-width: 1200px;
}
.cert-card {
  background: #f7fafd;
  border-radius: 18px;
  box-shadow: 0 2px 12px rgba(10,58,126,0.06);
  padding: 36px 18px 28px 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 360px;
  transition: box-shadow 0.2s, transform 0.2s;
}
.cert-card img {
  width: 220px;
  height: 300px;
  object-fit: contain;
  margin-bottom: 24px;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(10,58,126,0.08);
  background: #fff;
}
.cert-card-title {
  font-size: 18px;
  font-weight: bold;
  color: #222;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
.cert-card-title .dot {
  width: 8px;
  height: 8px;
  background: #04348f;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}
.cert-card-title .blue {
  color: #04348f;
}
.cert-card-desc {
  font-size: 15px;
  color: #666;
  margin-bottom: 0;
}
.cert-swiper-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(10,58,126,0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #0a7ed4;
  cursor: pointer;
  z-index: 10;
  transition: background 0.2s, color 0.2s;
  z-index: 20;
}
.swiper-button-lock {
    display: block!important;
}
.cert-card .fa-solid, .cert-card .fas {
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 22%;
    transform: translateY(-50%);
}
.cert-swiper-btn-prev { left: 0; }
.cert-swiper-btn-next { right: 0; background: #2ea7f7; color: #fff; }
.cert-swiper-btn:hover { background: #eaf4fb; color: #0a3a7e; }
@media (max-width: 900px) {
  .cert-card img { width: 140px; height: 180px; }
  .cert-card { min-height: 220px; }
  .cert-title { font-size: 22px; margin-bottom: 28px; }
  .cert-swiper-btn-prev { left: -20px; }
  .cert-swiper-btn-next { right: -20px; }
  .cert-swiper-btn { z-index: 100; }
}
@media (max-width: 600px) {
  .cert-swiper-btn-prev { left: -10px; }
  .cert-swiper-btn-next { right: -10px; }
  .cert-swiper-btn { width: 36px; height: 36px; font-size: 18px; }
}

.support-section .support-swiper-btn-prev {
    left: 0;
}
.support-section .support-swiper-btn-next {
    right: 0;
}

/* 品牌支持卡片图片区域 */
.support-section .cert-card {
  position: relative;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 2px 12px rgba(10,58,126,0.06);
  padding: 0 0 28px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 420px;
  transition: box-shadow 0.2s, transform 0.2s;
  overflow: hidden;
}
.support-section .cert-card img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 18px 18px 0 0;
  background: #f7fafd;
  display: block;
}
.support-section .play-btn {
  position: absolute;
  top: 110px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  background: rgba(255,255,255,0.85);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(10,58,126,0.10);
  z-index: 2;
  font-size: 32px;
  color: #0a7ed4;
  cursor: pointer;
  transition: background 0.2s;
}
.support-section .play-btn:hover {
  background: #eaf4fb;
}
.support-section .cert-card-title {
  margin: 24px 0 0 24px;
  font-size: 16px;
  color: #04348f;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.support-section .cert-card-title .dot {
  width: 8px;
  height: 8px;
  background: #04348f;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}
.support-section .cert-card-desc {
  margin: 12px 0 0 24px;
  font-size: 15px;
  color: #222;
  font-weight: bold;
  line-height: 1.6;
}
.support-section .cert-card-date {
  margin: 8px 0 0 24px;
  font-size: 14px;
  color: #888;
  font-weight: normal;
}
.support-section .cert-card-more {
  margin: 32px 0 0 24px;
  font-size: 14px;
  color: #888;
}
.support-section .cert-card:hover {
  box-shadow: 0 6px 24px rgba(10,58,126,0.12);
  transform: translateY(-4px) scale(1.03);
}
@media (max-width: 900px) {
  .support-section .cert-card {
    min-height: 320px;
  }
  .support-section .cert-card img {
    height: 140px;
  }
  .support-section .play-btn {
    width: 44px;
    height: 44px;
    font-size: 22px;
    top: 70px;
  }
}
@media (max-width: 600px) {
  .support-section .cert-card {
    min-height: 220px;
    padding-bottom: 18px;
  }
  .support-section .cert-card img {
    height: 100px;
  }
  .support-section .play-btn {
    width: 32px;
    height: 32px;
    font-size: 14px;
    top: 40px;
  }
  .support-section .cert-card-title,
  .support-section .cert-card-desc,
  .support-section .cert-card-date,
  .support-section .cert-card-more {
    margin-left: 12px;
  }
}

.support-tab-bar {
  display: flex;
  gap:0 12px;
  height: 41px;
  margin-top: 0;
}

.support-tab-btn {
  border: none;
  outline: none;
  background: #fff;
  color: #333;
  font-size: 16px;
  font-weight: 500;
  padding: 0px 36px;
  box-sizing: border-box;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  background: url('../images/tab_active.png') no-repeat center center;
  background-size: 100% 100%;
}

.support-tab-btn.active {
  background: #0a3a7e;
  color: #fff;
  border: none;
  background: url('../images/tab_actives.png') no-repeat center center;
  background-size: 100% 100%;
}

/* .support-tab-btn:not(.active) {
  background: #fff;
  color: #333;
  border-radius: 8px 24px 24px 8px;
  border: 1.5px solid #e5e8ef;
} */

.support-tab-btn:not(.active):hover {
  background: #f7fafd;
  color: #0a3a7e;
}







/*荣誉奖项*/
.honorBox { position: relative; z-index: 0; padding: 4.5em 0 5em; }
.honorBox .tit {text-align: center;}
.honorBox .tit .name { font-weight: bold; color: #235436;}
.honorBox .swiper-honor-w {margin-top: 2%;}
.honorBox  .list ul {  color: #333;}
.honorBox  .list li {  padding: 6.9% 0; background-color: #f8f8f8;
-moz-border-radius:1em; -webkit-border-radius:1em; border-radius:1em 0 1em 0;}
.honorBox  .list li .picb { display: block; width: 68.5%; margin: 0 auto;}
.honorBox  .list li:nth-child(3n) { margin-right: 0;}
.honorBox  .list li .picb .pic { display: block; position: relative; z-index: 0; padding-top: 100%;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.honorBox  .list li .picb:hover  .pic{
	-ms-transform: scale(1.03, 1.03);
		-webkit-transform: scale(1.03, 1.03);
		transform: scale(1.03, 1.03);
}
.honorBox  .list li .picb .pic img {position: absolute; top: 0; left: 0;
 display: block; width: 100%; height: 100%; object-fit: contain;}
 .honorBox  .list li .name { margin-top: 1.9em; text-align:left; padding-left:30px; font-weight:bold; color:#04348f}
  .honorBox  .list li .name1 { text-align:left; padding-left:45px}
 

.swiper-honor-w { position: relative; z-index: 0;}

.honorBox .btnNext,.honorBox .btnPrev { position: absolute; z-index: 2; right: -4.5em; top: 50%; margin-top: -1.75em;
	cursor: pointer; display: inline-block;
	width:3.5em; height: 3.5em;border: 1px solid #ddd;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
	background: url(../images/arrow_5.png) center center no-repeat;
	background-size:34% auto;
} 
.honorBox .btnPrev { left:-4.5em; right: auto;
transform: rotate(180deg);
-ms-transform: rotate(180deg); 
-webkit-transform: rotate(180deg); 
}
.honorBox .btnNext:hover,
.honorBox .btnPrev:hover {border: 1px solid #04348f;
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
background-color: #04348f;
background-image: url(../images/arrow_5-1.png);
}

@media only screen and (max-width:828px) { 
	.honorBox { padding: 5em 0; }
	
	.honorBox .btnNext,.honorBox .btnPrev {
		width:2em; height: 2em;right: 0;
	}
	.honorBox .btnPrev { left:0;}
}








.caseBox {
	padding: 2.1em 0 3.1em; background-color:#f4f5f9;
}
.caseBox2 {
	padding-bottom: 5em;
}
.caseBox .tit {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.caseBox .tit .name {
	font-weight: bold;
}
.caseBox .tit .more {
	color: #666;
}
.caseBox .tit .more:hover {
	color: #0075be;
}
.caseBox .list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}
.caseBox .list li {
	margin-top: 1.6em;
	width: 31.2%;
	margin-right: 3.2%;
}
.caseBox .list li .lib {
	border: 1px solid #f4f5f9;
	background-color: #fff;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	text-align: left;
	color: #666;
}
.caseBox .list li:nth-child(3n) {
margin-right: 0;
}
.caseBox .list li:hover .lib {
	border: 1px solid #7fbade;
	background-color: #fff;
	-moz-box-shadow: 0 0 0.6em rgba(0, 117, 190, .26);
	-webkit-box-shadow: 0 0 0.6em rgba(0, 117, 190, .26);
	box-shadow: 0 0 0.6em rgba(0, 117, 1900, .26);
}
.caseBox .list .pic {
	display: block;
	cursor: pointer;
	position: relative;
	z-index: 0;
	padding-top: 60%;
}
.caseBox .list .pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.caseBox .list .name {
	line-height:1.3em;
	height: 1.3em;
	overflow: hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.caseBox .list .txtb {
	padding:10% 11%;
}
.caseBox .list .name a {
	color: #272727;
}
.caseBox .list .name a:hover {
	color: #0075be;
}
.caseBox .list .intro {
	margin-top:1em;
	line-height:1.7em;
	height: 5.1em;
	overflow: hidden;
	color: #666;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.caseBox .list a.more {
	display: inline-block;
	margin-top: 10%;
	color: #666;
}
.caseBox .list:hover a.more {
	color: #0075be;
}
 @media only screen and (max-width:500px) {
 .caseBox .list li {
width: 100%;
margin-right:0;
}
}
.swiper-case-w {
	position: relative;
	z-index: 0;
}
.swiper-case-w .btnNext, .swiper-case-w .btnPrev {
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: -1.75em;
	cursor: pointer;
	display: inline-block;
	width:3.5em;
	height: 3.5em;
	border: 1px solid #dfe2ea;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	background:#fff url(../images/arrow_5.png) center center no-repeat;
	background-size:34% auto;
}
.swiper-case-w .btnPrev {
	left: -5.4em;
	right: auto;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.swiper-case-w .btnNext {
	right: -5.4em;
}
.swiper-case-w .btnNext:hover, .swiper-case-w .btnPrev:hover {
	border: 1px solid #0e7dc1;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	background-color: #f4f5f9;
	background-image: url(../images/arrow_4.png);
}
 @media only screen and (max-width:828px) {
 .swiper-case-w .btnNext, .swiper-case-w .btnPrev {
 width:2em;
height: 2em;
margin-top: -1em;
}
 .swiper-case-w .btnPrev {
left: -1em;
}
 .swiper-case-w .btnNext {
right: -1em;
}
}



.swiper_qc{ margin-bottom:30px;}
.swiper_qc .listZ { display: flex; justify-content: space-between; align-items: flex-start;}
.swiper_qc .listD { width: 48.7%;}
.swiper_qc .listD li {margin-top: 5.2%; }
.swiper_qc .listD .pic {position: relative; z-index: 0;  padding-top: 66.6%; overflow:hidden}
.swiper_qc .listD .pic img { position: absolute; left: 0; top: 0;
 width: 100%; height: 100%; object-fit: cover;transition: all 0.5s;
-webkit-transition:all 0.5s;}


.swiper_qc .listD:hover .pic img {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
 
.swiper_qc .listS {width: 48.7%; display: flex; justify-content: flex-start; align-items: flex-start;
flex-wrap: wrap;}
.swiper_qc .listS li { margin-top: 5.2%; width: 47.4%; margin-right: 5.2%;}
.swiper_qc .listS li:nth-child(2n) {margin-right: 0;}
.swiper_qc .listS .pic {position: relative; z-index: 0;  padding-top: 64.8%;overflow:hidden}
.swiper_qc .listS .pic img { position: absolute; left: 0; top: 0;
 width: 100%; height: 100%; object-fit: cover;transition: all 0.5s;
-webkit-transition:all 0.5s;}


.swiper_qc .listS .pic:hover img {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

 .market-section { padding: 3rem 0;
}

.market{display: flex; justify-content: space-between; align-items: center;} 
   
   
   
 .market-title {
    color: #222;
    font-weight: bold;
    margin-bottom: 0;
    text-align: left;
}


.market-tab-bar {
    display: flex;
    gap: 12px;
}

.market-tab-btn {
    background: #f2f2f2;
    outline: none;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    padding: 0.8rem 2.4rem;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
   border-radius:0px 25px 0px 25px; border:none;
}


.market-tab-btn:hover {
    background: #0a3a7e;
    color: #fff; border:none;
    border-radius:0px 25px 0px 25px;
}

.market-tab-btn.active {
    background: #0a3a7e; font-weight:bold;
    color: #fff; border:none;
    border-radius:0px 25px 0px 25px; 
}




   
.market1{display: flex; justify-content: space-between; align-items: center;} 
   
   
   
 .market-title1 {
    color: #222;
    font-weight: bold;
    margin-bottom: 0;
    text-align: left;
}


.market-tab-bar1 {
    display: flex;
    gap: 12px;
}

.market-tab-btn1 {
    background:#f0f0f0;
    outline: none;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 28px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
   border-radius:0px 25px 0px 25px; border:none;
}

.market-tab-btn1.active {
    background: #0a3a7e;
    color: #fff; border:none;
    border-radius:0px 25px 0px 25px;
}



  
 
    @media only screen and (max-width:828px) {
	.market{display: block;} 
	.market1{ display:block}
	.market-tab-bar1{ display:block}
	.market-tab-btn1{ width:48%; margin-right:1%; margin-bottom:10px;}
	.market-tab-bar {display:block;gap: 2px; overflow:hidden; margin-top:10px; }
	
	.market-tab-btn{ width:48%; float:left; margin-bottom:10px;}
	
	
	
	  .swiper_qc .listZ { display: block;}
	  .swiper_qc .listD { width: 100%;} 
	  .swiper_qc .listS { width: 100%;}
	  .swiper_qc_w .btnNext,
	  .swiper_qc_w .btnPrev { width: 1.6em; height: 1.6em;margin-top: -0.8em;
	    left:-2em; right: auto;}
	  .swiper_qc_w .btnNext { left: auto; right: -2em;}
   }  
  
  
  
  
  
  
 .funSerBox { padding: 6.2em 0 8.4em; background-color:#F4F5F9;}
.funSerBox .tit2 { margin-top: 0.2em; color: #222429; font-weight: bold; text-align: left;}
.funSerBox .swiper-slide { overflow: hidden;}
.funSerBox .item { text-align: left; position: relative; z-index: 0;
background-color: #fff; border-radius:20px 0 20px 0;}

@media only screen and (max-width:828px) {
	.funSerBox { padding: 4em 0 4em; }
}

.funSerBox .item .pic { position: relative; z-index: 0; padding-top: 65.5%;}
.funSerBox .item .pic img{ position: absolute; left: 0; top: 0;
 display: block; width: 100%; height: 100%;
object-fit: cover; border-radius:20px 0 0px 0;}
.funSerBox .item .txtb {  padding:10% 11.4% 11.4%;}
.funSerBox .item .txtb .date {color: #999;margin-top:0.8em;}
.funSerBox .item .name {  color:#04348f; font-weight: bold; height: 1.5em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; }

.funSerBox .item .intro:hover{ color:#04348f}




.funSerBox .item .intro { color: #000; line-height: 1.5;
 overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
 font-weight:bold}

.swiper-fun-w { position: relative; z-index: 0;}
.swiper-fun-w { margin-top: 2.5em;}

.btnNext,.btnPrev { position: absolute; top: 50%; 
margin-top: -1.5em;
transition: all 0.5s;
-webkit-transition:all 0.5s;
width: 3em; height: 3em; border-radius:50%;

-moz-box-shadow: 0 0 0.3em rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 0.3em rgba(0, 0, 0, .2);
box-shadow: 0 0 0.3em rgba(0, 0, 0, .2);

background:#fff url(../images/arrow_5.png) center center no-repeat;
background-size:0.75em auto ;} 
.btnNext { right: -3.6em; left: auto;}
.btnPrev {left: -3.6em; right: auto;
transform: rotate(180deg);
-ms-transform: rotate(180deg); /* IE 9 */
-webkit-transform: rotate(180deg); /* Safari and Chrome */}
  
  
 .btnNext:hover,.btnPrev:hover{ color:#FFFFFF;background:#04348f url(../images/arrow_5-1.png) center center no-repeat;background-size:0.75em auto; cursor:pointer}
 
 
 
 
/* 市场透视模块样式 */
.market-insight-section {
  background: #fff;
  padding: 3rem 0;
}
.market-insight-container {

  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 48px;
}
.market-insight-left {
  flex: 1.1;
  min-width: 280px;
  max-width: 290px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 1rem;
}
.market-insight-title {
 
  font-weight: bold;
  color: #222;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
}
.market-insight-title-icon {
margin-right: 5px;  background-image: url('../images/tu.png'); background-repeat:no-repeat; width:16px; height:15px; position:relative;top:-10px;
}



.market-insight-blue {
  color: #1760b0;
  font-weight: bold;
  margin-bottom: 8px;
}
.market-insight-desc {
  color: #666;
  margin-bottom: 32px;
}
.market-insight-btn {
  width: 230px;
  height: 60px;
  border: none;
  outline: none;
  border-radius: 0px 16px 0px 16px;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, color 0.2s;
  background: #f4f5f9;
  color: #000;
  box-shadow: 0 2px 8px rgba(10,58,126,0.04);
  position: relative;
}
.market-insight-btn.active {
  background: linear-gradient(90deg, #0a3a7e 0%, #4ec3e7 100%);
  color: #fff;
}
.market-insight-btn .arrow {
  margin-left: 18px;
  font-size: 20px;
  font-weight: bold;
}
.market-insight-btn:not(.active):hover {
  background: #eaf4fb;
  color: #0a3a7e;
}
.market-insight-arrows {
  display: flex;
  gap: 18px;
  margin-top: 32px;
}
.market-insight-arrow {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: none;
  background: #fff;
  color: #1760b0;
  font-size: 20px; border:1px solid #CCCCCC;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s, color 0.2s; margin-right:20px;
}
.market-insight-arrow.active, .market-insight-arrow:hover {
  background: #4ec3e7;
  color: #fff;border:1px solid #4ec3e7;
}
.market-insight-right {
  flex: 3;
  display: flex;
  gap: 32px;
  align-items: stretch;
  justify-content: flex-start; width:100%; overflow:hidden
}
.market-insight-card {
  background: #F4F5F9;
  border-radius: 20px 0 20px 0;
  margin-bottom: 0;
  position: relative;
  transition: box-shadow 0.2s, transform 0.2s;
}
.market-insight-card:hover {
  transform: translateY(-4px) scale(1.03);
}
.market-insight-card-title {
  font-size: 20px;
  font-weight: bold;
  color: #222;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between; padding:20px 0px 0 50px;
}
.market-insight-card .num {
  font-size: 24px;
  color: #1760b0;
  font-weight: bold;
  margin-left: 8px;
  text-align: right; padding-top:40px; padding-right:40px;
}
.market-insight-card-list {
  font-size: 15px;
  color: #444;
  margin-bottom: 18px;
  padding-left: 0;
  list-style: none; text-align:left; padding-left:50px; padding-right:50px; padding-bottom:50px;
}
.market-insight-card-list li {
  margin-bottom: 6px;
  line-height: 1.8;
  position: relative;
  padding-left: 0;
}
.market-insight-card-img {
  width: 100%;
  height: 120px;
  margin-top: 12px;
  border-radius: 0 0 20px 20px;
  overflow: hidden;
  background: #eaf4fb;
  display: flex;
  align-items: center;
  justify-content: center;
}
.market-insight-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0 0 20px 20px;
  display: block;
}
@media (max-width: 1440px) {
	.market-insight-left {
  min-width: 240px;
  max-width: 250px;
}   
}
@media (max-width: 1100px) {
		.market-insight-left { max-width: 100%;
    margin-bottom: 18px;
}  
  .market-insight-container {
    flex-direction: column;
    gap: 32px;
    align-items: stretch;
  }
  .market-insight-right {
    flex-direction: column;
    gap: 20px;
  }
}
@media (max-width: 960px) { .market-insight-btn {
    width: 100%;
  }
}
@media (max-width: 700px) {
  .market-insight-section {
    padding: 24px 0 18px 0;
  }
  .market-insight-container {
    padding: 0 8px;
  }
  .market-insight-card {
    padding: 18px 8px 0 8px;
    min-width: 0;
    max-width:7.8%; margin-bottom:20px;
  }
  .market-insight-card-img {
    height: 80px;
  }
  .market-insight-title {
    font-size: 18px;
  }
  .market-insight-blue {
    font-size: 16px;
  }
  
}

/* 加盟代理模块样式 */
.agent-join-section {
  background: #f5f7fa;
  padding: 64px 0 48px 0;
}
.agent-join-container {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.agent-join-header {
  display: flex;

  margin-bottom: 24px;
}
.agent-join-title { width:40%;
  
  font-weight: bold;
  color: #222;
  margin-bottom: 8px;
  display: flex;
  align-items: center; width:20%;align-items: baseline;
}
.agent-join-title-icon {
margin-right: 5px;  background-image: url('../images/tu.png'); background-repeat:no-repeat; width:16px; height:15px; position:relative;top:-10px;
}
.agent-join-blue {
  font-size: 22px;
  color: #1760b0;
  font-weight: bold;
  margin-bottom: 8px;
}
.agent-join-desc { width:60%;
  font-size: 16px;
  color: #666;
  margin-bottom: 24px;
  line-height: 1.8; text-align:left
}
.agent-join-tabs {
  display: flex;
  gap: 0 18px;
  margin-bottom: 0;
}
.agent-join-tab {
  border: none;
  outline: none;
  background: #fff;
  color: #1760b0;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 38px;
  border-radius: 0px 16px 0px 16px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  margin-right: 8px;
}
.agent-join-tab.active {
  background: linear-gradient(90deg, #0a3a7e 0%, #4ec3e7 100%);
  color: #fff;
}
.agent-join-tab:not(.active):hover {
  background: #fff;
  color: #0a3a7e;
}
.agent-join-content {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 32px 0 0 0;
  position: relative;
}
.agent-join-arrow {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  background: #fff;
  color: #1760b0;
  font-size: 22px;
  box-shadow: 0 2px 8px rgba(10,58,126,0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  z-index: 2; background-image:url(../images/arr_white.png); background-repeat:no-repeat
}
.agent-join-arrow:hover, .agent-join-arrow.active {
  background: #4ec3e7;
  color: #fff;
}
.agent-join-cards-wrapper {
  flex: 1;
  overflow: hidden;
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.agent-join-cards {
  display: flex;
  gap:1rem;
  align-items: stretch;
  min-width: 0;
  width: 100%;
  transition: transform 0.4s cubic-bezier(.4,0,.2,1);
}
.agent-join-card {
  background: #fff;

  box-shadow: 0 2px 12px rgba(10,58,126,0.06);
  flex: 1 0 580px;

  display: flex;
  align-items: center;
  padding: 3rem 1.2rem;
  margin-bottom: 0;
  position: relative;
  transition: box-shadow 0.2s, transform 0.2s; margin-right:20px; margin-left:20px;
}
.agent-join-card:hover {
  box-shadow: 0 6px 24px rgba(10,58,126,0.12);
  transform: translateY(-4px) scale(1.03);
}
.agent-join-card-icon {

  border-radius: 50%;
  color: #1760b0;
  background-color: #f4f5f9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;padding: 30px 30px 20px 30px;
}
.agent-join-card-content {
    margin: 0 50px;
}
.agent-join-card-title {
  font-size: 18px;
  font-weight: bold;
  color: #222;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.agent-join-card-title .num {
  font-size: 15px;
  color: #1760b0;
  font-weight: bold;
  margin-left: 8px;
}
.agent-join-card-desc {
  font-size: 12px;
  color: #444;
  line-height: 1.8; text-align:left
}
.agent-join-tip {
  margin-top: 32px;
  color: #1760b0;
  font-size: 15px;
  border-radius: 12px;
  padding: 18px 28px;
  line-height: 2;
  font-weight: bold; text-align:left
}

.agent-join-tip .font14{ font-weight:normal; color:#333}
.agent-join-card-content .num {
    font-size: 16px;
    color: #1760b0;
    font-weight: bold;
    margin-left: 8px;
    text-align: right;
}
@media (max-width: 1100px) {
  .agent-join-cards-wrapper {
    max-width: 100%;
  }
  .agent-join-cards {
    flex-direction: column;
    gap: 24px;
  }
}
@media (max-width: 700px) {
  .agent-join-section {
    padding: 24px 0 18px 0;
  }
  .agent-join-container {
    padding: 0 8px;
  }
  
  .agent-join-desc { width:100%;}
.agent-join-header {
    display: block;
    margin-bottom: 24px;
}
.agent-join-card-icon {
  border-radius: 50%;
  color: #1760b0;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
}
  .agent-join-card-content {
    margin: 0 10px;
}
  
  .agent-join-card {
  flex: 1 0 0px; margin-bottom:10px; padding:0 0 30px 0px; min-width: 0; max-width: 100%;display:block;margin-right: 0px;
    margin-left: 0px;
  }
  .agent-join-arrow{ display:none}
  .agent-join-title {width: 100%;font-size:18px;}
  .agent-join-blue {font-size: 16px;}
  .agent-join-tab {font-size: 15px;padding: 8px 18px;}
  .agent-join-tip {font-size: 13px;padding: 10px 8px;}
}

/* 大宗采购模块终极还原 */
.bulk-purchase-section {
background-color:#009;  background:url(../images/bg-molecule.png) no-repeat right #0352ab; 
  padding: 60px 0 60px 0;
  position: relative;
  min-height: 540px;
  overflow: hidden;
}
.bulk-purchase-bg {
  position: relative;
  z-index: 1;
}
.bulk-purchase-container {

  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0 64px;
  position: relative;
  z-index: 2;
  min-height: 420px;
}
.bulk-purchase-left {
  flex: 1.1;
  min-width: 220px;
  max-width: 260px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  height: 100%;
  color: #fff;
}
.bulk-purchase-title {
  font-size: 32px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  letter-spacing: 1px;
}
.bulk-purchase-title-icon {
margin-right: 5px;  background-image: url('../images/tu1.png'); background-repeat:no-repeat; width:16px; height:15px; position:relative;top:-10px;
}
.bulk-purchase-subtitle {
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 16px; font-weight:bold; text-align:left;padding-left: 20px;
}
.bulk-purchase-right {
  flex: 4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
}
.bulk-purchase-steps {
display: flex;
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 10px;width: 100%;
}
.bulk-purchase-steps::-webkit-scrollbar { display: none; }
.bulk-step {
  height: 60px;
  line-height: 57px;
  background: rgba(255,255,255,0.22);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 10px 0px 10px 0px;
  padding: 0 24px;
  min-width: 80px;
  text-align: center;
  position: relative;
  transition: background 0.2s, color 0.2s, box-shadow 0.2s;
  box-shadow: 0 4px 24px rgba(10,58,126,0.10);
  border: 1px solid rgba(255,255,255,0.12);
}
.bulk-step.active {
  background: #fff;
  color: #0a3a7e;
  box-shadow: 0 8px 32px rgba(10,58,126,0.18);
  border: 1px solid #4ec3e7;
  z-index: 2;
}
.bulk-step .step-tip {
  font-size: 12px;
  color: #fff;
  font-weight: normal;
  margin-top: -20px;
  display: block;
  line-height: 1;
}
.bulk-step-arrow {
  color: #fff;
  font-size: 16px;
  margin: 0 15px;
  opacity: 0.85;
  display: flex;
  align-items: center;
  justify-content: center; background-color:#04348f;border-radius:50%; padding:10px;
}
.bulk-purchase-form {

  border-radius: 16px;
  padding: 30px 0px 24px 0px;
  margin-top: 24px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  color: #fff;
  box-shadow: 0 4px 24px rgba(10,58,126,0.10); text-align:left

}
.bulk-form-row {
  display: flex;
  gap: 24px;
  margin-bottom: 20px;
}
.bulk-form-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  position: relative;
}
.bulk-form-group input[type="text"] {
  width: 100%;
  box-sizing: border-box;
}
.bulk-form-group label {
  font-size: 14px;
  color: #fff;
  margin-bottom: 8px;
  font-weight: 500;
}
.bulk-form-group input[type="text"],
.bulk-form-group input[type="file"],
.bulk-form-group textarea {
  background:none;
  border: none; font-weight:normal;
  font-size: 14px;
  color: #fff;
  margin-bottom: 0;
  outline: none;
  transition: background 0.2s, box-shadow 0.2s;
  box-sizing: border-box;
  resize: none;

}
.bulk-form-group input[type="text"]::placeholder,
.bulk-form-group textarea::placeholder {
  color: #b3d6f2;
  opacity: 1;
}
.bulk-form-group input[type="text"]:focus,
.bulk-form-group textarea:focus {
  background: none;

}
.bulk-form-upload {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-width: 120px;
}
.bulk-form-upload input[type="file"] {
  opacity: 0;
  position: absolute;
  left: 0; top: 0; right: 0; bottom: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 2;
}
.bulk-upload-btn {
  background: rgba(255,255,255,0.22);
  color: #fff;
  border-radius: 10px 0 10px 0; line-height:40px; height:40px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  width: 150px;
  cursor: pointer;
  z-index: 1;
  position: absolute;
  top:0px;right:0

}
.bulk-upload-btn:hover {
  background: #4ec3e7;
  color: #fff;
}
.bulk-form-group textarea {

  margin-bottom: 0;
  font-size: 14px;
}
.bulk-form-count {
  position: absolute;
  right: 12px;
  bottom: 25px;
  color: #b3d6f2;
  font-size: 12px;
  margin-top: 0;
  pointer-events: none;
}
.bulk-form-submit {
  width: 150px;
  height: 42px;
  background:#4FBBE9;
  color: #fff;
  border: none;
  border-radius: 10px 0 10px 0;
  font-size: 16px;
  font-weight: bold;
  margin-top: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, color 0.2s, box-shadow 0.2s;
  box-shadow: 0 4px 16px rgba(10,58,126,0.10);
 

}
.bulk-form-submit .arrow {
  margin-left: 8px;
  font-size: 16px;
  font-weight: bold;
}

.bulk-purchase-form input[type="text"],
.bulk-purchase-form textarea {
  border-bottom: 1px solid rgba(255,255,255,0.2);
}
.bulk-purchase-form input[type="text"]:focus,
.bulk-purchase-form textarea:focus {
  border-bottom: 1px solid #4ec3e7;
}
@media (max-width: 1100px) {
  .bulk-purchase-container {
    flex-direction: column;
    gap: 32px;
    align-items: stretch;
    min-height: 0;
  }
  .bulk-purchase-left {
    max-width: 100%;
    margin-bottom: 18px;
    align-items: flex-start;
  }
  .bulk-purchase-right {
    width: 100%;
  }
  .bulk-form-row {
    flex-direction: column;
    gap: 12px;
  }

  .bulk-step {
    font-size: 16px;
    padding: 12px 18px;
    min-width: 90px;
  }
}
@media (max-width: 700px) {
  .bulk-purchase-section {
    padding: 18px 0 12px 0;
  }
  .bulk-purchase-container {
    padding: 0 4px;
    gap: 0 0;
  }
  .bulk-purchase-title {
    font-size: 18px;

    margin-bottom: 18px;
  }
  .bulk-purchase-subtitle {
    font-size: 13px;
    margin-bottom: 10px;display:none
  }
  .bulk-step {
    font-size: 12px;
    padding: 8px 8px;
    min-width: 60px;
    border-radius: 10px;
  }
  .bulk-step-arrow {
    font-size:16px;
    width: 28px;
    height: 20px;
  }
  .bulk-purchase-form {
    padding: 8px 2px 4px 2px;
    border-radius: 10px;
  }
  .bulk-form-submit {
    width: 100%;
    font-size: 15px;
    height: 38px;
    border-radius: 10px;
  }
  .franchise-message-title {font-size:18px !important;}
  .franchise-message-flow-title{font-size: 16px !important;}
  .franchise-message-form-title{font-size:16px !important;}
}

/* 加盟代理留言表单样式 */
.franchise-message-section {
  background: #fff;
  padding: 60px 0;
  position: relative;
}

.franchise-message-container {

  margin: 0 auto;
}

.franchise-message-title {
  font-size: 32px;
  font-weight: bold;
  color: #333;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}

.franchise-title-icon {
margin-right: 5px;  background-image: url('../images/tu.png'); background-repeat:no-repeat; width:16px; height:15px; position:relative;top:-10px;
}

.franchise-message-content {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.franchise-message-flow {
  display: flex;
  align-items: flex-start;
}

.franchise-message-flow-title {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  margin-right: 100px;
  white-space: nowrap;
  line-height: 1.4;padding-left: 20px;
}

.franchise-message-steps {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: 10px;
}

.franchise-message-steps::-webkit-scrollbar {
  display: none;
}

.franchise-step {
  background: #f4f5f9;
  min-width: 100px;
  height: 60px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  color: #333;
  border-radius: 15px 0 15px 0;
  line-height: 1.4;

}

.step-arrow {
  margin: 0 10px;
  color: #999;
  font-size: 16px;
}

.franchise-message-form {
  display: flex;
  align-items: flex-start;
}

.franchise-message-form-title {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  margin-right: 70px;
  white-space: nowrap;
  line-height: 1.4;text-align: left;padding-left: 20px;
}

.franchise-form {
  flex: 1;

  border-radius: 12px;
  padding: 30px; text-align:left

}

.franchise-form-row {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.franchise-form-group {
  flex: 1;
  position: relative;
}

.franchise-form-group label {
  display: block;
  font-size: 14px;
  color: #333;
}

.franchise-form-group input[type="text"],
.franchise-form-group textarea {
  width: 100%;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  font-size: 14px;
  color: #333;
  outline: none;
  transition: border-color 0.3s;
  box-sizing: border-box;
  background-color: transparent;
}

.franchise-form-group input[type="text"]:focus,
.franchise-form-group textarea:focus {
  border-bottom-color: #4ec3e7;
}

.franchise-file-row {
  display: flex;
  gap: 10px; position:relative
}

.franchise-file-row input[type="text"] {
  flex: 1;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background-color: transparent;
}

.franchise-upload-btn {
  min-width: 80px;
  padding: 0 15px;
  height: 43px;
  background: #C6EBFB;
  color: #333;
  border-radius: 14px 0 14px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
  transition: background 0.3s; position:absolute; right:0px;  top:-35px;
}

.franchise-upload-btn:hover {
  background: #58c1e8; color:#FFFFFF
}

.franchise-form-group textarea {

  resize: none;
}

.franchise-count {
  position: absolute;
  right: 10px;
  bottom: 30px;
  font-size: 12px;
  color: #999;
}

.franchise-form-submit {
  text-align: center;
  margin-top: 30px;
}

.franchise-submit-btn {
  min-width: 150px;
  height: 44px;
  background: #58c1e8;
  color: #fff;
  border: none;
  border-radius: 14px 0 14px 0;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 25px;
}

@media (max-width: 768px) {
  .franchise-message-flow,
  .franchise-message-form {
    flex-direction: column;
  }
  
  .franchise-message-flow-title,
  .franchise-message-form-title {
    margin-bottom: 15px;
    margin-right: 0;
  }
  
  .franchise-form-row {
    flex-direction: column;
    gap: 15px;
  }
  
  .franchise-form {
    padding: 20px; width:95%;
  }
  
  .franchise-message-steps{ display:block}
  
  .step-arrow{ display:none}
  .franchise-step{ float:left;min-width:36%; margin-left:2%; margin-bottom:2%;}
}

.franchise-form-group input[type="text"]::placeholder,
.franchise-form-group textarea::placeholder {
  color: #999;
}

.franchise-form-group textarea {

  resize: none;
  border: none;
  border-bottom: 1px solid #ddd;
}

/* 首页产品展示区专用样式 */
.index-page .product-section {
  background: #ebf3fa;
  padding: 50px 0;
  position: relative;
  overflow: hidden;
}

.index-page .product-header {
  margin-bottom: 30px;
}

.index-page .product-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 40px;
  justify-content: flex-start;
}

.index-page .product-tab {
  border: none;
  padding: 8px 20px;
  font-size: 14px;
  color: #666;
  cursor: pointer;
  transition: all 0.3s ease;
  background: url(../images/tab_active.png) no-repeat center center;
  background-size: 100% 100%;
}

.index-page .product-tab.active {
  background: url(../images/tab_actives.png) no-repeat center center;
  background-size: 100% 100%;
  color: #fff;
}

.index-page .product-showcase {
  position: relative;
  padding: 0 30px;
}

.index-page .product-card {
  flex: 1;
  max-width: 420px;
  min-width: 300px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 20px;
  transition: transform 0.3s ease;
  position: relative;
}

.index-page .product-card:hover {
  transform: translateY(-10px) scale(1.03);
}

.index-page .product-image {
  width: 100%;
  height:600px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.index-page .product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.index-page .product-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  padding: 20px;
}

/* .index-page .product-card:hover .product-info {
  transform: translateY(0);
} */

.index-page .product-info h3 {

  font-weight: bold;
  margin-bottom: 10px;
}

.index-page .product-info p {

  margin-bottom: 15px;

}

.index-page .more-link {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  transition: color 0.2s; padding-right:2rem; background:url(../images/arr_white.png) no-repeat  right;
}

.index-page .more-link:hover {
  color: #fff;
}

/* Swiper 导航按钮样式 */
.index-page .product-swiper .swiper-button-prev,
.index-page .product-swiper .swiper-button-next {
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  color: #0a3a7e;
}

/* 首页产品展示区的左右切换按钮专用样式 */
.index-page .product-section .swiper-container .swiper-button-prev,
.index-page .product-section .swiper-container .swiper-button-next,
.index-page .product-section .product-swiper .swiper-button-prev,
.index-page .product-section .product-swiper .swiper-button-next {
  width: 40px !important;
  height: 40px !important;
  background: rgba(255, 255, 255, 0.8) !important;
  border-radius: 50% !important;
  color: #0a3a7e !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 8px rgba(10, 58, 126, 0.1) !important;
  transition: all 0.3s ease !important;
  z-index: 10 !important;
}

.index-page .product-section .swiper-container .swiper-button-prev:after,
.index-page .product-section .swiper-container .swiper-button-next:after,
.index-page .product-section .product-swiper .swiper-button-prev:after,
.index-page .product-section .product-swiper .swiper-button-next:after {
  font-size: 18px !important;
  font-weight: bold !important;
}

.index-page .product-section .swiper-container .swiper-button-prev:hover,
.index-page .product-section .swiper-container .swiper-button-next:hover,
.index-page .product-section .product-swiper .swiper-button-prev:hover,
.index-page .product-section .product-swiper .swiper-button-next:hover {
  background: #0a3a7e !important;
  color: #fff !important;
}

.index-page .product-section .swiper-container .swiper-button-prev,
.index-page .product-section .product-swiper .swiper-button-prev {
  left: 10px !important;
}

.index-page .product-section .swiper-container .swiper-button-next,
.index-page .product-section .product-swiper .swiper-button-next {
  right: 10px !important;
}

/* 首页产品展示区的左右切换按钮专用样式 */
.index-page .index-product-swiper .swiper-button-prev,
.index-page .index-product-swiper .swiper-button-next,
.product-ban .swiper-button-prev,
.product-ban .swiper-button-next{
  width: 50px !important;
  height: 50px !important;
  background: rgba(255, 255, 255, 0.8) !important;
  border-radius: 50% !important;
  color: #0a3a7e !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 8px rgba(10, 58, 126, 0.1) !important;
  transition: all 0.3s ease !important;
  z-index: 10 !important; background-image:url(../images/arrow_5-2.png); background-repeat:no-repeat;
}

.index-page .index-product-swiper .swiper-button-prev:after,
.index-page .index-product-swiper .swiper-button-next:after,
.product-ban .swiper-button-prev::after,
.product-ban .swiper-button-next::after{
  font-size: 18px !important;
  font-weight: bold !important;
}

.index-page .index-product-swiper .swiper-button-prev:hover,
.index-page .index-product-swiper .swiper-button-next:hover,
.product-ban .swiper-button-prev:hover,
.product-ban .swiper-button-next:hover{
  background: #0a3a7e !important;
  color: #fff !important; display:block
}

.index-page .index-product-swiper .swiper-button-prev {
  left: 10px !important;
}

.index-page .index-product-swiper .swiper-button-next {
  right: 10px !important;
}

/* 首页卖场进驻区域专用样式 */
.index-page .index-market-section {
  background: #fff;
  padding: 60px 0 40px 0;
}

.index-page .index-market-section .market-container {
  max-width: 1200px;
  margin: 0 auto;
}

.index-page .index-market-section .market-title {
  font-size: 32px;
  color: #222;
  font-weight: bold;
  margin-bottom: 0;
  text-align: left;
}

.index-page .index-market-list {
  display: flex;
  gap: 30px;
  margin-top: 30px;
}

.index-page .index-market-item-large {
  flex: 1.5;
  height: 350px;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
}

.index-page .index-market-item-large img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.index-page .index-market-item-group {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 20px;
}

.index-page .index-market-item {
  height: 165px;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
}

.index-page .index-market-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.index-page .index-market-item:hover img,
.index-page .index-market-item-large:hover img {
  transform: scale(1.05);
}

.index-page .index-market-item:hover,
.index-page .index-market-item-large:hover {
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12);
}

@media (max-width: 900px) {
  .index-page .index-market-list {
    flex-direction: column;
  }
  
  .index-page .index-market-item-large,
  .index-page .index-market-item {
    height: auto;
  }
  
  .index-page .index-market-item-large img,
  .index-page .index-market-item img {
    height: 200px;
  }
}

@media (max-width: 600px) {
  .index-page .index-market-item-group {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 1fr);
  }
}

.index-page .index-market-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.index-page .index-market-more {
  color: #666;
  font-size: 16px;
  text-decoration: none;
  display: flex;
  align-items: center;
  transition: color 0.2s;
}

.index-page .index-market-more span {
  color: #1760b0;
  font-size: 18px;
  margin-left: 6px;
  transition: transform 0.2s;
}

.index-page .index-market-more:hover {
  color: #1760b0;
}

.index-page .index-market-more:hover span {
  transform: translateX(3px);
}

  
  
 /* 修复产品轮播布局 */
.product-list {
    flex-wrap: nowrap !important;
}

.product-card {
    flex: 0 0 calc(33.333% - 27px) !important;
    min-width: 300px !important;
    max-width: none !important;
}

.advantage-section {
    background: #fff;
    padding: 3rem  0 3rem 0;
}

.advantage-container {

    margin: 0 auto;
}

.advantage-title {
    color: #222;
    font-weight: bold;
    margin-bottom: 1rem;
    text-align: left;
}

.advantage-list {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.advantage-item {
    background: #f4f5f9;
    border-radius: 20px 0 20px 0;
    flex: 1;
    width:25%; margin-right:20px;

    height: 22em;
    padding: 2em;
    display: flex;
    flex-direction: column;
    text-align: center;
    transition: box-shadow 0.2s cubic-bezier(.4, 0, .2, 1), transform 0.2s cubic-bezier(.4, 0, .2, 1);
}

.advantage-item:hover {
    box-shadow: var(--shadow-hover);
    transform: translateY(-2px) scale(1.02);
    z-index: 2;
}

.advantage-icon {
    font-size: 38px;
    color: #04348f;
    margin-bottom: 18px;
    text-align: right; padding-top:30px; padding-right:20px;
}

.advantage-icon img{ width:40px;}


.advantage-item-content {
    height: 18rem;  

}

.advantage-item h3 {
    font-size: 18px;
    color: #333333;
    margin-bottom: 12px;
    font-weight: bold;
    text-align: left;
}

.advantage-item h1 {
    font-size: 24px;
    color: #04348f;
    margin-bottom: 12px;
    font-weight: bold;
    text-align: left;
}

.advantage-item p { margin-top:5px;
    color: #666;

    text-align: left;
}

.advantage-link {
    color: #4ec3e7;
    font-size: 15px;
    text-decoration: none;
    transition: color 0.2s;
}

.advantage-link:hover {    color: #0a3a7e;} 
  

	
@media (max-width: 768px) {
	
	.advantage-icon {
    color: #04348f;
    margin-bottom:0px;
    text-align: right; padding-top:10px; padding-right:20px;
}
.advantage-list {
    display: block;
    gap:2px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.advantage-item {
    background: #f4f5f9;
    border-radius: 20px 0 20px 0;
    flex: 1;  height: 18em;
    width: auto;
margin-right: 0px; margin-top:20px;
    transition: box-shadow 0.2s cubic-bezier(.4, 0, .2, 1), transform 0.2s cubic-bezier(.4, 0, .2, 1);
}
}  
  
  
 .news-section {
    background: #f5f7fa;
   padding: 3rem  0 3rem 0;
}

.news-container {
    margin: 0 auto;
    padding: 0 1rem;
}

.news-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom:1rem;
}

.news-title {
    color: #222;
    font-weight: bold;
    letter-spacing: 1px;
}

.news-more-link {
    color: #666;
    font-size: 16px;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: color 0.2s;
}

.news-more-link span {
    color: #1760b0;
    font-size: 18px;
    margin-left: 6px;
    transition: transform 0.2s;
}

.news-more-link:hover {
    color: #1760b0;
}

.news-more-link:hover span {
    transform: translateX(3px);
}

.news-main {
    display: flex;
    gap: 32px;
}

.news-list {
    flex: 1.5;
    display: flex;
    gap: 32px;
}

.news-item {
    background: #fff;

    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    width: 46%; margin-right:4%;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.2s, transform 0.2s;
}

.news-item:hover {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px) scale(1.02);
}

.news-img-box {
    position: relative;
    width: 100%;
}

.news-img {
    width: 100%;
    height: 190px;
    object-fit: cover;
    display: block;
}

.news-date-box {
    position: absolute;
    top: 16px;
    left: 16px;
    background: #003298;
    color: #fff;
    padding: 10px 6px;
    text-align: center;

    z-index: 2;
}

.news-date-day {
    font-size: 24px;
    line-height: 1;
    display: block;
}

.news-date-month {
    font-size: 14px;
    line-height: 1.2;
    margin-top: 2px;
    display: block;
}

.news-content {
    padding: 24px 24px 24px 24px;
    flex: 1;
    display: flex;
    flex-direction: column; text-align:left; 
}

.news-content h3 {
    font-size: 20px;
    color: #222;
    line-height: 1.4;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 56px;font-weight:normal
}

.news-content p {
    font-size: 14px;
    color: #666;
    margin-bottom: 18px;
    line-height: 1.7;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.news-link {
    color: #04348f;
    font-size: 15px;
    text-decoration: none;
    display: flex;
    align-items: center;
    align-self: flex-start;
    transition: color 0.2s;
}

.news-link span {
    font-size: 16px;
    margin-left: 6px;
    transition: transform 0.2s;
}

.news-link:hover {
    color: #4ec3e7;
}

.news-link:hover span {
    transform: translateX(3px);
}

.news-side {
    flex: 1.5;
    background: #fff;

    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    min-width: 320px;
}

.news-side-item {
    display: flex;
    align-items: center;
    padding: 37px 24px;
    border-bottom: 1px solid #eef1f6;
    position: relative;
    background: #fff;
    transition: background 0.2s;
    cursor: pointer;
}

.news-side-item:last-child {
    border-bottom: none;
}

.news-side-item:hover {
    background: #f5f7fa;
}

.news-side-item:hover .news-side-arrow {
    color: #4ec3e7;
    transform: translateX(3px);
}

.news-side-num-box {
    display: flex;
    align-items: flex-end;
    margin-right: 10px;
    min-width: 60px;
}

.news-side-num {
    color: #04348f;
    font-size: 32px;
    font-weight: bold;
    line-height: 0.9;
    font-family: Arial, sans-serif;
}

.news-side-slash {
    color: #999;
    font-size: 15px;
    font-family: Arial, sans-serif;
    line-height: 1;
    padding-bottom: 3px;
}

.news-side-content {
    color: #222;
    font-size: 16px;
    line-height: 1.5;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; text-align:left
}

.news-side-arrow {
    color: #1760b0;
    font-size: 22px;
    margin-left: 15px;
    transition: color 0.2s, transform 0.2s;
} 
  
@media (max-width: 768px) {
.news-main {
    display: block;
    gap: 32px;
}

.news-list {
    flex: 1.5;
    display: block;
    gap: 32px;
}

.news-item {

    width: 100%;
    margin-right: 0%; margin-bottom:20px;

}


.news-img {
    width: 100%;
    height:auto;
    object-fit: cover;
    display: block;
}


.index-page .product-image{ height:300px;}
.index-page .product-info p{ display:none}
.index-page .product-info h3{margin-bottom: 0px;}

}   
  
 .hui{ background-color:#f4f5f9; padding:20px 0;} 
 
 
 
 
 .partnerBox .about-research-title{ padding-top:2em;}

.partnerBox { padding: 1.1em 0 6em; background-image:url(../images/honor.jpg);background-repeat: no-repeat;background-size:100% 100%; }
.partnerBox .tit { display: flex; justify-content: space-between; align-items: center;}
.partnerBox .tit .name { font-weight: bold;}
.partnerBox .tit .more { color: #666;}
.partnerBox .tit .more:hover { color: #0075be;}


.partnerBox  .list{ width:70%; margin-top:5em}
.partnerBox  .list ul { display: flex; flex-wrap: wrap; justify-content: flex-start;
align-items: flex-start;}
.partnerBox  .list li { margin-bottom:3.85%; width: 28.3%; margin-right:5%;background-image:url(../images/honorbg.png);background-repeat: no-repeat;background-size:100%; /* 保持图片的原始尺寸 */}
.partnerBox  .list li .t1{font-weight:bold; color:#04348f}
.partnerBox  .list li .t2{color:#000}
.partnerBox  .list li .t3{color:#000}



.swiper-partner .btnNPW { margin-top: 1.9em; width:10em;}
.swiper-partner .btnNextp,.swiper-partner .btnPrevp {
	cursor: pointer; display: inline-block;
	width:3.5em; height: 3.5em; margin:0 0.5em; border: 1px solid #dfe2ea;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
	background: url(../images/arrow_5.png) center center no-repeat;
	background-size:34% auto;
} 
.swiper-partner .btnPrevp { left: 5.2%; right: auto;
transform: rotate(180deg);
-ms-transform: rotate(180deg); 
-webkit-transform: rotate(180deg); 
}
.swiper-partner .btnNextp:hover,
.swiper-partner .btnPrevp:hover {border: 1px solid #0e7dc1;
filter:alpha(opacity=80);-moz-opacity:0.8; opacity:0.8;
background-color: #f4f5f9;
background-image: url(../images/arrow_4.png);
}

@media only screen and (max-width:828px) {
	
	.partnerBox { padding: 2.1em 0 6em; background:url(../images/honor2.jpg) left bottom ;background-repeat:  no-repeat ;background-size:100% 100%; } 
	.partnerBox  .list{ width:100%;}
	.partnerBox  .list li { width: 48.66%; margin-right:1%;}
	.partnerBox  .list li:nth-child(2n) { margin-right: 1%;}
	.partnerBox  .list li:nth-child(4n) { margin-right: 0;}
	
	.partnerBox .list {
    margin-top:0em;
}
	
	.swiper-partner .btnNextp,.swiper-partner .btnPrevp {
		width:2em; height: 2em;
	}
}


   /*工程案例 弹出框*/

.casePopup {
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.6);
	display: none;
	justify-content: center;
	align-items: center;
}
.casePopup.show {
	display: flex;
}
.casePopup .caseCon {
	max-width:1400px;
	width: 96%;
	position: relative;
	z-index: 0;
	color: #fff;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	border-radius:1em;
background: url(../images/product-bg.png) no-repeat center center;
    background-size: 100% 100%;
}
.casePopup .caseCon .close {
	cursor: pointer;
	position: absolute;
	z-index: 2;
	width: 2em;
	height: 2em;
	right: -.7em;
	top: -.7em;
	background: #4fbbe9 url(../images/close.png) center center no-repeat;
	background-size:24% auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
}
.casePopup .caseCon .picb {
	position: relative;
	z-index: 0;width: 50%;
    float: left;
}
.casePopup .caseCon .picb .pic {
	display: block; margin:4rem 0;

}

.casePopup .caseCon .picb img { width:40%;  height: auto; }
.casePopup .caseCon .picb .swiper-pagination {
	width:auto;
	right: 1em;
	left: 1em;
	bottom: 1em;
	justify-content: flex-end;
	align-items: center;
}
.casePopup .caseCon .picb .swiper-pagination-bullet {
	width: 0.8em;
	height: 0.8em;
	background-color: #ccc;
	margin: 0 0.25em !important;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
.casePopup .caseCon .picb .swiper-pagination-bullet-active {
	position: relative;
	z-index: 0;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	background-color: #0075be;
}
.casePopup .caseCon .picb .btnNext, .casePopup .caseCon .picb .btnPrev {
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: -1.75em;
	cursor: pointer;
	display: inline-block;
	width:2.5em;
	height: 2.5em;
	border: 1px solid #dfe2ea;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	background:#fff url(../images/arrow_5.png) center center no-repeat;
	background-size:34% auto;
}
.casePopup .caseCon .picb .btnPrev {
	left: 2em;
	right: auto;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.casePopup .caseCon .picb .btnNext {
	right: 2em;
}
.casePopup .caseCon .picb .btnNext:hover, .casePopup .caseCon .picb .btnPrev:hover {

	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	background-color: #053490;
	background-image: url(../images/arrow_5-1.png);
}
 @media only screen and (max-width:828px) {
	 

 .casePopup .caseCon .close {
width: 2em;
height: 2em;
 right: -1em;
top: -1em;
}
 .casePopup .caseCon .picb .btnNext,  .casePopup .caseCon .picb .btnPrev {
 width:2em;
height: 2em;
margin-top: -1em;
}
 .casePopup .caseCon .picb .btnPrev {
left: -1em;
}
 .casePopup .caseCon .picb .btnNext {
right: -1em;
}
 .casePopup .caseCon .picb .swiper-pagination {
font-size: 2vw;
}
 .casePopup .caseCon .picb .swiper-pagination-bullet {
width: 6px;
height: 6px;
}
}
.casePopup .caseCon .txtb {

	text-align: left;
	 width:auto;
    float: right; width:40%;
	margin:6rem 2rem 0rem 0rem; padding:2rem; border-radius:20px 0 20px 0;box-shadow: 0 2px 12px rgba(10,58,126,0.06);
	background: rgba(255,255,255,0.4);
	
	
}
.casePopup .caseCon .txtb .name {
	font-weight: bold; color:#000000
}
.casePopup .caseCon .txtb .intro {

}
.casePopup .caseCon .txtb .introL {
	margin-top: 0.7em;
	width: 100%;
}
.casePopup .caseCon .txtb .introR {
	margin-top: 0.7em;
	width: 100%;
}
.casePopup .caseCon .txtb .introL dl {
	padding: 0.7em 0;

}
.casePopup .caseCon .txtb .introL dt {
	font-weight: bold; color:#000000
}


.casePopup .caseCon .txtb .introL dt .icon {

    width: 8px;
    height: 15px;
    background: #2e8bd8;
    border-radius: 5px 0 5px 0; margin-top:3px;
    margin-right: 12px; float:left;
}






.casePopup .caseCon .txtb .introL dd {
color:#333; padding-left:20px;
}
.casePopup .caseCon .txtb .introL dd span {
	display: inline-block;
	margin-right: 1em;
}
.casePopup .caseCon .txtb .introR dt {
	font-weight: bold;color:#000000
}


.casePopup .caseCon .txtb .introR dt .icon {

    width: 8px;
    height: 15px;
    background: #2e8bd8;
    border-radius: 5px 0 5px 0; margin-top:3px;
    margin-right: 12px; float:left;
}




.casePopup .caseCon .txtb .introR dd {
	margin-top: 1.2em;
	line-height: 1.8;color:#666; padding-left:20px;
}
 @media only screen and (max-width:968px) {
 
 
 .index-page .more-link{ display:none}
 
 .casePopup .caseCon .picb{ width:100%;    float:none;}
 
 .casePopup .caseCon .txtb{ width:auto;margin: 10px;
    padding: 20px;     float: none}
 
 .casePopup .caseCon .picb .pic {
    margin-top: 4rem; margin-bottom:1rem;
}

.casePopup .caseCon .txtb .introL dl {
    padding: 0em 0;
}
 
.casePopup .caseCon .txtb .introR dd {
    margin-top: .2em;

} 
 
 .casePopup .caseCon {
width: 88%;
}
 .casePopup .caseCon .txtb .intro {
display:block;
}
 .casePopup .caseCon .txtb .introL {
width:100%;
}
 .casePopup .caseCon .txtb .introR {
width: 100%;
}
}
 @media only screen and (max-width:468px) { .casePopup .caseCon .picb .pic {
    margin-top: 1rem; margin-bottom:0rem;
}

}
 @media only screen and (max-width:1280px) {
 .casePopup .caseCon .picb img { width:50%;  height: auto; 
}

}

.jobBox { margin-bottom:3%;}
.jobBox .list {}
.jobBox .list dl { margin-bottom: 10px; background-color: #f4f5f9; color: #222;transition: all 0.5s;-webkit-transition:all 0.5s; border-radius:10px 10px 0px 0}
.jobBox .list dl.show {background: linear-gradient(to bottom, #dbe8f6, #ffffff); color: #000; border-bottom:1px solid #f2f2f2}
.jobBox .list dl.show dd .item {border-top: 1px solid rgba(4,52,143,1);}
.jobBox .list dl.show dd .item:nth-child(2){ border-top:none}
.jobBox .list dl.show dd .item:nth-child(3){ border-top:none; margin-bottom:20px;}


.jobBox .list dl dt {cursor: pointer; padding:1.5% 3%;
 display: flex; justify-content: space-between; align-items: center;}
.jobBox .list dl.show dt {
transition: padding 0.5s;
-webkit-transition:padding 0.5s; }
.jobBox .list dl dt .t_1 { flex: 1; text-align: left; font-weight:bold}
.jobBox .list dl dt .t_1 p{ padding-top:10px; font-weight:normal; color:#333}
.jobBox .list dl dt .t_1 p span{ float:left; margin-right:20px;}

.jobBox .list dl dt .t_2 { flex: 1;text-align: left;}
.jobBox .list dl dt .t_3 { flex: 1;text-align: left;}
.jobBox .list dl dt .t_4 {}
.jobBox .list dl dt .icon { margin-left: 0.3em; position: relative; top: -1px;
	vertical-align: middle;
 width: 1.5em; height: 1.5em; display: inline-block;
background: url(../images/plus.png) center center no-repeat;
background-size:contain;}
.jobBox .list dl.show dt .icon {
	background-image:url(../images/subt.png) ;
}
.jobBox .list dl dd { display: none;padding: 0 3% 1.3%;}
.jobBox .list dl dd .item {text-align: left; border-top: 1px solid rgba(255,255,255,0.5);
padding-top: 2%; position: relative; z-index: 0;justify-content: flex-start; align-items: flex-start;}
.jobBox .list dl dd .itemT {width:100%; font-weight:bold; margin-bottom:20px;}
.jobBox .list dl dd .itemD { line-height: 2.2em; flex: 1;}
.jobBox .list dl dd .btnSend { position: absolute; bottom: -1em; right: 0; margin-bottom: 3.3%;
line-height: 3em;padding:0 2.4em; 
background-color: #fff; display: inline-block; cursor: pointer; color: #000;
-moz-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em; border:1px solid #003399; font-weight:bold}


.jobBox .list dl dd .btnSend i { width: 1.3em; height:.7em; position: relative; top: -1px;
display: inline-block; vertical-align: middle; margin-right: 0.6em;
background: url(../images/arrow_3.png) center center no-repeat;
background-size:contain ;}

@media only screen and (max-width:828px) { 
	.jobBox .list dl dt  { flex-wrap: wrap;}
	.jobBox .list dl dt .t_1 { margin-bottom: 0.3em; width: 80%; flex:initial;}
	.jobBox .list dl dt .t_2 { width: 100%;flex:initial;}
	.jobBox .list dl dd .item { display: block;}
	.jobBox .list dl dd .itemT { width: 100%; margin-right: 0;}
	.jobBox .list dl dd .itemD { font-size: 12px;}
}

/*6.21*/

.new6Box { margin-top: 3rem; padding-bottom:3rem;}
 .new6Box .tit { line-height: 1; font-weight:normal;text-align: left;}
 .new6Box .list ul { display: flex; flex-wrap: wrap; justify-content: flex-start;
  align-items: stretch;}
 .new6Box .list li { width:100%; margin: 1%  0%   1%  0 ; 
  position: relative; z-index: 0; background-color: #f4f5f9;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:1em 0em 1em 0em;
 flex-direction: column; justify-content: flex-start; align-items: stretch;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;}
 
 
 .new6Box .list li:hover {
	 background-color: #fff;
	 -moz-box-shadow: 0 0 0.6em rgba(0, 117, 190, .26);
	 -webkit-box-shadow: 0 0 0.6em rgba(0, 117, 190, .26);
	 box-shadow: 0 0 0.6em rgba(0, 117, 190, .26);
	
 }
  .new6Box .list li:hover::after { content: ""; display: block;
	  position: absolute; z-index: -1; left: 0; top: 0; bottom: 0; right: 0;
	  
	    -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em; 
  }

 .new6Box .list .picb { width:30.66%;  float:left;  -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:1em 0em 0em 0em;  overflow: hidden; margin-right:6%;}
 .new6Box .list .picb .pic { display: block; cursor: pointer; position: relative; z-index: 0; padding-top: 60.86%; overflow:hidden}
 .new6Box .list .picb .pic a { display: block; cursor: pointer;}
 .new6Box .list .picb img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;transition: all 0.5s;-webkit-transition:all 0.5s;}


 .new6Box .list .picb:hover img {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
 
 
 .new6Box .list .txtb { width: 96%;    padding: 1.9em 0 1.4em;  text-align: left; color: #333;}
 .new6Box .list .txtb .date {color: #666; }
 .new6Box .list .txtb .title{ color:#04348f; font-weight:bold; padding-bottom:1rem;}
 
 
 
 .new6Box .list .txtb .name { color: #000;
  margin-top:1em; height: 3.6em; line-height: 1.2em; 
   overflow: hidden; color: #666;
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3; font-weight:bold}
.new6Box .list .txtb .name a { color: #000; }


 .new6Box .list .txtb .name1 { color: #000;
  margin-top:1em; line-height: 1.2em; margin-bottom:0.6em;
   overflow: hidden; color: #666;
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3; font-weight:normal}
.new6Box .list .txtb .name1 a { color: #000; }

.new6Box .list .txtb .name1 a:hover { color:#04348f; }



 .new6Box .list .btnArrow { margin-top:3em; }
 
  .new6Box .newDeBox   .dewsa{background-color:#e5eaf4; padding:0.8rem 1.2rem; border-radius:1.6rem; margin-left:2rem; line-height:1; }
  .new6Box .newDeBox   .tit{ font-weight:bold; line-height:1.2; }
 
 
   @media only screen and (max-width:1024px) { 
   .new6Box .xiangxi{display:none;}
    }
  @media only screen and (max-width:600px) { 
 	 .new6Box .list ul{ display: block;}
	 .new6Box .list li {  width: 100%;  margin: 10px  3.2%  10px  0 ;  display: flex;}
	 .new6Box .list .picb { width:100%; margin-right:0%; }
	  .new6Box .list .txtb { width: 92%;     padding: 1.9em 0 1.4em 4%;}

	 .new6Box .list .txtb .name {  height: 2.6em; line-height: 1em; 
   }


  }
  
  
.caseCon2 { 
	width:100%;
	position: relative;
	z-index: 0;
	color: #fff;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	border-radius:1em;
background: url(../images/product-bg.png) no-repeat center center;
    background-size: 100% 100%; margin-bottom:3em; padding:4em 1em;
}

.caseCon2 .picb {
	position: relative;
	z-index: 0;width: 50%;
    float: left;
}
.casePopup .caseCon .picb .pic {
	display: block; margin:4rem 0;

}

.caseCon2 .picb img { width:40%;  height: auto; }
.caseCon2 .picb .swiper-pagination {
	width:auto;
	right: 1em;
	left: 1em;
	bottom: 1em;
	justify-content: flex-end;
	align-items: center;
}
.caseCon2 .picb .swiper-pagination-bullet {
	width: 0.8em;
	height: 0.8em;
	background-color: #ccc;
	margin: 0 0.25em !important;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
.caseCon2 .picb .swiper-pagination-bullet-active {
	position: relative;
	z-index: 0;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	background-color: #0075be;
}
.caseCon2 .picb .btnNext, .caseCon2 .picb .btnPrev {
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: -1.75em;
	cursor: pointer;
	display: inline-block;
	width:2.5em;
	height: 2.5em;
	border: 1px solid #dfe2ea;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	background:#fff url(../images/arrow_5.png) center center no-repeat;
	background-size:34% auto;
}
.caseCon2 .picb .btnPrev {
	left: 2em;
	right: auto;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.caseCon2 .picb .btnNext {
	right: 2em;
}
.caseCon2 .picb .btnNext:hover, .caseCon2 .picb .btnPrev:hover {

	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	background-color: #053490;
	background-image: url(../images/arrow_5-1.png);
}

.caseCon2 .txtb {

	text-align: left;
	 width:auto;
    float: right; width:40%;
	margin:2rem 2rem 0rem 0rem; padding:2rem; border-radius:20px 0 20px 0;box-shadow: 0 2px 12px rgba(10,58,126,0.06);
	background: rgba(255,255,255,0.4);
	
	
}
.caseCon2 .txtb .name {
	font-weight: bold; color:#000000
}
.caseCon2 .txtb .intro {

}
.caseCon2 .txtb .introL {
	margin-top: 0.7em;
	width: 100%;
}
.caseCon2 .txtb .introR {
	margin-top: 0.7em;
	width: 100%;
}
.caseCon2 .txtb .introL dl {
	padding: 0.7em 0;

}
.caseCon2 .txtb .introL dt {
	font-weight: bold; color:#000000
}


.caseCon2 .txtb .introL dt .icon {

    width: 8px;
    height: 15px;
    background: #2e8bd8;
    border-radius: 5px 0 5px 0; margin-top:3px;
    margin-right: 12px; float:left;
}
.caseCon2 .txtb .introL dd {
color:#333; padding-left:20px;
}
.caseCon2 .txtb .introL dd span {
	display: inline-block;
	margin-right: 1em;
}
.caseCon2 .txtb .introR dt {
	font-weight: bold;color:#000000
}

.caseCon2 .txtb .introR dt .icon {
    width: 8px;
    height: 15px;
    background: #2e8bd8;
    border-radius: 5px 0 5px 0; margin-top:3px;
    margin-right: 12px; float:left;
}
.caseCon2 .txtb .introR dd {margin-top: 1.2em;	line-height: 1.8;color:#666; padding-left:20px;}
@media only screen and (max-width:1440px) {
	.caseCon2 .txtb {margin:0rem 0rem 0rem 0rem;}
}	
 @media only screen and (max-width:828px) {
.caseCon2 .picb .btnNext,  .caseCon2 .picb .btnPrev { width:2em;height: 2em;margin-top: -1em;}
.caseCon2 .picb .btnPrev {left: -1em;}
.caseCon2 .picb .btnNext {right: -1em;}
.caseCon2 .picb .swiper-pagination {font-size: 2vw;}
.caseCon2 .picb .swiper-pagination-bullet {width: 6px;height: 6px;}
}

@media only screen and (max-width:968px) {
	
.caseCon2{ width:96%; padding:2% 2%  2% 2%;	} 
.caseCon2 .picb{ width:100%;    float:none;} 
.caseCon2 .txtb{ width:auto;    float: none} 
.caseCon2 .picb .pic {    margin-top: 4rem; margin-bottom:1rem;}
.caseCon2 .txtb .introL dl {    padding: 0em 0;}
.caseCon2 .txtb .intro {display:block;}
.caseCon2 .txtb .introL {width:100%;}
.caseCon2 .txtb .introR {width: 100%;}
}
 @media only screen and (max-width:468px) { .caseCon2 .picb .pic {
    margin-top: 1rem; margin-bottom:0rem;}
}
 @media only screen and (max-width:1280px) {
 .caseCon2 .picb img { width:50%;  height: auto;}
}



/*7.7*/
.select-sort { width:16rem;}
.select-sort .form-control{ display: block;  
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
	
	@media only screen and (max-width:968px) {
	.product-list-title {
   padding-top:0rem;

}	
		
		.select-sort { width:10rem;}
.select-sort .form-control .mt20{ margin-top:0px; }
		}
		
/* .position { background-color: #f8f8f8; 
 text-align: left; color: #666;  padding: 3.5em 0  1.4em; line-height: 2.75em;}
 .position .con { position: relative; z-index: 0; padding-left: 3em;}
 .position .icon { }
.position a {display: inline-block; color: #555;}
.position a:hover {color: #007437;}
.position span {display: inline-block; }
.position .arrow { display: inline-block; margin: 0 0.5em; font-family: "宋体";}
.position .icon { width: 2.57em; height: 2.57em; 
position: absolute; left: 0; top: 0;
 margin-right: 0.5em;
 display: inline-block; vertical-align: middle;
background: url(../images/home.png) no-repeat center center / contain;} */