@charset "UTF-8";





.about-bn-scroll .list { position:relative; overflow:hidden; }

.about-bn-scroll .img { padding-bottom:37.29%; position:relative;  }

.about-bn-scroll .img .bg {  position:absolute; left:0px; bottom:0px; right:0px; width:100%; height:50%;  background:none;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 80%); }

.about-bn-scroll ul li { position:relative; }

.about-bn-scroll ul li .text { position:absolute; left:13.75%; bottom:4.5%; width:50%; }

.about-bn-scroll ul li h3 { line-height:1.2; }

.about-bn-scroll ul li .more { padding-top:1.33em; }

.about-bn-scroll ul li .more a { color:#fff; display:inline-block; padding-right:1.556em; background:url(../images/jt02.png) no-repeat right center; background-size:0.667em 0.667em; }

.about-bn-scroll ul li .time { padding-bottom:1em; }

.about-bn-scroll .pagination { position:absolute; right:13.75%; left:auto; bottom:4.125%; width:auto; z-index:2; } 

.about-bn-scroll .pagination .swiper-pagination-bullet { width:1.4375em; height:1.125em; margin:0px 1px; border-radius:0px; background:url(../images/pagination-ico04.png) no-repeat center center; background-size:100% 100%; opacity:1.0; }

.about-bn-scroll .pagination .swiper-pagination-bullet-active { background:url(../images/pagination-ico03.png) no-repeat center center; background-size:100% 100%;  } 





.about-news-bk01 .ab-ns-tab-nav { padding:3.875em 0px 2.625em; }

.about-news-bk01 .ab-ns-tab-nav ul { width:50%; max-width:50em; margin:0px auto; }

.about-news-bk01 .ab-ns-tab-nav ul li {position:relative; border:1px solid #e6e6e6; cursor:pointer; width:50%; line-height:3.0909;  }

.about-news-bk01 .ab-ns-tab-nav ul li.li01 { border-radius:3px 0px 0px 3px; }

.about-news-bk01 .ab-ns-tab-nav ul li.li02 { border-radius:0px 3px 3px 0px; }

.about-news-bk01 .ab-ns-tab-nav ul li.on { border:1px solid #1b9dd8; background:#1b9dd8; color:#fff; }

.about-news-bk01 .ab-ns-tab-nav  .jt { width:2.1818em; display:none; cursor:pointer; height:0.909em; left:50%; background:url(../images/jt05.jpg) no-repeat center center; background-size:100% 100%; position:absolute; bottom:-2.75em; z-index:2;  }

.about-news-bk01 .ab-ns-tab-nav ul li.on .jt { display:inline-block; }



.about-news-bk01 .ns-list { border-top:1px solid #e5e5e5; position:relative; }

.about-news-bk01 .ns-list .list li { float:left; width:100%; padding:3em 0px; border-bottom:1px solid #e5e5e5; }

.about-news-bk01 .ns-list .list li .img { float:left; width:31.25%; margin-right:3.25%; overflow:hidden; }

.about-news-bk01 .ns-list .list li .img a { display:block; padding-bottom:56%; }

.about-news-bk01 .ns-list .list li .text { overflow:hidden; }

.about-news-bk01 .ns-list .list li h3 { line-height:1.2; }

.about-news-bk01 .ns-list .list li .more { padding-top:2.1em; }

.about-news-bk01 .ns-list .list li .more a { color:#1b9dd8; display:inline-block; padding-right:1.556em; background:url(../images/jt03.png) no-repeat right center; background-size:0.667em 0.667em; }

.about-news-bk01 .ns-list .list li .time { padding-bottom:1em; }

.about-news-bk01 .ns-list .list li .con { line-height:1.4; max-height:4.2em; margin-top:1.5em; }

.about-news-bk01 .ns-list .list li:hover .more a { text-decoration:underline; }





.about-news-bk01 .video-list { border-top:1px solid #e5e5e5; position:relative; padding-top:2em; padding-bottom:3.125em; }

.about-news-bk01 .video-list .list { margin:0px -1.5625em; border-bottom:1px solid #e5e5e5; padding-bottom:1.25em; }

.about-news-bk01 .video-list .list li { float:left; width:33.33%; padding-bottom:0.625em; }

.about-news-bk01 .video-list .list li .content { padding:1.5625em; }

.about-news-bk01 .video-list .list li .img { position:relative; overflow:hidden; }

.about-news-bk01 .video-list .list li .img a { display:block; padding-bottom:56%; }

.about-news-bk01 .video-list .list li .img i { background:url(../images/play02.png) no-repeat center center; cursor:pointer; position:absolute; left:0px; top:0px; width:100%; height:100%; bottom:0px; background-size:5.25em 3.1875em;  } 

.about-news-bk01 .video-list .list li .btn a { color:#1b9dd8; display:inline-block; padding-top:0.25em; padding-left:2.625em; background:url(../images/down01.png) no-repeat left top; background-size:1.4375em 1.4375em; }

.about-news-bk01 .video-list .list li h3 { padding:1.25em 0px; }

.about-news-bk01 .video-list .page { padding:2.25em 0px; }

.about-news-bk01 .video-list .list li iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}



.ns-detail-wrap { padding:4.25em 0px; }

.ns-detail-wrap .title { padding:0px 10%; line-height:1.2; }

.ns-detail-wrap .time { padding:2.25em 0px 2.625em; }

.ns-detail-wrap .time span { display:inline-block; padding:0px 1.25em;}

.ns-detail-wrap .ns-content { padding:3.125em 6.25% 3.875em; }

.ns-detail-wrap .ns-video { position:relative; padding-bottom:44.28%;  }

.ns-detail-wrap .ns-video video { position:absolute; left:0px; top:0px; right:0px; width:100%; height:100%; bottom:0px; }

.ns-detail-wrap .ns-video .playbg { position:absolute; left:0px; top:0px; right:0px; width:100%; height:100%; bottom:0px; z-index:2;  }

.ns-detail-wrap .ns-video .play { width:6.3125em; height:3.8125em; position:absolute; left:50%; top:50%; margin:-1.90625em 0px 0px -3.15625em; cursor:pointer; background:url(../images/play02.png) no-repeat center center; background-size:100% 100%; z-index:3; }

.ns-detail-wrap .ns-video.on .play { display:none; }

.ns-detail-wrap .ns-video.on .playbg { display:none; }

.ns-detail-wrap .ns-content .content { line-height:1.778; padding:0 0 2.22em; }

.ns-detail-wrap .ns-content img { max-width:100%; }



.ns-detail-wrap  .ns-page { padding:1.5625em 6.25% 4.375em; } 

.ns-detail-wrap  .ns-page ul li { width:37%; }

.ns-detail-wrap  .ns-page ul li .tit a { display:inline-block; padding-left:1.625em; background:url(../images/jt04.png) no-repeat left center; background-size:0.75em 0.75em;  color:#1b9dd8; }

.ns-detail-wrap  .ns-page ul li .con { line-height:1.25; margin-top:1em; }

.ns-detail-wrap  .ns-page ul li:first-child +li .tit { text-align:right; }

.ns-detail-wrap  .ns-page ul li:first-child +li .tit a { padding-left:0px; padding-right:1.625em;background:url(../images/jt03.png) no-repeat right center; background-size:0.75em 0.75em;   }









/**********************jobs**********************/

.about-job-bk01 { padding-bottom:6.9375em; }

.about-job-bk01 .title { padding:1.0833em 0px 1.3833em;}

.about-job-bk01 .list .sec .img { width:50%;}

.about-job-bk01 .list .sec .img img { width:100%; }

.about-job-bk01 .list .sec .text { width:38.64%; margin-right:8.33%; margin-top:-0.25em; padding-bottom:2em;  }

.about-job-bk01 .list .sec h3 { line-height:1.25;  }

.about-job-bk01 .list .sec .con { line-height:1.778; padding-top:1.889em; }

.about-job-bk01 .list .sec:nth-child(2n) { -webkit-flex-direction:row-reverse; -ms-flex-direction:row-reverse;  flex-direction:row-reverse; }

.about-job-bk01 .list .sec:nth-child(2n) .text { margin-left:8.33%; margin-right:0px; }

.about-job-bk01 .list .sec:nth-child(2n) .con p { padding:0.5em 0px; }



.about-job-bk02  { padding:5.625em 0px 9.375em; }

.about-job-bk02 .title { line-height:1.2; padding-bottom:1.8235em; }

.about-job-bk02 .con { max-width:31.25em; line-height:1.25; padding:1.1875em 1em 1.5625em 7.5em; background:url(../images/email-ico02.png) no-repeat 1.9375em 49%; background-size:3.6875em 3.0625em;  margin:0px auto; border:1px solid #e5e5e5; }

.about-job-bk02 a { color:#1b9dd8; }

.about-job-bk02 a:hover { text-decoration:underline; } 

 

 

.nrnav-box { background:#fff; }

.nrnav-box ul { border-bottom:1px solid #e6e6e6; }

.nrnav-box ul li { display:inline-block; padding:1.025em 0px; margin:0px 1.5454em; cursor:pointer; }

.nrnav-box ul li a span { display:inline-block; margin-right:0.25em; }

.nrnav-box ul li a.hover { color:#1b9dd8; }

.nrnav-box.active { position:fixed; left:0px; top:0px; right:0px; z-index:100;  }



.header.on { height:0px; overflow:hidden; }



.about-story-bk01 .wrap { max-width:1400px; padding-top:6.5625em; }

.about-story-bk01 .img { width:42.57%; padding-top:0.75em; }

.about-story-bk01 .img img { max-width:100%; }

.about-story-bk01 .text { width:52.14%; }

.about-story-bk01 .text h3 { line-height:1.15; margin-bottom:0.422em; }

.about-story-bk01 .text .con { line-height:1.778; letter-spacing:-0.5px; }

.about-story-bk01 .text .sub-tit { padding-top:0.9375em; }





.about-story-bk02 { padding-top:7.6875em; }

.about-story-bk02 .list { margin-top:2.5em; }

.about-story-bk02 .list ul li { width:50%; position:relative; }

.about-story-bk02 .list ul li .text { width:100%; padding:0px 13.375%; position:absolute; left:0px; top:0px; height:100%; right:0px;  }

.about-story-bk02 .list ul li .text h3 { line-height:1.2; margin-bottom:1em; height:2.4em; }

.about-story-bk02 .list ul li .img { padding-bottom:67.91%; }

.about-story-bk02 .list ul li .txt { min-height:7.5em; }

.about-story-bk02 .list ul li:first-child +li .text { background:rgba(27,157,216,0.8); }





.about-story-bk03 { padding-top:4.75em; padding-bottom:6.0625em;  }

.about-story-bk03 .sub-title span { display:inline-block; width:2.8125em; line-height:2.8125; border-radius:50%; background:#1b9dd8;  }

.about-story-bk03 .sub-title { margin-top:2.375em; }

.about-story-bk03 .list { padding:3.1875em 0px 5em; position:relative; }

.about-story-bk03 .list ul { position:relative; z-index:2; }

.about-story-bk03 .list ul li { float:left; width:100%; padding:0px 2.5%; position:relative; height:11.8125em; }

.about-story-bk03 .list ul li .con { float:right; position:relative; margin-top:-2.4375em;  border:1px solid #e6e6e6; padding:1.25em 1.25em 1.25em 1.5em; width:45.3%; }

.about-story-bk03 .list ul li .con img { max-width:100%; }

.about-story-bk03 .list ul li .time { line-height:1.2; }

.about-story-bk03 .list ul li .txt { margin-top:0.875em; line-height:1.25; }

.about-story-bk03 .list ul li .img { overflow:hidden; }

.about-story-bk03 .list .line { position:absolute; top:0px;  margin-left:-0.25em;left:50%; bottom:0px; width:0.5em; background:#e6e6e6; }

.about-story-bk03 .list .jt {  width:1.5454em; cursor:pointer; top:0px; margin-top:2.375em; height:1.5454em; left:-1px; background:#fff;  border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; position:absolute; transform:translate(-50%,0%) rotate(-45deg);-webkit-transform:translate(-50%,0%) rotate(-45deg);-ms-transform:translate(-50%,0%) rotate(-45deg); z-index:2;  }

.about-story-bk03 .list .ico { position:absolute; top:0px; margin-left:-0.94375em; left:50%; width:1.875em; height:1.875em; background:#1b9dd8; border-radius:50%; border:0.625em solid #fff; }

.about-story-bk03 .list ul li:hover .jt { border-top:1px solid #1b9dd8; border-left:1px solid #1b9dd8; }



.about-story-bk03 .list ul li:hover .con { border:1px solid #1b9dd8; }

.about-story-bk03 .list ul li:nth-child(2n) .con { float:left; }

.about-story-bk03 .list ul li:nth-child(2n) .jt { left:auto; margin-left:1px; border:none; right:-1.5454em;border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; }

.about-story-bk03 .list ul li:nth-child(2n):hover .jt {border-bottom:1px solid #1b9dd8; border-right:1px solid #1b9dd8; }

.about-story-bk03 .wrap { max-width:1400px; }





.about-story-bk03 .layui-flow-more { position:absolute; bottom:-9.5em; font-size:16px; left:0px; right:0px; width:100%; }





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



.about-news-bk01 .ns-list .list li .img a { padding-bottom:62%; }

}



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



.about-news-bk01 .ns-list .list li .img a { padding-bottom:68%; }

}



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



.about-bn-scroll ul li .text { left:5%; width:60%; }

.about-bn-scroll .pagination { right:5%; }

.about-news-bk01 .video-list .list { margin:0px -1em;  }

.about-news-bk01 .video-list .list li .content { padding:1em; }



.about-story-bk03 .layui-flow-more {font-size:15px; }





}





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





.about-story-bk03 .layui-flow-more {font-size:14px; }





}







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

	



.about-news-bk01 .ns-list .list li .img a { padding-bottom:75%; }

.about-news-bk01 .video-list .list li .img i { background-size:3.75em 2.25em; }



.ns-detail-wrap .title { padding:0px 5%;  }

.ns-detail-wrap .ns-page ul li { width:46%; }





.about-job-bk01 { padding-bottom:3em; }

.about-job-bk01 .list .sec .img { width:100%; }

.about-job-bk01 .list .sec .text { width:100%; padding:3em 8%; margin-right:0px; }

.about-job-bk01 .list .sec:nth-child(2n) .text { margin-left:0px; }

.about-story-bk01 .wrap { padding-top:4em; }



.about-story-bk02 .list ul li .text { padding:0px 5%; }

.about-story-bk02 .list ul li .text h3 { margin-bottom:0.5em; }



.about-story-bk03 .list ul li {  height:auto; }





}



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

	



}



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





.about-story-bk01 .text { width:100%; padding-top:3em;  }

.about-story-bk01 .img { width:100%; padding-top:0px; }

.about-story-bk01 .wrap {-webkit-flex-direction:column-reverse; -ms-flex-direction:column-reverse;  flex-direction:column-reverse; }

.about-story-bk02 .list ul li { width:100%; }

.about-story-bk02 .list ul li .text h3 { height:auto; }

.about-story-bk03 .list ul li .con {flex-wrap:wrap; -webkit-flex-direction:column-reverse; -ms-flex-direction:column-reverse;  flex-direction:column-reverse;}

.about-story-bk03 .list ul li .con .text { width:100%!important; padding-top:1em;  }

.nrnav-box ul li { margin:0px 0.5em; padding:0.75em 0px; }







}





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



.about-bn-scroll ul li .time { padding-bottom:0.5em; }

.about-bn-scroll ul li .more { padding-top:0.75em; }

.about-bn-scroll ul li .text { bottom:10%; }

.about-bn-scroll .img { padding-bottom:50%; }

.about-bn-scroll .pagination .swiper-pagination-bullet { width:0.9583em; height:0.75em; }





.about-news-bk01 .ab-ns-tab-nav { padding:2em 0px; }

.about-news-bk01 .ab-ns-tab-nav ul { width:100%; }

.about-news-bk01 .ab-ns-tab-nav .jt { bottom:-2.5em; width:1em; height:1em;  }

.about-news-bk01 .ns-list .list li { padding:2em 0px; }

.about-news-bk01 .ns-list .list li .img { width:100%; margin-right:0px; float:none; }

.about-news-bk01 .ns-list .list li .img a { padding-bottom:56%; }

.about-news-bk01 .ns-list .list li .text { padding-top:1.5em; }

.about-news-bk01 .ns-list .list li .more { padding-top:1.5em; }



.about-news-bk01 .video-list .list li { width:100%; padding-bottom:0px; }

.about-news-bk01 .video-list { padding-top:1em; padding-bottom:1em; }

.about-news-bk01 .video-list .list li h3 { padding:1em 0px; }

.about-news-bk01 .video-list .page { padding:1.5em 0px; }





.ns-detail-wrap { padding:2em 0px; }

.ns-detail-wrap .time { padding:1em 0px 1.25em; }

.ns-detail-wrap .title { padding:0px; }

.ns-detail-wrap .ns-content { padding:2em 0px; }

.ns-detail-wrap .ns-video .play {background-size:3.75em 2.25em; }

.ns-detail-wrap .ns-content .content { /*padding:2em 0px;*/ padding: 0 0px 2.22em; }

.ns-detail-wrap .ns-page { padding:0px 0px 1.5em;}

.ns-detail-wrap .ns-page ul li { width:100%; margin-top:1.5em; }

.ns-detail-wrap  .ns-page ul li:first-child +li .tit { text-align:left; }

.ns-detail-wrap  .ns-page ul li:first-child +li .tit a { padding-left:1.625em; padding-right:0px;background:url(../images/jt04.png) no-repeat left center; background-size:0.75em 0.75em;   }





.about-job-bk01 { padding-bottom:1em; }

.about-job-bk01 .list .sec:nth-child(2n) .text { padding-top:0px; }

.about-job-bk02 { padding:3em 0px 4em; }

.about-job-bk02 .title { padding-bottom:1em; }

.about-job-bk02 .con { background-size:2.4583em 2.0416em; max-width:20.833em;  padding:1.1875em 1em 1.5625em 5em; background-position:1.25em 49%; }





.about-story-bk01 .wrap { padding-top:2em; }



.about-story-bk02 { padding-top:4em; }

.about-story-bk02 .list { margin-top:1.5em; }

.about-story-bk03 .sub-title { margin-top:1.5em; }

.about-story-bk03 { padding-top:3em; padding-bottom:4em; }

.about-story-bk03 .list .line { width:0.33em; margin-left:-0.165em; }

.about-story-bk03 .list ul li .con { padding:0.5em; margin-top:-2.125em; }

.about-story-bk03 .list .jt { width:0.75em; height:0.75em; }

.about-story-bk03 .list .ico { width:1.25em; height:1.25em; border:0.4em solid #fff; margin-left:-0.6125em; }

.about-story-bk03 .list ul li:nth-child(2n) .jt { right:-0.75em; }





.about-story-bk03 .layui-flow-more {font-size:0.24rem; bottom:-7.8em; margin:0px;  }

.about-story-bk03 .layui-flow-more a { line-height:2; }



.nrnav-box ul li a span { display:none; }

 

}



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





.about-story-bk03 .layui-flow-more {font-size:14px; }



}



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



.about-story-bk03 .layui-flow-more {font-size:13px; }







}





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





.about-story-bk03 .layui-flow-more {font-size:12px; }







}