



.style_headeer{
    position: relative;
}
.style_banner{
    position: relative;
}
.style_banner img{
    width: 100%;
    height: auto;
}
.style_banner_text{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
}
.style_banner_text .title{
    padding-bottom: 120px;
}
.style_banner_text .title p{
    color: rgba(255,255,255,.7);
    text-align: center;
    
}
.style_banner_text .title h2{
    color: #fff;
}
.style_banner_text .title h5 span::after,
.style_banner_text .title h5 span{
    border-color: #fff;
}
.style_banner_text .title h5{
    padding-top: 10px;
    padding-bottom: 40px;
    margin: 0;
}

.style_nav{
    box-sizing: border-box;
    background-color: rgba(0,0,0,.24);
    text-align: center;
}
.style_nav .newBox2{
    padding: 40px 140px;
    box-sizing: border-box;
}
.style_nav.zlf1 .newBox2{
    padding-bottom: 110px;
}
.style_nav li{
    width: 13.42%;
    margin-right: 1%;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid rgba(255,255,255,.5);
    box-sizing: border-box;
}
.style_nav li:hover,
.style_nav li.active{
    background-color: #24a9e8;
    border-color: #24a9e8;
}
.style_nav li:last-of-type{
    margin-right: 0;
}
.style_nav li a{
    color: #fff;
    height: 46px;
    line-height: 46px;
    text-align: center;
}


