@charset "utf-8";
/* CSS Document */

/* #2c83dc */

html{
    font-size: 10px;
}
body {
    font-family: "PingFang SC","Microsoft YaHei",微软雅黑,"Hiragino Sans GB",STHeiti,sans-serif;
    font-size: 12px;
    color: #333;
    margin: 0;
    background: #ffffff;
}
iframe{
	display:none;
}
img {
    border: 0;
}
A:link {
    COLOR: #fff;
    TEXT-DECORATION: none;
}
A:visited {
    COLOR: #fff;
    TEXT-DECORATION: none;
}
A:hover {
    COLOR: #fff;
    TEXT-DECORATION: none;
}
A:active {
    COLOR: #fff;
    TEXT-DECORATION: none;
}
ol, ul {
    list-style: none;
}
ol, ul, li {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    border-collapse: collapse;
    list-style-type: none
}
* {
    margin: 0;
    padding: 0;
    hide-focus: expression(this.hideFocus=true); /* for ie 5+ */
    outline: none; /* for firefox 1.5 + */
}
.hold-link{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: 33;
}



header{}
header .con{
    overflow: hidden;
    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 .logo{
    float: left;
    height: 86px;
    line-height: 86px;
    padding-left:2%;
}
header .logo img{
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    width: 200px;
}
header .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 .tel{
    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 .tel img{
    width: 24px;
    margin-top: -12px;
    margin-right: 4px;
}
header .tel>div:nth-child(1){}
header .tel>div:nth-child(1) i.fa{
    font-size: 2.4rem;
    color: #2c83dc;
    margin-right: 4px;
}
header .tel>div:nth-child(2) {
    width: 250px;
    font-size: 30px;
    color: #2c83dc;
    font-weight: bold;
    margin-left: 2px;
}
header .tel .language{
    float: right;
    margin-left: 1%;
    margin-right: 2%;
    cursor: pointer;
    height: 86px;
    line-height: 86px;
}
header .tel .language a{
    font-size: 16px;
    color: #2c83dc;
    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 .tel .language a:hover,header .tel .language a:visited,header .tel .language a:active{
    color: #2c83dc;
}
header .nav{
    float: left;
    margin-left: 10px;
    line-height: 86px;
}
header .nav .nav-line{display: none;}
header .nav .nav-menu{}
header .nav .nav-menu ul{overflow: hidden;}
header .nav .nav-menu ul li{
    float: left;
    text-align: center;
    margin-right: 14px;
}
header .nav .nav-menu ul li a{
    display: inline-block;
    font-size: 18px;
    color: #333;
    height: 86px;
    line-height: 66px;
    position: relative;
}
header .nav .nav-menu ul li:hover a,header .nav .nav-menu ul li.active a{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border-bottom: 2px solid #2c83dc;
    color: #2c83dc;
}
header .nav .nav-menu ul li:hover a:after,.nav .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 #2c83dc;
    position: absolute;
    bottom: 0;
    left: 50%;
}

.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: #2c83dc;
    margin: 0;
    padding-top: 4px;
    padding-bottom: 10px;
    letter-spacing: 6px;
}


.home-page1{
    background: #001424 !important;
    position: relative;
    overflow: hidden;
}
.home-page1 .fp-tableCell {
    width: 100%;
    height: 100%;
}
.home-page1 .homeBannerSwiper{
    width: 100%;
    height: 100%;
}
.home-page1 .homeBannerSwiper .swiper-slide .con a{
    display: block;
    width: 100%;
    height: 100%;
}
.homeBannerSwiper .swiper-pagination{
    bottom: 50px;
}
.homeBannerSwiper .swiper-slide>img{
    width: 100%;
    height: 100%;
}
.swiper-pagination-bullet{
    width: 10px;
    height: 10px;
}
.swiper-pagination-bullet-active{
    background-color: #2c83dc;
}
.home-page1 .swiper-button-prev,.home-page1 .swiper-button-next{background-color: #2c83dc;border-radius: 2px;}
.home-page1 .swiper-button-prev:after,.home-page1 .swiper-button-next:after{
    color: #fff;
    font-size: 2.2rem;
}


.home-page2{
    background-color:#f8f8f8 !important;
    background: url("../images/aboutBg.jpg") no-repeat center/cover;
    /*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: #2c83dc;
    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: #2c83dc;
    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: #2c83dc;
}
.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: #2c83dc;
}
.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: #2c83dc;
}
.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: #2c83dc;
}
.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: #2c83dc;
    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(44,131,220,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: #2c83dc;
    margin: 4px;
}
.home-about-moreButton a:hover{
    color: #2c83dc;
}
.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/productBg.jpg") no-repeat center/cover;
    /*-webkit-background-size: 100% 100%;*/
    /*background-size: 100% 100%;*/
}
.home-products{
    position: relative;
    z-index: 1;
    /* height: calc(100% - 240px); */
}
.home-products .home-products-container{
    width: 90%;
    /* height: 100%; */
    margin: 0 auto;
}
.home-products .home-normalTitle,.home-application .home-normalTitle,.home-contact .home-normalTitle{
    text-align: center;
}
.home-products .home-normalTitle h1{
    color: #2c83dc;
}
.home-application .home-normalTitle h1,.home-contact .home-normalTitle h1{
    color: #2c83dc;
}
.home-products .home-normalTitle h2{
    color: #2c83dc;
}
.home-application .home-normalTitle h2,.home-contact .home-normalTitle h2{
    color: #2c83dc;
}
.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 .home-productsCon .productsSwiper{}
.home-products .home-productsCon .productsSwiper .swiper-wrapper{}
.home-products .swiper-slide{
    background-color: #fff;
    border: 2px solid #2c83dc;
}
.home-products .home-products-item{
    padding: 4% 4%;
    cursor: pointer;
    position: relative;
    height: 100%;
}
.home-products .home-products-item:before{
    content: '';
    background-color: #2c83dc;
    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: 50%;
    left:0;
    z-index: 0;
    width: 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: translateY(-60%) perspective(300px) rotateY(0deg);
    -moz-transform: translateY(-60%) perspective(300px) rotateY(0deg);
    -ms-transform: translateY(-60%) perspective(300px) rotateY(0deg);
    -o-transform: translateY(-60%) perspective(300px) rotateY(0deg);
    transform: translateY(-60%) perspective(300px) rotateY(0deg);
    padding-top: 22%;
    text-align: center;
}
.home-products .home-products-itemBg img{max-width: 90%;}
.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: 6%;
    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;
    visibility: hidden;
}
.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 #2c83dc;
    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: #2c83dc;
}
.home-products .home-products-itemMore i{
    font-size: 20px;
    line-height: 20px;
    color: #2c83dc;
    display: inline-block;
    vertical-align: text-bottom;
}
.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: #2c83dc;
}
.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: #2c83dc;
}
.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: 5%;
}
/*.home-application .home-normalTitle{margin-top: 6%;}*/
.home-application .home-application-container{
    width: 92%;
    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,.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{
    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);
}
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: #2c83dc;
    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: #2c83dc;
    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: 40%;
    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(44,131,220,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-page7{
    background: url("../images/contactBg.jpg") no-repeat center/cover;
    /*-webkit-background-size: 100% 100%;*/
    /*background-size: 100% 100%;*/
}
.home-contact{
}
.home-contact-container{
    margin-top: 4%;
}
.home-contact-con{
    margin-top: 2%;
    width: 50%;
    float: left;
    padding-right: 2%;
}
.home-contact-con>p:nth-child(1){
    font-size: 3rem;
    margin: 0;
    text-align: center;
}
.home-contact-con>p:nth-child(2){
    font-size: 1.4rem;
    margin: 0;
    margin-top: 1%;
    text-align: center;
    text-transform: uppercase;
}
.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 i.fa{font-size: 3rem;color: #999;}
.home-contact-info>div img{
    width: 36px;
    display: none;
}
.home-contact-info>div p{
    width: 80%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background-color: #2c83dc;
    color: #fff;
    border-radius: 10px;
    margin: 3% 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%;
    color: #2d83dc;
}
.home-contact-address>p:nth-child(1){
    margin: 0;
    border-top: 2px solid #2c83dc;
    border-radius: 100%;
    box-shadow: 0 0 10px #2c83dc;
}
.home-contact-map{
    width: 50%;
    float: left;
    padding-left:2%;
}
.home-contact-map iframe{
	display:block;
    width: 100%;
    height: 100%;
}
.home-page6{
    background: url("../images/partnerBg.jpg") no-repeat center/cover;
    /*-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: 6%;
}
.home-workItem{
    width:30%;
    float: left;
    margin-right: 2%;
    text-align: center;
    cursor: pointer;
    margin-bottom: 2%;
}
.home-workItem:nth-child(2n+2){}
.home-workItem:nth-child(3n+3){
    margin-right: 0;
}
.home-workItem img{
    width: 96%;
    max-width: 100%;
    padding: 2px;
    -webkit-transition: all 10s;
    -moz-transition: all 10s;
    -ms-transition: all 10s;
    -o-transition: all 10s;
    transition: all 10s;
    border: 1px solid #fff;
    -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{}
.home-workItem p{
    line-height: 50px;
    font-size: 15px;
    font-weight: bold;
    color:#fff;
}
.home-workItem:hover p{
    color: #2c83dc;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
}


/*** 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%);
    display: none;
}
.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 .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);
}


.normal-banner{
    width: 100%;
    margin-top: 86px;
    position: relative;
}
.normal-banner>img{
    width: 100%;
}
.normal-banner .img{
    height: 100%;
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    overflow: hidden;
}
.normal-banner .img img{
    height: 100%;
}
.normal-banner .txt{
    position: absolute;
    top: 50%;
    width: 40%;
    left: 9%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background-color: rgba(44,131,220,.8);
    padding: 2% 3%;
}
.normal-banner .txt h3{
    color: #fff;
    font-size: 3rem;
}
.normal-banner .txt p{
    color: #fff;
    font-size: 1.4rem;
}

.aboutPage{}
.aboutPage .con,.servicePage .con{
    margin-top: 6%;
}
.aboutPage .con h2,.servicePage .con h2{
    text-align: center;
    font-size: 2.8rem;
    font-weight: bold;
}
.aboutPage .con p,.servicePage .con p{
    font-size: 1.4rem;
    color: #666;
    text-align: center;
    margin-top: 16px;
}
.aboutPage .con .list{
    margin-top: 5%;
}
.aboutPage .con .list ul{
    overflow: hidden;
}
.aboutPage .con .list ul li{
    float: left;
    width: 30.66%;
    margin-right: 4%;
    text-align: center;
    position: relative;
}
.aboutPage .con .list ul li:nth-child(3n+3) {
    margin-right: 0;
}
.aboutPage .con .list ul li .txt{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 0 10%;
    text-align: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.aboutPage .con .list ul li h3{
    color: #fff;
    margin-bottom: 10%;
    font-size: 2.6rem;
    letter-spacing: 2px;
}
.aboutPage .con .list ul li p{
    color: #fff;
    margin: 4px;
    min-height: 130px;
    font-size: 1.4rem;
}
.aboutPage .con .list ul li .txt a{
    display: block;
    width: 110px;
    border: 1px solid #fff;
    margin: 13% auto 0 auto;
    padding: 4px 0 6px 0;
    font-size: 1.4rem;
}
.aboutPage .con .list ul li .txt a span{
    display: inline-block;
    font-size: 1.8rem;
    transition: all .4s ease;
}
.aboutPage .con .list ul li .txt a:hover{
    background-color: #2c83dc;
}
.aboutPage .con .list ul li .txt a:hover span{
    transform: translateX(10px) rotate(45deg);
    -webkit-transform: translateX(10px) rotate(45deg);
    -moz-transform: translateX(10px) rotate(45deg);
    -ms-transform: translateX(10px) rotate(45deg);
    -o-transform: translateX(10px) rotate(45deg);
}
.aboutPage .tit{}
.aboutPage .tit:after{
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #2c83dc;
    border-bottom: 10px solid transparent;
    margin: 0 auto;
}
.aboutPage .tit h4{
    text-align: center;
    font-size: 2.6rem;
    margin-bottom: 0;
}
.aboutPage .tit p{
    margin-top: 0;
    font-size: 1.4rem;
    color: #999;
}
.aboutPage .info{
    margin-top: 2%;
    margin-bottom: 6%;
    padding-bottom: 4%;
    border-bottom: 1px dotted #ccc;
    overflow: hidden;
}
.aboutPage .info p{
    font-size: 1.6rem;
    line-height: 26px;
    text-align: left;
}
.aboutPage .info p:before{
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #2c83dc;
    margin-right: 6px;
    vertical-align: middle;
}
.aboutPage .info p span{
    font-size: 1.6rem;
    color: #2c83dc;
    font-weight: bold;
}
.aboutPage .info .img{
    margin-top: 3%;
}
.aboutPage .info .img img{max-width: 100%;}

.contactPage{
    margin-top: 4%;
}
.contactPage>h2{
    text-align: center;
}
.contactPage>p{
    text-align: center;
}
.contactPage .dt{
    position: relative;
    margin-top: 4%;
}
.contactPage .dt .info{
    position: absolute;
    top: 0;
    left: 0;
    width: 44%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 8%;
    color: #fff;
}
.contactPage .dt .info h3{font-size: 2.4rem;}
.contactPage .dt .info h3:after{
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    background-color: #fff;
    margin-top: 2%;
}
.contactPage .dt .info ul{
    margin-top: 4%;
}
.contactPage .dt .info ul li{
    font-size: 1.5rem;
    margin-bottom: 6px;
}
.contactPage .lx{
    margin-top: 6%;
    margin-bottom: 5%;
}
.contactPage .lx h3{
    text-align: center;
    font-size: 2.4rem;
    font-weight: bold;
}
.contactPage .lx p{
    text-align: center;
    font-size: 1.4rem;
    color: #666;
}
.contactPage .lx .lx-list{
    margin-top: 6%;
}
.contactPage .lx .lx-list ul{
    overflow: hidden;
}
.contactPage .lx .lx-list ul li{
    width: 25%;
    float: left;
    text-align: center;
    border-right: 1px dotted #ccc;
}
.contactPage .lx .lx-list ul li:last-child{
    border:none;
}
.contactPage .lx .lx-list ul li>div{
    width: 60px;
    text-align: center;
    height: 60px;
    margin: 0 auto;
    background-color: #2c83dc;
    border-radius: 50%;
}
.contactPage .lx .lx-list ul li i.fa{
    font-size: 3rem;
    color: #fff;
    margin-top: 23%;
}
.contactPage .lx .lx-list ul li h5{
    font-size: 1.5rem;
    color: #999;
    margin-top: 6%;
}
.contactPage .lx .lx-list ul li p{
    font-size: 1.5rem;
    color: #2c83dc;
    font-weight: bold;
}


.footer_sec_link{margin:5% 0 0 0;padding:1px 0 0;font-size:14px;color:#666;background: #353535;}
@media (max-width:500px){
    .footer_sec_link{display:none;}
}
.footer_sec_link a{color:#999;}
.footer_sec_link .cnt .link_title{float:left;display:none;}
.footer_sec_link .cnt .link_list{display:none;}
.footer_sec_link .cnt .link_list .link_item{display:inline-block;margin:5px 0;}
.footer_sec_link .cnt .link_list .link_split{display:inline-block;margin:0 8px;}
.footer_sec_navi{color:#fff;background:#222;}
.footer_sec_navi a{color:white;}
.footer_sec_navi .cnt{overflow:hidden;}
.footer_sec_navi .cnt .navi_sec_list{font-size:0;text-align:justify;margin: 2% 0 0 0;}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item .navi_sec_title{margin:20px 0 26px;font-size:20px;color:#fff;}
@media (max-width:920px){
    .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec{display:block;float:none;width:auto;margin:0 20px;overflow:hidden;}
}
@media (max-width:380px){
    .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec{margin:10px;}
}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow{position:relative;float:right;margin:9px 0 0;padding:0 0 0 33px;}
@media (max-width:380px){
    .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow{padding:0 0 0 20px;}
}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .border{position:absolute;top:0;bottom:0;left:0;border-left:1px solid gray;}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .border.border_1{border-left-color:#181818;}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .border.border_2{border-left-color:#363636;}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .follow_list{margin:10px 0;}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .follow_list .follow_item{position:relative;margin:17px 0;}
@media (max-width:920px) and (min-width:510px){
    .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .follow_list .follow_item{display:inline-block;margin:0 20px;}
}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .follow_list .follow_item .ico{display:inline-block;}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .follow_list .follow_item .ico.ico_qq{width:18px;height:20PX;background:url("../images/ico_qq.png");}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .follow_list .follow_item .ico.ico_wechat{width:23px;height:19PX;background:url("../images/ico_wechat.png");}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .follow_list .follow_item .barcode{display:none;position:absolute;bottom:0;right:30px;width: 100px;height: 100px;}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .follow_list .follow_item .barcode img{width: 100%;}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_follow .follow_list .follow_item:hover .barcode{display:block;}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_phone{margin:28px 0 8px;}
@media (max-width:920px){
    .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_phone{display:inline-block;vertical-align:middle;margin:0 20px 0 0;}
}
@media (max-width:380px){
    .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_phone{display:block;margin:0 70px 0 0;}
}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_phone .symbol{float:left;padding:8px;background:#fff;border-radius:3px;}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_phone .symbol .ico.ico_phone{display:inline-block;width:24px;height:24px;background:url("../images/ico_phone.png");}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_phone .intro{margin:0 0 0 50px;}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_phone .title{margin:0 0;color:#666;}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_phone .value{font-size:24px;}
@media (max-width:380px){
    .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_phone .value{font-size:18px;}
}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_option_list{margin:6px 0;font-size:14px;line-height:1.7;}
@media (max-width:920px){
    .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_option_list{display:inline-block;text-align:left;vertical-align:middle;}
}
@media (max-width:380px){
    .footer_sec_navi .cnt .navi_sec_list .navi_sec_item.contact_sec .contact_option_list{display:block;font-size:12px;}
}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item{display:inline-block;font-size:12px;vertical-align:top;}
@media (max-width:500px){
    .footer_sec_navi .cnt .navi_sec_list .navi_sec_item{display:none;}
}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item .navi_sec_option_list{margin:20px 0;}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item .navi_sec_option_list .navi_sec_option_item{margin:8px 0;}
.footer_sec_navi .cnt .navi_sec_list .navi_sec_item .navi_sec_option_list .navi_sec_option_item a{color:#aaa;font-size: 1.4rem;}
.footer_sec_navi .cnt .navi_sec_list .line_holder{display:inline-block;width:100%;}
.footer_sec_copy{padding:1px 0;color:#aaa;background:#222;text-align:center;}
.footer_sec_copy a{color:#aaa;}
.footer_sec_copy .cnt{border-top:1px solid #393939;}
.footer_sec_copy .cnt .copy_intro{margin:10px 0 10px 0;font-size:12px;}
.footer_sec_copy .support{display:inline-block;}

.subject{
    padding: 2% 0 1% 0;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}
.subject b{
    font-size: 22px;
    font-weight: normal;
    color: #2c83dc;
}
.subject #position{
    float: right;
    font-size: 14px;
    margin-top: 6px;
}
.subject #position a,.subject #position a:link{
    color: #333;
}
.subject #position a:hover{
    color: #2c83dc;
}

.proList{}
.proList .list{
    overflow: hidden;
    margin-top: 6%;
}
.proList .list li{
    width: 33.33%;
    float: left;
    text-align: center;
    border-bottom: 1px solid #ccc;
    position: relative;
    border-left: 1px solid #ccc;
}
.proList .list li:nth-child(3n+1){border-left-color: transparent;}
.proList .list li .img{
    width: 100%;
    overflow: hidden;
}
.proList .list li .img img{
    max-width: 100%;
    transition: transform 1.5s;
    -webkit-transition: transform 1.5s;
    -moz-transition: transform 1.5s;
    -o-transition: transform 1.5s;
}
.proList .list li .info{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(36,125,209,.8);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    filter:alpha(opacity=0); /* IE */
    -moz-opacity:0; /* 老版Mozilla */
    -khtml-opacity:0; /* 老版Safari */
    opacity: 0; /* 支持opacity的浏览器*/
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.proList .list li .info h3{
    font-size: 2rem;
}
.proList .list li .info p{
    width: 80%;
    font-size: 1.4rem;
    margin: 2% auto 0 auto;
    line-height: 20px;
}
.proList .list li:hover .info{
    filter:alpha(opacity=1); /* IE */
    -moz-opacity:1; /* 老版Mozilla */
    -khtml-opacity:1; /* 老版Safari */
    opacity: 1; /* 支持opacity的浏览器*/
}
.proList .list li:hover img{
    transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
}

.normalArticle{}
.normalArticle .detail{
    margin-top: 6%;
}
.normalArticle .detail .title{
    text-align: center;
    font-size: 2.8rem;
    font-weight: bold;
}
.normalArticle .detail .info{
    text-align: center;
}
.normalArticle .detail .con{
    margin-top: 4%;
}
.normalArticle .detail .con table{}
.normalArticle .detail .con table tr{
    border: 1px solid #fff;
}
.normalArticle .detail .con table tr:nth-child(2n+1){
    background-color: #2c83dc;
}
.normalArticle .detail .con table tr:nth-child(2n+2){
    background-color: #6da9e6;
}
.normalArticle .detail .con table tr td{
    border: 1px solid #fff;
}
.normalArticle .detail .con table tr td:nth-child(1){width: 200px;}
.normalArticle .detail .con table p{
    margin-top: 4px;
    margin-bottom: 4px;
}
.normalArticle .detail .con table p,.normalArticle .detail .con table span{
    color: #fff !important;
}
.normalArticle .detail .con p,.normalArticle .detail .con span{
}
.normalArticle .detail .con img{
    max-width: 70%;
    height: auto !important;
}

.newList{}
.newList .list{
    margin-top: 6%;
}
.newList .list li{position: relative;overflow: hidden;border-bottom: 1px solid #eee;padding-bottom: 4%;margin-top: 4%;}
.newList .list li a{}
.newList .list li .img{}
.newList .list li .img img{
    width: 100%;
}
.newList .list li .tit{}
.newList .list li .tit h3{}
.newList .list li .tit .date{
    font-size: 1.3rem;
    color: #999;
}
.newList .list li .tit .date i.fa{
    margin-right: 10px;
}
.newList .list li .tit .intro{
    width: 92%;
    font-size: 1.4rem;
    color: #666;
    margin-top: 4%;
}

.normal-pagination{
    padding: 2%;
    border-top: 1px dotted #ccc;
    margin-top: 4%;
}
.normal-pagination li{
    font-size: 1.4rem;
    color: #999;
    margin-bottom: 3px;
}
.normal-pagination i.fa{font-size: 1.6rem;}
.normal-pagination li a{color: #999;}
.normal-pagination li a:hover{color: #2c83dc;}

.newList .list .zl{margin-bottom:3%;}
.newList .list .zl img{border:2px solid #ccc;}

.zl_nav{
    margin-top: 4%;
    text-align: center;
}
.zl_nav>a{
    color: #2c83dc;
    margin: 0 2%;
    font-size: 1.6rem;
    border: 1px solid;
    padding: 0 8px;
}
.zl_nav>a:hover{background-color:#2c83dc;color:#fff;}