.ico.active i:nth-child(1) {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 14px;
}
.ico.active i:nth-child(2) {
    opacity: 0;
}
.ico.active i:nth-child(3) {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 14px;
}
.ico {
    position: relative;
    width: 36px;
    height: 36px;
    z-index: 999999999;
    cursor: pointer;
    display: none;
}
.ico i {
    height: 2px;
    width: 90%;
    background-color: #274585;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    position: absolute;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.ico i:nth-child(1) {
    top: 2px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition-delay: 210ms;
    -o-transition-delay: 210ms;
    -webkit-transition-delay: 210ms;
    transition-delay: 210ms;
}
.ico i:nth-child(2) {
    top: 14px;
    -moz-transition-delay: 140ms;
    -o-transition-delay: 140ms;
    -webkit-transition-delay: 140ms;
    transition-delay: 140ms;
}
.ico i:nth-child(3) {
    top: 26px;
    -moz-transition-delay: 70ms;
    -o-transition-delay: 70ms;
    -webkit-transition-delay: 70ms;
    transition-delay: 70ms;
}
.header{
    background: #fff;
    line-height: 90px;
    height: 90px;
    position: fixed;
    width: 100%;
    top:0;
    left: 0;
    z-index:99;
}
.header .nav li a{
    line-height: 90px;
    height: 90px;
}
.header .rt{
    float: right;
}
.header .rt .phone{
    display: inline-block;
    color: #274585;
}
.header .rt .phone img{
    margin-right: 10px;
    position: relative;
    top:-2px;
}
.header .rt .cnEn{
    display: inline-block;
}
.header .rt .ico{
    display: none;
}
.header .rt .cnEn a{
    color: #333333;
    font-size: 18px;
    padding: 0 15px;
    display: inline-block;
}
.header .nav ul{
    text-align: center;
}
.header .nav ul li{
    display: inline-block;
    padding: 0 20px;
}
.header .nav ul li a{
    color: #333333;
    font-size: 18px;
    display: block;
}
.header .nav ul li.active a{
    color: #274585;
    border-bottom: 3px solid #274585;
}
.header .nav{
    width: calc(100% - 413px);
    width: -webkit-calc(100% - 413px);
}
.page0 .fp-tableCell,
#banner,
#banner .container{
    height: 100%;
}
#banner{
    text-align: center;
}
#banner .font24{
    margin: 30px auto;
    color: #fff;
}
#banner .font70{
    color: #fff;
}
#banner img{max-height: 60px}
.ocNextBtn{
    animation: 1s linear 0s posAnimate infinite;
    -webkit-animation: 1s linear 0s posAnimate infinite;
    position: absolute;
    bottom:5%;
    z-index:8;
    left: 50%;
    margin-left: -11px;
    cursor: pointer;
}
@-webkit-keyframes posAnimate { 0% {
    bottom:25px;
    opacity:0;
}
    100% {
        opacity:1;
        bottom:18px;
    }
}
@keyframes posAnimate { 0% {
    bottom:25px;
    opacity:0;
}
    100% {
        opacity:1;
        bottom:18px;
    }
}
.floatNav{
    width: 100px;
    height: 401px;
    background-image: linear-gradient(0deg,
    #1e2c71 0%,
    #335e9e 33%,
    #4890cb 100%),
    linear-gradient(
            #000311,
            #000311);
    background-blend-mode: normal,
    normal;
    position: fixed;
    z-index:66;
    right: 70px;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.floatNav .bdsharebuttonbox{
    height: 100%;
}
.floatNav .bdsharebuttonbox a{
    height: 25%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    text-align: center;
    margin: 0;
    width: 100%;
    padding: 0;
    background-position: 0;
    background: none;
    position: relative;
}
.floatNav .bdsharebuttonbox a:last-child{
    border:none;
}
.page1 .fp-tableCell,
.page2 .fp-tableCell,
.page4 .fp-tableCell{
    padding-top: 90px;
}
.page1 .swiper-container{
    height: 100%;
}
.page1 .swiper-container{
    height: 100%;
    position: relative;
    text-align: center;
}
.page1 .swiper-container  .bgImg{
    width: 100%;
    height: 100%;
    color: #FFF;
    z-index: 5;
    display: flex;
    align-items: center;
    transition: all 0.5s ease-in-out;
    padding: 0 8%;
}
.page1 .swiper-container  .bg{
    background: rgba(0,0,0,0.7);
    position: absolute;
    z-index:2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.page1 .swiper-container .bgImg .contst{
    position: relative;
    z-index:9;
    text-align: center;
    width: 100%;
}
.page1 .swiper-container .bgImg .contst .font30{
    margin-top: 4rem;
    height: 74px;
}
.page1 .swiper-container .bgImg .contst .cont{
    margin-top: 2rem;
    display: none;
}
.page1 .swiper-container .bgImg .contst .cont p{
    margin-top: 10px;
}
.page1 .swiper-container .bgImg .contst .cont a{
    position: relative;
    color: #fff;
    text-align: left;
    padding-left: 16px;
}
.page1 .swiper-container .bgImg .contst .cont a:after{
    content: '';
    width: 4px;
    height: 4px;
    background: #fff;
    position: absolute;
    left: 0;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.page1 .title{
    position: absolute;
    top:20%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    color: #fff;
    z-index:2;
}
.page1 .swiper-slide:nth-child(2n) {
     transition: all 0.8s ease-in-out;
     transform: translate(0px,-200px);
     opacity: 0;
 }
.page1 .swiper-slide:nth-child(2n + 1) {
    transition: all 0.8s ease-in-out;
    transform: translate(0px,200px);
    opacity: 0;
}
.page1.active .swiper-slide:nth-child(2n + 1),.page1.active .swiper-slide:nth-child(2n){
    opacity: 1;
    transform: translate(0px,0px);
    transition-delay: 0.3s;
}
.page2 .swiper-container{
    height: 100%;
}
.page2 .swiper-container .bgImg{
    height: 100%;
    color:#fff;
}
.page2 .swiper-container .bg span{
    position: relative;
    z-index:2;
    margin: auto;
    color: #fff;
}
.page2 .swiper-container .swiper-slide{
    height: calc(50% - 3px);
    height: -webkit-calc(50% - 3px);
}
.page2 .swiper-container .swiper-slide a{
    height: 100%;
    display: block;
}
.page2 .swiper-container .swiper-slide .bg{
    width: 100%;
    height:100%;
    top:0;
    left: 0;
    position: absolute;
    display: flex;
    align-items: center;
    text-align: center;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    opacity: 0;
}
.page2 .swiper-container .swiper-slide .bg:after{
    content: '';
    background-color: #274585;
    opacity: 0.7;
    position: absolute;
    width: 100%;
    height:100%;
    top:0;
    left: 0;
}
.page2 .swiper-slide:nth-child(2n) {
    transition: all 0.8s ease-in-out;
    transform: translate(-200px,0);
    opacity: 0;
}
.page2 .swiper-slide:nth-child(2n + 1) {
    transition: all 0.8s ease-in-out;
    transform: translate(200px,0);
    opacity: 0;
}
.page2.active .swiper-slide:nth-child(2n + 1),.page2.active .swiper-slide:nth-child(2n){
    opacity: 1;
    transform: translate(0px,0px);
    transition-delay: 0.3s;
}
.page3 .container{
    text-align: left;
}
.page3 .cont{
    width: 65%;
    text-align: center;
}
.page3 .cont .title{
    margin-bottom: 10%;
}
.page3 .cont .title .font48{
    color: #333333;
    margin-bottom: 3rem;
}
.page3 .cont .title .font18{
    color: #333333;
}
.page3 .cont ul li p{
    color: #333333;
    margin-top: 2rem;
}
.page3 .cont ul li{
    display: inline-block;
    margin-bottom: 3rem;
    width: 33.33%;
    float: left;
}
.page3 .cont ul li div{
    display: inline-block;
    text-align: center;
}
.page3 .cont ul li:nth-of-type(1),.page3 .cont ul li:nth-of-type(2),.page3 .cont ul li:nth-of-type(3){
    transition: all 0.8s ease-in-out;
    transform: translate(0,-200px);
    opacity: 0;
}
.page3 .cont ul li:nth-of-type(4),.page3 .cont ul li:nth-of-type(5),.page3 .cont ul li:nth-of-type(6){
    transition: all 0.8s ease-in-out;
    transform: translate(0,200px);
    opacity: 0;
}
.page3.active .cont ul li{
    transition-delay: 0.3s;
    transform: translate(0,0);
    opacity: 1;
}
.page4 .bgse .bg1 .cont{
    transition: all 0.8s ease-in-out;
    transform: translate(0,-200px);
    opacity: 0;
}
.page4.active  .bgse .bg1 .cont{
    transition-delay: 0.3s;
    transform: translate(0,0);
    opacity: 1;
}
.page4 .bgse{
    height: 100%;
    position: relative;
}
.page4 .bgse .bg1{
    height: 50%;
    background: url("../images/bg1_11.png") no-repeat center;
    background-size: cover;
    display: flex;
    align-items: center;
    color: #ffffff;
}
.page4 .bgse .bg1 .font48{
    margin-bottom: 3rem;
}
.page4.active .bgse .bg1 .vdo img{
    opacity:1;
    transform: rotate(0deg);
    transition-delay: 0.3s;
}
.page4 .bgse .bg1 .vdo img{
    opacity: 0;
    transform: rotate(180deg);
    transition: all 0.8s ease-in-out;
}
.page4 .bgse .bg1 .cont{
    max-width: 720px;
    margin: auto;
}
.page4 .bgse .bg1 .cont p{
    line-height: 1.8em;
}
.page4 .bgse .bg1 .vdo{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.page5{
    background-color: #333333;
}
.page5 .wid100 a{
    display: inline-block;
    color: rgba(255, 255, 255, 0.8);
}
.page5 .wid100 .lt{
    width: calc(100% - 300px);
    width: -webkit-calc(100% - 300px);
    float: left;
    text-align: left;
}
.page5 .wid100 .rt{
    float: left;
    width: 300px;
}
.page5 .swiper-container{
    padding: 4rem 0;
}
.page5 .swiper-container .font24{
    color: rgba(255, 255, 255, 0.8);
    margin: 1.6rem auto;
}
.page5 .swiper-container .swiper-slide:after{
    content: '';
    width: 1px;
    height:70%;
    border-right: 1px dashed rgba(255, 255, 255, 0.8);
    position: absolute;
    right: -1px;
    top:15%;
}
.page5 .swiper-container .swiper-slide:last-child:after{
    display: none;
}
.page5 .swiper-container .font16{
    color: rgba(255, 255, 255, 0.8);
}
.page5 .wid100{
    border-top:1px solid rgba(255, 255, 255, 0.2);
    padding: 30px 0;
}
.footUl a{
    margin-right: 2rem;
}
.footUl .form-control{
    border: solid 1px rgba(255, 255, 255, 0.2);
    width: 180px;
    height: 35px;
    color: rgba(255, 255, 255, 0.8);
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url("../images/xia_03.png") no-repeat scroll right 15px center transparent;
}
.footUl .form-control::-ms-expand {
    display: none;
}
.footUl .form-control option{
    background: #000000;
}
.footUl2 .lt{
    color: rgba(255, 255, 255, 0.8);
}
.footUl2 .lt span{
    margin: 0 2rem;
}
.footUl2 .rt{
    text-align: right;
}
.footUl2 .rt .bds_sqq{
    background-image: url("../images/icon23.png");
    width: 23px;
    height: 25px;
    background-size: contain;
}
.footUl2 .rt .bds_weixin{
    background-image: url("../images/icon24.png");
    width: 30px;
    height: 24px;
    background-size: contain;
}
.footUl2 .rt .bds_tsina{
    background-image: url("../images/icon25.png");
    width: 30px;
    height: 24px;
    background-size: contain;
}
.footUl2 .rt a{
    background-position: 0 0 !important;
    float: none;
    margin-left: 16px;
}
.footUl .rt{
    text-align: center;
}
.section .swiper-pagination{
    display: none;
}
.banner{
    position: relative;
}
.banner img{
    width: 100%;
}
.banner .cont{
    position: absolute;
    width: 100%;
    left: 0;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index:2;
    text-align: center;
    color: #fff;
}
.banner .cont .font40 span{
    margin: 0 10px 12px 10px;
}
.contact{
    background: url("../images/contact8_03.png") no-repeat center;
    background-size: cover;
    text-align: center;
}
.contact .ul1{
    display: inline-block;
    width: 100%;
}
.contact .ul1 li{
    width: 20%;
    float: left;
    margin-left: 6.666666%;
    border-radius: 4px;
    border: solid 1px #dddddd;
    padding: 40px 30px 20px;
    height: 230px;
}
.contact .ul1 li:first-child{
    margin-left: 0;
}
.contact .ul1 li .imgs{
    height: 36px;
}
.contact .ul1 li .font24{
    color: #666666;
    margin: 2rem auto;
}
.contact .ul1 li .font16{
    color: #666666;
}
.titles{
    text-align: center;
}
.titles .font36{
    color: #333333;
    position: relative;
    display: inline-block;
    padding-bottom: 20px;
}
.titles .font36:after{
    height: 3px;
    background-color: rgba(39, 69, 133, 0.5);
    position: absolute;
    content: '';
    width: 65px;
    bottom:0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.contact .titles{
    margin-bottom: 3rem;
}
.contact .ul2{
    margin: 7rem auto;
}
.contact .ul2 .cont p{
    color: #666666;
    margin-top: 20px;
}
.contact .ul2 .cont .lt,.contact .ul2 .cont .rt{
    width: 20%;
    display: inline-block;
    margin: 0 3.3333%;
}
.contact .fm .form-group{
    width: 30.333%;
    margin-left: 4.5%;
    float: left;
    margin-bottom: 3rem;
    position: relative;
}
.contact .fm .form-group label{
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    color: #333333;
}
.contact .fm .form-group:first-child{
    margin-left: 0;
}
.contact .fm .form-group input{
    height: 40px;
    border-radius: 0;
    border: solid 1px rgba(102, 102, 102, 0.5);
    padding-left: 50px;
    background: none;
}
.contact .fm .form-group:nth-child(3) input{
    padding-left: 75px;
}
.contact .fm .form-control{
    background: none;
    color: #333333;
    border: solid 1px rgba(102, 102, 102, 0.5);
}
.contact .fm button{
    margin-top: 3rem;
    width: 120px;
    height: 50px;
    border-radius: 4px;
    border: solid 1px #666666;
    color: #333333;
    line-height: 1;
    background: none;
}
.banner{
    margin-top: 90px;
}
.join1 .cont{
    display: flex;
    display: -webkit-flex;
    height: 500px;
    overflow: hidden;
}
.join1 .cont .disFlCenter{
    padding: 5% 0 5% 5%;
}
.join1 .cont.row .col-md-6:first-child img{
    display: none;
}
.join1 .cont.row .col-md-6:last-child .row .col-md-6:first-child img{
    display: block;
}
.join4 li,
.join2 .col-md-3{
    cursor: pointer;
}
.join1 .cont .row{
    width: 100%;
    text-align: center;
    margin-bottom: 3rem;
}
.join1 .cont .row img{
    height: 50px;
}
.join1 .cont .row  .font16{
    color: #333333;
    margin: 1.5rem auto;
    line-height: 1;
}
.join1 .cont .row  .font30{
    color: #274585;
}
.join1 .cont p{
    color: #333333;
    line-height: 1.8;
}
.join1 .titles,.join3 .titles,.join4 .titles{
    margin-bottom: 3rem;
}
.join2{
    /*padding: 100px 0;*/
    text-align: center;
    height: 300px;
    overflow: hidden;
    position: relative;
}
.join2Cont{
    background: url("../images/join7_11.png") no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    height: 300px;
}
.join2Cont .cont{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.join2 .font24{
    color: #ffffff;
    margin-top: 3rem;
}

.join3 ul{
    display: flex;
    display: -webkit-flex;
}
.join3 li{
    width: 12.5%;
    text-align: center;
    padding: 10px 2%;
    border-right: 1px dashed rgba(221, 221, 221, 0.5);
}
.join3 li:last-child{
    border-right: none;
}
.join3 li .font24{
    color: #666666;
    margin-bottom: 20px;
}
.join3 li p{
    color: #333333;
    line-height: 1.9;
}
.join4{
    background: url("../images/join13_13.png") no-repeat center;
    background-size: cover;
    text-align: center;
}
.join4 li{
    width: 20%;
    float: left;
    text-align: center;
    padding: 0 3%;
}
.join4 li .font16{
    color: #333333;
    margin: 2rem auto;
}
.join4 li .font14{
    font-size: 13px;
    color: #666;
    line-height: 1.9;
}
.news .navlist{
    text-align: center;
    margin-bottom: 3rem;
}
.news .navlist a{
    padding: 20px 50px;
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #dddddd;
    color: #333333;
    margin: 0 30px;
}
.news .navlist a.active{
    background-color: #274585;
    color: #fff;
}
.newsCont .col-md-4 .imgss{
    height: 300px;
}
.newsCont .col-md-4 .imgss div{
    height: 100%;
}
.newsCont .col-md-4 .imgss img{
    display: none;
}
.newsCont .col-md-4 .cont{
    background-color: #ffffff;
    border-radius: 6px;
    border: solid 1px #dddddd;
    overflow: hidden;
}
.newsCont .col-md-4 a{
    display: block;
}
.newsCont .col-md-4 .cont .text{
    padding: 20px;
}
.newsCont .col-md-4 .cont .text .font24{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
}
.newsCont .col-md-4 .cont .text .font14{
    color: #666666;
    margin: 15px auto;
}
.newsCont .col-md-4 .cont .text .font14 img{
    margin-right: 6px;
    position: relative;
    top:-2px;
}
.newsCont .col-md-4 .cont .text p{
    color: #666666;
    line-height: 1.8;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    text-overflow:ellipsis;
    word-break: break-all;
}
.newsCont .col-md-4 .cont .text span{
    width: 123px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #dddddd;
    color: #666666;
    margin-top: 20px;
    display: inline-block;
}
.newsCont .col-md-4{
    margin-bottom: 2rem;
}
.pages{
    text-align: center;
    margin-top: 2rem;
}
.pages a{
    font-size: 16px;
    color: #666666;
    text-align: center;
    padding: 5px 10px;
}
.pages a.active{
    color: #074387;
    border-bottom: 1px solid #074387;
}
.newsDetails .title{
    text-align: center;
    margin-bottom: 3rem;
}
.newsDetails .title .font24{
    color: #333333;
    margin-bottom: 18px;
}
.newsDetails .title .font18{
    color: #666666;
}
.newsDetails .cont{
    margin-bottom: 40px;
}
.newsDetails .cont p{
    color: #333333;
    line-height: 2;
}
.newsDetails .cont p img{
    margin-top: 10px;
}
.next_perv a{
    display: inline-block;
    color: #666666;
}
.next_perv a:hover{
    color: #274585;
}
.next_perv{
    position: relative;
}
.next_perv li:last-child a{
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #979698;
    color: #666666;
    padding: 10px 25px;
}
.next_perv li.font16{
    margin-bottom: 15px;
}
.next_perv li.font22{
    position: absolute;
    right: 0;
    top:1px;
}
.next_perv li:last-child a:hover{
    background: #274585;
    color: #fff;
}
.about .row{
    display: flex;
    display: -webkit-flex;
    overflow: hidden;
}
.about .row .col-md-6:last-child{
    text-align: left;
    align-items:baseline;
}
.about .row .col-md-6 .titles{
    text-align: left;
    margin-bottom: 30px;
}
.about .row .col-md-6 p{
    line-height: 2;
    margin-bottom: 15px;
    color: #666666;
}
.about .titles .font36:after{
    left: 0;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}
.about1 .cont{
    height: 400px;
    background-color: #fcfcfc;
}
.about1 .cont .lt,.about1 .cont .rt{
    width: 50%;
    height:100%;
    float: left;
}
.about1 .cont .lt img{
    display: none;
}
.about1 .cont:last-child .lt,.about1 .cont:last-child .rt{
    float: right;
}
.about1 .cont .rt .font36{
    color: #333333;
    margin: 2rem auto;
}
.about1 .cont .rt .font16{
    color: #666;
}
.about2 .titles{
    margin-bottom: 3rem;
}
.about2 .titles p{
    color: #333333;
    line-height: 1.9;
    margin-top: 2rem;
}
.about2 li{
    position: relative;
    margin: 20px 0;
    overflow: hidden;
}
.about2 li .cont{
    width: 45%;
    position: relative;
    height: 120px;
    overflow: hidden;
}
.about2 li .cont .lt{
    width: calc(100% - 169px);
    width: -webkit-calc(100% - 169px);
    float: left;
    height:100%;
    border: solid 1px #dddddd;
    padding: 20px;
    color: #666666;
    line-height: 1.6;
    text-align: left;
}
.about2 li .cont .lt p{
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    text-overflow:ellipsis;
    word-break: break-all;
    height: 63px;
}
.about2 li .cont .rt{
    width: 169px;
    float: left;
    height: 100%;
    line-height: 120px;
    text-align: center;
    position: relative;
}
.about2 li .cont .rt .BoxTable{
    background: #ddd;
}
.about2 li:nth-child(2n + 1) .rt:after{
    content: '';
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #ddd;
    position: absolute;
    right: 1px;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.about2 li:nth-child(2n + 1) .cont .rt {
    padding-right: 16px;
}
.about2 li:nth-child(2n) .cont .rt {
    padding-left: 16px;
}
.about2 li:nth-child(2n) .rt:after{
    content: '';
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 16px solid #ddd;
    position: absolute;
    left: 1px;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.about2 li:nth-child(2n + 1) .cont{
    float: left;
}
.about2 li:nth-child(2n) .cont{
    float: right;
}
.about2 li:nth-child(2n) .cont:first-child .lt,.about2 li:nth-child(2n) .cont:first-child .rt{
    float: right;
}
.about2 ul{
    position: relative;
    padding-bottom: 20px;
}
.about2 ul:after{
    width: 1px;
    height: 100%;
    background: #dddddd;
    content: '';
    position: absolute;
    top:0;
    left: 50%;
}
.about2 li:after{
    width: 12px;
    height: 12px;
    background: #dddddd;
    border-radius: 50%;
    content: '';
    position: absolute;
    top:50%;
    left: 50%;
    margin-left: -5.5px;
    margin-top: -6px;
}
.loading{
    font-size: 16px;
    color: #999;
    margin-top: 3rem;
}
.about3{
    background-color: #fcfcfc;
}
.about3 .titles{
    margin-bottom: 3rem;
}
.about3 .swiper-slide{
    text-align: center;
}
.about3 .imgs{
    height: 280px;
    border: solid 1px #dddddd;
    padding: 10px;
}
.about3 .imgs img{
    max-height: 260px;
}
.about3 .font24{
    color: #333333;
    margin-top: 15px;
}
.about3 .swiper-container{
    padding-bottom: 3rem;
}

.about3 .swiper-pagination-bullet{
    width: 50px;
    height: 2px;
    background-color: #dddddd;
    border-radius: 1px;
    opacity: 1;
}
.about3 .swiper-pagination-bullet-active{
    background-color: #333;
}
.casebannerrt .swiper-slide img{
    display: none;
}
.casebannerlt,.casebannerrt {
    width: 50%;
    float: left;
    height: 860px;
}
.casebannerlt .disFlCenter{
    height: 100%;
    padding: 5% 24%;
    text-align: center;
}
.casebanner{
    position: relative;
    margin-top: 90px;
}
.casebanner .swiper-button-white{
    background-image: none;
    width: 66px;
    height: 66px;
}
.casebanner .swiper-button-next{
    right: 80px;
}
.casebanner .swiper-button-prev{
    left: 80px;
}
.casebannerlt .swiper-slide{
    background: url("../images/case1_05.png") no-repeat center;
    background-size: cover;
    color: #fff;
}
.casebannerlt .font48{
    margin: 3rem auto;
}
.casebannerlt p{
    line-height: 1.9;
}
.case .col-md-4{
    margin-bottom: 2rem;
    text-align: center;
}
.case .col-md-4 a{
    display: block;
    height:100%;
}
.case .col-md-4 .imgs{
    height: 280px;
    overflow: hidden;
}
.case .col-md-4 .imgs div{
    height: 100%;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
}
.case .col-md-4 .font24{
    color: #333333;
    margin-top: 15px;
}
.banner .cont img{
    width: auto;
}
.banner .cont .font24{
    margin: 2rem auto 1rem;
}
.solveCase_banner{
    position: relative;
    margin-top: 90px;
    margin-bottom: 140px;
}
.solve{
    padding: 120px 0 270px;
    text-align: center;
}
.solve .font24{
    color: #fff;
    margin: 2rem auto 1rem;
}
.solve .font70{
    color: #fff;
}
.solveNav{
    position: absolute;
    width: 100%;
    left: 0;
    bottom:0;
    transform: translateY(50%);
}
.solveNav ul{
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0px 10px 27px 0px
    rgba(221, 221, 221, 0.35);
    border-radius: 6px;
    padding: 70px 30px;
}
.solveNav ul li{
    width: 16.66666%;
    float: left;
    text-align: center;
    border-right: 1px dashed #ddd;
    cursor: pointer;
}
.solveNav ul li a{
    display: block;
}
.solveNav ul li.active .imgs img:last-child{
    display: block;
}
.solveNav ul li.active .imgs img:first-child{
    display: none;
}
.solveNav ul li.active p{
    color: #274585;
}
.solveNav ul li:last-child{
    border-right: none;
}
.solveNav ul li .imgs img:last-child{
    display: none;
}
.solveNav ul li .imgs{
    margin-bottom: 3rem;
    height:60px;
}
.solveNav ul li p{
    color: #333333;
    line-height: 1.6;
}
.solveCot{
    padding-bottom: 0;
}
.solveCot .list{
    height: 500px;
    background-color: #fcfcfc;
    margin-bottom: 4rem;
}
.solveCot .list .lt{
    height: 100%;
    width: 50%;
    float: left;
}
.solveCot .list .lt img{
    display: none;
}
.solveCot .list .rt{
    height: 100%;
    padding: 5%;
    float: left;
    width: 50%;
}
.solveCot .list:nth-child(2n) .lt,.solveCot .list:nth-child(2n) .rt{
    float: right;
}
.solveCot .list .rt .font36{
    color: #333333;
    margin-bottom: 10px;
}
.solveCot .list .rt .xian{
    width: 30%;
    height: 2px;
    background-color: #dddddd;
    margin-bottom: 4rem;
}
.solveCot .list .rt p{
    color: #666666;
    line-height: 1.8;
}
.productDetaile{
    margin-top: 90px;
}
.productDetaile_nav .swiper-slide a{
    padding: 80px 20px;
    display: block;
    text-align: center;
}
.productDetaile_nav .swiper-slide a .imgs{
    height: 90px;
}
.productDetaile_nav .swiper-slide a .font18{
    color: #ffffff;
    margin-top: 15px;
}
.productDetaile_nav .swiper-slide.active a{
    background-color: #274585;
}
.productDetaile_nav2{
    border-bottom: 1px solid #ddd;
    padding: 40px 0;
}
.productDetaile_nav2 .swiper-slide{
    text-align: center;
}
.productDetaile_nav2 .swiper-slide a{
    color: #333333;
}
.productDetaile_nav2 .swiper-slide.active a{
    color: #274585;
}
.productDetaile_nav2 .cont{
    padding: 0 60px;
    position: relative;
}
.sewq{
    background-image: none;
    font-size: 40px;
    width: 19px;
    height: 40px;
    color: #999;
    line-height: 1;
}
.sewq:hover{
    color: #274585;
}
.proBom{
    height: 450px;
    margin-bottom: 20px;
}
.proBom .swiper-slide{
    border: 1px solid #ddd;
}
.proBom .swiper-slide img{
    max-height: 440px;
}
.proTop .swiper-slide{
    border: 1px solid #ddd;
   /* height: 120px;
    padding: 10px;*/
    cursor: pointer;
}
.proTop .swiper-slide img{
    max-height: 110px;
}
.productDetaile_cont .cont{
    position: relative;
    padding: 0 50px;
}
.proTop .swiper-slide-thumb-active{
    border-color: #274585;
}
.productDetaile_cont .col-md-6:last-child{
    padding-left: 5%;
}
.productDetaile_cont .col-md-6:last-child .font36{
    color: #333333;
    margin-bottom: 2rem;
}
.productDetaile_cont .col-md-6:last-child p{
    color: #333333;
    line-height: 1.8;
}
.productDetaile_cont .col-md-6:last-child .te span{
    color: #ffffff;
    background-color: #333333;
    border-radius: 4px;
    padding: 9px 13px;
    display: inline-block;
}
.productDetaile_cont .col-md-6:last-child .te{
    margin: 2rem auto;
}
.cpxq li{
    display: inline-block;
}
.cpxq li a{
    color: #ffffff;
    padding: 30px 70px;
}
.cpxq li a.active{
    background-color: rgba(0,0,0,0.7);
}
.section1{
    padding: 3rem 0 3rem;
}
.section1 .lt{
    padding-top: 5%;
}
.section1 .rt{
    text-align: right;
}
.section1 .lt .font24{
    color: #333;
    margin-bottom: 2rem;
}
.section1 .lt p{
    line-height: 2.2;
    color: #333;
}
.section2{
    padding: 4rem 0;
    background-color: #f9f9f9;
}
.section2 .font24,.section3 .font24{
    margin-bottom: 2.5rem;
    color: #333;
}
.section3{
    padding: 5rem 0 2rem;
}
.section3 li{
    width: 46%;
    float: left;
    border: solid 1px #dddddd;
    height:300px;
    margin-bottom: 3rem;
}
.section3 li:nth-child(2n){
    margin-left: 8%;
}
.section3 li a{
    height: 100%;
    display: block;
}
.section3 li .lt{
    height: 100%;
    width: 300px;
    float: left;
}
.section3 li .rt{
    width: calc(100% - 300px);
    width: -webkit-calc(100% - 300px);
    float: left;
    height: 100%;
    padding: 5%;
}
.section3 li .rt .font22{
    width: 100%;
    text-align: left;
    color: #333333;
    margin-bottom: 16px;
}
.section3 li .rt p{
    color: #666666;
    line-height: 1.6;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:5;
    text-overflow:ellipsis;
    word-break: break-all;
}
/*.cpxqss{*/
    /*position: fixed;*/
    /*top:50%;*/
    /*width:100%;*/
    /*left: 0;*/
    /*z-index:99;*/
    /*background: red;*/
/*}*/
.nav2s{
    max-width: 115px;
}
.nav2s a{
    display: block;
}
.ipo{
    position: absolute;
    right: 100%;
    top: 0;
    height: 100%;
    padding: 10px 25px;
        background-image: linear-gradient(0deg,
 #1e2c71 0%,
 #335e9e 33%,
 #4890cb 100%),
 linear-gradient(
 #000311,
 #000311);
 font-size: 20px;
width: 180px;
color: #fff;
display: none;
}
.bds_tsina:hover .ipo{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}