@charset "utf-8";
/* CSS Document */

.searchProBox { margin: 49px auto 0;
	background-color: #eef2f5; padding: 30px;
	display: flex; justify-content: space-between; align-items: center;
}
.searchProBox .txt { text-align: left; flex: 1; margin-right: 3em;}
.searchProBox .txt .tit {  display: inline-block; font-weight: bold;}
.searchProBox .txt .tel { display: inline-block; font-weight: bold; color: #0084ff;}
.searchBox { position: relative; z-index: 0; 
background: #fff url(../images/search.png) 0.5em center no-repeat;
 background-size:1em auto; overflow: hidden;
 width: 390px;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
.searchBox .iw { padding: 0 6em 0 1.8em;}
.searchBox .input { line-height: 2.7em; height: 2.7em; width: 100%; outline-width: 0; border: 0;}
.searchBox .btn { position: absolute; z-index: 2; top: 0; right: 0; height: 2.7em;
color: #fff; width: 5.5em; background-color: #0084ff; line-height: 2.7; cursor: pointer; border:none}

@media only screen and (max-width:828px) { 
.searchProBox { display: block;}
.searchProBox .txt { margin-right: 0;}
.searchBox { margin-top: 1em; width: auto;}
}

/*产品*/
.proiBox {padding: 50px 0 100px; }
.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: #0084ff;
 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: #0084ff;
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: 78%;}

.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: 24%; color: #333;}
.proiBox .list li a {color: #333;}
.proiBox .list li:nth-child(4n){ margin-right: 0;}
.proiBox .list .lib { border: 1px solid #dfdfdf;}
.proiBox .list .pic { position: relative; z-index: 0; width: 100%; padding-top: 75%;
display: block; cursor: pointer; overflow: hidden;}
.proiBox .list .pic img {position: absolute; left: 0; top: 0; width: 100%; height:100%;
object-fit:contain; transition: all 0.5s; }
.proiBox .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);
}
.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: #0084ff;}
.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:center}
.proiBox .list .txt .name a { color: #333}
.proiBox .list .txt .name a:hover { color: #0084ff}
.proiBox .list .txt .intro { margin-top: 0.6em; margin-bottom: 0.9em;color: #777;
line-height: 1.5em; height: 1.5em; overflow: hidden;
text-overflow:ellipsis; white-space:nowrap; *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: 5% 0 10%;}
.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:48%; margin: 5% 0 0; margin-left:1%; margin-right:1%;}
.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;}
}

