/*
 * 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: -19px;
    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{
    background:#337ab7;
    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;
}


.footer .icp{
    width: 100%;
    height: 50px;
    background: #333;
    font-size: 12px;
    color:#999;
    text-align: center;
    line-height: 50px;
}
.footer .icp a{
    color: #999;
    text-decoration: none;
    transition:all 0.5s;
}
.footer .icp a:hover{
    color:#666;
}




/*第二屏*/
.section2{
    position: relative;
    background: url(../images/sc1.jpg) no-repeat center;
    background-size: cover
}
.section2 .main2{
    margin:0 auto;
    padding-top:6% ;
    width:100%;
    height:100%;
    }


   .section2 .div1{float:left;margin-right:22px;width:547px;}
   .section2 .div1 .video{position:relative;width:100% !important;height:371px !important;}
   .section2 .div1 .video em{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.6);background-image:url(../images/video.png);background-position:center center;background-repeat:no-repeat; transition:ease .5s;-webkit-transition:ease .5s; cursor:pointer;}
   .section2 .div1 .video:hover em{background-color:rgba(0,0,0,.3);}
   .section2 .video{position:relative;}
   .section2 .div2{float:right;width:547px;}
   .section2 .div2 .main{position:relative;}
   .section2 .div2 .main div{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);background-position:center center;background-repeat:no-repeat; opacity:0;-webkit-opacity:0;filter:alpha(opacity=0);transition:ease .5s;-webkit-transition:ease .5s;}
   .section2 .left {position: relative;z-index: 1;}
   .section2   .right{padding-left: 50px;}
  
   .section2 .left p{text-indent: 2em;line-height: 30px;color: #666;font-size: 16px;}
   .section2 .gengd a{display: inline-block; width: 75px;height: 30px;background: #0068b7;color: #fff;text-align: center;line-height: 30px; margin-top: 60px;}
   .section2 .video{position: relative;z-index: 1; }
   .section2 .t1::after{width: 220px;height: 220px;  background:#ff9900;display: block;clear: both;content: "";position: absolute;bottom: -4%;left:6%;}
   .section2 .t1::before{width: 220px;height: 220px;  background:#ff9900;display: block;clear: both;content: "";position: absolute;top: -4%;right: -2%;}
  .abtit .us{font-size: 80px;color: #dedede;position: absolute;z-index: -10;top: -45px; }
  .abtit h3{color: #004679;font-size: 36px;padding-bottom: 40px;font-weight: bold;}
   .section2 .left{
    height: 100%;
    transition: all 1s;
    margin-top: -100%;
    opacity: 1;
}
 
 
.section2.active .left{
    height: 100%;
    transition-delay: 0.2s;
    margin-top: 0%;
    opacity: 1;
}
.section2 .right{
    height: 100%;
    float: right;
    transition: all 1s;
    margin-top:   100%;
    opacity: 0;
}
 
 
.section2.active .right{
    height: 100%;
    transition-delay: 0.2s;
    margin-top: 0%;
    opacity: 1;
}


/*第三屏*/
.section3{
    position: relative;
    background: url(../images/sc2.jpg) no-repeat center;
    background-size: cover
}
.section3 .main3{
    position: relative;
    z-index: 1;
margin:0 auto;
padding-top:2% ;
width:100%;
height:100%;
}
.banner {display: none;}
.nstit{overflow: hidden;}
.nstit h3{color: #fff;}
.nstit .us{color: #5c7799;}
.nstitfl{float: left;margin-right: 20px;}

.nstitfr{ overflow: hidden;}
.nstitfr i{display: block;width: 100%;height: 2px;background: #537ca3;float: right; }
.section3  ul{padding-top: 5px;}
.section3   ul li h3{color: #fff;font-size: 20px;padding: 30px 0 25px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
}
.section3   ul li span{color: #d4d4d4;font-size: 16px;margin: 0 0 20px 0;display: block;}
.section3   ul li p{color: #d4d4d4;font-size: 16px; line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.section3   ul li img{width: 100%;transition: 1s;}
.section3   ul .nspic{overflow: hidden;}
.section3   ul li:hover img{transform: scale(1.2);}
.section3   ul li :hover h3{color: #4db2ff;}
.section3   ul li{padding:0 22px;}
.section3 .gengd{text-align: center;}
.section3 .gengd a{width: 140px;height: 40px;background: #fff;color: #0068b7;text-align: center;line-height: 40px; margin-top: 60px;display:inline-block;}
.section3 .gengd a:hover{ background: #0068b7;color: #fff; }
.section3   ul {margin-top: 100%;  transition-delay: 0.2s;opacity: 0;   height: 100%;}
.section3.active ul{margin-top: 0;opacity: 1;}
/*第四屏*/
.section4 .search{float: right; position:relative;right: -4px; top: 1px;}
.section4 .key{ width:200px; height:30px; border:1px solid #0068b7; background:rgba(255,255,255,0.9); padding: 0  0 0 15px;   color:#666;}
.section4 .btn{ width:65px; height:30px; background:url(../images/ss.png) no-repeat center #0068b7; border:none;  cursor:pointer;position: relative;
    top: 10px;
    right: 4px;}

.section4{
    position: relative;
    background: url(../images/sc3.jpg) no-repeat center;
    background-size: cover
}

.section4 .main4{
    position: relative;
    z-index: 1;
margin:0 auto;
padding-top:2% ;
width:100%;
height:100%;
}

 
.protit .nstit h3{color: #004679;font-size: 36px;}
.tab {

    position: relative;

    width: 100%;

 

    overflow: hidden;

    margin: 0 auto 20px auto;

    font-family: Arial;

}

.tab-nav {

    height: 70px;

    overflow: hidden;

    background: #f5f5f5;

}

.tab-nav a {
background: #0068b7;
    display: block;
 line-height: 70px;
    
font-size: 24px;
    text-align: center;

 

    color: #fff;
    width: 275px;
    margin-right: 33px;

}
.tab-nav a:last-child{margin: 0;}
.tab-nav a.current {

    background: #0290fc;

    color: #fff;

}

.tab-con {

    position: relative;

    width: 100%;

    margin-top:10px;

}

.tab-con-item {

    display: none;

    width:100%;

 

    text-align: center;

    color: #fff;

}

/* .tab {
   
    margin: 30px auto;
  }
  .tab-title {
    height:70px;
    font-size: 0;
    
    
  }
 

  .tab-title .item {
    margin-right: 40px;
    display: inline-block;
   width: 270px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    background-color: #0068b7;
  }
  .tab-title .item:last-child{margin-right: 0;}
  .tab-title .item-cur {
    color: #fff;
    background-color: #018ffa;
  }
  .tab-cont {
    position: relative;
   
    width: 1200px;
     height:500px;
    overflow: hidden;
    margin-top: 60px;
  }
  .tab-cont__wrap {
    position: absolute;
  }
  .tab-cont .item {
    width: 1200px;
   
    text-align: center;
    color: #333;
  } */
 
 
.tabny .propci img{width: 100%;}
.tabny p{padding-top: 30px;font-size: 20px;color: #333;}
.section4 .gengd{text-align: center;}
.section4 .gengd a{display: inline-block;width: 130px;height: 40px;background: #0068b7;color: #fff;text-align: center;line-height: 40px; margin-top: 100px;}
.section4 .gengd a:hover{ background: #018ffa;box-shadow: 0 3px 4px 0 #0068b7;}

/*第五屏*/
.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: 60%;overflow: hidden;margin: auto;}

.wxt h4{float: left;font-size: 16px;font-weight: bold;}
.wxt h5{float: right;font-size: 16px;font-weight: bold;}
.wxt img{margin-bottom: 20px;}
.main5 .text h2{
    text-align: center;
	font-size:30px;
	color:#fff;
	padding:10px 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: 20px;
}
.main5 .weib{padding: 10px 0;}
.main5 .text p{font-size: 18px;}
.main5 .text .more:hover{
font-size: 18px;
line-height: 1.5;
background:#337ab7;
}
.main5 .text a img{margin-top: -5px;margin-right: 10px;}
.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;
}



/*全局cy_btn*/
.cy_btn{
    width: calc((100% - 0px)/4);
    float: left;
    text-align: center;
    position: relative;
    height: 100%;
    background: #000;
    
}
.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 span{
    width: 25px;
    height: 3px;
    background: #fff;
    display: inline-block;
    margin: 12px auto;
}
.cy_btn h2{
    font-size: 36px;
    margin-top: 30px;
}
.cy_btn p{
    font-size: 18px;
}
.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%;
    
}


@media (max-width:1370px){
    .tab-nav a {
        width: 260px;
    }
    .section2 .t1::before{right: -7%;}
}
@media (max-width:1200px){
    .whbot li p{height: 100%}
    .tab-nav a {
        width: 215px;
        margin-right: 26px;
    }
 
    }
@media (max-width:1254px){
    .section2 .main2{padding-top: 3%;}
    .section2 .t1::before,.section2 .t1::after{display: none;}
    .section2 .div1 .video {
        position: relative;
        width: 87% !important;
        height: 323px !important;
    }
     

}
@media (max-width:1024px){
    .section4 .main4{padding-top: 30%;}


    .section3 .main3{padding-top: 30%;}
    .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: 50%;}
    .section2 .right{padding-left: 20px;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{color: #fff;}
}
@media (max-width:768px){
    .pron2tit{
        padding-top: 30px;
    margin: 0 auto;
    text-align: center;
    }
    .layui-container .wtsw{min-height: 250px}
    .phonexx{display:block !important;}
   .noph{display:none !important;}
    .titleFieldQs .jionmbPannle_08 .jionmbField li .title h2{
        font-size:12px;
        line-height: 24px;
        margin-top:6px;
    }
    .titleFieldQs .jionmbPannle_08 .jionmbField li .title{
        height:38px;
    }
    ..titleFieldQs .jionmbPannle_08 .jionmbField li .title h2{
            color: #0068b7;
    line-height: 20px;
    font-size: 14px;
    }
    .titleFieldQs .jionmbPannle_08 .jionmbField li .act p{font-size:13px !important;}
    .titleFieldQs .jionmbPannle_08{
        width:100%;
    }
    .titleFieldQs .jionmbPannle_08 .jionmbField ul li{
        width: 100%;
    background: url(../images/inNewsBg041.png) no-repeat;
    padding-left: 36px;
    margin-bottom: 20px;
    }
    .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: 15%;}
    .section2.active .right{margin-top: 10px;text-align: center; }
    .tab-nav a {
        font-size:16px;
        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;}
 
}

@media (max-width:767px){
    .abouts .abimgs {
    padding: 0 0 20px 0!important;
    width: 100%;
}
    .wangd .search{right: 6px}
    .con .box{font-size:16px;}
    .newsn li{
        padding-top: 2px;
    padding-bottom: 20px;
    overflow: auto;
    position: relative;
    }
    .newsn li .newsnfl{
        padding-left: 2px;
    padding-right: 2px;
    }
    .newsn li::after{border: 0px solid #f3f3f3;}
    .newsn li .newsnfr{
        padding-right: 0px;
    }
    .newsn li .newsnfl{

    }
         .ry_news_tab {
    text-align: center;
    line-height: 18px;
    padding: 10px 0 0 0 !important;
}
    .abouts img{padding-left:0.1px !important;}
    .next {
    right: 0px;
    top:25px;
    transform: rotate(-180deg);
}
.prev {
   left: 0px; 
   top: 27px;
}
    .container {
    margin: 0 auto;
    min-height: 500px;
    position: relative;
    padding: 0 10px 0 10px;
}
    .touzi span {width:50%;}
    #down{
        left:50.5%;
    }
    .slide_items li div{margin-left:70px;}
    .slide_items li span{margin-left:70px;}
    .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: 75%;overflow: hidden;margin: auto;}
.wxt h4{float: left;font-size: 12px;font-weight: bold;}
.wxt h5{float: right;font-size: 12px;font-weight: bold;}
.main5 .text h2{color: #444;}
.main5 .text p{color: #444;padding: 0 30%;}
.main5 .text a{font-size: 14px; }
.footer .icp{line-height:25px;}
.i-banner .slick-next{right: 8.5%;}
.i-banner .slick-prev{left: 8.5%;}
.main5 {
    background:none;
}
.main5 .dian {
display:none;
}


.section4 .main4{padding-top: 20%;}
.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;}

}
 
/*动画*/
@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

}