/** name:Global && Pc StyleSheet
* version:v3.4.2
* update:添加百度地图容器样式；默认隐藏百度分享的触控弹层
* date:2017-08-11
*/
/*********************************/

.slider_one_big_picture {
  position: relative;
  width: 50vw;
  height: 38vw;
  margin: 0 auto;
  user-select: none;
  /*overflow: hidden;*/
}

.slider_one_big_picture > * {
  transition: ease all 1s;
}

.slider_one_big_picture .hidden {
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.slider_one_big_picture .active {
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.slider_one_big_picture .prev1,
.slider_one_big_picture .next1 {
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0%;
  width: 0px;
  height: 100%;
  z-index: 0;
}

.slider_one_big_picture .next1 {
  left: 100%;
}

.slider_one_big_picture .prev2,
.slider_one_big_picture .next2 {
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0%;
  width: 0px;
  height: 100%;
  z-index: 0;
}

.slider_one_big_picture .next2 {
  left: 100%;
}

/*********************************/

.slider_one_big_2 {
  position: relative;
  width: 50%;
  height: 38vw;
  max-width: 640px;
  max-height: 480px;
  margin: 0 auto;
  user-select: none;
}

.slider_one_big_2 > * {
  transition: ease all 1s;
}

.slider_one_big_2 .hidden {
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -100%;
  width: 100%;
  max-width: 640px;
  height: 100%;
  z-index: 0;
}

.slider_one_big_2 .active {
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -50%;
  width: 100%;
  max-width: 640px;
  height: 100%;
  z-index: 10;
}

.slider_one_big_2 .prev1,
.slider_one_big_2 .next1 {
  /*opacity: 0.5;*/
  position: absolute;
  top: 0px;
  left: 40%;
  margin-left: -150%;
  width: 100%;
  max-width: 640px;
  height: 100%;
  z-index: 3;
}

.slider_one_big_2 .next1 {
  left: 50%;
  margin-left: 60%;
}

.slider_one_big_2 .prev2,
.slider_one_big_2 .next2 {
  /*opacity: 0;*/
  position: absolute;
  top: 0px;
  left: 30%;
  margin-left: -250%;
  width: 100%;
  max-width: 640px;
  height: 100%;
  z-index: 1;
}

.slider_one_big_2 .next2 {
  left: 70%;
  margin-left: 150%;
}

.slider_one_big_2 .prev3,
.slider_one_big_2 .next3 {
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -50%;
  width: 100%;
  max-width: 640px;
  height: 100%;
  z-index: 0;
}

/*********************************/

/*********************************/

.slider_circle_10 {
  position: relative;
  width: 70vw;
  /* 640px; */
  height: 53.2vw;
  margin: 0 auto;
  user-select: none;
}

.slider_circle_10 > * {
  transition: ease all 1s;
}

.slider_circle_10 > div,
.slider_circle_10 .hidden {
  opacity: 0;
  position: absolute;
  top: 20%;
  left: 50%;
  width: 1px;
  height: 1px;
  z-index: 0;
  overflow: hidden;
}

.slider_circle_10 .active {
  opacity: 1;
  position: absolute;
  top: 30%;
  left: 50%;
  margin-left: -25%;
  width: 50%;
  height: 50%;
  z-index: 10;
}

.slider_circle_10 .prev1,
.slider_circle_10 .next1 {
  opacity: 0.9;
  position: absolute;
  top: 60%;
  left: 50%;
  margin-left: -45%;
  width: 25%;
  height: 25%;
  z-index: 9;
}

.slider_circle_10 .next1 {
  margin-left: 15%;
}

.slider_circle_10 .prev2,
.slider_circle_10 .next2 {
  opacity: 0.7;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -50%;
  width: 15%;
  height: 15%;
  z-index: 8;
}

.slider_circle_10 .next2 {
  margin-left: 35%;
}

.slider_circle_10 .prev3,
.slider_circle_10 .next3 {
  opacity: 0.5;
  position: absolute;
  top: 35%;
  left: 50%;
  margin-left: -50%;
  width: 7%;
  height: 7%;
  z-index: 7;
}

.slider_circle_10 .next3 {
  margin-left: 43%;
}

.slider_circle_10 .prev4,
.slider_circle_10 .next4 {
  opacity: 0.3;
  position: absolute;
  top: 25%;
  left: 50%;
  margin-left: -40%;
  width: 3%;
  height: 3%;
  z-index: 6;
}

.slider_circle_10 .next4 {
  margin-left: 37%;
}

.slider_circle_10 .prev5,
.slider_circle_10 .next5 {
  opacity: 0.1;
  position: absolute;
  top: 20%;
  left: 50%;
  margin-left: -15%;
  width: 2%;
  height: 2%;
  z-index: 5;
}

.slider_circle_10 .next5 {
  margin-left: 13%;
}

/*********************************/

.slider_four_in_line {
  width: 100vw;
  height: 19.5vw;
  position: relative;
  margin: 0 auto;
  user-select: none;
}

.slider_four_in_line > * {
  transition: ease all 1s;
  overflow: hidden;
}

.slider_four_in_line .hidden {
  opacity: 0;
  z-index: 0;
  top: 0px;
  left: 50%;
}

.slider_four_in_line .active,
.slider_four_in_line .next1,
.slider_four_in_line .next2,
.slider_four_in_line .next3,
.slider_four_in_line .next4,
.slider_four_in_line .prev1 {
  position: absolute;
  width: 24%;
  height: 100%;
  top: 0px;
  left: 25%;
  z-index: 10;
  margin: 0 0.5%;
}

.slider_four_in_line .next1 {
  left: 50%;
}

.slider_four_in_line .next2 {
  left: 75%;
}

.slider_four_in_line .next3 {
  width: 0%;
  left: 100%;
  z-index: 0;
  opacity: 0;
}

.slider_four_in_line .next4 {
  left: 100%;
  width: 0%;
  z-index: 0;
  opacity: 0;
}

.slider_four_in_line .prev1 {
  position: absolute;
  width: 24%;
  height: 100%;
  top: 0px;
  left: 0%;
  z-index: 10;
  opacity: 1;
}

.slider_four_in_line .prev2,
.slider_four_in_line .prev3,
.slider_four_in_line .prev4 {
  position: absolute;
  width: 0%;
  height: 100%;
  top: 0px;
  left: 0%;
  z-index: 0;
  opacity: 0;
}

/*********************************/

.slider_clock {
  width: 600px;
  height: 600px;
  position: relative;
  margin: 0 auto;
  user-select: none;
}

.slider_clock > * {
  transition: ease all 1s;
}

.slider_clock .active {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -200px;
  margin-top: -125px;
  width: 400px;
  height: 250px;
  transform: rotate(0deg);
  opacity: 1;
  z-index: 10;
  overflow: hidden;
}

.slider_clock .next1,
.slider_clock .next2,
.slider_clock .next3,
.slider_clock .next4,
.slider_clock .next5,
.slider_clock .next6,
.slider_clock .next7,
.slider_clock .prev1,
.slider_clock .prev2,
.slider_clock .prev3,
.slider_clock .prev4,
.slider_clock .prev5,
.slider_clock .prev6,
.slider_clock .prev7,
.slider_clock .hidden {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 96px;
  height: 60px;
  margin-top: 200px;
  margin-left: -48px;
  transform-origin: 48px -200px;
  transform: rotate(0deg);
  opacity: 1;
  overflow: hidden;
}

.slider_clock .next2 {
  transform: rotate(-30deg);
}

.slider_clock .next3 {
  transform: rotate(-60deg);
}

.slider_clock .next4 {
  transform: rotate(-90deg);
}

.slider_clock .next5 {
  transform: rotate(-120deg);
}

.slider_clock .next6 {
  transform: rotate(-150deg);
}

.slider_clock .next7 {
  opacity: 0;
  transform: rotate(-180deg);
}

.slider_clock .prev1 {
  transform: rotate(30deg);
}

.slider_clock .prev2 {
  transform: rotate(60deg);
}

.slider_clock .prev3 {
  transform: rotate(90deg);
}

.slider_clock .prev4 {
  transform: rotate(120deg);
}

.slider_clock .prev5 {
  transform: rotate(150deg);
}

.slider_clock .prev6 {
  transform: rotate(180deg);
}

.slider_clock .prev7 {
  opacity: 0;
  transform: rotate(210deg);
}

.slider_clock .hidden {
  opacity: 0;
  transform: rotate(180deg);
}


/*********************************/

.nav_indicators {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  z-index: 50000;
}

.nav_indicators ul {
  position: static;
  display: inline-block;
  margin: 0 auto;
  padding: 0;
}

.nav_indicators ul li {
  position: static;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 10px;
  padding: 0;
  overflow: hidden;
  background: #fff;
  color: #fff;
  border: 2px solid #000;
  border-radius: 50%;
  cursor: pointer;
}

.nav_indicators ul li.active {
  position: static;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 10px;
  padding: 0;
  background: #555;
  color: #555;
  border: 2px solid #aaa;
  border-radius: 50%;
  cursor: pointer;
}

.next_button,
.prev_button {
  position: absolute;
  left: 100% !important;
  top: 50% !important;
  margin: -15px 0 0 -25px !important;
  width: 50px !important;
  height: 50px !important;
  border: 1px solid #000 !important;
  background: #fff !important;
  opacity: 0.5 !important;
  z-index: 5000 !important;
  cursor: pointer;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  
}

.prev_button {
  position: absolute;
  left: 0% !important;
}

.next_button:hover,
.prev_button:hover {
  opacity: 1 !important;
}
.next_button:after,
.prev_button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 1px;
  margin-top: -10px;
}

.next_button:after {
  border-left: 15px solid #000;
  border-right: 15px solid transparent;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  margin-left: -5px;
}

.prev_button:after {
  border-right: 15px solid #000;
  border-left: 15px solid transparent;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  margin-left: -25px;
}


div.slider > div:not(.nav_indicators):not(.next_button):not(.prev_button) {
  box-shadow: 0px 1px 3px #000;
  border: 1px solid #000;
  background: #fff;
  text-align: center;
  box-sizing: border-box;
  
}

@media(max-width:780px){
  .ipart03 .hd {padding-left:0!important}
.ipart03 .hd .left{float:none !important}
._img{width:auto !important}
.slide>div{text-align:center}
.cover .box .con{width:100%}
#slides{position:relative;height:650px !important}
.current{margin:0 !important}
.slide{width:auto !important;height:650px !important;left:0 !important;top:0 !important}
.ipart02 .bd .slide .cover{margin-right:0 !important}

}
.cover .box .con {
  font-size:12px;
  color: #5e5e5e;
  /*line-height: 0.26rem;*/
  width: 100%;
  margin: 0.2rem 0 0.4rem;
}
.cover .box .tit {
  font-size:23px;
  color: rgb(62, 147, 138);
  line-height: 1.2;
  text-align:center;
}
.nav_ul>li>a:hover{color:rgb(62, 147, 138)}
@media(min-width:780px){.xl{position: absolute;display: none; margin-left: -70px;}}
@media(max-width:780px){.xl{margin-top:20px; margin-left: 0px;}}
.xl {
  border:1px solid #9999995c;
  line-height: 40px;
  top: 60px;
  border-top: 4px solid rgb(62, 147, 138);
  left: 47.5%;
  background-color: #fff;
  width: 140px;
  
  z-index: 999;
}
.xl>a {  font-size: 14px;
  display: block;
  width: 100%;
  text-align: center;
  transition: all .3s;
  position: relative;
  color: #333;
}
.fixed .left .fix .navv ul li a:hover{color:rgb(62, 147, 138)}
.ipart_infor{text-align:center}
*{margin: 0;padding: 0;box-sizing: border-box;}
.ipart_infor .tit_en:before{
  content: '';
  position: absolute;
  right: 125%;
  width: 0.45rem
    ;
  height: 2px
    ;
  background: rgb(62, 147, 138);
  top: 50%;
  margin-top: -1px
    ;
}
/*@media(min-width:780px){.nav_ul>li>a{color: #fff !important;}}*/
.row1,.row2 {--bs-gutter-x: 0.5rem;--bs-gutter-y: 0;display: flex;flex-wrap: wrap;margin-top: calc(-1 * var(--bs-gutter-y));margin-right: calc(-.5 * var(--bs-gutter-x));margin-left: calc(-.5 * var(--bs-gutter-x));}
.row{width:101%;transition:.2s width ease;*zoom:1}.row:before,.row:after{display:table;clear:both;content:''}.row>[class*="span-"]{float:left;margin-right:1%;*margin-right:.89%}.row>.span-1{width:7.33333333%}.row>.span-2{width:15.66666667%}.row>.span-3{width:24%}.row>.span-4{width:32.33333333%}.row>.span-5{width:40.66666667%}.row>.span-6{width:49%}.row>.span-7{width:57.33333333%}.row>.span-8{width:65.66666667%}.row>.span-9{width:74%}.row>.span-10{width:82.33333333%}.row>.span-11{width:90.66666667%}.row>.span-12{width:99%}.full-row{width:100%;transition:.2s width ease;*zoom:1}.full-row:before,.full-row:after{display:table;clear:both;content:''}.full-row>[class*='span']{float:left}.full-row>.span-1{width:8.33333333%;*width:8.22333333%}.full-row>.span-2{width:16.66666667%;*width:16.55666667%}.full-row>.span-3{width:25%;*width:24.89%}.full-row>.span-4{width:33.33333333%;*width:33.22333333%}.full-row>.span-5{width:41.66666667%;*width:41.55666667%}.full-row>.span-6{width:50%;*width:49.89%}.full-row>.span-7{width:58.33333333%;*width:58.22333333%}.full-row>.span-8{width:66.66666667%;*width:66.55666667%}.full-row>.span-9{width:75%;*width:74.89%}.full-row>.span-10{width:83.33333333%;*width:83.22333333%}.full-row>.span-11{width:91.66666667%;*width:91.55666667%}.full-row>.span-12{width:100%;*width:99.89%}.row>.pull-right,.full-row>.pull-right{float:right}.row>.center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.pull-left-1{position:relative;left:-8.33333333%}.pull-left-2{position:relative;left:-16.66666667%}.pull-left-3{position:relative;left:-25%}.pull-left-4{position:relative;left:-33.33333333%}.pull-left-5{position:relative;left:-41.66666667%}.pull-left-6{position:relative;left:-50%}.pull-left-7{position:relative;left:-58.33333333%}.pull-left-8{position:relative;left:-66.66666667%}.pull-left-9{position:relative;left:-75%}.pull-left-10{position:relative;left:-83.33333333%}.pull-left-11{position:relative;left:-91.66666667%}.pull-left-12{position:relative;left:-100%}.pull-right-1{position:relative;left:8.33333333%}.pull-right-2{position:relative;left:16.66666667%}.pull-right-3{position:relative;left:25%}.pull-right-4{position:relative;left:33.33333333%}.pull-right-5{position:relative;left:41.66666667%}.pull-right-6{position:relative;left:50%}.pull-right-7{position:relative;left:58.33333333%}.pull-right-8{position:relative;left:66.66666667%}.pull-right-9{position:relative;left:75%}.pull-right-10{position:relative;left:83.33333333%}.pull-right-11{position:relative;left:91.66666667%}.pull-right-12{position:relative;left:100%}
@media only screen and (max-width:1024px){.row>.midd-1{width:7.33333333%}.row>.midd-2{width:15.66666667%}.row>.midd-3{width:24%}.row>.midd-4{width:32.33333333%}.row>.midd-5{width:40.66666667%}.row>.midd-6{width:49%}.row>.midd-7{width:57.33333333%}.row>.midd-8{width:65.66666667%}.row>.midd-9{width:74%}.row>.midd-10{width:82.33333333%}.row>.midd-11{width:90.66666667%}.row>.midd-12{width:99%}.midd-hide{display:none}.midd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.midd-1{width:8.33333333%}.full-row>.midd-2{width:16.66666667%}.full-row>.midd-3{width:25%}.full-row>.midd-4{width:33.33333333%}.full-row>.midd-5{width:41.66666667%}.full-row>.midd-6{width:50%}.full-row>.midd-7{width:58.33333333%}.full-row>.midd-8{width:66.66666667%}.full-row>.midd-9{width:75%}.full-row>.midd-10{width:83.33333333%}.full-row>.midd-11{width:91.66666667%}.full-row>.midd-12{width:100%}}@media only screen and (max-width:992px){.row>.smidd-1{width:7.33333333%}.row>.smidd-2{width:15.66666667%}.row>.smidd-3{width:24%}.row>.smidd-4{width:32.33333333%}.row>.smidd-5{width:40.66666667%}.row>.smidd-6{width:49%}.row>.smidd-7{width:57.33333333%}.row>.smidd-8{width:65.66666667%}.row>.smidd-9{width:74%}.row>.smidd-10{width:82.33333333%}.row>.smidd-11{width:90.66666667%}.row>.smidd-12{width:99%}.smidd-hide{display:none}.smidd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.smidd-1{width:8.33333333%}.full-row>.smidd-2{width:16.66666667%}.full-row>.smidd-3{width:25%}.full-row>.smidd-4{width:33.33333333%}.full-row>.smidd-5{width:41.66666667%}.full-row>.smidd-6{width:50%}.full-row>.smidd-7{width:58.33333333%}.full-row>.smidd-8{width:66.66666667%}.full-row>.smidd-9{width:75%}.full-row>.smidd-10{width:83.33333333%}.full-row>.smidd-11{width:91.66666667%}.full-row>.smidd-12{width:100%}}@media only screen and (max-width:760px){.row>.smal-1{width:7.33333333%}.row>.smal-2{width:15.66666667%}.row>.smal-3{width:24%}.row>.smal-4{width:32.33333333%}.row>.smal-5{width:40.66666667%}.row>.smal-6{width:49%}.row>.smal-7{width:57.33333333%}.row>.smal-8{width:65.66666667%}.row>.smal-9{width:74%}.row>.smal-10{width:82.33333333%}.row>.smal-11{width:90.66666667%}.row>.smal-12{width:99%}.smal-hide{display:none}.smal-show{display:block}.smal-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}[class*='pull-left-'],[class*='pull-right-']{right:auto;left:auto}.full-row>.smal-1{width:8.33333333%}.full-row>.smal-2{width:16.66666667%}.full-row>.smal-3{width:25%}.full-row>.smal-4{width:33.33333333%}.full-row>.smal-5{width:41.66666667%}.full-row>.smal-6{width:50%}.full-row>.smal-7{width:58.33333333%}.full-row>.smal-8{width:66.66666667%}.full-row>.smal-9{width:75%}.full-row>.smal-10{width:83.33333333%}.full-row>.smal-11{width:91.66666667%}.full-row>.smal-12{width:100%}}
/* h5,p{font-size: 15px;font-weight: 500;} */
/*挂件分页样式*/
.util-page{font-size:0; color: #000; text-align: center;}
.util-page .gobutton,.util-page .sl,.util-page .num,.util-page .count { color: #000;display: inline-block;border: 1px solid #ededed;margin:10px 0;padding:5px 10px;vertical-align: middle;margin: 0 0 10px -1px;background: #fff; font-size:16px ;font-weight:normal; }
.util-page .gobutton:hover,.util-page .num:hover,.util-page .current{color:#fff; background:rgb(62, 147, 138);}
.util-page span.gobutton,.util-page span.gobutton:hover { color:#000; background-color:#eee; }
.util-page .gobutton .ion{ font-size: .8em;}
.util-page .count { margin-left:10px; color:#000; background:none; border:none; }
.util-page span.jump{ background: none; color: #000;display: inline-block; margin: 0 7px; vertical-align: top;  }
.util-page span.jumpto,.util-page span.jumpto_text,.util-page span.jumpto_text{ background: none; border: none;color: #000; font-size: 14px; }
.util-page .jumpto_inp{ width: 40px; text-align: center; height: 37px; line-height: 37px; vertical-align: top; }

/*百度地图容器-默认高度45%，BdMapArea是防止在同屏版心下地图太大*/
.BdMapArea { margin:0 auto 55px; max-width:1200px; }
.BdMapWrapper { position:relative; width:100%; height:0; padding-bottom:45%; overflow:hidden; }
.BdMapWrapper .BdMapCon { position:absolute; top:0; left:0; width:100%; height:100%; }
@media only screen and (max-width:760px) {
  .BdMapArea { display:none; }
}

/*默认隐藏百度分享触控弹层*/
.bdshare_popup_box { display:none!important;}

/* 雪碧图 */
/* 对齐方案引用(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */
.ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url("/resources/web/img/ico.png"/*tpa=http://ch.jnjlwl.com/resources/web/img/ico.png*/);
  *text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');vertical-align:middle;}
.ico:before {content:'\3000';}
.ico1_2 { background-position:-20px 0;}
.ico1_3 { background-position:-40px 0;}
.ico1_4 { background-position:-60px 0;}
.ico1_5 { background-position:-80px 0;}
.ico2_1 { background-position:0 -20px;}
.ico2_2 { background-position:-20px -20px;}
.ico2_3 { background-position:-40px -20px;}
.ico2_4 { background-position:-60px -20px;}
.ico2_5 { background-position:-80px -20px;}
.ico3_1 { background-position:0 -40px;}
.ico3_2 { background-position:-20px -40px;}
.ico3_3 { background-position:-40px -40px;}
.ico3_4 { background-position:-60px -40px;}
.ico3_5 { background-position:-80px -40px;}
.ico4_1 { background-position:0 -60px;}
.ico4_2 { background-position:-20px -60px;}
.ico4_3 { background-position:-40px -60px;}
.ico4_4 { background-position:-60px -60px;}
.ico4_5 { background-position:-80px -60px;}

/* 常量设置 */
.wrap { width:100%;}
/* .wrap { width:1440px; margin:0 auto;} */
.mwrap { max-width:1366px; margin-right:auto; margin-left:auto;}
/*对ie8设置最小宽度，防止页面错乱*/
/*for ie8*/
body{min-width:1240px\9; overflow-x:auto;}
/*for ie9+*/
@media all and (min-width:0){
  body{min-width:0; overflow-x:hidden;}
}
body{font-size:14px; line-height:1.6; color:#555; background:#fff;}
a{color:inherit;}
a:hover { color:rgb(62, 147, 138);}
::-moz-selection {color:#fff; background:rgb(62, 147, 138); }
::selection {color:#fff; background:rgb(62, 147, 138); }
::-webkit-input-placeholder { color:#aaa; } 
.placeholder { color:#aaa;}
/*css组件设置*/
.form-control, .input-group-addon, .btn{border-radius:2px; }
.form-control:focus { border-color:rgb(62, 147, 138); outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}

.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

/* 网站样式 */
/* 字号设置 */
html{font-size:5.2vw;} 
body{font-size:0.14rem; font-weight:lighter;} 
.ewm{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.aa{ margin-top: 35px;/*width: 400px;*/justify-content: space-between;}
.aa>ul{height: 145px;display: flex;flex-direction: column;justify-content: space-evenly;float: left;}
.aa>ul>li{line-height: 32px;width:100%}
.aa>ul>li>img{margin-right: 10px;}
.txt{text-align: left;}
.fz14{font-size:0.14rem;}
.fz15{font-size:0.15rem;}
.fz16{font-size:0.16rem;}
.fz18{font-size:0.18rem;}

/* 头部 */
.pageHeader .left{ position:fixed; left:0; top:0; /*width:25%;*/width:100%; /*height:100%;*/ z-index:9999;}
.pageHeader .left .box{padding:0.1rem 1rem;}
.pageHeader .left .box .logo{margin-bottom:0 !important;/*margin-bottom:0.9rem;*/}
.pageHeader .left .box .logo .img2{display:none;}
.pageHeader .left .box .m_search{display:none;}
.pageHeader .left .box .mobile_key{display:none; height:0.4rem; width:0.4rem; float:right; margin-top:0.1rem; text-align:right; font-size:0; letter-spacing:0; line-height:1; z-index:1; position:relative;}
.pageHeader .left .box .mobile_key span{ letter-spacing:.8px; display:inline-block; height:2px; background-color:#fff; margin:4px 0; width:15px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; transition:width .5s ease;}
.pageHeader .left .box .mobile_key span.span01{width:30px;;}
.pageHeader .left .box .mobile_key span.span02{width:25px;;}
.pageHeader .left .box .mobile_key span.span03 { width:20px;}
.pageHeader.fixed .left .box .mobile_key span{background-color:#000;}
.pageHeader .left:hover .box .mobile_key span{background-color:#000;}
.pageHeader .left .box nav li{ font-size:0.18rem; color:#fff; position:relative; margin:0.35rem; cursor:pointer;}
/*.pageHeader .left .box nav li:after{ content:''; position:absolute; width:0;  height:1px; background:#fff; left:100px;  top:50%; transition:.5s ease;}*/
.pageHeader .left .box nav li:hover:after{ width:1.1rem;}
.pageHeader .left .box nav li.cur:after{ width:1.1rem;}
.sssss:after{width: 1.1rem !important;}

/* xc_banner */
.xc_banner{position:fixed; width:100%; height:100%; background:#fff;}
.xc_banner:after{content:''; position:fixed; width:100%; height:100%; top:0; left:0; background:url("/resources/web/img/black.2.png"/*tpa=http://ch.jnjlwl.com/resources/web/img/black.2.png*/); background:rgba(0,0,0,0.4); z-index:4;}
.channel_right{padding-top:30px;right:0; width:100%; overflow:hidden; position:absolute; z-index:8; margin-top:0; transition:all .5s ease; background:#fff;}
.channel_right .channel_box{width:84%; margin:0 8%; min-height:700px;}
.channel_right .channel_box .channel_content{padding:1rem 0;}
/* 右侧搜索 */
.channel_tools{margin:0.32rem 0;}
.channel_tools .search a{display:block; text-transform:uppercase; width:1.12rem; height:0.4rem; border:1px solid #52597f; transition:.5s ease; cursor:pointer; font-size:0.15rem; text-align:center; line-height:0.4rem; color:#52597f;}
.channel_tools .search a:hover{background:#52597f; color:#fff;}
.channel_tools .lang{margin:0 0.6rem 0 0.5rem; font-size:0.18rem; color:#52597f;} 
.channel_tools .lang em{margin:0 0.15rem; font-size:0.12rem; line-height:0.42rem; display:inlinee-block;}
.channel_tools .lang span,
.channel_tools .lang a{line-height:0.42rem; display:inline-block;}

/* xc_nav */
.xc_nav ul li{float:left; width:22%; margin-left:3%;}
.xc_nav ul li:first-child{margin-left:0;}
.xc_nav ul li a{position:relative; font-size:0.2rem; width:100%; display:block; color:#8f949c; padding:0.15rem 0;}
.xc_nav ul li a:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#8f949c;}
.xc_nav ul li a:before{content:''; position:absolute; z-index:1; left:0; bottom:0; width:0; height:1px; background:rgb(62, 147, 138); transition:.5s ease;}
.xc_nav ul li.cur a{color:rgb(62, 147, 138);}
.xc_nav ul li.cur a:before{width:100%;}
.xc_nav ul li:hover a{color:rgb(62, 147, 138);}
.xc_nav ul li:hover a:before{width:100%;}

/* 底部 */
.footer{background:#f5f5f7; padding:0.45rem 0; position:relative;}
.footer .wrap{margin-left:10%;}
.footer .left{float:left;}
.footer .left dl dt{font-size:0.23rem; color:#000; margin-bottom:0.23rem; }
.footer .left dl dd,.footer .right dl dd{color:#5e5e5e; line-height:0.26rem;}
.footer .right{float:right; margin-right:20%; /*margin-top:0.4rem;*/}
.footer .right .share{margin-bottom:0.23rem;}
.footer .right .share a{display:inline-block; padding:0; margin:0 0.1rem; font-size:0.18rem; background:#bdbdbd; border-radius:50%; width:0.4rem; height:0.4rem; line-height:0.4rem; text-align:center; color:#f5f5f7;}
.footer .right .copy{color:#5e5e5e;}
.gotop{cursor:pointer; width:0; height:0; background:#bdbdbd; color:#fff; text-align:center; font-size:0.25rem; line-height:0.82rem; position:fixed; right:0; bottom:0.2rem; transition:.5s ease; z-index:5; overflow:hidden;}
.gotop:hover{background:rgb(62, 147, 138);}
.gotop.show{width:0.7rem; height:0.82rem;}
/* 公共大标题 */
.common-infor{background:url("/resources/web/img/common-infor.jpg") no-repeat center; background-size:cover; padding:0.5rem 0.4rem; color:#fff; margin-bottom:0.4rem;}
.common-infor .tit_en{font-size:0.19rem; text-transform:uppercase; position:relative;}
.common-infor .tit_en:after{content:''; position:absolute; width:45px; height:2px; background:#fff; top:50%; margin-top:-1px; margin-left:0.1rem;}
.common-infor .tit{font-size:0.4rem;}
.common-infor .tit span{font-weight:bold; margin-right:0.07rem;}

/* 公共按钮 */
.common-btn{position:absolute;left:66px;bottom:40px;display:inline-block; /*width:1.6rem; height:0.52rem;*/width:133px; height:43px;line-height:43px; color:#fff; border-radius:30px; font-size:13px; background:rgb(62, 147, 138); cursor:pointer; text-align:center; transition:.5s ease;}
.common-btn i{transition:.5s ease;}
.common-btn:hover{color:rgb(62, 147, 138); background:#fff;}
.common-btn:hover i{margin-left:0.1rem;}


/* 公司介绍 */
.about_us01 .content .bjk{font-size:0.15rem; /*line-height:0.3rem;*/ color:#5e5e5e; margin:0.45rem 0;}
.about_us01 .content .bjk em{color:red;}
.content ul li{/*display:inline-block;*/ vertical-align:top; /*margin-right:0.7rem;*/line-height: 0.5rem;}
.content ul li .num{font-size:0.3rem; color:rgb(62, 147, 138);}
.content ul li .txt{font-size:0.15rem; color:#5e5e5e;}
.image{margin:0.4rem 0;}
.about_us02 .bjk{font-size:0.15rem; line-height:0.3rem; color:#5e5e5e;}
.about_us02 .bjk em{color:red;}
.rect-28{padding-bottom:28%;}

/* 联系我们 */
.contact_us01 .common-infor{margin-bottom:0.6rem;}
.contact_us01 .left{float:left; /*width:40.7%;*/ background:#f3f4f8; height:7rem;}
.contact_us01 .left .box{padding:0.45rem 0.4rem; font-size:0.16rem; color:#616161;}
/* .contact_us01 .left .box ul{margin-bottom:0.3rem;} */
.contact_us01 .left .box ul li{padding:0.15rem 0; /*border-bottom:1px solid #dcdde1;*/ line-height:0.32rem; }
.contact_us01 .left .box ul li img{margin-right:0.2rem;}
.contact_us01 .left .box .ewm_box .ewm{width:50%; float:left; text-align:center;}
.contact_us01 .left .box .ewm_box .ewm .txt{margin-top:0.1rem;}
.contact_us01 .right{float:right; /*width:57.7%;*/ height:7rem; overflow:hidden;}
.contact_us01 .right img{max-width:none;}

/* 企业文化 */
.culture01 .content{margin:0.6rem 0;}
.culture01 .content .item{float:left; width:50%;}
.culture01 .content .item .tit{text-align:center; width:1.5rem; line-height:0.4rem; font-size:0.22rem; color:#fff;}
.culture01 .content .item .con{ position:relative; border-left:2px solid rgb(62, 147, 138); line-height:1.2; font-size:0.18rem; color:#444; padding:0.3rem 0.4rem;}
.culture01 .content .item .con .num{ font-size: 0.14rem; line-height:1; color: #f8f9fb; position: absolute; right: 12%; top: 50%; transform: translateY(-50%);}
.culture01 .content .item .con .t{position:relative;}
.culture01 .content .item1 .tit{background:rgb(62, 147, 138);}
.culture01 .content .item2 .tit{background:#242c58;}
.culture01 .content .item2 .con{border-color:#242c58;}
.culture02 .content{position:relative;}
.culture02 .content .img_case{width:46%; margin:0 auto;position:relative;}
.culture02 .content .img_case .circle_box{position:absolute; width:100%; height:100%; left:0; top:0;}
.culture02 .content .img_case .circle_box img{ display:block; width:100%;}
.culture02 .content .img_case .circle_box .circle_hover {position:absolute; width:100%; left:0; top:0; opacity:0;}
.culture02 .content .img_case .map_box{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; width:74.86%; padding-bottom:74.86%; overflow:hidden; background:url("/resources/web/img/culture01_5.png"/*tpa=http://ch.jnjlwl.com/resources/web/img/culture01_5.png*/) no-repeat center; background-size:100%;}
.culture02 .content .img_case .map_box::after {
  content:"";
  position:absolute;
  height:100%;
  width:603.36%;
  left:0;
  top:0;
  background:url("/resources/web/img/culture01_4.png"/*tpa=http://ch.jnjlwl.com/resources/web/img/culture01_4.png*/);
  background-size:contain;
  moz-animation:bg 18s linear infinite;
  -webkit-animation:bg 18s linear infinite;
  -o-animation:bg 18s linear infinite;
  -ms-animation:bg 18s linear infinite;
  animation:bg 18s linear infinite;
  -moz-backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  backface-visibility:hidden;
  -moz-transform:translate3d(0, 0, 0);
  -webkit-transform:translate3d(0, 0, 0);
  -o-transform:translate3d(0, 0, 0);
  -ms-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0);
  background-position:bottom left;
  background-repeat:repeat-x;
  background-size:auto 100%;
}

@keyframes bg {
  0% {
    -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
100% {
  -moz-transform: translate3d(-33.33%, 0, 0);
  -webkit-transform: translate3d(-33.33%, 0, 0);
  -o-transform: translate3d(-33.33%, 0, 0);
  -ms-transform: translate3d(-33.33%, 0, 0);
  transform: translate3d(-33.33%, 0, 0);
}
}

.culture02 .content .img_case .circle_box.on{transition:all .5s ease;}
.culture02 .content .img_case .circle_box.on .circle_hover{opacity:1;}
.culture02 .content .text_case{position:absolute; height:100%; width:100%; left:0; top:0%;}
.culture02 .content .text_case .text_box{width:26%; position:absolute; line-height:1.3;}
.culture02 .content .text_case .text_box1, .culture02 .content .text_case .text_box3 {text-align:right; padding-right:9.578%; left:0;}
.culture02 .content .text_case .text_box2, .culture02 .content .text_case .text_box4 {padding-left:9.578%; right:0;}
.culture02 .content .text_case .text_box1, .culture02 .content .text_case .text_box2 {top:2.6%;}
.culture02 .content .text_case .text_box3, .culture02 .content .text_case .text_box4 {top:83.7%;}
.culture02 .content .text_case .text_box > span {-webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:#878d98; position:absolute; width:0.1rem; height:0.1rem; transition:all .5s ease;}
.culture02 .content .text_case .text_box1 span, .culture02 .content .text_case .text_box2 span {top:55px;}
.culture02 .content .text_case .text_box1 span, .culture02 .content .text_case .text_box3 span {right:0;}
.culture02 .content .text_case .text_box2 span, .culture02 .content .text_case .text_box4 span {left:0;}
.culture02 .content .text_case .text_box > span::after {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) scale(1.5); width:100%; height:100%; border-radius:100%; transition:all .5s ease; border:1px solid rgb(62, 147, 138); opacity:0;}
.culture02 .content .text_case .text_box .tit{font-size:0.28rem; color:#242c58; margin-bottom:0.05rem; transition:all .5s ease;}
.culture02 .content .text_case .text_box .con {font-size:0.15rem; color:#5e5e5e; transition:all .5s ease;}
.culture02 .content .text_case .text_box:hover span{background:rgb(62, 147, 138);}
.culture02 .content .text_case .text_box:hover span::after {opacity:1;}
.culture02 .content .text_case .text_box:hover .tit, .culture02 .content .text_case .text_box:hover .con {color:rgb(62, 147, 138);}

/* 荣誉 */
.honor01 .content{margin-top:0.6rem;}
.honor01 .rect-71{padding-bottom:71%;}
.honor01 ul li{margin-bottom:0.3rem; cursor:pointer;}
.honor01 ul li .cover{position:absolute; width:100%; height:100%; opacity:0; visibility:hidden; background:url("/resources/web/img/honor01_3.png"/*tpa=http://ch.jnjlwl.com/resources/web/img/honor01_3.png*/); transition:.5s ease;}
.honor01 ul li .cover .icon{position:absolute; width:65px; height:65px; background:url("/resources/web/img/honor01_2.png"/*tpa=http://ch.jnjlwl.com/resources/web/img/honor01_2.png*/) no-repeat center; top:50%; margin-top:-32px; left:50%; margin-left:-32px;}
.honor01 ul li:hover .cover{opacity:1; visibility:visible;}
.honor01 ul li .intro{background:#aaaaaa; color:#fff; transition:.5s ease;}
.honor01 ul li .intro .box{padding:0.2rem;}
.honor01 ul li .intro .box .t{font-size:0.17rem; margin-bottom:0.1rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.honor01 ul li:hover .intro{background:rgb(62, 147, 138);}
body .album_ordinary .album_close{background:rgb(62, 147, 138);}

/*滚动加载*/
.load_more{text-align:center; padding-top:0.2rem;}
.load_more .loading{width:2.7rem; height:0.5rem; border:1px solid rgb(62, 147, 138); border-radius:5px; margin:0 auto; line-height:0.5rem;}
.load_more span{display:inline-block; vertical-align:middle;}
.load_more span.icon{width:0.18rem; height:0.18rem; background:url("/resources/web/img/load_icon.png"/*tpa=http://ch.jnjlwl.com/resources/web/img/load_icon.png*/) no-repeat center; background-size:cover; -webkit-animation:move1 0.7s linear 0s infinite; animation:move1 0.7s linear 0s infinite;  margin-right:0.1rem;}
.load_more span.txt{font-size:0.16rem; color:rgb(62, 147, 138);}
.load_more.nomore {display:none;}
@keyframes move1 {
  0%{
    transform:rotateZ(0);
}
100% {
  transform:rotateZ(360deg);
}
}

/* 新闻列表 */
.news_list01 .content{margin-top:0.6rem;}
.news_list01 .rect-44{padding-bottom:44%;}
.news_list01 ul li{transition:.5s ease;}
.news_list01 ul li .li_box{display:block; padding:0.25rem 0.3rem;}
.news_list01 ul li .li_box .img{float:left; width:38%;}
.news_list01 ul li .li_box .intro{padding-bottom:0.15rem; float:right; width:58%; border-bottom:1px solid #ebedf0;}
.news_list01 ul li .li_box .intro .tit{font-size:0.28rem; color:#000a42; transition:.5s ease;}
.news_list01 ul li .li_box .intro .con{font-size:0.15rem; color:#5e5e5e; margin:0.1rem 0 0.35rem; line-height:0.26rem; height:0.52rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_list01 ul li .li_box .intro .more{font-size:0.16rem; color:#000a42; transition:.5s ease;}
.news_list01 ul li .li_box .intro .more i{transition:.5s ease;}
.news_list01 ul li .li_box .intro .date{float:right; font-size:0.16rem; color:#898989;}
.news_list01 ul li:hover{box-shadow:0 0 10px 0 rgba(0,0,0,0.1);}
.news_list01 ul li.noimg .img{display:none;}
.news_list01 ul li.noimg .intro{width:100%;}
.news_list01 ul li:hover .li_box .intro .tit{color:rgb(62, 147, 138);}
.news_list01 ul li:hover .li_box .intro .more{color:rgb(62, 147, 138);}
.news_list01 ul li:hover .li_box .intro .more i{margin-left:10px;}

/* 新闻详细 */
.news_detail01 .left{width:0.85rem; float:left;}
.news_detail01 .left .bdsharebuttonbox{overflow:hidden;}
.news_detail01 .left .bdsharebuttonbox a{display:block; float:none; width:0.85rem; height:0.85rem; text-align:center; line-height:0.85rem; padding:0; margin:0 0px 1px; background:rgb(62, 147, 138); color:#fff; font-size:0.26rem;}
.news_detail01 .left .bdsharebuttonbox a:hover{background:#000a42; opacity:1;}
.news_detail01 .right{width:88%; float:right; position:relative;}
.news_detail01 .right .tit{font-size:0.18rem; line-height:0.28rem; font-weight:bold; color:#000a42}
.news_detail01 .right .con .date{display:inline-block;line-height:0.28rem; color:#000a42; font-family:Arial; font-size:0.17rem;}
.news_detail01 .right .con .switcher{display:inline-block; line-height:0.28rem; margin-left:30px;}
.news_detail01 .right .intro .title{font-size:0.34rem; line-height:0.4rem; margin-top:0.18rem; padding-bottom:25px; border-bottom:1px solid #d0d0d0; margin-bottom:0.25rem; color:#000a42;}
.news_detail01 .right .intro .text{line-height:2.3; color:#5e5e5e; font-size:0.2rem;}
.news_detail01 .right .intro .text a{color:rgb(62, 147, 138); text-decoration:underline;}
.news_detail01 .right .intro .text a:hover{background:rgb(62, 147, 138); color:#fff;text-decoration:none;}
.news_detail01 .right .detail_page{position:absolute; right:0; top:0;}
.news_detail01 .right .detail_page a{float:left; display:block; width:0.42rem; height:0.42rem; background:url("/resources/web/img/news_detail01_1.png"/*tpa=http://ch.jnjlwl.com/resources/web/img/news_detail01_1.png*/) no-repeat; margin-left:10px; background-size:cover;}
.news_detail01 .right .detail_page a.prev{background-position:0 0;}
.news_detail01 .right .detail_page a.next{background-position:-0.42rem 0;}
.news_detail01 .right .detail_page a.back{background-position:-0.84rem 0;}
.news_detail01 .right .detail_page a:hover{opacity:0.9;}

/* 社会招聘 */
.job_list01 .content{margin-top:0.65rem;}
.job_list01 ul li{margin-top:0.3rem; cursor:pointer;}
.job_list01 ul li:first-child{margin-top:0;}
.job_list01 ul li .hd{position:relative; overflow:hidden; transition:.5s ease; border-bottom:1px solid #e8e8e8;}
.job_list01 ul li .hd .num{position:absolute; left:0.2rem; color:#ededed; line-height:1; top:0; font-size:1.27rem; font-weight:lighter;}
.job_list01 ul li .hd .box{padding:0.38rem 0.4rem 0.18rem; position:relative;}
.job_list01 ul li .hd .box .tit{font-size:0.3rem; line-height:1; color:#000; transition:.5s ease;}
.job_list01 ul li .hd .box .date{font-size:0.16rem; line-height:1; color:#2f2f2f; margin-top:0.5rem; transition:.5s ease;}
.job_list01 ul li .hd .box .icon{float:right; font-size:0.16rem; margin-top:0.1rem; font-weight:bold; transition:.5s ease;}
.job_list01 ul li .bd{display:none; background:url("/resources/web/img/job_list01_1.jpg"/*tpa=http://ch.jnjlwl.com/resources/web/img/job_list01_1.jpg*/) no-repeat top right; background-color:#fafafb; position:relative;}
.job_list01 ul li .bd .box{padding:0.4rem 0.5rem;}
.job_list01 ul li .bd .intro {color:#666; line-height:0.3rem; font-size:0.14rem;  position:relative;}
@media(max-width:780px){.intro{display: block !important;}}
.job_list01 ul li .bd .intro strong{display:block; font-size:0.17rem; color:#000a42; margin-top:0.2rem; font-weight:lighter;}
.job_list01 ul li .bd .job_btn {position:absolute; right:0.4rem; bottom:0.5rem;}
.job_list01 ul li.cur .hd{background:#f5f5f7;}
.job_list01 ul li.cur .hd .box .tit{color:rgb(62, 147, 138)}
.job_list01 ul li.cur .hd .box .date{color:rgb(62, 147, 138)}
.job_list01 ul li.cur .hd .box .icon{color:rgb(62, 147, 138); transform:rotateZ(90deg);}

/* 产品详细 */
.pro_detail01{position:relative; padding:0.8rem 0 0.8rem; margin-bottom:0.65rem;}
.pro_detail01:after{content:''; position:absolute; left:0.9rem; top:50%; width:12.43rem; height:100%; transform: translateY(-50%); background: url("/resources/web/img/pro_detail01_2.jpg"/*tpa=http://ch.jnjlwl.com/resources/web/img/pro_detail01_2.jpg*/) no-repeat center;}
.pro_detail01 .wrap{position:relative; z-index:1;}
.pro_detail01 .left{float:left; width:51%;}
.pro_detail01 .right{float:right; width:37%; margin-right:0.6rem;}
.pro_detail01 .right .tit{font-size:0.28rem; line-height:1.4; color:#242c58; margin:0.1rem 0;}
.pro_detail01 .right .con{font-size:0.15rem; color:#5e5e5e;}
.pro_detail01 .right ul{margin:0.3rem 0;}
.pro_detail01 .right ul li{display:inline-block; vertical-align:top; width:48%;}
.pro_detail01 .right ul li .num{color:rgb(62, 147, 138); font-size:0.4rem; line-height:1.2;}
.pro_detail01 .right ul li .txt{color:#5e5e5e; font-size:0.15rem;}
.pro_detail01 .right .common-btn{margin-top:0;}
.pro_detail02{font-size:0.15rem; color:#5e5e5e; line-height:0.3rem;}

/* 产品列表 */
.pro_list01{background:#f5f5f7}
.pro_list01 .content{padding-bottom:20px;}
.pro_list01 .content .left{float:left; width:50%;}
.pro_list01 .content .left .box{padding:0.11rem 0 1.1rem 0.7rem;}
.pro_list01 .content .left .tit{font-size:0.38rem; color:#242c58;}
.pro_list01 .content .left .con{font-size:0.2rem; color:#5e5e5e;}
.pro_list01 .content .left ul{margin-top:0.5rem;}
.pro_list01 .content .left ul li{float:left; width:33%; text-align:center;}
.pro_list01 .content .left ul li img{transition:.5s ease;}
.pro_list01 .content .left ul li .t{font-size:0.16rem; color:rgb(62, 147, 138); margin-top:0.1rem;}
.pro_list01 .content .left ul li .c{font-size:0.14rem; color:#666;}
.pro_list01 .content .left ul li:hover img{transform:rotateY(180deg)}
.pro_list01 .content .right{float:right; width:50%; position:relative; overflow:hidden;}
.pro_list01 .content .right .col.c2 .photo-box { position:relative; z-index:8; width:4.5rem; height:4.5rem; margin:auto;}
.pro_list01 .content .right .col.c2 .photo-box .pic { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; z-index: 10; pointer-events: none; display: none; animation-duration: 1.2s;}
.pro_list01 .content .right .col.c2 .photo-box .pic > img { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:64%; z-index:10; max-width:480px;}
.pro_list01 .content .right .col.c2 .photo-box .pic .shadow-1 { position:absolute; left:10%; top:-18%; z-index:5; width:82%;}
.pro_list01 .content .right .col.c2 .photo-box .pic .shadow-2 { position:absolute; left:10%; top:56%; z-index:5; width:56%;}
/* .pro_list01 .content .right .col.c2 .photo-box .pic:nth-of-type(3) > img { width:70%; position:relative; z-index:10; left:15%; top:15%;} */
.pro_list01 .content .right .col.c2 .photo-box .pic.on { display:block; opacity:1; z-index:12; pointer-events:auto;}
.pro_list01 .content .right .col.c2 .line-box { position:absolute; width:100%; height:100%; top:0; left:0; z-index:4; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out;}
.pro_list01 .content .right .col.c2 .line-box .svg-box { position:absolute; width:100%; height:100%; top:0; left:0;}
.pro_list01 .content .right .col.c2 .line-box .svg-box svg { position:absolute; width:100%; height:100%; top:0; left:0;}
.pro_list01 .content .right .col.c2 .line-box .svg-box svg#cir_1 { transition:all 0.6s ease-in-out; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; transition-delay:1s; width:100%; transform:scale(0.8); -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -ms-transform:scale(0.8);}
.pro_list01 .content .right .col.c2 .line-box .svg-box svg#cir_1 path { fill:transparent; stroke:rgba(238, 119, 15, 0.3);}
.pro_list01 .content .right .col.c2 .line-box .svg-box svg#cir_2 { transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; transition-delay:0.8s; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); opacity:0.2;}
.pro_list01 .content .right .col.c2 .line-box .svg-box svg#cir_2 path { stroke-dasharray:4px; fill:transparent; stroke:rgb(62, 147, 138); transition-delay:0.8s;}
.pro_list01 .content .right .col.c2 .line-box .svg-box svg#cir_3 { transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; transition-delay:0.6s; transform:scale(1.3); -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -o-transform:scale(1.3); -ms-transform:scale(1.3); opacity:0.2;}
.pro_list01 .content .right .col.c2 .line-box .svg-box svg#cir_3 path { stroke-dasharray:4px; fill:transparent; stroke:rgb(62, 147, 138); transition-delay:0.8s;}
.pro_list01 .content .right .col.c2 .time-move { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:4.45rem; height:4.45rem; z-index:5; transform:translate(0, -4px);}
.pro_list01 .content .right .col.c2 .time-box { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:4.5rem; z-index:6;}
.pro_list01 .content .right .col.c2 .time-box .time-dot { position:absolute; width:100%; height:100%; top:0; left:0;}
.pro_list01 .content .right .col.c2 .time-box .time-dot > li { width:0.1rem; height:0.1rem; border-radius:50%; line-height:0.1rem; text-align:center; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
.pro_list01 .content .right .col.c2 .time-box .time-dot > li > em { position:absolute; width:100%; height:100%; top:0; left:0; z-index:10; border-radius:50%; background-color:rgb(62, 147, 138);}
.pro_list01 .content .right .col.c2 .time-box .time-dot > li > span { position:absolute; width:100%; height:100%; top:0; left:0; z-index:4; transform:scale(3); -webkit-transform:scale(3); -moz-transform:scale(3); -o-transform:scale(3); -ms-transform:scale(3); background-color:rgb(62, 147, 138); opacity:0.3; border-radius:50%;}

.pro_list02{margin-top:0.6rem;}
.pro_list02 ul li{margin-bottom:0.6rem; position:relative;}
.pro_list02 ul li .rect-555{padding-bottom:55.5%;}
.pro_list02 ul li .cover{position:absolute; width:96%; height:80%; bottom:0; left:2%; background:#f4f4f6;}
.pro_list02 ul li .li_box{padding:0 0.22rem; display:block; position:relative; z-index:1;}
.pro_list02 ul li .li_box .intro{padding:0.2rem;}
.pro_list02 ul li .li_box .intro .tit{font-size:0.23rem; line-height:0.34rem; height:0.68rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#242c58; margin-bottom:0.3rem; transition:.5s ease;}
.pro_list02 ul li .li_box .intro .more{font-size:0.16rem; color:#5e5e5e;}
.pro_list02 ul li .li_box .intro .more i{transition:.5s ease;}
.pro_list02 ul li:hover .li_box .intro .tit{color:rgb(62, 147, 138);}
.pro_list02 ul li:hover .li_box .intro .more{color:rgb(62, 147, 138);}

/* 首页 */
/* 首页搜索定位 */
/*.channel_right.ipart{margin-top:84vh;}*/
.ipart_tools.channel_tools{position:fixed; right:0; top:0; z-index:1;}
.ipart_tools.channel_tools .search a{border-color:#fff; color:#fff;}
.ipart_tools.channel_tools .search a:hover{border-color:#52597f;}
.ipart_tools.channel_tools .lang{color:#fff;}

/* 左侧轮播 */
/*.pageHeader .iban_box{ position:absolute;z-index:99; width:25%; bottom:20%; background:url("/resources/web/img/head_1.jpg") no-repeat center; background-size:cover; }
.pageHeader .iban_box .box{padding:0.27rem 0.5rem;}
.pageHeader .iban_box .box .dot{cursor:pointer; display:inline-block; color:#fff; color:rgba(255,255,255,0.5); font-size:0.2rem; margin-left:0.5rem; transition:.5s ease;}
.pageHeader .iban_box .box .dot.active{color:#fff;}
.pageHeader .iban_box .box .tab_c .infor{display:none; padding-left:0.5rem; margin-bottom:0.2rem; position:relative;}
.pageHeader .iban_box .box .tab_c .infor:first-child{display:block;}
.pageHeader .iban_box .box .tab_c .infor .tit{font-size:0.3rem; color:#fff; position:relative;}
.pageHeader .iban_box .box .tab_c .infor:after{content:''; width:0.3rem; height:3px; position:absolute; background:#fff; top:0.22rem; left:0;}
.pageHeader .iban_box .box .tab_c .infor .con{font-size:0.14rem; line-height:0.24rem; height:0.48rem; color:#fff; color:rgba(255,255,255,0.5); }*/

.iban_box{ position:absolute;z-index:99;left:40%; width:25%; bottom:25%; /*background:url("/resources/web/img/head_1.jpg") no-repeat center;*/ background-size:cover; }
.iban_box .box{padding:0.27rem 0.5rem;}
.iban_box .box .dot{cursor:pointer; display:inline-block; color:#fff; color:rgba(255,255,255,0.5); font-size:0.2rem; margin-left:0.5rem; transition:.5s ease;}
.iban_box .box .dot.active{color:#fff;}
.iban_box .box .tab_c .infor{display:none; padding-left:0.5rem; margin-bottom:0.2rem; position:relative;}
.iban_box .box .tab_c .infor:first-child{display:block;}
.iban_box .box .tab_c .infor .tit{font-size:0.3rem; color:#fff; position:relative;}
.iban_box .box .tab_c .infor:after{content:''; width:0.3rem; height:3px; position:absolute; background:#fff; top:0.22rem; left:0;}
.iban_box .box .tab_c .infor .con{font-size:0.14rem; line-height:0.24rem; height:0.48rem; color:#fff; color:rgba(255,255,255,0.5); }

/* banner */
.ibanner{/*position:fixed;*/width:100%;height:100%;background:#fff;}
.ibanner.bg:after{content:''; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.4); z-index:4; transition:.5s ease;}

/* svg播放按钮样式*/
.ibanner .video_btn .circleProgress_wrapper { width:0.78rem; height:0.78rem; position:absolute; cursor:pointer; left:75%; transform:translateX(-50%); bottom:2.5rem; transition:all .5s ease; z-index:1;}
.ibanner .video_btn .btn_vid_icon { width:0.7rem; color:#fff; text-align:center; line-height:0.7rem; height:0.7rem; font-size:0.18rem; border-radius:50%; background-color:rgba(255, 255, 255, .2); border:3px solid rgba(255, 255, 255, .2);}

/* start */
#scr{position:fixed; right:2.6vw; bottom:calc(26vh + 40px); z-index:2;}
#scr > label{color:#fff; white-space:nowrap; font-size:22px;}
#scr > b{position:absolute; top:120%; width:1px; left:0; right:0; margin:auto; overflow:hidden; background-color:rgba(255, 255, 255, 0.3);}
#scr > b:nth-of-type(1) {left:-25px;height:15px;}
#scr > b:nth-of-type(2) {right:0;height:40px;}
#scr > b:nth-of-type(3) {right:-25px;height:26px;}
#scr > b:nth-of-type(1):after {content:"";position:absolute;height:50%;width:100%;background-color:#fff;bottom:100%;left:0;animation:rise1 1.6s linear infinite;}
#scr > b:nth-of-type(2):after {content: "";position: absolute;height: 50%;width: 100%;background-color: #fff;bottom: 100%;left: 0;animation: rise2 1.6s linear infinite;}
#scr > b:nth-of-type(3):after {content: "";position: absolute;height: 50%;width: 100%;background-color: #fff;bottom: 100%;left: 0;animation: rise3 1.6s linear infinite;}
@keyframes rise1 {
  0% {
    transform: translate(0);
}
100% {
  transform: translateY(30px);
}
}
@keyframes rise2 {
  0% {
    transform: translate(0);
}
100% {
  transform: translateY(80px);
}
}
@keyframes rise3 {
  0% {
    transform: translate(0);
}
100% {
  transform: translateY(56px);
}
}
/* start end */

.ibanner .item{position:relative;float:left;width:100%}

/* banner切换动画 */
.ind_video_box { width:100%; position:absolute; left:0; font-size:0; letter-spacing:0; top:0; height:100%; pointer-events:none;}
.ind_video_box video {width:100vw; display:block; position:relative;}
.ind_video_box .ban_img{width:100vw; height:100vh; display:block; position:relative;}
/* .ind_video_box video ,
.ind_video_box .ban_img{object-fit: cover;} */
/* .ind_video_box .can_video {border-right:1px solid rgba(255,255,255,0.3);box-sizing: border-box;} */
/* .ind_video_box .can_video:last-child{border-right:none;} */
.ind_video_box > div {width:25%; height:100%; font-size:0; display:inline-block; vertical-align:top; position:relative; overflow:hidden; transition:all .5s ease;}
.ind_video_box .can_video:nth-child(1) video {left:0;transform-origin:0 100%;}
.ind_video_box .can_video:nth-child(2) video {left:-25vw;transform-origin:100% 0;}
.ind_video_box .can_video:nth-child(3) video {left:-50vw;transform-origin:0 100%;}
.ind_video_box .can_video:nth-child(4) video {left:-75vw;transform-origin:100% 0;}
.ind_video_box .can_video:nth-child(1) .ban_img {left:0;transform-origin:0 100%;}
.ind_video_box .can_video:nth-child(2) .ban_img {left:-25vw;transform-origin:100% 0;}
.ind_video_box .can_video:nth-child(3) .ban_img {left:-50vw;transform-origin:0 100%;}
.ind_video_box .can_video:nth-child(4) .ban_img {left:-75vw;transform-origin:100% 0;}
.ind_banner_hover .can_video video, 
.ind_banner_hover .can_video .ban_img{transition: all 2s ease .5s;transform-origin: 0;transform: scale(1);}
.hover .ind_video_box>div:nth-child(1){transition-delay: 0.5s;-webkit-transition-delay: 1s}
.hover .ind_video_box>div:nth-child(2){transition-delay: 0.6s;-webkit-transition-delay: 1.1s}
.hover .ind_video_box>div:nth-child(3){transition-delay: 0.7s;-webkit-transition-delay: 1.2s}
.hover .ind_video_box>div:nth-child(4){transition-delay: 0.8s;-webkit-transition-delay: 1.3s}
.active .ind_video_box >div {height:0;}
.ibanner .item .line1,
.ibanner .item .line2,
.ibanner .item .line3{ width:1px; height:100vh; background:rgba(255,255,255,0.3); position:absolute; top:0;z-index:3; opacity:0; transition:.5s ease 1s;}
.ibanner .item .line1{left:25%;}
.ibanner .item .line2{left:50%;}
.ibanner .item .line3{left:75%;}
.ibanner .active .item .line1,
.ibanner .active .item .line2,
.ibanner .active .item .line3{opacity:1;}
.ibanner .iban_word{color:#fff; position:absolute; top:3rem; left:30%; z-index:1; opacity:0; transition:.8s ease;   transition-delay:2s; transform:translateY(-200px)}
.ibanner .iban_word .tit{font-size:0.45rem;}
.ibanner .iban_word .con{font-size:0.63rem;}
.ibanner .iban_word .con span{font-weight:bold;}
.ibanner .active .iban_word{transform:translateY(0); opacity:1;}
.btn_line{height:16vh; z-index:1; background:#f9f9fb;}
.btn_line .lines{display:inline-block; width:65%; top:8vh;margin-left:8%; height:2px; background:#cdcdce; vertical-align:middle; position:relative}
.btn_line .lines .process{display:none; position:absolute; left:0; top:0; height:100%; background:rgb(62, 147, 138); }
.btn_line .more{margin-right:15%; font-size:0.16rem; color:#000; margin-top:7vh;}
.ibanner .owl-nav>div{display:none;}
/* banner end */

/* 首页 */
.ipart_infor .tit_en{font-size:0.19rem; color:rgb(62, 147, 138); position:relative; display:inline-block; text-transform:uppercase; margin-bottom:10px;}
.ipart_infor .tit_en:after{content:''; position:absolute; left:125%; width:0.45rem; height:2px; background:rgb(62, 147, 138); top:50%; margin-top:-1px;}
.ipart_infor .tit{font-size:0.4rem; color:#000a42; line-height:1;}
.ipart .common-btn{background:#242c58;}
.ipart .common-btn:hover{background:rgb(62, 147, 138); color:#fff;}

.ipart01{padding:0.9rem 0; position:relative;}
.ipart01 .left{float:left; width:39%;}
.ipart01 .left .con{font-size:0.2rem; line-height:0.3rem; color:#5e5e5e; margin:0.45rem 0;}
.ipart01 .left ul li{display:inline-block; vertical-align:top; width:49%;}
.ipart01 .left ul li .num{font-size:0.4rem; color:rgb(62, 147, 138);}
.ipart01 .left ul li .txt{font-size:0.15rem; color:#5e5e5e;}
.ipart01 .right{float:right; width:55%; overflow:hidden;}
.ipart01 .right .inner{width:60%;}
.ipart01 .right .rect-137{padding-bottom:137%;}
.ipart01 .owl-carousel .owl-stage-outer{overflow:inherit;}
.ipart01 .right .item{display:none; transform:scale(0.77); transition:.5s ease;}
.ipart01 .right .owl-item .item{display:block;}
.ipart01 .right .active .item{transform:scale(1);}
.ipart01 .ipart01_tools{width:0.2rem;position:absolute; top:4rem; right:57%;text-align:center; z-index:2;}
.ipart01 .ipart01_dots .owl-dot {transition:.3s; display:block; width:0.1rem; height:0.1rem; border-radius:50%; background:#dcdfe4;margin:0.3rem auto; cursor:pointer; }
.ipart01 .ipart01_dots .owl-dot.active{background:rgb(62, 147, 138);}
.ipart01 .ipart01_tools .num{text-align:center;}
.ipart01 .ipart01_tools .num span{font-size:0.2rem; color:#242c58;}
.ipart01 .ipart01_tools .num .line{display:inline-block; width:1px; height:0.6rem; background:#dcdfe4; margin:0.15rem 0;}
.ipart01 .img_gif{position:absolute; top:64vh; left:0; opacity:.2; z-index:-1;}
/*.ipart02 .hd{margin-bottom:0.5rem;}*/.ipart02 .hd{margin-bottom:1.65rem;}
/*.ipart02 .hd .left{float:left;}*/
.ipart02 .hd .right{/*float:right;*/    display: flex;
  width: 100%;
  margin-top: 0.8rem
    ;
  justify-content: space-around;
}
.ipart02 .hd .right .tab_t ._li{float:left; color:#434343; position:relative; cursor:pointer;}
.ipart02 .hd .right .tab_t ._li{margin-right:0.25rem; padding-right:0.25rem;}
.ipart02 .hd .right .tab_t ._li:last-child:after{display: none;}
.ipart02 .hd .right .tab_t ._li:after{content:''; position:absolute; width:1px; height:0.36rem; background:#ededed; right:0; top:50%; margin-top:-0.18rem;}
.ipart02 .hd .right .tab_t ._li .num{font-size:0.4rem;}
.ipart02 .hd .right .tab_t ._li .t{font-size:0.17rem;}
.ipart02 .hd .right .tab_t ._li.active{color:rgb(62, 147, 138);}
.ipart02 .bd .rect-335{padding-bottom:33.5%;}
.ipart02 .bd .item{ position:relative;width:50% /*padding-bottom:0.6rem;*/}
.ipart02 .bd .owl-item .item{display:block;}
.ipart02 .bd .item .cover{border-top:4px solid rgb(62, 147, 138); /*position:absolute;height: 300px;*/margin-right: 20px; box-shadow:0 0 10px 0 rgba(0,0,0,0.1); /*width:45%; */bottom:0.2rem; left:0.25rem; background:url("/resources/web/img/ipart02_2.jpg"/*tpa=http://ch.jnjlwl.com/resources/web/img/ipart02_2.jpg*/) no-repeat center;}
.ipart02 .bd .item .cover .box{padding:0.5rem 0.6rem;}
.ipart02 .bd .item .cover .box .tit{font-size:0.28rem; color:rgb(62, 147, 138); line-height:1.2;}
.ipart02 .bd .item .cover .box .tit span{display:block;}
.ipart02 .bd .item .cover .box .con{font-size:0.15rem; color:#5e5e5e; line-height:0.26rem; width:85%; margin:0.2rem 0 0.4rem;}
.ipart03{margin:1.65rem 0;}
.ipart03 .hd .left{float:left;}
.ipart03 .hd .right{float:right; margin-top:0.3rem;margin-right:0.1rem}
/*.ipart03 .bd{margin-top:0.5rem;}*/.ipart03 .bd{margin-top:1.65rem;}
.ipart03 .bd .item{ background-size: cover;margin-left:0.25rem; position:relative; float:left; width:10.3%; height:4.55rem; text-align:center; color:#5e5e5e; background-repeat:no-repeat; transition-duration:1s;}
.ipart03 .bd .item:first-child{margin-left:0;}
.ipart03 .bd .item1{margin-top:0.31rem; background-position: 79% 0;}
.ipart03 .bd .item2{margin-top:0.71rem; background-position:75% 0;}
.ipart03 .bd .item3{background-position:82% 0;}
.ipart03 .bd .item4{margin-top:0.56rem; background-position:55% 0;}
.ipart03 .bd .item.on, .ipart03 .bd .item:hover {width:40%; text-align:left; background-position:0 !important;}
.ipart03 .bd .item::before {content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url("/resources/web/img/black.6.png"); z-index:0; opacity:1; visibility:visible; transition-duration:.3s;}
/* .ipart03 .bd .item3::before{background:url("/resources/web/img/ipart03_cover.png");} */
.ipart03 .bd .item .inner{position:relative;margin:2rem 0.2rem;}
.ipart03 .bd .item .inner .tit{font-size:0.23rem; transition:.5s ease; color:#fff;line-height:.4rem}
.ipart03 .bd .item .inner .con{opacity:0; visibility:hidden; max-width:4.5rem;; transition:.5s ease; height:0; overflow:hidden;}
.ipart03 .bd .item .inner .con .txt{margin:0.2rem 0 0.6rem; font-size:0.15rem;line-height:0.2rem} 
.ipart03 .bd .item .inner .more{font-size:0.16rem;}
.ipart03 .bd .item .inner .more i{transition:.5s ease;}
.ipart03 .bd .item .inner .more:hover i{margin-left:0.1rem;}
.ipart03 .bd .item.on .inner {margin:1.2rem 0.4rem 0;}
.ipart03 .bd .item.on::before{opacity:0; visibility:hidden;}
.ipart03 .bd .item.on .inner .tit{font-size:0.32rem; color:rgb(62, 147, 138);}
.ipart03 .bd .item.on .inner .con{opacity:1; visibility:visible; height:3rem;}
.ipart04{margin-bottom:0.65rem;}
.ipart04 .hd .left{float:left;}
.ipart04 .hd .right{float:right; margin-top:0.3rem;margin-right:0.28rem;}
.ipart04 .bd{margin-top:0.6rem;}
.ipart04 .bd .item{position:relative; float:left; width:33%; /*margin-right:2%;*/margin-bottom:0.3rem;}
/* .ipart04 .bd .item:nth-child(3n){margin-right:0;} */
.ipart04 .bd .item .li_box{padding:0 0.22rem; display:block; position:relative; z-index:1;}
.ipart04 .bd .item .rect-63{padding-bottom:44%;text-align:center}
.ipart04 .bd .item .intro{padding:0.1rem;}
.ipart04 .bd .item .intro .tit span{font-size:0.2rem; color:#5e5e5e;}
.ipart04 .bd .item .intro .tit em{width:1px; height:0.15rem; background:#5e5e5e; display:inline-block; margin:0 0.07rem; vertical-align:middle}
.ipart04 .bd .item .intro .con{margin:0.15rem 0 0.3rem; font-size:0.18rem; color:#242c58; line-height:0.3rem; height:0.4rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.ipart04 .bd .item .intro .more{font-size:0.16rem; color:#5e5e5e;}
.ipart04 .bd .item:hover .intro .con{color:rgb(62, 147, 138);}
.ipart04 .bd .item:hover .intro .more{color:rgb(62, 147, 138);}
.ipart04 .bd .item .cover{ position:absolute; width:96%; height:80%; bottom:0; left:2%; background:#f4f4f6;}

/* 服务 */
/* .service_nav.xc_nav{height:6.3rem;} */
.service_nav ul li.active a{color:rgb(62, 147, 138);}
.service_nav ul li.active a:before{width:100%;}
/* .service_nav .fixed{position:fixed; background:#fff; width:69%; right:0; top:0; z-index:10;} */
.service .common-infor{margin-bottom:0;}
.service_nav.xc_nav ul li{width:22%;}
.ser_infor .tit_en{font-size:0.19rem; color:rgb(62, 147, 138); position:relative; display:inline-block; text-transform:uppercase; margin-bottom:0.1rem;}
.ser_infor .tit_en:after{content:''; position:absolute; left:125%; width:0.45rem; height:2px; background:rgb(62, 147, 138); top:50%; margin-top:-1px;}
.ser_infor .tit{font-size:0.4rem; color:#000a42; line-height:1;}
.ser_infor .con{font-size:0.15rem; color:#5e5e5e; line-height:0.3rem; margin-top:0.15rem;}
.service02 .ser_infor{padding:0.5rem 0 0.4rem;}
.service02 .rect-28{padding-bottom:28%;}
.service03{padding:0.6rem 0 0;}
.service03 .left{float:left; width:50%;}
.service03 .right{float:right; width:49%; margin-top:0.25rem;}
.service03 .right .ser_infor .con{margin-top:0.25rem;}
.service04{position:relative; padding:0.5rem 0 0;}
.service04:after{content:''; position:absolute; top:0; height:80%; background:#f9f9fa; width:120%; right:0;}
.service04 .wrap{position:relative; z-index:1;}
.service04 .content{margin-top:0.35rem;}
.service04 .content .item{float:left; width:49%; position:relative;}
.service04 .content .item:first-child{margin-right:2%;}
.service04 .content .item .rect-389{padding-bottom:38.9%;}
.service04 .content .item .intro{position:absolute; width:100%; top:0; left:0; height:100%; color:#fff;}
.service04 .content .item .intro .box{padding:0.4rem 0.5rem;}
.service04 .content .item .intro .box .tit{font-size:0.28rem; margin-bottom:0.1rem;}
.service04 .content .item .intro .box .con{font-size:0.15rem; line-height:0.26rem; width:80%;}
.service05 .common-btn{background:#242c58;}
.service05 .common-btn:hover{background:rgb(62, 147, 138); color:#fff;}
.ipart04.service05{margin-bottom:0;}

/* 全站搜索 */
body .searchArea{padding:0;}
body .searchArea .infor .tit{font-size:0.36rem; line-height:0.46rem; font-weight:lighter;}
body .searchArea .content_form{padding:0; margin-top:0.4rem;}
body .searchArea .content_form .form_box .search .btn_wrap .btns,
body .resultArea #botBtn .btnMore{border-color:rgb(62, 147, 138); color:rgb(62, 147, 138); font-weight:lighter;}
body .searchArea .content_form .form_box .search .btn_wrap .btns:hover{background:rgb(62, 147, 138);}
body .searchArea .content_form .form_box .search .btn_wrap .btns::before{background:rgb(62, 147, 138);}
body .resultArea #botBtn a:hover{border-color:rgb(62, 147, 138);}
body .resultArea #botBtn a::before{background:rgb(62, 147, 138);}
body .resultArea .content_form{padding:0; margin-top:0.6rem}
body .resultArea .content_form h3{font-weight:lighter;}
body .resultArea .content_form .piclist_area .srchList li .intro .t{font-size:0.2rem;}


/* 表单按钮颜色 */
body .Form-J1 .Form-J1-Btn ._submit{background:rgb(62, 147, 138);}


/* 弹窗颜色 */
body .bg-primary{background-color:rgb(62, 147, 138);}

/* 箭头 */
.service05 .owl-nav>div{cursor:pointer; z-index:5; font-size:0.35rem; position:absolute; top:50%; margin-top:-0.3rem;}
.service05 .owl-nav>div i{margin:0;}
.service05 .owl-nav .owl-prev{left:-0.38rem;}
.service05 .owl-nav .owl-next{right:-0.38rem;}
.service05 .owl-nav>div:hover{color:rgb(62, 147, 138);}

/* 视频中心 */
.video_list01 li{margin:0 0 6% 0; cursor:pointer;}
/* .video_list01 .cont{position:absolute; bottom:0; background:#5e5e5e; color:#fff; width:100%; padding:7% 0; text-align:center; font-size:0.16rem; transition:all .5s ease}
.video_list01 .conts{position:absolute; width:100%; height:100%; background:rgb(62, 147, 138); background:rgba(234,84,4,0.8); text-align:center; top:100%; transition:all .5s ease}
.video_list01 .conts .see{ width:0.74rem; height:0.76rem; background:url(/resources/web/img/widgets_xc_video_1_02.png) no-repeat center; background-size:cover; margin:21% auto;}
.video_list01 .title{font-size:0.16rem; color:#fff;}
.video_list01 li:hover .cont{opacity:0}
.video_list01 li:hover .conts{top:0;} */


/* 2021-0524 */
.service04 .bd {position:relative; margin-top:40px;}
.service04 .bd .rect-5668{padding-bottom:56.68%;}
.service04 .bd .item{position:relative; display:none;}
.service04 .bd .owl-item .item{display:block;}
.service04 .bd .cover{width:96%; background:url("/resources/web/img/black.6.png"/*tpa=http://ch.jnjlwl.com/resources/web/img/black.6.png*/) center; position:absolute; left:0; bottom:0; padding:0 2%;}
.service04 .bd .cover .t{font-size:13px; color:#fff; line-height:24px; padding:9px 0; text-align:center;}
.service04 .bd .bd_btn{text-align:center;}
.service04 .bd .bd_btn>div{width:28px; height:28px; z-index:2; font-size:0; cursor:pointer;  transition:all 0.5s ease; display:inline-block; position:absolute; top:50%; margin-top:-14px;}
.service04 .bd .bd_btn .owl-prev {left:15px; background:url("/resources/web/img/jiagong_jt1.png"/*tpa=http://ch.jnjlwl.com/resources/web/img/jiagong_jt1.png*/) no-repeat center;}
.service04 .bd .bd_btn .owl-next {right:15px; background:url("/resources/web/img/jiagong_jt2.png"/*tpa=http://ch.jnjlwl.com/resources/web/img/jiagong_jt2.png*/) no-repeat center;}
.service04 .bd .bd_btn .owl-prev:hover{background:url("/resources/web/img/jiagong_jt1_on.png"/*tpa=http://ch.jnjlwl.com/resources/web/img/jiagong_jt1_on.png*/) no-repeat center;}
.service04 .bd .bd_btn .owl-next:hover{background:url("/resources/web/img/jiagong_jt2_on.png"/*tpa=http://ch.jnjlwl.com/resources/web/img/jiagong_jt2_on.png*/) no-repeat center;}

/* 2021-0527 视频中心重做 */
.video_list01 .rect-71{padding-bottom:71%;}
.video_list01 ul li{margin-bottom:0.3rem; cursor:pointer;}
.video_list01 ul li .cover{position:absolute; width:100%; height:100%; opacity:0; visibility:hidden; background:url("/resources/web/img/honor01_3.png"/*tpa=http://ch.jnjlwl.com/resources/web/img/honor01_3.png*/); transition:.5s ease;}
.video_list01 ul li .cover .icon{position:absolute; width:65px; height:65px; background:url("/resources/web/img/honor01_2.png"/*tpa=http://ch.jnjlwl.com/resources/web/img/honor01_2.png*/) no-repeat center; top:50%; margin-top:-32px; left:50%; margin-left:-32px;}
.video_list01 ul li:hover .cover{opacity:1; visibility:visible;}
.video_list01 ul li .intro{background:#aaaaaa; color:#fff; transition:.5s ease;}
.video_list01 ul li .intro .box{padding:0.2rem;}
.video_list01 ul li .intro .box .t{font-size:0.17rem; margin-bottom:0.1rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.video_list01 ul li:hover .intro{background:rgb(62, 147, 138);}

/* 2021-0531 */
.ind_video_box{background:url("/resources/web/img/v_cover.png"/*tpa=http://ch.jnjlwl.com/resources/web/img/v_cover.png*/) center;}
.service04 .bd .bd_btn.disabled{display:none;}

/* 2021-0611 */
/*.pageHeader .iban_box .box .dot{width:20px; height:20px; font-size:0; background:url("/resources/web/img/iban_dot.png") no-repeat; background-position:-20px 0; margin-left:20px;*/
.iban_box .box .dot{width:20px; height:20px; font-size:0; background:url("/resources/web/img/iban_dot.png") no-repeat; background-position:-20px 0; margin-left:20px;
  transition:all 0s ease;}
/*.pageHeader .iban_box .box .dot.active{background-position:0 0;}*/
.iban_box .box .dot.active{background-position:0 0;}*/
.pageHeader .iban_box{background:none;}
.ipart01 .ipart01_dots .owl-dot{margin:12px auto;}

/* 2021-06-17 duanyu */
/*.channel_right.ipart{margin-top:100vh;}*/
.btn_line{height:8vh;}
.btn_line .lines{top:4vh;}
.btn_line .more{margin-top:3vh;}
.contact_us01 .left{/*width:45%; */height:auto;}
.contact_us01 .right{/*width:54%;*/ height:6.5rem;}
/* .contact_us01 .left .box{padding:0.6rem 0.2rem;} */
/* .culture03 .service04{position:relative; padding:0.5rem 0 0;}
.culture03 .service04:after{content:''; position:absolute; top:0; height:80%; background:#f9f9fa; width:120%; right:0;} */
/* .culture03 .service04 .wrap{position:relative; z-index:1;} */
.culture03 .service04 .bd {position:relative; margin-top:40px;}
.culture03 .service04 .bd .rect-5668{padding-bottom:56.68%;}
.culture03 .service04 .bd .item{position:relative; display:none;}
.culture03 .service04 .bd .owl-item .item{display:block;}
.culture03 .service04 .bd .cover{width:96%; background:url("/resources/web/img/black.6.png"/*tpa=http://ch.jnjlwl.com/resources/web/img/black.6.png*/) center; position:absolute; left:0; bottom:0; padding:0 2%;}
.culture03 .service04 .bd .cover .t{font-size:13px; color:#fff; line-height:24px; padding:9px 0; text-align:center;}
.culture03 .service04 .bd .bd_btn{text-align:center;}
.culture03 .service04 .bd .bd_btn>div{width:28px; height:28px; z-index:2; font-size:0; cursor:pointer;  transition:all 0.5s ease; display:inline-block; position:absolute; top:50%; margin-top:-14px;}
.culture03 .service04 .bd .bd_btn .owl-prev {left:15px; background:url("/resources/web/img/jiagong_jt1.png"/*tpa=http://ch.jnjlwl.com/resources/web/img/jiagong_jt1.png*/) no-repeat center;}
.culture03 .service04 .bd .bd_btn .owl-next {right:15px; background:url("/resources/web/img/jiagong_jt2.png"/*tpa=http://ch.jnjlwl.com/resources/web/img/jiagong_jt2.png*/) no-repeat center;}
.culture03 .service04 .bd .bd_btn .owl-prev:hover{background:url("/resources/web/img/jiagong_jt1_on.png"/*tpa=http://ch.jnjlwl.com/resources/web/img/jiagong_jt1_on.png*/) no-repeat center;}
.culture03 .service04 .bd .bd_btn .owl-next:hover{background:url("/resources/web/img/jiagong_jt2_on.png"/*tpa=http://ch.jnjlwl.com/resources/web/img/jiagong_jt2_on.png*/) no-repeat center;}

/* 2021-0621 */
.ibanner .video_btn .circleProgress_wrapper{bottom:100px;}
#scr {bottom:calc(8vh/* + 40px*/);}
.pro_list01 .content .left ul li{width:50%; margin-bottom:10px;}


/* 20210621 duanyu */
.culture02 .content{margin-bottom:60px;}
.solution .service04:after{background:none;}
.culture .culture03 .service04:after{height:100%; bottom:-65px; top:auto;}
.technology .service04:after{height:100%; bottom:-65px; top:auto;}
.pro_list01 .content .right{margin-top:50px;}
.pro_list01 .content .info{display:none;}
.iban_word{display: none;}
/* 2021-0628 */
/* .ibanner .v_item img{display:none!important;} */
@media(max-width:1000px){.img1,.img2{width: 269px;}}

/* 英文首页 */
.header_en{width:100%; height:50px; position:absolute; left:0; top:0; padding-top:20px; z-index:2;}
.header_en .wrap{width:1440px; margin:0 auto;}
.header_en .lang{margin:0 0.6rem 0 0.5rem; font-size:0.18rem; color:#fff;} 
.header_en .lang em{margin:0 0.15rem; font-size:0.12rem; line-height:0.42rem; display:inlinee-block;}
.header_en .lang span,.header_en .lang a{line-height:0.42rem; display:inline-block;}
.banner_en{position:relative;}
.banner_en .intro .wrap{width:1440px; margin:0 auto;}
.banner_en .intro{position:absolute; left:0; top:35%; color:#fff; font-size:30px; line-height:32px; width:100%; font-weight:bold; font-family:Arial;}
.banner_en .intro .tit{width:50%; line-height:30px;}
.banner_en .intro .tit span{font-size:60px; display:block; line-height:66px;}

.index_en{padding:60px 0;}
.index_en .wrap{width:1440px; margin:0 auto;}
.ipart1_en .infor .tit{font-size:42px; color:#343434; line-height:80px; font-weight:bold; position:relative; font-family:Arial;}
.ipart1_en .infor .tit::after{content:''; width:79px; height:10px; background:url("/resources/web/img/ipt1_en.png"/*tpa=http://ch.jnjlwl.com/resources/web/img/ipt1_en.png*/) no-repeat center; background-size:cover; position:absolute; bottom:16px; left:0;}
.ipart1_en .infor .con{font-size:26px; color:#343434; line-height:26px; margin-bottom:20px; font-family:Arial;}
.ipart1_en .content .t{line-height:24px; margin-bottom:30px; font-family:Arial;}

.ipart2_en{margin-top:40px; font-family:Arial;}
.ipart2_en .infor .tit{font-size:42px; color:#343434; line-height:80px; font-weight:bold; position:relative;}
.ipart2_en .infor .tit::after{content:''; width:79px; height:10px; background:url("/resources/web/img/ipt1_en.png"/*tpa=http://ch.jnjlwl.com/resources/web/img/ipt1_en.png*/) no-repeat center; background-size:cover; position:absolute; bottom:16px; left:0;}
.ipart2_en .infor .con{font-size:26px; color:#343434; line-height:26px; margin-bottom:25px;}
.ipart2_en .content .intro .tit{font-size:22px; color:#f67f25; line-height:24px; text-align:center; min-height:48px; margin-bottom:40px;}
.ipart2_en .content .left{width:50%; padding:0 55px; box-sizing:border-box;}
.ipart2_en .content .right{width:50%; padding:0 55px; box-sizing:border-box;}
.ipart2_en .content .rect-56{padding-bottom:56.43%;}
.ipart2_en .content .box{height:640px;}
.ipart2_en .content .owl-carousel .owl-dots{position:absolute; top:310px; left:50%; margin-left:-25px;}
.ipart2_en .content .owl-carousel .owl-dot{width:9px; height:9px; background:#fff; border-radius:50%; float:left; margin-right:20px;}
.ipart2_en .content .owl-carousel .owl-dot.active{background:#f67f25;}
.ipart2_en .content .item .t{font-size:18px; color:#343434; margin:15px 0; text-align:center; font-family:Arial;}
/* .ipart2_en .content .item .c{font-size:15px; color:#666; font-family:Arial; text-align:justify; height:195px; overflow:auto; padding-right:15px;}
.ipart2_en .content .item .c::-webkit-scrollbar {width:2px; height:4px;}
.ipart2_en .content .item .c::-webkit-scrollbar-thumb {border-radius:5px;background:#f67f25;}
.ipart2_en .content .item .c::-webkit-scrollbar-track {border-radius:0;background:#f6f5f5;} */
.ipart2_en .content .c{font-size:15px; color:#666; font-family:Arial; text-align:justify; height:195px; overflow:auto; padding-right:15px;}
.ipart2_en .content .c::-webkit-scrollbar {width:2px; height:4px;}
.ipart2_en .content .c::-webkit-scrollbar-thumb {border-radius:5px;background:#f67f25;}
.ipart2_en .content .c::-webkit-scrollbar-track {border-radius:0;background:#f6f5f5;}

.footer_en .wrap{width:1440px; margin:0 auto;}
.footer_en .left{width:22%;}
.footer_en .left dl dt{font-size:20px; color:#343434; margin-bottom:10px; text-transform:uppercase;}
.footer_en .left dl dd{color:#808080; line-height:28px; font-size:14px;}
.footer_en .right{margin-top:55px; margin-right:0;}
.footer_en .right .design{font-size:14px; color:#808080; float:right; margin-top:-40px;}
.footer_en .right .copy{font-size:14px; color:#808080;}
.footer_en .right .share a{display:inline-block; width:43px; height:43px; background:url("/resources/web/img/f_icon.png"/*tpa=http://ch.jnjlwl.com/resources/web/img/f_icon.png*/) no-repeat; border-radius:0; margin:0; margin-right:30px;}
.footer_en .right .share a.share_tw{background-position:0 0;}
.footer_en .right .share a.share_tw:hover{background:url("/resources/web/img/f_icon_on.png"/*tpa=http://ch.jnjlwl.com/resources/web/img/f_icon_on.png*/) no-repeat; background-position:0 0;}
.footer_en .right .share a.share_fb{background-position:-43px 0;}
.footer_en .right .share a.share_fb:hover{background:url("/resources/web/img/f_icon_on.png"/*tpa=http://ch.jnjlwl.com/resources/web/img/f_icon_on.png*/) no-repeat; background-position:-43px 0;}
.footer_en .right .share a.share_yt{width:54px; background-position:-88px 0;}
.footer_en .right .share a.share_yt:hover{background:url("/resources/web/img/f_icon_on.png"/*tpa=http://ch.jnjlwl.com/resources/web/img/f_icon_on.png*/) no-repeat; background-position:-88px 0;}
.col-lg-2 {
  width: 14.2857%;
}

/* col-2 */
.p-process-step.p-process-style-2 .p-process-description p {
  margin-bottom: 0;
}


.p-process-step.p-style-3 {
  text-align: center;
  position: relative;
  margin-bottom: 20px;
}

.p-process-step.p-style-3 .p-step-number {
  width: 80px;
  height: 80px;
  line-height: 80px;
  background: var(--white-color);
  border-radius: 50%;
  color: var(--white-color);
  display: inline-block;
  border: solid rgb(62, 147, 138) 6px;
}



.p-process-step.p-style-3 .p-step-number:before {
  content: '';
  display: inline-block;
  border: 2px solid rgb(62, 147, 138);
  width: 48%;
  top: 45%;
  left: 75%;
  position: absolute;
}

.p-process-step.p-style-3 .p-step-number:before:last-child {
  
  display: none;
}

.p-process-step.p-style-3 .p-process-info {
  margin-top: 15px;
}

.p-process-step.p-style-3 .p-process-info .p-process-title {
  color: rgb(62, 147, 138);
  font-family: var(--title-fonts);
  /* font-weight: 600; */
}

/* .p-before-border .p-process-step.p-style-3 .p-step-number:before {
border: none
} */

/* col-3 */
.q-process-step.q-process-style-2 .q-process-description p {
  margin-bottom: 0;
}


.q-process-step.q-style-3 {
  text-align: center;
  position: relative;
  margin-bottom: 20px;
}

.q-process-step.q-style-3 .q-steq-number {
  width: 80px;
  height: 80px;
  line-height: 80px;
  background: var(--white-color);
  border-radius: 50%;
  color: var(--white-color);
  display: inline-block;
  border: solid rgb(62, 147, 138) 6px;
}

.q-process-step.q-style-3 .q-steq-number:before {
  content: '';
  display: inline-block;
  border: 2px solid rgb(62, 147, 138);
  width: 50%;
  top: 45%;
  left: 73%;
  position: absolute;
}

.p-step {
  width: 80px;
  height: 80px;
  line-height: 80px;
  background: var(--white-color);
  border-radius: 50%;
  color: var(--white-color);
  display: inline-block;
  border: solid rgb(62, 147, 138) 6px
}

.q-process-step.q-style-3 .q-process-info {
  margin-top: 15px;
}

.q-process-step.q-style-3 .q-process-info .q-process-title {
  color: rgb(62, 147, 138);
  font-family: var(--title-fonts);
  /* font-weight: 600; */
}

.q-before-border .q-process-step.q-style-3 .q-steq-number:before {
  border: none
}

@media(max-width: 780px) {
  ._img{
    margin: 0 auto;
}
.row1 {
  display: none;
}
.row2{
  display: block;
}
.col-lg-2{
  width: auto;
}
.map{
  margin: 0 !important;
}
.box>ul>div{
  padding: 0 !important;
}
.box>ul>p,.box>ul>img{
  margin-top: 15px;
}
.main{
  font-size: .2rem !important;
}
.ad{
  display: inline-block;font-size: 14px !important;margin: 10px 0 10px 35px!important;
}
.mores{display: none;}
}

@media(min-width: 780px) {
  .map{
    width: 100% ;
}
}

.p-process-title,.q-process-title{font-size: 0.3rem;}

@media(max-width: 1216px) {.p-process-step.p-style-3 .p-step-number:before {left: 74%;}}

@media(max-width: 1195px) {
  .p-process-step.p-style-3 .p-step-number:before {
    left: 75%;
}
}

@media(max-width: 1200px) {
  .q-process-step.q-style-3 .q-steq-number:before {
    left: 66%;
}
}
@media(max-width:780px) {
  .i{
    /* display: block ; */
    padding-right: 0;
  flex-direction: column;
}
.bd>div{
  height: auto !important;
}
.ipart02 .bd .item .cover{
  height: auto;
}
}
.mores{
  display: inline-block;
  width:1rem;
  height: 0.52rem;
  border-radius: 50%;
  line-height: 0.52rem;
  border: 1px solid #ededed;
  /* background-color: #242c58; */
  /* color: #fff; */
  text-align: center;
  border-radius: 30px;
}
._img{
  width: 250px;height: 250px;
}
@media(max-width:780px){
  .middle{width: 100% !important;}
.cc{font-size: .2rem !important;}
.ibanner{display: none;}
.box>ul>div{margin: 0 !important;display: block !important;}
.box>ul>div>ul{width: auto !important;}
.ipart04 .bd .item{width: 100% !important;}
.right{margin-bottom: .2rem;}
.wrappe{width: 100% !important;}
.more{margin: 0 !important;}
/* .tit,.more{padding: 0 36%;} */
.about_company_text{padding: 0 !important;}
.about_titline{margin-top: 10px;}
}
@media(min-width:1000px){.phone_img{display: none;}.logo{float:left}.nav_ul{display:flex}.fixed .left .fix .navv ul li a{color:#333}}
.pageHeader.fixed .left {
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}
.pageHeader.fixed .left .box .logo .img2 {
  display: block;
}
.pageHeader.fixed .left .box .logo .img1 {
  display: none;
}
.images{width:246px}
body {
  background: #fff;
  color: #666;
  font: 12px/150% Arial,Verdana, "microsoft yahei";
}
.scl {
  margin-top: 68px;
  font-size: 25px;
  color: #3e342e;
  letter-spacing: 1px;
  text-align: center;
  line-height: 24px;
  background-size: 1200px 10px;
}
.ato-content {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.ato-list ul {
  height: 470px;
}

.ato-list ul li {
  margin-top:30px;
  width: 270px;
  height: 335px;
  float: left;
  margin-left: 26px;
  margin-right: 0;
  text-align: center;
  background-color: #fff;
  -webkit-transition: height 300ms;
  -moz-transition: height 300ms;
  -ms-transition: height 300ms;
  -o-transition: height 300ms;
  transition: height 300ms;
  position: relative;
  box-shadow: 1px 0px 8px rgba(0,0,0,0.12);
  top: 10px;
  left: -10px;
}

.ato-list ul li:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0px 2px rgba(0,0,0,0.24);
}

.ato-list ul li div {
  width: 270px;
  margin: 30px 0 25px 0;
  text-align: center;
}

.ato-list ul li div img {
  /*width: 38%;
  height: auto;*/
  width: 102px;
  height: 68px;
  border: none;
  display: block;
  margin: 0 auto;
  object-fit:cover;
}

.ato-list ul li h3 {
  font-size: 24px;
  color: #244e6f;
  font-weight: normal;
  margin-bottom: 31px;
}

.ato-list ul li p {
  margin: 0;
  text-align: left;
  font-size: 16px;
  color: #8e8e8e;
  line-height: 25px;
  padding: 0 20px;
  
}

.ato-more {
  width: 157px;
  height: 36px;
  text-align: center;
  display: none;
  display: inline-block;
  border: 1px solid #7D7D7D;
  line-height: 34px;
  color: #666;
  font-size: 13px;
  text-decoration: none;
  position: absolute;
  bottom: 12px;
  left: 55px;
}

.ato-more:hover {
  background-color: #108cee;
  border-color: #108CEE;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #FFF;
}

.ato-list-fl {
  float: left;
}

.ato-title {
  width: 266px;
  margin-top: 130px;
  padding-right: 20px;
}

.ato-title h2 {
  font-size: 24px;
  line-height: 33px;
  color: #333;
  padding: 0;
  margin: 0;
  font-weight: inherit;
}

.ato-title p {
  margin-top: 10px;
  font-size: 14px;
  color: #666;
  line-height: 26px;
}

.ato-list-fl a {
  width: 50px;
  height: 50px;
  position: relative;
  margin-top: 54px;
  margin-right: 10px;
  float: left;
  /*border: 1px solid #ABABAB;*/
  display: block;
  /*background: #f2f2f2;*/
  overflow: hidden;
}

.ato-list-fl a img {
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  margin: 0 auto;
  /*margin-top: 12px;*/
}

.ato-list {
  float: left;
  width: 1200px;
  height: 430px;
}

.ato-list ul li:hover {
  top: -5px;
  box-shadow: 0 10px 12px rgba(0,0,0,0.12);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s
}

.prev:hover .ato-ope {
  opacity: 0;
}

.ato-ope1 {
  opacity: 0;
}

.prev:hover .ato-ope1 {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 11px;
}

.prev:hover .ato-ope {
  opacity: 0;
}

.ato-ope1 {
  opacity: 0;
}

.prev:hover .ato-ope1 {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 11px;
}

.next:hover .ato-ope {
  opacity: 0;
}

.ato-ope1 {
  opacity: 0;
}

.next:hover .ato-ope1 {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 11px;
}

.next:hover .ato-ope {
  opacity: 0;
}

.ato-ope1 {
  opacity: 0;
}

.next:hover .ato-ope1 {
  opacity: 1;
  position: absolute;
  top: 0;
  right: 11px;
}

/*.ato-list-fl a:hover {
background: #108cee;
border: 1px solid #108cee;
}*/

.form_01,.form_02{
  display: block;
  font-size:60px;
  height: 80px;
  margin: 0 auto;
  text-align: center;
  font-weight:900;
  line-height: 60px;
}
.form_box{
  height:512px;
  background:rgb(180,31,37);
  display:flex;
  flex-direction: column;
  justify-content: center;
  margin:50px 0;
}
.form_01{
  color:#fff;
}
.form_02{
  color:rgb(255, 255, 1);
}




<!--首页样式-->

  .ats .prev{left:-50px !important;}
  .att,.att ul{height:auto !important;}
  .cds{
    position:relative;
    height: 450px;
    width:550px !important;
    border: 1px solid;
    margin-right:50px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    transition: all 0.25s ease-in-out 0s;
  }
  .cds>div{    
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
  }
  @media(max-width:780px) {
    
    .ato-list-fl .prev,
      .ato-list-fl .next {
      top: 0 !important
  }
  
  .cover {
    width: 100% !important
  }
  }
  
  .ato-list-fl {
    overflow: hidden;
    /*height: 30px;
    /* background: #f4f4f4;*/
    padding: 0 10px;
  }
  
  .ato-list-fl .prev {
    left: 0
  }
  
  .ato-list-fl .next {
    right: 0
  }
  
  .ato-list-fl .prev,
  .ato-list-fl .next {
    display: block;
    position: absolute;
    top: 46%;
    float: right;
    margin-right: 5px;
    margin-top: 10px;
    overflow: hidden;
    cursor: pointer;
    
  }
  
  .ato-list-fl .next {
    background-position: 0 -50px;
  }
  
  .ato-list-fl .prevStop {
    background-position: -60px 0;
  }
  
  .ato-list-fl .nextStop {
    background-position: -60px -50px;
  }
  
  .ato-list-fl ul {
    position: absolute;
    bottom: 23px;
    display: none;
    margin: 0 38%;
    float: right;
    overflow: hidden;
    zoom: 1;
    margin-top: 10px;
    zoom: 1;
  }
  
  .ato-list-fl ul li {
    float: left;
    width: 9px;
    height: 9px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
    background: url("/images/icoCircle.gif") 0 -9px no-repeat;
  }
  
  .ato-list-fl ul li.on {
    background-position: 0 0;
  }
  
  .ato-list-fl .prev,
  .ato-list-fl .next {
    display: block;
    
    float: right;
    margin-right: 5px;
    margin-top: 10px;
    overflow: hidden;
    cursor: pointer;
    
  }
  
  .ccc {
    margin-top: 30px;
    width: 270px !important;
    height: 335px !important;
    float: left;
    margin-left: 26px;
    margin-right: 0;
    text-align: center;
    background-color: #fff;
    transition: height 300ms;
    position: relative;
    box-shadow: 1px 0px 8px rgba(0, 0, 0, 0.12);
    top: 10px;
    left: -10px;
  }
  
  .cover {
    overflow: hidden;
    height: 95%;
    border-top: 4px solid rgb(62, 147, 138);
    margin-right: 20px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    width: 45%;
    bottom: 0.2rem;
    left: 0.25rem;
    /*background: url("/resources/web/img/ipart02_2.jpg") no-repeat center;*/
  }
  
  .cover .box {
    padding:25rem;
  }
  
  #slides {
    /*position: absolute;*/
    left: 0px;
    top: 0px;
    height: 600px;
    width: 100%;
    overflow: hidden;
  }
  
  .slide {
    position: absolute;
    height: 500px;
    width: 800px;
    opacity: 0.7;
    border: 1px solid;
    background-color: #fff;
    border-radius: 10px;
    left: 50%;
    top: 50%;
    margin-top: -187px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    transition: all 0.25s ease-in-out 0s;
  }
  
  .current {
    opacity: 1;
    margin-left: -400px;
  }
  
  .future {
    margin-left: 450px;
    transform: skew(-3deg) scale(0.8);
    -webkit-transform: skew(-3deg) scale(0.8);
  }
  
  .post {
    margin-left: -1250px;
    transform: skew(3deg) scale(0.8);
    -webkit-transform: skew(3deg) scale(0.8);
  }
  
  .far-future {
    margin-left: 1200px;
    transition: none;
  }

  .right>.tab_t {
    width: 50%;
    display: flex;
    justify-content: center;
  }
  
  .fixed .left .fix .navv ul li a {
    color: #333
  }
  
  /* .counter-value {
  color: rgb(62, 147, 138);
  font-size: 0.3rem;
  } */
  @media (max-width: 780px) {
    .ipart02 .hd .right {
      display: block
  }
  
  .right>.tab_t {
    width: 100%
  }
  }
  
  @media (min-width: 780px) {
    .slide>div {
      height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly
  }
  
  .i>div {
    display: flex;
    
  }
  }
  
  /*.right{margin-right:0.7rem}
  .ipart01{width:92%}*/
  .ipart02>.hd>.wrap {
    width: 91.5%
  }
  
  .ipart04>.wrap>.hd {
    margin-left: 20px
  }
  
  /*.nav_ul{display:flex}*/
  .owl-carousel .owl-item img {
    /*height: 989px;*/
    height: auto;
    object-fit: cover;
  }
  
  
  img {
    object-fit: contain;
  }
  
  .valScrollAmt-box {
    display: flex;
    height: 28px;
    overflow: hidden;
    font-size: 20px;
    font-weight: bold;
  }
  
  .digit-container {
    display: flex;
    flex-direction: column;
    line-height: 28px;
  }
  
  .ibanner .owl-carousel .owl-stage-outer .owl-stage {
    /* background-color: rgb(70, 78, 75); */
    background: url('/images/2021/07/27/3d10d5c6f4754440b134167ce2d31a6e.png');
    background-size: contain;
  }

  .ats .prev{left:-50px !important;}
  .att,.att ul{height:auto !important;}
  .cds{
    position:relative;
    height: 450px;
    width:550px !important;
    border: 1px solid;
    margin-right:50px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    transition: all 0.25s ease-in-out 0s;
  }
  .cds>div{    
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
  }
  @media(max-width:780px) {
    
    .ato-list-fl .prev,
      .ato-list-fl .next {
      top: 0 !important
  }
  
  .cover {
    width: 100% !important
  }
  }
  
  .ato-list-fl {
    overflow: hidden;
    /*height: 30px;
    /* background: #f4f4f4;*/
    padding: 0 10px;
  }
  
  .ato-list-fl .prev {
    left: 0
  }
  
  .ato-list-fl .next {
    right: 0
  }
  
  .ato-list-fl .prev,
  .ato-list-fl .next {
    display: block;
    position: absolute;
    top: 46%;
    float: right;
    margin-right: 5px;
    margin-top: 10px;
    overflow: hidden;
    cursor: pointer;
    
  }
  
  .ato-list-fl .next {
    background-position: 0 -50px;
  }
  
  .ato-list-fl .prevStop {
    background-position: -60px 0;
  }
  
  .ato-list-fl .nextStop {
    background-position: -60px -50px;
  }
  
  .ato-list-fl ul {
    position: absolute;
    bottom: 23px;
    display: none;
    margin: 0 38%;
    float: right;
    overflow: hidden;
    zoom: 1;
    margin-top: 10px;
    zoom: 1;
  }
  
  .ato-list-fl ul li {
    float: left;
    width: 9px;
    height: 9px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
    background: url("/images/icoCircle.gif") 0 -9px no-repeat;
  }
  
  .ato-list-fl ul li.on {
    background-position: 0 0;
  }
  
  .ato-list-fl .prev,
  .ato-list-fl .next {
    display: block;
    
    float: right;
    margin-right: 5px;
    margin-top: 10px;
    overflow: hidden;
    cursor: pointer;
    
  }
  
  .ccc {
    margin-top: 30px;
    width: 270px !important;
    height: 335px !important;
    float: left;
    margin-left: 26px;
    margin-right: 0;
    text-align: center;
    background-color: #fff;
    transition: height 300ms;
    position: relative;
    box-shadow: 1px 0px 8px rgba(0, 0, 0, 0.12);
    top: 10px;
    left: -10px;
  }
  
  .cover {
    overflow: hidden;
    height: 95%;
    border-top: 4px solid rgb(62, 147, 138);
    margin-right: 20px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    width: 45%;
    bottom: 0.2rem;
    left: 0.25rem;
    /*background: url("/resources/web/img/ipart02_2.jpg") no-repeat center;*/
  }
  
  .cover .box {
    padding:0.2rem;
  }
  
  #slides {
    /*position: absolute;*/
    left: 0px;
    top: 0px;
    height: 600px;
    width: 100%;
    overflow: hidden;
  }
  
  .slide {
    position: absolute;
    height: 500px;
    width: 800px;
    opacity: 0.7;
    border: 1px solid;
    background-color: #fff;
    border-radius: 10px;
    left: 50%;
    top: 50%;
    margin-top: -187px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    transition: all 0.25s ease-in-out 0s;
  }
  
  .current {
    opacity: 1;
    margin-left: -400px;
  }
  
  .future {
    margin-left: 450px;
    transform: skew(-3deg) scale(0.8);
    -webkit-transform: skew(-3deg) scale(0.8);
  }
  
  .post {
    margin-left: -1250px;
    transform: skew(3deg) scale(0.8);
    -webkit-transform: skew(3deg) scale(0.8);
  }
  
  .far-future {
    margin-left: 1200px;
    transition: none;
  }
</style>
<style>
  .right>.tab_t {
    width: 50%;
    display: flex;
    justify-content: center;
  }
  
  .fixed .left .fix .navv ul li a {
    color: #333
  }
  
  /* .counter-value {
  color: rgb(62, 147, 138);
  font-size: 0.3rem;
  } */
  @media (max-width: 780px) {
    .ipart02 .hd .right {
      display: block
  }
  
  .right>.tab_t {
    width: 100%
  }
  }
  
  @media (min-width: 780px) {
    .slide>div {
      height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly
  }
  
  .i>div {
    display: flex;
    
  }
  }
  
  /*.right{margin-right:0.7rem}
  .ipart01{width:92%}*/
  .ipart02>.hd>.wrap {
    width: 91.5%
  }
  
  .ipart04>.wrap>.hd {
    margin-left: 20px
  }
  
  /*.nav_ul{display:flex}*/
  .owl-carousel .owl-item img {
    /*height: 989px;*/
    height: auto;
    object-fit: cover;
  }
  
  
  img {
    object-fit: contain;
  }
  
  .valScrollAmt-box {
    display: flex;
    height: 28px;
    overflow: hidden;
    font-size: 20px;
    font-weight: bold;
  }
  
  .digit-container {
    display: flex;
    flex-direction: column;
    line-height: 28px;
  }
  
  .ibanner .owl-carousel .owl-stage-outer .owl-stage {
    /* background-color: rgb(70, 78, 75); */
    background: url('/images/2021/07/27/3d10d5c6f4754440b134167ce2d31a6e.png');
    background-size: contain;
  }
 <!-- 弹窗样式-->
 * {
			padding: 0px;
			margin: 0px auto;
		}
		a{
			text-decoration: none;
		}
		body{
			background-color: gray;
		}

		/* //新弹窗样式 */
		.cqmylike_middle_zx_box {
			width: 90%;
			max-width: 1200px;
			min-width: 220px;
			position: absolute;
			left: 50%;
			top:55%;
			transform: translate(-50%,-60%);
			z-index: 100000;
			border-radius: 10px;
			position:fixed;
		}
		.cqmylike_middle_zx_box .ad-image{
			border-radius: 10px;
		}
		.cqmylike_middle_zx_close{
			position: absolute;
			right: -10px;
			top: -10px;
		}
		.button{
			width: 100%;
			height: 50%;
			position: absolute;
			left: 0;
			bottom: 0;
		}