@charset "UTF-8";







/*.footer { border-top:none; }

*/





/***********************首页 开始********************************/



.in-banner { overflow:hidden; position:relative; }



.in-banner .img { padding-bottom:45.83%; }



.in-banner .swiper-slide {



  position: relative;



}



.in-banner .swiper-slide .swiper-txt { position: absolute; left:0px; right:0px; height:100%; bottom:0px;z-index: 200; filter:alpha(opacity=0); opacity:0; visibility: hidden; -webkit-transition: all 1500ms ease; transition: all 1500ms ease;  transform: translate(2%,0); color:#fff; -webkit-transform: translate(2%,0); }



.in-banner .swiper-slide .swiper-txt .con { width:36.875%; }



.in-banner .swiper-slide .swiper-txt .tit-img img { max-width:100%; }



.in-banner .swiper-slide .swiper-txt .btn { width:48.13%; margin-top:13.8%;}



.in-banner .swiper-slide .swiper-txt .btn a { display:block; padding-bottom:25.35%; background:url(../images/in-bn-btn01.png) no-repeat center top; background-size:100% 300%; }



.in-banner .swiper-slide .swiper-txt .btn a:hover { background-position:center bottom; }



.in-banner .swiper-slide.swiper-slide-active .swiper-txt { transform: translate(0,0); -webkit-transform: translate(0,0);opacity:1; filter:alpha(opacity=100); visibility: visible; }



.in-banner .swiper-slide.li05 .swiper-txt .con { width:100%; text-align:center; }



.in-banner .swiper-slide.li05 .swiper-txt .tit-img img { width:55.625%; }



.in-banner .swiper-slide.li05 .swiper-txt .btn { width:17.75%; margin:0px auto; margin-top:6.2%;  }











.in-banner .pagination {



  position: absolute;



  bottom:21px;



  width: 100%;left:0px; right:0px;



  z-index:3;







}



.in-banner .pagination span {



  width:4.25%;



  height:0.25em;



  margin:0px 3.5px;



  display: inline-block;



  cursor: pointer;



  background:#a6a6a6; border-radius:0px;



  opacity:1;transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all;



}



.in-banner .pagination span.swiper-pagination-bullet-active {



  opacity:1; background:#fff;



}





.in-banner .pic { padding-bottom:45.83%; display:block; }
.in-banner .pic2 {z-index:5;overflow: hidden;position:absolute; width:100%; height:100%;}
.in-banner .pic2 video{
	display: block;
	position: absolute;width:100%; right:0px; bottom:0px; left:0px; top:0px; height:100%; background:#000; object-fit:fill;
}

.isIe .in-banner .pic2 video { left: 50%;top: 50%; width:auto; height:auto;
	min-width: 100%;min-height: 100%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);}










/***************in-sec-bk01********************/



.in-sec-bk01 .text-wrap .text { float:left; width:28.75%; margin-left:12.5%; padding:2em 0px;min-height:35em; }



.in-sec-bk01 .text-wrap .text h3 { line-height:1.1; }



.in-sec-bk01 .text-wrap .text h4 { padding-top:2px; }