.CompanyProfile{
    background-image: url(../images/back5_02.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.CompanyProfile_title{
    padding: 56px 100px;
    box-sizing: border-box;
    background-color: #fff;
}
.cypete_l,.cypete_r{
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}
.cypete_r{
    padding-left: 120px;
    box-sizing: border-box;
}
.cypete_r img{
    width: 100%;
    height: auto;
}
.cypete_l h3{
    color: #282828;
    font-weight: bold;
    padding-bottom: 36px;
}
.cypete_l p{
    color: #555;
    padding-bottom: 40px;
}
.cypete_l_btn a{
    width: 35%;
    height: 58px;
    line-height: 58px;
    text-align: center;
    margin-right: 10px;
    color: #fff;
    background-color: #30a8e1;
}
.cypete_l_btn a:last-of-type{
    margin-right: 0;
}
.cypete_l_btn a:hover{
    background-color: #172b88;
}
.zlf2{
    transform: translateY(-70px);
    -o-transform: translateY(-70px);
    -ms-transform: translateY(-70px);
    -webkit-transform: translateY(-70px);
    -moz-transform: translateY(-70px);
}
.zlf3{
    transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
}

.CompanyProfile_icon{
    padding: 30px 200px 90px 200px;
    box-sizing: border-box;
}
.cypein{
    width: 25%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.cypein h4{
    width: 134px;
    height: 134px;
    line-height: 134px;
    text-align: center;
    border: 1px solid #c9cccf;
    border-radius: 50%;
    display: inline-block;
    padding: 18px;
    box-sizing: border-box;
}
.cypein h4 span{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    background-color: transparent;
}
.cypein h4 span::after{
    content: '';
    display: block;
    width: 120%;
    height: 120%;
    border: 1px solid #24a9e8;
    border-radius: 50%;
    background-color: rgba(36,169,232,.5);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);   
    opacity: 0;
}
.cypein h4 img{
    max-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);    
    z-index: 100;
}
.cypein p{
    color: #555555;
    padding-top: 24px;
}
.cypein h4 img:last-of-type{
    opacity: 0;
}


.cypein:hover h4{
    border-color: #24a9e8;
}
.cypein:hover h4 span img:first-of-type{
    opacity: 0;
}
.cypein:hover h4 span img:last-of-type{
    opacity: 1;
}
.cypein:hover h4 span{
    background-color: #24a9e8;
}
.cypein:hover h4 span::after{
    opacity: 1;
}
.corporateCulture_top{
    background-color: #ebeef1;
}
.cecetp{
    padding: 70px 80px;
    background-color: #fff;
}
.cecetp img{
    width: 100%;
    padding-bottom: 40px;
    padding-top: 30px;
}
.cecetp_left,.cecetp_right{
    display: inline-block;
    vertical-align: top;
    padding: 66px 36px 0 36px;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
}
.cecetp_left{
    width: 40%;
    margin-right: 2%;
}
.cecetp_right{
    width: 58%;
}
.cecetp h3{
    color: #006cb8;
    padding-bottom: 40px;
}
.cecetp p{
    color: #282828;
    padding-left: 24px;
    box-sizing: border-box;
    position: relative;
}
.cecetp p::after{
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #8893a3;
    position: absolute;
    left: 0;
    top: 14px;
}
.corporateCulture_btm{
    position: relative;
}
.corporateCulture_btm img{
    width: 100%;
}
.cecebm{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);  
}
.cecebm h3{
    color: #fff;
    padding-bottom: 20px;
}
.cecebm p{
    padding-bottom: 40px;
}
.cecebm p:last-of-type{
    padding-bottom: 0;
}
.cecebm p font{
    font-weight: bold;
    padding: 0 30px 0 40px;
}
.cecebm p font,
.cecebm p i,
.cecebm p span{
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

.development{
    background-color: #ebeef1;
}
.dttp{
    padding: 76px 120px;
    box-sizing: border-box;
    background-color: #fff;
}
.dttp_left,.dttp_right{
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
}
.dttp_left{
    width: 40%;
}
.dttp_right{
    width: 60%;
    padding-left: 40px;
}
.dttp_right h3 span{
    color: #24a9e8;
}
.dttp_right h3 i{
    display: block;
    color: #24a9e8;
    font-weight: bold;
    padding-bottom: 20px;
}
.dttp_right p{
    color: #333333;
    padding-bottom: 30px;
}
.dttp_right p:last-of-type{
    padding-bottom: 0;
}

.dttpLists{
    width: 23.5%;
    margin-right: 2%;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
  
}
.dttpLists a{
    border: 1px solid #e9e9e9;
    padding: 70px 50px 0 60px;
    box-sizing: border-box;
}
.dttpLists:nth-child(4n){
    margin-right: 0;
}
.dttpLists h4{
    color: #d0d7de;
    padding-bottom: 20px;
}
.dttpLists h3{
    color: #24a9e8;
    font-size: 30px;
}
.dttpLists h6{
    width: 18px;
    height: 1px;
    background-color: #e6e6e6;
    margin: 20px 0;
}
.dttpLists p{
    color: #333333;
    height: 100px;
}
.dttpList{
    padding-bottom: 30px;
}



.dttpLists:hover{
    background-color: #22348d;
}
.dttpLists:hover h4{
    opacity: .3;
}
.dttpLists:hover p,
.dttpLists:hover h3{
    color: #fff;
}
.dttpLists:hover h6{
    background-color: #fff;
}

.ceas{
    padding: 70px 80px;
    box-sizing: border-box;
    background-color: #ebeef1;
}
.ceas_left,.ceas_right{
    display: inline-block;
    vertical-align: top;
}
.ceas_left{
    width: 34%;
}
.ceas_right{
    width: 66%;
    padding-left: 90px;
    padding-top: 20px;
    box-sizing: border-box;
}
.ceas_text{
    padding-bottom: 30px;
}
.ceas_text p{
    color: #333333;
    text-indent: 2em;
} 
.ceas_right h6{
    text-align: right;
}

.HonorAndQualification_top{
    background-color: #ebeef1;
    padding-bottom: 20px;
}
.hradqntp{
    background-color: #fff;
    padding: 50px 84px 54px 94px;
    box-sizing: border-box;
}
.hradqntp_list{
    width: 100%;
    padding: 16px 0;
    box-sizing: border-box;
    position: relative;
    z-index: 100;
}
.hradqntp_list h6,
.hradqntp_list h4{
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    position: relative;
}
.hradqntp_list h4{
    width: 16%;
    color: #24a9e8;
    font-weight: bold;
    text-align: center;
}
.hradqntp_list h4::after{
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/backa2.png) no-repeat center center;
    background-size: 100% 100%;
    border-radius: 50%;
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);  
}
.hradqntp_list h6{
    width: 84%;
    padding-left: 50px;
    box-sizing: border-box;
}
.hradqntp_list:hover{
    background-color: #22348d;
}
.hradqntp_list:hover h6 p{
    color: #fff;
}
.hradqntp_list h6 p{
    color: #333333;
    
}
.hradqntp_is{
    padding-top: 40px;
    position: relative;
}
.hradqntp_is::after{
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    background: url(../images/backa1.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    left: 16%;
    top: 0;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
}
.hradqntp_is::before{
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background-color: #eaeaea;
    position: absolute;
    left: 16%;
    top: 22px;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
}
.HonorAndQualification_btm{
    padding: 60px 0 100px 0;
}
.hradqnbm{
    width: 32.5%;
    margin-right: 1.2%;
    margin-top: 1.2%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    background-color: #ebeef1;
}
.hradqnbm:nth-of-type(3n){
    margin-right: 0;
}
.hradqnbm img{
    width: 100%;
    height: auto;
}
.hradqnbm p{
    height: 62px;
    line-height: 62px;
    color: #333333;
}
.exhibitionOfExhibits{
    background-color: #ebeef1;
}
.enofes{
    padding: 60px 90px;
    box-sizing: border-box;
    background-color: #fff;
}
.enofes_t form{
    font-size: 0;
    width: 100%;
    height: 46px;
}
.enofes_t button,
.enofes_t input{
    border: none;
    outline: none;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.enofes_t input{
    width: 80%;
    background-color: #e7eaee;
    text-indent: 2em;
    color: rgba(51,51,51,1);
}
.enofes_t button{
    width: 20%;
    background-color: #145c91;
    color: #fff;
}
.enofes_t button span,
.enofes_t button i{
    display: inline-block;
    vertical-align: middle;
}
.enofes_t button i{
    padding-right: 14px;
}
.enofes_b{
    padding-top: 42px;
}
.enofes_b_list{
    position: relative;
}
.enofes_b_list p,
.enofes_b_list p i,
.enofes_b_list p span,
.enofes_b_list h6,
.enofes_b_list h4,
.enofes_b_list1 h6,
.enofes_b_list1 h4{
    display: inline-block;
    vertical-align: middle;
}
.enofes_b_list1 h6,
.enofes_b_list1 h4,
.enofes_b_list h6,
.enofes_b_list h4{
    width: 42%;
}
.enofes_b_list h4,
.enofes_b_list1 h4{
    padding-left: 50px;
    box-sizing: border-box;
}

.enofes_b_list a,
.enofes_b_list1{
    height: 46px;
    line-height: 46px;
}
.enofes_b_list1{
    margin-bottom: 10px;
    background-color: #145c91;
}
.enofes_b_list1 h6,
.enofes_b_list1 h4{
    color: #fff;
}
.enofes_b_list p span,
.enofes_b_list h6,
.enofes_b_list h4{
    color: #555;
}
.enofes_b_list{
    margin-bottom: 2px;
    background-color: #f1f2f4;
}
.enofes_b_list p i{
    color: #b1bfc9;
    padding-right: 10px;
}

.enofes_b_list:hover{
    background-color: #dadee6;
}
.enofes_b_list:hover p i,
.enofes_b_list:hover p span{
    color: #145c91;
}
.btb_list{
    text-align: center;
}
.btb_list ol,
.btb_list ul,
.btb_list li{
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}
.btb_list li{
    padding: 0 6px;
}
.btb_list li a{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #c2c2c2;
    box-sizing: border-box;
    color: #afafaf;
}
.btb_list ol{
    padding-left: 20px;
}
.exhibitionOfExhibits{
    padding-bottom: 90px;
}
.btb_list .active a,
.btb_list li:hover a{
    background-color: #145c91;
    color: #fff;
    border-color: #145c91;
}

.enofes_xq h2{
    padding: 40px 0;
}
.enofes_xq h2 a{
    width: auto;
    float: right;
}
.enofes_xq h2 a span,
.enofes_xq h2 a i{
    display: inline-block;
    vertical-align: middle;
}
.enofes_xq h2 a i{
    padding-right: 10px;
    color: #145c91;
}
.enofes_xq h2 a span{
    color: #333;
}
.esxqsrcr h3{
    color: #333332;
}
.esxqsrcr h4{
    color: #145c91;
    font-weight: bold;
    font-family: 'Arial';
}
.esxqsrcrText{
    padding-top: 36px;
    margin-top: 30px;
    border-top: 1px solid #e2e2e2;
}
.esxqsrcrText_l,
.esxqsrcrText_r{
    display: inline-block;
    vertical-align: middle;
}
.esxqsrcrText_l{
    width: 40%;
}
.esxqsrcrText_r p{
    text-align: center;
    color: #555555;
    padding-top: 30px;
}
.esxqsrcrText_l p{
    color: #555555;
}
.esxqsrcrText_l p i{
    width: 80px;
    text-align: justify;
    text-align-last:justify;
    text-justify:distribute-all-lines;
}
.esxqsrcrText_l p i,
.esxqsrcrText_l p span{
    display: inline-block;
    vertical-align: middle;
}
.esxqsrcrText_l p span{
    padding-left: 30px;
}
.esxqsrcrText_l h5{
    color: #333;
    font-weight: bold;
}

.enofes_xq_swr .icon{
    width: 40px;
    height: 40px;
    text-align: center;
    background-image: none;
    border: 1px solid #c2c2c2;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    right: 0;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
}
.enofes_xq_swr .icon a{
    display: inline-block;
    line-height: 40px;   
}   
.enofes_xq_swr .swiper-button-prev{
    top: 62%;
}
.enofes_xq_swr .swiper-button-next{
    top: 76%;
}
.enofes_xq_swr .icon span{
    color: #c8c8c8;
}
.enofes_xq_swr .icon:hover{
    background-color: #145c91;
}
.enofes_xq_swr .icon:hover span{
    color: #fff;
}
.enofes_xq_swr{
    position: relative;
}
.exhibitionOfExhibits_xq{
    padding: 0;
}
.enofes_xq_swr_btn{
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 200;
}
.enofes_xq_swr_btn a{
    width: auto;
    padding: 10px 30px;
    background-color: #e7eaee;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.enofes_xq_swr_btn a:last-of-type{
    margin: 0;
}
.enofes_xq_swr_btn i,
.enofes_xq_swr_btn span{
    display: inline-block;
    vertical-align: middle;
}
.enofes_xq_swr_btn i{
    color: #abadaf;
    padding-right: 10px;
}
.enofes_xq_swr_btn span{
    color: #333;
}
.enofes_xq_swr_btn a:hover span,
.enofes_xq_swr_btn a:hover i{
    color: #145c91;
}

.CorporateNews{
    padding: 54px 0 80px;
}
.censlt a{
    padding: 26px 0;
}
.censlt_l h3,.censlt_l p,
.censlt_l,.censlt_r{
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
}
.censlt_l{
    width: 30%;
    border-right: 1px solid #ededed;
}
.censlt_r{
    width: 70%;
    padding: 0 200px 0 50px;
    box-sizing: border-box;
    position: relative;
}
.censlt_l h3{
    width: 58%;
}
.censlt_l h3 img{
    width: 100%;
    height: auto;
}
.censlt_l p{
    width: 42%;
    text-align: center;
    color: #1d2a67;
}
.censlt_r h4{
    color: #282828;
    padding-bottom: 10px;
}
.censlt_r p{
    color: #838383;
}
.censlt_r .iconfont{
    color: #cccccc;
    position: absolute;
    right: 100px;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
}


.censlt:hover{
    background-color: #0f70ae;
}
.censlt:hover .censlt_r h4,
.censlt:hover .censlt_r p,
.censlt:hover .censlt_r .iconfont,
.censlt:hover .censlt_l p{
    color: #fff;
}


.CorporateNews .btb_list{
    padding-top: 50px;
}
.NoticeNotice{
    padding: 50px 0 80px 0;
}

.NoticeNotice .btb_list{
    padding-top: 50px;
}

.nenetp_l,.nenetp_r{
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
}
.nenetp_l{
    width: 60%;
}
.nenetp_r{
    width: 40%;
    text-align: right;
}
.nenetp{
    padding: 16px 10px 16px 26px;
    border-bottom: 1px dashed #e2e2e2;
    box-sizing: border-box;
}
.nenetp:last-of-type{
    border-bottom: none;
}
.nenetp_r p,
.nenetp_l h4{
    color: #333;
}
.nenetp_l p{
    color: rgba(255,255,255,.5);
    display: none;
}
.nenetp:hover{
    padding: 40px 10px 40px 40px;
    background-color: #145c91;
}
.nenetp:hover .nenetp_l h4{
    color: #fff;
}
.nenetp:hover .nenetp_r p{
    color: rgba(255,255,255,.5);
}

.CorporateNewsXq{
    padding: 80px 0 100px 0;
}
.CorporateNewsXq_top{
    padding-bottom: 46px;
    position: relative;
    text-align: center;
    border-bottom: 1px solid #dddddd;
}
.CorporateNewsXq_top::after{
    content: '';
    display: block;
    width: 94px;
    height: 3px;
    background-color: #94c42f;
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
}
.CorporateNewsXq_top h2{
    color: #282828;
}
.CorporateNewsXq_top p{
    color: rgba(40,40,40,.6);
    padding-top: 14px;
}
.CorporateNewsXq .newBox2{
    padding: 0 90px;
    box-sizing: border-box;
}
.CorporateNewsXq_btm p{
    padding-top: 30px;
    text-indent: 2em;
    color: rgba(40,40,40,.7);
}
.CorporateNewsXq_btm p img{
    width: 49%;
    margin-right: 2%;
}
.CorporateNewsXq_btm p img:nth-of-type(2n){
    margin-right: 0;
}
.censxqbn_l,.censxqbn_r{
    display: inline-block;
    vertical-align: top;
}
.CorporateNewsXq_btn{
    padding-top: 60px;
}
.censxqbn_l{
    width: 80%;
}
.censxqbn_l a{
    color: #6e6e6e;
    padding: 10px 0;
    box-sizing: border-box;
}
.censxqbn_r{
    width: 20%;
    text-align: right;
}
.censxqbn_r a{
    width: auto;
    height: auto;
    padding: 8px 36px;
    border-radius: 50px;
    background-color: #145c91;
    display: inline-block;
    color: #fff;
    margin-top: 10px;
}
.censxqbn_r a i{
    padding-right: 12px;
}
.censxqbn_r a i,.censxqbn_r a span{
    display: inline-block;
    vertical-align: middle;
}
.socialResponsibility{
    background-color: #ebeef1;
}
.socialResponsibility_top{
    padding: 70px 94px 80px 94px;
    background-color: #fff;
}

.slrytpSwr_l,.slrytpSwr_r{
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
}
.slrytpSwr_l img{
    width: 100%;
    height: auto;
}
.slrytpSwr_r{
    padding-left: 90px;
}
.slrytpSwr a{
    font-size: 0;
}
.slrytpSwr_r h4{
    color: #485284;
}
.slrytpSwr_r p{
    color: #333333;
    padding: 30px 0 44px 0;
    text-align: justify;
}
.slrytpSwr_r .btn{
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #49c5ff;
}
.slrytpSwr_r .btn i,.slrytpSwr_r .btn span{
    color: #fff;
}
.socialResponsibility_top .iccs{
    width: auto;
    bottom: auto;
    left: auto;
    right: 0;
    top: 16px;
}
.socialResponsibility_top .iccs span{
    width: 10px;
    height: 10px;
    background-color: #e4e4e9;
    opacity: 1;
    display: inline-block;
    vertical-align: middle;
}
.socialResponsibility_top .iccs .swiper-pagination-bullet-active{
    width: 14px;
    height: 14px;
    border: 2px solid #49c5ff;
    box-sizing: border-box;
    background: transparent;
}

.socialResponsibility .btb_list{
    padding: 60px 0;
    background: #fff;
}
.socialResponsibility_btm{
    padding-bottom: 60px;
}
.slrytp_l,.slrytp_r{
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
}
.slrytp{
  
    border-bottom: 1px dashed #e2e2e2;
}
.slrytp a{
    padding: 14px 140px 14px 100px;
    box-sizing: border-box;
}
.slrytp:last-of-type{
    border: none;
}
.slrytp_l{
    width: 70%;
}
.slrytp_r{
    width: 30%;
    text-align: right;
}
.slrytp_r p,
.slrytp_l h4{
    color: #333333;
}
.slrytp:hover{
    background-color: #145c91;
}
.slrytp:hover .slrytp_r p,
.slrytp:hover .slrytp_l h4{
    color: #fff;
}

.JoinUs{
    background-color: #ebeef1;
}
.JoinUs .btb_list{
    padding: 60px 0;
    background-color: #fff;
}
.JoinUs_top{
    padding: 80px 94px 60px 94px;
    box-sizing: border-box;
    background-color: #fff;
}
.jnustp1_left,
.jnustp1_right,
.jnustp1_right_text,
.jnustp1_right h4,
.jnustp1_left_text,
.jnustp1_left h4{
    display: inline-block;
    vertical-align: middle;
}
.jnustp1_left,
.jnustp1_right{
    width: 48.5%;
    margin-right: 3%;
    padding: 32px 32px 32px 120px;
    background-color: #f1f1f1;
    box-sizing: border-box;
}
.jnustp1_right{
    margin: 0;
}

.jnustp1_right h4,
.jnustp1_left h4{
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    color: #162988;
    border: 2px solid #dbdbdb;
    position: relative;
}
.jnustp1_right h4 i,
.jnustp1_left h4 i{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);      
}
.jnustp1_right_text,
.jnustp1_left_text{
    padding-left: 30px;
}
.jnustp1_right_text p,
.jnustp1_left_text p{
    color: #333;
}
.jnustp1_right_text h5,
.jnustp1_left_text h5{
    color: #2ea8e0;
    font-weight: bold;
}
.jnustp2{
    padding-top: 50px;
    text-align: center;
}
.jnustp2 p{
    color: #333;
}
.JoinUs_btm{
    padding-bottom: 80px;
}

.JoinUs_btm h2{
    color: #282828;
    font-weight: bold;
    text-align: center;
    padding-bottom: 40px;
}
.jnusbmlt{
    margin-bottom: 20px;
}
.jnusbmlt:last-of-type{
    margin-bottom: 0;
}
.jnusbmlt h3{
    background-color: #fff;
    padding: 14px 50px 14px 90px;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
}
.jnusbmlt h3::after{
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #313131;
    position: absolute;
    left: 70px;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
}
.jnusbmlt h3 span{
    display: inline-block;
    color: #313131;
    font-weight: bold;
}
.jnusbmlt h3 p{
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    background-color: #bbbbbb;
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
}
.jnusbmlt h3 p i{
    color: #fff;
    font-size: 14px;
}
.jnusbmlt h3 p i:last-of-type{
    display: none;
}
.jnusbmlt_text{
    padding-left: 90px;
    display: none;
}
.jnusbmlt_text h4{
    padding-top: 30px;
    font-weight: bold;
    color: #24a9e8;
    padding-bottom: 10px;
}
.jnusbmlt_text p{
    color: #313131;
}


.jnusbmlt_av h3,
.jnusbmlt:hover h3{
    background-color: #22348d;
}

.jnusbmlt_av h3 p,
.jnusbmlt:hover h3 p,
.jnusbmlt_av h3::after,
.jnusbmlt:hover h3::after{
    background-color: #fff;
}

.jnusbmlt_av h3 span,
.jnusbmlt:hover h3 span{
    color: #fff;
}
.jnusbmlt_av h3 p i,
.jnusbmlt:hover h3 p i{
    color: #bbbbbb;
}

.jnusbmlt h3 .pIcon i:first-of-type{
    display: none;
}
.jnusbmlt h3 .pIcon i:last-of-type{
    display: inline-block;
}

.contactUs{
    background-color: #ebeef1;
}

.contactUs_logo{
    padding: 70px 94px 90px 94px;
    background-color: #fff;
}
.contactUs_logoCC{
    border: 1px solid #e4e4e4;
}
.ctuslo{
    width: 25%;
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    box-sizing: border-box;
}
.ctuslo:nth-of-type(-n + 4){
    border-top: none;
}
.ctuslo:nth-of-type(4n){
    border-right: none;
}

.ctuslo:hover img{
    filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(1);
}

#container{
    width: 100%;
    height: 600px;
}
.anchorBL,.BMap_cpyCtrl{
    display: none;
}
.contactInformation_top{
    position: relative;
}

