/*
* Time:2017.09.05
* Copyright (C) Jinan CE WIE
*/

.p_LinkC {
display: inline-block;
width: 100%;
}
.p_TitleBox {
width: 100%;
height: auto;
border-width: 0;
background-color: transparent;
}


::selection {
background:#333;
color: #fff;
}
#down{
position: fixed;
bottom: 10px;
left: 50%;
margin-left: -24px;
z-index: 999;
transition:all 0.5s;
-webkit-animation: start 1.5s infinite ease-in-out;
animation: start 1.5s infinite ease-in-out;
}


#fp-nav{
text-align: center;
}
#fp-nav ul li:last-child{
display: none;
}


.section{
overflow: hidden;
}
.section1{
	height:610px;
background:#26add8;
color:#fff;
}

.section5{
background-image: url(../images/lx.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 1920px 1080px;
transition: all 3s;
background-size: cover;
}


.footers .icp{
    padding: 0 10%;
width: 100%;
height: 50px;
background: #26add8;
font-size: 14px;
color:#fff;
text-align: center;
line-height: 50px;
}
 



/*第二屏*/
.section2{
position: relative;
background: url(../images/ABOUTUS.png) no-repeat left;
background-position-y: 20%;
}
.section2 .main2{
margin:0 auto;
padding-top:10% ;
width:100%;
height:100%;
}

/* .section2 .abfl{padding-left: 160px; margin-top:40px;} */
.section2.active .abfr{margin-top:1px;}
.section2 .abfl{padding-left: 160px;}
.section2 .abfl img{margin-bottom: 20px;}
.section2 .abfl p{font-size: 1em;line-height: 40px;padding: 5px 0;}
.aboutcontents{margin-top:4%}
.section2  .abflbot {padding-top: 40px;}
.section2  .abflbot li{text-align: center;}
.section2  .abflbot li a{display: block;}
.section2  .abflbot li h6{margin-top: 25px;}
.section2  .abflbot li:hover h6{color: #26add8;}
.section2  .abflbot li .abimg2{display: none;margin: auto;}
 
.section2  .abflbot li .abimg1{display: block;margin: auto;}
.section2  .abflbot li:hover .abimg2{display: block;margin: auto;}
.section2  .abflbot li:hover .abimg1{display: none;margin: auto;}

/*第三屏*/
.section3{
    position: relative;
    background: url(../images/sec30.jpg) no-repeat center center;
    width: 100%;
    background-size: cover;
}
.section3 .main3{
position: relative;
z-index: 1;
margin:0 auto;
padding-top:10% ;
width:100%;
height:100%;
}
.secslide{padding-bottom: 40px;}
.secslide .swiper-slide img{width: 100%;}
.secslide .swiper-container  {  padding-bottom: 80px;}
.secslide .swiper-container  a{display: block; box-shadow: 0  5px 7px 0px rgba(0, 0, 0, 0.1); }
.secslide .swiper-slide  {width: 22.8%;}

.secslide  .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0}
.sec3txt{padding: 20px ; background: #fff;}
.sec3txt h3{font-size: 16px;font-weight: bold;color: #333;padding-bottom: 10px;}
.sec3txt p{font-size: 12px; color: #26add8;}
.setit3{padding-bottom: 30px;}
.setit3 img{display: block;margin: auto;}
.setit3 p{font-size: 36px;color:#333;text-align: center;padding-top: 10px;}

.moreti{display: block;line-height: 45px;width: 140px;border: 1px solid #26add8;color: #26add8; text-align: center;margin: auto;}
.moreti:hover{color: #fff;background: #26add8;}

/*第四屏*/
 
 .cy_btn{
    width: calc((100% - 0px)/4);
    float: left;
    text-align: center;
    position: relative;
    height: 100%;
    background: #000;
    
}
.cy_btn:hover{ background: #26add8;}
.cy_btn div.top{
    top: 45%;
    position: relative;
    z-index: 10;
    color:#fff;
    transition: all 1s;
}
.cy_btn:hover div.top{
    top: 40%;
    position: relative;
    z-index: 10;
    color:#fff;
}
.cy_btn .sejt{display: none;}
.cy_btn:hover .sejt{display: inline-block;padding: 30px 0;}
.cy_btn:hover h2{display: none;}
.cy_btn h2{
    font-size: 66px;
    margin-top: 30px;
}
.cy_btn p{
    font-size: 26px;
    padding: 20px 0;
}
.cy_btn .more{
    margin-top: 100px;
    transition: all 1s;
    opacity: 0;
border-radius: 50%;
}
.cy_btn:hover .more{
    margin-top: 30px;
    opacity: 1;

}
.cy_btn .more:hover{
font-size: 12px;
line-height: 1.5;
background:#00695f;
}



.section4{
    background: url(../images/cy_bg.jpg) left top;
}
.section4 .cy1{
    top: -100%;
    transition: all 1.2s;
}
.section4 .cy2{
    top: 100%;
    transition: all 1.2s;
}
.section4 .cy3{
    top: -100%;
    transition: all 1.2s;
}
.section4 .cy4{
    top: 100%;
    transition: all 1.2s;
}
.section4.active .cy1{
    top: 0%;
    
}
.section4.active .cy2{
    top: 0%;
    
}
.section4.active .cy3{
    top: 0%;
    
}
.section4.active .cy4{
    top: 0%;
    
}

.section4 .cy1:after{
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/co1.jpg) no-repeat center top;
    background-size: cover;
   -webkit-background-size: cover;
   -o-background-size: cover;
    background-position: center 0;
    z-index: 1;
    opacity: 1.0;
    transition: all 0.5s;
}
.section4 .cy1:hover:after{
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/co1.jpg) no-repeat center top;
	 background-size: cover;
   -webkit-background-size: cover;
   -o-background-size: cover;
    background-position: center 0;
    z-index: 1;
    opacity: 0.1;
    transition: all 0.5s;
}
.section4 .cy2:after{
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/co2.jpg) no-repeat center top;
	background-size: cover;
   -webkit-background-size: cover;
   -o-background-size: cover;
    background-position: center 0;
    z-index: 1;
    opacity: 1.0;
    transition: all 0.5s;
}
.section4 .cy2:hover:after{
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
   background: url(../images/co2.jpg) no-repeat center top;
    background-size: cover;
   -webkit-background-size: cover;
   -o-background-size: cover;
    background-position: center 0;
    z-index: 1;
    opacity: 0.1;
    transition: all 0.5s;
}
.section4 .cy3:after{
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/co3.jpg) no-repeat center top;
	background-size: cover;
   -webkit-background-size: cover;
   -o-background-size: cover;
    background-position: center 0;
    z-index: 1;
     opacity: 1.0;
    transition: all 0.5s;
}
.section4 .cy3:hover:after{
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
        background: url(../images/co3.jpg) no-repeat center top;
		 background-size: cover;
   -webkit-background-size: cover;
   -o-background-size: cover;
    background-position: center 0;
    z-index: 1;
    opacity: 0.1;
    transition: all 0.5s;
}
.section4 .cy4:after{
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
        background: url(../images/co4.jpg) no-repeat center top;
		background-size: cover;
   -webkit-background-size: cover;
   -o-background-size: cover;
    background-position: center 0;
    z-index: 1;
     opacity: 1.0;
    transition: all 0.5s;
}
.section4 .cy4:hover:after{
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
        background: url(../images/co4.jpg) no-repeat center top;
		 background-size: cover;
   -webkit-background-size: cover;
   -o-background-size: cover;
    background-position: center 0;
    z-index: 1;
    opacity: 0.1;
    transition: all 0.5s;
}



.main5{
    width: 682px;
    height: 682px;
    top:-100%;
    left:50%;
    transform:translate(-50%,-50%);
    margin: 0px auto;
    transition: all 0.5s;
    position: absolute;
    vertical-align: middle;
    background: url(../images/main6_bg3.png) no-repeat center center;

}
.main5 .active{top: 0;}
.main5 .text{
    text-align: center;
    font-size: 16px;
    line-height: 2em;
    color:#fff;
    padding-top: 90px;
    position: absolute;
    z-index: 10;
    left: 0px;
    top: 0px;
    width: 100%;
}
.main5 .text .ewm{
padding-top:10px;
}
.wxt{width: 58%;overflow: hidden;margin: auto;}
.wxt h4{ font-size: 16px; padding-top: 30px;}
.wxt h5{float: right;font-size: 16px;font-weight: bold;}
.wxt img{margin-bottom: 20px;}
.main5 .text h2{
    text-align: center;
	font-size:28px;
	color:#fff;
	padding:60px 0 20px 0;
}
.main5 .text p a:hover{
color:#fff;
}
.main5 .text .tt2{
    margin: 20px 0px;
}
.main5 .text .more{
    margin-top: 30px;
    border-radius: 50%;
    margin-left: 0px;
}
.main5 .weib{padding: 10px 0;}
.main5 .text p{font-size: 16px;  }
.main5 .text .more:hover{
font-size: 18px;
line-height: 1.5;
background:#26add8;
}
.main5 .text a img{margin-top: -5px;margin-right: 0px;}
.main5 .text a{
    text-decoration: none;
    color:#fff;
    font-size: 18px;
    font-weight: bold;
}
.main5 .dian{
    position: absolute;
    left: 0px;
    top:0px;
    z-index: 1;
    transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    animation:yuandain 25s linear 0s infinite normal;
    -moz-animation:yuandain 25s linear 0s infinite normal;
    -webkit-animation:yuandain 25s linear 0s infinite normal;
    -o-animation:yuandain 25s linear 0s infinite normal;
}


 
.section6{
     position: relative;
    background: url(../images/sec6.jpg) no-repeat center center;
    width: 100%;
    background-size: cover;
}
.section6 .main6{padding-top:10%;}
.se6tit{padding-bottom: 50px;}
.se6tit img{display: block;margin: auto;}
.se6tit p{font-size: 36px;color:#fff;text-align: center;padding-top: 10px;}

.pd160{padding: 0 280px ;}
.se6fl .se6cimg{ position: relative; }
.se6fltxt{width: 45%; padding: 20px; background: rgba(74, 192, 247,0.9)  ;position: absolute;bottom: 0;right: 0;  }
.se6fltxt h4{font-size: 18px;color: #fff;padding : 15px 0;}
.se6fltxt span{font-size: 14px;color: #fff;}
.se6fltxt p{font-size: 14px;color: #fff;padding-top: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
}
.se6fr {padding-left: 20px;}
.se6fr li a{display: block;}
 
.se6fr li .se6txt{background: rgba(255,255,255,0.9);padding:48px 27px ;}
.se6fr li h3{font-size: 18px;color: #333;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.se6fr li p{font-size: 14px;color: #666666; margin: 25px 0 28px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
}
.se6fr li span{font-size: 14px;color: #666; }
.se6fr .se6img{overflow: hidden;width:100%}
.se6fr li:hover img{transform: scale(1.2);}
.se6fr li  img{transition: 1s;}
.se6fr li:hover h3{color: #26add8;}

@media (max-width:1680px){
	.section2 .abfl p{margin-top:25px}
    .section2 .abflbot{padding-top: 20px;}
	.section2.active .abfr{margin-top:5px;}
	
    .section2 .abfl{padding-left: 0;padding-right:20px};
    .section2 .abfr{padding-left: 15px;}
    .se6fr li .se6txt{padding: 25px 20px;}
    }
    @media (max-width:1440px){
        .secslide   .swiper-slide {width: 21.3% !important;}
       
        .se6fr li p{margin: 23px 0;}
        .section6 .main6{padding-top: 20%;}
        .pd160{padding: 0 180px;}
    }
@media (max-width:1370px){
.tab-nav a {
width: 260px;}
 
.pd160{padding: 0 100px;}
.se6fr li p{margin: 28px 0;}
 
 .section2 .main2{padding-top:12%;}

}


.section2 .t1::before{right: -7%;}

@media (max-width:1200px){
.tab-nav a {
width: 215px;
margin-right: 26px;
}
.pd160{padding: 0 5%;}
}
@media (max-width:1254px){
.section2 .main2{padding-top:18%;}
.section2 .t1::before,.section2 .t1::after{display: none;}
.section2 .div1 .video {
position: relative;
width: 87% !important;
height: 323px !important;
}

@media (max-width:1800px){
.section2 .abfl{padding-right:20px;}
}





}
@media (max-width:1024px){
    .secslide .swiper-slide {width: 47.8% !important;}
.section4 .main4{padding-top: 10%;}

.motop{display: block;}
.section3 .main3{padding-top: 10%;}
.banner {display: block;}
.banner .swiper-slide img{width: 100%;}
.nstitfr i{margin-top: 20px;}
.banner    h3{color: #fff;font-size: 18px;padding: 20px 0 20px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
}
.banner     span{color: #d4d4d4;font-size: 14px;margin: 0 0 15px 0;display: block;}
.banner    p{color: #d4d4d4;font-size: 14px; line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.banner{padding: 0 10%;padding-top: 20px;}
.banner .swiper-slide {width: 100%;}
.banner .swiper-button-prev, .banner  .swiper-container-rtl .swiper-button-next{left: -2%; background: none; outline: none; font-size:50px; color:#fff; font-family: "宋体"; height: 80px; margin-top:-40px; width:40px; }
.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{right: -5%; background: none; outline: none;font-size:50px; color:#fff; font-family: "宋体"; height: 80px; margin-top:-40px; width:40px; }

.main3 ul{display: none;}
.section2 .main2{padding-top: 10%;}
.section2 .right{padding-left: 20px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{color: #fff;}
}
@media (max-width:768px){
.nstitfr i{margin-top: 40px;}
.banner .swiper-button-prev, .banner  .swiper-container-rtl .swiper-button-next{left:4%}
.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{right: 3%;}
.section3 .main3{padding-top: 20%;}
.section2 .main2{padding-top: 25%;}
.section2.active .right{margin-top: 10px;text-align: center; }
.tab-nav a {
width:47%;
margin-right: 0;
height: 40px;
line-height: 40px;
margin-bottom: 15px;
}
.tab-nav{height: 100px;}
.tab-nav a:nth-child(2n){float: right;}
.section4 .main4{padding-top: 20%;}
.tabny li:nth-child(3){display: none;}
.tabny li:nth-child(4){display: none;}
.se6fl .se6cimg img{display: none;}
.se6fltxt{position: initial;width: 100%;}
 
.se6fr{padding-left: 0;}
.se6fr li img{width: 100%;height:110px}
.section6 .main6{padding-top: 15%;}
.se6fl{margin-bottom: 20px;}
}

@media (max-width:767px){
.section4 .search{top: -8px;}
.section4 .key{width: 100px;height: 25px;}
.section4 .btn{height: 25px;top: 8px;}
.banner h3{padding: 15px 0 ;}
.nstitfr i{margin-top: 20px;display: none;}
.banner{padding: 0 10%;padding-top: 20px;}
.section2 .div1 {width: 100%;}
.section2 .div1 .video {
position: relative;
width: 100% !important;
height:100% !important;
}
.banner .swiper-button-prev, .banner  .swiper-container-rtl .swiper-button-next{left:2%;margin-top: 40px;}
.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{right: 0%;margin-top: 40px;}
.section2 .right{padding-left: 0;}
.abtit h3{font-size: 20px;padding-bottom: 5px;}
.abtit .us{font-size: 36px;top: -20px;}
.section2 .left p{font-size: 14px;line-height: 20px;}
.section2 .gengd a{margin-top: 10px;}
.section3 .main3{padding-top: 30%;}
.section3 .gengd a{margin-top: 10px;}
.main5 .text p{font-size: 14px;}
.wxt{width: 48%;overflow: hidden;margin: auto;}
.wxt h4{ font-size: 14px;font-weight: bold;padding-top: 10px;}

.main5 .text h2{color: #444;font-size: 20px;}
.main5 .text p{color: #444;}
.main5 .text a{font-size: 14px; }
.footers .icp{line-height:25px;}
.i-banner .slick-next{right: 8.5%;}
.i-banner .slick-prev{left: 8.5%;}
.main5 {
background:none;
width: 100%;
}
.main5 .dian {
display:none;
}


.section4 .main4{padding-top: 36%;}
.tab-con{margin-top: 30px;}
.section4 .gengd a{margin-top: 30px;}
.tabny li:nth-child(3){display: none;}
.tabny li:nth-child(4){display: none;}

.tabny p{font-size: 14px;}
.secslide .swiper-slide {width: 100% !important;}
    .section2 .abfl p{font-size: 13px;line-height: 30px;padding: 2px 0;}
   
    .section2 .abflbot{padding-top: 10px;}
    .abfr {display: block;}
    .section2 .abflbot li h6{margin-top: 10px;}
    .cy_btn h2{font-size: 30px;}
    .cy_btn p{font-size: 16px;}
.imgsdww {
    width: 100% !important;
    margin-left: 0px;
}
.abflbot h6{font-size:0.8em !important;}
.section2 .abfl p{margin-top:2px}
.section2 .abflbot{padding-top:2% !important;}
    .secslide{padding-bottom: 20px;}
    .secslide .swiper-container{padding-bottom: 20px;}
    .setit3{padding-bottom: 30px;}
    .setit3 p{font-size: 24px;}
    .moreti{line-height: 35px;}


    .section6 .main6{padding-top: 26%;}
    .se6tit p{font-size: 24px;}
    .se6tit{padding-bottom: 10px;}
    .se6fltxt{padding: 10px;}
    .se6fltxt h4{padding: 5px 0;}
    .se6fr li .se6txt{padding: 10px;}
    .se6fr li p{margin: 10px 0;    -webkit-line-clamp: 2;}
    .se6fr li h3{font-size: 16px;}

}

 
/*动画*/
@keyframes Bg{
0%{ background-position: center right; }
100%{ background-position: center left; }
}
@-o-keyframes Bg{
0%{ background-position: center right; }
100%{ background-position: center left; }
}
@-wbkit-keyframes Bg{
0%{ background-position: center right; }
100%{ background-position: center left; }
}

@-moz-keyframes Tt{
0%{ transform:translateX(150%); }
100%{ transform:translateX(-100%); }
}
@-o-keyframes Tt{
0%{ transform:translateX(150%); }
100%{ transform:translateX(-100%); }
}
@-webkit-keyframes Tt{
0%{ transform:translateX(150%); }
100%{ transform:translateX(-100%); }
}
@keyframes Tt{
0%{ transform:translateX(150%); }
100%{ transform:translateX(-100%); }
}

@-webkit-keyframes start {
0%{opacity: 1;-webkit-transform: translate(0,0);}
50% {opacity: 1;-webkit-transform: translate(0,10px);}
100% {opacity: 1;-webkit-transform: translate(0,0);}
}
@-moz-keyframes start {
0%{opacity: 1;-webkit-transform: translate(0,0);}
50% {opacity: 1;-webkit-transform: translate(0,10px);}
100% {opacity: 1;-webkit-transform: translate(0,0);}
}
@keyframes start {
0%{opacity: 1;-webkit-transform: translate(0,0);}
50% {opacity: 1;-webkit-transform: translate(0,10px);}
100% {opacity: 1;-webkit-transform: translate(0,0);}
}
@keyframes yuandain{
from {
transform:rotate(0deg);
-ms-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
}
to {
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
}
}



/* ---- particles.js container ---- */

#particles-js{
width: 100%;
height: 100%;
position:absolute

}