.in-sec-bk01 .text-wrap .text .con { line-height:1.71; color:#9a9a9a; max-height:10.668em; margin-top:1em; }



.in-sec-bk01 .text-wrap .text .more-btn { padding-top:3.388em; }



.in-sec-bk01 .text-wrap .img {  float:right; width:58.5%; }



.in-sec-bk01 .text-wrap .img img { max-width:90%; }





.in-sec-bk01 .pic-wrap { border-bottom:1px solid #dcdcdc; }



.in-sec-bk01 .pic-wrap .wrap { position:relative; }



.in-sec-bk01 .pic-wrap .gallery-thumbs { overflow:hidden; margin:0px 6.25%; }

.in-sec-bk01 .pic-wrap ul li span{display: block;}

.in-sec-bk01 .pic-wrap ul li .con { padding:0.875em 0.3em 1.875em; position:relative; }

.in-sec-bk01 .pic-wrap ul li .con:before { content:""; display:none; position:absolute; left:1em; bottom:0px; right:1em; height:0.25em; background:#129eda; }

.in-sec-bk01 .pic-wrap .img { position:relative; padding-bottom:41%; }

.in-sec-bk01 .pic-wrap .img img { width:auto; height:auto; max-width:90%; max-height:100%; }

.in-sec-bk01 .pic-wrap ul li { cursor:pointer; }

.in-sec-bk01 .pic-wrap ul li .tit { margin-top:1em; }

.in-sec-bk01 .pic-wrap ul li.swiper-slide-thumb-active .con:before { display:block;}

.in-sec-bk01 .pic-wrap ul li.swiper-slide-thumb-active .tit { color:#1b9dd8; }





.in-sec-bk01 .pic-wrap .btn { width:2.5em; cursor:pointer; border:2px solid #c4c5ca; border-radius:50%; color:#000; height:2.5em; position:absolute; z-index:3; top:24%;   }



.in-sec-bk01 .pic-wrap .btn span {  width:10px; cursor:pointer;  height:10px; left:50%; border-left:3px solid #c4c5ca; border-top:3px solid #c4c5ca; position:absolute; top:50%; }



.in-sec-bk01 .pic-wrap .swiper-prev1 { left:0px;  }



.in-sec-bk01 .pic-wrap .swiper-prev1 span {transform:translate(-50%,-50%) rotate(-45deg);margin-left:2px;-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);  }



.in-sec-bk01 .pic-wrap .swiper-next1 { right:0px;}



.in-sec-bk01 .pic-wrap .swiper-next1 span {transform:translate(-50%,-50%) rotate(135deg);margin-left:-2px; -webkit-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);  }







.in-sec-bk01 .pic-wrap .swiper-button-disabled {opacity:0.3; filter:alpha(opacity=30); cursor:default; }


.in-sec-bk01 .gallery-top .swiper-slide { display:none; }
.in-sec-bk01 .gallery-top .swiper-slide:first-child { display:block; }




.in-sec-bk02 { padding-top:1.375em; }



.in-sec-bk02 .title { padding:3em 0px; }



.in-sec-bk02 .title .more a { color:#9a9a9a; display:inline-block; padding-left:1.8181em; position:relative;  }



.in-sec-bk02 .title .more a i { width:0.909em; display:block; position:absolute; left:0px; top:50%; margin-top:-0.4545em; height:0.909em; background:url(../images/but-ico01.png) no-repeat center top; background-size:100% 300%;  }



.in-sec-bk02 .title .more a:hover i { background-position:center bottom; }

.in-sec-bk02 .title .tit span { display:block; text-align:right; margin-right:-2.5em;  }









.in-sec-bk02 .tab-nav { float:left; width:29.16%; padding-top:0.33em; }



.in-sec-bk02 .tab-nav ul li { padding:0.70833em 1em 0.70833em 28.57%; cursor:pointer; position:relative; width:100%; }



.in-sec-bk02 .tab-nav ul li i { position:absolute; left:0px; top:50%; margin-top:-0.08335em; height:0.1667em; width:25%; background:#fff; }



.in-sec-bk02 .tab-nav ul li.on { color:#1b9dd8; }



.in-sec-bk02 .tab-nav ul li.on i {background:#1b9dd8;  }



.in-sec-bk02 .tab-con { float:right; width:70.84%; padding-left:6.25em; position:relative; }



.in-sec-bk02 .tab-con .list { padding-bottom:3.5em; overflow:hidden; }



.in-sec-bk02 .tab-con .list ul li { width:33.33%; float:left; }

.in-sec-bk02 .tab-con .list ul li span{display:block;}

.in-sec-bk02 .tab-con .list ul li .con { margin-right:2.5em; position:relative; }



.in-sec-bk02 .tab-con .list ul li .img { padding-bottom:134.21%; }



.in-sec-bk02 .tab-con .list ul li dl { position:absolute; padding:0px 1.25em; left:0px; bottom:1em; right:0px; width:100%; z-index:3; }



.in-sec-bk02 .tab-con .list ul li dl dt { line-height:1.3; height:2.6em; max-height:2.6em; }



.in-sec-bk02 .tab-con .list ul li dl dd { margin-top:0.722em; }



.in-sec-bk02 .tab-con .list ul li a { color:#fff; }



.in-sec-bk02 .tab-con .list ul li .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.8) 80%);}



.in-sec-bk02 .tab-con .list ul li .con:hover .bg { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(27, 157, 216, 1) 80%);}



.in-sec-bk02 .btn { width:3.75em; cursor:pointer; left:0px; bottom:3.5em; color:#000; border:1px solid #c4c5ca; border-radius:50%; height:3.75em; position:absolute; z-index:3;  }



.in-sec-bk02 .btn span {  width:15px; cursor:pointer;  height:15px; left:50%; border-left:3px solid #c4c5ca; border-top:3px solid #c4c5ca; position:absolute; top:50%; }



.in-sec-bk02 .swiper-prev2 { bottom:8.5em; }



.in-sec-bk02 .swiper-prev2 span {transform:translate(-50%,-50%) rotate(-45deg); margin-left:4px;-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);  }



.in-sec-bk02 .swiper-next2 { right:0px; }



.in-sec-bk02 .swiper-next2 span {transform:translate(-50%,-50%) rotate(135deg); margin-left:-4px;-webkit-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);  }



.in-sec-bk02 .btn:hover { border:1px solid #9ee2ff; }



.in-sec-bk02 .btn:hover span { border-left-color:#129eda; border-top-color:#129eda; }







.in-sec-bk02 .pagination2 {



  position: absolute;



  bottom:-0.5em;



  width:87.31%;left:0px; right:12.69%;



  z-index:3;







}



.in-sec-bk02 .pagination2 span {



  width:10.25%;



  height:2px;



  margin:0px;



  display: inline-block;



  cursor: pointer;



  background:#dbe7ed; border-radius:0px;



  opacity:1;transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all;



}



.in-sec-bk02 .pagination2 span.swiper-pagination-bullet-active { background:#1b9dd8; }



.in-sec-bk02 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0px; }















.in-sec-bk03 { padding:6.25em 2.5em 6.875em; }



.in-sec-bk03 .content { position:relative; padding-bottom:39.13%; }



.in-sec-bk03 .in-video { position:absolute; left:0px; top:0px; background:#010101; height:100%; bottom:0px; width:50%; }



.in-sec-bk03 .in-video .title { position:absolute; z-index:4; left:0.75em; top:1em; color:#fff; }



.in-sec-bk03 .in-video video { position:absolute; left:1%; top:0px; right:1%; width:98%; height:100%; bottom:0px; }



.in-sec-bk03 .in-video .playbg { position:absolute; left:1%; top:0px; right:1%; width:98%; height:100%; bottom:0px; z-index:2;  }



.in-sec-bk03 .in-video .play { width:7.5em; height:4.5625em; position:absolute; left:50%; top:50%; margin:-2.28125em 0px 0px -3.75em; cursor:pointer; background:url(../images/play01.png) no-repeat center center; background-size:100% 100%; z-index:3; }



.in-sec-bk03 .in-video .play2 { width:7.5em; height:4.5625em; position:absolute; left:50%; top:50%; margin:-2.28125em 0px 0px -3.75em; cursor:pointer; background:url(../images/play01.png) no-repeat center center; background-size:100% 100%; z-index:4; display:none; }



.in-sec-bk03 .in-video.on .play { display:none; }



.in-sec-bk03 .in-video.on .playbg { display:none; }







.in-sec-bk03 .list ul li { position:absolute; right:0px; width:47.82%; height:31.94%;  }



.in-sec-bk03 .list ul li .img { position:absolute; left:0px; top:0px; width:100%; height:100%; }



.in-sec-bk03 .list ul li .txt { position:absolute; background:rgba(0,0,0,0.4); padding-right:6%; right:0px; top:0px; height:100%; bottom:0px;/* width:60.68%;*/ }



.in-sec-bk03 .list ul li  .con { width:100%; }



.in-sec-bk03 .list ul li .jiantou {  position:absolute; width:8.125em; left:-8.125em; top:0px; height:100%;  bottom:0px; display:block; background:url(../images/in-sec-bk03-jt01.png) no-repeat center center; background-size:100% 100%; } 



.in-sec-bk03 .list ul li .sub-tit { margin-top:0.1428em; }



.in-sec-bk03 .list ul li .sub-tit span { color:#fff; display:inline-block; position:relative; padding-right:24px;  }



.in-sec-bk03 .list ul li .sub-tit span i { position:absolute; width:8px; cursor:pointer;  height:8px; border-left:1px solid #fff; border-top:1px solid #fff;  top:50%;transform:translate(0,-50%) rotate(135deg);-webkit-transform:translate(0,-50%) rotate(135deg);-ms-transform:translate(0,-50%) rotate(135deg); }



.in-sec-bk03 .list ul li .sub-tit span i.i1 { right:0px; }



.in-sec-bk03 .list ul li .sub-tit span i.i2 { right:9px;  }



.in-sec-bk03 .list ul li:hover .jiantou {background:url(../images/in-sec-bk03-jt02.png) no-repeat center center; background-size:100% 100%;  }



.in-sec-bk03 .list ul li:hover .txt { background:#129fde; }



.in-sec-bk03 .list ul li.li01 { top:0px; }



.in-sec-bk03 .list ul li.li02 { top:34.02%; }



.in-sec-bk03 .list ul li.li03 { bottom:0px; }



.in-sec-bk03 .list ul li a { display:block; height:100%; color:#fff; }







.in-sec-bk04 { padding:5.25em 0px 5.75em; }

.in-sec-bk04 .list ul li { width:24.21875%; margin:1em 0.390625% 0px; position:relative; }

.in-sec-bk04 .list ul li .img { padding-bottom:111.82%;  }

.in-sec-bk04 .list ul li .text { position:absolute; left:0px;color:#fff; top:0px; right:0px; height:100%; width:100%; bottom:0px; }

.in-sec-bk04 .list ul li .text .con { padding:0px 1em; }

.in-sec-bk04 .list ul li .tit { line-height:1.2; }

.in-sec-bk04 .list ul li .btn { margin-top:1.8125em; }

.in-sec-bk04 .list ul li .btn a  { width:12.44em; display:inline-block; line-height:3.1667; background:url(../images/but05.png) no-repeat center center; background-size:100% 100%;  color:#fff;  }

.in-sec-bk04 .list ul li:hover .btn a { background:url(../images/but06.png) no-repeat center center; background-size:100% 100%;}







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











.in-sec-bk02 .tab-nav ul li { padding:0.5em 1em 0.5em 19.57%; }



.in-sec-bk02 .tab-nav ul li i { width:16%; }







}



@media only screen and (max-width: 1600px){
.in-sec-bk01 .text-wrap .text { width:40%; margin-left:0px; }
}

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















.in-sec-bk03 .list ul li .jiantou { width:6em; left:-6em; }







}



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



.in-sec-bk02 .tab-con .list ul li { width:50%; }







}









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







.in-sec-bk01 .text-wrap .text { width:60%;margin-left:0px; }



.in-sec-bk01 .text-wrap .img { width:40%; }











.in-sec-bk02 .tab-nav { width:35.16%; }



.in-sec-bk02 .tab-nav ul li { padding:0.4em 0.5em 0.4em 17.57%; }



.in-sec-bk02 .tab-nav ul li i { width:14%; }



.in-sec-bk02 .tab-con { width:64.84%; padding-left:3em; padding-right:1.5em;   }



.in-sec-bk02 .btn { width:2.5em; height:2.5em; }



.in-sec-bk02 .btn span { width:10px; height:10px; }



.in-sec-bk02 .swiper-prev2 span { margin-left:2px; }



.in-sec-bk02 .swiper-next2 span { margin-left:-2px; }



.in-sec-bk02 .swiper-prev2 { bottom:6.5em; }



.in-sec-bk02 .tab-con .list ul li .con { margin-right:1em; }











.in-sec-bk03 { padding:3.25em 2.5em 3.875em; } 



.in-sec-bk03 .content { padding-bottom:0px; }



.in-sec-bk03 .in-video { position:relative; width:100%; padding-bottom:80%; }



.in-sec-bk03 .list { position:relative; margin-top:2em; width:100%; padding-bottom:80%; }



.in-sec-bk03 .list ul li { width:100%; }





.in-sec-bk04 .list ul li { width:48%; margin:1em 1%;}



}







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





}











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







.in-banner .pic2 { display:none; }







.in-sec-bk01 .text-wrap .text { width:100%; min-height: 0em;}



.in-sec-bk01 .text-wrap .img { width:100%; }



.in-sec-bk01 .text-wrap ul {-webkit-box-align:start; -ms-flex-align:start; align-items:start; }



.in-sec-bk01 .text-wrap .text .more-btn { padding-top:2em; }



.in-sec-bk01 .pic-wrap .gallery-thumbs { margin:0px 2.5em; }







.in-sec-bk02 { padding-bottom:1em; }



.in-sec-bk02 .tab-nav { width:100%; padding-bottom:1em;}



.in-sec-bk02 .tab-nav ul li { padding:0.4em 0em 0.4em  0.4rem; width:33.33%; float:left; }



.in-sec-bk02 .tab-nav ul li i { width:0.3rem; }



.in-sec-bk02 .tab-con .list ul li dl { padding:0px 0.5em; }



.in-sec-bk02 .title { padding:0.5em 0px; }



.in-sec-bk02 .tab-con { width:100%; padding:0px 0.3rem;  }

.in-sec-bk02 .tab-con .list ul li { width:50%; }



.in-sec-bk02 .tab-con .list ul li .con { margin:0px 0.1rem; }



.in-sec-bk02 .swiper-prev2 { left:0.4rem; margin-left:-1em; }



.in-sec-bk02 .tab-con .list { padding-bottom:1.5em; }



.in-sec-bk02 .btn { width:2em; height:2em; background:#fff; bottom:auto; top:50%; margin-top:-1.25em; }



.in-sec-bk02 .swiper-next2 { left:auto; right:0.4rem; margin-right:-1em; }







.in-sec-bk03 { padding:2em 0.4rem  2em; } 



.in-sec-bk03 .list ul li .jiantou { width:3em; left:-3em; display:none; }



.in-sec-bk03 .in-video .play { display:none; }



.in-sec-bk03 .in-video .play2 { display:inline-block; width:5em; height:3.0416em; margin:-1.5208em 0px 0px -2.5em;  }



.in-sec-bk03 .list ul li .txt { width:100%; }



.in-sec-bk03 .list { margin-top:1em; padding-bottom:100%; }









.in-sec-bk04 { padding:1em 0px 2em; }

.in-sec-bk04 .list ul li .btn a { width:10.833em; line-height:2.75; }







}











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



 



.in-sec-bk02 .tab-nav { font-size:13px; }











}







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



 



.in-sec-bk02 .tab-nav { font-size:12px; }











}