/*.home_page{  position: relative;}*/
.bg_logo{width:100%; min-width:1200px;}
/*.bg_logo img{width:100%;  height: 100%; }*/
/*.section{overflow: hidden;}*/
.product{ text-align: center;margin-top: 70px;  position: relative;  }
.product_title p{color: #36a3dd;font-size: 24px;}
.product_title hr{width:73px;height:4px;background-color: #36a3dd;margin: 10px auto;  border:none;}
.product_title p:last-child{color: #000;font-size: 22px;}
.product ul{  height: 550px; position: relative;padding: 0 19px 0 79px;margin-top: 80px;}
.product ul li{  width: 327px;  height: 327px;}
/*.product ul li:nth-child(2){margin: 0 30px;}*/
/*.product ul li:nth-child(4){  position: absolute;left: 257px;top: 176px;}*/
/*.product ul li:nth-child(5){position: absolute;left:614px;top:178px;}*/
.product_list{  width: 230px;  height: 230px;margin:48px auto;transform: rotate(45deg);  border-radius:8px;  border: 2px solid #cacdd4; }
.product_list p{color: #fff;  text-align: left;position: absolute;}
.product_list p:nth-child(1){width:160px;height:160px;  border-radius:50%;  background-color: #36a3dd;  top: 33px;left:32px;  text-align: center;display: table;transform: rotate(-45deg);}
.product_list p:nth-child(1) .heading{display: block;margin-bottom: 10px;text-align: center;display: table-cell;vertical-align: middle;line-height: 25px;}
.product_list p:nth-child(2) {opacity:0;line-height:27px;width:215px;transform: rotate(-45deg);top:55px;left: 0px;overflow : hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.product_list p:nth-child(2) span{display: block;  text-align: center;margin-bottom: 10px;}
.product_list  a{ opacity:0;width: 82px;  transform: rotate(-45deg);height: 32px;line-height:32px;position:absolute;left:120px;bottom:55px;display: inline-block;  background-color: #36a3dd;  border-radius:8px;color: #fff;  text-align: center;margin-top: 10px;}
.product_list  a i{font-size: 20px;color: #fff; vertical-align: top;}
.hide{ background-color: #36a3dd;border: 2px solid #36a3dd;}

.solution{padding-top: 50px; text-align: center;height: 100%;  position: relative;}
.solution .icon-xiangyou,.successful_case .icon-xiangyou,.introduction .icon-xiangyou,.news .icon-xiangyou,.product .icon-xiangyou,.regards .icon-xiangyou,.message .icon-xiangyou{font-size: 35px;  text-align: center; }
.solution_title{height: 130px;}
.solution_title p{color: #36a3dd;font-size: 24px;}
.solution_title hr{width:73px;height:4px;background-color: #36a3dd;margin: 10px auto;  border:none;}
.solution_title p:last-child{color: #000;font-size: 22px;}
.solution_list{padding: 0 30px;}
.solution_list ul li{width:350px; text-align: center;  float: left;  border: 2px solid #eeeeee;  border-radius:8px;font-size: 16px;overflow: hidden;padding-bottom: 25px;}
.solution_list ul li:nth-child(2){margin: 0 45px;}
.solution_list ul li .list_box{border-bottom: 2px solid #eee;font-size: 0;}
.solution_list ul li h3{ font-weight: normal;color:#000000;font-size: 18px;line-height: 30px; padding:10px;}
.solution_list ul li p{width:285px;margin: 0 auto;padding-top:10px;text-align: left;text-align: justify;line-height: 29px;border-top: 1px solid #959595;}
.solution_list ul li a{ width: 82px;  height: 32px;line-height:32px;display: inline-block;  background-color: #36a3dd;  border-radius:8px;color: #fff;  text-align: center;margin-top: 10px;}
.solution_list ul li a i{font-size: 20px;color: #fff; vertical-align: top;}

.successful_case{  height: 100%; margin-top: 30px;text-align: center;padding-bottom: 45px;  position: relative;}
.successful_title{margin-top: 135px;margin-bottom: 45px;}
.successful_uls .ico{  position: absolute;left: 50%;top: 50%;margin-top: -35px;margin-left: -40px; }
.successful_title p{color: #36a3dd;font-size: 24px;}
.successful_title hr{width:73px;height:4px;background-color: #36a3dd;margin: 10px auto;  border:none;}
.successful_title p:last-child{color: #000;font-size: 22px;}
.successful_list{margin-bottom: 192px;}
.successful_list ul{min-width:1200px;}
.successful_list ul li{  width: 200px;  float: left;  position: relative;  }
.successful_list ul li:hover .ico{display: none;}
.successful_list ul li:hover .successful_cont{display: block;}
.successful_list ul li img:nth-child(1){width: 200px;}
.successful_list ul li img:nth-child(2){width: 80px;height:70px;}
.successful_cont{width: 200px;height: 200px; display:none;position: absolute;top:40px;color: #fff;padding: 20px 10px;background:rgba(54,163,221,0.8);text-align: center; }
.successful_cont p{font-size: 14px;line-height: 18px;text-indent: 28px;margin-top: 15px;  }

.successful_cont h3{font-weight: normal;}
.successful_cont a{  position: absolute;bottom:20px;margin-left:-35px;padding:2px 4px;display: inline-block;color: #fff;font-size: 14px;  border: 1px solid #fff; border-radius:8px;}
.introduction{  text-align: center;margin-top: 125px;  position: relative;}
.introduction_title{  width: 100%;  height: 190px;padding-top:30px;background: rgba(54,163,221,0.8);position: absolute;bottom:30px;}
.news{padding-top: 130px;}
.introduction_title p{color: #fff;font-size: 24px;}

.introduction_title hr{width:73px;height:4px;background-color: #fff;margin: 10px auto;  border:none;}
.introduction_title p:last-child{color: #fff;font-size: 22px;}
.introduction_title  a{ width: 82px;  height: 32px;line-height:32px;display: inline-block;  background-color: #fff;  border-radius:8px;color: #36a3dd;  text-align: center;margin-top: 10px;}
.introduction_title  a i{font-size: 20px;color: #36a3dd; vertical-align: top;}

.news{margin-top: 30px;  position: relative;  height: 100%;}

.summary{
    overflow:hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.news_title{  text-align: center;}
.news_title p{color: #36a3dd;font-size: 24px;}
.news_title hr{width:73px;height:4px;background-color: #36a3dd;margin: 10px auto;  border:none;}
.news_title p:last-child{color: #000;font-size: 22px;}
.news_list{margin-top: 110px;margin-bottom: 180px;height: 100%}
.news_list ul li{  float: left;margin:0 39px;padding: 70px 20px;  border-radius:5px; border: 2px solid #fff;  background-color: #fff;
    background:rgba(255,255,255,0.5);}
.news_list li p{  width: 269px;}
.news_list li p:first-child{border-bottom: 1px solid #3a3a3a;font-weight: 600;}
.news_list li p:nth-child(3){margin-top: 40px;margin-bottom: 20px;}
.news_list ul li a{ width: 82px;  height: 32px;line-height:32px;display: inline-block;  background-color: #36a3dd;  border-radius:8px;color: #fff;  text-align: center;margin-top: 10px;}
.news_list ul li a i{font-size: 20px;color: #fff; vertical-align: top;}

.regards{ margin-top: 30px; padding-top: 125px;height: 100%;  text-align: center;  position: relative;}
.regards_title p{color: #36a3dd;font-size: 24px;}
.regards_title hr{width:73px;height:4px;background-color: #36a3dd;margin: 10px auto;  border:none;}
.regards_title p:last-child{color: #000;font-size: 22px;}
.details{margin: 100px auto;}
.details .com{  width: 50%;  float: left;  height: 330px;}
._left{padding: 0 10px;}
._left h3{  text-align: left;line-height: 45px;}
._left p{text-indent: 30px;  text-align: left;line-height: 27px;}
._left a{ width: 82px;  height: 32px;margin-right:-83%;line-height:32px;display: inline-block;  background-color: #36a3dd;  border-radius:8px;color: #fff;  text-align: center;margin-top: 20px;}
._left a i{font-size: 20px;color: #fff; vertical-align: top;}
._right img{  border-radius:8px;  width: 90%;  }

.message{margin-top: 30px; text-align: center;padding-top: 30px;  position: relative;}
.message_title p{color: #36a3dd;font-size: 24px;}
.message_title hr{width:73px;height:4px;background-color: #36a3dd;margin: 10px auto;  border:none;}
.message_title p:last-child{color: #000;font-size: 22px;}
.info{margin-top: 50px;height: 390px;}
.info .info_Detail,.map{  width: 50%;  float: left;}
.info_Detail{  text-align: left;padding:0 50px;}
.info_Detail h3{line-height: 45px;}
.info_Detail p{line-height: 27px;font-size:16px;font-weight: 600;}
.info_Detail img{margin-top: 35px;}
#container{  width: 525px;  height: 380px;  }



.top{  position: fixed;z-index:111;bottom:50px;right:10px; display: inline-block;  width: 50px;  height: 50px;  background-color: #36a3dd;  border-radius:50%;  text-align: center; font-size: 30px;line-height: 50px;color: #fff;}
.top:hover{  background-color: #e1e1e1;  color: #36a3dd;animation:mymove 0.5s normal; -webkit-animation-fill-mode:forwards; }
@keyframes mymove
{
    from {line-height: 70px;}
    to {line-height: 40px;}
}


.next, .next_{transition: all 0.35s;display: inline-block;  width: 110px;  height: 50px;  background-color: #eee;margin:0 0 20px 0;color:#36a3dd;line-height: 50px;  border-radius:8px; }
.next p, .next_ p{transition: all 0.35s; font-size: 35px;  text-align: center;}
.next:hover {background-color: #36a3dd;color: #fff;}
.next:hover p{margin-right: -40px;}
.next_:hover {background-color: #36a3dd;color: #fff;}
.next_:hover p{margin-right: -40px;}



.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
/*.swiper-slide img{*/
    /*width: 100%;*/
    /*height: 100%;*/

/*}*/
.section{overflow: hidden;}
/*一*/
.firstly{
    position: relative;
}
.firstly img{
    position: absolute;
    /*opacity: 0;*/
}
.firstly img:nth-child(1){
    top: 145px;
    left: 275px;
    opacity: 0;
}
.firstly img:nth-child(2){
    top:195px;
    left: -515px;
}
.firstly img:nth-child(3){
    top: -30px;
    left: 400px;
}


/*第一屏*/
.current.section:nth-child(1) .firstly img:nth-child(1){
    opacity: 1;
    transition: all 1.5s ease-out;
}
.current.section:nth-child(1) .firstly img:nth-child(2){
    left: 402px;
    transition: all 1.5s ease-out 1s;
}
.current.section:nth-child(1) .firstly img:nth-child(3){

    top: 283px;
    transition: all 1.5s ease-out 1s;
}

/*二*/
.product .product_title{
    position: absolute;
    top: -300px;
}
.product .next{
    opacity: 0;

}
.product li{
    position: absolute;
}
.product li:nth-child(1){
    top: -562px;
    left:-362px;
}
.product li:nth-child(2){
    left: 440px;
    opacity: 0;
}
.product li:nth-child(3){
    top: 0;
    right: -662px;

}
.product li:nth-child(4){
    left:-680px;
    transform: rotate(-180deg);
}
.product li:nth-child(5){
    transform: rotate(-180deg);
    right:-685px;
}
/*第二屏*/
.current.section:nth-child(2)  .product .next{
    opacity: 1;

    transition: all 1s ease-out 1s;
}
.current.section:nth-child(2)  .product li:nth-child(1){
    left: 80px;
    top: 0px;
    transition: all 1s ease-out;
}
.current.section:nth-child(2)  .product li:nth-child(2){
   opacity: 1;
    transition: all 1s ease-out 0.5s;

}
.current.section:nth-child(2)  .product li:nth-child(3){
    right:80px;

    transition: all 1s ease-out ;
}
.current.section:nth-child(2)  .product li:nth-child(4){
    bottom:45px;
    left: 260px;
    transform: rotate(360deg);
    transition: all 1s ease-out 0.5s;
}
.current.section:nth-child(2)  .product li:nth-child(5){
    bottom:45px;
    right: 257px;
    transform: rotate(360deg);
    transition: all 1s ease-out 0.5s;
}
.current.section:nth-child(2) .product .product_title{
    /*width: 100%;*/
    /*height: 100%;*/
    top: -100px;
    left: 50%;
    margin-left: -155px;
    transition: all 1s ease-out ;
}
/*三*/
.solution .solution_title{
    position: absolute;
    top: -500px;
}
.solution .solution_list {
    position: absolute;
    top: 180px;
}
.solution .solution_list li{
    width: 0;
    opacity: 0;
}
.solution .next{
    position: absolute;
    bottom:100px;
    margin-left: -54px;
    opacity: 0;
}
/*第三屏*/
.current.section:nth-child(3) .solution .next{
    opacity: 1;
    transition: all 1.5s ease-out 1s;
}
.current.section:nth-child(3) .solution .solution_title{
    top: 50px;
    left: 50%;
    margin-left: -69px;
    transition: all 1.5s ease-out ;
}

.current.section:nth-child(3) .solution .solution_list li{
    width: 30%;
    opacity: 1;
    transition: all 1.5s ease-out ;
}

/*四*/
.successful_case .successful_title{
    position: absolute;
    top: -500px;
}
.successful_case .successful_list li:nth-child(1){
    position: absolute;
    top: 250px;
    left: -500px;
    opacity: 0;
}
.successful_case .successful_list li:nth-child(2){
    position: absolute;
    top: 250px;
    left: -500px;
    opacity: 0;
}
.successful_case .successful_list li:nth-child(3){
    position: absolute;
    top: 250px;
    left: -500px;
    opacity: 0;
}
.successful_case .successful_list li:nth-child(4){
    position: absolute;
    top: 250px;
    left: -500px;
    opacity: 0;
}
.successful_case .successful_list li:nth-child(5){
    position: absolute;
    top: 250px;
    left: -500px;
    opacity: 0;
}
.successful_case .successful_list li:nth-child(6){
    position: absolute;
    top: 250px;
    left: -500px;
    opacity: 0;
}
.successful_case .next{
    position: absolute;
    bottom: 200px;
    margin-left: -53px;
    opacity: 0;
}
.current.section:nth-child(4) .successful_case .successful_title{
    top: -20px;
    left: 50%;
    margin-left: -105px;
    transition: all 1.5s ease-out ;
}
.current.section:nth-child(4) .successful_case li:nth-child(1){
    left: 0;
    opacity: 1;
    transition: all 1s ease-out 1.5s;
}
.current.section:nth-child(4) .successful_case li:nth-child(2){
    left: 200px;
    opacity: 1;
    transition: all 1s ease-out 1.2s;
}
.current.section:nth-child(4) .successful_case li:nth-child(3){
    left: 400px;
    opacity: 1;
    transition: all 1s ease-out 0.9s;
}
.current.section:nth-child(4) .successful_case li:nth-child(4){
    left: 600px;
    opacity: 1;
    transition: all 1s ease-out 0.6s;
}
.current.section:nth-child(4) .successful_case li:nth-child(5){
    left: 800px;
    opacity: 1;
    transition: all 1s ease-out 0.3s;
}
.current.section:nth-child(4) .successful_case li:nth-child(6){
    left: 1000px;
    opacity: 1;
    transition: all 1s ease-out;
}
.current.section:nth-child(4) .successful_case .next{
    opacity: 1;
    transition: all 1.5s ease-out 1s;
}
/*五*/
.introduction .introduction_title{
    opacity: 0;
}
.introduction .int_pic img{
    width: 0;
    opacity: 0;
}
.section:nth-child(5) .next_{
    opacity: 0;
}
.current.section:nth-child(5) .introduction .introduction_title{
    opacity: 1;
    transition: all 1.5s ease-out;
}
.current.section:nth-child(5) .introduction .int_pic img{
    opacity: 1;
    width: 80%;
    transition: all 1s ease-out;
}
.current.section:nth-child(5) .next_{
    opacity: 1;
    transition: all 1.5s ease-out;
}
/*六*/
.news .news_title{
    position: absolute;
    top: -200px;
    left: 50%;
    margin-left: -84px;
}
.news .next{
    position: absolute;
    bottom: 80px;
    opacity: 0;
    margin-left: -50px;
}
.news .news_list li{
    position: absolute;
    left: 430px;
    opacity: 0;
}

.current.section:nth-child(6) .news .news_title{
    top: 40px;
    transition: all 1s ease-out;
}
.current.section:nth-child(6) .news .next{
    opacity: 1;
    transition: all 1s ease-out;
}
.current.section:nth-child(6) .news .news_list li:nth-child(1){
    position: absolute;
    left: 0px;
    opacity: 1;
    transition: all 1s ease-out;
}
.current.section:nth-child(6) .news .news_list li:nth-child(2){
    position: absolute;
    opacity: 1;
    transition: all 1.5s ease-out 0.5s;
}
.current.section:nth-child(6) .news .news_list li:nth-child(3){
    position: absolute;
    left: 860px;
    opacity: 1;
    transition: all 1s ease-out;
}
/*第七屏*/
.regards .regards_title{
    position: absolute;
    top: -220px;
    left: 50%;
    margin-left: -70px;
    opacity: 0;
}
.regards .details ._left{
    position: absolute;
    left: -940px;
    opacity: 0;
}
.regards .details ._right{
    position: absolute;
    right:-930px;
    opacity: 0;
}
.regards .next{
    position: absolute;
    bottom: -76px;
}
.current.section:nth-child(7) .regards .regards_title{
    top: 80px;
    opacity: 1;
    transition: all 1.5s ease-out;
}
.current.section:nth-child(7) .regards .details ._left{
    left: 0;
    top: 280px;
    opacity: 1;
    transition: all 1.5s ease-out;
}
.current.section:nth-child(7) .regards .details ._right{
    right: 0;
    top: 280px;
    opacity: 1;
    transition: all 1.5s ease-out;
}
.current.section:nth-child(7) .regards .next{
    bottom:60px;
    margin-left: -55px;
    transition: all 1.5s ease-out;
}
    /*第八屏*/
.message {
    margin-top: 200px;
    opacity: 0.2;
}
.message .next{
    margin-top: 60px;
}
.current.section:nth-child(8) .message{
    margin-top: 30px;
    opacity: 1;
    transition: all 1s ease-out;
}