.ctintpPn{
    width: 100%;
    left: auto;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
   z-index: 10;
}
.ctintpPn_text{
    padding: 40px;
    background-color: #fff;
    box-sizing: border-box;
}
.cppnttzf2{
    width: 20%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.cppnttzf2 h3{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #e8ebf1;
    display: inline-block;
    position: relative;
}
.cppnttzf2 h3 i{
    color: #24a9e8;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);  
    z-index: 200;    
}
.cppnttzf2 h3::after{
    content: '';
    display: block;
    width: 84%;
    height: 84%;
    border-radius: 50%;
    background-color: #24a9e8;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);  
    opacity: 0;
}

.cppnttzf2:hover h3::after{
    opacity: 1;
}
.cppnttzf2:hover h3 i{
    color: #fff;
}
.cppnttzf2 p{
    padding-top: 16px;
    color: #797979;
}
.cppnttzf2 h4{
    color: #3e3e3e;
    font-weight: bold;
}
.contactInformation_btm{
    padding-top: 86px;
    padding-bottom: 90px;
    background: url(../images/style11_02.jpg) no-repeat center center;
    background-size: cover;
}
.contactInformation_btm h2{
    color: #303445;
    text-align: center;
    font-weight: bold;
    padding-bottom: 40px;
}
.input{
    margin-bottom: 10px;
    position: relative;

}
.inputs{
    width: 48%;
    height: 50px;
    margin-right: 4%;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.inputs input{
    width: 100%;
    height: 100%;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    outline: none;
    padding-left: 90px;
    box-sizing: border-box;
}
.inputs:last-of-type{
    margin-right: 0;
}
.contactInformation_btm form{
    padding: 0 94px;
}
.input .ics,
.inputs i{
    color: #a9a9a9;
    font-size: 26px;
    position: absolute;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
}
.input .ics{
    top: 30px;
}
.contactInformation_btm textarea{
    width: 100%;
    height: 180px;
    outline: none;
    resize: none;
    border-radius: 5px;
    border: 1px solid #dfdfdf;
    padding-left: 90px;
    padding-top: 18px;
    box-sizing: border-box;
    margin-bottom: 26px;
}
.contactInformation_btm  button{
    width: 100%;
    height: 48px;
    background-color: #24a9e8;
    color: #dfdfdf;
    outline: none;
    border: none;
}
.style_banner2{
    position: relative;
}
.style_banner2 img{
    width: 100%;
    height: auto;
}
.style_banner2_text{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);  
}
.style_banner2_text form{
    padding:  0 130px 0 96px;
}
.banner2_input{
    width: calc(100% - 210px);
    width: -ms-calc(100% - 210px);
    width: -webkit-calc(100% - 210px);
    padding-left: 60px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    position: relative;
}
.banner2_input input{
    width: 100%;
    height: 38px;
    border: none;
    outline: none;
    background-color: transparent;
    border-left: 1px solid #fff;
    text-indent: 16px;
    color: #fff;
    padding-right: 20px;
    box-sizing: border-box;
}
.banner2_input input::-webkit-input-placeholder {
    color: #fff;
  }
  .banner2_input input::-moz-input-placeholder {
    color: #fff;
  }
  .banner2_input input::-ms-input-placeholder {
    color: #fff;
  }
  .banner2_input  i{
      color: #49c5ff;
      font-weight: bold;
      position: absolute;
      left: 20px;
      top: 50%;
      transform: translateY(-50%);
      -o-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
  }
.style_banner2_text button{
    width: 210px;
    height: 38px;
    border: none;
    outline: none;
    background-color: #49c5ff;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
}
.search_list{
    padding: 70px 0 90px 0;
}
.search_list .slrytp:last-of-type a,
.search_list .slrytp{
    border: none;
}
.search_list .slrytp a{
    padding: 14px;
    display: block;
    border-bottom: 1px dashed #e2e2e2;
}

.purchase{
    background-color: #ebeef1;
    padding-bottom: 76px;
}
.purchase_top{
    background-color: #fff;
    padding: 56px 100px;
    box-sizing: border-box;
}

.purchase_top th{
    text-align: left;
    background-color: #145c91;
    padding: 14px 0;
    color: #fff;
}
.purchase_top th{
    border:10px solid #fff;
    border-right-style:none;
    border-left-style:none;
    border-top-style: none;
}
.purchase_top td{
    padding: 14px 0;
    color: #555555;
    background-color: #f1f2f4;
    border:2px solid #fff;
    border-right-style:none;
    border-left-style:none;
    border-top-style: none;
}
.purchase_top td:last-of-type,
.purchase_top th:last-of-type,
.purchase_top td:first-of-type,
.purchase_top th:first-of-type{
    padding-left: 60px;
}

.purchase_top tr:hover td{
    background-color: #dadee6;
}



.marketingNetwork{
    position: relative;
}
.marketingNetwork img{
    width: 100%;
    height: auto;
}
.ixpe5_maps_pos{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


.ip5msps h6 p{
    color: #fff;
    text-shadow: 1px 0 10px #1ccef8, 0 1px 10px #1ccef8, 0 -1px 10px #1ccef8, -1px 0 10px #1ccef8;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 101;
  }
  .ip5msps h6 i{
    width: 10px;
    height: 10px;
    line-height: 10px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
  
  }
  .ip5msps h6 i span{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #ccd6e5;
    display: inline-block;
    box-shadow: 1px 0 10px #5ccce5, 0 1px 10px #5ccce5, 0 -1px 10px #5ccce5, -1px 0 10px #5ccce5;
    position: relative;
    z-index: 100;
  }
  .ip5msps h6 i::before{
    content: '';
    display: block;
    width: 180%;
    height: 180%;
    border-radius: 50%;
    z-index: 88;
    animation: spans1 1s infinite linear;
    background-color: rgba(1,51,124,.6);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);      
  }
  @keyframes spans1 {
    0% {
      transform: translateY(-50%) translateX(-50%) scale(1.5);
      -ms-transform: translateY(-50%) translateX(-50%) scale(1.5);
      -o-transform: translateY(-50%) translateX(-50%) scale(1.5);
      -moz-transform: translateY(-50%) translateX(-50%) scale(1.5);
      -webkit-transform: translateY(-50%) translateX(-50%) scale(1.5);
      opacity: 0;
    }
    25% {
      transform: translateY(-50%) translateX(-50%) scale(1.8);
      -ms-transform: translateY(-50%) translateX(-50%) scale(1.8);
      -o-transform: translateY(-50%) translateX(-50%) scale(1.8);
      -moz-transform: translateY(-50%) translateX(-50%) scale(1.8);
      -webkit-transform: translateY(-50%) translateX(-50%) scale(1.8);
      opacity: 0.1;
    }
    50% {
      transform: translateY(-50%) translateX(-50%) scale(2);
      -ms-transform: translateY(-50%) translateX(-50%) scale(2);
      -o-transform: translateY(-50%) translateX(-50%) scale(2);
      -moz-transform: translateY(-50%) translateX(-50%) scale(2);
      -webkit-transform: translateY(-50%) translateX(-50%) scale(2);
      opacity: 0.3;
    }
    75% {
      transform: translateY(-50%) translateX(-50%) scale(2.5);
      -ms-transform: translateY(-50%) translateX(-50%) scale(2.5);
      -o-transform: translateY(-50%) translateX(-50%) scale(2.5);
      -moz-transform: translateY(-50%) translateX(-50%) scale(2.5);
      -webkit-transform: translateY(-50%) translateX(-50%) scale(2.5);
      opacity: 0.5;
    }
    100% {
      transform: translateY(-50%) translateX(-50%) scale(3);
      -ms-transform: translateY(-50%) translateX(-50%) scale(3);
      -o-transform: translateY(-50%) translateX(-50%) scale(3);
      -moz-transform: translateY(-50%) translateX(-50%) scale(3);
      -webkit-transform: translateY(-50%) translateX(-50%) scale(3);
      opacity: 0;
    }
  }

  .ip5msps h6 i::after{
    content: '';
    display: block;
    width: 300%;
    height: 300%;
    border-radius: 50%;
    z-index: 88;
    background-color: rgba(1,51,124,.3);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);      
  }
  
  .ip5msps{
    position: absolute;
  }
  .ip5msps1{
    right: 21%;
    top: 45%;
  }
  .ip5msps2{
    right: 24%;
    top: 44%;
  }
  
  .ip5msps3{
    right: 33%;
    top: 29%;
  }
  .ip5msps4{
    right: 29%;
    top: 66%;
  
  }
  .ip5msps5{
    right: 32%;
    top: 57%;
  }
  .ip5msps6{
    right: 36.5%;
    top: 53%;
  }
  .ip5msps7{
    right: 46%;
    top: 60%;
  }

  .ip5msps8{
    right: 46%;
    top: 50%;
  }

  .ip5msps9{
    right: 50%;
    top: 38%;
  }
  .ip5msps10{
    right: 47%;
    top: 31.3%;
  }
  .ip5msps11{
    right: 61.2%;
    top: 69%;
  }
  .ip5msps12{
  
    right: 70%;
    top: 43.8%;

  }
  .ip5msps13 {
    right: 69%;
    top: 33.6%;
}

  .ip5msps14{
    right: 61.6%;
    top: 83%;
  }
  .ip5msps15{
    right: 44.2%;
    top: 80%;
  }
  .ip5msps16{
    right: 17.4%;
    top: 80%;
  }


  .ip5msps17{
    right: 73%;
    top: 53.6%;
  }

  
  .ip5msps18{
    right: 70.6%;
    top: 56.8%;
  }
  .ip5msps19{
    right: 67%;
    top: 61.4%;
  }
  .ip5msps20{
    right: 67.5%;
    top: 69.5%;
  }
  .ip5msps21{
    right: 53%;
    top: 47%;
  }
  .ip5msps22{
    right: 45%;
    top: 47%;
  }
  .ip5msps23{
    right: 42.6%;
    top: 43.7%;
  }
  .ip5msps24{
    right: 43%;
    top: 52.5%;
  }
  .ip5msps25{
    right: 31.6%;
    top: 62.6%;
  }
  .ip5msps26{
    right: 24%;
    top: 57.6%;
  }




  .ip5msps13 i,
  .ip5msps14 i,
  .ip5msps15 i,
  .ip5msps23 i,
  .ip5msps16 i,
  .ip5msps12 i,
    .ip5msps7 i,
    .ip5msps22 i,
    .ip5msps26 i,
  .ip5msps2 i,
  .ip5msps1 i{
    margin-right: 14px;
  }
  .ip5msps18 i,
  .ip5msps19 i,
  .ip5msps20 i,
  .ip5msps21 i,
  .ip5msps11 i,
  .ip5msps10 i,
  .ip5msps9 i,
  .ip5msps8 i,
  .ip5msps6 i,
  .ip5msps5 i,
  .ip5msps25 i,
  .ip5msps24 i,
  .ip5msps17 i,
  .ip5msps4 i,
  .ip5msps3 i{
    margin-left: 14px;
  }
  .ip5msps_text{
      padding: 14px 0;
      min-width: 230px;
      text-align: center;
      background-color: #fff;
      position: absolute;
      right: -300px;
      top: -36px;
      z-index: 888;
      display: none;
      opacity: 0;
      visibility: hidden;
  }
  .ip5msps_text p{
      padding: 8px 0;
  }
  .ip5msps_text h6{
        width: 0;
        height: 0;
      position: absolute;
      left: -28px;
      top: 36px;
      border-left: 10px solid transparent;
      border-right: 20px solid #fff;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      
  }


  .ip5msps:hover{
      z-index: 888;
  }








  .flsm{
      background-color: #ebeef1;
  }



  .flsms{
    padding-top: 30px;
    padding-bottom: 20px;
    padding: 70px 90px 80px 90px;
    box-sizing: border-box;
    background-color: #fff;
}
.flsms{
    padding-top: 50px;
    padding-bottom: 60px;
}
.flsms h4 i,.flsms h4 span{
    display: inline-block;
    vertical-align: middle;
}
.flsms h4 i{
    width: 6px;
    height: 6px;
    background-color: #008cd6;
    margin-right: 10px;
    border-radius: 50%;
}
.flsms h4{
    padding-top: 30px;
}
.flsms  p{
    padding: 20px 0;
    font-size: 16px;
    color: #333;
    line-height: 30px;
}
.flsms  p img{
    width: 100%;
    height: auto;
}
.flsms h4 span{
    font-size: 22px;
    color: #008cd6;
    font-weight: bold;
}

