/*首页 begin*/
.banner{
    display: block;
    width: 100%;
    position: relative;
    /*margin-top: -78px;*/
    overflow-x: hidden;
}
.banner>img{
    min-width: 100%;
}
.news-banner>img{width: 100%}

.swiper-banner{
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}
.swiper-banner .swiper-slide{
    position: relative;
    box-sizing: border-box;
    max-width: 100%;
    overflow: hidden;
}
.swiper-banner .swiper-slide img{
    /*width: 100%;*/
    min-width: 100%;
    height: 100vh;
}

/*.swiper-banner .swiper-slide-active img{*/
/*    animation: scaleUpDown 4s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);*/
/*    -webkit-animation:scaleUpDown 4s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);*/
/*}*/

@keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.swiper-banner .swiper-slide .more{
    position: absolute;
    /*left: 200px;*/
    /*bottom: 214px;*/
    left:10.42%;
    bottom:20%;
    width: 140px;
    line-height: 50px;
    background-color: #fff;
    font-size: 20px;
    color: #61B034;
    text-align: center;
    transition-duration: .5s;
}
.swiper-banner .swiper-slide .more:hover{
    background-color:#173981;
    color: #fff;
}

.banner .swiper-pagination-go{
    position: absolute;
    left:10.42%;
    bottom:15.71%;
    z-index: 3;
}
.banner .swiper-pagination-xian {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 6px;
    background-color: rgba(0,0,0,.5);
    /*margin-left: 10px;*/
    margin-right: 10px;
    position: relative;
}
.banner .swiper-pagination-xian:last-of-type {
    margin-right: 0;
}

.banner .swiper-pagination-xianGo{
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: 100%;
    background-color: #fff;
    animation:swiper-go 4s linear 1 normal;
    -webkit-animation:swiper-go 4s linear 1 normal;
}

@keyframes swiper-go {
     0% {width: 0}
     100% {width:100%}
}
@-webkit-keyframes  swiper-go {
    0% {width: 0}
    100% {width: 100%}
}


.banner-go .swiper-pagination{
    position: absolute;
    left:10.42%;
    bottom:15.71%;
    z-index: 3;
}
.banner-go .swiper-pagination-bullet{
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 6px;
    background-color: rgba(0,0,0,.5);
    margin-left: 10px;
    border-radius: 0;
    opacity: 1;
    position: relative;
}

.banner-go .swiper-pagination-bullet-active{
    background-color: rgba(0,0,0,.5);
}
.banner-go .swiper-pagination-bullet-active:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #fff;
    animation:swiper-go 4s linear 1 normal;
    -webkit-animation:swiper-go 4s linear 1 normal;
}


.banner .swiper-button-prev,
.banner .swiper-button-next {
    display: flex;
    align-items: center;
    justify-content: center;
   width: 18px;
    height: 36px;
    background-image:none;
    outline: none;
}
.banner .swiper-button-prev{
    bottom:43.95%;
    top: auto;
    left:5.21%;
    right: auto;
}
.banner .swiper-button-next{
    top: auto;
    bottom:43.95%;
    right:5.21%;
    left: auto;
}

.swiper-banner-text{
    position: absolute;
    /*top: 226px;*/
    /*left: 200px;*/
    bottom: 30.15%;
    left:10.42%;
    width: 590px;
    height: 432px;
    background-color: rgba(0,0,0,.56);
}
.banner-text{
    width: 100%;
    box-sizing: border-box;
    /*padding: 40px 40px 75px;*/
    padding: 40px 30px 26px;
    position: relative;
}
.banner-text:before{
    content: '';
    position: absolute;
    top: 40px;
    left: 40px;
    width: 6px;
    height: 32px;
    background-color:#fff;
}
.banner-text:after{
    content: '';
    position: absolute;
    bottom: 40px;
    right: 40px;
    width:32px;
    height:14px;
    background-color:#fff;

    display: none;
}
.banner-h1{
    display: block;
    font-size: 80px;
    font-weight: bold;
    color: #fff;
    /*line-height:106px;*/
    line-height:130%;
    text-align: center;
}
.banner-h2{
    display: block;
    font-size: 34px;
    font-weight: bold;
    color: #fff;
    /*line-height: 66px;*/
    line-height:100%;
    margin-top: 10px;
}
.banner-h3{
    display: block;
    /*font-size:30px;*/
    font-size:23px;
    font-weight: bold;
    color: #fff;
    /*line-height:40px;*/
    line-height:120%;
    margin-top:10px;
}
.banner-h4{
    display: block;
    font-size:16px;
    color: rgba(255,255,255,.8);
    line-height:130%;
    margin-top:10px;
}

.p2{
    display: block;
    margin-top: 120px;
}
.p2-h1{
    display: block;
    text-align: center;
    font-size: 50px;
    color: #333;
    line-height: 66px;
}
.p2-h1>span:last-of-type{margin-left: 20px}
.p2-h2{
    /*display: block;*/
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #333;
    line-height: 40px;
    margin-top: 20px;

    display: none;
}

.p2-show{
    display: block;
    width: 100%;
    background: url("../image/bg1.png") no-repeat center;
    margin-top: 173px;
}

.p2-show-contain{
    width: 100%;
    max-width: 1495px;
    margin: 0 auto;
    padding-bottom: 192px;
    position: relative;
}
.p2-show-back{
    position: absolute;
    top:-60px;
    font-size: 340px;
    text-align: center;
    color:rgba(51,51,51,.03);
    white-space: nowrap;
    overflow:hidden;
    /*letter-spacing:13px;*/
}
.p2-show-sec{
    display: inline-block;
    vertical-align: top;
    /*width: 550px;*/
    width:33.33%;
    box-sizing: border-box;
    z-index: 3;
    position: relative;
}
.f-r{float: right}

.p2-show-sec.f-r{
    float: none;
}

.p2-show-t1{
    display: block;
    text-align:center;
    font-size: 37px;
    color: #333;
    line-height: 52px;
}
.p2-show-more{
    display: block;
    margin-top: 100px;
}
.more-yuan{
    display:flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1);
    transition-duration: .5s;
}
.more-yuan>img{
    transition-duration: .5s;
}
.more-yuan:hover{
    transform: scale(1.1);
}
.more-yuan:hover >img{
    transform:rotate(90deg);
}
.p2-show-t2{
    display: block;
    text-align: center;
    margin-top: 75px;
    font-size: 18px;
    color: #333;
    line-height: 24px;
}
.p2-show-t2.t3{
    margin-top:89px;
}
.p2-show-video{
    display: block;
    margin-top: 114px;
}
.video-yuan{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color:rgba(0, 80, 246, 1);
    position: relative;
}
.video-yuan>img{
    z-index: 3;
}
.video-yuan:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    /*width: 100px;*/
    /*height: 100px;*/
    transform: translate(-50%,-50%);
    border-radius: 100%;
    background-color: rgba(0, 80, 246, .1);
    z-index:2;
    /*opacity: 0;*/
    animation:outward 1.5s linear  infinite normal;
    -webkit-animation:outward  1.5s linear  infinite normal;
}
.video-yuan:after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    /*width: 100px;*/
    /*height: 100px;*/
    border-radius: 100%;
    background-color:rgba(210, 224, 250, 1);
    z-index: 1;
    /*opacity: 0;*/
    animation:outward2 1.5s linear  infinite normal;
    -webkit-animation:outward2  1.5s linear  infinite normal;
}
/*.video-yuan:hover::before{*/
/*    animation:outward 1s linear  infinite normal;*/
/*    -webkit-animation:outward  1s linear  infinite normal;*/
/*}*/
@keyframes outward {
    0% {width: 100px;height:100px;opacity: 1}
    100% {width: 52px;height:52px;opacity: 1}
}
@-webkit-keyframes outward {
    0% {width: 100px;height:100px;opacity: 1}
    100% {width: 52px;height:52px;opacity: 1}
}
/*.video-yuan:hover::after{*/
/*    animation:outward2 1s linear  infinite normal;*/
/*    -webkit-animation:outward2  1s linear  infinite normal;*/
/*}*/
@keyframes outward2 {
    0% {width: 100px;height:100px;opacity: 1}
    100% {width: 170px;height:170px;opacity: 1}
}
@-webkit-keyframes outward2 {
    0% {width: 100px;height:100px;opacity: 1}
    100% {width: 170px;height:170px;opacity: 1}
}

.p2-show-shu{
    /*position: absolute;*/
    /*top: -93px;*/
    /*left: 549px;*/
    display: inline-block;
    width: 33.33%;
    vertical-align: top;
    transform: translateY(-93px);
}
.shuye{
    display: block;
    position: relative;
    text-align: center;
}
.shuidi{
    position: absolute;
    left: 50%;
    /*bottom:-78px;*/
    /*top: 20%;*/
    transform: translate(-50%, 0);
    opacity: 0;
    animation:drop 3s linear 1s infinite normal;
    -webkit-animation:drop  3s linear 1s infinite normal;
    -moz-animation:drop  3s linear 1s infinite normal;
}
@keyframes drop
{
    0%   {opacity:0;top:99%;}
    25%  {opacity:.2;top:99%;}
    50%  {opacity:.3;top:99%;}
    75%  {opacity:.6;top:99%;}
    100% {opacity:1;top:110%;}
}
@-webkit-keyframes drop
{
    0%   {opacity:0;top:99%;}
    25%  {opacity:.2;top:99%;}
    50%  {opacity:.3;top:99%;}
    75%  {opacity:.6;top:99%;}
    100% {opacity:1;top:110%;}
}
@-moz-keyframes drop
{
    0%   {opacity:0;top:99%;}
    25%  {opacity:.2;top:99%;}
    50%  {opacity:.3;top:99%;}
    75%  {opacity:.6;top:99%;}
    100% {opacity:1;top:110%;}
}
.p3{
    display: block;
    margin-top: 120px;
}
.p3-show{
    display: block;
    margin-top: 80px;
    margin-bottom: 120px;
}
.contain-box{
    width: 100%;
    max-width: 1560px;
    box-sizing: border-box;
    padding: 0 20px;
    margin: 0 auto;
}
.p3-show-left{
    display: inline-block;
    vertical-align: top;
    padding: 45px 0 45px 142px;
    position: relative;
    background-color: rgba(23, 57, 129, 1);
    cursor: pointer;
}

