body{ margin:0px; padding:0px; border:0px; overflow-x: hidden; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"; color:#333333; font-size:14px; width:100%; background:#fff;}
a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#333333; font-size:14px;}
a:hover{ text-decoration:none;}
*{ padding:0px; margin:0px; border:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;  outline: none !important;}
/* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/
li{ list-style:none;}
.clear{ clear:both !important; height:0px !important; width:0px !important; float:none !important; margin:0px !important; padding:0px !important; border:0px !important; line-height:0 !important; position:relative !important; }
input:focus{ outline: none;}/*去除按钮选中的高亮标签*/
textarea:focus{ outline: none;}/*去除文本框选中的高亮标签*/
button:focus{ outline: none;}/*去除按钮选中的高亮标签*/
select:focus{ outline: none;}/*去除下拉框选中的高亮标签*/
img{ max-width:100% !important; vertical-align: middle;}
div,p,table,td,ul,li,span,a,ol,input,label{ padding:0px; margin:0px; border:0px;}
input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#4d4d4d; font-size:12px;}
input::-webkit-input-placeholder{ /* WebKit browsers */ color:#4d4d4d; font-size:12px;}
input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#4d4d4d; font-size:12px;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#4d4d4d; font-size:12px;}
.fl{ float:left;}
.fr{ float:right;}
.banner{ position:relative; overflow:hidden;}
.banner .bannerZhan{ width:100%; max-width:1400px; position:relative;}
.banner .bannerZhan:before{ display:block; content:''; padding-top:100vh;}
.banner .bannerBox{ position:absolute; left:0; top:0; width:100%; height:100%;}
.banner .bannerBox .swiper{ width:100%; height:100%;}
.banner .bannerBox .bannerLink{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; overflow: hidden; position: relative;}
.banner .bannerBox .bannerLink .bannerText{ display:flex; flex-direction:column; color:#FFFFFF; text-align: center; position:relative; z-index:1;}
.banner .bannerBox .bannerLink .bannerText.bannerText3{ padding: 0 0 10% 0;}
.banner .bannerBox .bannerLink .bannerText.bannerText_b{ display:flex; flex-direction:column; align-items: flex-end; color:#FFFFFF; text-align: right; position:relative; z-index:1;}
.banner .bannerBox .bannerLink .bannerBg{ width:100%; height:100%; transition:ease all 1s; position:absolute; z-index:0; left:0; top:0; transform:scale(1.1);}
.banner .bannerBox .bannerLink .bannerBg2{ width:100%; height:100%; position: absolute;left:0;top:0; z-index: 1;}

.banner .bannerBox .swiper-slide-active .bannerBg{ transform:scale(1); transition: all 20s ease 0.5s;}

.banner .bannerBox .bannerLink .bannerText .bannerText1{ font-size:40px; opacity:0.5; transform:translateX(66px); transition:all .5s ease-in 0.1s;}
.banner .bannerBox .bannerLink .bannerText .bannerText2{ font-size:50px; opacity:0.5; transform:translateX(66px); transition:all .5s ease-in 0.5s; line-height:2em; max-width:760px;}
.banner .bannerBox .bannerLink .bannerText .bannerText3{ font-size:25px; opacity:0.5; transform:translateX(66px); transition:all .5s ease-in 0.75s;  line-height:2em; max-width:760px;}
.banner .bannerBox .bannerLink .bannerText .moreBox{ height:66px; margin-top:60px; overflow:hidden;}
.banner .bannerBox .bannerLink .bannerText .more{ position:relative; width:200PX; height:54px;margin:0 auto; border-radius:66px; text-align:center; line-height:54px; font-size:1rem; color:#FFFFFF; overflow:hidden; transform:translateY(66px); transition:all .4s ease-in .7s; background: #00b2fc;}
.banner .bannerBox .bannerLink .bannerText .bannerText4{ font-size:38px; opacity:0.0; transform:translateY(66px); transition:all 0.6s ease-in 0.1s; text-shadow: 3px 3px 3px rgba(0,0,0,0.2);background: url(../img/chenhongt2.png) no-repeat center top;padding: 35px 0 0 0;}
.banner .bannerBox .bannerLink .bannerText .bannerText5{ width:90px;height:2px;background: #fff;margin: 35px auto;transform:translateY(66px); transition:all 0.7s ease-in 0.1s; opacity:0.0;  }
.banner .bannerBox .bannerLink .bannerText .bannerText5.bannerText52{background: #00b2fc;}
.banner .bannerBox .bannerLink .bannerText.bannerText_b .bannerText5{ margin: 35px 0 35px 0; }
.banner .bannerBox .bannerLink .bannerText .bannerText6{ font-size:4rem;font-weight: bold; opacity:0.0; transform:translateY(66px); transition:all 0.8s ease-in 0.1s; text-shadow: 3px 3px 3px rgba(0,0,0,0.2);}
.banner .bannerBox .bannerLink .bannerText .bannerText6.bannerText62{text-shadow: 3px 3px 3px rgba(0,0,0,0); color: #222;}
.banner .bannerBox .bannerLink .bannerText.bannerText_b .bannerText6{ font-size:3.5rem;}
.banner .bannerBox .bannerLink .bannerText.bannerText_a .bannerText6{ font-size:3.5rem;}
.banner .bannerBox .bannerLink .bannerText .bannerText7{ font-size:1.5rem; opacity:0.0; transform:translateY(66px); transition:all 0.8s ease-in 0.1s; line-height:1.2em;text-shadow: 3px 3px 3px rgba(0,0,0,0.2);font-weight: lighter;}
.banner .bannerBox .bannerLink .bannerText .bannerText7.bannerText72{text-shadow: 3px 3px 3px rgba(0,0,0,0); color: #222;}

.banner .bannerBox .swiper-slide-active .bannerLink .bannerText .bannerText1{ transform:translateX(0); opacity:1;}
.banner .bannerBox .swiper-slide-active .bannerLink .bannerText .bannerText2{ transform:translateX(0); opacity:1;}
.banner .bannerBox .swiper-slide-active .bannerLink .bannerText .bannerText3{ transform:translateX(0); opacity:1;}
.banner .bannerBox .swiper-slide-active .bannerLink .bannerText .bannerText4{ transform:translateY(0); opacity:1;}
.banner .bannerBox .swiper-slide-active .bannerLink .bannerText .bannerText5{ transform:translateY(0); opacity:1;}
.banner .bannerBox .swiper-slide-active .bannerLink .bannerText .bannerText6{ transform:translateY(0); opacity:1;}
.banner .bannerBox .swiper-slide-active .bannerLink .bannerText .bannerText7{ transform:translateY(0); opacity:1;}

.banner .bannerBox .swiper-slide-active .bannerLink .bannerText .more{ transform:translateY(0px);}

.banner .bannerBox .bannerLink .bannerText .more:before{ width:0; height:100%; content:''; display:block; transition:all ease 0.5s; background:#e40606; position:absolute; left:0; top:0; z-index:-1;}
.banner .bannerBox .bannerLink .bannerText .more:hover:before{ width:100%;}

.banner .bannerIcon{ display:flex; align-items:center; position:absolute; left:50%; bottom:155px; transform:translateX(-50%); z-index:9999; cursor:pointer; height:0;}
.banner .bannerIcon img{ margin-right:32px;}
.banner .bannerBox .swiper-pagination{ height:0px; align-items:center; text-align:left;}
.banner .bannerBox .swiper-pagination .swiper-pagination-bullet{ border-radius:0; width:10px; height:10px; margin-left:10px; background:#FFFFFF; transition:all ease 0.5s;}
.banner .bannerBox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:30px; background:#1296db;}
.dian{ height:0; display:flex; align-items:center; padding:0 14px; width:fit-content;}
.dian .dianItem{ width:9px; height:9px; border-radius:7px; background:rgba(255,255,255,0.35); margin:0 15px; cursor:pointer; position:relative;}
.dian .dianItem svg{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity:0;}
.dian .dianItem svg .jdt2{ transform: rotate(-90deg); transform-origin:13px; }
.dian .dianItem.on{ background:#ff0000;}
.dian .dianItem.on svg{ opacity:1; transition:ease all 0.75s;}
.dian .dianItem.on svg .jdt2{ animation: jtd2 infinite 6s linear; }

@keyframes jtd2{
    0%{ stroke-dasharray:0 190; stroke-dashoffset: 0;}
    100%{ stroke-dasharray:190 0; stroke-dashoffset: 0;}
}

.bannerBot{ height:0px; display:flex; align-items:center; width:100%; position:absolute; left:0; bottom:72px; z-index:9; width:100%;}
.bannerBot .bannerLine{ height:1px; flex-shrink:0; background:rgba(255,255,255,0.15);}
.bannerBot .bannerLine.line1{ width:8%;}
.bannerBot .bannerLine.line2{ width: 100%; flex-shrink:1;}

.bannerBot .bannerDown{ width:125px; flex-shrink:0; text-align:center; height:52px; background:url(../images/i2.png) no-repeat 50%; overflow:hidden; cursor:pointer;}
.bannerBot .bannerDown img{ animation: arrow infinite 2s linear;}
@keyframes arrow{
    0%{ transform:translateY(-100%);}
    100%{ transform:translateY(200%);}
}
.w83{ width:84%; margin:0 auto; max-width: 1600px;}
.bannerBot .bannerNav{ display:flex; align-items:center; padding:0 17px;justify-content: center;}
.bannerBot .bannerNav .bannerNum{ white-space:pre; margin:0 22px; font-size:17px; color:#FFFFFF; position:relative;}
.bannerBot .bannerNav img{ opacity:0.35; transition:all ease 0.5s; cursor:pointer;}
.bannerBot .bannerNav img:hover{ opacity:1;}
.bannerBot .bannerNav img:focus{ outline: none;}
.bannerBot .bannerNav .bannerNum span:before{ content:'0';}
@media only screen and (max-width:1750px){ 
    .banner .bannerBox .bannerLink .bannerText .bannerText6{font-size: 3rem;}
    .banner .bannerBox .bannerLink .bannerText.bannerText_b .bannerText6{font-size: 2.5rem;}
    .banner .bannerBox .bannerLink .bannerText.bannerText_a .bannerText6{font-size: 2.5rem;}
    .banner .bannerBox .bannerLink .bannerText .bannerText7{font-size: 1.2rem;}
    .banner .bannerBox .bannerLink .bannerText .more{font-size: 17px;width: 150px;    height: 40px;line-height: 40px;}
    .section2 .Homedot .s_width .Homedot_l strong{font-size: 31px;}
    .section2 .Homedot .s_width .Homedot_l span{font-size: 19px;}
}

@media only screen and (max-width:1200px){  
    .banner .bannerBox .bannerLink .bannerText {padding:0 0 7% 0}
    .banner .bannerBox .bannerLink .bannerText .bannerText6{font-size: 1.5rem; margin:0 0 15px 0}
    .banner .bannerBox .bannerLink .bannerText.bannerText_b .bannerText6{font-size: 1.5rem;}
    .banner .bannerBox .bannerLink .bannerText.bannerText_a .bannerText6{font-size: 1.5rem;}
    .banner .bannerBox .bannerLink .bannerText .bannerText7{font-size: 1rem;}
    .banner .bannerBox .bannerLink .bannerText .more{font-size: 1rem; }
    .section2 .Homedot .s_width .Homedot_l strong{font-size: 31px;}
    .section2 .Homedot .s_width .Homedot_l span{font-size: 19px;}
    .w83{ width:96%; }
    .banner .bannerBox .bannerLink .bannerText .bannerText5{ margin: 15px auto; width: 50px;}
    .banner .bannerBox .bannerLink .bannerText.bannerText_b .bannerText5{ margin: 15px 0 15px 0; }
    .banner .bannerBox .bannerLink .bannerText .moreBox{    margin-top: 40px;}
    .bannerBot .bannerNav .bannerNum{font-size:0.9rem; }
    .bannerBot{ bottom: 32px;}
    .banner .bannerZhan:before{  padding-top:80vh;}
}