/*产品详情*/
.subProNav { position: fixed; z-index: 100; left: 0; right: 0; top: 88px; 
background-color: rgba(14,24,52,0.03);}
.subProNavGray {background-color: rgba(235,236,242,0.9);}
.subProNav .con { display: flex; justify-content: space-between; align-items: center; 
padding-top: 0.6em;}
.subProNav li {display: inline-block; line-height: 3.5em; margin-right: 3em; cursor: pointer; }
.subProNav li.cur { position: relative; z-index: 0; color: #DC000C;}
.subProNav li.cur a {color: #DC000C;}
.subProNav li.cur::after { content: ""; display: block; position: absolute; bottom: 0;
left: 50%; height: 3px; width: 2.2em; margin-left: -1.1em; background-color:#DC000C ;}
.subProNav .consBtn { background-color: transparent; line-height: 2.5; padding: 0 1.4em;}
.subProNav .consBtn:hover { background-color: #dc000c;}
.subProNav .consBtn::before { vertical-align: middle; content: ""; display: inline-block; 
width: 1.2em; height:1.2em;
background: url(../images/consult_red.png) no-repeat center center / contain; margin-right: 0.4em;
position: relative; top: -0.05em;
transition: all 0.5s;}
.subProNav .consBtn:hover::before { background-image: url(../images/consult.png);}
@media only screen and (max-width:828px) { 
	.subProNav { top: 60px;}
	.subProNav .con { flex-direction: column-reverse; align-items: flex-end;}
	.subProNav ul { width: 100%; display: flex; justify-content: space-between;flex-wrap: wrap;}
	.subProNav li { margin:0 2vw ;}
}

.proDe { padding: 7em 0 3em; background:#f0f1f7 url(../images/prodebg.jpg) no-repeat center center / cover;}
.proDe .name { font-family: "Montserrat-Bold";}

.proDe .swiper_pic_w { position: relative; z-index: 0; width: 27%; margin: 0 auto;}
.proDe .swiper_pic_w .pic { width: 100%; padding-top: 100%; position: relative; z-index: 0;}
.proDe .swiper_pic_w .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}

.proDe .swiper_pic_w .swiper-button-next,
.proDe .swiper_pic_w .swiper-button-prev{
  top: 50%;  margin-top: -1.9em;
  width: 3.8em;
  height: 3.8em;
  opacity: 1;
  transition: 0.1s;
  background:#d5d5d5 url(../images/arr_3.png) no-repeat center / auto 28%;
  border: 1px solid #d5d5d5;
  -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
}
.proDe .swiper_pic_w .swiper-button-next { right: -15.6em;}
.proDe .swiper_pic_w .swiper-button-prev { left: -15.6em;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Safari and Chrome */
}
.proDe .swiper_pic_w .swiper-button-next:hover,
.proDe .swiper_pic_w .swiper-button-prev:hover{
  background-color: #dc000c; border: 1px solid #dc000c;
 box-shadow: 0px 3px 20px 1px rgba(220,0,12,0.4);
}
.proDe .swiper_pic_w .swiper-button-disabled { opacity: 0.4;}
@media only screen and (max-width:828px) {
.proDe .swiper_pic_w {  width: auto; margin: 0 3.3em;}
.proDe .swiper_pic_w .swiper-button-prev,
.proDe .swiper_pic_w .swiper-button-next{
  margin-top: -1.3em;
  width: 2.6em;
  height: 2.6em;}
.proDe .swiper_pic_w .swiper-button-next { right: -3em;}
.proDe .swiper_pic_w .swiper-button-prev { left: -3em;}
}

.proDe .moreBtnRed { margin-top: 1.7em; line-height: 4.4em; padding:0 4.2em 0 3.8em;}
.proDe .videoBtn::before { vertical-align: middle; content: ""; display: inline-block; width: 2.3em; height: 2.3em;
background: url(../images/video.png) no-repeat center center / contain; margin-right: 0.7em;
position: relative; top: -0.1em;
transition: all 0.5s;}
.proDe .videoBtn:hover::before { background-image: url(../images/video_red.png);}

.proInfoBox { padding: 0 0 0;}
.proInfoBox .title { padding: 1.6em 0 0.8em; text-align: left; border-bottom: 1px solid #E9E9E9; font-family: "Montserrat-Bold";}
.proInfoBox .txt{ padding: 1.5em 1.3em; text-align: left; color: #7d7d7d; line-height: 1.7;}
.proInfoBox .listPara { padding-bottom:3%;}
.proInfoBox .listPara ul {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
.proInfoBox .listPara li { margin-top: 3.4%; width: 25%; display: flex; justify-content: flex-start; align-items: flex-start;
text-align: left;}
.proInfoBox .listPara .picPara { margin-top: 0.4em; margin-left: 4.2%; max-width: 37.5px;
 width: 8.7%; padding-top: 8.7%; position: relative; z-index: 0;}
.proInfoBox .listPara .picPara img { position: absolute; left: 0; top: 0;
 width: 100%; height: 100%; object-fit: contain;}
.proInfoBox .listPara .txtPara { margin-right: 9%; margin-left: 5%; flex: 1;}
.proInfoBox .listPara .txtPara .t1 {font-family: "Montserrat"; font-size: 1.5em;}
.proInfoBox .listPara .txtPara .t2 { color: #a5a5a5; line-height: 1.3; margin-top: 0.5em;}

@media only screen and (max-width:828px) { 
	.proInfoBox .listPara li { width: 100%; margin-top: 5%;}
	.proInfoBox .listPara .txtPara .t1 { font-size: 1.3em;}
}

.swiper-video { margin-top: 3.2%; padding-bottom: 1.9%;}
.swiper-video .swiper-slide { width: 33.3%;}
.swiper-video .pic,.swiper-video .iframe { position: relative; z-index: 0; padding-top: 76.8%; overflow: hidden;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
.swiper-video .pic img { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover; transition: all 0.3s;}
.swiper-video .swiper-slide:hover .pic img {
-ms-transform: scale(1.05, 1.05);
-webkit-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}
.swiper-video .pic video ,.swiper-video .iframe iframe{ position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; 
object-fit: contain; background-color: #000;}
.swiper-video .pic .picMask { position: absolute; z-index: 10;
 position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.3);
 display: flex; justify-content: center; align-items: center; flex-direction: column;
 color: #fff;
}
.swiper-video .pic .picMask .name{font-family: "Montserrat"; margin-top: 1.1em; }
.swiper-video .pic .picMask .playBtn { cursor: pointer; width: 3em; height: 3em; border: 1px solid #fff;
display: block; margin: 0 auto 0;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
background: url(../images/arr_4.png) no-repeat center center / 28% auto;
}

.swiper-video .swiper-pagination { margin-top: 1.5%; position: static;
display: flex; justify-content: center; align-items: center;}
.swiper-video .swiper-pagination-bullet { margin: 0 10px; width: 8px; height: 8px; opacity: .15;}
.swiper-video .swiper-pagination-bullet-active {margin: 0 10px; opacity: 1; border: 1px solid #dc000c; 
width: 18px; height: 18px; background-color: transparent;
display: flex; justify-content: center; align-items: center;}
.swiper-video .swiper-pagination-bullet-active::after { content: "";
display: block; width: 8px; height: 8px; background-color: #dc000c;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;} 
.swiper-video.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 10px;}
@media only screen and (max-width:828px) { 
.swiper-video {
    margin-top: 5%;
    padding-bottom:10%;
}
.swiper-video .swiper-pagination { margin-top: 5%}
}

	

/*news*/
.newiBox { border-top:1px solid #eee; padding: 20px 0 100px;}
.newiBox .list li .lib { padding: 50px 0 30px; display: flex; justify-content: space-between; 
align-items: flex-start; border-bottom:1px solid #ddd ;}
.newiBox .list .line {transition: all 0.5s;
	margin-right: 1em; margin-top: 1.3em; height: 1px; width: 40px; background-color: #aaaaaa;}
.newiBox .list li:hover .line { width:  60px;}
.newiBox .list .time { color: #999;}
.newiBox .list .time .mmdd { width: 5em;}
.newiBox .list .time .arr { margin:1.7em auto 0 2em; width: 2.7em; height: 2.1em;
background: url(../images/arr3.png) center center no-repeat;
background-size:60% auto ; transition: all 0.5s;}
.newiBox .list li:hover .time .arr {background-color: #0084ff;}
.newiBox .list .txt { flex: 1; text-align: left;}
.newiBox .list .name { font-weight: bold; height: 1.7em; overflow: hidden; line-height: 1.7;}
.newiBox .list .name a { color: #000;}
.newiBox .list .intro { margin-top: 0.7em; line-height: 1.7; height: 3.4em; overflow: hidden; color: #999;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; }
.newiBox .list li:hover .time { color: #333;}
.newiBox .list li:hover .name a { color: #0084ff;}
.newiBox .list .pic { margin: 0 1.2% 0 1.8%; position: relative; z-index: 0; width:12%; padding-top: 110px;
display: block; cursor: pointer; overflow: hidden;}
.newiBox .list .pic img {position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit:contain; transition: all 0.5s; }
.newiBox .list .pic:hover img  {
	-ms-transform: scale(1.08, 1.08);
	-webkit-transform: scale(1.08, 1.08);
	transform: scale(1.08, 1.08);
}
@media only screen and (max-width:828px) { 
.newiBox .list li .lib { flex-wrap: wrap; padding: 20px 0 10px;}
.newiBox .list .line { display: none;}
.newiBox .list .pic { margin-top: 1em; width: 100%;padding-top:60%; margin-right:0px;}
.newiBox .list .time .mmdd { text-align: left; width: 4em;}
.newiBox .list .time .arr { margin-left: 0;}
}

.newDBox { padding: 55px 0 95px;}
.newDBox .title { font-weight: normal;}
.newDBox .about { color: #707070; margin-top: 1.3em; padding: 1.3em 0 0; border-top:1px solid #d9d9d9 ;}
.newDBox .about span { display: inline-block; margin: 0 0.7em;}
.newDBox .about a {color: #707070;}
.newDBox .content { margin-top: 2.5em; line-height: 1.9; text-align: left; color: #666;}
.newDBox .content p { margin-top: 0.8em;}
@media only screen and (max-width:828px) {
	.newDBox .title { font-weight: bold; font-size: 20px;}
}

.proDBox {  padding: 68px 0 95px;}
.proTBox { display: flex; justify-content: space-between; align-items: flex-start; }
.proTBox .picb {width: 39%;}
.proTBox .pic {border:1px solid #eee; position: relative; z-index: 0; 
width: 100%; padding-top: 66.5%;
display: block; cursor: pointer; overflow: hidden;}
.proTBox .pic img {position: absolute; left: 0; top: 0;  height: 100%; text-align: center;
object-fit:cover; transition: all 0.5s; }
.proTBox .txtb { width: 57.3%; text-align: left;}
.proTBox .txtb .name { color: #262626; font-weight: bold;}
.proTBox .txtb .intro { margin-top:0.9em; color: #666; line-height: 1.9;}
.proTBox .txtb .btnW { margin-top: 1.2em;border-top:1px solid #ccc;}
.proTBox .txtb .btnW .moreBtn3{ margin-right: 1em;}
.proTBox .txtb .btnsW { margin-top: 38px;}
.proTBox .txtb .btnsW a { display: inline-block; margin-right: 1em; color: #666;}
.proTBox .txtb .btnsW a:hover {color: #0084ff;}
.proTBox .txtb .btnsW i { display: inline-block; width: 20px; height: 20px;
background: center center no-repeat; margin-right: 3px;
background-size:contain; vertical-align: middle; position: relative; top: -1px;}
.proTBox .txtb .btnsW i.i_share {background-image: url(../images/share.png)}
.proTBox .txtb .btnsW i.i_honor {background-image: url(../images/honor.png)}
.proTBox .txtb .btnsW i.i_case {background-image: url(../images/case.png)}
@media only screen and (max-width:828px) {
.proTBox { display: block;}	
.proTBox .txtb { width: 100%; margin-top: 1.5em;}	
.proTBox .picb {width: 100%;}
.proTBox .txtb .btnW .moreBtn3 { padding: 0 2em;}
}

.desBox { margin-top: 40px;}
.desBox .tit { text-align: left;  border-bottom: 1px solid #d9d9d9;}
.desBox .tit .name{ line-height: 3.78em; width: 25%; font-weight: bold; display: inline-block;  text-align: center;
border-bottom: 2px solid #ff6600; color: #fff; font-weight: bold; background-color: #0084ff;}
.desBox .content { margin-top: 1.5em; overflow: hidden;}
.desBox .content img { max-width: 100%; height: auto;}

.proDBox  .pageTurn {border-bottom: 0}

 .pageTurn { 
 margin-top: 70px; border-bottom: 1px solid #d9d9d9;}
 .pageTurn ul {display: flex; justify-content: space-between; align-items: center;}
 .pageTurn li { margin: 1.2em 0; text-align: left; width: 45%; height: 1.5em; 
line-height: 1.5em; overflow: hidden; color: #707070;}
 .pageTurn li:nth-child(2) { text-align: right;}
 .pageTurn li a {color: #707070;}
 .pageTurn li a:hover { color: #0084ff;}
@media only screen and (max-width:828px) { 
	 .pageTurn ul { display: block;}
	 .pageTurn li { width: 100%;}
	 .pageTurn li:nth-child(2) { text-align: left;}
}

/*应用领域*/
.fieldiBox { padding-bottom: 68px;}
.fieldiBox .list ul {margin: 1% 0 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch;}
.fieldiBox .list li { margin: 2.5% 1.33% 0 0; width: 24%; color: #333;}
.fieldiBox .list li a {color: #333;}
.fieldiBox .list li:nth-child(4n){ margin-right: 0;}
.fieldiBox .list .lib { border: 1px solid #dfdfdf;}
.fieldiBox .list .pic { position: relative; z-index: 0; width: 100%; padding-top: 75.4%;
display: block; cursor: pointer; overflow: hidden;}
.fieldiBox .list .pic img {position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit:cover; transition: all 0.5s; }
.fieldiBox .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);
}
.fieldiBox .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;}
.fieldiBox .list li:hover .pic .icon { opacity: 1;}
.fieldiBox .list li:hover a { color: #0084ff;}
.fieldiBox .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, .5);
transition: all 0.5s ease;}
.fieldiBox .list li:hover .txts {filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}
.fieldiBox .list .txts .name { color: #fff; width: 60%; margin: 0.4em 0;}
.fieldiBox .list .txts .line { background-color: #fff; height: 1px; width: 5em;transition: all 0.5s ease;}
.fieldiBox .list li:hover .txts .line { width: 1.2em;}
.fieldiBox .list .txt {border-top: 1px solid #dfdfdf; padding: 1.5em 1.5em 1.5em; text-align:left;}
.fieldiBox .list .txt .name {
line-height: 1.5em; height: 1.5em; overflow: hidden;
text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;}
.fieldiBox .list .txt .intro { margin-top: 0.5em; color: rgba(119,119,119);
line-height: 1.5em; height: 1.5em; overflow: hidden;
text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;}
@media only screen and (max-width:828px) { 
.fieldiBox .list ul { display: block;}
.fieldiBox .list li { width: 100%; margin:5% 0 0;}
}


/*关于我们*/
.aboutBox { padding: 140px 0 20px;}
.aboutBox .con { display: flex; justify-content: space-between; 
align-items: flex-start; flex-direction: row-reverse;}
.aboutBox .picb { width: 47%;}
.aboutBox .pic { position: relative; z-index: 0; padding-top: 70%;}
.aboutBox .pic img { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; object-fit: cover;}
.aboutBox .pic::after { position: absolute; top: 0; right: 0; margin-top: -10.6%; margin-right: -18.7%;
 content: "";  z-index: 0;
display: block; width: 95%; padding-top: 70%; background-color: #eef2f5;}
.aboutBox .txtb { width: 50%; text-align: left;}
.aboutBox .txtb .title {line-height: 1.4; color: #000; font-weight: bold;}
.aboutBox .txtb .title::after {  display: block; content: ""; width: 1.3em; margin: 0.8em auto 0 0;
background-color: #1e83d1; height: 3px;}
.aboutBox .txtb .about {line-height: 1.5; margin-top:0.5em ; color: #000;}
.aboutBox .txtb .intro{ line-height: 2; margin-top: 1.4em; color: #222222;}

@media only screen and (max-width:828px) { 
.aboutBox .pic::after{ display:none}
	.aboutBox { padding: 40px 0 50px;}
.aboutBox .con { display: block;}
.aboutBox .picb { width: 100%;}
.aboutBox .txtb { width: 100%; margin-top: 3em;}
}

.cultBox { padding: 116px 0 112px; background: url(../images/about_2.jpg) center center no-repeat;
background-size:cover; color: #fff;}
.cultBox .title { font-weight: bold; }
.cultBox .title::after { display: block; content: ""; background-color: #F0f0f0; 
height: 3px; width: 1.1em; margin: 0.4em auto 0;}
.cultBox .title2 { margin: 0.9em 5%;}
.cultBox .list { margin-top: 3.6%;}
.cultBox .list ul { display: flex; justify-content: space-between; align-items: stretch;}
.cultBox .list ul li{ flex: 1; transition: all 0.5s; padding: 2.6% 0 3%; text-align: left;}
.cultBox .list ul li:hover { background-color: #0084ff;} 
.cultBox .list ul li .name {margin: 0 7%;}
.cultBox .list ul li .intro { margin: 0.5em 7% 0; line-height: 1.5;}


@media only screen and (max-width:828px) { 
.cultBox .list ul { display: block;}
.cultBox .list ul li { border-bottom:1px solid rgba(255,255,255,0.2) ; padding: 6% 0 6%; }
}

.ideaBox { padding: 72px 0 0px; }
.ideaBox .title { font-weight: bold; }
.ideaBox .title::after { display: block; content: ""; background-color: #0656a9; 
height: 3px; width: 1.1em; margin: 0.4em auto 0;}
.ideaBox .title2 { margin: 0.9em 5%;}
.ideaBox .list { margin-top: 2em;}
.ideaBox .list ul { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.ideaBox .list ul li{ width: 32%; margin-right: 2%; text-align: left; position: relative; z-index: 0; }
.ideaBox .list ul li:nth-child(3n) {margin-right: 0;}
.ideaBox .list .pic { position: relative; z-index: 0;  width: 100%;padding-top: 102.5%;
display: block; cursor: pointer; overflow: hidden;}
.ideaBox .list .pic img {position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit:cover; transition: all 0.5s; }
.ideaBox .list .pic:hover img  {
	-ms-transform: scale(1.08, 1.08);
	-webkit-transform: scale(1.08, 1.08);
	transform: scale(1.08, 1.08);
}
.ideaBox .list ul li .txt { position: absolute;  z-index: 2;  
top: 0; left: 0; bottom: 0; width: 100%;  padding-bottom: 8.4%;
 transition: all 0.5s; color: #fff;
display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch;
background: linear-gradient(to top, #384355 2%, rgba(0, 0, 0, 0.98) 5%, rgba(0, 0, 0, 0) 30%);
}
.ideaBox .list ul li:hover .txt {background: linear-gradient(to top, #000 2%, rgba(0, 0, 0, 0.98) 5%, rgba(0, 0, 0, 0) 30%);}
.ideaBox .list ul li .name {margin: 0 8%; font-weight: bold;}
.ideaBox .list ul li .line {  height: 1px; width: 1.5em; background-color: #fff; margin: 7% auto 0 8%;}
.ideaBox .list ul li .intro { margin: 1em 8% 0; line-height: 1.5;}


@media only screen and (max-width:828px) { 
.ideaBox .list ul { display: block;}
.ideaBox .list ul li { width: 100%; margin-right: 0; }
}

/*人才理念*/
.talentBox {padding: 72px 0 64px; }
.talentBox .title { font-weight: bold; }
.talentBox .title::after { display: block; content: ""; background-color: #0656a9; 
height: 3px; width: 1.1em; margin: 0.4em auto 0;}
.talentBox .title2 { margin: 0.9em 5%;}
.talentBox .picb { margin-top: 3em; display: flex; justify-content: space-between; align-items: stretch;}
.talentBox .picbL { position: relative; z-index: 0; width: 49%; margin-bottom:20px;}
.talentBox .picbL .pic {}
.talentBox .picbL .pic img {width: 100%; height: 100%; transition: all 0.5s; }


.talentBox .picbL:hover .pic img  {
	-ms-transform: scale(1.03, 1.03);
	-webkit-transform: scale(1.03, 1.03);
	transform: scale(1.03, 1.03);
}

.lineBlock {
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}


.talentBox .picbL .txt {background-color: rgba(246, 246, 246, 1);
color: #fff; text-align: left; margin-top:-10px; min-height:200px;}
.talentBox .picbL .txtc { padding: 2.8% 4.4%; text-align: left;}
.talentBox .picbL .txtc .name { font-weight: bold; color:#333}
.talentBox .picbL .txtc .intro { margin-top: 0.4em; line-height: 2; color:#666}

.talentBox .picbR { width: 49%; display: flex; flex-direction: column; align-items: stretch;}
.talentBox .picbR .txt { margin-bottom: 2.2%; background-color: #666666; color: #fff; margin-top:-10px;}
.talentBox .picbR .txtc { line-height: 2; padding:5.4% 5.6%; text-align: left;} 
.talentBox .picbR .pic { }
.talentBox .picbR .pic img { width: 100%; height: 100%; object-fit: cover;}

@media only screen and (max-width:828px) { 
.talentBox .picb { display: block;}
.talentBox .picbL { width: 100%}
.talentBox .picbR { width: 100%; margin-top:2.2% ;}
.talentBox .picbR .pic { padding-top: 46.7%;}
}

/*招聘岗位*/
.jobBox {padding: 72px 0 64px; background-color: #f2f4f6; }
.jobBox .title { font-weight: bold; }
.jobBox .title::after { display: block; content: ""; background-color: #0656a9; 
height: 3px; width: 1.1em; margin: 0.4em auto 0;}

.jobBox .list { margin: 3em auto 0;  width: 96%; padding: 3.3% 1.2%;
background: #f5f5f5; line-height: 1.5;
    -moz-box-shadow: 0 0 30px rgb(150 150 150 / 40%);
	-webkit-box-shadow: 0 0 30px rgb(150 150 150 / 40%);
	box-shadow: 0 0 30px rgb(150 150 150 / 40%);
    border-radius: 8px;}
.jobBox .list dl {border-bottom: 1px solid #dadada;}
.jobBox .list dt { cursor: pointer; background-color: #fff; padding: 1.8em 1.3% 1.7em;  text-align: left;
display: flex; align-items: center; justify-content: space-between;}
.jobBox .list .col_1 { flex: 1; margin-right: 2%;}
.jobBox .list .col_2 { width: 21%; margin-right: 2%;}
.jobBox .list .col_3 { width: 21%; margin-right: 2%;}
.jobBox .list .col_4 { width: 14.7%; margin-right: 2%;}
.jobBox .list .col_5 { width: 35px;}

.jobBox .list .icon { width: 2em; height: 2em; position: relative; z-index: 0;}
.jobBox .list .icon::after { position: relative; top: 25%; margin: 0 auto 0;
 width: 1px; height: 50%; 
content: ""; display: block;
background-color: #777;}
.jobBox .list .icon::before { position: absolute;
top: 50%; left: 25%; margin-top: -0.5px; width: 50%; height: 1px; 
content: ""; display: block;
background-color: #777;}
.jobBox .list .show dt .icon::after { display: none;}

.jobBox .list dd { display: none; padding: 2em 1.3% 1.7em;  text-align: left; color: #595959; line-height: 3.5;}
.jobBox .list dd .info { padding-bottom: 1.2em; margin-bottom: 0.2em; border-bottom:1px solid #fff; line-height: 1.5;}
.jobBox .list dd .info ul { display: flex; flex-wrap: wrap; 
justify-content: flex-start; align-items: flex-start;}
.jobBox .list dd .info ul li { padding: 0.4em 0 0.3em; width: 30%; margin-right: 3.3%;}

.jobBox .list .listTit dt { cursor: initial; padding: 0.8em 1.3% 0.7em;  background-color: #666666; font-weight: bold; color: #fff;}

@media only screen and (max-width:828px) { 
.jobBox .list dd .info ul { display: block;}
.jobBox .list dd .info ul li { width: 100%; margin-right: 0;}
.jobBox .list .col_2 { display: none;}
.jobBox .list .col_3 { display: none;}
.jobBox .list .col_4 { width: 40%;}
.jobBox .list .listTit dt { padding-left: 3%;}
.jobBox .list dt {  padding: 0.6em 1.3% 0.5em 3%; }
}



@media only screen and (max-width:1440px){
.aboutBox .pic::after {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -10.6%;
    margin-right: -2%;
    content: "";
    z-index: 0;
    display: block;
    width: 95%;
    padding-top: 70%;
    background-color: #eef2f5;
}

}