.numAdd{
    animation:numAdd  1s linear 1 normal;
    -webkit-animation:numAdd  1s linear 1 normal;
}
.numAdd-regain{
    animation:numAdd2  1s linear 1 normal;
    -webkit-animation:numAdd2  1s linear 1 normal;
}
@keyframes numAdd {
     0%{ background-color: rgba(23, 57, 129, 1);}
     50%{background-color: #F8FBFF}
    100%{background-color: rgba(23, 57, 129, 1);}
}
@-webkit-keyframes numAdd {
    0%{ background-color: rgba(23, 57, 129, 1);}
    50%{background-color: #F8FBFF}
    100%{background-color: rgba(23, 57, 129, 1);}
}
@keyframes numAdd2 {
    0%{ background-color: rgba(23, 57, 129, 1);}
    50%{background-color: #F8FBFF}
    100%{background-color: rgba(23, 57, 129, 1);}
}
@-webkit-keyframes numAdd2 {
    0%{ background-color: rgba(23, 57, 129, 1);}
    50%{background-color: #F8FBFF}
    100%{background-color: rgba(23, 57, 129, 1);}
}
.num{
    position: absolute;
    top: 30px;
    left: 30px;
    font-size: 34px;
    font-weight: bold;
    color: #fff;
}
.banyuan{
    display: flex;
    align-items: center;
    justify-content:flex-end;
    width: 256px;
    height: 512px;
    border-radius: 256px 0 0 256px;
    border:4px solid #fff;
    border-right: none;

    font-size: 200px;
    font-weight: bold;
    color: #fff;
}

.p3-show-right{
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 402px);
    box-sizing: border-box;
    padding-left: 100px;
}
.p3-show-top{
    display: block;
    width: 100%;
}
.swiper-p3-top{
    display: block;
    width: 100%;
}
.p3-top-content1{
    display: inline-block;
    vertical-align: top;
}
.p3-top-t1{
    font-size: 40px;
    font-weight: bold;
    color: #333;
    line-height: 125%;
}
.p3-top-t2{
    font-size: 30px;
    font-weight: bold;
    color: #333;
    line-height:40px;
    margin-top: 20px;
}
.p3-top-content2{
    /*width: 494px;*/
    display: inline-block;
    vertical-align: top;
    width:54%;
    height: 234px;
    background-color:#F8FBFF;
    position: relative;
}
.p3-top-t3{
    /*position: absolute;*/
    /*top: 41px;*/
    /*right: 210px;*/
    /*width: 456px;*/
    display: block;
    transform: translate(-12%,41px);
    font-size: 18px;
    color: #333;
    line-height: 150%;
}

.p3-show-bottom{
    display: block;
    margin-top:42px;
}
.p3-secShow-list{
    display: inline-block;
    vertical-align: bottom;
    position: relative;
}
.p3-secShow{
    /*display:inline-block;*/
    /*vertical-align:bottom;*/
    /*display: none;*/
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 0;
    transition-duration:.8s ;
}
.p3-secShow.show{
    opacity: 1;
    z-index: 1;
}
.p3-secShow-visible{
    display: block;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}
.p3-show-sec{
    display: inline-block;
    vertical-align:bottom;
    width: 242px;
    height: 334px;
    position: relative;
     margin-right: 30px;
}
.p3-show-sec:hover .p3-hoverShow{
    opacity: 1;
}
.p3-show-sec:last-of-type{
   margin-right: 0;
}

.p3-show-sec>img{
    width: 100%;
}
.p3-hoverShow{
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.5);
   box-sizing: border-box;
    padding: 20px 20px 0;

    /*font-size: 14px;*/
    font-size: 18px;
    color:rgba(255,255,255,.8);
    line-height: 150%;

    opacity: 0;
    transition-duration: .5s;
}


.p3-button-box{
    display: inline-block;
    vertical-align: bottom;
    width: 206px;
    height: 54px;
    background-color: rgba(23, 57, 129, .5);
    position: relative;
    box-sizing: border-box;
    padding:0 38px;
}

.p3-button{
    display: inline-block;
    vertical-align: middle;
    width:12px;
    height:24px;
    margin-top: 15px;
    cursor: pointer;
    position: relative;
    z-index: 4;
    outline: none;
}
.p3-button-progress{
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color:rgba(23, 57, 129, 1) ;
    animation:progress 4s linear  infinite normal;
    -webkit-animation:progress  4s linear  infinite normal;
}
.p3-button-progress.ac{
    animation:progress-restart 4s linear  infinite normal;
    -webkit-animation:progress-restart   4s linear  infinite normal;
}
.p3-button-box .p3-button-progress{
    animation:progress 6s linear  infinite normal;
    -webkit-animation:progress  6s linear  infinite normal;
    -moz-animation:progress  6s linear  infinite normal;
}
.p3-button-box .p3-button-progress.ac{
    animation:progress-restart 6s linear  infinite normal;
    -webkit-animation:progress-restart   6s linear  infinite normal;
    -moz-animation:progress-restart   6s linear  infinite normal;
}
@keyframes progress{
    0%{width: 0}
    100%{width: 100%}
}
@-webkit-keyframes  progress{
    0%{width: 0}
    100%{width: 100%}
}
@-moz-keyframes  progress{
    0%{width: 0}
    100%{width: 100%}
}
@keyframes progress-restart{
    0%{width: 0}
    100%{width: 100%}
}
@-webkit-keyframes progress-restart{
    0%{width: 0}
    100%{width: 100%}
}
@-moz-keyframes progress-restart{
    0%{width: 0}
    100%{width: 100%}
}
/*首页index end*/

/*************about begin***************/
.banner-tips{
    position: absolute;
    top: 218px;
    right:19.74%;
    /*width: 398px;*/
    /*height: 302px;*/
    /*padding-right: 44px;*/
    /*padding-bottom: 106px;*/
}

.banner-tips:before{
    display: none;
    content: '';
    position: absolute;
    top:0;
    right: 0;
    width: 6px;
    height: 32px;
    background-color: #fff;
}
.banner-tips:after{
    display: none;
    content: '';
    position: absolute;
    bottom:0;
    /*left: 0;*/
    right: 360px;
    width:32px;
    height:14px;
    background-color: #fff;
}
.banner-title{
    display: block;
    font-size: 80px;
    color: #fff;
    line-height: 125%;
    text-align: right;
}
.banner-nav{
    display: none;

    position: absolute;
    bottom:0;
    right: 0;
    /*width: 240px;*/
    width:auto;
    /*line-height: 76px;*/
    line-height:100%;
    box-sizing: border-box;
    /*border: 1px solid #fff;*/
    font-size: 30px;
    color: #fff;
    text-align: center;
}
/*.banner-nav:hover{*/
/*    color: rgba(23, 57, 129, 1);*/
/*    border-color: rgba(23, 57, 129, 1) ;*/
/*}*/


.ab-jieshao{
    display: block;
    margin-top: 120px;
    position: relative;
}
.ab-jieshao:before{
    position: absolute;
    top: 27px;
    right: 0;
    content: '';
    width: 2px;
    height:70px;
    background-color: #333;
}
.ab-jieshao-left{
    display:block;
    background: url("../image/jt-yezi.png") no-repeat left center;
    background-size: auto 100%;
}
.ab-jieshao-t1{
    display: block;
    font-size: 50px;
    font-weight: lighter;
    color: #333;
    line-height: 150%;
}
.ab-jieshao-t2{
    display: block;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    color: #333;
    margin-top: 70px;
}
.ab-jieshao-t3{
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #54AC1C;
    line-height: 24px;
    margin-top: 40px;

    max-width: 579px;
}
.ab-jieshao-text{
    display: block;
    max-width: 579px;
    font-size:18px ;
    color: #333;
    margin-top: 20px;
    line-height: 133%;
}
.ab-jieshao-right{
    position: absolute;
    bottom: 13px;
    right: 0;
    width:49%;
    max-width: 760px;
}
.ab-wenhua{
    display: block;
    margin-top: 120px;
    position: relative;
    overflow: hidden;
}
.ab-wenhua-img{
    display: block;
    width: 100%;
}
.ab-wenhua-img>img{
    min-width: 100%;
    height: 100%;
}
.ab-wenhua-contentShow{
    position: absolute;
    top: 0;
    right: 0;
    width:50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /*z-index: 3;*/
    z-index:11;
}
.ab-wenhua-contentBox{

}
.ab-wenhua-t1{
    display: block;
    text-align: center;
    font-size: 40px;
    font-weight: lighter;
    color: #fff;
    line-height: 140%;
}
.ab-wenhua-t2{
    display: block;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    line-height: 40px;
    margin-top: 20px;
}
.ab-wenhua-t3{
    display: block;
    width: 90%;
    max-width:620px;
    margin:20px auto 0;
    text-align: center;
    font-size: 16px;
    font-weight: lighter;
    color:rgba(255,255,255,.8);
    line-height: 150%;
}

.ab-wenhua-zhezhao{
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
    background-color: rgba(23, 57, 129,.9);
}

.ab-wenhua-secShow{
    position: absolute;
    top: 0;
    left:10.42%;
    height: 100%;
    z-index: 4;
}
.ab-wenhua-sec{
    display: inline-block;
    vertical-align: middle;
    width: 190px;
    /*height: 520px;*/
    height: 100%;
    overflow: hidden;
    opacity: 0.5;
    cursor: pointer;
    position: relative;
    transition-duration: .5s;
}
.ab-wenhua-sec:hover{
    width: 570px;
    opacity: 1;
}
.ab-wenhua-sec:hover >img{
    /*width: 100%;*/
}
.ab-wenhua-sec:hover .ab-wenhua-tip{
    opacity: 1;
}
.ab-wenhua-sec>img{
    /*height: 100%;*/
    /*transition-duration: .5s;*/
}
.ab-wenhua-sec:nth-of-type(1){
    animation-delay: .8s;
}
.ab-wenhua-sec:nth-of-type(2){
    animation-delay: .6s;
}
.ab-wenhua-sec:nth-of-type(3){
    animation-delay: .4s;
}
.ab-wenhua-sec:nth-of-type(4){
    animation-delay: .2s;
}
.ab-wenhua-tip{
    position: absolute;
    top: 27px;
    right: 60px;
    opacity: 0;
    transition-duration:.5s;
}

.ab-wenhua-text{
    font-size: 30px;
    color: #fff;
    /*width: 30px;*/
    width: auto;
    line-height: 133%;
    position: relative;
}
.ab-wenhua-text:before{
    position: absolute;
    top: 8px;
    right:-20px;
    content: '';
    width: 2px;
    height: 65px;
    background-color: #fff;

    display: none;
}

.ab-licheng{
    display: block;
    padding-top: 120px;
    padding-bottom: 120px;
    background-color: rgba(248, 251, 255, 1);
}
.ab-licheng-box{
    height: 646px;
}
.ab-lc-left{
    display: inline-block;
    vertical-align: middle;
    width: 506px;
    /*height: 646px;*/
    height: 100%;
    background-color: rgba(23, 57, 129, 1);
    box-sizing: border-box;
    padding-top: 80px;
    padding-left: 60px;
    position: relative;
}
.ab-lc-t1{
    display: block;
    font-size: 50px;
    font-weight: lighter;
    color: #fff;
    line-height:150%;
}
.ab-lc-t2{
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    line-height: 40px;
    margin-top:40px ;
}
.ab-lc-img{
    position: absolute;
    bottom: 0;
    right: 0;
}
.ab-lc-middle{
    display: inline-block;
    vertical-align: middle;
    width: 600px;
    margin-left:120px;
}
.ab-lc-year{
    display: block;
    font-size: 200px;
    font-weight: bold;
    color: #333;
    line-height: 264px;
}
.ab-lc-yearShow{
    display: block;
    margin-top: 40px;
}
.ab-lc-yearShow p{
    display: block;
    margin-top: 10px;
    font-size: 24px;
    color: #333;
    line-height: 31px;
}
.ab-lc-progress{
    width: 220px;
    height: 4px;
    background-color: rgba(23, 57, 129,.5);
    margin-top: 65px;
    position: relative;
}
.ab-lc-progressGo{
    position: absolute;
    width:0;
    height: 100%;
    background-color:rgba(23, 57, 129, 1) ;
}
.ab-lc-progressGo.ac{
    animation: lcGo 4s linear  1 normal;
    -webkit-animation: lcGo 4s linear  1 normal;
}
@keyframes lcGo {
        0% {width: 0}
        100% {width:100%}
}
@-webkit-keyframes lcGo {
    0% {width: 0}
    100% {width:100%}
}

.ab-lc-right{
    display:inline-block;
    vertical-align: middle;
     height: 100%;
}
.ab-lc-box{
    height: 100%;
    display: flex;
    align-items: center;
}
.lc-ul{
    padding: 0 10px;
    border-right:3px solid #E5EDFF;
}
.lc-ul li{
    font-size: 20px;
    color: #C7C7C7;
    line-height: 26px;
    margin-top: 32px;
    text-align: right;
    cursor: pointer;
    transition-duration: .5s;
}
.lc-ul li:first-of-type{
    margin-top: 0;
}
.lc-ul li.active{
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    width: 124px;
    line-height: 60px;
    text-align: center;
    background-color: #173981;
    border-radius: 30px  0  0  30px;

}

.ab-zixun{
    display: block;
    margin-top: 120px;
    margin-bottom: 120px;
}
.po-re{
    position: relative;
}
.ab-zixun-left{
    display: inline-block;
    vertical-align: middle;
    margin-top:206px;
}
.ab-zixun-left-box{
    display: inline-block;
    height: 262px;
    background-color: #173981;
}
.ab-zixun-img{
    display: inline-block;
    vertical-align: bottom;
    width: 368px;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.ab-zixun-img>img{
    width: 100%;
    max-height: 100%;
    transition-duration: .5s;
}
.ab-zixun-img:hover >img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.ab-zixun-zhezhao{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ab-zixun-tip{
     /*padding: 15px 50px;*/
    font-size: 50px;
    color: #fff;
    /*width: 100px;*/
    width: auto;
    line-height: 66px;
    position: relative;
}
.ab-zixun-tip:before{
    display: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height:30px;
    background-color: transparent;
    border-left: 4px solid #fff;
    border-top:4px solid #fff;
}
.ab-zixun-tip:after{
    display: none;
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    height:30px;
    background-color: transparent;
    border-right: 4px solid #fff;
    border-bottom:4px solid #fff;
}
.ab-zixun-xuhao{
    display: inline-block;
    vertical-align: bottom;
    width: 232px;
    height: 100%;
    box-sizing: border-box;
    padding-top: 52px;
    padding-bottom: 51px;
    border-left: 1px solid #fff;
}
.ab-zixun-num{
    display: block;
    text-align:center;
    font-size: 90px;
    font-weight: bold;
    color: #fff;
    line-height: 119px;
}

.ab-zixun-time{
    display: block;
    text-align:center;
    font-size: 30px;
    color: #fff;
    line-height: 40px;
}

.ab-zixun-right{
    position: absolute;
    bottom: 0;
    right:20px;
}
.ab-zixun-right-box{
    max-width: 800px;
    text-align: right;
    background: url("../image/xw-shuidi.png") no-repeat right center;
    background-size: auto 100%;
}
.ab-zixun-h1{
    display: block;
    font-size: 50px;
    font-weight: bold;
    color: #173981;
    line-height: 66px;
}
.ab-zixun-h2{
    display: block;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    color: #333;
    margin-top: 60px;
}
.ab-zixun-h3{
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #C7C7C7;
    margin-top: 40px;
}
.ab-zixun-h4{
    display: block;
    font-size: 40px;
    line-height: 52px;
    color: #333;
    margin-top: 40px;
}
.ab-zixun-xq{
    display: block;
    margin-top: 70px;
}
.moreGo{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 24px;
    color: #173981;
}
.moreGo>img{
    display:inline-block;
    margin-right: 6px;
    transition-duration: .5s;
}
.moreGo:hover >img{
    transform: translateX(130px);
}

.ab-zixun-bottom{
    display: block;
    padding: 90px 0 20px;
}
.ab-zixun-btn{
    position: absolute;
    bottom: 0;
    right: 0;
}
.btn-box{
    display:inline-block;
    vertical-align: middle;
}
.btn{
    display: inline-block;
    vertical-align: middle;
    width: 88px;
    height: 54px;
    background-color: rgba(23, 57, 129, .5);
    text-align: center;
    cursor: pointer;
    transition-duration: .5s;
    outline: none;
}
.btn:hover{
    background-color: rgba(23, 57, 129, 1);
}
.btn-prev{

    margin-right: 30px;
}
.btn img{
    margin-top: 15px;
}

.ab-zixun-xinwenShow{
    display: block;
    border-top: 1px solid #C7C7C7;
}

.ab-zixun-xinwenSec{
    display: block;
    padding: 40px 0;
    border-bottom: 1px solid #C7C7C7;
}
.ab-zixun-xinwenSec:hover .ab-xiwenXuhao{
    background-color: #173981;
    border-color: transparent;
}
.ab-zixun-xinwenSec:hover .ab-xiwenXuhao-num{
    color: #fff;
}
.ab-zixun-xinwenSec:hover .ab-xiwenXuhao-time{
    color: #fff;
}
.ab-zixun-xinwenSec:hover .ab-xiwenContent-h{
    color:#173981 ;
}
.ab-zixun-xinwenSec:nth-of-type(1){
    animation-delay: .2s;
}
.ab-zixun-xinwenSec:nth-of-type(2){
    animation-delay: .4s;
}
.ab-zixun-xinwenSec:nth-of-type(3){
    animation-delay: .6s;
}
.ab-zixun-xinwenSec:nth-of-type(4){
    animation-delay: .8s;
}
.ab-zixun-xinwenSec:nth-of-type(5){
    animation-delay: 1s;
}
.ab-zixun-xinwenSec:nth-of-type(6){
    animation-delay: 1.2s;
}

.ab-zixun-xinwenLeft{
    display: block;
    padding-left: 20px;
}
.ab-xiwenXuhao{
    display: inline-block;
    vertical-align: middle;
    width: 90px;
    height: 90px;
    background-color: #fff;
    border: 1px solid #C7C7C7;
    box-sizing: border-box;
    padding: 7px 0;
    transition-duration: .5s;
}
.ab-xiwenXuhao-num{
    display: block;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    color: #C7C7C7;
    line-height: 52px;
    transition-duration: .5s;
}
.ab-xiwenXuhao-time{
    display: block;
    text-align: center;
    font-size: 18px;
    color: #C7C7C7;
    line-height: 24px;
    transition-duration: .5s;
}
.ab-xiwenContent{
    display: inline-block;
    vertical-align: middle;
    /*margin-left: 20px;*/
    max-width: 650px;
    width: calc(100% - 90px);
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
}
.ab-xiwenContent-h{
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 26px;
    line-height: 40px;
    color: #333;
    transition-duration: .5s;
}
.ab-xiwenContent-t{
    font-size: 18px;
    line-height: 24px;
    color: #C7C7C7;
    margin-top: 10px;
}
.ab-zixun-xinwenMore{
    position: absolute;
    bottom:40px;
    /*right: 0;*/
    right:20px;
}
/*************about end***************/

/***************about-more begin*******************/
.xwzx-banner-zhezhao{
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.xwzx-banner-title{
    font-size: 80px;
    font-weight: bold;
    color: rgba(0,0,0,.5);
    line-height: 106px;
}
.xwzx-banner-nav{
    /*display:block;*/
    margin:20px auto 0;
    text-align: center;
    /*width: 240px;*/
    width: auto;
    font-size: 30px;
    color: #fff;
    line-height: 60px;
    /*border: 2px solid #fff;*/
    transition-duration: .5s;

    display: none;
}
/*.xwzx-banner-nav:hover{*/
/*    border-color:#173981;*/
/*    color:#173981 ;*/
/*}*/
.ab-zixun-left.xwzx{
    margin-top:0;
}
.ab-zixun-right-box.xwzx{
    text-align: left;
    background-position:left center ;
}
.xwzx-xinwenShow{
    display: block;
    margin-top: 120px;
}

.xwzx-yema{
    margin-top: 80px;
}
.yema{
    display: block;
}
.yema-box{
    margin: 0 auto;
    text-align: center;
}
.yema-btn{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 24px;
    color: #C7C7C7;
    cursor: pointer;
    transition-duration: .5s;
    margin-right: 30px;
}
.yema-btn:hover{
    color: #173981;
}
.yema-btn>a.active{
    color: #173981;
}
.yema-btn.page-next{
    /*margin-left: 100px;*/
}
.yema-btn.page-next a{
    /*margin-left: 100px;*/
    color: #C7C7C7 !important;
}
.yema-btn.page-next:hover a{
    color: #173981 !important;
}
.yema-btn:last-of-type{
   margin-right: 0;
}

/***************about-more end*******************/

/***************about-xq begin*******************/

.ab-xq-show{
    display: block;

}
.ab-xq-headline{
    display: block;
    text-align: center;
    font-size: 36px;
    color: #173981;
    line-height: 47px;
    margin-top: 100px;
    margin-bottom: 100px;
}

.ab-xq-textShow{
    display: block;
    border-top: 1px solid #C7C7C7;
    border-bottom:1px solid #C7C7C7;
    padding-top: 50px;
    padding-bottom: 100px;
}
.ab-xq-top{
    display: block;
    margin-bottom: 50px;
}
.ab-xq-time{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #999;
    line-height: 21px;
}
.xq-shares{
    display: inline-block;
    vertical-align: middle;
    
    display: none;
}
.share{
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}
.share:first-of-type{
    margin-left: 0;
}
.share>img.ac{
    display: none;
}
.share:hover >img{
    display:none;
}
.share:hover >img.ac{
    display:inline;
}
.ab-xq-content p{
    font-size: 18px;
    color: #333;
    line-height: 30px;
    /*text-indent: 2em;*/
}
.ab-xq-content p img{
    max-width: 100%;
}

.ab-xq-bottom{
    display: block;
    margin-top: 60px;
    margin-bottom: 120px;
    position: relative;
}
.ab-xq-fanhui{
    display: block;
    text-align: center;
    font-size: 16px;
    color: #333;
    line-height: 21px;
    transition-duration: .5s;
}
.ab-xq-fanhui:hover{
    color:#173981 ;
}
.xq-next{
    position: absolute;
    top: 0;
    right:0;
    font-size: 16px;
    color: #333;
    line-height: 21px;
    transition-duration: .5s;
}
.xq-next:hover{
    color:#173981 ;
}
.xq-next-title{
    display: inline-block;
    vertical-align: middle;
    width: 350px;
}
.jiantou{
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}
/***************about-xq end*******************/

/******************business  begin*************/
.yw-secShow{
    display: block;
    margin-top: 60px;
}
.yw-sec{
    display: block;
    padding-top:60px;
    padding-bottom: 60px;
    position: relative;
}
.yw-sec.sec-right{
    background-color: #F8FBFF;
}
.yw-sec:last-of-type{
    padding-bottom:180px;
}
.contain-box.sec-left:before{
    position: absolute;
    top: 0;
    right:20px;
    content: '';
    width: 2px;
    height: 80px;
    background-color: #333;
}
.contain-box.sec-left:after{
    position: absolute;
    bottom: 0;
    left:20px;
    content: '';
    width:78px;
    height:12px;
    background-color: #333;
}
.contain-box.sec-right:before{
    position: absolute;
    top:96px;
    left: 20px;
    content: '';
    width: 2px;
    height: 80px;
    background-color: #333;
}
.contain-box.sec-right:after{
    position: absolute;
    bottom: 0;
    right:20px;
    content: '';
    width:78px;
    height:12px;
    background-color: #333;
}
.yw-sec-content{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    height: 496px;
    box-sizing: border-box;
}
.yw-sec-content.t-l{
    padding-right: 184px;
}
.yw-sec-content.t-r{
    padding-left: 184px;
}
.t-l{
    text-align: left;
}
.t-r{
    text-align:right;
}
.yw-sec-h1{
    display: block;
    font-size: 70px;
    font-weight: lighter;
    color: #333;
    line-height: 87px;
}
.yw-sec-h2{
    /*display: block;*/
    font-size: 30px;
    font-weight: bold;
    color: #173981;
    line-height: 40px;
    margin-top: 40px;

    display: none;
}
.yw-sec-text{
    display: block;
    margin-top: 30px;
    font-size: 20px;
    color: #333;
    line-height: 34px;

}
.yw-sec-img{
    display: inline-block;
    vertical-align: bottom;
    width: 50%;
    box-sizing: border-box;
    position: relative;
}
.yw-sec-img>img{
    width: 100%;
}
.yw-sec-more{
    position: absolute;
    bottom: 20px;
}
.sec-left .yw-sec-more{
    left:-114px;
    right:auto ;
}
.sec-right .yw-sec-more{
    left: auto;
    right: -114px;
}
.yw-sec-more-box{
    display: block;
    width: 140px;
    line-height: 50px;
    background-color: #173981;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

/******************business  end*************/

/************business-xyl begin*******************/
.xyl-pro{
    display: block;
    margin-top: 120px;
    margin-bottom: 120px;
    height: 760px;

}
.xyl-left{
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 10px);
    height: 100%;
    position: relative;
}
.xyl-left:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 78px;
    height: 12px;
    background-color: #333;
}
.xyl-left-zhezhao{
    position: absolute;
    top: 0;
    right: 0;
    width: 90%;
    max-width: 510px;
    height: 100%;
    background-color: #F8FBFF;
}
.xyl-left-content{
    display: block;
    width: 100%;
    max-width: 450px;
    z-index: 3;
    position: relative;
}
.text-h1{
    display: block;
    font-size: 50px;
    color: #333;
    line-height: 66px;
}
.text-h2{
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #4FA21F;
    margin-top: 30px;
    line-height: 155%;
}
.text-p{
    display: block;
    margin-top: 20px;
    font-size: 18px;
    font-weight: lighter;
    color: #333;
    line-height: 174%;
}
.xyl-pro-btn{
    display: block;
    margin-top: 40px;
    width: 248px;
    line-height: 56px;
    box-sizing: border-box;
    border: 1px solid #666;
    text-align: center;
    font-size: 20px;
    color: #333;
    transition-duration: .5s;
}
.xyl-pro-btn:hover{
    background-color: #173981;
    color: #fff;
}
.xyl-left-img {
    position: absolute;
    bottom: 0;
    right: 136px;
}
.xyl-left-img-box{
    display: block;
    width: 414px;
    height: 278px;
    overflow: hidden;
    position: relative;
}
.xyl-left-img-box:hover >img{
   transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.xyl-left-img-box:hover .xyl-hoverShow{
  opacity: 1;
}
.xyl-left-img-box>img{
    width: 100%;
    transition-duration: .5s;
}
.xyl-hoverShow{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition-duration: .8s;
}
.xyl-hover-t1{
    display: block;
    text-align: center;
    font-size: 40px;
    color: #fff;
    line-height: 52px;
}
.xyl-hover-t2{
    display: block;
    text-align: center;
    font-size: 30px;
    color: #fff;
    line-height: 40px;
    margin-top: 10px;
}
.xyl-hover-xian{
    display: block;
    width: 40px;
    height: 2px;
    background-color: #fff;
    margin:24px auto 0;
}

.xyl-pro-right{
    display: inline-block;
    vertical-align: middle;
    width: calc(50% + 10px);
    height: 100%;
    box-sizing: border-box;
    padding-left: 20px;
}
.xyl-right-top{
    display: block;
    width: 100%;
}
.xyl-right-top .xyl-right-sec{
    display: inline-block;
    vertical-align: middle;
    width:50%;
    height: 380px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

.xyl-right-top .xyl-right-sec:nth-of-type(1){
   padding-right: 15px;
}
.xyl-right-top .xyl-right-sec:nth-of-type(2){
    padding-left: 15px;
}

.xyl-right-bottom{
    display: block;
    margin-top: 30px;
}
.xyl-right-bottom .xyl-right-sec{
    display: block;
    width: 100%;
    height: 350px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

.xyl-right-sec>img{
    width: 100%;
    transition-duration: .5s;
}
.xyl-right-sec:hover >img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.xyl-right-sec:hover .xyl-hoverShow{
    opacity: 1;
}

.xyl-pz{
    display: block;
    background-image: url("../image/xyl-pz-back.png") ;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding-bottom: 420px;
}


.xyl-pz-show{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding:80px 120px 120px;
    background-color: #F8FBFF;
}
.xyl-pz-secShow{
    display: block;
    margin-top: 80px;
}
.xyl-pz-sec{
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    box-sizing: border-box;
    padding: 40px 0;
    text-align: center;
    border-left: 1px solid #C7C7C7;
}
.xyl-pz-sec:last-of-type{
    border-right:1px solid #C7C7C7;
}

.xyl-pz-sec:hover p{
    color: #173981;
}
.xyl-pz-sec:hover >img{
   display: none;
}
.xyl-pz-sec:hover >img.ac{
    display:inline
}
.xyl-pz-sec>img.ac{
    display: none;
}
.xyl-pz-sec p{
    display: block;
    font-size: 20px;
    color: #999;
    line-height: 26px;
    margin-top: 20px;
    transition-duration: .5s;
}


.xyl-ly{
    display: block;
    margin-top: 120px;
}
.xyl-ly-ht{
    display: block;
    width: 100%;
    max-width: 1200px;
    box-sizing: border-box;
    padding: 0 20px;
    text-align: center;
    font-size: 18px;
    font-weight: lighter;
    color: #333;
    line-height: 30px;
    margin: 60px auto 0;
}
.xyl-ly-secShow{
    display: block;
    width: 100%;
    margin-top:90px;
    margin-bottom: 120px;
}
.xyl-ly-sec{
    display: block;
    margin-top: 80px;
    width: 100%;
    height: 300px;
}
.xyl-ly-sec:nth-of-type(1){
    animation-delay: .6s;
}
.xyl-ly-sec:nth-of-type(2){
    animation-delay: 1s;
}
.xyl-ly-sec:nth-of-type(3){
    animation-delay: 1.2s;
}
.xyl-ly-sec:nth-of-type(4){
    animation-delay: 1.6s;
}
.xyl-ly-left{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    height: 100%;
    box-sizing: border-box;
    background-color:#F8FBFF;
}
.xyl-ly-sec:nth-of-type(odd) .xyl-ly-left{
    padding-left: 200px;
}
.xyl-ly-sec:nth-of-type(even) .xyl-ly-left{
    padding-right: 200px;
}

.xyl-ly-img{
     display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.xyl-ly-img:hover >img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.xyl-ly-img>img{
    width: 100%;
    height: 100%;
    transition-duration: .5s;
}
.xyl-ly-content{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    height: 100%;
    box-sizing: border-box;
}
.xyl-ly-sec:nth-of-type(odd) .xyl-ly-content{
    padding-right: 200px;
}
.xyl-ly-sec:nth-of-type(even) .xyl-ly-content{
    padding-left: 200px;
}
.xly-ly-contentBox{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}
.xyl-ly-contentShow{
    display: block;
    width: 100%;
    max-width: 552px;
}
.xyl-ly-t1{
    display: block;
    text-align: center;
    font-size: 20px;
    color: #333;
    line-height: 26px;
}
.xyl-ly-t2{
    display: block;
    text-align: center;
    font-size:30px;
    color: #173981;
    line-height: 40px;
    margin-top: 10px;
}
.xyl-ly-xian{
    display: block;
    width: 20px;
    height: 1px;
    background-color:#333;
    margin:10px auto 0;
}
.xyl-ly-t3{
    display: block;
    text-align: center;
    font-size: 20px;
    color: #333;
    line-height: 38px;
    margin-top: 40px;
}

.xyl-hz{
    display: block;
    padding-top: 80px;
    padding-bottom: 120px;
    background-color: #F8FBFF;
}
.xyl-hz-secShow{
    display: block;
    width: 100%;
    margin-top: 80px;
    background-color: #fff;
}
.xyl-hz-sec{
    display: inline-block;
    vertical-align: middle;
    width: 33.333%;
    height: 300px;
}
.xyl-hz-sec:hover img{
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
}
.xyl-hz-secBox{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height:100%;
    overflow: hidden;
}
.xyl-hz-secBox>img{
    max-width: 100%;
    transition-duration: .5s;
}
.xly-hz-btn{
    display: block;
    margin: 80px auto 0;
    width: 160px;
    line-height: 40px;
    box-sizing: border-box;
    border: 1px solid #333;
    font-size: 16px;
    color: #333;
    text-align: center;
    transition-duration: .5s;
}
.xly-hz-btn:hover{
    background-color: #173981;
    color: #fff;
}
/************business-xyl end*******************/

/************business-ml begin*****************/

.cp-show{
    display: block;
    margin-top: 120px;
    margin-bottom: 120px;
}
.cp-show-left{
    display: inline-block;
    vertical-align: top;
    width: 310px;
    /*height: 400px;*/
    padding-bottom: 60px;
    background-color: #F8FBFF;
}
.cp-show-left li{
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 60px;
    text-align: center;
}
.cp-show-left li:not(li:first-child):hover{
    color: #fff;
    background-color:#173981;
}
.cp-show-left li.active{
    color: #fff;
    background-color:#173981;
}
.cp-show-right{
    display:inline-block;
    vertical-align: top;
    width:75%;
    box-sizing: border-box;
    /*margin-left: 80px;*/
}
.cp-secShow{
    display: none;
}
.cp-secShow:first-child{
    display: block;
}
.cp-show-sec{
    display: block;
    width: 100%;
    line-height:60px;
    box-sizing: border-box;
}
.cp-show-sec:nth-of-type(odd){
    background-color:#F8FBFF;
}
.cp-show-sec:nth-of-type(even){
    background-color:#FFFFFF;
}
.cp-cell{
    display: inline-block;
    vertical-align: middle;
    /*width: 33.333%;*/
    font-size: 16px;
    color: #333;
    text-align: center;
}
.cp-cell:nth-of-type(1){
    width: 25%;
}
.cp-cell:nth-of-type(2){
    width: 50%;
}
.cp-cell:nth-of-type(3){
    width: 25%;
}
.cp-show-sec:first-of-type{
    line-height: 70px;
    font-weight: bold;
}
/************business-ml end*****************/

/**************business-dw  begin***********/
.dw-fo{
    display: block;
    margin-top: 120px;
    position: relative;
}
.dw-fo-left{
    position: absolute;
    top: 80px;
    left:20px;
    width:972px;
    height:600px;
    z-index: 3;
}
.dw-fo-left>img{
    width: 100%;
}
.dw-fo-content{
    display: block;
    text-align: right;
    width: 485px;
    height: 760px;
    position: relative;
    z-index: 4;
}
.dw-fo-h1{
    display: block;
    font-size: 50px;
    color: #333;
    line-height: 66px;
}
.dw-fo-h2{
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #4FA21F;
    line-height: 24px;
    margin-top: 30px;
}
.dw-fo-text{
    display: block;
    max-width: 447px;
    font-size: 18px;
    font-weight: lighter;
    color: #333;
    line-height: 30px;
    margin-top:20px;
}
.dw-fo-img{
    position: absolute;
    bottom: 0;
    right:20px;
    display: block;
    width: 414px;
    height: 278px;
    z-index: 4;
}
.dw-fo-img>img{
    width: 100%;
}
.dw-fo-zhezhao{
    position: absolute;
    top: 0;
    right: 230px;
    width: 510px;
    height: 100%;
    background-color: #F8FBFF;
}

.dw-zc{
    display: block;
    width: 100%;
    height: 414px;
    box-sizing: border-box;
    padding: 0 10.42%;
    background-color: #F8FBFF;
    margin-top: 120px;
    position: relative;
}
.dw-zc-left{
    display: inline-block;
    vertical-align: middle;
    /*width: 506px;*/
    width:33%;
    height: 100%;
    background-color: #173981;
    box-sizing: border-box;
    padding-top: 80px;
    /*padding-left: 60px;*/
    padding-left:4%;
}
.dw-zc-h1{
    display: block;
    width: 215px;
    font-size: 50px;
    color: #fff;
    line-height: 66px;
    word-break: break-word;
}
.dw-zc-h2{
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    line-height: 40px;
    margin-top: 50px;
}
.dw-zc-middleShow{
    display: inline-block;
    vertical-align: middle;
    width: 600px;
    height: 100%;
    margin-left: 120px;
    position: relative;
}
.dw-zc-middle{
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height: 100%;
    opacity: 0;
    transition-duration: 1s;
}
.dw-zc-middle:first-child{
    opacity: 1;
}
.dw-zc-middleBox{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-top: 165px;
    position: relative;
}
.dw-zc-year{
    font-size: 28px;
    color: #333;
    font-weight: bold;
    line-height: 37px;
    z-index: 3;
    position: relative;
}
.dw-zc-text{
    display: block;
    font-size:20px;
    color: #333;
    line-height:120%;
    margin-top: 62px;
}
.dw-zc-numBack{
    position: absolute;
    top: 66px;
    left:0;
    font-size:150px ;
    font-weight: bold;
    color:rgba(229, 239, 255,.3) ;
    line-height: 198px;
}
.dw-zc-right{
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.dw-zc-rightBox{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.dw-zc-ul{
    display: block;
    padding-right: 10px;
    border-right: 3px solid #E5EDFF;
}
.dw-zc-ul li{
    display: block;
    text-align: right;
    font-size: 20px;
    color: #C7C7C7;
    width: auto;
    line-height:26px;
    margin-top: 30px;
    transition-duration: .5s;
}
.dw-zc-ul li:first-child{
    margin-top: 0;
}
.dw-zc-ul li.active{
    background-color: #173981;
    border-radius: 30px 0 0 30px;
    text-align: center;
    font-size: 30px;
    width: 124px;
    line-height: 60px;
    color: #fff;
}
.dw-zc-ul li:not(li.active):hover{
    color:#173981;
}

.dw-vs{
    display: block;
    margin-top: 120px;
    margin-bottom: 80px;
}
.dw-vs-h1{
    display: block;
    text-align: center;
    font-size: 50px;
    color: #333;
    line-height: 66px;
}
.dw-vs-h1 .-green{
    color: #61B034;
    margin-right: 20px;
}
.dw-vs-h1 .-blue{
    color: #173981;
    margin-left: 20px;
}
.dw-vs-h2{
    display: block;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #333;
    line-height: 40px;
    margin-top: 20px;
}
.dw-vs-show{
    display: block;
    margin-top: 80px;
    position: relative;
}
.dw-vs-sec{
    display: inline-block;
    vertical-align: top;
    width: 50%;
    max-width: 500px;
}
.dw-vs-secH{
    display: block;
    font-size: 40px;
    font-weight: bold;
    color: #333;
    line-height: 52px;
}
.dw-vs-secH>img{
    margin-left: 20px;
    vertical-align: -6px;
}
.dw-vs-secT{
    display: block;
    margin-top: 40px;
    font-size: 20px;
    color: #333;
    line-height: 34px;
}
.dw-vs-img{
    position: absolute;
    top:27px;
    left:calc(50% - 150px);
    width: 300px;
    height:300px;
}
.dw-so{
    display: block;
    background-color: #F8FBFF;
    padding-top: 80px;
    padding-bottom: 120px;
}
.dw-so-show{
    display: block;
    width: 100%;
    margin-top: 80px;
}
.swiper-dw{
    width: 100%;
}
.swiper-dw .swiper-slide{
    overflow: hidden;
    position: relative;
}
.swiper-dw .swiper-slide:hover >img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.swiper-dw .swiper-slide>img{
    width: 100%;
    transition-duration: .6s;
}
.dw-so-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    /*background: linear-gradient(to right,rgba(51, 51, 51, .8),rgba(35, 35, 35, .6),rgba(0, 0, 0, 0));*/
    /*background:-webkit-linear-gradient(to right,rgba(51, 51, 51, .8),rgba(35, 35, 35, .6),rgba(0, 0, 0, 0));*/
    /*background: -moz-linear-gradient(to right,rgba(51, 51, 51, .8),rgba(35, 35, 35, .6),rgba(0, 0, 0, 0));*/
}
.dw-so-contentBox{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dw-so-h1{
    display: block;
    text-align: center;
    font-size: 50px;
    color: #fff;
    line-height: 66px;
}
.dw-so-xian{
    display: block;
    width: 64px;
    height: 2px;
    background-color: #fff;
    margin: 10px auto 0;
}
.dw-so-h2{
    display: block;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    line-height:52px;
    margin-top: 20px;
}
.dw-so-text{
    display: block;
    max-width: 280px;
    text-align: center;
    font-size: 20px;
    color:rgba(255,255,255,.8);
    line-height: 32px;
    margin-top: 20px;

    overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;

}
.dw-so-btn{
   display: block;
    text-align: center;
    min-width: 150px;
    line-height: 40px;
    box-sizing: border-box;
    border:1px solid #fff;
    font-size: 18px;
    color:rgba(255,255,255,.8);
    margin: 40px auto 0;
    transition-duration: .5s;
}
.dw-so-btn:hover{
    background-color: #fff;
    color: #000;
}

.swiper-dw .swiper-pagination .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    margin: 0 5px;
    background-color: #E6E6E6;
    opacity: .5;
}
.swiper-dw .swiper-pagination .swiper-pagination-bullet-active{
    width: 26px;
    opacity: 1;
    background-color: #fff;
    border-radius: 7px;
}

.swiper-dw .swiper-button-next,
.swiper-dw .swiper-button-prev{
    background-image: none;
    width: 56px;
    height:56px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:30px;
    color: rgba(255,255,255,.3);
    border-radius: 50%;
    border:2px solid rgba(255,255,255,.3);
    outline: none;
    transition-duration: .5s;
}
.swiper-dw .swiper-button-next:hover,
.swiper-dw .swiper-button-prev:hover{
    background-color: #fff;
    color: #666;
}
.swiper-dw .swiper-button-prev{
    top: auto;
    left: auto;
    bottom: 40px;
    right: 186px;

}
.swiper-dw .swiper-button-next{
    top: auto;
    left: auto;
    bottom: 40px;
    right: 100px;
}

/**************business-dw  end***********/

/**************business-dw-xq  begin***********/
.tjj-banner{
    display: block;
    width: 100%;
    height: 660px;
    /*margin-top: -78px;*/
}
.tjj-banner-left{
    /*display: inline-block;*/
    /*vertical-align: top;*/
    /*width: 50%;*/
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.tjj-banner-left>img{
    width: 100%;
    height: 100%;
}
.tjj-banner-textShow{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-top: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right,rgba(51, 51, 51, .8),rgba(35, 35, 35, .6),rgba(0, 0, 0, 0));
    background:-webkit-linear-gradient(to right,rgba(51, 51, 51, .8),rgba(35, 35, 35, .6),rgba(0, 0, 0, 0));
    background: -moz-linear-gradient(to right,rgba(51, 51, 51, .8),rgba(35, 35, 35, .6),rgba(0, 0, 0, 0));
    opacity: .88;
}
.tjj-banner-h1{
    display: block;
    font-size: 50px;
    font-weight: bold;
    color: #fff;
    line-height: 66px;
}
.tjj-banner-xian{
    display: block;
    width: 140px;
    height: 2px;
    background-color: #fff;
    margin-top: 40px;
}
.tjj-banner-h2{
    display: block;
    font-size: 22px;
    line-height: 32px;
    color: rgba(255,255,255,.8);
    margin-top: 40px;
}
.tjj-banner-right{
    display: inline-block;
    vertical-align: top;
    width: 50%;
    height: 100%;
}
.tjj-banner-right>img{
    width: 100%;
    height: 100%;
}

.tjj-cp{
    display: block;
    margin-top: 120px;
}
.tjj-cp-show{
    display: block;
    margin-top: 80px;
}
.tjj-cp-showTop{
    display: block;
    width: 100%;
    height: 376px;
}
.tjj-cp-leftImg{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    height: 100%;
}
.tjj-cp-leftImg>img{
    width: 100%;
    height: 100%;
}
.tjj-cp-rightContent{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    height: 100%;
    background-color: #173981;
    position: relative;
}
.tjj-cp-rightContentBox{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-left: 40px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.tjj-cp-rH{
    display: block;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    line-height: 37px;
}
.tjj-cp-rT{
    display: block;
    max-width: 530px;
    margin-top: 40px;
    font-size:20px;
    color: rgba(255,255,255,.8);
    line-height: 34px;
}

.tjj-cp-secShow{
    display: block;
    margin-top: 10px;
}
.tjj-cp-sec-add{
    margin: 0 -5px;
}
.tjj-cp-sec-div{
    display: inline-block;
    vertical-align:top;
    width: 33.333%;
    box-sizing: border-box;
    padding: 0 5px;
}
.tjj-cp-sec-div:nth-of-type(1){
    animation-delay: .2s;
}
.tjj-cp-sec-div:nth-of-type(2){
    animation-delay: .6s;
}
.tjj-cp-sec-div:nth-of-type(3){
    animation-delay: 1s;
}
.tjj-cp-sec{
    display: block;
    width: 100%;
}
.tjj-cp-secImg{
    display: block;
    width: 100%;
    /*max-height: 376px;*/
}
.tjj-cp-secImg>img{
    width: 100%;
}
.tjj-cp-secContent{
    display: block;
    margin-top: 20px;
}
.tjj-cp-secH{
    font-size: 28px;
    font-weight: bold;
    color: #333;
    line-height: 37px;
}
.tjj-cp-secT{
    display: block;
    max-width: 400px;
    margin-top: 10px;
    font-size: 20px;
    color: #666;
    line-height: 34px;
}

.tjj-al{
    display: block;
    margin-top: 120px;
    margin-bottom: 120px;
}
.tjj-al-show{
    display: block;
    margin-top: 80px;
    background: url("../image/tjj-al-back.png")no-repeat center center;
    /*background-size: cover;*/
    padding-top:150px;

    /*word-break: break-all;*/
}
.tjj-al-box{
    display: block;
    width: 100%;
    position: relative;
}
.tjj-al-img{
    position: absolute;
    top: 0;
    left:190px;
}
.tjj-al-h{
    display: block;
    text-align: center;
    margin-top:130px;
    font-size: 30px;
    font-weight: bold;
    color: #333;
    /*margin-top: 50px;*/
    line-height: 40px;
}
.tjj-al-secShow{
    display: block;
    margin-top: 84px;
    padding-bottom: 208px;
}
.tjj-al-sec{
    display: block;
}
.tjj-sec-t1{
    display: inline-block;
    vertical-align: middle;
    /*width: 370px;*/
    width:24%;
    box-sizing: border-box;
    padding-right: 20px;
    line-height:80px;
    font-size: 16px;
    color: #333;
    text-align: right;
    border-right:1px solid #C7C7C7;
}
.tjj-sec-t2{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #333;
    line-height:80px;
    width: 38%;
    box-sizing: border-box;
    padding-left: 60px;
    position: relative;
}
.tjj-sec-t2H{
    font-size:22px;
    border-bottom:none;
    line-height: 70px;
}
.al-border-bottom{
    position: absolute;
    left:60px;
    bottom:0 ;
    width: 110px;
    height: 1px;
    background-color: #C7C7C7;
}
.al-sy-progressBox{
    position: absolute;
    left:0;
    bottom:0 ;
    width:80%;
    height: 6px;
    transform: translateX(60px);
}
.al-sy-progress{
    display: block;
    width: auto;
    height: 100%;
    background-color:#173981 ;
    transition-duration: .8s;
}
.dz{
    background-color:#61B034;
}
.tjj-sec-text{
    display: inline-block;
    vertical-align:top;
    width: 76%;
    max-width: 970px;
    box-sizing: border-box;
    padding-left: 60px;
    font-size: 16px;
    color: #333;
    line-height: 24px;
    margin-top:27px ;
}
.al-btnBox{
    position: absolute;
    /*top: 109px;*/
    top: 189px;
    right: 158px;
    z-index: 4;
}
.al-btn{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #C7C7C7;
    line-height: 21px;
    cursor: pointer;
    transition-duration: .5s;
}
.al-btn:hover{
    color: #173981;
}
.al-prev{
    margin-right:40px;
}

/**************business-dw-xq  end***********/

/**************business-zw  begin***********/
.zw-p2{
    display: block;
    margin-top: 120px;
    height: 760px;
}
.zw-p2-left{
    display: inline-block;
    vertical-align: middle;
    width: 36%;
    height: 100%;
    box-sizing: border-box;
    padding-right: 3%;
    position: relative;
}
.zw-p2-leftContent{
    z-index: 4;
    position: relative;
}
.zw-p2-h1{
    display: block;
    font-size: 50px;
    color: #333;
    line-height: 66px;
}
.zw-p2-h2{
    display: block;
    margin-top: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #4FA21F;
    line-height: 24px;
}
.zw-p2-text{
    display: block;
    margin-top: 20px;
    font-size: 18px;
    font-weight: lighter;
    color: #333;
    line-height: 30px;
}
.zw-p2-zhezhao{
    position: absolute;
    top: 0;
    left: 43%;
    width: 93%;
    height: 100%;
    background-color: #F8FBFF;
}
.zw-p2-leftImg{
    position: absolute;
    bottom: 0;
    left:0;
    width: 414px;
    height: 278px;
}
.zw-p2-leftImg>img{
    width: 100%;
}
.zw-p2-right{
    display: inline-block;
    vertical-align: middle;
    width:64%;
    height: 100%;
    position: relative;
    z-index: 4;
}
.zw-p2-rightImg{
    width:100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.zw-p2-rightImg>img{
    width: 100%;
}
.zw-ys{
    display: block;
    margin-top: 120px;
    background-color: #F8FBFF;
    padding-top: 80px;
    padding-bottom: 80px;
}
.zw-ys-show{
    display: block;
    margin-top: 80px;
    width: 100%;
    height: 440px;
}
.zw-ys-left{
    display: inline-block;
    vertical-align: bottom;
    width:calc(30% - 50px);
    height: 100%;
    box-sizing: border-box;
    padding-top: 30px;
    padding-right: 30px;
    margin-right: 50px;
    position: relative;
    background-color: #173981;
}
.zw-ys-leftText{
    display: block;
    width: 100%;
    max-width: 260px;
    text-align: right;
    font-size: 20px;
    color: #fff;
    line-height: 28px;
    position: relative;
    z-index: 4;
}
.zw-ys-leftLogo{
    position: absolute;
    bottom: 0;
    left: 0;
}
.zw-ys-leftLogo>img{
    width: 100%;
}
.zw-ys-right{
    display: inline-block;
    vertical-align: middle;
    width:70%;
    box-sizing: border-box;
    height: 100%;
    background-color: #fff;
    position: relative;
}
.swiper-zw-ys{
    width: 100%;
    height: 100%;
}
.swiper-zw-ys .swiper-slide{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zw-ys-img{
    display: inline-block;
    vertical-align: middle;
    width: 740px;
    height: 360px;
    position: relative;
}
.zw-ys-img>img{
    width: 100%;
    height: 100%;
}
.zw-ys-icon{
    position: absolute;
    top:20px;
    left: 20px;
}
.zw-ys-icon>img{
    width: 100%;
}
.zw-ys-text{
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    max-width: 204px;
    margin-left: 40px;
    margin-top: -58px;
}

.zw-ys-h{
    display: block;
    font-size: 24px;
    color: #333;
    font-weight: bold;
    line-height: 31px;
}
.zw-ys-p{
    display: block;
    font-size: 20px;
    color: #333;
    line-height: 34px;
    margin-top: 20px;
}

.zw-ys-button{
    position: absolute;
    /*right: 142px;*/
    /*bottom:97px ;*/
    right: 20px;
    bottom: 20px;
    z-index: 6;
}
.zw-ys-btnBox{
    position:relative;
    width:108px;
    background-color:rgba(23, 57, 129,.5);

}
.zw-ys-btn{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    height: 28px;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index:10;
}
.zw-ys-btn>img{
    margin-top:8px;
}
.zw-ys-btnProgress{
    position: absolute;
    top: 0;
    left: 0;
    width:auto;
    height: 100%;
    background-color:#173981 ;
    animation:progressGo 4s linear  infinite normal;
    -webkit-animation:progressGo  4s linear  infinite normal;
}
.zw-ys-btnProgress.ac{
    animation:progressGo2 4s linear  infinite normal;
    -webkit-animation:progressGo2  4s linear  infinite normal;
}

@keyframes progressGo {
    0%{width: 0}
    100%{width: 100%}
}
@-webkit-keyframes  progressGo{
    0%{width: 0}
    100%{width: 100%}
}
@keyframes progressGo2 {
    0%{width: 0}
    100%{width: 100%}
}
@-webkit-keyframes  progressGo2{
    0%{width: 0}
    100%{width: 100%}
}

.zw-zl{
    display: block;
    margin-top: 120px;
    background-color: #F8FBFF;
    padding-top: 80px;
    padding-bottom: 200px;
}

.zw-zl-show{
    display: block;
    margin-top: 80px;
}
.zw-zl-left{
    display: inline-block;
    vertical-align: top;
    width: 50%;
    box-sizing: border-box;
    overflow-y: auto;
}
.zw-zl-secShow{
    display: block;
    width: 100%;
    height: 370px;
    box-sizing: border-box;
    overflow-y: auto;
    padding-right: 10px;
    min-width: 1000px;
}
.zw-zl-sec{
    display: block;
    width: 100%;
}
.zw-zl-sec:first-child{
    line-height:70px;
}
.zw-zl-sec:nth-of-type(odd){
    background-color:#EDF5FF ;
}
.zw-zl-sec:nth-of-type(even){
    background-color:#fff;
}
.zl-sec-cell{
    display: inline-block;
    vertical-align: middle;
    line-height: 60px;
    font-size: 16px;
    color: #333;
    text-align: center;
}
.zl-sec-cell.cell1{width: 15%}
.zl-sec-cell.cell2{width: 50%}
.zl-sec-cell.cell3{width: 35%}

.zw-zl-show  ::-webkit-scrollbar{
    width:3px;
    height: 3px;
}
.zw-zl-show ::-webkit-scrollbar-track{
    background-color: #fff;
}
.zw-zl-show ::-webkit-scrollbar-thumb{
    background-color:#E5EDFF;
}

.zw-zl-right{
    display: inline-block;
    vertical-align:top;
    width: 50%;
    height: 370px;
    box-sizing: border-box;
}
.swiper-zw-zl {
    display: block;
    width: 100%;
    height: 100%;
}
.swiper-zw-zl .swiper-slide{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.zw-zl-img{
    position: absolute;
    left:30px;
    bottom: 0;
    width: 436px;
    height: 324px;
    z-index: 4;
}
.zw-zl-img>img{
    width: 100%;
    height: 100%;
}
.zw-zl-content{
    position: absolute;
    top: 0;
    right: 0;
    width: 588px;
    height: 340px;
    box-sizing: border-box;
    border: 6px solid #173981;
    padding-top: 46px;
    padding-left: 45%;
    padding-right: 5%;

}

.zw-zl-h{
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #333;
    line-height: 31px;

    white-space:nowrap;overflow: hidden;text-overflow: ellipsis;
}
.zw-zl-text{
    display: block;
    margin-top: 20px;
    font-size: 16px;
    color: #333;
    line-height: 27px;

    overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;
}
.zw-zl-button{
    position: absolute;
    right: 21%;
    bottom: 85px;
}

/**************business-zw  end***********/

/**************business-jy  begin***********/
.jy-p2{
    display: block;
    margin-top: 120px;
    position: relative;
}
.swiper-jy{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.swiper-jy .swiper-slide>img{
    /*width: 100%;*/
    max-width: 100%;
}
.swiper-jy .swiper-pagination .swiper-pagination-bullet-active{
    background-color: #fff;
}

.jy-p2-img {
    position: absolute;
    bottom:40px;
    right:107px;
    display: block;
    width:288px;
    height:314px;
    z-index: 4;
}
.jy-p2-img>img {
    width: 100%;
}

.jy.dw-so-h1{
    max-width: 500px;
}
.jy-pl.ab-wenhua-contentShow{
    right: auto;
    left: 0;
    opacity: 0;
    transition-duration: .8s;
}
.jy-pl.ab-wenhua-contentShow:first-of-type{
    opacity: 1;
}
.jy-pl.ab-wenhua-secShow{
    left: auto;
    right: 200px;
}
.jy-pl.ab-wenhua-sec:nth-of-type(1){
    animation-delay: .2s;
}
.jy-pl.ab-wenhua-sec:nth-of-type(2){
    animation-delay: .4s;
}
.jy-pl.ab-wenhua-sec:nth-of-type(3){
    animation-delay: .6s;
}
.jy-pl.ab-wenhua-sec:nth-of-type(4){
    animation-delay: .8s;
}
.jy-pl.ab-wenhua-sec>img{
    /*width: 100%;*/
}

.jy-pl.ab-wenhua-sec.active{
    opacity: 1;
}
.jy-pl.ab-wenhua-sec.active .jy-pl-tip{
    opacity: 1;
}
.jy-pl.ab-wenhua-sec:hover{
    width:initial;
    opacity: 1;
}
.jy-pl.ab-wenhua-sec:hover .jy-pl-tip{
    opacity: 1;
}
.jy-pl-tip{
    position: absolute;
    left: 0;
    bottom: 30px;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #fff;
    line-height: 26px;
    opacity: 0;
    transition-duration: .5s;

    word-break: break-word;
}


.jy-yf{
    display: block;
    margin-top: 120px;
}
.jy-yf-secShow{
    display: block;
    margin-top: 80px;
}
.jy-yf-secShow-add{
    margin: 0 -5px;
}
.jy-yf-div{
    display: inline-block;
    vertical-align: top;
    width: 25%;
    box-sizing: border-box;
    padding: 0 5px;
    margin-bottom: 80px;
}
.jy-yf-div:nth-of-type(1){
    animation-delay: .6s;
}
.jy-yf-div:nth-of-type(2){
    animation-delay: .8s;
}
.jy-yf-div:nth-of-type(3){
    animation-delay:1s;
}
.jy-yf-div:nth-of-type(4){
    animation-delay:1.2s;
}
.jy-yf-div:nth-of-type(5){
    animation-delay:1.4s;
}
.jy-yf-div:nth-of-type(6){
    animation-delay: 1.6s;
}
.jy-yf-div:nth-of-type(7){
    animation-delay: 1.8s;
}
.jy-yf-div:nth-of-type(8){
    animation-delay: 2s;
}
.jy-yf-sec{
    display: block;
    width: 100%;
}
.jy-yf-secImg{
    display: block;
    width: 100%;
    height: 376px;
}
.jy-yf-secImg>img{
    width: 100%;
    max-height: 100%;
}
.jy-yf-secText{
    display: block;
    margin-top: 20px;
}
.jy-yf-secH{
    display: block;
    font-size: 28px;
    color: #333;
    font-weight: bold;
    line-height: 37px;
}
.jy-yf-secP{
    display: block;
    margin-top: 10px;
    font-size: 20px;
    color: #666;
    line-height: 35px;
    /*height: 70px;*/
    width: 90%;
}

/**************business-jy  end***********/

/**************business-jy-xq  end***********/
.cs-banner{
    display: block;
    /*margin-top: -78px;*/
    position: relative;
}
.cs-banner>img{
    width: 100%;
}
.cs-banner-zhezhao{
    position: absolute;
    top: 0;
    left: 0;
    width:50%;
    height: 100%;
    box-sizing: border-box;
    padding-top: 78px;
    padding-left: 200px;
    display: flex;
    align-items: center;

    background: linear-gradient(to right,rgba(51, 51, 51, .8),rgba(35, 35, 35, .6),rgba(0, 0, 0, 0));
    background:-webkit-linear-gradient(to right,rgba(51, 51, 51, .8),rgba(35, 35, 35, .6),rgba(0, 0, 0, 0));
    background: -moz-linear-gradient(to right,rgba(51, 51, 51, .8),rgba(35, 35, 35, .6),rgba(0, 0, 0, 0));
    opacity: .88;

}
.cs-banner-show{
    display: block;
}
.cs-banner-h{
    display: block;
    font-size: 50px;
    color: #fff;
    font-weight: bold;
    line-height: 66px;
}
.cs-banner-xian{
    display: block;
    width: 140px;
    height: 2px;
    background-color: #fff;
    margin-top: 40px;
}
.cs-banner-p{
    display: block;
    margin-top: 40px;
    font-size: 22px;
    color: rgba(255,255,255,.8);
    line-height: 32px;
}
.cs-banner-p>img{
    display: inline-block;
    vertical-align: middle;
}


.cs-gs{
    display: block;
    margin-top: 107px;
}
.cs-gs-text{
    display: block;
    width: 90%;
    max-width: 1200px;
    margin: 80px auto 120px;
    font-size: 20px;
    color: #333;
    line-height: 34px;
    text-align: center;
}

.cs-gn{
    display: block;
    padding-top: 80px;
    padding-bottom: 120px;
    background-color: #F8FBFF;
}
.cs-gn-h3{
    display: block;
    text-align: center;
    margin-top: 60px;
    font-size: 18px;
    color: #333;
    font-weight: lighter;
    line-height: 28px;
}

.cs-gn-secShow{
    display: block;
    width: 100%;
    margin-top: 80px;
}
.cs-gn-sec{
    display: inline-block;
    vertical-align: middle;
    width:16.666%;
    height: 520px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    transition-duration: .5s;
}

.cs-gn-sec>img{
    max-height: 100%;
}
.cs-gn-sec.active{
    width: 50%;
}
.cs-gn-sec-zhezhao{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(51,51,51,.5);
    transition-duration: .5s;
}
.cs-gn-sec.active .cs-gn-sec-zhezhao{
    background: linear-gradient(to right,rgba(51, 51, 51, .8) 0%,rgba(35, 35, 35, .6) 20%,rgba(0, 0, 0, 0) 40%);
    background:-webkit-linear-gradient(to right,rgba(51, 51, 51, .8) 0%,rgba(35, 35, 35, .6) 20%,rgba(0, 0, 0, 0) 40%);
    background: -moz-linear-gradient(to right,rgba(51, 51, 51, .8) 0%,rgba(35, 35, 35, .6) 20%,rgba(0, 0, 0, 0) 40%);
}
.cs-gn-text{
    position: absolute;
    top: 40px;
    left: 0;
    display: block;
    width: 100%;
}
.cs-gn-h{
    display: block;
    text-align: center;
    font-size: 30px;
    color: #C7C7C7;
    line-height: 40px;
    transition-duration: .5s;
}
.cs-gn-p:before{
    content: '';
    display: block;
    margin-bottom: 30px;
    width: 60px;
    height: 2px;
    background-color: #fff;
}
.cs-gn-p{
    position: absolute;
    top: 110px;
    left:-400%;
    display: block;
    max-width: 260px;
    font-size: 20px;
    color:rgba(255,255,255,.8);
    line-height:26px;
    transition-duration: .5s;
}

.cs-gn-sec.active .cs-gn-h{
    text-align: initial;
    box-sizing: border-box;
    padding-left: 65px;
}
.cs-gn-sec.active .cs-gn-p{
    left:65px ;
}

.cs-pf{
    margin-bottom:40px;
}

/**************business-jy-xq  end***********/

/**************production  begin***********/
.pro-numShow{
    display: block;
    width: 50%;
    margin:-69px auto 0;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    background-color: #fff;
    position: relative;
    z-index: 4;
}
.pro-num-sec{
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    box-sizing: border-box;
    padding-top: 34px;
    padding-bottom: 33px;
    text-align: center;
}
.pro-num{
    display: inline-block;
    vertical-align: bottom;
    font-size: 40px;
    font-weight: bold;
    line-height:40px;
    color: #173981;
}
.numJia{
    font-size: 20px;
    vertical-align: top;
    margin-left:0;
}
.pro-danwei{
    display: inline-block;
    vertical-align: bottom;
    margin-left: 10px;
    font-size: 16px;
    color: #666;
    line-height:16px;
}
.pro-num-p{
    display: block;
    margin-top: 10px;
    font-size: 16px;
    color: #666;
    line-height: 21px;
}

.pro-xx{
    display: block;
    margin-top: 120px;
    margin-bottom: 120px;
}
.pro-xx-h3{font-weight: lighter}

.pro-xx-show{
    display: block;
    margin-top: 60px;
}
.pro-xx-left{
    display: inline-block;
    vertical-align: middle;
    width: 68%;
    /*height: 500px;*/
    box-sizing: border-box;
}
.pro-xx-swiper{
    width: 100%;
    position: relative;
}
.pro-xx-swiper .swiper-slide>img{
    width: 100%;
}
.pro-xx-swiper .swiper-pagination-bullet-active{
    background-color: #173981;
}
.pro-xx-right{
    display: inline-block;
    vertical-align: middle;
    width:32%;
    height: 600px;
    box-sizing: border-box;
    background-color: #173981;
    padding-top: 60px;
    padding-left: 40px;
    padding-right: 40px;
}
.pro-xx-h1{
    display: block;
    font-size: 30px;
    color: #fff;
    line-height: 40px;
}
.pro-xx-h2{
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 31px;
    margin-top: 10px;
}
.pro-xx-t{
    display: block;
    font-size: 16px;
    color:rgba(255,255,255,.8);
    font-weight: lighter;
    line-height: 30px;
    margin-top: 60px;
}
.pro-xx-xian{
    position: absolute;
    bottom: 60px;
    right: 40px;
    width: 40px;
    height: 2px;
    background-color: #fff;
}

.pro-rz{
    display: block;
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #F8FBFF;
}
.pro-rz-show{
    display: block;
    margin-top: 100px;
    box-sizing: border-box;
    padding: 0 84px;
}

.pro-rz-swiper .swiper-slide{
    box-sizing: border-box;
    padding:20px 20px;
}
.pro-rz-img{
    width:100%;
    height: 262px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    transition-duration: .5s;
}
.pro-rz-img>img{
    max-width: 100%;
}
.pro-rz-p{
    display: block;
    text-align: center;
    font-size: 24px;
    color: #999;
    line-height: 31px;
    margin-top: 60px;
}
.pro-rz-swiper .swiper-slide:hover .pro-rz-img{
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.16);
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
}
.pro-rz-swiper .swiper-slide:hover .pro-rz-p{
    color: #333;
}
.pro-rz-show .swiper-button-next,
.pro-rz-show .swiper-button-prev{
    background-image: none;
    top: 40%;
    outline: none;
}

.pro-rz{
    display: block;
    margin-top: 120px;
    margin-bottom: 100px;
}

.pro-yf-show{
    display: block;
    margin-top: 80px;
    background-color: #F8FBFF;
}
.pro-yf-left{
    display: inline-block;
    vertical-align: middle;
    width: 31.25%;
    height: 520px;
    box-sizing: border-box;
    padding-top: 60px;

    background-color: #173981;
}
.pro-yf-left.pt{
    padding-left: 200px;
}
.pro-yf-left.xm{
    padding-right: 200px;
    text-align: right;
}
.pro-yf-h1{
    display: block;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    line-height: 40px;
}
.pro-yf-h2{
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 31px;
    margin-top: 10px;
}
.pro-yf-p{
    display: block;
    font-size: 16px;
    color:rgba(255,255,255,.8);
    line-height:24px;
    margin-top: 40px;
}

.pro-yf-right{
    display:inline-block;
    vertical-align: middle;
    width:68.75%;
    box-sizing: border-box;
}
.pro-yf-right.pt{
    padding-left:60px;
}
.pro-yf-right.xm{
    padding-right: 60px;
}

.pro-yf-add{
    /*margin: 0 -30px;*/
    display: block;
    width: 100%;
}
.pro-yf-sec{
    /*display: inline-block;*/
    /*vertical-align: middle;*/
    /*width: 33.333%;*/
    display: block;
    width: 100%;
    background-color: #fff;
    /*box-sizing: border-box;*/
    /*margin-top: 30px;*/
    /*padding: 0 30px;*/
}

.swiper-yfpt .swiper-slide:nth-of-type(1){
    animation-delay: .6s;
}
.swiper-yfpt .swiper-slide:nth-of-type(2){
    animation-delay: 1s;
}
.swiper-yfpt .swiper-slide:nth-of-type(3){
    animation-delay: 1.4s;
}

.swiper-cbxm .swiper-slide:nth-last-of-type(1){
    animation-delay:.6s ;
}
.swiper-cbxm .swiper-slide:nth-last-of-type(2){
    animation-delay:1s ;
}
.swiper-cbxm .swiper-slide:nth-last-of-type(1){
    animation-delay:1.4s ;
}

/*.pro-yf-sec:nth-of-type(1){*/
/*    animation-delay: .6s;*/
/*}*/
/*.pro-yf-sec:nth-of-type(2){*/
/*    animation-delay: 1s;*/
/*}*/
/*.pro-yf-sec:nth-of-type(3){*/
/*    animation-delay: 1.4s;*/
/*}*/
/*.pro-yf-sec:nth-of-type(4){*/
/*    animation-delay: 1.8s;*/
/*}*/
/*.xm .pro-yf-sec:nth-of-type(1){*/
/*    animation-delay: 1.4s;*/
/*}*/
/*.xm .pro-yf-sec:nth-of-type(2){*/
/*    animation-delay: 1s;*/
/*}*/
/*.xm .pro-yf-sec:nth-of-type(3){*/
/*    animation-delay: .6s;*/
/*}*/

.pro-yf-secImg{
    display: block;
    width: 100%;
    height: 290px;
    text-align: center;
}
.pro-yf-secImg>img{
    /*width: 100%;*/
    width: auto;
    height: 100%;
    max-width: 100%;
}
.pro-yf-secP{
    display: block;
    /*font-size: 20px;*/
    font-size: 19px;
    color: #333;
    line-height: 26px;
    text-align: center;
    height: 110px;
    box-sizing: border-box;
    padding-top: 30px;
    background-color: #fff;
}
.pro-ry{
    display: block;
    margin-top: 120px;
    margin-bottom: 120px;
}
.pro-num-sec.fj{
    width: 33.333%;
}

.pro-ry-show{
    display: block;
    margin-top: 80px;
    position: relative;
}
.swiper-pro-ry{
    display: block;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.pro-ry-img{
    display: inline-block;
    vertical-align: top;
    width: 45%;
    height: 312px;
    /*background: url("../image/ry-back.png") no-repeat center center;*/
    /*background-size:contain;*/
    text-align: center;
}
.pro-ry-img>img{
    /*width: 100%;*/
    /*max-height:100%;*/
    height: 100%;
    max-width: 100%;
}
.pro-ry-content{
    display: inline-block;
    vertical-align: top;
    width: 55%;
    box-sizing: border-box;
    padding-left: 5%;
    padding-top: 125px;
    position: relative;
}
.pro-ry-h{
    display: block;
    font-size: 28px;
    font-weight: bold;
    color: #333;
    line-height: 37px;
    z-index: 3;
    position: relative;
}
.pro-ry-p{
    display: block;
    font-size: 18px;
    color: #333;
    line-height: 28px;
    margin-top: 30px;
    z-index: 3;
    position: relative;
}
.pro-ry-backNum{
    position: absolute;
    top: 26px;
    left:5%;
    font-size: 150px;
    font-weight: bold;
    line-height: 198px;
    color:rgba(233,233,233,.3);
}

.ry-btn{
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #E9E9E9;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-duration: .5s;
    cursor: pointer;
    outline: none;
}
.ry-btn>img.ac{
    display: none;
}
.ry-btn:hover{
    background-color: #173981;
}
.ry-btn:hover >img{
   display: none;
}
.ry-btn:hover >img.ac{
    display:inline-block;
}
.ry-prev{
    /*bottom:30px;*/
    /*left:-20px;*/
    bottom:20px;
    left:-70px;
}
.ry-next{
    /*bottom:30px;*/
    /*right:-20px;*/
    bottom:20px;
    right:-70px;
}

.ry-chose{
    display: block;
    /*margin-top: 30px;*/
    margin:30px auto 0;
    width: 100%;
    max-width: 1520px;
    box-sizing: border-box;
    /*padding: 0 10%;*/
    /*border-top: 1px solid #C7C7C7;*/
}
.ry-ul-box{
    display: block;
    width: 100%;
    position: relative;
}
.ry-ul{
    display: block;
    width: 100%;
    text-align: center;
    z-index: 2;

    white-space: nowrap;
    /*overflow-x: auto;*/
    overflow-x:hidden;
    box-sizing: border-box;
    padding-top: 5px;
    margin-left: -5px;
    padding-left: 5px;
}
/*.ry-ul::-webkit-scrollbar{*/
/*    width: 0;*/
/*    height:0;*/
/*}*/
.ry-ul .swiper-slide{
    width: auto;
    margin-right: 20px;
}
.ry-ul .swiper-slide:last-of-type{
    margin-right: 0;
}
.ry-ul-li{
    display: inline-block;
    vertical-align:top;
    /*width: 225px;*/
    font-size: 16px;
    color: #999;
    line-height: 21px;
    padding-top: 19px;
    padding-bottom: 20px;
    position: relative;
    /*margin-left: 20px;*/
    /*margin-right: 20px;*/
}
.ry-ul-li:last-of-type{
    margin-right: 0;
}
.ry-ul-li:before{
    content: '';
    position: absolute;
    top:0;
    /*left: 50%;*/
    left:0;
    transform: translate(0,-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color:#999;
    z-index: 4;
}
.ry-ul .swiper-slide-active .ry-ul-li{
    color: #173981;
}
.ry-ul .swiper-slide-active .ry-ul-li:before{
    background-color:#173981;
}
.ry-ul .swiper-slide-active .ry-xian{
    opacity: 1;
    animation: ryGo 4s linear infinite ;
    -webkit-animation: ryGo 4s linear  infinite ;
    -moz-animation: ryGo 4s linear  infinite ;
}
/*.ry-ul>li.active{*/
/*    color: #173981;*/
/*}*/
/*.ry-ul>li.active:before{*/
/*    background-color:#173981;*/
/*}*/
/*.ry-ul>li.active .ry-xian{*/
/*    opacity: 1;*/
/*    animation: ryGo 4s linear infinite ;*/
/*    -webkit-animation: ryGo 4s linear  infinite ;*/
/*    -moz-animation: ryGo 4s linear  infinite ;*/
/*}*/
@keyframes ryGo {
    0%{width: 0}
    100%{width: 100%}
}
@-webkit-keyframes ryGo {
    0%{width: 0}
    100%{width: 100%}
}
@-moz-keyframes ryGo {
    0%{width: 0}
    100%{width: 100%}
}
.ry-xianBox{
    position: absolute;
    top: 0;
    /*left:50%;*/
    left:0;
    width:100%;
    height: 1px;
    background-color: #C7C7C7;
    z-index: 3;
}
.ry-xian{
    position: absolute;
    top: 0;
    /*left:50%;*/
    left:0;
    /*width:100%;*/
    width:0;
    height: 1px;
    background-color: #173981;
    z-index: 4;
    opacity: 0;
    transition-duration: .5s;
}
/**************production  end***********/

/*************development begin*********/
.pro-sh{
    display: block;
    margin-top: 120px;
}
.pro-sh-left{
    display: inline-block;
    vertical-align: middle;
    width: 30%;
}
.pro-sh-h1{
    display: block;
    font-size: 50px;
    color: #333;
    line-height: 66px;
}
.pro-sh-h2{
    display: block;
    margin-top: 30px;
    font-size: 30px;
    color: #333;
    font-weight: bold;
    line-height: 40px;
}
.pro-sh-xian{
    display: block;
    width:2px;
    height: 40px;
    background-color: #333;
    margin-top: 20px;
}
.pro-sh-text{
    display: block;
    margin-top: 20px;
    font-size: 16px;
    color: #333;
    font-weight: lighter;
    line-height: 30px;
}

.pro-sh-right{
    display: inline-block;
    vertical-align: middle;
    width: 700px;
    height: 394px;
    background-color: #F8FBFF;
}
.pro-sh-img{
    width:600px;
    height:300px;
    transform: translateX(-180px);
    margin-top: 47px;
    position: relative;
}
.pro-sh-img>img{
    width: 100%;
    height: 100%;
}
.pro-sh-more{
    position: absolute;
    bottom: 0;
    right:-60px ;
    width: 120px;
    line-height: 40px;
    border: 1px solid #173981;
    background-color: #fff;
    box-sizing: border-box;
    font-size: 16px;
    color: #173981;
    text-align: center;
    transition-duration: .5s;
}
.pro-sh-more:hover{
    background-color:#173981;
    color: #fff;
}
.pro-yg{
    display: block;
    margin-top: 120px;
    padding: 80px 0;
    background-color: #F8FBFF;
}
.pro-yg-more{
    display: block;
    margin-top: 20px;
    font-size: 16px;
    color: #173981;
    line-height: 21px;
}

.pro-yg-show{
   display: block;
    margin-top: 80px;
}
.pro-yg-add{
    margin: 0 -14px;
}
.pro-yg-sec{
    display: inline-block;
    vertical-align: top;
    width: 33.333%;
    box-sizing: border-box;
    padding: 0 14px;
}
.pro-yg-sec:hover .pro-yg-secImg>img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.pro-yg-sec:hover .pro-yg-secT{
    background-color:#173981 ;
    color: #fff;
}
.pro-yg-sec:nth-of-type(1){
    animation-delay: .6s;
}
.pro-yg-sec:nth-of-type(2){
    animation-delay: 1s;
}
.pro-yg-sec:nth-of-type(3){
    animation-delay: 1.4s;
}
.pro-yg-secImg{
    display: block;
    width: 100%;
    height: 320px;
    overflow: hidden;
}
.pro-yg-secImg>img{
    width: 100%;
    height: 100%;
    transition-duration: .5s;
}
.pro-yg-secT{
    display: block;
    text-align: center;
    font-size: 16px;
    color: #333;
    line-height: 26px;
    background-color: #fff;
    height: 120px;
    box-sizing: border-box;
    padding-top: 37px;
    transition-duration: .5s;

    overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
}

.pro-kh{
    display: block;
    margin-top: 120px;
    margin-bottom: 120px;
}
.pro-kh-show{
    display: block;
    margin-top: 80px;
}
.pro-kh-sec{
    display: block;
    width:100%;
    box-sizing: border-box;
    margin-top: 120px;
    position: relative;
}
.pro-kh-sec:first-of-type{
    margin-top: 0;
}

.kh-sec-zhezhao{
    position: absolute;
    top: 0;
    width:calc(100% - 200px);
    height: 350px;
    background-color:#F8FBFF ;
}
.kh-sec-zhezhao.zhezhao-left{
    left: 200px;
}
.kh-sec-zhezhao.zhezhao-right{
    left:0;
}
.pro-kh-content{
    display:inline-block;
    vertical-align: middle;
    width: 50%;
    box-sizing: border-box;
    margin-top: 100px;
    position: relative;
}
.pro-kh-h1{
    display: block;
    text-align: center;
    font-size: 50px;
    color: #333;
    line-height: 73px;
}

.pro-kh-h2{
    display: block;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #333;
    line-height: 40px;
    margin-top: 40px;
}
.pro-kh-t{
    display: block;
    text-align: center;
    max-width: 280px;
    font-size: 16px;
    color: #333;
    line-height: 28px;
    margin: 20px auto 0;
}

.pro-kh-img{
    display:inline-block;
    vertical-align: middle;
    width: 50%;
    box-sizing: border-box;
}
.swiper-kh{
    width: 100%;
    height: 560px;
}
.swiper-kh .swiper-slide{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.kh-img-box{
    width: 580px;
    height: 100%;
}
.kh-img-box>img{
     width: 100%;
    height: 100%;
}
.pro-kh-img .swiper-pagination{
    left: 0;
    bottom: 0;
}
.pro-kh-img .swiper-pagination.-right{
    left:auto;
    right: 0;
    bottom: 0;
}
.pro-kh-img .swiper-pagination-bullet{
    display: block;
    width: 12px;
    height: 12px;
    margin: 10px 0;
}
.pro-kh-img  .swiper-pagination-bullet-active{
    height: 26px;
    border-radius: 7px;
    opacity: 1;
    background-color: #173981;
}

.sh-banner-tips{
    position: absolute;
    top: 212px;
    right: 200px;
    text-align: right;
}
.sh-banner-title{
    display: block;
    font-size: 80px;
    font-weight: bold;
    color: rgba(255,255,255,.5);
    line-height: 106px;
}
.sh-banner-nav{
    display:block;
    /*width: 240px;*/
    width: 320px;
    line-height:56px;
    border: 2px solid #fff;
    box-sizing: border-box;
    font-size: 30px;
    color: #fff;
    text-align: center;
    margin-top: 20px;
}
.sh-banner-t1{
    display: block;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    color: #fff;
    margin-top:100px;
}
.sh-banner-t2{
    display: block;
    margin-top: 40px;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    max-width: 461px;
    word-break: break-word;
}

.sh-qj{
    display: block;
    margin-top: 120px;
    margin-bottom: 120px;
}
.sh-qj-show{
    display: block;
    margin-top: 80px;
}
.sh-qj-img{
    display: block;
    width: 100%;
    height: 414px;
    position: relative;
}
.sh-qj-imgBox{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition-duration:1.5s;
}
.sh-qj-imgBox:first-of-type{
    opacity: 1;
}
.sh-qj-imgBox>img{
    width: 100%;
    height: 100%;
}
.sh-qj-secShow{
    display: block;
    margin-top: 40px;
}
.sh-qj-sec{
    display: inline-block;
    vertical-align: middle;
    width: 33.333%;
    /*height: 180px;*/
    height: 240px;
    box-sizing: border-box;
    border-left: 1px solid #C7C7C7;
    padding-top: 26px;
}
.sh-qj-sec:last-of-type{
    border-right: 1px solid #C7C7C7;
}
.sh-qj-sec:hover .sh-qj-icon>img{
    display:none;
}
.sh-qj-sec:hover .sh-qj-icon>img.ac{
    display: inline-block;
}
.sh-qj-sec:hover .sh-qj-p{
    color: #173981;
}
.sh-qj-icon{
    display: block;
    text-align: center;
}
.sh-qj-icon>img{
    display: inline-block;
}
.sh-qj-icon>img.ac{
    display: none;
}
.sh-qj-p{
    display:block;
    font-size: 20px;
    color: #999;
    line-height: 26px;
    text-align: center;
    margin-top: 20px;

    word-break: break-word;
}

.yg-yz{
    display: block;
    margin-top: 120px;
    margin-bottom: 120px;
}
.yg-yz-show{
    display:flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1000px;
    text-align: center;
   margin: 80px auto 0;
}
.yg-yz-sec{
    display: inline-block;
    vertical-align: middle;
    /*margin-left: 67px;*/
}
.yg-yz-sec:hover .yg-yz-img{
    background-color: #173981;
}
.yg-yz-sec:hover .yg-yz-img>img{
    display: none;
}
.yg-yz-sec:hover .yg-yz-img>img.ac{
    display: inline-block;
}
.yg-yz-sec:hover .yg-yz-p{
    color: #333;
}
/*.yg-yz-sec:first-of-type{*/
/*    margin-left: 0;*/
/*}*/
.yg-yz-sec:nth-of-type(1){
    animation-delay: .6s;
}
.yg-yz-sec:nth-of-type(2){
    animation-delay: 1s;
}
.yg-yz-sec:nth-of-type(3){
    animation-delay: 1.4s;
}
.yg-yz-sec:nth-of-type(4){
    animation-delay: 1.8s;
}
.yg-yz-img{
    width: 200px;
    height: 200px;
    display:flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid #EDEDED;
    transition-duration: .5s;
}
.yg-yz-img>img.ac{
    display: none;
}
.yg-yz-p{
    display: block;
    text-align: center;
    font-size: 16px;
    color: #999;
    line-height: 21px;
    margin-top: 20px;
}

.yg-fl{
    display: block;
    margin-top: 120px;
    margin-bottom: 120px;
}
.yg-fl-secShow{
    display: flex;
    justify-content: space-between;
    text-align: center;
    width: 100%;
    max-width: 1408px;
    margin: 80px auto 0;
}
.yg-fl-sec{
    display: inline-block;
    vertical-align: middle;
    /*margin-left: 48px;*/
}
.yg-fl-sec:first-of-type{
    margin-left: 0;
}
.yg-fl-sec:nth-of-type(1){
    animation-delay: .6s;
}
.yg-fl-sec:nth-of-type(2){
    animation-delay: .8s;
}
.yg-fl-sec:nth-of-type(3){
    animation-delay: 1s;
}
.yg-fl-sec:nth-of-type(4){
    animation-delay: 1.2s;
}
.yg-fl-sec:nth-of-type(5){
    animation-delay: 1.4s;
}
.yg-fl-sec:nth-of-type(6){
    animation-delay: 1.6s;
}
.yg-fl-sec:nth-of-type(7){
    animation-delay: 1.8s;
}
.yg-fl-sec:nth-of-type(8){
    animation-delay: 2s;
}
.yg-fl-secBox{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 160px;
    box-sizing: border-box;
    border: 1px solid #EDEDED;
    background-color: #fff;
    transition-duration: .6s;
    margin: 0 auto;
}
.yg-fl-secBox:hover {
    background-color: #173981;
}
.yg-fl-secBox:hover .yg-fl-icon>img{
    display: none;
}
.yg-fl-secBox:hover .yg-fl-icon>img.ac{
    display: inline-block;
}
.yg-fl-secBox:hover .yg-fl-p{
    color: #fff;
}
.yg-fl-icon{
    display: block;
}
.yg-fl-icon>img.ac{
    display: none;
}
.yg-fl-p{
    display: block;
    text-align: center;
    font-size: 16px;
    color: #173981;
    line-height: 21px;
    margin-top: 20px;
}
.yg-td{
    display: block;
    padding-top: 80px;
    padding-bottom: 200px;
    background-color:#F8FBFF ;
}
.yg-td-show{
    display: block;
    margin-top: 50px;
}

.yg-td-img{
    display: block;
    width: 100%;
    height: 280px;
    padding-top: 100px;
    padding-bottom: 100px;
    transition-duration: .5s;

    text-align: center;
}
.yg-td-img>img{
    /*width: 100%;*/
    max-width: 100%;
    /*height: 100%;*/
    max-height: 100%;
}
.yg-td-p{
    display: block;
    text-align: center;
    font-size: 20px;
    color: #333;
    line-height: 26px;
    margin-top: 50px;
    opacity: 0;
}

.swiper-td .swiper-slide-active .yg-td-img{
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
}
.swiper-td .swiper-slide-active .yg-td-p{
    opacity: 1;
}

.yg-td-show .swiper-button-next,
.yg-td-show .swiper-button-prev{
    background-image: none;
    width: 30px;
    height: 30px;
    outline: none;
}
.yg-td-show .swiper-button-prev{
    top: auto;
    bottom: 0;
    right: auto;
    left:35%;
}
.yg-td-show .swiper-button-next{
    top: auto;
    bottom:0;
    left: auto;
    right:35%;
}

.yg-jr{
    display: block;
    width: 100%;
    position: relative;
}
.yg-jr>img{
    width:100%;
}
.yg-jr-show{
    position: absolute;
    /*bottom:26.32%;*/
    bottom:10%;
    left: 0;
    display: block;
    width: 100%;
    text-align: center;
}

.zp-btn{
    display: inline-block;
    vertical-align: middle;
    width: 220px;
    line-height: 66px;
    border-radius: 33px;
    background-color: #fff;
    font-size: 16px;
    color: #5190FE;
    transition-duration: .5s;
}
.zp-btn.xy{
    background: linear-gradient(135deg, #FCDA4C 0%, #FDE38A 100%);
    margin-left: 40px;
}
.zp-btn>img{
    margin-left: 10px;
}
.zp-btn>img.ac{
    display: none;
}
.zp-btn:hover{
    background: #173981;
    color: #fff;
}
.zp-btn:hover >img{
    display:none;
}
.zp-btn:hover >img.ac{
    display: inline-block;
}

.photo-box{
    position: absolute;
    top:50%;
    left:5% ;
    transform: translate(0,-50%);
    width: 840px;
    height: 565px;
    z-index: 2;
}
.photos{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.photo{
    position: absolute;
    /*border:5px solid #fff;*/
    cursor: pointer;
    transition-duration: .5s;

    max-width: 300px;
    max-height: 200px;
    overflow: hidden;
}
.photo>img{
    max-width: 100%;
    max-height: 100%;
}
.photo:hover{
    z-index: 9;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.ph1{
    left: 0;
    /*top: 68px;*/
    top:50px;
    z-index: 4;
}
.ph2{
    left:183px;
    top:0;
}
.ph3{
    left:327px;
    top:92px;
    z-index: 7;
}
.ph4{
    top:0;
    right: 0;
}
.ph5{
    left:150px;
    bottom:143px;
    z-index: 8;
}
.ph6{
    left:272px;
    bottom:0;
}
.ph7{
    right: 210px;
    bottom: 89px;
}
.ph8{
    right: 29px;
    top:200px;
    z-index: 4;
}
.ph9{
    top: 220px;
    left: 0;
    z-index: 4;
}
.ph10{
    top: 50px;
    right: 130px;
    z-index: 4;
}
.ph11{
    bottom: 0;
    left: 0;
    z-index: 4;
}
.ph12{
    bottom: 0;
    right: 60px;
    z-index: 4;
}
.ph13{
    z-index: 4;
}


.photo-p{display: none}

.show-p{
    display: block;
    text-align: center;
    font-size: 22px;
     color: #000;
    line-height: 34px;
    padding:13px 5px 26px;
    background-color: #fff;
}
/*************development end*********/

/***************sxjh shzp begin*******************/
.sxgw{
    display: block;
    margin-top: 120px;
    margin-bottom: 120px;
}
.sx-h3{
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: lighter;
    color: #999;
    line-height: 24px;
    margin-top: 60px;
}
.sx-secShow{
    display: block;
    margin-top: 60px;
    overflow-x: auto;
}

.sx-th{
    display: block;
    width: 100%;
    /*line-height:40px;*/
    /*padding: 20px 0;*/
    background-color:#F8FBFF;
    min-width: 1100px;
}
.sx-cellBox{
    display: block;
    width: 100%;
    /*background-color:#F8FBFF;*/
    box-sizing: border-box;
    /*padding: 0 100px;*/
}
.sx-cell{
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    color: #333;

    text-align: center;
}
.sx-th .sx-cell{
    font-size: 20px;
    font-weight: bold;
    line-height:40px;
    padding: 20px 0;
}
.sx-cell.cell1{width: 25%;text-align: center}
.sx-cell.cell2{width: 10%}
.sx-cell.cell3{width: 30%}
.sx-cell.cell4{width: 15%}
.sx-cell.cell5{width: 15%}
.sx-cell.cell6{width: 5%;text-align: center;cursor: pointer}

.sx-cell.cell6>img.ac{
    display:none;
}


.sx-sec{
    display: block;
    width: 100%;
    /*line-height:40px;*/
    /*padding: 20px 0;*/
    box-sizing: border-box;
    border-bottom: 1px solid #E8E8E8;
    min-width: 1100px;
}
.sx-sec:last-of-type{
    border-bottom: none;
}
.sx-sec .sx-cellBox{
    background-color: #fff;
}

.sx-sec .sx-cellBox:hover{
    background-color:#F8FBFF;
}
.sx-sec .sx-cell{
    font-size: 17px;
    color: #333;
    line-height:40px;
    padding: 20px 0;
}
.sx-sec .sx-cell.cell5{
    color:#173981;
    cursor: pointer;
}

.sx-hideShow{
    width: 100%;
    background-color: #F8FBFF;
    box-sizing: border-box;
    padding-top: 40px;
    padding-left: 100px;
    padding-bottom: 80px;
    display: none;
}
.sx-hideShow-h1{
    padding-top: 40px;
    display: block;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: 24px;
}
/*.sx-hideShow-h2{*/
/*    display: block;*/
/*    margin-top: 20px;*/
/*}*/
.sx-hideShow-h2{
    display: block;
}
.sx-hideShow-h2 p{
    font-size: 17px;
    color: #333;
    line-height: 24px;
    margin-top: 10px;
}
.sx-hideShow-h2 span{
    font-size: 18px;
    color: #333;
    line-height: 24px;
    margin-top: 10px;
}
.sx-btn{
    display: block;
    width: 120px;
    line-height: 40px;
    text-align: center;
    background-color: #173981;
    font-size: 18px;
    color: #fff;
    margin-top: 72px;
}

.gw-zhezhao{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
    z-index: 11;
    display: none;
}
.gw-tanchaung{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
    max-width: 1200px;
    display: none;
    z-index: 12;
    max-height: 90%;
    overflow-y: auto;
}

.gw-tc-box{
    display: block;
    width: 100%;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding-bottom: 80px;
    position: relative;
}
.gw-tc-cha{
    position: absolute;
    top: 32px;
    right: 32px;
    cursor: pointer;
}
.gw-tc-h{
    display: block;
    width: 100%;
    line-height: 80px;
    background-color: #F8FBFF;
    text-align: center;
    font-size: 22px;
    color: #333;
}
.gw-form{
    display: block;
    padding: 0 100px;
}
.gw-sec{
    display:inline-block;
    vertical-align: middle;
    width: 50%;
    box-sizing: border-box;
    margin-top: 10px;
}
.gw-sec-text{
    /*display: inline-block;*/
    /*vertical-align: middle;*/
    /*width: 120px;*/
    display: block;
    width: auto;
    line-height: 44px;
    height: 44px;
    box-sizing: border-box;
    padding-right: 20px;
    font-size: 20px;
    color: #333;
}
.t-jus{
    display: inline-block;
    vertical-align: middle;
    /*width: 80px;*/
    width: auto;
    text-align: justify;
    line-height: 44px;
    height: 44px;
    box-sizing: border-box;
}
.t-jus>span{
    display: inline-block;
    padding-left: 100%;
}

.t-jus-mao{
    display: inline-block;
    vertical-align: middle;
}
.gw-sec-input{
    display: inline-block;
    vertical-align: middle;
    width:100%;
    box-sizing: border-box;
    padding-right: 40px;
}
.gw-sec-input>input,
.gw-sec-input>select{
    width: 100%;
    line-height: 44px;
    height: 44px;
    font-size: 20px;
    color: #333;
    background-color: #F8FBFF;
    box-sizing: border-box;
    padding-left: 20px;
    border: none;
    outline: none;
}
.gw-sec-input>input::placeholder{
    color: #C7C7C7;
}

.gw-fj-text{
    display:inline-block;
    line-height: 44px;
    font-size: 20px;
    color: #173981;
    position: relative;
}

.gw-fj-text>input{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 44px;
    opacity: 0;
}
.gw-btn{
    display: block;
    margin: 80px auto 0;
    width: 240px;
    line-height: 50px;
    background-color:#173981;
    font-size: 18px;
    color: #fff;
    text-align: center;
}
/***************sxjh shzp end*******************/

/***************map begin************/
.dt-show{
    display: block;
    width: 100%;
    max-width: 1250px;
    margin: 80px auto 0;
    box-sizing: border-box;
}
.dt-h{
    display: block;
    text-align: center;
    font-size: 40px;
    color: #333;
    line-height: 52px;
}
.dt-p{
    display: block;
    max-width: 732px;
    font-size: 18px;
    font-weight: lighter;
    color: #333;
    line-height: 40px;
    text-align: center;
    margin: 40px auto 0;
}
.dt-map{
    display: block;
    width: 100%;
    height: 460px;
    margin-top: 40px;
}
.dt-message{
    display: block;
    margin-top: 80px;
    margin-bottom: 186px;
}
.dt-sec{
    display: inline-block;
    vertical-align: top;
    width: 50%;
    box-sizing: border-box;
    margin-top: 40px;
}

.dt-sec-text{
    display: inline-block;
    vertical-align: top;
    width: 250px;
    font-size: 18px;
    color: #333;
    line-height: 24px;
    margin-right: 20px;
}
.dt-sec-text>img{
    vertical-align: middle;
    margin-right: 10px;
}
.dt-sec-p{
    display: inline-block;
    vertical-align: top;
    animation-delay: 1.2s;
}
.dt-sec-p p{
    font-size: 18px;
    color: #999;
    line-height: 24px;
    margin-top: 10px;
}
.dt-sec-p p:first-of-type{
    margin-top: 0;
}
/***************map end************/
.video-tan{
    position: fixed;
    left: 0;
    top: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
    visibility: hidden;
    opacity: 0;
    display: none;
}
.video-tan.active{
    transition: opacity 0.3s 0s, visibility 0s 0s;
    visibility: visible;
    opacity: 1;
    z-index: 20;
    transition-duration: .5s;
    display: block;
}
.video-guan{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.video-tan video {
    object-fit: fill;
    max-width: 1200px;
    width: 95%;
    position: absolute;
    top: 50%;
    left: 50%;
    transition-duration: .5s;
    transform: translate(-50%, -70%);
    -ms-transform: translate(-50%, -70%);
    -moz-transform: translate(-50%, -70%);
    -webkit-transform: translate(-50%, -70%);
    -o-transform: translate(-50%, -70%);
}
.video-tan.active video {
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.fujian{
    font-size: 20px;color: #333;display:inline-block;vertical-align: middle;
    margin-right: 20px;
}
/************dibu************/
.banner>img.ipad-banner,
.banner>img.mobile-banner{
    display: none;
}

/*@media screen and (max-width:769px){*/
/*    .banner>img{display: none}*/
/*    .banner>img.ipad-banner{*/
/*        display: inline-block;*/
/*    }*/
/*}*/
/*@media screen and (max-width:376px){*/
/*    .banner>img{display: none}*/
/*    .banner>img.ipad-banner{*/
/*        display: none;*/
/*    }*/
/*    .banner>img.mobile-banner{*/
/*        display: inline-block;*/
/*    }*/
/*}*/

/*响应式*/
@media screen and  (max-width:1730px ){
    .ab-wenhua-secShow{left:0;}
    .ab-wenhua-contentShow{width: 40%}
    .ab-zixun-h4{padding-left: 20%}


    .dw-zc-left{
        width:25%;
        text-align: center;
        padding-left: 0;
    }
    .dw-zc-h1{width: auto}
    .dw-zc-middleShow{margin-left: 60px}

    .sh-banner-tips{
        right: 20px;
    }

}

@media screen and  (max-width:1560px ){
    .p3-show-left{padding-left:32px;}
    .p3-show-right{
        width: calc(100% - 292px);
        padding-left:30px}
    .p3-show-sec{margin-left: 20px}
    .ab-lc-left{
        width: auto;
        padding-left: 30px;
        padding-right: 30px;
    }
    .ab-lc-middle{margin-left: 40px}


    .xyl-pro{height: auto}
    .xyl-left-zhezhao{display: none}
    .xyl-left{width: 100%}
    .xyl-left:after{display: none}
    .xyl-pro-right{width: 100%;padding-left: 0;margin-top: 20px}
    .xyl-left-content{max-width: initial}
    .xyl-left-img{
        position: initial;
        margin-top: 20px;
        width: auto;
    }
    .xyl-left-img-box{width:auto;height: auto;display: inline-block}
    .xyl-left-img-box>img{width:auto;max-width: 100%}
    .xyl-right-top .xyl-right-sec{height:auto;width: auto}
    .xyl-right-bottom .xyl-right-sec{height: auto;width: auto;display: inline-block}
    .xyl-right-sec>img{width: auto;max-width: 100%;}
    .xyl-ly-sec:nth-of-type(odd) .xyl-ly-left{
        padding-left: 0;
    }
    .xyl-ly-sec:nth-of-type(even) .xyl-ly-left{
        padding-right: 0;
    }
    .xyl-ly-sec:nth-of-type(odd) .xyl-ly-content{
        padding-right: 0;
    }
    .xyl-ly-sec:nth-of-type(even) .xyl-ly-content{
        padding-left: 0;
    }


    .dw-fo-content{
        display: block;
        width:100%;
        height: auto;
        text-align: initial;
        margin-top: 20px;
    }
    .dw-fo-left{
        position: initial;
        height: auto;display: block;
        width: 100%;
    }
    .dw-fo-left>img{width:auto;max-width: 100%;}
    .dw-fo-zhezhao{display: none}
    .dw-fo-img{
        position: initial;
        margin-top: 20px;
        display: block;
        width: 100%;
        height: auto;
    }
    .dw-fo-img>img{width: auto;max-width: 100%;}
    .dw-fo-text{max-width:100%;width: 100%}

    .zw-p2-h1{
        font-size: 36px;
        line-height: 130%;
    }

    .zw-ys-left{
        width: calc(25% - 20px);
        margin-right: 20px;
    }
    .zw-ys-right{width: 75%}

    .zw-zl-left{
        display: block;
        width: 100%;
    }
    .zw-zl-right{
        display: block;
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    .zw-zl-img{
        position: initial;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        height: auto;
        box-sizing: border-box;
        padding-bottom: 30px;
    }
    .zw-zl-img>img{
        width: auto;
        height: auto;
        max-width: 100%;
    }
    .zw-zl-content{
        position: initial;
        display: inline-block;
        vertical-align: middle;
        width: 60%;
        height: auto;
        box-sizing: border-box;
        border: none;
        padding: 0 20px 30px;
    }
    .zw-zl-button{bottom: 0;right: 0}


    .jy-p2-img{display: none}

    .jy-pl.ab-wenhua-secShow{right: 0}

    .pro-numShow{width:85%}

    .pro-yf-left{
        display: block;
        width:100%;
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .pro-yf-left.pt{padding-left:30px}
    .pro-yf-left.xm{padding-right: 30px}

    .pro-yf-right{
        display: block;
        width: 100%;
        margin-top: 20px;
    }
    .pro-yf-right.pt{padding-left: 0}
    .pro-yf-right.xm{padding-right: 0}

    .ry-chose{
        box-sizing:border-box;
        padding: 0 30px;
    }
    .ry-prev{
        bottom:-60px;
        left: 0;
    }
    .ry-next{
        bottom:-60px;
        right:0;
    }

    .kh-sec-zhezhao{display: none}

    .swiper-td .swiper-slide-active .yg-td-img{
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
    .yg-td-img{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .yg-td-p{margin-top: 0;opacity: 1}

    .yg-td-show .swiper-button-prev{left: 20px;}
    .yg-td-show .swiper-button-next{right: 20px}

}

/*1560end*/
@media screen and  (max-width:1333px ){
    .header{
        position: initial;
        display: block;
    }
    .banner{margin-top: 0}
    .tjj-banner{margin-top: 0}
    .cs-banner{margin-top: 0}

    /*.p2-show-shu{display: none}*/
    .p2-show-shu{
        transform: translateY(-35px);
        width: 50%;
    }
    .p2-show-shu img{
        max-width: 50%;
    }
    .p2-show-sec{width: 50%}
    .p2-show-contain{padding-bottom: 0}

    .p3-show-left{display: none}

    .p3-show-right{
        width:100%;
    padding-left:0;
    }
    .p3-button-box{float: right}
    .ab-jieshao-right{display: none}
    .ab-jieshao-text{max-width: 100%;}

    .ab-wenhua-contentShow{width: 100%;height: 520px}
    .ab-wenhua-secShow{
        /*display: none;*/
        position: initial;
    }
    .ab-wenhua-sec{width: 20%}
    .ab-wenhua-sec:hover{width: 40%}


    .ab-licheng-box{
        /*height:486px;*/
        height:580px;
    }

    /*.ab-lc-left{display: none}*/
    .ab-lc-left{
        display: block;
        width: 100%;
        height: auto;
        background-color: transparent;
        padding: 20px 0;
    }
    .ab-lc-img{display: none}
    .ab-lc-right{height: calc(100% - 260px)}
    .ab-lc-t1{
        font-weight:normal;
        color: #333;
    }
    .ab-lc-t2{
        color: #333;
        margin-top: 30px;
    }
    .ab-lc-middle{margin-left: 0}


    .ab-zixun-left{margin-top: 0}
    .ab-zixun-right{
        position: initial;
        display: block;
        width: 100%;
        margin-top: 20px;
    }
    .ab-zixun-right-box{
        max-width:100%;
        text-align: initial;
    }
    .ab-zixun-h2{margin-top: 20px}
    .ab-zixun-h3{margin-top: 20px}
    .ab-zixun-h4{padding-left: 0;margin-top: 20px}
    .ab-zixun-xq{margin-top: 20px}

    .yw-sec-content{width: 100%;height: auto}
    .yw-sec-img{width:70%;margin: 20px 0}

    .contain-box.sec-left:before{display: none}
    .contain-box.sec-left:after{display: none}
    .contain-box.sec-right:before{display: none}
    .contain-box.sec-right:after{display: none}
    .yw-sec-content.t-l{padding-right: 0}
    .yw-sec-content.t-r{padding-left: 0}
    .sec-left .yw-sec-more{
        left: auto;
        right: -114px;
    }

    .xyl-pz-show{padding:40px 20px}

    .xyl-ly-sec{height: auto;margin-top: 30px}
    .xyl-ly-left{width: 100%}
    .xyl-ly-content{width: 100%;margin-top: 20px;margin-bottom: 20px}
    .xly-ly-contentBox{display: block;text-align: center}
    .xyl-ly-contentShow{
        max-width: initial;
        box-sizing: border-box;
        padding: 0 20px;
    }
    .xyl-ly-img>img{
        width:auto;
        /*max-width: 100%;*/
        height: 100%;
    }

    .xyl-hz-sec{width: 50%}

    .cp-show-right{
        display:block;
        width: 100%;
        float: none !important;
        margin-top: 30px;
    }

    .dw-zc{
        padding: 0 20px;
        height: 590px;
    }
    /*.dw-zc-left{display: none}*/
    .dw-zc-left{
        display: block;
        width: 100%;
        height: auto;
        padding: 20px 0;
        text-align: initial;
        background-color: transparent;
    }
    .dw-zc-h1{color: #333}
    .dw-zc-h2{
        color: #333;
        margin-top: 30px;
    }

    .dw-zc-middleShow{height: calc(100% - 176px);}
    .dw-zc-right{height: calc(100% - 176px);}

    .dw-zc-middleShow{margin-left: 0;width:75%}
    .dw-zc-right{width:25%}

    /*.dw-vs-img{display: none}*/
    .dw-vs-img{
        position: initial;
        display: block;
        margin-top: 20px;
    }
    .dw-vs-imgBox{
        width: 100%;
    }
    .dw-vs-imgBox>img{
        max-width: 100%;
    }
    .dw-vs-sec {
        width: 100%;
        padding: 0 0;
        margin-top: 20px;
        float: none !important;
    }
    .dw-vs-sec{max-width:initial;box-sizing: border-box;
        padding: 0 10px;
    }
    .dw-vs-secH{
        font-size: 30px;
        line-height: 130%;
    }

    .dw-so-h1{
        font-size: 36px;
        line-height: 120%;
    }
    .dw-so-h2{
        font-size: 24px;
        line-height: 130%;
    }
    .dw-so-text{max-width: 90%;
        margin: 20px auto 0;
        font-size:16px;line-height: 130% }
    .dw-so-btn{
        margin-top: 20px;
        width: 100px;
        line-height: 30px;
    }

    .tjj-banner{height: auto}
    .tjj-banner-left{width: 100%}
    .tjj-banner-right{display: none}
    .tjj-banner-right>img{
        width: auto;
        height: auto;
        min-width: 100%;
    }
    .tjj-banner-textShow{padding-top: 0}
    .tjj-banner-h1{
        font-size:36px;
        line-height: 130%;
    }
    .tjj-banner-xian{margin-top:20px}
    .tjj-banner-h2{margin-top:20px}

    .tjj-al-show{margin-top: 30px;padding-top: 0;background: none}
    .tjj-al-img{display: none}
    .tjj-sec-t2{padding-left: 30px}



    .zw-p2{height: auto;}
    .zw-p2-left{display: block;width: 100%;height: auto}
    .zw-p2-zhezhao{display: none}
    .zw-p2-leftImg{
        position: initial;
        display: block;
        margin-top: 20px;
        max-width: 100%;
        height: auto;
    }
    .zw-p2-leftImg>img{
        max-width: 100%;
    }
    .zw-p2-right{
        display: block;
        width:auto;
        height: auto;
        margin-top: 20px;
    }
    .zw-p2-rightImg>img{
        width: auto;
        max-width: 100%;
    }

    .zw-ys-show{height: auto}
    .swiper-zw-ys{padding-bottom: 30px;}
    .zw-ys-left{
        display: block;
        width: 100%;
        height: auto;
        padding-top: 0;
        padding-right: 0;
        background-color: transparent;
    }
    .zw-ys-leftText{float: none !important;
        text-align: initial;max-width: initial;
        color: #333;
    }
    .zw-ys-leftLogo{display: none}
    .zw-ys-right{width: 100%;margin-top: 20px}
    .zw-ys-img{width:50%;height: auto}
    .zw-ys-img>img{max-width: 100%;}
    .zw-ys-text{
        width:50% ;
        max-width: initial;
        box-sizing:border-box;
        margin-top: 0;
        margin-left:0;
        padding:0 20px;
    }
    .zw-ys-p{
        font-size: 16px;
        line-height: 170%;
    }
    .zw-ys-button{right: 0;bottom: 0}
    .zw-ys-icon{display: none}

    .jy-pl.ab-wenhua-secShow{
        display: block;
        position: initial;
    }
    .jy-pl.ab-wenhua-contentShow{height:520px}



    .jy-yf-div{width:33.333%}


    .cs-banner-zhezhao{padding-top: 0;width:100%}
    .cs-banner-xian{display: none}


    .pro-xx-left{
        display: block;
        width: auto;
    }
    .pro-xx-right{
        display: block;
        width: 100%;
        margin-top: 20px;
        height: auto;
        padding:40px 40px;
    }
    .pro-xx-xian{display: none}

    .pro-rz-show{padding: 0 50px}

    .pro-ry-content{
        padding-left: 30px;
    }

    .pro-sh-left{
        display: block;
        width: 100%;
    }
    .pro-sh-right{
        display: block;
        float: none !important;
        height: auto;
        width: auto;
        margin-top: 20px;
    }
    .pro-sh-img{
        width: auto;
        height: auto;
        transform: translate(0,0);
        margin-top: 0;
    }
    .pro-sh-img>img{
        width: auto;
        height:100%;
        max-width: 100%;
    }
    .pro-sh-more{right: 0}

    .pro-yg-sec{width: 50%;margin-top: 20px}

    .pro-kh-content{
        display: block;
        width: 100%;
        margin-top: 20px;
    }
    .pro-kh-t{max-width:initial;}
    .pro-kh-img{
        display: block;
        width: 100%;
        margin-top: 20px;
    }


    .sh-banner-tips{
        position: initial;
        display: block;
        text-align: initial;
        margin-top: 20px;
    }
    .sh-banner-title{
        font-size: 50px;
        line-height: 130%;
        color: #333;
        font-weight: normal;
        text-align: center;
    }
    .sh-banner-nav{
        margin-top: 20px;
        font-size: 24px;
        color: #333;
        width:100%;
        line-height: 40px;
        text-align: center;
        border: none;
        float: none !important;
    }

    .sh-banner-t1{
        font-size: 24px;
        color: #333;
        line-height: 130%;
        margin-top: 30px;
        text-align: center;
    }
    .sh-banner-t2{
        font-size: 16px;
        color: #333;
        max-width: initial;
        float: none !important;
        text-align: center;
        padding: 0 20px;
    }

    .photo-box{
        transform: translate(0,0);
        top:10px;
        left: 20px;
    }

    .yg-fl-secShow{
        display: block;
    }
    .yg-fl-sec{width:33.333%; margin-top: 20px; }


    .gw-tc-box{padding-bottom: 40px}
    .gw-form{
        padding:0 20px;
    }
    .gw-sec{margin-top: 10px}
    .gw-btn{margin-top: 30px}

    .dt-show{
        box-sizing: border-box;
        padding: 0 20px;
    }
    .dt-sec{
        width: 100%;
    }

    .pro-numShow{margin-top: 0}
    .xwzx-banner-title{
        font-size: 60px;
    }

    .banner>img{
        width: 100%;
    }
    .banner-tips{
        left:50%;
        right: auto;
        padding: 0 0;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .banner-tips:before{display: none}
    .banner-tips:after{display: none}
    .banner-title{
        text-align: initial;
        font-size: 38px;
    }
    .banner-nav{
        position: initial;
        margin-top:20px;
        font-size: 28px;
        line-height: 100%;
        border: none;
        /*display: block;*/
        text-align: initial;

        display: none;
    }
}

/*1333 end*/
@media screen and  (max-width:1200px ) {
    .photo-box{display: none}
}
@media screen and  (max-width:950px ) {
    .ab-zixun-xinwenLeft {
        padding-left: 10px
    }

    .ab-zixun-xinwenMore {
        position: initial;
        margin-top: 20px;
        padding-left: 10px;
    }

    .ab-xq-fanhui {
        display: inline-block;
        vertical-align: middle;
        margin-right: 20px;
        margin-top: 20px;
    }

    .xq-next {
        position: initial;
        display: inline-block;
        vertical-align: middle;
        margin-top: 20px;
    }

    .dw-vs-sec {
        width: 100%;
        padding: 0 0;
        margin-top: 20px;
        float: none !important;
    }

    .tjj-cp-leftImg {
        display: none
    }

    .tjj-cp-rightContent {
        width: 100%;
    }

    .tjj-cp-rightContentBox {
        padding: 0 20px
    }

    .tjj-cp-rT {
        max-width: initial;
    }

    .tjj-cp-sec-div {
        width: 50%;
        margin-top: 20px
    }


    .tjj-al-h {
        margin-top: 0
    }

    .tjj-sec-t1 {
        display: block;
        padding-right: 0;
        width: auto;
        border-right: none;
        text-align: initial;
        padding-left: 0;
        line-height: 40px;
        margin-top: 30px;
    }

    .tjj-sec-t2 {
        display: block;
        width: 100%;
        line-height: 50px;
        padding-left: 0;
    }

    .tjj-al-secShow {
        padding-top: 0;
        padding-bottom: 0;
    }

    .al-btnBox {
        top: 75px;
        right: 0
    }

    .jy-yf-div {
        width: 50%;
        margin-bottom: 60px
    }

    .cs-banner-h {
        font-size: 32px;
        line-height: 130%;
    }

    .cs-banner-p {
        margin-top: 20px;
        font-size: 16px;
        line-height: 150%;
    }

    .pro-numShow {
        width: 98%
    }

    .sh-qj-sec {
        width: 100%;
        border-left: none;
    }

    .sh-qj-sec:last-of-type {
        border-right: none;
    }

    .yg-yz-show {
        display: block;
    }

    .yg-yz-sec {
        width: 50%;
        margin-top: 20px;
        box-sizing: border-box;
        padding: 0 20px;
    }

    .yg-yz-img {
        width: 100%
    }

    .gw-tc-h {
        line-height: 50px;
    }

    .gw-tc-cha {top: 17px}
    .gw-sec-input{padding-right: 20px}
    .gw-tanchaung{width: 90%}


    .sh-qj-img{height: 240px}
    .sh-qj-imgBox>img{
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }

    .p2-show-sec.f-r{margin-top: 30px}
    .p2-show-sec.f-r{margin-top: 80px}

    .xwzx-banner-title{font-size:34px}

    .ab-wenhua-tip{
        right: 10px;
    }
    .ab-wenhua-text{
        font-size: 26px;
    }
    .ab-wenhua-text:before{display: none}

    .yg-jr-show{bottom:5% }
}

@media screen and  (max-width:840px ){
    .p3-top-content1{
        display: block;
    }
    .p3-top-content2{
        display: block;
        width: 100%;
        height: auto;
        background-color:transparent;
    }
    .p3-top-t3{
        transform: translate(0,0);
        margin-top:20px;
    }
    .p3-show-sec{
        margin-left:0;
         margin-right:20px;
        margin-top: 20px;
    }

    .p3-show-sec:last-of-type{
        margin-right:0;
    }
    .p3-button-box{
        float: none;
        margin-top: 20px;
    }
    .ab-lc-year{
        font-size: 100px;
        line-height: 150%;
    }
    .ab-lc-yearShow p{font-size: 18px;
        line-height: 130%;}
    .ab-lc-middle{width: 76%;}
    .ab-lc-right{
        width: 24%;}
    .lc-ul li.active{
        font-size: 24px;
        width: 80px;
        line-height: 40px;
    }
    .xwzx-banner-title{
        font-size:34px;
        line-height: 130%;
    }
    .xwzx-banner-nav{
        font-size: 24px;
        width: 160px;
        line-height: 40px;
    }
    .xyl-pz-sec{width: 50%}

    .cs-gn-h{font-size: 18px}
    .cs-gn-sec.active .cs-gn-h{
        text-align: center;
        padding-left: 0;
    }
    .cs-gn-p{
        max-width: initial;
        width: 100%;
        box-sizing: border-box;
        padding: 0 20px;
        text-align: center;
    }
    .cs-gn-p:before{
        display: none;
    }
    .cs-gn-sec.active .cs-gn-p
    {left: 0}

    .pro-ry-img{
        display: block;
        width:100%;
        height: auto;
    }
    .pro-ry-content{
        display: block;
        width: 100%;
    }


    .gw-sec{width: 100%;margin-top:5px}


    .sh-qj-img{height: 218px}
    .sh-qj-imgBox>img{
        width: auto;
        height: auto;
        max-width: 100%;
    }

    .sh-banner>img{
        min-width: initial;
        max-width: 100%;
    }
}
/*840end*/
/*ipad*/
@media screen and  (max-width:769px ){

    .swiper-banner .swiper-slide img{
        height: 50vh;
    }
    .swiper-banner-text{display: none}

    .swiper-banner .swiper-slide .more{
        width: 110px;
        line-height: 40px;
        font-size: 18px;
        bottom: 12%;
    }
    .banner .swiper-button-prev{display: none}
    .banner .swiper-button-next{display: none}
    .banner-go .swiper-pagination{bottom: 5%}

    /*.pro-yg-secImg>img{width: auto}*/

    .p2-show-shu{transform: translateY(0px);}
    .p2-show-shu img{max-width: 66%;}

    .xyl-pz{
        padding-bottom: 300px;
    }

    .cs-gn-sec{width: 100%;height: auto}
    .cs-gn-sec>img{width: 100%}
    .cs-gn-sec.active{width: 100%}

    .p3-hoverShow{opacity: 1;background-color: transparent}

    .xyl-right-top .xyl-right-sec{
        /*width:100%;*/
        margin-top: 20px;
    }
    .xyl-right-top .xyl-right-sec:nth-of-type(1){
        padding-right: 0;
    }
    .xyl-right-top .xyl-right-sec:nth-of-type(2){
        padding-left: 0;
    }

    .yg-jr-show{bottom: 15%}
}
@media screen and  (max-width:750px ){

    /*.xyl-pz:before {*/
    /*    content: "";*/
    /*    background-image: inherit;*/
    /*    position: fixed;*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*    !*height: 100vh;*!*/
    /*    !*width: 100%;*!*/
    /*    -webkit-background-size: cover !important;*/
    /*    -moz-background-size: cover !important;*/
    /*    -o-background-size: cover;*/
    /*    background-size: cover !important;*/
    /*    z-index: -1;*/
    /*}*/

    .swiper-banner-text{
        width: 80%;
        max-width: 500px;
        height: auto;
    }
    .banner-text{padding: 20px 20px}
    .banner-text:before{display: none}
    .banner-text:after{display: none}

    .banner-h1{font-size: 50px;
        line-height:150%;
    text-align: initial}
    .banner-h2{font-size: 32px;
        line-height: 150%;}
    .banner-h3{font-size: 24px;}

    .p2{margin-top: 60px}
    .p2-show{margin-top:80px}
    .p2-show-contain{padding-bottom:0}
    .ab-zixun-left-box{display: none}

    .dw-zc{
        /*height: 300px;*/
        height: 476px;
    }
    .dw-zc-middleBox{padding-top: 50px}
    .dw-zc-text{margin-top: 30px;font-size: 18px;
        line-height: 120%;}
    .dw-zc-ul li.active{
        font-size: 20px;
        width: 75px;
        line-height: 200%;
    }
    .dw-zc-numBack{display: none}

    .dw-so-xian{margin-top: 10px}
    .dw-so-h2{margin-top:10px}
    .dw-so-text{margin-top:5px}
    .dw-so-btn{margin-top: 5px}

    .tjj-cp-sec-add{margin: 0 0}
    .tjj-cp-sec-div{width: 100%;padding: 0 0}

    .zw-zl-left{overflow-x: scroll}
    .zw-zl-secShow{min-width: 1000px;}

    .jy-pl.ab-wenhua-sec{width:25%}
    .jy-pl.ab-wenhua-sec:hover{width:25%}
    .jy-pl.ab-wenhua-sec>img{max-width: 100%}

    .p2-h1{font-size: 42px}

    .cs-banner-zhezhao{padding-left:0;justify-content: center }
    .cs-banner-p{display: none}

    .cs-gs{margin-top: 40px}
    .cs-gs-text{margin: 30px auto 40px}
    .cs-gn{padding-top: 30px;padding-bottom: 40px}
    .cs-gn-h3{margin-top: 30px}
    .cs-gn-secShow{margin-top: 30px}

    .pro-numShow{margin: 0 auto}
    .pro-num-sec{width: 50%}

    .pro-num-sec.fj{
        width:50%;
    }

    /*.swiper-kh{height: auto}*/

    .kh-img-box{
        width: 100%;
        height: auto;
        box-sizing: border-box;
        padding: 0 20px;
    }
    .kh-img-box>img{
        max-width: 100%;
        height: auto;
    }

    .pro-yg-sec{width: 100%}
    .pro-yg-secImg{height: auto}
    .pro-yg-secImg>img{
        width:100%;
        height: auto;
        max-width: 100%;
    }
    .tjj-banner-h1{font-size: 24px}
    .tjj-banner-h2{font-size: 16px}
    .tjj-banner-xian{display: none}
}

@media screen and  (max-width:640px ){
    .yg-td-img{padding-top:30px;padding-bottom:50px}

    .sh-qj-img{height: 164px}

    .xyl-ly-img>img{width: 100%;height: auto;}

    .tjj-cp-rT{margin-top: 20px;font-size: 16px;}
}

/*下面是，大标题间距40px，小标题间距30px*/
@media screen and  (max-width:560px ){
    .swiper-banner-text{
        left: 20px;
        bottom:32%;
    }
    .banner-text{
        width:100%;
        padding:10px 10px;
    }
    .swiper-banner .swiper-slide .more{left: 20px}
    .banner .swiper-button-prev{
        bottom: 6%;
        left: 20px;
    }
    .banner .swiper-button-next{
        bottom:6%;
        right: 20px;
    }
    .banner-h1{font-size:40px;
        line-height:130%;
        text-align: initial}
    .banner-h2{font-size:26px;
        line-height: 130%;}
    .banner-h3{font-size:18px;}
    .banner-h4{font-size: 12px;margin-top: 15px}
    .swiper-banner .swiper-slide .more{
        font-size: 14px;
        width: 90px;
        line-height: 40px;
    }

    .banner>img{
        width: 100%;
    }
    .banner-tips{
        left:30px;
        right: auto;
        padding: 0 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .banner-tips:before{display: none}
    .banner-tips:after{display: none}
    .banner-title{
        text-align: initial;
        font-size: 32px;
    }
    .xwzx-banner-title{
        font-size:22px;
        white-space: nowrap;
        overflow: hidden;
    }

    .banner-nav{
        position: initial;
        margin-top:10px;
        font-size: 20px;
        line-height: 100%;
        border: none;

        display: none;
    }
    /*.xwzx-banner-nav{display: none}*/
    .xwzx-banner-nav{
        font-size: 18px;
        line-height: 100%;
        border: none;
        color: rgba(0,0,0,.5);
        font-weight: bold;
    }

    .p2-show-shu{
        display: block;
        width: 100%;
        transform: translateY(-0);
        margin-top: 40px;
    }
    .p2-show-shu img{width: 55%}
    .mobile-yezi{display: none !important;}

    .p2-show-sec{width: 100%;margin-top:40px}
    .p2-show-more{margin-top:20px}
    .p2-show-video{margin-top:60px}
    .p2-show-t2{margin-top: 20px}
    .more-yuan{width: 60px;height: 60px}
    .p2-show-back{display: none;}
    .p2-h1{font-size: 32px;word-break: break-word}
    .p2-h2{font-size: 24px;margin-top: 0}
    .p2{margin-top: 40px}
    .p2-show{margin-top:0}
    .p2-show-t1{font-size: 22px}

    .p3{margin-top:40px}
    .p3-show{margin-top: 30px}
    .p3-top-t1{font-size: 24px}
    .p3-top-t2{font-size: 20px;
        line-height: 130%;}
    .p3-show-sec{
        display: block;
        margin-right:0;
        margin-left: 0;
    }
    .ab-jieshao{margin-top: 40px}
    .ab-jieshao-t2{margin-top: 30px}
    .ab-jieshao-t1{font-size:26px}
    .ab-jieshao-t2{font-size: 24px}

    .ab-wenhua{margin-top: 40px;}
    .ab-wenhua-t1{font-size: 32px}
    .ab-wenhua-t2{font-size: 24px;margin-top: 0}
    .ab-wenhua-t3{
        font-size: 16px;
        line-height:130%;
    }

    .ab-licheng{padding-top: 40px;padding-bottom: 40px}

    .ab-zixun{margin-top: 40px;margin-bottom: 40px}

    .ab-zixun-h1{
        font-size: 26px;
        line-height: 150%;
    }
    .ab-zixun-h2{font-size: 24px}
    .ab-zixun-h4{font-size: 20px}

    .ab-xiwenContent-h{font-size: 20px}
    .ab-xiwenContent-t{font-size: 16px}
    .ab-xq-headline{
        font-size:24px;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .ab-xq-textShow{
        padding-bottom: 40px;
    }
    .ab-xq-bottom{
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .yw-secShow{margin-top: 30px}
    .yw-sec{padding-top:30px;padding-bottom: 30px}
    .yw-sec:last-of-type{padding-bottom: 50px}

    .yw-sec-h1{font-size:26px;
        line-height: 120%;
    }
    .yw-sec-h2{font-size: 24px;
        line-height: 120%;
        margin-top: 20px;
    }
    .yw-sec-text{font-size: 18px}
    .yw-sec-more-box{
        width: 100px;
        line-height: 40px;
        font-size: 16px;
    }
    .sec-left .yw-sec-more{right: -60px}
    .sec-right .yw-sec-more{right: -60px}

    /*.xyl-pro{margin-top: 40px;margin-bottom: 40px}*/
    .xyl-pro-btn{
        width: 180px;
        line-height: 40px;
    }
    .text-h1{font-size: 26px;
        line-height: 120%;
    }


    .xyl-pz-secShow{margin-top: 30px}
    .xyl-pz-sec{width: 100%;border-left: none}
    .xyl-pz-sec:last-of-type {
        border-right:none;
    }
    /*.xyl-ly{margin-top: 40px}*/
    .xyl-ly-ht{margin-top: 30px}

    .xyl-ly-secShow{
        /*margin-top: 30px;*/
        /*margin-bottom: 60px;*/
    }
    .xyl-ly-sec{margin-top: 30px}

    .xyl-hz{padding-top: 30px;padding-bottom:40px}
    .xyl-hz-secShow{margin-top: 30px}
    .xyl-hz-sec{width: 100%;height: auto;margin-top:30px}
    .xyl-hz-secBox{
        padding: 20px 0;
        overflow: visible;
    }
    .xly-hz-btn{
        margin-top: 30px;
    }

    .cp-show{margin-top: 40px;margin-bottom: 40px;}
    .cp-show-right{overflow-x: auto}
    .cp-secShow{min-width: 520px;}


    .dw-fo{margin-top: 40px}
    .dw-fo-h1{font-size: 36px;
        line-height: 130%;
    }


    .dw-zc{margin-top: 40px}

    .dw-vs{margin-top: 40px;margin-bottom: 40px}
    .dw-vs-h1{font-size: 36px;
        line-height: 130%;}
    .dw-vs-h2{
        font-size:24px;
        line-height: 130%;
    }
    .dw-vs-show{margin-top: 30px}
    .dw-so{padding-top: 40px;padding-bottom: 40px}
    .dw-so-show{margin-top: 30px}

    .dw-vs-h1{font-size:26px;
        line-height: 130%;}
    .dw-vs-h2{
        font-size: 21px;
        line-height: 130%;
    }
    .dw-vs-secH{font-size: 20px}
    .dw-vs-secT{font-size: 16px;
        line-height: 130%;}


    .dw-so-h1{display: none}
    .dw-so-h2{margin-top: 0}
    .dw-so-xian{display: none}
    .dw-so-content{width: 70%}
    .dw-so-text{display: none}
    .dw-so-text{margin-top: 0}
    .swiper-dw .swiper-pagination .swiper-pagination-bullet-active{
        width: 20px;
        border-radius: 5px;
    }
    .swiper-dw .swiper-button-next, .swiper-dw .swiper-button-prev{
        width: 30px;
        height: 30px;
        font-size: 18px;
    }
    .swiper-dw .swiper-button-next{right: 20px;}
    .swiper-dw .swiper-button-prev{right: 70px}

    .swiper-dw  .swiper-pagination{
        text-align: right;
        box-sizing: border-box;
        padding-right: 20px;
    }


    .tjj-cp{margin-top: 40px}
    .tjj-cp-show{margin-top: 30px}
    .tjj-al{margin-top: 40px;margin-bottom: 40px}
    .tjj-al-show{padding-top:0;padding-bottom:0}

    .tjj-cp-rH{font-size: 24px;line-height: 130%}
    .tjj-cp-rT{font-size: 16px;}

    .tjj-al{margin-top: 40px;margin-bottom: 40px}
    .tjj-sec-text{
        width: 100%;
        max-width:initial;
        padding-left:0 ;
        margin-top: 0;
    }

    .zw-p2{margin-top: 40px}
    .zw-ys{margin-top: 40px;padding-top: 40px;padding-bottom: 40px}
    .zw-ys-show{margin-top: 30px}

    .zw-zl{margin-top:20px;padding-top: 20px;padding-bottom: 40px}
    .zw-zl-show{margin-top: 30px}
    .zw-zl-content{padding: 0 10px 30px}
    .zw-zl-h{
        font-size: 16px;
        font-size:24px;
        line-height: 130%;}
    .zw-zl-text{margin-top: 10px;
        /*font-size: 12px;*/
        font-size: 16px;
        line-height: 160%;}

    .jy-p2{margin-top: 40px}

    .xyl-ly-t2{font-size: 24px;
        line-height: 150%;}
    .xyl-ly-t3{
        font-size: 16px;
        line-height: 190%;
        margin-top: 20px;
    }


    .jy-pl-tip{font-size: 14px}

    .jy-pl.ab-wenhua-contentShow{height:420px}
    .ab-wenhua-img>img{height:420px}
    .ab-wenhua-contentShow{
        height: 420px;
    }

    .ab-wenhua-secShow{height: 260px}
    .ab-wenhua-sec>img{width: 400%}
    .ab-wenhua-sec{width:25%;}
    .ab-wenhua-sec:hover{width:25%;}
    /*.ab-wenhua-tip{*/
    /*    right: 40%;*/
    /*}*/
    /*.ab-wenhua-sec:nth-of-type(3) >img{*/
    /*    transform: translateX(-40px);*/
    /*}*/
    .ab-wenhua-tip{
        left:8px;
        right:auto;
    }
    .ab-wenhua-text{font-size: 20px}

    .jy-yf{margin-top: 40px}
    .jy-yf-secShow{margin-top: 30px}

    .jy-yf-div{width: 100%;margin-bottom: 30px}
    .jy-yf-secImg{height: auto}
    .jy-yf-secH{font-size: 20px}
    .jy-yf-secP{font-size: 16px}

    /*.cs-gn-sec{width:50%;height: auto}*/
    /*.cs-gn-sec.active{width:50%;}*/
    /*.cs-gn-sec>img{width: 100%}*/
    .cs-gn-text{top: 20px}
    .cs-gn-p{top: 70px}

    .pro-xx{margin-top: 40px;margin-bottom: 40px}
    .pro-rz{
        margin-top:0;
        padding-top: 40px;
        margin-bottom:40px;
        padding-bottom: 40px;
    }
    .pro-yf-show{margin-top: 30px}
    .pro-ry{margin-top: 40px;margin-bottom:80px}
    .pro-ry-show{margin-top: 40px}

    .cs-gs-text{font-size: 16px}
    .pro-xx-t{margin-top: 30px}

    .pro-rz-show{padding: 0 40px;margin-top: 30px}
    .pro-ry-h{font-size: 22px}
    .pro-rz-p{margin-top: 30px}

    .pro-yf-show{margin-top: 30px}

    .pro-ry-content{padding-top: 30px}
    .pro-ry-backNum{display: none}

    .pro-sh{
        margin-top: 40px;
    }
    .pro-yg{margin-top: 40px;padding: 40px 0}
    .pro-yg-show{margin-top: 30px}
    .pro-kh{margin-top: 40px;margin-bottom: 40px}

    .pro-sh-h1{font-size: 26px;
        line-height: 130%;}
    .pro-sh-h2{font-size: 24px}
    .pro-sh-xian{display: none}

    .pro-kh-h1{font-size: 32px;
        line-height: 130%;}
    .pro-kh-h2{font-size: 24px;
        line-height: 150%;}
    .pro-kh-sec{margin-top: 30px}
    .swiper-kh{height:500px}
    .pro-kh-show{margin-top: 30px}

    .sh-banner-title{font-size:26px}
    .sh-qj{margin-top: 40px;margin-bottom:40px}
    .sh-qj-show{margin-top: 30px}

    .yg-yz{margin-top: 40px;margin-bottom: 40px}
    .yg-yz-show{margin-top: 30px}
    .pro-yg{
        margin-top: 40px;
        padding: 40px 0;
    }
    .pro-yg-show{margin-top: 30px}

    .yg-fl{margin-top: 40px;margin-bottom: 40px}
    .yg-fl-secShow{margin-top: 30px}
    .yg-td{padding-top: 40px;padding-bottom: 40px}


    .sxgw{
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .sx-h3{margin-top: 30px}
    .sx-secShow{margin-top: 30px}

    .dt-show{margin-top: 40px}
    .dt-message{margin-top: 30px;margin-bottom: 40px}
    .dt-sec-p{display: block;margin-top: 20px}
    .dt-sec-text{
        width: 100%;
        margin-right: 0;
    }
    .dt-h{
        font-size: 28px;
        line-height: 130%;
    }
    .dt-p{margin-top: 30px}

    .zw-p2-h1{font-size: 26px}
    .zw-ys .p2-h1>span:last-of-type{
        display: block;
        margin-left: 0;
        line-height: 35px;
    }
    .zw-ys .p2-h2{
      margin-top: 20px;
    }
    .pro-yf-h1{font-size: 26px}

    .dw-zc-h1{font-size:26px;
        line-height: 130%;}
    .dw-zc-h2{
        font-size: 18px;
        line-height: 130%;
    }

    .sh-qj-img{height: 142px}


    .ab-lc-t1{font-size: 26px;
        line-height: 130%;}
    .ab-lc-t2{
        font-size: 18px;
        line-height: 130%;
    }
}

/*560end*/
@media screen and  (max-width:480px ){
    .ab-lc-middle{
        /*width: 100%;*/
    }
    .ab-lc-right{
        /*display: none;*/
        height: calc(100% - 159px);
        /*overflow-y: auto;*/
    }
    .lc-ul{padding:0 5px}
    .lc-ul li{margin-top: 20px}
    .ab-lc-year{font-size: 60px}
    /*.ab-lc-yearShow{margin-top: 30px}*/
    /*.ab-lc-progress{margin-top: 40px}*/
    .ab-licheng-box{
        /*height: auto;*/
    }
    .xq-next-title{width:275px}


    .tjj-banner-textShow{box-sizing: border-box;padding: 0 20px}
    .tjj-banner-h1{font-size:18px}
    .tjj-banner-h2{font-size:14px;margin-top: 10px}


    .swiper-zw-ys .swiper-slide{display: block}
    .zw-ys-img{display:block;width: 100%}
    .zw-ys-img>img{
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }
    .zw-ys-text{
        display:block;
        width: 100%;
        margin-top: 20px;
    }

    .cs-gn-sec{width: 100%}
    .cs-gn-sec.active{width: 100%}

    /*.ry-xian{display: none}*/

    .sh-qj-img{height: 207px}

    /*.yg-yz-sec{width: 100%}*/

    .yg-yz-sec{
       padding: 0 10px;
    }

    .yg-fl-sec{width: 50%}

    .zp-btn{
        width:160px;
        line-height: 55px;
        font-size: 14px;
    }
    .zp-btn.xy{margin-left: 10px}
    .zp-btn>img{margin-left: 0}

    .gw-sec-input{
        display: block;
        width: 100%;
        padding-right: 0;
    }

    .zw-zl-img{
        display: block;
        width: 100%;
    }
    .zw-zl-content{
        display: block;
        width: 100%;
    }

    .sh-qj-img{height: 120px}

    .tjj-cp-rT{
        line-height: 150%;}
}

@media screen and  (max-width:400px ){
    .pro-rz-img>img{max-width: 85%;}
}
@media screen and  (max-width:376px ){

    .ab-xiwenContent{
        padding-left: 10px;
        padding-right:0;
    }
    .ab-zixun-btn{
        position: initial;
        margin-top: 20px;
    }

    .ab-wenhua-t1{font-size: 26px}
    .dw-fo-h1{font-size: 26px}
    .p2-h1{font-size: 26px;}
    .p2-h2{font-size: 20px;}

    .pro-num-sec{width: 100%;padding: 20px 0}
    .pro-num{font-size: 32px}

    .pro-xx-h1{font-size: 26px}

    .pro-num-sec.fj{width: 100%}

    .swiper-kh{height:350px}

    .gw-sec-text{font-size: 16px}
    .gw-sec-input>input, .gw-sec-input>select{
        font-size: 16px;
    }
    .gw-fj-text{font-size: 16px}
    .gw-btn{
        width: 180px;
        line-height: 40px;
    }
    .fujian{
        font-size: 16px;
    }


    .ry-btn{
        width: 40px;
        height: 40px;
    }
    /*ry-chose{margin-top: 0}*/

    .dw-vs-h1 .-green{
        display: block;
        margin-right: 0;
    }
    .dw-vs-h1 .-blue{
        display: block;
        margin-left: 0;
    }

    .jy-yf .p2-h1{
        font-size: 24px;
    }
    .pro-sh-img>img{
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }

    .pro-yg .p2-h1>span:last-of-type{
        display: block;
        margin-left: 0;
        line-height: 35px;
    }
    .pro-yg .p2-h2{
        margin-top: 20px;
    }
    .sh-qj-img{
        height:120px;
    }
    .sh-qj-imgBox>img{
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }
    .sh-qj-secShow{margin-top: 0}

    /*.xyl-pz{*/
    /*    padding-bottom: 0;*/
    /*    background-image: none !important;*/
    /*}*/

    .p3-show-left{
        display: block;
        box-sizing: border-box;
        width: 100%;
        padding-left: calc(100% - 154px);
        margin-bottom: 20px;
    }
    .banyuan{
        width: 150px;
        height: 300px;
        border-radius: 150px 0 0 150px;
        font-size: 150px;
    }
    .tjj-cp .p2-h1{font-size: 24px}
    .tjj-cp-secH{font-size: 24px}
    .tjj-cp-secT{font-size: 16px}
    .tjj-al-h{font-size: 20px}
    .tjj-sec-t2H{font-size: 16px}

    .dw-zc-middleShow{width: 69%}
    .dw-zc-right{width: 31%}


    .sh-qj-sec{height: 120px;padding-top: 10px}
    .sh-qj-icon>img{width: 44px}
    .sh-qj-p{
        font-size: 16px;
        margin-top: 10px;
    }
    .zw-p2-leftImg{display: none}

    .pro-yf-add{
        box-sizing: border-box;
        padding: 0 10px;
    }

    .swiper-banner .swiper-slide img{
        height: 50vh;
    }
    .swiper-banner-text{
        display: none;
    }

    .swiper-banner .swiper-slide .more{
        /*width: 70px;*/
        /*line-height: 30px;*/
        bottom: 16%;
    }
    .banner-go .swiper-pagination{
        bottom: 7%;
    }
    .banner-go .swiper-pagination-bullet{
        width: 40px;
        height: 4px;
    }
    .banner .swiper-button-prev{bottom: 3%}
    .banner .swiper-button-next{bottom: 3%}
    .banner .swiper-button-prev, .banner .swiper-button-next{
        width: 14px;
        height: 25px;
    }
    .banner .swiper-button-prev img, .banner .swiper-button-next img{
      width: 100%;
    }

    .pro-ry-show{
            box-sizing: border-box;
            padding: 0 10px;
    }
    /*.swiper-pro-ry{*/
    /*    box-sizing: border-box;*/
    /*    padding: 0 10px;*/
    /*}*/
    .pro-ry-img>img{height: auto;max-height: 100%;}

    .yg-yz-p{
        font-size: 13px;
    }
    .dw-vs-secH>img{margin-left: 5px}

    .xyl-hover-t1{
        font-size: 32px;
        line-height: 130%;
    }
    .xyl-hover-t2{
        font-size: 26px;
        line-height: 130%;
    }
}

/*376end*/
@media screen and  (max-width:340px ){
    .zp-btn {
        width: 140px;
        line-height: 46px;
        font-size: 12px;
    }
}