.esblts{
    width: auto;
    position: absolute;
    right: 10%;
}

.esblts i,
.esblts span{
    display: inline-block;
    vertical-align: middle;
}


.esblts span{
    color: #555;
    font-size: 14px;
}
.esblts i{
    color: #b1bfc9;
    padding-right: 10px;
    font-size: 24px;
}

.cpyd{
    background-color: #ebeef1;
}

.cpyds{
    padding: 56px 96px 60px 96px;
    background-color: #fff;
    box-sizing: border-box;
}
.cpyds_l,.cpyds_r{
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
}
.cpyds_l{
    width: 34%;
}
.cpyds_r{
    width: 66%;
    padding-left: 100px;
}



.cpyds_forms{
    width: 100%;
    height: 50px;
    border: 1px solid #dfdfdf;
    padding-left: 50px;
    box-sizing: border-box;
    border-radius: 5px;
    margin-bottom: 10px;
}
.textarea{
    height: 160px;
    padding-top: 20px;
}

.cpyds_forms span{
    display: inline-block;
    vertical-align: middle;
    width: 12%;
    height: auto;
    color: #282828;
    font-size: 14px;
    text-align: justify;
    text-align-last: justify;
}
.textarea span{
    vertical-align: top;
}
.cpyds_forms textarea,
.cpyds_forms input{
    height: 100%;
    width: 88%;
    display: inline-block;
    vertical-align: middle;
}


