﻿/*.banner_p,.index_03 dt h2{font-family: CN-Light;}*/
/*.index_research h3{font-weight: normal;font-family: CN-Medium;}
*/
.blank_20{position: absolute;top:0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.2);}
.blank_80{position: absolute;top:0;left: 0;width: 100%;height: 100%;background:rgba(23,22,33,0.8);}

.banner .but>div{background: none;font-size: 40px;height: 60px;width: 60px; line-height: 60px; margin-top: -30px;text-align: center;color: #fff;display: none;}
.banner .but .swiper-button-prev{left: 20x;}
.banner .but .swiper-button-next{right: 20px;}
.banner .swiper-pagination{ bottom: 30px !important;width: 100%;}
.banner .swiper-pagination-bullet{width: 14px;height: 14px;background:none;opacity:1;margin: 0 10px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;position: relative;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#ff8200;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active:after{display: none;}

.banner .swiper-pagination span:after{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;content: "";position: absolute;left: 0;bottom: 0;width: 8px;height: 8px;background: #fff;border-radius: 50%;box-sizing:border-box;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}


.banner ul{height: auto !important;}
.banner{position: relative;overflow: hidden;}
.banner video {
    position: absolute;
    width: 100%;height: 100%;
    left: 0px;
    top: 0;
    object-fit: cover;
}
.banner a{display: block;position: relative;z-index: 2;width: 100%;height: 100%;position: absolute;left: 0;top:0;}
.banner_text{z-index: 3;color: #fff;width: 100%;position: absolute;left: 0;top:50%;text-align: center;}
.banner_text h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.banner_p{text-align: center;}
.banner_p h4,.banner_p h5{color:#262626;}
.banner_p h4{letter-spacing: 4px;}
.banner_p h5{letter-spacing: 10px;}
.banner_text h3,.banner_text p{font-size: 48px;line-height: 74px;}
/*.pub_dot{position: absolute;left:30.4%;bottom: 10.9%;}
.pub_dot span{width: 15px;height: 15px;text-align: center;opacity: 1;background: none;position: relative;margin: 0 40px;}
.pub_dot span:after{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;content: "";position: absolute;left: 0;bottom: 0;width: 9px;height: 9px;background: #fff;border-radius: 50%;box-sizing:border-box;}
.pub_dot span.swiper-pagination-bullet-active:after{background:transparent;width: 100%;height: 100%;background:#ff8200;}*/

.banner_text{
	width: 100%;
	opacity: 0;visibility:hidden;
	transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;
	-webkit-transform: translateY(200px); -moz-transform: translateY(200px);-o-transform: translateY(200px);-ms-transform: translateY(200px);transform: translateY(200px);
}
.banner.cur .banner_text{
	visibility: visible;opacity: 1;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
}

.banner_text p{/*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/}

.diqiu{position: relative;top:25px;}
.diqiu img{border-radius:50%;width:44px;height: 44px;margin-left:17%;}

.banner_text p i{position: relative;}
.banner_text p i img{position: absolute;left:50%; margin-left: -25px;top:-100%;margin-top:30px;width:50px;height:50px;}

.phone_v{display: none;}


@media only screen and (max-width:1440px) {
.banner .swiper-pagination-bullet{margin:0 20px;}
.banner_text p i img{margin-top: 18px;}
/*.banner_text h3,.banner_text p{font-size: 50px;line-height: 60px;}*/

}
@media only screen and (max-width:1366px) {


}

@media only screen and (max-width:1024px) {
.banner .swiper-pagination{bottom: 10px !important;}
.banner .swiper-pagination-bullet{margin:0 5px;width:10px;height: 10px;}

.banner_text p i img{margin-top: 3px;width:50px;height:50px;margin-left: -25px;}
.banner_text h3,.banner_text p{font-size: 40px;line-height: 50px;}

}

.banner_phone{display: none;}
@media only screen and (max-width:767px) {
/*.banner_phone{display: block;}*/
.diqiu img{margin-left: 21%;}

.banner_p{width: 100%;}

.banner .swiper-pagination-bullet{width: 8px;height: 8px;}
.banner .but>div{background: none;width: 30px;}
.banner .but>div i{font-size: 30px;font-weight: bold;}
.banner .but .swiper-button-prev{left: 5x;}
.banner .but .swiper-button-next{right: 5px;}
.banner_text{bottom:auto; top:50%;
  -webkit-transform: translateY(50px); -moz-transform: translateY(50px);-o-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);}

/*.banner img.ratio-img{display: none;}*/
.banner li{height: 220px !important;}
.banner video{display: none !important;}
.banner_text p{font-size:18px;}
.banner_text h3{font-size:14px;}
.diqiu img{width: 30px;height: 30px;}
.diqiu{top:9px;}
.banner_text p i img{width:30px;height: 30px;margin-top: -5px;    margin-left: -15px;}
.banner_text h3,.banner_text p{font-size: 18px;line-height: 24px;}

.ban_video .phone_v{display: block;padding-top: 10px;}
.phone_v a{position: relative !important;color:#fff;width:24px;height: 24px;line-height: 24px;text-align: center;border-radius: 50%;margin: auto;border:1px solid #fff;}
}


.index_01{padding-bottom: 60px;}
.index_title{margin-bottom: 40px;}
.index_title span{display: inline-block;border-top:9px solid #ff8200;padding-top: 10px;}
.index_research{padding-top: 30px;}
.index_research ul{overflow: hidden;margin:0 -50px;}
.index_research li{float: left;width: 50%;}
.index_research dl{margin: 0 50px;}
.index_research dt{margin-bottom: 40px;}
.index_research h3{margin-bottom: 30px; line-height: 36px;height: 72px;display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.index_research p{ -webkit-line-clamp: 3;height: 90px; font-size: 18px;}
.index_time{padding-top: 30px;}
.index_more{padding-top: 50px;}
.index_more a{width: 120px;height: 35px;line-height: 35px;display: inline-block;text-align: center;    background: #ff8200;color:#fff;}
.index_more a i{font-size: 14px; font-weight: bold;visibility: hidden;opacity: 0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;display: inline-block;width: 4px; display: none;}


.index_video{z-index: 5; position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.index_video video{width: 100%;height: 100%;object-fit: cover;}
.index_02 li{visibility: hidden;opacity: 0;}
.ie9 .index_02 li{visibility: visible;opacity: 1;}

.index_02 li.animated{visibility: visible;opacity: 1;}
.index_02 .blank_80{display: none;}
.index_02{position: relative;box-sizing:border-box;overflow: hidden;}
.index_02,.index_02 a{color:#fff;}
.index_02 .wrap{position: relative;z-index: 9;border-left:1px solid #fff;}
.index_02 .wrap,.index_02 ul,.index_02 dl{height: 100%;box-sizing:border-box;}
.index_02 ul{position:relative;width:69%;float:right;}
.index_02 .wrap .index_more{position: absolute;left: 25px;bottom: 25px;}
.index_02 li a{display:block;position:relative;z-index:5;height:100%;}
.index_02 li{width: 60%;position: absolute;top:0;height: 100%;transition:all 0.9s;-webkit-transition:all 0.9s;-moz-transition:all 0.9s;-o-transition:all 0.9s;-ms-transition:all 0.9s;}
.index_02 li:after{content:'';position:absolute;left:0;top:0;width:1px;height:100%;background:#fff}
.index_02 dl{padding-top: 50px;}
.index_02 dd,.index_02 dt{ box-sizing:border-box;padding:0 25px;top:50px;position: absolute;left: 0;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.index_02 dt{width:60.4%;overflow: hidden; line-height: 1.3em;height:3.9em;

display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}
.index_02 dd{width:80%;height: calc(100% - 50%);top:50px;visibility: hidden;opacity: 0;}

.index_02 dd p,.index_02 dd h2{position:absolute;left: 0;width: 430px;max-width: 100%; padding: 0 25px;box-sizing:border-box;}
.index_02 dd h2{top:0;line-height: 1.3em; height: 3.9em;  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}
.index_02 dd i{display: none; content:"";position: absolute;left:-1px;bottom: 0; height:0%;width: 5px;background:#ff8200;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;opacity: 0;}
.index_02 dd p{top: 0;line-height: 24px;}


.index_02 dd h2:after,.index_02 dt:after{content:"";position: absolute;left: 0;bottom: 0;height: 100%;width: 6px;background: #ff8200;}

/*.index_02 dd h2{bottom:70px;}
.index_02 dt{padding-bottom: 70px;}*/
/*795 64.6  17.7%  250  == 31.4%*/
/*795 60  26.8%  250  == 31.4%*/
.index_02 li:nth-child(1){left: 0;}
.index_02 li:nth-child(2){left: 60%;}
.index_02 li:nth-child(3){left: 87.6%;display:none!important;}

.index_02 .state_2 li:nth-child(1){left: 0;}
.index_02 .state_2 li:nth-child(2){left: 40%;}

.index_02 .state_3 li:nth-child(1){left: 0;}
.index_02 .state_3 li:nth-child(2){left: 30%;}
.index_02 .state_3 li:nth-child(3){left: 60%;}

/*795 57.6  22%  250  == 31.4%*/
@media only screen and (max-width:1520px) {
/*.index_02 dd h2{bottom:20px;}*/
.index_02 dt{padding-bottom: 20px;}
/*.index_02 dd, .index_02 dt{bottom:25%; }*/
.index_02 dd{height: calc(100% - 45%);}

.index_02 .fnt_44{font-size: 36px;}
.index_02 dt{width:60.4%}

.index_02 li:nth-child(1){left: 0;}
.index_02 li:nth-child(2){left: 60%;}
.index_02 li:nth-child(3){left: 80%;}

.index_02 .state_2 li:nth-child(1){left: 0;}
.index_02 .state_2 li:nth-child(2){left: 40%;}

.index_02 .state_3 li:nth-child(1){left: 0;}
.index_02 .state_3 li:nth-child(2){left: 30%;}
.index_02 .state_3 li:nth-child(3){left: 60%;}
}
@media only screen and (max-width:1350px) {
.index_02 .fnt_44{font-size: 30px;}

}
@media only screen and (max-width:1024px) {
    .index_research{padding-top: 0;}
.index_02 .fnt_44{font-size: 20px;}
.index_more a{font-size: 14px;}
    .index_research p{font-size: 14px;}
    .index_02 li:after{display: none;}
    .index_02{position:relative;}
    .index_02 .wrap{position:static;border-left:0;}
    .index_research h3{line-height: 30px;height: 60px;}
}
@media only screen and (max-width:767px) {
.index_02 .fnt_44{font-size: 18px;}
.index_02 ul{width:100%;}
    .index_research h3{line-height: 24px;height: auto;max-height: 48px;}
}


.index_02 li dt{visibility: visible;opacity: 1;}
.index_02 li dd{visibility: hidden;opacity: 0;}
.index_02 li.on.animated dd i{height: 100%;opacity: 1}
.index_02 li.on dt{visibility: hidden;opacity: 0;}
.index_02 li.on dd{visibility: visible;opacity: 1;}
.lawbox01{margin-bottom: 50px;}
.lawbox01:last-child{margin-bottom: 0;}
.index_03{padding:140px 0;}
.index_03 .index_more{padding-top: 20px;}
.index_03 .index_more a{background:none;color:#000; width: 120px;height: 35px;line-height: 35px;color: #fff;border: 1px solid #fd8204; background: #fd8204;}
.index_03,.index_03 a{color:#fff;}
.index_03 dl{overflow: hidden;background: #262626; height: 220px;}
.index_03 dt,.index_03 dd{height:100%;box-sizing:border-box;}
.index_03 dt{padding:20px 30px;width: 380px;box-sizing: border-box;float: left}
.index_03 dt h2{line-height: 1.1em;margin-bottom: 10px;}
.index_03 dt h3{margin-bottom: 40px;line-height: 1.1em;}
.index_03 dt p{line-height: 24px;height: 72px; display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}
.index_03 dd{float: right;width:calc(100% - 380px);overflow: hidden;position:relative;}
.index_03 dd ul{overflow: hidden;float: left;width:calc(100% - 160px);position: absolute;left: 30px;bottom: 30px;}
.index_03 dd li{float: left;margin-right: 30px;}
.index_03 dd .index_more{float: right;padding:0;}
.index_honor{padding: 30px;padding-right: 45px;position: absolute;left: 0;bottom: 0;width: 100%;box-sizing:border-box;overflow: hidden;}

.blank_white{z-index: 99; position: absolute;bottom:0;left: 0;width: 100%;height: 100%;background:#fff;
transition:all 2s;-webkit-transition:all 2s;-moz-transition:all 2s;-o-transition:all 2s;-ms-transition:all 2s;}
.index_04.cur .blank_white{height: 0;}


.index_04{box-sizing:border-box;color:#fff;position: relative;padding:70px 0;overflow: hidden;}
.index_04 .wrap{position: relative;height: 100%;box-sizing:border-box;z-index:6;}
.index_04 .left,.index_04 .right{height: 100%;}
.index_04 .left{}
.index_04 h2{line-height: 1.5em; max-height: 4.5em;  display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; position: absolute;left: 0;bottom: 0;width: 100%;}
.index_04 p{position: absolute;left: 0;top:44.4%;height: 120px;overflow: hidden;}
/*.index_num{position: absolute;left: 0;bottom: 0;}*/
.index_num ul{overflow: hidden;padding:10px 0;border-bottom: 1px solid #fff;border-top: 1px solid #fff;}
.index_num li{float: left;width: 21%; text-align: center;}
.index_num li dt{overflow: hidden; line-height: 36px;}
.index_num li dt i{font-weight: normal;}
/*.index_num li dt span,.index_num li dt i{float: left;}*/
.index_num li:first-child{width: 19.5%;text-align: left;}
.index_num li:last-child{margin-right: 0; width: 17.4%;text-align: right;}
.index_logo img,.index_shaow img{height: auto;}
.index_logo,.index_shaow{z-index: 9;}
.index_logo{position: absolute;width:9.58%;right:28.12%;top:20%; }
.index_shaow{position: absolute;width:15.78%;right:24.89%;bottom: 0; }


@media only screen and (max-width:1700px) {
/*.index_02 dd h2{padding-top: 25%;}*/
.index_logo{right:24.12%; }
.index_shaow{right:20.89%; }

}
@media only screen and (max-width:1440px) {
.index_time{padding-top: 20px;}
.index_title{margin-bottom: 30px;}
/*.index_02 dd h2{padding-top: 20%;}*/
.index_04 p{top:40%;}
.index_04{padding-bottom: 50px;}
    .index_03{padding: 100px 0;}
}
@media only screen and (max-width:1366px) {
.index_03 dl{height: 200px;}
.index_04{padding-bottom: 30px;}
.index_num li dt{height: 50px;line-height: 50px;}

}
@media only screen and (max-width:1024px) {
.index_01{padding-bottom: 50px;}
.index_time{padding-top: 20px;}
.index_title{margin-bottom: 20px;}
.index_more{padding-top: 20px;}
.index_more a i{visibility: visible;opacity: 1;margin-left: 5px;width: auto;}
.index_02 li{visibility: visible;opacity: 1;}
.index_02{height: auto !important;padding:50px 0;}
.index_02 dt,.index_02 dd i{display:none;}
.index_02 li dd{visibility: visible;opacity: 1;position: static;padding: 0;}
.index_02 li{position: static;width: 100%;border: none;padding:20px 0;    border-bottom: 1px solid rgba(255,255,255,0.2);}
.index_02 li:last-child{border: 0;}
.index_02 dd p, .index_02 dd h2{position: static;padding: 0;width: 100%;}
.index_02 dd h2{padding-top: 0;margin-bottom: 20px;}
.index_02 dl{padding: 0;}
.index_03 dl{height: auto;}
.index_03 dt,.index_03 dd{float: none;width: 100%;}
.index_03 dt{padding:30px;}
.index_03 dd{padding:0;}
.index_honor{padding: 0;}
.index_honor,.index_03 dd ul{position: static;}
.index_03 dd ul{line-height: 40px;}

.index_04{height:400px !important;padding-top: 40px;}
.index_04 .left{width: 100%;float: none; box-sizing: border-box;}
.index_04 p{top:37%;}
.index_logo{right:10.12%;top:23%; }
.index_shaow{right:6.89%;bottom:auto;top:47%; }
.blank_white{display: none;}
.index_02 dd h2{margin-bottom: 0;}
.index_03 dt h3{margin-bottom: 20px;}
.index_num li dt{height: 36px;line-height: 36px;}
    .index_research ul{margin:0 -10px;}
    .index_research dl{margin: 0 10px;}
    .index_research h3{margin-bottom: 10px;}
    .index_title span{border-top-width: 3px;}
    .index_research dt{margin-bottom: 20px;}
    .index_03{padding: 50px 0;}
    .lawbox01{margin-bottom: 20px;}
}
@media only screen and (max-width:767px) {
.index_more{text-align: center;}
.index_more a{width: 120px;height: 36px;line-height: 36px;}
.index_title span{border-top-width: 3px;padding-top: 5px;}
.index_01{padding: 30px 0;}
.index_research ul{margin:0 ;}
.index_research dl{margin: 0;}
.index_research li{float: none;width: 100%;margin-bottom: 20px;}
.index_research li:last-child{margin-bottom: 0;}
.index_research p{height: auto;max-height: 120px;}
.index_research h3,.index_research dt{margin-bottom: 10px;}
.index_time{padding-top: 10px;}
.index_02{padding:30px 0;padding-bottom:90px;}
.index_03 dt,.index_03 dd{padding: 20px;}
.index_03 dd{padding: 0;}
.index_03 dd ul{width: 100%;float: none;}
.index_03 dd .index_more{float: none;padding-top: 20px;text-align: right;}
.index_03 dd li{float: none;margin: 0;line-height: 30px;}
.index_03{padding: 20px 0;}
.index_04{height: auto !important;padding: 30px 0;}
.index_logo,.index_shaow,.index_04 p,.index_num{position: static; }
.index_04 .left{width: 100%;padding-right: 0;}
.index_04 p{height: auto;margin: 20px 0;}
.index_logo,.index_shaow{text-align: center;width: 100%;}
.index_logo img{width:60px}
.index_shaow img{width: 100px;}
.index_num ul{margin: 0 -5px; border:0;}
.index_num dl{padding: 0 5px;}
.index_num li dt{height: 30px;line-height: 30px;}
.index_num li{margin-bottom:10px;width:50%;margin-right: 0; text-align: left;}
.index_num li:nth-child(2n+1){clear: both;}
.index_video{display: none;}

.logo_shadow,.index_shaow{display: none;}

.index_04 h2,.index_02 dd h2{margin-bottom: 0px;}
.index_03 dt h3{margin-bottom: 10px;}
.index_03 dt h2{margin-bottom: 10px;}
    .index_03{padding: 30px 0;}

    .index_num li:first-child,.index_num li:last-child{width: 50%; text-align: left;}
    .index_num{margin-bottom: 30px;}
    .index_04 h2{position: static}
    .index_03 .index_more{text-align: left}

}

.index_bgimg{z-index:5; position: absolute;top:0;left: 0;width: 100%;height: 100%;
transition:all 8s;-webkit-transition:all 8s;-moz-transition:all 8s;-o-transition:all 8s;-ms-transition:all 8s;}
.index_bgimg video{position: absolute;
    width: 100%;height: 100%;
    left: 0px;
    top: 0;
    object-fit: cover;}

@media only screen and (max-width:1024px) {
.index_bgimg{display: none;}
    .banner_p h4,.banner_p h5{font-size: 16px;letter-spacing: 0 ;}
}
@media only screen and (min-width:1025px) {
.index_more a:hover{color:#fff !important; opacity: 0.9;}
.index_more a:hover i{margin-left:5px;visibility: visible;opacity: 1;}

 .index_03 .index_more a:hover{background:#fd8204;}
/*.index_04:hover .index_bgimg{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}*/
.index_02 a:hover{color:#fff !important;}
}
@media only screen and (min-width:767px) {
.index_logo, .index_shaow{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.index_logoin{position: relative;transition:all 0.4s;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;}
.logoin_2{overflow: hidden;position: relative;transition:all 0.4s;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;}

/*01*/
@keyframes dh{
  from{transform: translateY(-10px)}to{transform: translateY(0px)}
}
@-webkit-keyframes dh{
  from{-webkit-transform: translateY(-10px)}to{-webkit-transform: translateY(0px)}
}
@-moz-keyframes dh{
  from{-moz-transform: translateY(-10px)}to{-moz-transform: translateY(0px)}
}
@-o-keyframes dh{
  from{-o-transform: translateY(-10px)}to{-o-transform: translateY(0px)}
}
/*01*/
/*02*/
@keyframes dhh{
  from{transform: translateY(-5px)}to{transform: translateY(0px)}
}
@-webkit-keyframes dhh{
  from{-webkit-transform: translateY(-5px)}to{-webkit-transform: translateY(5px)}
}
@-moz-keyframes dhh{
  from{-moz-transform: translateY(-5px)}to{-moz-transform: translateY(5px)}
}
@-o-keyframes dhh{
  from{-o-transform: translateY(-5px)}to{-o-transform: translateY(5px)}
}
/*02*/
/*03*/
@-webkit-keyframes dhshaow{

  0%{
      -webkit-transform: translateY(-10px);
      -webkit-transform: translateY(0px)
    }

    100%{
        box-shadow: none;
        
        box-shadow: 0 0 50px rgb(255 255 255 / 100%);
    }

}
/*03*/



.index_logo{
 /* -webkit-animation: dhshaow 8s linear infinite ;
    -moz-animation: dhshaow 8s linear infinite ;
    -o-animation: dhshaow 8s linear infinite ;
    animation: dhshaow 8s linear infinite ;

    animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;*/
}

.index_logoin{
  -webkit-animation: dh 3s linear infinite alternate;
    -moz-animation: dh 3s linear infinite alternate;
    -o-animation: dh 3s linear infinite alternate;
    animation: dh 3s linear infinite alternate;
}

.index_shaow .shaow_02{position: absolute;top:-6px;left: 0;}
.index_shaow .shaow_01{
    -webkit-animation: dh 3s linear infinite alternate;
    -moz-animation: dh 3s linear infinite alternate;
    -o-animation: dh 3s linear infinite alternate;
    animation: dh 3s linear infinite alternate;

}
.index_shaow .shaow_02{
    -webkit-animation: dhh 3s linear infinite alternate;
    -moz-animation: dhh 3s linear infinite alternate;
    -o-animation: dhh 3s linear infinite alternate;
    animation: dhh 3s linear infinite alternate;

}




.logoin_2{overflow: hidden;}
.logoin_2:before {content:"";position:absolute;width:200px;height:100%;top:0;left:-150px;overflow:hidden;

    background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%);

    background: -webkit-gradient(linear,left top,right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.4)), color-stop(100%, rgba(255,255,255,0)));

    background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%);

    background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.4)50%, rgba(255,255,255,0)100%);

    -webkit-transform: skewX(-25deg);

    -moz-transform: skewX(-25deg);

    transition:left 1s ease 0s;
    animation: animate 10s infinite;
}

@keyframes animate {
    0%{
        left: -150px;
    }

    100%{
        left: 150%;
    }
}




@keyframes logofaguang {
    0%{
        width:150%;height: 150%;
        opacity: 1;
    }
    50%{
        width:200%;height: 200%;
    }
    100%{
        
        opacity: 0;
    }
}
.logo_shadow{
  animation: logofaguang 10s infinite;
  width:100%;height:100%;
  transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;
}
.logo_shadow img{width: 100%;height: 100%;}

.index_04 .index_shaow{bottom: 39%;
 /* transition:all 2s;-webkit-transition:all 2s;-moz-transition:all 2s;-o-transition:all 2s;-ms-transition:all 2s;*/
  opacity: 0}
.index_04.cur .index_shaow{bottom: 0;opacity: 1;}


}

/*
.banner::before{content: ""; position: absolute; z-index: 1; right:0; top:0; width: 70px; height: 100%;background:#FF8200;}
.banner::after{content: ""; position: absolute; z-index: 1; left:0; bottom:0; width: 100%; height:70px;background:#FF8200;}
@media only screen and (max-width:1023px) {
  .banner::before{ width: 40px;}
  .banner::after{height: 40px;}
}
@media only screen and (max-width:767px) {
  .banner::before{ width: 20px;}
  .banner::after{height: 20px;}
}*/

/*改banner地球*/
.banner_text p span{display: inline-flex;}
.banner_text p span em,.banner_text p span i{float:left;}
.banner_text p i img{margin-top: 52px;}
.novideo .phone_v{display: none !important;}
@media only screen and (max-width:1440px) {
/*.banner_text p i img{margin-top:34px;}*/
}

@media only screen and (max-width:1024px) {
.banner_text p i img{margin-top:18px;}
}
@media only screen and (max-width:767px) {
.banner_text p i img{margin-top:4px;}
}


@media only screen and (min-width:1025px) {


}



.index_02 .index_title{position:absolute;top:0;left: 0; z-index: 5;margin: 0; margin-top: 30px;}
.index_02 .index_title span{border:0;padding-left: 25px;}
@media only screen and (max-width:1024px) {
    .index_02 .index_title span{padding-left: 0; border-top: 3px solid #ff8200;}
    .index_02 .index_title{position: static;margin: 0;margin-bottom: 20px;}
    .index_02 dd h2:after, .index_02 dt:after{display: none;}
    .index_02 dd h2{height: auto;max-height: 3.9em;}
    .index_03 dt p{height: auto;max-height: 72px;}
}
























































