@charset "utf-8";
/* CSS Document */
/*banner*/
#ins_banner { position: relative; z-index: 0;}
#ins_banner .pic { position: relative; z-index: 0; padding-top: 480px;}
@media only screen and (max-width:1920px) {
	#ins_banner .pic {  padding-top: 22.1%;}
}
#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: 2.4vw; color: #fff;
bottom: 2.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 {
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 .con { width: 100%; margin: 0;}
#ins_banner .pic { position: relative; z-index: 0; padding-top: 60%;}
#ins_banner .txtb { left: 2em; right: 2em;}
#ins_banner .txtb .txt { margin-top: -2em;}
#ins_banner .txtb .txt { width: 100%;}
}

.cateNav { position: static;   z-index: 3;  line-height: 3.6em;bottom: 0; left: 0; right: 0; background:rgba(16, 28, 52,1)}
/* .cateNav .con {overflow-x: auto;
    -webkit-overflow-scrolling: touch; 
    scrollbar-width: none;            
  } */
  .cateNav .con {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	  }
  .cateNav .con::-webkit-scrollbar {
    display: none;                     /* Chrome 隐藏滚动条 */
  }
.cateNav ul {display: flex;flex-wrap: nowrap;                /* 不换行 */
    min-width: max-content;  justify-content: flex-start; align-items: center;}
.cateNav li { flex: 0 0 auto; font-weight: bold;  width:auto; color:#FFF; 
 text-align: center;  overflow: hidden;}
