/**** common ****/
*{
    padding:0;
    margin:0;
    list-style: none;
}
a,a:hover,a:visited,a:link,a:focus{
    text-decoration: none;
}
ol,ul,li{
    list-style: none;
    margin:0;
    padding:0;
}
p{
    padding:0;
    margin:0;
}
h1,h2,h3,h4,h5,h6{
    margin:0;
    padding:0;
}
h1:before,h2:before,h3:before,h4:before,h5:before,h6:before,
h1:after,h2:after,h3:after,h4:after,h5:after,h6:after{
    display: none;
}
#wpadminbar{
    display: none;
}
.hold-link{
    position: absolute;
    top:0;
    left:0;
    z-index: 3;
    width:100%;
    height: 100%;
}

header{}
header .header-nav{
    overflow: hidden;
    padding: 1%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 12;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 10px  rgba(0,0,0,.3);
    box-shadow: 0 0 10px  rgba(0,0,0,.3);
    padding: 0;
}
header .header-nav-logo{
    float: left;
    height: 86px;
    line-height: 86px;
    padding-left:2%;
}
header .header-nav-logo img{
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    width: 200px;
}
header .header-nav-logo img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
header .header-nav-menu{
    margin-left: 20px;
}
header .header-nav-menu ul{
    overflow: hidden;
    margin: 0;
}
header .header-nav-menu ul li{
    float: left;
    text-align: center;
    margin-right: 24px;
}
header .header-nav-menu ul li a{
    display: inline-block;
    font-size: 18px;
    color: #333;
    height: 86px;
    line-height: 86px;
    position: relative;
}
header .header-nav-menu ul li:hover a,header .header-nav-menu ul li.active a{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border-bottom: 2px solid #308384;
    color: #308384;
}
header .header-nav-menu ul li:hover a:after, header .header-nav-menu ul li.active a:after{
    content: '';
    width:0;
    height: 0;
    border-top:6px solid transparent;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #308384;
    position: absolute;
    bottom: 0;
    left: 50%;
}
.header-languageSelect{
    float: right;
    margin-left: 1%;
    margin-right: 2%;
    cursor: pointer;
    height: 86px;
    line-height: 86px;
}
.header-languageSelect a{
    font-size: 16px;
    color: #308384;
    border-left: 1px solid #ccc;
    padding-left: 8px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.header-languageSelect a:hover,.header-languageSelect a:visited,.header-languageSelect a:active{
    color: #308384;
}
.header-languageSelect img{
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.header-languageSelect:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.header-navT{
    overflow: hidden;
}
.header-telephone{
    float: right;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    -khtml-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    -khtml-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -khtml-align-items: center;
    align-items: center;
    padding-right: 2%;
    height: 86px;
    line-height: 86px;
}
.header-telephone>div:nth-child(1){

}
.header-telephone>div:nth-child(1) img{
    width: 24px;
    margin-top: -12px;
    margin-right: 4px;
}
/*.header-telephone>div:nth-child(2) {*/
    /*width: 120px;*/
    /*margin-left: 4px;*/
/*}*/
/*.header-telephone>div:nth-child(2) p:nth-child(1){*/
    /*margin:0;*/
    /*font-size: 14px;*/
/*}*/
/*.header-telephone>div:nth-child(2) p:nth-child(2){*/
    /*margin:0;*/
    /*font-size: 14px;*/
/*}*/
.header-telephone>div:nth-child(2) {
    width: 240px;
    font-size: 30px;
    color: #308384;
    font-weight: bold;
    margin-left: 2px;
}
.header-navCon{float: left;margin-left: 2%;}
header .header-menuCtr{
    display: none;
}


.footer-con{
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 1;
    text-align: center;
    background-color: #308384;
    padding: 6px 0;
    display: none;
}
.footer-con p{
    display: inline-block;
    color: #333;
    font-size: 12px;
    margin: 0 8px;
}
.footer-con p a{
    color: #333;
}
.footer-con.active p {
    color: #fff;
}
.footer-con.active p a{
    color: #fff;
}
.footer-con.singleActive{
    display: block;
    position: static;
}
.footer-con.singleActive p,.footer-con.singleActive p a{
    color: #fff;
}

.home-normalTitle{
    text-align:center;
}
.home-normalTitle h1{
    color: #9e9e9e;
    font-size: 50px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
    paddng: 0;
}
.home-normalTitle h2{
    font-size: 20px;
    color: #308384;
    margin: 0;
    padding-top: 4px;
    padding-bottom: 10px;
    letter-spacing: 6px;
}

.home-menu{}
.home-menu span{}

.home-page1{
    background: #001424 !important;
    position: relative;
    overflow: hidden;
}
.home-page1 .fp-tableCell {
    width: 100%;
    height: 100%;
}
.home-page1 .fp-tableCell .homeBannerSwiper{
    width: 100%;
    height: 100%;
}
.homeBannerSwiper .swiper-pagination{
    bottom: 50px;
}
.homeBannerSwiper .swiper-slide>img{
    width: 100%;
    height: 100%;
}
.swiper-pagination-bullet{
    width:14px;
    height: 14px;
}
.swiper-pagination-bullet-active{
    background-color: #8dbe3e;
}
.home-page1 .swiper-button-prev:after,.home-page1 .swiper-button-next:after{
    color: #8dbe3e;
}


.home-page2{
    background-color:#f8f8f8 !important;
    background: url("../images/nfdj/aboutBg.jpg") no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    overflow: hidden;
}
.home-about{
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
}
.home-about-l{
    float: left;
    width: 50%;
}
.home-about-l h1{
    color: #9d9d9d;
    font-size: 72px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
    paddng: 0;
}
.home-about-l h2{
    font-size: 20px;
    color: #308384;
    margin: 0;
    padding-top: 4px;
    padding-bottom: 10px;
    letter-spacing: 6px;
}
.home-about-l p{
    color: #000;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 24px;
    margin-top: 14px;
    margin-bottom: 0;
}
.home-about-l .home-about-moreButton{
    width: 120px;
    text-align: center;
    height: 50px;
    margin-top: 20px;
    position: relative;
    display: inline-block;
    border: 1px solid #fff;
}
.home-about-l .home-about-moreButton a{
    width: 108px;
    text-align: center;
    height: 38px;
    line-height: 38px;
    display: block;
    background: #fff;
    color: #308384;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 4px auto;
}
.home-about-l .home-about-moreButton a:hover span{
}
.home-about-r{
    width: 50%;
    float: right;
    position: relative;
    margin-top:8%;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: right;
}
.home-about-industry-pic{
    display: inline-block;
    position: relative;
    z-index: 2;
    border: 2px solid #fff;
    width: 80%;
}
.home-about-r img{width: 100%;}
.home-about-r .home-about-industry-pic .home-about-wrapper{}
.home-about-r .home-about-industry-pic .home-about-wrapper>span:nth-child(1){
    display: block;
    position: absolute;
    top: -4px;
    left: -4px;
    width: 40px;
    height: 4px;
    background-color: #308384;
}
.home-about-r .home-about-industry-pic .home-about-wrapper>span:nth-child(2){
    display: block;
    position: absolute;
    bottom: -4px;
    right: -4px;
    width: 4px;
    height: 40px;
    background-color: #308384;
}
.home-about-r .home-about-industry-pic .home-about-wrapper>span:nth-child(3){
    display: block;
    position: absolute;
    top: -2px;
    left: -4px;
    width: 4px;
    height: 40px;
    background-color: #308384;
}
.home-about-r .home-about-industry-pic .home-about-wrapper>span:nth-child(4){
    display: block;
    position: absolute;
    bottom: -4px;
    right: -2px;
    width: 40px;
    height: 4px;
    background-color: #308384;
}
.home-about-bg{
    position: absolute;
    top: 0;
    right: 0;
    opacity: .8;
}
.home-about-bg img{}
.home-about-gif{
    width:100%;
    position: absolute;
    bottom: 0;
    display: none;
}
.home-about-gif img{
    width:100%;
}

.home-about-title{
    display: inline-block;
    overflow: hidden;
    vertical-align: bottom;
    /*vertical-align: top;*/
}
.home-about-title p{
    margin-bottom: 0;
}
.home-about-title p span:nth-child(1){
    font-size: 14px;
    color: #fff;
    writing-mode:tb;
    font-weight: bold;
}
.home-about-title p span:nth-child(2){
    font-size: 14px;
    color: #fff;
    writing-mode:tb;
    font-weight: bold;
}
.home-about-title p span:nth-child(2):before{
    content: '';
    width:2px;
    height: 100px;
    background-color: rgba(247, 247, 247, 0.5);
    display: inline-block;
    margin-bottom: 10px;
}
.home-about-pic1{
    width: 100px;
    display: inline-block;
    vertical-align: bottom;
    visibility: hidden;
}
.home-about-pic1 img{}
.home-about-con{
    display: inline-block;
    width: 76%;
    margin-left: 2%;
}
.home-about-tag{
    text-align: right;
    overflow: hidden;
    position: absolute;
    bottom: 2%;
    right: 2%;
}
.home-about-tag p:nth-child(1){
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 0;
    font-weight: normal;
}
.home-about-tag p:nth-child(2){
    font-size: 16px;
    background-color: #308384;
    width: 210px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #fff;
    margin-left: 0;
    border-radius: 2px;
    margin-bottom: 6px;
    float: inherit;
}
.home-about-tag p:nth-child(3){
    color: #788791;
    font-size: 16px;
    clear: both;
}
.home-about-profile{
    width: 50%;
    position: relative;
    left: 25%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: rgba(48, 131, 132, 0.8);
    padding: 2% 4%;
    display: none;
}
.home-about-profile:after{
    content: '';
}
.home-about-profileL{
    width:100%;
    text-align: center;
}
.home-about-profileL h1{
    font-size: 50px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
    display: inline;
}
.home-about-profileL h2{
    font-size: 20px;
    color: #fff;
    padding:0;
    margin:0;
    font-weight: normal !important;
}
.home-about-profileL h2 span{
    margin-right: 2px;
}
.home-about-profileR{
    width: 100%;
    margin-top: 4%;
}
.home-about-profileR p{
    font-size: 15px;
    letter-spacing: 1px;
    margin-bottom: 14px;
    color: #fff;
    text-indent: 30px;
    display: none;
}
.home-about-profileR p:nth-child(1){
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
}
.home-about-profileR p:nth-child(2){
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s;
}
.home-about-profileR p:nth-child(3){
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    -o-animation-delay: .8s;
    animation-delay: .8s;
}
.home-about-moreButton{
    width: 90px;
    height: 36px;
    border: 1px solid #fff;
    margin-top: 6%;
}
.home-about-moreButton a{
    width: 78px;
    text-align: center;
    height: 26px;
    line-height: 26px;
    display: block;
    background: #fff;
    color: #308384;
    margin: 4px;
}
.home-about-moreButton a:hover{
    color: #308384;
}
.home-about-moreButton a span{
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.home-about-moreButton a:hover span{
    display: inline-block;
    -webkit-transform: rotate(45deg) scale(1.8);
    -moz-transform: rotate(45deg) scale(1.8);
    -ms-transform: rotate(45deg) scale(1.8);
    -o-transform: rotate(45deg) scale(1.8);
    transform: rotate(45deg) scale(1.8);
}
.home-about-pic2{
    position: absolute;
    top: -22%;
    right: 6%;
    width: 110px;
    display: none;
}
.home-about-pic2 img{}


.home-page3{
    position: relative;
    background-color: #fff !important;
    background: url("../images/nfdj/productBg.jpg") no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.home-products{
    position: relative;
    z-index: 1;
}
.home-products .home-products-container{
    width: 90%;
    margin: 0 auto;
}
.home-products .home-normalTitle,.home-application .home-normalTitle,.home-contact .home-normalTitle{
    text-align: center;
}
.home-products .home-normalTitle h1{
    color: #308384;
}
.home-application .home-normalTitle h1,.home-contact .home-normalTitle h1{
    color: #308384;
}
.home-products .home-normalTitle h2{
    color: #308384;
}
.home-application .home-normalTitle h2,.home-contact .home-normalTitle h2{
    color: #308384;
}
.home-productsTitle{}
.home-productsTitle .home-productsTitle-l{
    display: none;
}
.home-productsTitle .home-productsTitle-s{
    display: block;
}
.home-products .home-productsCon{
    margin-top: 4%;
    position: relative;
}
.home-products .swiper-slide{
    background-color: #eaeaea;
    position: relative;
}
.home-products .home-products-item{
    padding: 4% 4%;
    cursor: pointer;
    position: relative;
}
.home-products .home-products-item:before{
    content: '';
    background-color: #308384;
    position: absolute;
    left:0;
    top:0;
    width: 0;
    height: 100%;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
.home-products .home-products-itemBg{
    position: absolute;
    top:0;
    left:0;
    z-index: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    -o-transform-origin: left;
    transform-origin: left;
    -webkit-transform: perspective(300px) rotateY(0deg);
    -moz-transform: perspective(300px) rotateY(0deg);
    -ms-transform: perspective(300px) rotateY(0deg);
    -o-transform: perspective(300px) rotateY(0deg);
    transform: perspective(300px) rotateY(0deg);
    padding-top: 22%;
    text-align: center;
}
.home-products .home-products-itemBg img{
    width: 70%;
}
.home-products .home-products-itemLine{
    position: absolute;
    width: 94%;
    height: 94%;
    left:3%;
    top:3%;
}
.home-products .home-products-itemLine .line1{
    position: absolute;
    right:0;
    left:0;
    top:0;
    bottom: 0;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transform: scale(0,1);
    -moz-transform: scale(0,1);
    -ms-transform: scale(0,1);
    -o-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transition: all .6s .6s;
    -moz-transition: all .6s .6s;
    -ms-transition: all .6s .6s;
    -o-transition: all .6s .6s;
    transition: all .6s .6s;
}
.home-products .home-products-itemLine .line2{
    position: absolute;
    right:0;
    left:0;
    top:0;
    bottom: 0;
    border-right: 3px solid #fff;
    border-left: 3px solid #fff;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transform: scale(1,0);
    -moz-transform: scale(1,0);
    -ms-transform: scale(1,0);
    -o-transform: scale(1,0);
    transform: scale(1,0);
    -webkit-transition: all .6s .6s;
    -moz-transition: all .6s .6s;
    -ms-transition: all .6s .6s;
    -o-transition: all .6s .6s;
    transition: all .6s .6s;
}
.home-products .home-products-itemCon{
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 100%;
}
.home-products .home-products-itemTitle{
    font-size: 18px;
    color: #000;
    font-weight: bold;
    margin-top: 8%;
    padding: 0 4%;
}
.home-products .home-products-itemTxt{
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    height: 290px;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    overflow: hidden;
    -webkit-transition: all .4s .2s;
    -moz-transition: all .4s .2s;
    -ms-transition: all .4s .2s;
    -o-transition: all .4s .2s;
    transition: all .4s .2s;
    margin-bottom: 20%;
    margin-top: 10%;
    padding: 0 4%;
}
.home-products .home-products-item>img{}
.home-products .home-products-itemB{
    position: absolute;
    bottom: 3%;
    width: 100%;
    margin-bottom: 2%;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    -khtml-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    -khtml-justify-content: space-between;
    justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -khtml-align-items: center;
    align-items: center;
    -webkit-transition: all .2s .2s;
    -moz-transition: all .2s .2s;
    -ms-transition: all .2s .2s;
    -o-transition: all .2s .2s;
    transition: all .2s .2s;
}
.home-products .home-products-itemVideo{
    cursor: pointer;
}
.home-products .home-products-itemVideo>img{
    width: 26px;
}
.home-products .home-products-itemVideo>img:nth-child(1){
    display: none;
}
.home-products .home-products-itemVideo>img:nth-child(2){
    display: block;
}
.home-products .home-products-itemMore{
    border: 1px solid #308384;
    padding: 1px 4px 2px 4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.home-products .home-products-itemMore span{
    display: none;
    color: #308384;
}
.home-products .home-products-itemMore i{
    font-size: 20px;
    line-height: 20px;
    color: #308384;
    display: inline-block;
}
.home-products .swiper-button-next{
    right: -60px;
}
.home-products .swiper-button-prev{
    left: -60px;
}
.home-products .swiper-button-prev:after,.home-products .swiper-button-next:after{
    color: #308384;
}
.home-products .home-products-item:hover .home-products-itemTxt{
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.home-products .home-products-item:hover:before{
    right: 0;
    width: 100%;
}
.home-products .home-products-item:hover .home-products-itemBg{
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transform: perspective(300px) rotateY(90deg);
    -moz-transform: perspective(300px) rotateY(90deg);
    -ms-transform: perspective(300px) rotateY(90deg);
    -o-transform: perspective(300px) rotateY(90deg);
    transform: perspective(300px) rotateY(90deg);
}
.home-products .home-products-item:hover .line1, .home-products .home-products-item:hover .line2{
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.home-products .home-products-item:hover .home-products-itemTitle{
    color: #fff;
}
.home-products .home-products-item:hover .home-products-itemMore{
    border: 1px solid #fff;
    background-color: #fff;
}
.home-products .home-products-item:hover .home-products-itemMore span{
    display: inline-block;
}
.home-products .home-products-item:hover .home-products-itemMore i{
    color: #308384;
}
.home-products .home-products-item:hover .home-products-itemVideo>img:nth-child(1){
    display: block;
}
.home-products .home-products-item:hover .home-products-itemVideo>img:nth-child(2){
    display: none;
}
.home-products .home-products-item:hover .home-products-itemB{
    width: 94%;
    left:3%;
}


.home-page4{
}
.home-application{
    overflow: hidden;
    width: 100%;
    margin-top: 6%;
}
.home-application .home-application-container{
    width: 100%;
    margin:0 auto;
}
.home-application-l{
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 3% 4%;
}
.home-application-l .home-application-item{
    width: 25%;
    float: left;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 1s cubic-bezier(.35, .75, .55, 1) .2s;
    -moz-transition: all 1s cubic-bezier(.35, .75, .55, 1) .2s;
    -ms-transition: all 1s cubic-bezier(.35, .75, .55, 1) .2s;
    -o-transition: all 1s cubic-bezier(.35, .75, .55, 1) .2s;
    transition: all 1s cubic-bezier(.35, .75, .55, 1) .2s;
}
.home-application-l .home-application-item:nth-child(1){
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.home-application-l .home-application-item:nth-child(2){
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    -o-animation-delay: .8s;
    animation-delay: .8s;
}
.home-application-l .home-application-item:nth-child(3){
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s;
}
.home-application-l .home-application-item:nth-child(4){
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
}
.home-application-l .home-application-item:hover,.home-application-l .home-application-item.active{
    -webkit-transform: translateX(0) scale(1) skewX(-6deg);
    -moz-transform: translateX(0) scale(1) skewX(-6deg);
    -ms-transform: translateX(0) scale(1) skewX(-6deg);
    -o-transform: translateX(0) scale(1) skewX(-6deg);
    transform: translateX(0) scale(1) skewX(-6deg);
    position: relative;
    z-index: 1;
}
.home-application-l .home-application-item:last-child{
    margin-right: 0;
}
.home-application-l .home-application-item img{
    width: 100%;
    max-height: 686px;
    opacity: .6;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.home-application-l .home-application-item:hover img,.home-application-l .home-application-item.active img{
    /*-webkit-filter: grayscale(0);*/
    /*-moz-filter: grayscale(0);*/
    /*-ms-filter: grayscale(0);*/
    /*-o-filter: grayscale(0);*/
    /*filter: grayscale(0);*/
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
/*.home-application-r{*/
/*overflow: hidden;*/
/*float: right;*/
/*width: 16%;*/
/*height: 100%;*/
/*}*/
/*.home-application-r .home-normalTitle{*/
/*float: right;*/
/*position: relative;*/
/*width: 100px;*/
/*height: 100%;*/
/*overflow: hidden;*/
/*}*/
/*.home-application-r .home-normalTitle h1{*/
/*font-size: 194px;*/
/*position: absolute;*/
/*top: 0;*/
/*right: -10px;*/
/*padding: 0;*/
/*color: #eeeeee;*/
/*}*/
/*.home-application-r .home-normalTitle h1 span{*/
/*display: block;*/
/*line-height: 60px;*/
/*writing-mode: tb;*/
/*}*/
/*.home-application-r .home-normalTitle h2{*/
/*width: 30px;*/
/*position: relative;*/
/*top: 50%;*/
/*}*/
h1 span,h2 span{
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.home-banner-txt h1 span,.home-banner-txt h2 span{
    display: inline-block;
}
h1 span:nth-child(1){
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
}
h1 span:nth-child(2){
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
}
h1 span:nth-child(3){
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}
h1 span:nth-child(4){
    -webkit-animation-delay: 1.4s;
    -moz-animation-delay: 1.4s;
    -o-animation-delay: 1.4s;
    animation-delay: 1.4s;
}
h1 span:nth-child(5){
    -webkit-animation-delay: 1.8s;
    -moz-animation-delay:1.8s;
    -o-animation-delay: 1.8s;
    animation-delay: 1.8s;
}
h1 span:nth-child(6){
    -webkit-animation-delay: 2.2s;
    -moz-animation-delay: 2.2s;
    -o-animation-delay: 2.2s;
    animation-delay: 2.2s;
}
h1 span:nth-child(7){
    -webkit-animation-delay: 2.6s;
    -moz-animation-delay: 2.6s;
    -o-animation-delay: 2.6s;
    animation-delay: 2.6s;
}
h1 span:nth-child(8){
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -o-animation-delay: 3s;
    animation-delay: 3s;
}
h1 span:nth-child(9){
    -webkit-animation-delay: 3.4s;
    -moz-animation-delay: 3.4s;
    -o-animation-delay: 3.4s;
    animation-delay: 3.4s;
}
h1 span:nth-child(10){
    -webkit-animation-delay: 3.8s;
    -moz-animation-delay: 3.8s;
    -o-animation-delay: 3.8s;
    animation-delay: 3.8s;
}
h1 span:nth-child(11){
    -webkit-animation-delay: 4.2s;
    -moz-animation-delay: 4.2s;
    -o-animation-delay: 4.2s;
    animation-delay: 4.2s;
}
h2 span:nth-child(1){
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s;
}
h2 span:nth-child(2){
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s;
}
h2 span:nth-child(3){
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    -o-animation-delay: .8s;
    animation-delay: .8s;
}
h2 span:nth-child(4){
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
h2 span:nth-child(5){
    -webkit-animation-delay: 1.4s;
    -moz-animation-delay: 1.4s;
    -o-animation-delay: 1.4s;
    animation-delay: 1.4s;
}
h2 span:nth-child(6){
    -webkit-animation-delay: 1.7s;
    -moz-animation-delay: 1.7s;
    -o-animation-delay: 1.7s;
    animation-delay: 1.7s;
}
h2 span:nth-child(7){
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}
h2 span:nth-child(8){
    -webkit-animation-delay: 2.2s;
    -moz-animation-delay: 2.2s;
    -o-animation-delay: 2.2s;
    animation-delay: 2.2s;
}
h1 span:nth-child(9){
    -webkit-animation-delay: 2.5s;
    -moz-animation-delay: 2.5s;
    -o-animation-delay: 2.5s;
    animation-delay: 2.5s;
}
h1 span:nth-child(10){
    -webkit-animation-delay: 2.8s;
    -moz-animation-delay: 2.8s;
    -o-animation-delay: 2.8s;
    animation-delay: 2.8s;
}
h1 span:nth-child(11){
    -webkit-animation-delay: 3.1s;
    -moz-animation-delay: 3.1s;
    -o-animation-delay: 3.1s;
    animation-delay: 3.1s;
}
h1 span:nth-child(12){
    -webkit-animation-delay: 3.4s;
    -moz-animation-delay: 3.4s;
    -o-animation-delay: 3.4s;
    animation-delay: 3.4s;
}
h1 span:nth-child(13){
    -webkit-animation-delay: 3.7s;
    -moz-animation-delay: 3.7s;
    -o-animation-delay: 3.7s;
    animation-delay: 3.7s;
}
h1 span:nth-child(14){
    -webkit-animation-delay: 4.0s;
    -moz-animation-delay: 4.0s;
    -o-animation-delay: 4.0s;
    animation-delay: 4.0s;
}


.home-application-industry{width: 106px;float: left;display: flex;flex-direction: column;justify-content: flex-end;-webkit-justify-content:flex-end;position: relative;top: 50%;transform: translateY(-50%);}
.home-application-industry p.home-application-titleC{

    font-size: 20px;

    font-weight: normal;

    color: #308384;

    background-color: transparent;

    margin-bottom: 50px;
}
.home-application-industry p{
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    width: 94px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    background-color: #308384;
    margin-bottom: 18px;
}
.home-application-industry .js-changeMenuBtn p:hover,.home-application-industry .js-changeMenuBtn p.active{
    background-color: #9e9e9e;
    position: relative;
}
.home-application-industry .js-changeMenuBtn p:hover:before,.home-application-industry .js-changeMenuBtn p.active:before{
    content: '...';
    display: block;
    height: 2px;
    position: absolute;
    top: -6px;
    right: -39px;
    color: #9e9e9e;
    font-size: 30px;
}
.home-application-industry .js-changeMenuBtn p:hover:after,.home-application-industry .js-changeMenuBtn p.active:after{
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    margin-top: 4px;
    background-color: #9e9e9e;
}
.home-application-industry p img{
    display: none;
    width: 24px;
    margin-left: 10px;
}
.home-application-itemInfo{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    background: transparent;
    display: flex;
    justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-transition: all .6s .1s;
    -moz-transition: all .6s .1s;
    -ms-transition: all .6s .1s;
    -o-transition: all .6s .1s;
    transition: all .6s .1s;
    -webkit-transform: translateX(-100%) translateY(-50%);
    -moz-transform: translateX(-100%) translateY(-50%);
    -ms-transform: translateX(-100%) translateY(-50%);
    -o-transform: translateX(-100%) translateY(-50%);
    transform: translateX(-100%) translateY(-50%);
    border:1px solid transparent;
    padding: 4% 0;
}
.home-application-itemInfo p{
    font-size: 24px;
    color: #fff;
    letter-spacing: 2px;
    margin: 0;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.home-application-itemInfo p img{
    width: 60px !important;
}
.home-application-l .home-application-item:hover .home-application-itemInfo,.home-application-l .home-application-item.active .home-application-itemInfo{
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    background-color: rgba(0, 152, 152, 0.7);
}
.home-application-l .home-application-item:hover .home-application-itemInfo p,.home-application-l .home-application-item.active .home-application-itemInfo p{
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    transform: translateX(0) scale(.68) skewX(10deg);
}




.home-page5{
    background-color: #fff !important;
    background: url("../images/nfdj/chooseBg.jpg") no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.home-choose{
    width: 100%;
    height: 100%;
    position: relative;
}
.home-choose .container{
    position: relative;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top:6%;
}
.home-choose .home-normalTitle{
    margin-top: 4%;
}
.home-choose .home-normalTitle:nth-child(1){
    margin-top:0;
    margin-bottom: 4%;
}
.home-choose .home-normalTitle:nth-child(1):before{
    content: '';
    display: block;
    width: 75px;
    height: 6px;
    background-color: rgb(255, 255, 255);
    margin: 0 auto 30px auto;
}
.home-choose .home-normalTitle h1{
    color: #fff !important;
}
.home-choose .home-normalTitle h1 span img{
    height: 38px;
    margin-left: 5px;
    margin-right: 5px;
}
.home-choose-con{
    overflow: hidden;
}
.home-choose-item{
    float: left;
    width: 30.66%;
    margin-right: 4%;
    padding: 4% 0;
    position: relative;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
}
.home-choose-item:last-child{
    margin-right: 0;
}
.home-choose-itemT{
    background-color: #308384;
    width: 70px;
    height: 70px;
    padding: 10px;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    z-index: 1;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    margin: 0 auto;
}
.home-choose-itemT img{
    width: 70%;
    margin: 0 auto;
    vertical-align: middle;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.home-choose-itemT img:nth-child(1){
    display: block;
}
.home-choose-itemT img:nth-child(2){
    display: none;
}
.home-choose-itemB{
    position: relative;
    margin-top: 10%;
}
.home-choose-itemB img{
    border-radius: 50%;
    border: 1px solid #7887916e;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.home-choose-itemB img:nth-child(1){
    display: block;
}
.home-choose-itemB img:nth-child(2){
    display: none;
}
.home-choose-itemInfo{
    width: 100%;
    height: 100%;
}
.home-choose-itemInfo p{
    -webkit-animation-delay: 2s;
    -moz-animation-delay: .4s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}
.home-choose-itemInfo p:nth-child(1){
    font-size: 16px;
    font-weight: bold;
}
.home-choose-itemInfo p:nth-child(2){
    font-size: 14px;
    margin-bottom: 4px;
}
.home-choose-itemMoreBtn{
    width: 100px;
    height: 30px;
    line-height: 30px;
    background: #308384;
    color: #fff;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    margin: 12% auto 0 auto;
    border:2px solid #308384;
}
.home-choose-item:hover .home-choose-itemT{
    background-color: #fff;
    border:2px solid #308384;
}
.home-choose-item:hover .home-choose-itemT img:nth-child(1){
    display: none;
}
.home-choose-item:hover .home-choose-itemT img:nth-child(2){
    display: block;
}
.home-choose-item:hover .home-choose-itemB img:nth-child(1){
    display: none;
}
.home-choose-item:hover .home-choose-itemB img:nth-child(2){
    display: block;
    border:1px solid #fff;
}
.home-choose-item:hover .home-choose-itemMoreBtn{
    background-color: #fff;
    color:#000;
    border: 2px solid #308384;
}
.home-choose-bgPic1{
    position: absolute;
    bottom: 0;
    width: 18%;
}
.home-choose-bgPic1 img{
    width: 100%;
}
.home-choose-bgPic2{
    position: absolute;
    right: 0;
    top: 6%;
    width: 18%;
}
.home-choose-bgPic2 img{
    width: 100%;
}


.home-page7{
    background: url("../images/nfdj/contactBg.jpg") no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.home-contact{
}
.home-contact-container{
    margin-top: 4%;
}
.home-contact-con{
    margin-top: 4%;
    width: 50%;
    float: left;
    padding-right: 2%;
}
.home-contact-con>p:nth-child(1){
    font-size: 40px;
    margin: 0;
    text-align: center;
}
.home-contact-con>p:nth-child(2){
    font-size: 30px;
    margin: 0;
    margin-top: 1%;
    text-align: center;
}
.home-contact-con>p:nth-child(3){
    font-size: 12px;
    text-align: center;
    margin-bottom:4%;
}
.home-contact-info{
    margin-top: 10%;
    overflow: hidden;
}
.home-contact-info>div{
    width: 50%;
    float: left;
    margin-bottom: 6%;
    text-align: center;
}
.home-contact-info>div img{
    width: 36px;
    display: none;
}
.home-contact-info>div p{
    width: 190px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: 2px solid #308384;
    border-radius: 10px;
    margin: 2% auto 0 auto;
    display: none;
}
.home-contact-address{
    margin-top: 3%;
    padding-top: 1%;
    text-align: center;
}
.home-contact-address>p:nth-child(2){
    font-size: 16px;
    font-weight: bold;
    margin-top: 2%;
}
.home-contact-address>p:nth-child(1){
    margin: 0;
    border-top: 2px solid #308384;
    border-radius: 100%;
    box-shadow: 0 0 10px #308384;
}
.home-contact-map{
    width: 50%;
    height: 500px;
    float: left;
    padding-left:2%;
}
.home-contact-map iframe{
    width: 100%;
    height: 100%;
}
#dituContent{}


.home-banner1{
    width:100%;
    height: 100%;
    position: absolute;
    top: 0;
    text-align: center;
    z-index: 2;
    background-color: rgba(156, 239, 239, 0.3);
}
.home-banner1-con{
    width:220px;
    height: 260px;
    margin: 14% auto 0 auto;
    position: relative;
}
.home-banner1-con  .home-banner1-txt{
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: center;
    padding-top: 36px;
    padding-left: 30px;
}
.home-banner1-con h1{
    margin-bottom: 0;
    margin-right: 24px;
    margin-top: 0;
    padding: 0;
}
.home-banner1-con h1 span{
    display: block;
    color: #308384;
}
.home-banner1-linel{
    position: absolute;
    top:0;
    left:0;
    width:6px;
    height: 240px;
    background-color: #308384;
    -webkit-animation: line1Move 1s;
    -o-animation: line1Move 1s;
    animation: line1Move 1s;
}
@keyframes line1Move {
    0%{
        height: 0px;
    }
    100%{
        height: 240px;
    }
}
.home-banner1-linet{
    position: absolute;
    top:0;
    left:0;
    width: 220px;
    height: 6px;
    background-color: #308384;
    -webkit-animation: linetMove 1s 1s;
    -o-animation: linetMove 1s 1s;
    animation: linetMove 1s 1s;
}
@keyframes linetMove {
    0%{
        width: 0px;
    }
    100%{
        width: 220px;
    }
}
.home-banner1-liner{
    position: absolute;
    top:0;
    right:0;
    width:6px;
    height: 260px;
    background-color: #308384;
    -webkit-animation: linerMove 1s 2s;
    -o-animation: linerMove 1s 2s;
    animation: linerMove 1s 2s;
}
@keyframes linerMove {
    0%{
        height: 0px;
    }
    100%{
        height: 260px;
    }
}
.home-banner1-lineb{
    position: absolute;
    bottom:0;
    right:0;
    width: 200px;
    height: 6px;
    background-color: #308384;
    -webkit-animation: linebMove 1s 3s;
    -o-animation: linebMove 1s 3s;
    animation: linebMove 1s 3s;
}
@keyframes linebMove {
    0%{
        width: 0px;
    }
    100%{
        width: 200px;
    }
}
.home-banner1-dotMove{
    position: absolute;
    bottom: 0;
    left:0;
    width:6px;
    height: 6px;
    background-color: #788791;
    animation:mymove 5s 1s;
    -moz-animation:mymove 5s .2s; /* Firefox */
    -webkit-animation:mymove 5s .2s; /* Safari and Chrome */
    -o-animation:mymove 5s .2s; /* Opera */
}
@keyframes mymove
{
    0%   {top:240px; left:0px;}
    25%  {top:0px; left:0px;}
    50%  {top:0px; left:214px;}
    75%  {top:254px; left:214px;}
    100% {top:254px; left:0px;}
}
@-moz-keyframes mymove /* Firefox */
{
    0%   {top:200px; left:0px;}
    25%  {top:0px; left:0px;}
    50%  {top:0px; left:195px;}
    75%  {top:194px; left:195px;}
    100% {top:194px; left:0px;}
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
    0%   {top:260px; left:0px;}
    25%  {top:0px; left:0px;}
    50%  {top:0px; left:254px;}
    75%  {top:234px; left:254px;}
    100% {top:234px; left:0px;}
}

@-o-keyframes mymove /* Opera */
{
    0%   {top:200px; left:0px;}
    25%  {top:0px; left:0px;}
    50%  {top:0px; left:195px;}
    75%  {top:194px; left:195px;}
    100% {top:194px; left:0px;}
}
.home-banner1-bg{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
}
.home-banner1-bg img{
    width:100%;
    height: 100%;
}
.home-banner1-con:nth-child(2){
    position: absolute;
    top: 2%;
    left: 50%;
    -webkit-transform: translateX(-41%);
    -moz-transform: translateX(-41%);
    -ms-transform: translateX(-41%);
    -o-transform: translateX(-41%);
    transform: translateX(-41%);
}

#myMenu{
    position: fixed;
    top: 9%;
    right: 0%;
    overflow: hidden;
    padding-left:2px;
    display: none;
}
#myMenu li{
    margin-right: 6px;
    float: left;
    border: 1px solid #18bdbd;
    border-radius: 50%;
    padding: 2px;
    -webkit-transition: all .5s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    position: relative;
}
#myMenu li:after{
    content: '';
    position: absolute;
    top:8px;
    right: -8px;
    width:8px;
    height: 2px;
    display: inline-block;
    background-color: #18bdbd;
}
#myMenu li:last-child:after{
    display: none;
}
#myMenu li a{
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
}
#myMenu li.active{}
#myMenu li.active a{
    background-color: #308384a1;
}
#myMenu li:hover{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
#myMenu li:hover a{
    background-color: #308384a1;
}


#myMenu li.bgActive{
    border: 1px solid #fff;
}
#myMenu li.bgActive.active a{
    background-color: #ffffff;
}
#myMenu li.bgActive:hover a{
    background-color: #ffffff;
}
#myMenu li.bgActive:after{
    background: #fff;
}

.home-page6{
    background: url("../images/nfdj/partnerBg.jpg") no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    margin-top:86px;
}
.home-work{}
.home-work .home-normalTitle h1,.home-work .home-normalTitle h2{
    color:#fff;
}
.home-workCon{
    overflow: hidden;
    margin-top:4%;
}
.home-workItem{
    width:30%;
    float: left;
    margin-right: 2%;
    text-align: center;
    cursor: pointer;
}
.home-workItem:nth-child(2n+2){}
.home-workItem:nth-child(3n+3){
    margin-right: 0;
}
.home-workItem img{
    /*filter: grayscale(100%);*/
    /*-webkit-filter: grayscale(100%);*/
    /*-moz-filter: grayscale(100%);*/
    /*-ms-filter: grayscale(100%);*/
    /*-o-filter: grayscale(100%);*/
    /*filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*/
    /*-webkit-filter: grayscale(1);*/
    -webkit-transition: all 10s;
    -moz-transition: all 10s;
    -ms-transition: all 10s;
    -o-transition: all 10s;
    transition: all 10s;
    border: 2px solid #7887918f;
    -webkit-box-shadow: 0 0 6px rgba(222, 218, 218, 0.6);
    -moz-box-shadow: 0 0 6px rgba(222, 218, 218, 0.6);
    -webkit-box-shadow: 0 0 6px rgba(222, 218, 218, 0.6);
    -moz-box-shadow: 0 0 6px rgba(222, 218, 218, 0.6);
    box-shadow: 0 0 6px rgba(222, 218, 218, 0.6);
}
.home-workItem:hover img{
    /*-webkit-filter: grayscale(0);*/
    /*-moz-filter: grayscale(0);*/
    /*-ms-filter: grayscale(0);*/
    /*-o-filter: grayscale(0);*/
    /*filter: grayscale(0);*/
    /*-webkit-transform: scale(1.05);*/
    /*-moz-transform: scale(1.05);*/
    /*-ms-transform: scale(1.05);*/
    /*-o-transform: scale(1.05);*/
    /*transform: scale(1.05);*/
}
.home-workItem p{
    line-height: 50px;
    font-size: 15px;
    font-weight: bold;
    color:#fff;
}
.home-workItem:hover p{
    color: #02fdfd;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
}

.aboutPage{
}
.aboutPage-banner{
    position: relative;
    width: 100%;
}
.aboutPage-banner img{}
.aboutPage-memu{
    display: inline-block;
    width: auto;
    position: relative;
    z-index: 1;
    margin-top: -25px;
}
.aboutPage-memu ul{
    overflow: hidden;
    background-color: #308384;
}
.aboutPage-memu ul li{
    float: left;
    opacity: .5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    cursor: pointer;
}
.aboutPage-memu ul li.active,.aboutPage-memu ul li:hover{
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.aboutPage-memu ul li a{
    height: 60px;
    line-height: 60px;
    width: 200px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.aboutPage-memu ul li a img{
    width:30px;
    vertical-align: middle;
}
.aboutPage-memu ul li a span{
    vertical-align: middle;
    margin-left: 6px;
}
.aboutPage-menuCon>div{
    display: none;
    position: relative;
}
.aboutPage-menuCon>div.aboutPage-container{
    display: block;
}
.aboutPage-container{
    position: relative;
    padding-top: 4%;
    margin-top: 4%;
    padding-bottom: 4%;
}
.aboutPage-con{
    width: 56%;
    margin-left: 44%;
    padding: 2% 8%;
    background-color: #f6f6f6;
}
.aboutPage-profileTitle{
    width: 160px;
    text-align: left;
    margin-bottom: 16px;
}
.aboutPage-profileTitle p:nth-child(1):after{
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #308384;
    margin-top: 6px;
}
.aboutPage-profileTitle p:nth-child(1){
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 4px;
}
.aboutPage-profileTitle p:nth-child(2){
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 0;
}
.aboutPage-profileInfo{
    width: 80%;
}
.aboutPage-profileInfo p{
    font-size: 16px;
    margin-bottom: 8px;
    line-height: 24px;
}
.aboutPage-profileInfo p:nth-child(1){
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s;
}
.aboutPage-profileInfo p:nth-child(2){
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
}
.aboutPage-profileInfo p:nth-child(3){
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
}
.aboutPage-profileInfo p span{
    color:#308384;
    font-weight: 600;
}
.aboutPage-profilePic{
    position: absolute;
    top: 0;
    width: 50%;
    max-height: 490px;
    border: 1px solid #f6f6f6;
    overflow: hidden;
}
.aboutPage-profilePic img{
    width: 100%;
}
.aboutPage-profileSlogan{
    position: absolute;
    left: 15%;
    bottom: 6%;
    background-color: #308384;
    padding: 1% 2%;
    border-radius: 2px;
}
.aboutPage-profileSlogan:before{
    content: '';
    display: block;
    position: absolute;
    left: -50%;
    bottom: 30%;
    width: 50%;
    height: 2px;
    background-color: #308384;
}
.aboutPage-profileSlogan p:nth-child(1){
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.aboutPage-profileSlogan p:nth-child(2){
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 0;
}
.aboutPage-profileSlogan p:nth-child(3){
    font-size:12px;
    color:#fff;
    margin-top: 10px;
}
.aboutPage-profileSign{
    position: absolute;
    right: 0;
    top: 0;
    width: 15%;
}
.aboutPage-profileSign img{}


.aboutPage-culture{
    margin-bottom: 4%;
    margin-top: 4%;
}
.aboutPage-culture-l{
    width: 45%;
    float: left;
    position: relative;
    margin-top: 40px;
}
.aboutPage-culture-l>p{
    width: 200px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 2px solid #8dbe3e;
    padding-bottom: 8px;
    margin-bottom: 20px;
}
.aboutPage-culture-l .cultureSwiper{
}
.aboutPage-culture-l .cultureSwiper:before{
    content: '';
    display: block;
    position: absolute;
    left: 20%;
    width: 80%;
    height: 90%;
    border: 4px solid #e2e1e1;
}
.aboutPage-culture-l .cultureSwiper .swiper-slide-info{margin-top: 4%;padding-right: 6%;}
.aboutPage-culture-l .cultureSwiper .swiper-slide-info p{
    font-size: 16px;
    color: #308384;
    line-height: 26px;
    margin-bottom: 6px;
    text-align: right;
    width: 210px;
    float: right;
}
.aboutPage-culture-l .cultureSwiper .swiper-slide-info img{
    width: 80%;
    clear: both;
}
.aboutPage-culture-l .swiper-pagination{
    text-align: right;
    bottom: 0;
    right: 0;
}
.aboutPage-culture-l .swiper-pagination-bullet{
    width:12px;
    height: 12px;
    margin-right: 10px;
    position: relative;
}
.aboutPage-culture-l .swiper-pagination-bullet:before{
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -3px;
    margin-left: -3px;
    border: 1px solid #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.aboutPage-culture-l .swiper-pagination-bullet-active{
    background-color: #8dbe3e;
}
.aboutPage-culture-l .swiper-pagination-bullet-active:before{
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -3px;
    margin-left: -3px;
    border: 1px solid #8dbe3e;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.aboutPage-culture-r{
    width: 55%;
    float: right;
    padding-left: 70px;
}
.aboutPage-culture-r>p:nth-child(1){
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 0;
}
.aboutPage-culture-r>p:nth-child(2){
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
}
.aboutPage-culture-con{
    border-top: 40px solid #308384;
    position: relative;
    background-color: #f6f6f6;
    padding: 20px 30px;
}
.aboutPage-culture-con:before{
    /*content: '';*/
    /*display: block;*/
    /*position: absolute;*/
    /*top: -80px;*/
    /*left: -40px;*/
    /*width:40px;*/
    /*height: 40px;*/
    /*background-color: #308384;*/
}
.aboutPage-cultureItem{
    margin-top: 14px;
}
.aboutPage-cultureItem:nth-child(1){
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s;
}
.aboutPage-cultureItem:nth-child(2){
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
}
.aboutPage-cultureItem:nth-child(3){
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
}
.aboutPage-cultureItem:nth-child(4){
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.aboutPage-cultureItem>p:nth-child(1){
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 4px;
}
.aboutPage-cultureItem>p:nth-child(1):before{
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border: 1px solid #308384;
    border-radius: 50%;
    margin-right: 4px;
    vertical-align: text-top;
}
.aboutPage-cultureItem>p:nth-child(2){
    font-size: 14px;
    margin-left: 10px;
}

.aboutPage-honor{
    margin-top:4%;
}
.aboutPage-honor1{
    margin-top: 4%;
    margin-bottom: 4%;
}
.aboutPage-honor1,.aboutPage-honor2,.aboutPage-picture,.aboutPage-partner{
    overflow: hidden;
    position: relative;
}
.aboutPage-picture,.aboutPage-partner{
    margin-bottom: 3%;
    margin-top:4%;
}
.aboutPage-picture p span,.aboutPage-partner p span{
    width: 130px;
    font-size: 28px;
    font-weight: bold;
    border-bottom: 2px solid #49bfbf;
    vertical-align: middle;
    letter-spacing: 2px;
    background-color: #49bfbf;
    color: #fff;
    padding: 6px;
}
.aboutPage-picture p:before,.aboutPage-partner p:before{
    content: '';
    display: inline-block;
    width: 8px;
    background-color: #4dbfbf;
    height: 50px;
    vertical-align: middle;
    box-shadow: 0 0 5px rgb(0, 153, 153);
}
.aboutPage-picture-con,.aboutPage-partner-con{
    overflow: hidden;
    position: relative;
    z-index: 2;
    padding: 10px;
}
.aboutPage-picture-con>img{
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    cursor: pointer;
}
.aboutPage-partner-con>div{
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    cursor: pointer;
    text-align: center;
    /* border: 1px solid #009299; */
    overflow: hidden;
    padding: 2% 0;
    background-color: #fbfbfb;
    -webkit-box-shadow:  0 0 10px rgba(0, 0, 0, 0.2);;
    -moz-box-shadow:  0 0 10px rgba(0, 0, 0, 0.2);;
    box-shadow:  0 0 10px rgba(0, 0, 0, 0.2);
}
.aboutPage-partner-con>div img{
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.aboutPage-partner-con>div p{
    font-size: 16px;
    margin: 12px 0 0 0;
}
.aboutPage-partner-con>div p:before{
    display: none;
}
.aboutPage-partner-con>div:hover p{
    color: #308384;
}
.aboutPage-picture-con>img:hover,.aboutPage-partner-con img:hover{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.aboutPage-picture-con>img:nth-child(3n+3),.aboutPage-partner-con>div:nth-child(3n+3){
    margin-right: 0;
}
.aboutPage-honor1>p,.aboutPage-honor2>p{}
.aboutPage-honor1>p:before,.aboutPage-honor2>p:before{
    content: '';
    display: inline-block;
    width: 8px;
    background-color: #4dbfbf;
    height: 50px;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 2px rgb(0, 153, 153);
    -moz-box-shadow: 0 0 2px rgb(0, 153, 153);
    box-shadow: 0 0 2px rgb(0, 153, 153);
}
.aboutPage-honor1>p span,.aboutPage-honor2>p span{
    width: 130px;
    font-size: 28px;
    font-weight: bold;
    border-bottom: 2px solid #49bfbf;
    vertical-align: middle;
    letter-spacing: 2px;
    background-color: #49bfbf;
    color: #fff;
    padding: 6px;
}
.honorThumbSwiper,.honorThumb2Swiper,.aboutPicThumSwiper{
    width: 100%;
}
.honorThumbSwiper>div,.honorThumb2Swiper>div{
    overflow: hidden;
}
.honorThumbSwiper>div>div,.honorThumb2Swiper>div>div{
    float: left;
    width: 23.5%;
    margin-right: 2%;
    background-color: #f3f3f3;
    cursor: pointer;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 2%;
}
.honorThumbSwiper>div>div:nth-child(4n+4),.honorThumb2Swiper>div>div{
    margin-right: 0;
}
.honorThumb2Swiper>div>div{
    margin-bottom: 10px;
}
.honorThumbSwiper img,.honorThumb2Swiper img{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.aboutPage-honor2 .swiper-button-prev,.aboutPage-honor1 .swiper-button-prev{
    left: auto;
    top: auto;
    right: 32px;
    bottom: 0%;
}
.aboutPage-honor2 .swiper-button-next,.aboutPage-honor1 .swiper-button-next{
    top: auto;
    bottom: 0;
    right: 0;
}
.aboutPage-picture .swiper-button-prev{
    left: auto;
    top: auto;
    right: 50px;
    bottom: 14%;
}
.aboutPage-picture .swiper-button-next{
    top: auto;
    bottom: 14%;
}
.aboutPage-honor .swiper-button-next:after, .aboutPage-honor  .swiper-button-prev:after,.aboutPage-picture .swiper-button-prev:after,.aboutPage-picture .swiper-button-next:after{
    color: #308384;
}
.aboutPage-sign{
    position: absolute;
    right: 0;
    top: 0;
}
.aboutPage-sign img{}


.newsPage{
}
.newsPage-banner{
    position: relative;
    width: 100%;
}
.newsPage-banner img{}
.newsPage-memu{
    display: inline-block;
    width: auto;
    position: relative;
    z-index: 1;
    margin-top: -25px;
}
.newsPage-memu ul{
    overflow: hidden;
    background-color: #308384;
}
.newsPage-memu ul li{
    float: left;
    opacity: .5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    cursor: pointer;
}
.newsPage-memu ul li.active,.newsPage-memu ul li:hover{
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.newsPage-memu ul li a{
    height: 60px;
    line-height: 60px;
    width: 200px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.newsPage-memu ul li a img{
    width:30px;
    vertical-align: middle;
}
.newsPage-memu ul li a span{
    vertical-align: middle;
    margin-left: 6px;
}
.newsPage-menuCon{
    margin-top: 4%;
    border-top: 30px solid #308384;
    background-color: #efebeb;
    position: relative;
    padding-bottom: 3%;
}
.newsPage-menuCon-title{
    position: absolute;
    top: -38px;
    right: 0;
    color:#fff;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    background-color: #308384;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.newsPage-item{
    padding: 2%;
    position: relative;
    min-height: 180px;
    margin-top: 2%;
    border-bottom: 1px solid #e0e0e0;
}
.newsPage-item-l{float: left;width: 50px;height: 50px;text-align: center;background-color: #308384;margin-right: 20px; margin-top:20px;}
.newsPage-item-l p:nth-child(1){
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    margin: 6px 0 0 0;
    letter-spacing: 1px;
}
.newsPage-item-l p:nth-child(2){
    font-size: 12px;
    margin: 0;
    color: #fff;
}
.newsPage-item-r{
    max-width: 900px;
    position: relative;
    width: 76%;
    min-height: 90px;
    margin-top:20px;
}
.newsPage-item-r>p:nth-child(1){
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
}
.newsPage-item-r .newsPage-item-txt{
    width:84%;
    font-size: 14px;
    max-height: 64px;
    overflow: hidden;
    margin-top:8px;
}
.newsPage-item-r .newsPage-item-txt img{
    display: none;
}
.newsPage-item-arrow{
    position: absolute;
    bottom: 0;
    right: 0;
}
.newsPage-item-arrow img{
    width: 30px;
}
.newsPage-itemPic{
    max-height: 130px;
    position: absolute;
    right: -30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden;
}
.newsPage-itemPic img{
    width: 195px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.newsPage-item .hold-link{
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    cursor: pointer;
}
.newsPage-item:hover .hold-link{
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    background-color: rgba(108, 109, 109, 0.1);
}
.newsPage-item:hover .newsPage-itemPic img{
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}
.newsPage-item:hover .newsPage-item-arrow img{
}


/** join **/
.joinPage{
}
.joinPage-banner{
    position: relative;
    width: 100%;
}
.joinPage-banner img{}
.joinPage-memu{
    display: inline-block;
    width: auto;
    position: relative;
    z-index: 1;
    margin-top: -25px;
}
.joinPage-memu ul{
    overflow: hidden;
    background-color: #308384;
}
.joinPage-memu ul li{
    float: left;
    opacity: .5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    cursor: pointer;
}
.joinPage-memu ul li.active,.joinPage-memu ul li:hover{
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.joinPage-memu ul li a{
    height: 60px;
    line-height: 60px;
    width: 240px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.joinPage-memu ul li a img{
    width:30px;
    vertical-align: middle;
}
.joinPage-memu ul li a span{
    vertical-align: middle;
    margin-left: 6px;
}
.joinPage-menuCon{
    margin: 4% 0;
    border-top: 30px solid #308384;
    position: relative;
}
.joinPage-menuCon-title{
    position: absolute;
    top: -50px;
    right: 0;
    color:#fff;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    text-align: right;
    background-color: #308384;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.joinPage-menuCon-title span{
    font-size: 13px;
    text-transform: uppercase;
}
.joinPage-filter{
    margin-top: 4%;
    padding: 1%;
    background-color: #efebeb;
}
.joinPage-filter p{
    margin:0;
    font-size: 13px;
    font-weight: bold;
}
.joinPage-filter p span{
    font-size: 15px;
    color: #06595a;
}
.joinPage-itemTitle{
    margin-top: 2%;
    overflow: hidden;
    font-size: 13px;
    font-weight: bold;
    padding: 1%;
    background-color: #efebeb;
}
.joinPage-itemTitle>div:nth-child(1){
    width: 40%;
    float: left;
}
.joinPage-itemTitle>div:nth-child(2){
    float: left;
    width: 20%;
}
.joinPage-itemTitle>div:nth-child(3){
    float: left;
    width: 20%;
}
.joinPage-itemTitle>div:nth-child(4){
    float: left;
    width: 20%;
}
.joinPage-item{
    position: relative;
    margin-top: 1%;
    background-color: #efebeb;
}
.joinPage-itemIntro{
    padding: 0 2%;
    height: 50px;
    line-height: 50px;
    background-color: #efebeb;
    color: #000;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    cursor: pointer;
}
.joinPage-itemIntro>div:nth-child(1){
    width: 40%;
    float: left;
}
.joinPage-itemIntro>div:nth-child(2){
    float: left;
    width: 20%;
}
.joinPage-itemIntro>div:nth-child(3){
    float: left;
    width: 20%;
}
.joinPage-itemIntro>div:nth-child(4){
    float: left;
    width: 20%;
}
.joinPage-itemIntro-arrow{
    position: absolute;
    top:0;
    right: 10px;
    display: none;
}
.joinPage-itemIntro-arrow img{
    width:30px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.joinPage-itemIntro.active,.joinPage-itemIntro:hover{
    background-color: #308384;
    color: #fff;
}
.joinPage-itemIntro.active .joinPage-itemIntro-arrow img{
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.joinPage-itemInfo{
    padding: 2%;
    background-color: #c8e8e8;
}
.joinPage-itemInfo h4{
    font-size: 13px;
    color: #308384;
}
.joinPage-itemInfo p{
    margin-bottom: 6px;
    font-size: 13px;
}
.joinPage-itemInfo div{
    font-size: 15px;
}
.joinPage-itemInfo a{
    margin-top: 2%;
    display: block;
}
.joinPage-itemInfo a button{
    background-color: #d0cccc;
}
.joinPage-itemInfo a:hover button{
    background-color: #098282;
}



/** contact **/
.contactPage{
    background-color: #f9f9f9;
    padding-bottom: 2%;
}
.contactPage-banner{
    position: relative;
    width: 100%;
}
.contactPage-banner img{}
.contactPage-memu{
    display: inline-block;
    width: auto;
    position: relative;
    z-index: 1;
    margin-top: -25px;
}
.contactPage-memu ul{
    overflow: hidden;
    background-color: #308384;
}
.contactPage-memu ul li{
    float: left;
    opacity: .5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    cursor: pointer;
}
.contactPage-memu ul li.active,.contactPage-memu ul li:hover{
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.contactPage-memu ul li a{
    height: 60px;
    line-height: 60px;
    width: 240px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.contactPage-memu ul li a img{
    width:30px;
    vertical-align: middle;
}
.contactPage-memu ul li a span{
    vertical-align: middle;
    margin-left: 6px;
}
.contactPage-con{
    margin-top: 4%;
}
.contactPage-title{
    font-size: 30px;
    color: #308384;
    text-align: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.contactPage-title span{
    font-size: 14px;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
}
.contactPage-itemCon{
    width: 50%;
    float: left;
    overflow: hidden;
    background-color: #f9f9f9;
    padding-right: 2%;
}
.contactPage-item{
    float: left;
    width: 50%;
    margin-bottom: 8%;
    padding: 6% 2%;
    min-height: 180px;
}
.contactPage-item:nth-child(2n+1){
    background-color: #f0f0f0;
    position: relative;
    z-index: 1;
    padding-bottom: 2%;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
}
.contactPage-item:nth-child(2n+2){
    background-color: #fff;
    /* margin-top:4%; */
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s;
    padding-bottom: 2%;
}
.contactPage-item:nth-child(2n+1):after{
    /* content: '+'; */
    display: block;
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 60px;
    height: 20px;
    background-color: #308384;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    color: #d7dadc;
}
.contactPage-item:nth-child(2n+2):after{
    content: '';
    display: block;
}
.contactPage-item p:nth-child(1){
    width: 30px;
    margin: 6px auto 0 auto;
}
.contactPage-item p:nth-child(2){
    font-size: 14px;
    margin-top: 6px;
    margin-bottom: 10px;
    text-align: center;
}
.contactPage-item p:nth-child(3),.contactPage-item p:nth-child(4){
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #308384;
    margin-bottom: 2px;
}
.contactPage-map{
    width: 50%;
    float: left;
    text-align: center;
    padding-left: 2%;
}
.contactPage-map iframe{}


/** message **/
.messagePage{
}
.messagePage-banner{
    position: relative;
    width: 100%;
}
.messagePage-banner img{}
.messagePage-memu{
    display: inline-block;
    width: auto;
    position: relative;
    z-index: 1;
    margin-top: -25px;
}
.messagePage-memu ul{
    overflow: hidden;
    background-color: #308384;
}
.messagePage-memu ul li{
    float: left;
    opacity: .5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    cursor: pointer;
}
.messagePage-memu ul li.active,.messagePage-memu ul li:hover{
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.messagePage-memu ul li a{
    height: 60px;
    line-height: 60px;
    width: 240px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.messagePage-memu ul li a img{
    width:30px;
    vertical-align: middle;
}
.messagePage-memu ul li a span{
    vertical-align: middle;
    margin-left: 6px;
}
.messagePage-con{
    margin-top: 4%;
    margin-bottom: 4%;
}
.messagePage-title{
    font-size: 30px;
    color: #308384;
    text-align: center;
    border-bottom: 1px solid #eee;
    margin-bottom: 4%;
}
.messagePage-title span{
    font-size: 14px;
    font-weight: bold;
    color: #333;
}
.messagePage-itemCon{}
.messagePage-item{
    margin-bottom: 3%;
    text-align: center;
}
.messagePage-item span{
    display: inline-block;
    width: 88px;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}
.messagePage-item span i{
    color: red;
    vertical-align: middle;
    margin-right: 4px;
    font-size: 20px;
}
.messagePage-item textarea{
    max-width: 300px;
    display: inline-block;
    vertical-align: top;
    -webkit-border-radius: 10px 0;
    -moz-border-radius: 10px 0;
    border-radius: 10px 0;
    font-size: 16px;
}
.messagePage-item input{
    max-width: 300px;
    display: inline-block !important;
    -webkit-border-radius: 10px 0 !important;
    -moz-border-radius: 10px 0 !important;
    border-radius: 10px 0 !important;
    height: 40px;
    line-height: 40px;
    text-indent: 14px;
    font-size: 16px;
    padding:0 !important;
}
.messagePage-item button{
    margin-top: 2%;
    background-color: #e0e0e0;
}
.messagePage-item button:hover{
    background-color: #308384;
}
.messagePage-itemMain{
    width: 80%;
    margin:0 auto;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.5);
    box-shadow: 0 0 10px rgba(0,0,0,.5);
}
.messagePage-itemTitle{
    height: 60px;
    line-height: 60px;
    background-color: #308384;
    position: relative;
    text-align: center;
    margin-bottom: 6%;
}
.messagePage-itemTitle:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    border-top: 45px solid transparent;
    border-right: 10px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 45px solid #fff;
}
.messagePage-itemTitle:after{
    content: '';
    position: absolute;
    right: 0;
    top:0;
    border-top: 45px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid #fff;
    border-bottom: 45px solid #fff;
}
.messagePage-itemTitle p{
    font-size: 20px;
    color:#fff;
    margin: 0;
}
.messagePage-itemSign{
    width:100%;
    background: url("../images/message/messageSign.jpg") repeat-x;
    height: 50px;
    margin-top: 4%;
}


/*** product ***/
.productPage{}
.productPage-banner{}
.productPage-banner img{}
.productPage-menu{
    padding-top: 2%;
    background-color: #eeeeee;
    position: relative;
}
.productPage-menu ul{
    overflow: hidden;
    margin:0;
}
.productPage-menu ul li{
    width: 16.8%;
    float: left;
    margin-right: 4%;
    margin-bottom: 2%;
}
.productPage-menu ul li:nth-child(5n+5){
    margin-right: 0;
}
.productPage-menu ul li a{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}
.productPage-menu ul li a>div{
}
.productPage-menu ul li a>div img{
    width: 100px;
    margin:0 auto;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
}
.productPage-menu ul li a p{
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    color: #8a8a8a;
}
.productPage-menuSignL{
    width: 6%;
    max-width: 70px;
    position: absolute;
    left:0;
    top:0;
}
.productPage-menuSignL img{
    width:100%;
}
.productPage-menuSignR{
    width: 6%;
    max-width: 70px;
    position: absolute;
    right:0;
    bottom:0;
    z-index: 22;
}
.productPage-menuSignR img{
    width:100%;
}
.productPage-menuCon{
    background-color: #eeeeee;
    padding-bottom: 2%;
    padding-top:4%;
}
.productPage-menuContainer{
    width: 90%;
    margin:0 auto;
    overflow: hidden;
    padding: 3% 0;
}
.productPage-menuItem{
    float: left;
    width: 22%;
    margin-right: 4%;
    margin-bottom: 4%;
    text-align: center;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
.productPage-menuItem:nth-child(4n+4){
    margin-right: 0;
}
.productPage-menuItem img{
    padding:26% 10% 14% 10%;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.productPage-menuItem p{
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    color: #333;
    position: absolute;
    top: 0;
    padding-left: 6%;
}
.productPage-menuItem .home-products-itemB{
    margin-bottom: 2%;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    -khtml-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    -khtml-justify-content: space-between;
    justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -khtml-align-items: center;
    align-items: center;
    -webkit-transition: all .2s .2s;
    -moz-transition: all .2s .2s;
    -ms-transition: all .2s .2s;
    -o-transition: all .2s .2s;
    transition: all .2s .2s;
    padding: 0 4%;
}
.productPage-menuItem .home-products-itemVideo{
    width: 26px;
}
.productPage-menuItem .home-products-itemVideo img{
}
.productPage-menuItem .home-products-itemMore{
    border: 1px solid #308384;
    padding: 1px 4px 2px 4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.productPage-menuItem .home-products-itemMore i{
    font-size: 20px;
    line-height: 20px;
    color: #308384;
    display: inline-block;
}
.productPage-menuItem:hover p{
    color: #308384;
}


.productSingle-menuCon{
    margin-top: 4%;
}
.productSingle-info{
    width: 100%;
    padding-bottom: 4%;
}
.productSingle-info-title{
    font-size: 22px;
    font-weight: bold;
    color: #308384;
    text-align: center;
    padding: 3% 0;
    margin: 0;
}
.productSingle-info-pic{
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
}
.productSingle-info-pic .productSingleSwiper{
    width: 90%;
}
.productSingle-info-pic .productSingleSwiper .swiper-slide{
    text-align: center;
}
.productSingle-info-pic .productSingleSwiper .swiper-slide img{
    border: 1px solid #ccc;
    -webkit-transform: translateY(14%);
    -moz-transform: translateY(14%);
    -ms-transform: translateY(14%);
    -o-transform: translateY(14%);
    transform: translateY(14%);
}
.productSingle-info-pic .swiper-button-prev{
    left: 0;
}
.productSingle-info-pic .swiper-button-next{
    right: 0;
}
.productSingle-info-pic .swiper-button-prev:after,.productSingle-info-pic .swiper-button-next:after{
    color:#308384;
}
.productSingle-info-navCon{
    width: 90%;
    margin: 2% auto 0 auto;
}
.productSingle-info-navCon p{
    font-size: 16px;
    line-height: 22px;
}
.newsSingle-item{
    padding: 2% 0;
}
.newsSingle-item-title{
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin:0;
}
.newsSingle-item-time{
    text-align: center;
    border-bottom: 1px dotted #e0e0e0;
    padding-bottom: 10px;
    margin-top:2px;
}
.newsSingle-item-time img{
    vertical-align: middle;
}
.newsSingle-item-time span{
    display: inline-block;
    vertical-align: middle;
}
.newsSingle-item-pic{
    width: 50%;
    margin: 2% auto;
    border: 1px solid #fff;
}
.newsSingle-item-pic img{}
.newsSingle-item-txt{
    width: 70%;
    margin: 0 auto;
}
.newsSingle-item-txt p{
    font-size: 14px;
    text-indent: 28px;
    line-height: 22px;
    margin-bottom: 10px;
}
.newsSingle-item-txt p a{
    color:#308384;
}

.productSingle-intro{}
.productSingle-intro-nav{}
.productSingle-intro-nav span{
    width: 120px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    background-color: #ccc;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin-right: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
}
.productSingle-intro-nav span:after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid #308384;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    display: none;
    margin-left: 50px;
}
.productSingle-intro-nav span.active{
    background-color: #308384;
}
.productSingle-intro-nav span.active:after{
    display: block;
}
.productSingle-intro-con{
    border: 1px solid #308384;
    margin-top: 20px;
    padding: 2%;
}
.productSingle-intro-con span{
    display: block;
    text-align: left;
    margin-bottom: 20px;
    font-size: 15px;
}
.productSingle-intro-con span.productSingle-intro-title{
    font-size: 16px;
    font-weight: bold;
    color: #308384;
    margin-bottom: 6px;
}
.productSingle-intro-con>div{
    display: none;
}
.productSingle-intro-con>div>div{
    text-align: center;
}
.productSingle-intro-con table{}
.productSingle-intro-con table tr{}
.productSingle-intro-con table tr td{
    width: 50%;
    font-size: 15px;
    text-indent: 30px;
}
.productSingle-intro-con table tr td:nth-child(1){
    background-color: #308384;
    color: #fff;
}
.productSingle-intro-con table tr td:nth-child(2){
    background-color: #cccccc;
    font-weight: bold;
}

.normal-scrollTop{
    position: fixed;
    bottom: 20%;
    right: 10px;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #757474;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: none;
    cursor: pointer;
}
.normal-scrollTop img{
    width: 20px;
}

/*** panigation ***/
.nav-links{
    margin-top:2%;
}
.next.page-numbers,.prev.page-numbers{
    float: none !important;
}
.page-numbers{
    margin:0 4px;
    border:1px solid #e0e0e0;
}
.page-numbers:hover{
    /*box-shadow:none !important;*/
    /*-webkit-box-shadow:none;*/
}

/*** chat tools ***/
.chatTools{
    position: fixed;
    bottom: 10%;
    right: 0;
    z-index: 33;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}
.chatTools-item{
    background-color: #333;
    position: relative;
    padding: 4px 8px;
    margin-bottom: 2px;
    cursor: pointer;
}
.chatTools-item>img{
    width: 20px;
}
.chatTools-model{
    position: absolute;
    top: 0;
    right: 32px;
    width: 128px;
    text-align: center;
    background-color: #fff;
    display: none;
    margin-right: 10px;
    padding: 4px 0;
}
.chatTools-model:after{
    position: absolute;
    right: -12px;
    top: 14%;
    content: '';
    display: block;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #fff;
    border-right: 6px solid transparent;
}
.chatTools-model a{
    display: block;
    width:100%;
    height: 100%;
}
.chatTools-model a span{
    display: inline-block;
}
.chatTools-model a span img{
    width: 30px;
}
.chatTools-model a h3{
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #333;
}
.chatTools-model a .text{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 10px;
}
.chatTools-model a .text p{
    margin: 0;
    font-size: 14px;
    color:#333;
}
.chatTools-model a .text p:nth-child(2){
    font-size: 14px;
    font-weight: bold;
}
.chatTools-item:hover .chatTools-model{
    display: block;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.5);
    box-shadow:  0 0 10px rgba(0,0,0,.5);
}
.qq-message{
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    z-index: 33;
    background-color: rgba(255, 255, 255, 0.3);
}
.qq-message>iframe{
    left:50% !important;
}

/** messageModel **/
.messageModel{
    position: fixed;
    top:0;
    left:0;
    z-index: 33;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
}
.messageModel .messagePage-con{
    position: relative;
    top:50%;
    width: 40%;
    margin:0 auto;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 2% 0;
}
.messageModel .messageModel-closed{
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.messageModel .messageModel-closed img{
    width: 30px;
}

/** singlePage-banner **/
.singlePage-banner{
    overflow: hidden;
    margin-top:86px;
}
.singlePage-banner>img{
    -webkit-animation: bannerPulse 30s infinite linear;
    -o-animation: bannerPulse 30s infinite linear;
    animation: bannerPulse 30s infinite linear;
}
@-webkit-keyframes bannerPulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        transform: scale3d(1.2, 1.2, 1.2);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-moz-keyframes bannerPulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        transform: scale3d(1.2, 1.2, 1.2);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-ms-keyframes bannerPulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        transform: scale3d(1.2, 1.2, 1.2);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bannerPulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        transform: scale3d(1.2, 1.2, 1.2);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}


.normalSingle-title{
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
}
.normalSingle-title img{
    vertical-align: middle;
    width: 20px;
}
.normalSingle-title span{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}
.normalSingle-title span i{
    font-style: normal;
    color: #308384;
}
.normalSingle-title span a:hover{
    color: #308384;
}

/** banner **/
.homeBanner-icon{
    z-index: 333;
}
.homeBanner-icon img{
    width: 70%;
    display: block;
    -webkit-animation: pulseIcon 3s infinite;
    -o-animation: pulseIcon 3s infinite;
    animation: pulseIcon 3s infinite;
}
.homeBanner-icon1{
    position: absolute;
    top: 28%;
    left: 16%;
}
.homeBanner-icon1 img{
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
}
.homeBanner-icon2{
    position: absolute;
    top: 54%;
    right: 20%;
}
.homeBanner-icon2 img{
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
}
.homeBanner-icon3{
    position: absolute;
    top: 32%;
    right: 38%;
}
.homeBanner-icon3 img{
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    -o-animation-delay: .8s;
    animation-delay: .8s;
}
.homeBanner-icon4{
    position: absolute;
    top: 10%;
    left: 35%;
}
.homeBanner-icon4 img{
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.homeBanner-icon5{
    position: absolute;
    bottom: 18%;
    left: 34%;
}
.homeBanner-icon5 img{
    -webkit-animation-delay: 2.2s;
    -moz-animation-delay: 2.2s;
    -o-animation-delay: 2.2s;
    animation-delay: 2.2s;
}
.homeBanner-wang{
    position: absolute;
    top:0;
    left:0;
}
.homeBanner-wang img{
    -webkit-animation: slideIcon 20s infinite linear;
    -o-animation: slideIcon 20s infinite linear;
    animation: slideIcon 20s infinite linear;
}
.homeBanner-logo{
    width: 28%;
    position: absolute;
    right: 4%;
    top: 18%;
}
.homeBanner-logo img{}
@-webkit-keyframes slideIcon {
    0%{
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    50%{
        -webkit-transform: translateX(50px);
        -moz-transform: translateX(50px);
        -ms-transform: translateX(50px);
        -o-transform: translateX(50px);
        transform: translateX(50px);
    }
    100%{
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }
}
@keyframes slideIcon {
    0%{
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    50%{
        -webkit-transform: translateX(50px);
        -moz-transform: translateX(50px);
        -ms-transform: translateX(50px);
        -o-transform: translateX(50px);
        transform: translateX(50px);
    }
    100%{
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }
}
@-webkit-keyframes pulseIcon {
    0%{
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        transform: scale(.7);
        opacity: .6;
    }
    50%{
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100%{
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        transform: scale(.7);
        opacity: .6;
    }
}
@keyframes pulseIcon {
    0%{
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        transform: scale(.7);
        opacity: .6;
    }
    50%{
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100%{
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        transform: scale(.7);
        opacity: .6;
    }
}