.cpyds_forms input,
.cpyds_forms textarea,
.cpyds_forms button{
    border: none;
    outline: none;
    resize: none;
    box-sizing: border-box;
}

.cpyd_btms{
    padding-top: 26px;
}
.cpyd_btms button{
    width: 300px;
    height: 50px;
    border: 1px solid #dfdfdf;
    background-color: #24a9e8;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
}
.cpyd_btms a{
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    padding-left: 30px;
}
.cpyd_btms a i{
    font-size: 24px;
    color: #666666;
    display: inline-block;
    vertical-align: middle;
}
.cpyd_btms a em{
    color: rgba(51,51,51,.7);
    padding-left: 10px;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}



  #fullpage  .ixpe2lt_btn,
  #fullpage  .indexPage4_list .swiper-container,
  #fullpage .active .ixpe2lt_btn,
#fullpage .active .indexPage4_list .swiper-container,
  #fullpage   .title,#fullpage .active  .title,
  #fullpage  .ixpe3sr_l,  #fullpage  .ixpe3sr_r,
  #fullpage .active .ixpe3sr_l,  #fullpage .active .ixpe3sr_r,
  #fullpage .active .index_text,  #fullpage  .index_text{
    transition: all 1s cubic-bezier(0.35, 0.75, 0.55, 1) 0.1s;
    -webkit-transition: all 1s cubic-bezier(0.35, 0.75, 0.55, 1) 0.1s;
    -moz-transition: all 1s cubic-bezier(0.35, 0.75, 0.55, 1) 0.1s;
    -o-transition: all 1s cubic-bezier(0.35, 0.75, 0.55, 1) 0.1s;
  }
  .indexPage4_list .swiper-container,
  .ixpe3sr_l{
      transform: translateX(-400px);
      -ms-transform: translateX(-400px);
      -webkit-transform: translateX(-400px);
      -moz-transform: translateX(-400px);
      -o-transform: translateX(-400px);
      opacity: 0;
  }
  .ixpe2lt_btn,
  .ixpe3sr_r{
    transform: translateX(400px);
    -ms-transform: translateX(400px);
    -webkit-transform: translateX(400px);
    -moz-transform: translateX(400px);
    -o-transform: translateX(400px);
    opacity: 0;
  }
  #fullpage .title{
    transform: translateY(400px);
    -o-transform: translateY(400px);
    -ms-transform: translateY(400px);
    -moz-transform: translateY(400px);
    -webkit-transform: translateY(400px);
    opacity: 0;
}
#container img{
    max-width: none;
}

#fullpage .active  .title{
    transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1;
}

#fullpage .active .ixpe2lt_btn,
#fullpage .active .indexPage4_list .swiper-container,
  #fullpage .active .ixpe3sr_r,
  #fullpage .active .ixpe3sr_l{
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    opacity: 1;
  }
  #fullpage .active .index_text{
    top: 50%;
    opacity: 1;
  }




  .cppnttzf2 img{
      width: 60%;
  }








  