.cateNav.newNav li {width: 11.2em; }
.cateNav li.cur { position: relative; z-index: 0;
color: #fff;border: 0;
background: #0066cb;}
.cateNav li a {color: #fff; display: block; cursor: pointer; padding: 0.1em 1em; border-left:1px solid rgba(255, 255, 255,0.3);}
.cateNav li a:hover {background: #0066cb; color: #fff;}

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

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

  #ins_banner  .cateNav .con { width: auto; margin: 0 1em;}
}

.bussIBox { margin-top: 3.8em; padding-bottom: 6.3em;}
.bussIBox .tit { line-height: 1; font-weight: bold; text-align: left;}
.bussIBox .list li { margin-top: 2em; 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:40%;
-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: #0066cb; font-weight: bold; text-align: right; padding-top:0em; }
.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:0em; padding-right: 2em; padding-left: 1.7em;}

 @media only screen and (max-width:828px) {
	 .bussIBox { margin-top: 3.8em; padding-bottom:4em;} 
	 .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: 55%;}/*50%*/
.busiDeTop .picb .pic { display: block; cursor: pointer; position: relative; z-index: 0; padding-top: 75%;}/*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: #0066cb;
}

 
.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: 20em; overflow: hidden; color: #666;
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
  
 }/*-webkit-line-clamp:5;*/
 .busiDeTop .txtb2 { border: 1px solid #e2e4eb; flex: 1; margin-left: 2.1%;
  padding: 2.5em 2%; background-color: #fff; text-align: left; color: #333;
   -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;height:400px; overflow-y:scroll}
   .busiDeTop .txtb2 .name { color: #333; font-weight: bold;}
   .busiDeTop .txtb2 .name2 { margin-top: 5%; color: #666; font-weight: bold; line-height: 1.3;}
   .busiDeTop .txtb2 .info { color: #666; margin-top: 1em; background-color: #f8f8f8; padding:1% 4%;}
   .busiDeTop .txtb2 .info dl { padding: 0.7em 0 0.6em; border-bottom: 1px solid #e2e2e2;
   display: flex; justify-content: flex-start; align-items: flex-start;}
     .busiDeTop .txtb2 .info dl:last-child { border-bottom: 0;}
   .busiDeTop .txtb2 .info dt { color: #0075be;}
   .busiDeTop .txtb2 .info dd { flex: 1; margin-left: 9.6%;}
  
   .busiDeTop .txtb2 .asse { color: #666;margin-top: 1em; background-color: #f8f8f8; padding:1.8% 4%;}
   .busiDeTop .txtb2 .asse dl { padding: 0.7em 0 0.6em; border-bottom: 1px solid #e2e2e2;
   display: flex; justify-content: flex-start; align-items: flex-start;}
    .busiDeTop .txtb2 .asse dl:last-child { border-bottom: 0;}
   .busiDeTop .txtb2 .asse dt { color: #333; font-weight: bold;}
   .busiDeTop .txtb2 .asse dt.grren { color: #0075be;}
   .busiDeTop .txtb2 .asse dd { flex: 1; margin-left: 5.2%;}
 
.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: #0066cb; /* 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;}
	 .busiDeTop .txtb .intro{height: auto;}
	 
	 
  }
  
.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.4em; background-color: #101c34; color: #fff; font-weight: bold;}
.busiDeBox .tit2 { font-weight: bold;}
 .busiDeBox .content { line-height: 1.7em; display: none;}/*padding: 2.6em 4.5%;*/
  .busiDeBox .content img { max-width: 100%; height: auto; display: block; vertical-align: bottom;}
  /*.busiDeBox .content p { margin-top: 1em;}*/
 .busiDeBox .content .pctua { display:block; text-align:center; }   .busiDeBox .content .sjtub{ display:none; text-align:center;}
  @media only screen and (max-width:828px) {.busiDeBox {margin-top:2.4em; margin-bottom:0em; } .busiDeBox .content .pctua { display:none; }   .busiDeBox .content .sjtub{ display:block;}}
 .busiDeBox .MobOrPc{display: block;}
    @media only screen and (max-width:828px) { 
 	   .busiDeBox{margin-top:2.4em;}
 	   .busiDeBox .content { display: block;}
 	   .busiDeBox .MobOrPc{display: none;}
 	   }
 
 .caseIBox { margin-top: 3.8em; padding-bottom: 7.3em;}
 .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:2em; width:32.2% /* 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;} -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;*/
 .caseIBox .list .picb {
 border-top-right-radius: 0.3em; border-top-left-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: 2em 0 2.5em/* 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 { margin-top:1.8em; padding-bottom: 2.3em;}
 	 .caseIBox .list ul{ display: block;}
	 .caseIBox .list li {  width: 100%;}
	  .caseIBox .list .txtb { flex: 1; padding: 2em 0 2em/* 3em 0 3.5em */;}

 .caseIBox .list .txtb .name { margin-top: 0.8em; height: auto; }
 .caseIBox .list .txtb .intro { line-height:1.6;  height: auto;}
 .caseIBox .list .btnArrow { margin-top:1em; }
 
  }

 .newIBox { margin-top: 3.8em; padding-bottom: 6.3em;}
 .newIBox .tit { line-height: 1; font-weight: bold; text-align: left;}
 .newIBox .list ul { /* margin-top: -2.2%; */ display: flex; flex-wrap: wrap; justify-content: flex-start;
  align-items: stretch;}
 .newIBox .list li { margin-top:2em; width:31.2%; margin-right: 3.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;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;}
 .newIBox .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);
	
 }
  .newIBox .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; 
  }
  .newIBox .list li:nth-child(3n) { margin-right: 0;}
 .newIBox .list .picb {
 border-top-right-radius: 0.3em; border-top-left-radius: 0.3em;
 overflow: hidden;}/*-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;*/
 .newIBox .list .picb .pic { display: block; cursor: pointer; position: relative; z-index: 0; padding-top: 62.8%;}
 .newIBox .list .picb .pic a { display: block; cursor: pointer;}
 .newIBox .list .picb img { position: absolute; left: 0; top: 0;
 width: 100%; height: 100%; object-fit: cover;}
 .newIBox .list .txtb { flex: 1; padding: 1.9em 0 2.4em; margin: 0 9.5%; text-align: left; color: #333;}
 .newIBox .list .txtb .date {color: #666; }
 .newIBox .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; }
.newIBox .list .txtb .name a { color: #000; }

 .newIBox .list .btnArrow { margin-top:3em; }
 
  @media only screen and (max-width:600px) { 
 	 .newIBox .list ul{ display: block;}
	 .newIBox .list li {  width: 100%;}
  }

.newDBox { margin-top: 2em; 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%; display: none;}
}

.newDeBox {text-align: left;}
.newDeBox .title { }
.newDeBox .about { margin-top: 0.5em; }
.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;}

@media only screen and (max-width:828px) { 
	.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: #0066cb;
display: block}
.pageTurn ul li  { padding:0.5em 0;}
.pageTurn ul li a { color: #333;}
.pageTurn ul li a:hover { color: #0066cb;} 

@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: #0066cb; 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 #0066cb;
 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: #0066cb; margin-right: 1.8em;}
.quesIBox .list dl.show .btnToggle .arrow {background-color: #0066cb;
 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: #0066cb; 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 {  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  .name {
	display: block; text-align: left; 
color: # 666; background-color: #F2F2F2; 
height: auto; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; padding:1em; }

.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: 3.8em 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: #0066cb; 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{margin-bottom: 2em;}
.aboutIBox img { display: block; width: 100%; height: auto;}
.aboutIBox .pctua { display:block; text-align:center; }   
.aboutIBox .sjtub{ display:none; text-align:center;}
.MobileOrPc{display: none;}
  @media only screen and (max-width:828px) {.aboutIBox .pctua { display:none; }  .aboutIBox .sjtub{ display:block;}}
 @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%;}
	.MobileOrPc{display: block;}
 }
 
 
 /*--serverBar--*/
 .serverBar {
 	display:block;
 	position:fixed;
 	z-index:99999999;
 	top: 350px;
 	right: 0px;
 }
 .serverBar li {
 	position:relative;
 	margin-bottom: 5px;
 }
 .serverBar li a {
 	display:block;
 	padding: 5px 5px;
 	width: 48px;
 	height: 48px;
 	text-align:center;
 	color:#666 !important;
 	background:#fff;
 	border:#f0f0f0 solid 1px;
 }
 .serverBar li a>i {
 	display:block;
 	font-size:18px;
 }
 .serverBar li a>span {
 	display:block;
 	font-size:12px;
 }
 .serverBar li:hover a {
 	color:#fff !important;
 	background:#0075be;
 	border-color:#0075be;
 }
 .serverBar li .infos {
 	display:none;
 	position:absolute;
 	left: -166px;
 	padding:10px;
 	background:#fff;
 	border:#f0f0f0 solid 1px;
 	box-shadow:0 0 10px rgba(255, 255, 255, 0.1);
 }
 .serverBar li .tel {
 	top:0;
 }
 .serverBar li .tel dt {
 	font-size:14px;
 	color:#666;
 }
 .serverBar li .tel dd {
 	padding-top:4px;
 	font-size:20px;
 	color: #006633;
 	border-bottom:#f0f0f0 solid 1px;
 }
 .serverBar li .QRcode {
 	bottom:0;
 	overflow:hidden;
 	left:-152px;
 }
 .serverBar li .QRcode .item {
 	overflow:hidden;
 	float: left;
 	margin: 0 5px;
 	width: 120px;
 }
 .serverBar li .QRcode .item i {
 	display:block;
 	margin:0 auto;
 	width:100px;
 }
 .serverBar li .QRcode .item img {
 	display:block;
 	width:100%;
 }
 .serverBar li .QRcode .item p {
 	font-size:14px;
 	color:#666;
 	text-align:center;
 }
 .serverBar li:hover .infos {
 	display:block;
 }
 .serverBar a .icon {
 	margin-top: 4px;
 	display: inline-block;
 	width: 20px;
 	height: 20px;
 	background: url(../images/r_icon.png) center center no-repeat;
 }
 .serverBar a:hover .icon {
 	background: url(../images/r_icon_a.png) center center no-repeat;
 }
 .serverBar a .icon.con, .serverBar a:hover .icon.con {
 	background-position: 0 0;
 }
 .serverBar a .icon.tel, .serverBar a:hover .icon.tel {
 	background-position: -20px 0;
 }
 .serverBar a .icon.vr, .serverBar a:hover .icon.vr {
 	background-position: -40px 0;
 }
 .serverBar a .icon.wx, .serverBar a:hover .icon.wx {
 	background-position: -60px 0;
 }
 .serverBar a .icon.top, .serverBar a:hover .icon.top {
 	background-position: -80px 0;
 }
 #gotop {
 	display: none;
 }
  @media(max-width:768px) {
 .serverBar {
 top: 55%;
 }
 .serverBar li {
 display:none;
 }
 .serverBar li:hover .tel {
 display:none !important;
 }
 .serverBar li:first-child, .serverBar li#backTop {
 display:block;
 }
 .serverBar li a {
 display:block;
 padding: 4px 4px;
 width: 42px;
 height: 42px;
 text-align:center;
 color:#666 !important;
 background:#fff;
 border:#f0f0f0 solid 1px;
 }
 .serverBar a .icon {
  margin: 0;
 }