/*indexCont*/
.animateds{transition: all .5s;}
.index-banner{overflow: hidden;}
.index-banner ul{transition: all .8s;}
.index-banner li{float: left;/*height: 600px;*/width: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.index-banner li .ani_3{padding-left: 200px;align-self: flex-start;}
.index-banner li h2{margin: 0;padding: 0;text-align: center;color: #fff;font-size: 40px;line-height: 70px;font-weight: lighter;}
.index-banner li p{margin-top: 0px;font-size: 16px;color: #fff;line-height: 30px;text-align: center;}
.index-banner li .ani_3 h2{text-align: left;}
.index-banner li .ani_3 p{text-align: left;}
/*.index-banner li:nth-child(1){background-image: url(../images/index/banner_1.jpg);}
.index-banner li:nth-child(2){background-image: url(../images/index/banner_2.jpg);}
.index-banner li:nth-child(3){background-image: url(../images/index/banner_3.jpg);}*/

.index-service{box-sizing: border-box; padding: 100px;padding-top: 150px; background: #224c78 url(../images/index/service_bg.jpg)no-repeat center;background-size: cover;position: relative;}
.index-service-item{width: 80%;height: initial!important; float: right;box-shadow: 0px 0px 20px #000;background-color: #292929;/*position: absolute;right: 5%;top: 40%;*/}
.index-service-item ul{display: flex;flex-direction:row;flex-wrap: wrap;justify-content:space-around;align-items: center;}
.index-service-item li{width: 27.33%;padding: 50px 3%;display: flex;flex-direction:row;justify-content: space-between;align-items: center;overflow: hidden;}
.index-service-item li .left:hover img{transform: rotateY(720deg);transition: all 1s;}
.index-service-item .left{width: 70px;margin-right: 10px;flex-shrink:0;transition: all 0.5s;margin-top: -350px;}
.index-service-item .right{color: #fff;line-height: 1.8;transition: all 1s;transform: rotateY(90deg);}
.index-service-item .right p{margin-top: 20px;}

.index-work{box-sizing: border-box;padding-top: 61px;background-color: #333;}
.index-work-item{height: 100%;}
.index-work-item ul{height: 100%;}
.index-work-item li{float: left;width: 25%;overflow: hidden;position: relative;height: 50%;}
.index-work-item li a{display: block;height: 100%;}
.index-work-item li a img{height: 100%;}
.index-work-item li .hide{background-color: rgba(0,0,0,.8);color: #fff;position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform: rotateY(90deg);transition: all .5s;}
.index-work-item li .hide .title{font-size: 18px;padding: 25px;letter-spacing: 2px;}
.index-work-item li .hide .title span{font-size: 12px;}
.index-work-item li .hide .info{text-align: center;line-height: 2;letter-spacing: 5px;width: 100%;position: absolute;left: 0;top: 35%;}
.index-work-item li .hide .arrow{text-align: right;position: absolute;bottom: 30px;right: 0;}
.index-work-item li .hide .arrow img{width: 30px;padding-right: 25px;}
.index-work-item li:hover .hide{transform: rotateY(0deg);}

.index-about{position: relative;background: #224c78 url(../images/index/about_bg.jpg)no-repeat center;background-size: cover;height: 615px;}
.index-about .contain{display: flex!important;align-items: center;}
.index-about-info{overflow: hidden;width: 60%;color: #fff;line-height: 2;margin-left: 10%;}
.index-about-info .title{font-size: 24px;}
.index-about-info .title h2{width: 50%;}
.index-about-info .info{font-size: 16px;margin: 20px 0;}
.index-about-info .en{font-size: 12px;}
.index-about-info .more{position: absolute;right: 10%;bottom: 10%;}
.index-about-info .more a{display: block;width: 40px;}

@media (max-width: 1050px){
	.index-service{padding: 50px;}
	.index-service-item{width: 100%;}
	.index-about{height: 500px;}
	.index-about-info .blurb{padding-right: 60px;}
}

@media (max-width: 767px){
        .index-banner li h2{font-size:30px;}
        .index-banner li .ani_3{padding-left: 45px;}
	.index-service{padding: 0;}
	.index-service-item li{width: initial;padding:20px 3%;}
	.index-work-item li{width: 50%;}
	.index-about{height: initial;padding-bottom: 50px;}
	.index-about-info{padding: 20px;margin: 0;width: initial;}
	.index-about-info .title h2{width: 80%;}
	.index-about-info .info{font-size: 14px;}
	.index-about-info .en{font-size: 10px;}
	.index-about-info .more{bottom: initial;}
	.footer{padding: 0 20px;}
	.footer-legal{text-align: center;line-height: 30px;float: none !important;}
}
/*index current*/
.current .index-service-item .left{margin-top: 0;}
.current .index-service-item li:nth-child(1) .left{transition-delay: 0.5s;}
.current .index-service-item li:nth-child(2) .left{transition-delay: 1s;}
.current .index-service-item li:nth-child(3) .left{transition-delay: 1.5s;}
.current .index-service-item li:nth-child(4) .left{transition-delay: 2s;}
.current .index-service-item li:nth-child(5) .left{transition-delay: 2.5s;}
.current .index-service-item li:nth-child(6) .left{transition-delay: 3s;}
.current .index-service-item .right{transform:rotateY(0deg);}
.current .index-service-item li:nth-child(1) .right{transition-delay: 0.5s;}
.current .index-service-item li:nth-child(2) .right{transition-delay: 1s;}
.current .index-service-item li:nth-child(3) .right{transition-delay: 1.5s;}
.current .index-service-item li:nth-child(4) .right{transition-delay: 2s;}
.current .index-service-item li:nth-child(5) .right{transition-delay: 2.5s;}
.current .index-service-item li:nth-child(6) .right{transition-delay: 3s;}

.current .index-about-info .blurb{opacity: 1;transition-delay: .5s;}
.current .index-about-info .more{margin-right: 0;transition-delay: 1s;}

/*about*/
.about-left{float: left;width: 60%;padding: 50px 30px;padding-left: 70px; box-sizing: border-box;}
.about-left h2{font-size: 24px;line-height: 2;}
.about-left p{margin: 5px 0;line-height: 2;}
.about-left h3{margin: 20px 0;}
.about-left-title{font-size: 16px;margin-bottom: 30px;}
.about-left-title:before{display: inline-block;content: '';height: 3px;background-color: #000;width: 35px;margin-bottom: 4px;margin-right: 5px;}

.about-right{float: right;width: 40%;}

@media (max-width: 1050px){
	.about-right img{min-height: 600px;}
}

@media (max-width: 767px){
	.Banner img{min-height: 80px;}
	.about-left{width: initial;padding: 20px;}
	.about-left h2{font-size: 18px;}
	.about-right{width: initial;}
	.about-right img{min-height: initial;}

/*index visible*/
.visible .index-service-item .left{margin-top: 0;}
.visible .index-service-item li:nth-child(1) .left{transition-delay: 0.5s;}
.visible .index-service-item li:nth-child(2) .left{transition-delay: 1s;}
.visible .index-service-item li:nth-child(3) .left{transition-delay: 1.5s;}
.visible .index-service-item li:nth-child(4) .left{transition-delay: 2s;}
.visible .index-service-item li:nth-child(5) .left{transition-delay: 2.5s;}
.visible .index-service-item li:nth-child(6) .left{transition-delay: 3s;}
.visible .index-service-item .right{transform:rotateY(0deg);}
.visible .index-service-item li:nth-child(1) .right{transition-delay: 0.5s;}
.visible .index-service-item li:nth-child(2) .right{transition-delay: 1s;}
.visible .index-service-item li:nth-child(3) .right{transition-delay: 1.5s;}
.visible .index-service-item li:nth-child(4) .right{transition-delay: 2s;}
.visible .index-service-item li:nth-child(5) .right{transition-delay: 2.5s;}
.visible .index-service-item li:nth-child(6) .right{transition-delay: 3s;}

.visible .index-about-info .blurb{opacity: 1;transition-delay: 1s;}
.visible .index-about-info .more{margin-right: 0;transition-delay: 2s;}
}

/*join*/
.join-title-info{width: 60%;box-sizing: border-box;float: left;padding: 50px;padding-left: 70px;}
.join-title-info>h3{width: 380px;border-bottom: 6px solid #000;}
.join-title-info>h2{font-size: 28px;margin: 25px 0;font-weight: normal;}
.join-title-info>p{letter-spacing: 3px;line-height: 2;font-size: 16px;}
.join-title-info .join-contact{padding: 20px 0;}
.join-title-info .join-contact h3{width: 460px;border-top: 3px solid #6a6a6a;}
.join-title-info .join-contact h4{font-size: 20px;line-height: 2;color: #666;}
.join-title-info .join-contact p{margin-bottom: 10px;line-height: 1.5;font-size: 14px;color: #666;}
.join-title-info .join-contact p span{margin: 0 10px;}
.join-title-info .join-contact a{border: 1px solid #ccc;padding: 5px;background: url(../images/join/qq.png)no-repeat 5px center;background-size: 20px 20px;padding-left: 30px;letter-spacing: 2px;background-color: #000;color: #fff;}
.join-title-info .join-contact a:hover{background-color: #585858;}
.join-title-pic{width: 40%;float: right;/*padding: 5% 0;padding-right: 70px;*/ box-sizing: border-box;}

.join-job{padding-bottom: 50px; width: 90%;margin: 0 auto;}
.join-job li{float: left;padding: 20px;width: 25%;text-align: center;font-weight: bold;box-sizing: border-box;font-size: 16px;}
.join-job-item .title ul{background-color: #f7f7f7;cursor: pointer;}
.join-job-item .main{transition: height .5s;overflow: hidden;height: 0;}
.join-job-item .job-box{border: 5px solid #f7f7f7;}
.join-job-item .job-box h2{line-height: 2;background-color: #f7f7f7;padding-left: 20px;font-size: 30px;}
.join-job-item .job-body{padding: 5%;}
.join-job-item .job-body .left{width: 50%;float: left;margin-bottom: 20px;}
.join-job-item .job-body .right{width: 50%;float: right;margin-bottom: 20px}
.join-job-item .job-body dt{font-weight: bold;font-size: 16px;}
.join-job-item .job-body dd{font-size: 12px;line-height: 2;color: #666;padding: 20px;}
.join-job-item .job-body p span{color: #000;font-size: 16px;}

@media (max-width: 1050px){
	.join-title-pic{padding: 20px;}
}

@media (max-width: 767px){
	.join-title-info{width: initial;padding: 20px;}
	.join-title-pic{display: none;}
	.join-job{width: 100%;padding:0 0 20px;}
	.join-job-item .job-body .left{width: 100%;}
	.join-job-item .job-body .right{width: 100%;}
	.join-title-info>h3{width: 100%;}
	.join-title-info .join-contact h3{width: 100%;}
}

/*news*/
.news-list{min-height: 100px;}
.news-list-item{margin: 20px 0;box-sizing: border-box;padding: 0 15px;width: 25%;float: left;}
.news-list-item .wrap{min-height: 170px;padding: 15px 20px;color: #666;font-size: 12px;border-bottom: 3px solid #fff;transition: all 0.5s;box-sizing: border-box;}
.news-list-item:hover .wrap{border-bottom: 3px solid #222;}
.news-list-item .time{text-align: center;}
.news-list-item h3{font-size: 18px;margin: 15px 0;font-weight: bold;color: #222; line-height: 1.5;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news-list-item .txt{margin-bottom: 10px; line-height: 1.5;font-size: 12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

@media (max-width: 1050px){
	.news-list-item{width: 33.33%;padding: 0 30px;}
	.news-list-item .img img{height: 160px;}
}

@media (max-width: 767px){
	.news-list-item{width: 100%;padding: 0 15px;}
	.news-list-item .img{float: left;width: 35%;}
	.news-list-item .img img{height: initial;}
	.news-list-item .wrap{float: left;width: 60%;height: initial;min-height: initial;padding: 10px 20px;}
	.news-list-item .time{text-align: left;}
	.news-list-item h3{margin: 0;font-size: 14px;}
	.news-list-item .txt{display: none;}
}

/*news_details*/
.news-details-time{padding-left: 100px;}
.news-details-time .time{margin: 20px 0;}
.news-details-time time{font-size: 18px;}
.news-details-time .time a{padding: 8px 15px 5px;font-size: 12px;color: #fff;font-weight: bold;background: #4c4c4c;margin-left: 15px;}

.news-details-info .info{float: left;width: 65%;box-sizing: border-box;padding-left: 100px;padding-right: 20px;}
.news-details-info .info .img{margin-bottom: 30px;}
.news-details-info .info .wrap{padding-bottom: 50px;}
.news-details-info .info .wrap h2{padding: 5px 0;padding-left: 30px;border-left: 1px solid #222;line-height: 2;font-size: 24px;font-weight: bold;margin-bottom: 30px;}
.news-details-info .info .wrap h3{font-weight: bold;line-height: 2;font-size: 16px;margin: 40px 0px 14px;box-sizing: border-box;}
.news-details-info .info .wrap p{line-height: 2;margin-bottom: 20px;font-size: 14px;}

.news-details-info .side{float: left;width: 30%;box-sizing: border-box;padding: 0 20px;}
.news-details-info .side .category h4{border-radius: 2px;text-align: center;color: #fff;padding: 15px 0;font-size: 18px;font-weight: bold;background-color: #4c4c4c;margin: 0;}
.news-details-info .side .category h4 span{font-size: 12px;color: #ccc;}
.news-details-info .side .category li{position: relative;}
.news-details-info .side .category li>span{position: absolute;left: 0;top: 18px;font-size: 12px;transition: all 0.5s;}
.news-details-info .side .category li:hover>span{left: 5px;color: #33bad2;}
.news-details-info .side .category li a{padding: 17px 10px 17px 25px;color: #222;display: block;border-bottom: 1px solid #efefef;position: relative;font-weight: bold;}
.news-details-info .side .category li a span{position: absolute;top: 12px; right: 0;color: #000;padding: 7px 10px;border-radius: 3px;background-color: #eee;font-size: 12px;}
.news-details-info .side .category li a:hover{color: #33bad2;}
.news-details-info .side .category li a:hover span{color: #fff;background-color:#33bad2; }

.news-details-info .side .newPosts{margin:30px 0;}
.news-details-info .side .newPosts h4{border-radius: 2px;text-align: center;color: #fff;padding: 15px 0;font-size: 18px;font-weight: bold;background-color: #4c4c4c;margin: 0;}
.news-details-info .side .newPosts h4 span{font-size: 12px;color: #ccc;}
.news-details-info .side .newPosts li{padding: 20px 0;border-bottom: 1px solid #eee;}
.news-details-info .side .newPosts li a img{width: 35%;height: auto; float: left;padding-right: 15px;box-sizing: border-box;}
.news-details-info .side .newPosts li a h5{float: left;color: #000;margin: 0;width: 65%;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;    display: -webkit-box;    -webkit-box-orient: vertical;}
.news-details-info .side .newPosts li:hover a h5{color: #33bad2;}
.news-details-info .side .newPosts li a span{display: block;color: #999;padding-bottom: 5px;}

@media (max-width: 767px){
	.news-details-time{padding-left: 20px;}
	.news-details-info .info{padding-left: 20px;width: initial;}
	.news-details-info .side{width: initial;}
}

/*case*/
.case-partner{padding: 50px 0;width: 80%;margin: 0 auto;}
.case-partner li{float: left;width: 20%;transition: all .5s;}
.case-partner li a{display: block;}
.case-partner li:hover{z-index: 1;box-shadow: 0 15px 30px rgba(0,0,0,0.1);transform:translate3d(0,-2px,0);}
.case-list-more{padding: 20px 0 50px;text-align: center;}
.case-list-more a{display: inline-block;border: 1px solid #000;color: #000;font-size: 16px;letter-spacing: 2px;font-weight: bold; padding: 10px 50px;/*background: url(../public/icon/arrow_more.png)no-repeat 135px center;*/background-size: 22px 22px;transition: all .3s;}
.case-list-more a:hover{background-color: #000;color: #fff;}

@media (max-width: 1200px){
	.case-partner li{width: 25%;}
}

@media (max-width: 1000px){
	.case-partner li{width: 33.33%;}
}

/*contact*/
.contact-info{height: 400px;min-height: 450px;}
.contact-blurb{float: left;width: 50%;box-sizing: border-box;background: url(../images/contact/22.jpg) center top no-repeat;height: 100%;}
.contact-payment{float: left;width: 50%;padding: 50px;padding-left:70px;box-sizing: border-box;}
.contact-payment h2{font-size: 22px;font-family: arial;font-weight: 400;line-height: 1;margin-bottom: 50px;}
.contact-payment-mode{margin: 20px 0;}
.contact-payment-mode img{float: left;width: 180px;}
.contact-payment-mode ul{margin-left: 200px;line-height: 1.75;color: #333;}

@media (max-width: 767px){
	.contact-info{height: initial;min-height: initial;}
	.contact-blurb{display: none;}
	.contact-payment{width: 100%;padding: 20px;    text-align: center;}
	.contact-payment h2{margin-bottom: 25px;}
	.contact-payment-mode img{float: initial;}
	.contact-payment-mode ul{margin-left: 0;}
}

.loader{    
	box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 25%;
    max-width: 25%;
    height: 200px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: calc(50% - 100px);
}
@media (max-width: 767px){
	.swiper-container{
		width: 100%;
		height: 100%;
	}	
}

.swiper-pagination-bullet-active{
	background: #fff;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	right: -100px; 
	transition: all .5s;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	left: -100px;
	transition: all .5s;
}
.swiper-container:hover .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	right: 100px;
}
.swiper-container:hover .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	left: 100px;
}