.loading{ width: 100%; height: 100%; top: 0; left: 0; z-index: 99999; background: #fff; }
.loading img{ max-width: 50% }
/* 头部导航 */


/* .banner{ width: 100%; height: 580px; background: url('../img/banner_bg.jpg') no-repeat center top; }
.banner .bannerContent{ height: 380px;  background: #151724;}
.banner .bannerContent .item{position: absolute; width: 100%; top: 50px; left: 0; opacity: 0; transition: all 0.5s}
.banner .bannerContent .item.active{top: 0; opacity: 1}
.banner .bannerContent .item .texts{ margin-top: 100px }
.banner .bannerNavs{ padding: 15px; width: 1230px }
.banner .bannerNavs .item{ width: 25%; padding: 10px 0; background: #fff; border-right: 1px solid #fafafa; float: left; transition: all 0.5s; }
.banner .bannerNavs .item.active{ box-shadow: 0 0 15px #ddd; position: relative; }
.banner .bannerNavs .item.active:before{ content: ""; display: block; border: 8px solid #fff; transform: rotate(45deg); width: 0; height: 0; position: absolute; top: -8px; left: 50%; margin-left: -4px; box-shadow: 0 0 15px #ddd; }
.banner .bannerNavs .item.active:after{ content: ""; display:block; width: 40px; height: 20px; position: absolute; top: 0; left: 50%; margin-left: -15px; background: #fff;} */
.banner2{ width: 100%; height: 580px; background: #262b37; overflow: hidden;}
/* .banner2 .banner2Box{ height: 400px; width: 100%; margin-top: 20px} */
/* .banner2 .banner2Box .items .btns{ margin-top: 20px } */
.banner2 .banner2Box .items a{ color: #2da0f0; display: inline-block; padding: 0 40px; border: 1px solid #2da0f0; line-height: 35px; margin-right: 35px; transition: all 0.5s }
.banner2 .banner2Box .items a:hover{ background: #2da0f0; color: #fff }
.banner2 .banner2Box .items{ width: 1200px; height: 40px; overflow: hidden; left: 50%; top: 50%; margin-top: 80px; margin-left: -600px}
.banner2Nav{ padding: 15px 5px; width: 1200px; bottom: 10px; overflow: hidden; margin: 0 auto; }
.banner2Nav .items{ width: 25%; padding: 5px; float: left; transition: all 0.5s; text-align: center}
.banner2Nav .items .imgsBox{ padding: 25px 0; background: #272831; }
.banner2Nav .items.swiper-slide-thumb-active{ box-shadow: 0 0 15px #151624; position: relative; background: #272831;}
.banner2Nav .items.swiper-slide-thumb-active:before{ content: ""; display: block; border: 8px solid #272831; transform: rotate(45deg); width: 0; height: 0; position: absolute; top: -8px; left: 50%; margin-left: -4px; box-shadow: 0 0 15px #151624; }
.banner2Nav .items.swiper-slide-thumb-active:after{ content: ""; display:block; width: 40px; height: 20px; position: absolute; top: 0; left: 50%; margin-left: -15px; background: #272831;}

.title{ text-align: center; padding: 50px 0; width: 100%; min-width: 1200px; }
.title h2{ color: #000; font-size: 30px;line-height: 60px; font-weight: 300}
.title h3{ color: #989898; font-size: 16px;line-height: 1.8em; margin-top: 5px; max-width: 750px; display: inline-block}
.title p{color: #6b6b6b; font-size: 16px; font-family: Arial; text-transform: uppercase}
.title i{ width: 50px; height: 2px; background: #252525; display: inline-block }
.index_box1{ padding: 20px 20px 60px; width: 1240px; }
.index_box1 .item{ width: 290px; margin: 5px; border-radius: 8px; float: left; cursor: pointer; transition: all 0.5s; padding: 10px 0;}
.index_box1 .item .itemContent{ border-radius: 8px;box-shadow: 0 0 10px #ddd; padding: 40px 20px 30px;transition: all 0.5s; overflow: hidden;}
.index_box1 .item span{ display: block; width: 110px; height: 110px; padding: 20px; border-radius: 50%; box-shadow: 0 0 10px #eee; margin:0 auto 20px; transition: all 0.5s;}
.index_box1 .item span i{display: block; width: 70px; height: 70px; overflow: hidden; }
.index_box1 .item h2, .index_box1 .item h3{ text-align: center; transition: all 0.2s;}
.index_box1 .item h2{ color: #4b4b4b; font-size: 22px; line-height: 40px; margin-bottom: 10px }
.index_box1 .item h3{ color: #b9b9b9; font-size: 14px; line-height: 1.5em; height: 45px; }
.index_box1 .item .texts{ margin-top: 50px; }
.index_box1 .item .texts i{ width: 50%; font-size: 14px; line-height: 30px; color: #dbdbdb; display: block; float: left; text-align: center;transition: all 0.2s  0.3s; }
.index_box1 .item a{ transition: all 0.5s; width: 60%; display: block; margin: 30px auto; color: #cfcfcf; border: 1px solid #eeeeee; line-height: 40px; border-radius: 50px; font-size: 15px; text-align: center; }
.index_box1 .item.active{ background: #2da0f0; box-shadow: 0 0 10px #ddd;}
.index_box1 .item.active .itemContent{ box-shadow: none; }
.index_box1 .item.active img{ margin-top: -70px; }
.index_box1 .item.active span{box-shadow: 0 0 10px #2d9ff0; background: #5bb8f8;}
.index_box1 .item.active h2, .index_box1 .item.active h3, .index_box1 .item.active i{color: #fff}
.index_box1 .item.active a:hover{ box-shadow: 0 0 15px #1b79ba; }
.index_box1 .item.active a{color:#2da0f0; background: #fff; border:1px solid #fff;}
.boxs_bg{ background: #f9fdff; padding: 0 0 50px; }
.mores{ display: inline-block; padding: 0 40px; border: 1px solid #2da0f0; color: #2da0f0; line-height: 40px; border-radius: 10px; transition: all 0.5s;}
.mores:hover{ background: #2da0f0; color: #fff }
.index_box3{ padding-bottom: 50px; }
.index_box4{ width: 1240px; padding-bottom: 50px;}
.index_box4 .box4List{ width: 100% }

.box2List{width: 1240px;}
.box2List .item{width: 210px; margin: 0 10px; box-sizing: border-box; padding: 10px 10px 20px; border:1px solid #f0f0f0; text-align: center; float: left; transition: all 0.5s;background: #fff}
.box2List .item span{ width: 75px; height: 75px; display: block; overflow: hidden; margin: 20px auto; }
.box2List .item h2{ line-height: 50px; font-weight: 900; color: #000; font-size: 20px; transition: all 0.5s }
.box2List .item h3{color:#979797; transition: all 0.5s}
.box2List .item h5{ margin-bottom: 10px; transition: all 0.5s}
.box2List .item p{ color: #989999; font-size: 15px; line-height: 1.8em; min-height: 55px }
.box2List .item img{transition: all 0.5s}
.box2List .item img.iconhov{width: 0; height: 0;}
.box2List .item img.icon{width: 75px; height: 75px;}
.box2List .item .line{width: 100%; height: 1px; background: #eee; margin: 15px 0;}
.box2List .item.active{background: url('../img/box4_bg.png') #2da0f0 bottom right no-repeat;width: 300px;}
.box2List .item.active h2, .box2List .item.active h3, .box2List .item.active h5{color: #fff}
.box2List .item.active .line{background: #65bbf8; transition: all 0.5s}
.box2List .item.active p{color: #bae2ff}
.box2List .item.active img.icon{width: 0; height: 0;}
.box2List .item.active img.iconhov{width: 75px; height: 75px;}


.box4List li{width: 370px; margin: 0 20px 20px; float: left}
.box4List li h2{ background: url('../img/box5_icon.png') #f9fdff no-repeat 5px center; color: #000; font-size: 13px; line-height: 20px; padding: 5px 20px 5px 30px; margin-bottom: 6px; display: inline-block}
.box4List li h3{ font-size: 16px; line-height: 45px; margin-top: 15px; border-top: 1px solid #eee; transition: all 0.5s; color: #010101; }
.box4List li h3 b{max-width: 90%; display: inline-block}
.box4List li h3 i{color: #979797; float: right; font-size: 13px; transition: all 0.5s}
.box4List li img{ transition: all 0.5s }
.box4List li:hover img{ transform: scale(1.05, 1.05); }
.box4List li:hover h3, .box4List li:hover h3 i{color: #2da0f0}

.index_box5 .indexNew1{width: 460px;}
.index_box5 .indexNew1 a{display: block}
.index_box5 .indexNew1 a h2{line-height: 50px; color: #000; font-size: 20px; transition: all 0.5s; font-weight: 900}
.index_box5 .indexNew1 a img{ transition: all 0.5s }
.index_box5 .indexNew1 a span{ overflow: hidden }
.index_box5 .indexNew1 a:hover img{ transform: scale(1.05, 1.05) }
.index_box5 .indexNew1 a:hover h2{color: #2da0f0}
.index_box5 .indexNew2{width: 660px;}
.index_box5 .indexNew2 li{width: 100%;}
.index_box5 .indexNew2 li a{display: block; line-height: 45px;border-bottom: 1px dashed #dadada; overflow: hidden}
.index_box5 .indexNew2 li a span{ font-family: Arial; font-weight: 700; display: block; width: 150px;padding-left: 20px; background: url('../img/new_icon.png') no-repeat center left; transition: all 0.5s; font-size: 13px; }
.index_box5 .indexNew2 li a i{display: block; width: 500px; transition: all 0.5s; color: #787878}
.index_box5 .indexNew2 li.last a{border:none;}
.index_box5 .indexNew2 li a:hover span, .index_box5 .indexNew2 li a:hover i{color: #2da0f0}
.newMore a{line-height: 35px; color: #9198a8; font-size: 13px}
.newMore a:hover{ color: #2da0f0 }
.footer{background: #303030;}
.footer .line{ background: #3e3e3e; width: 100%; height: 1px; }
.fot_list li{ width: 250px; margin-right: 65px; float: left; padding: 30px 0; }
.fot_list li.last{ margin: 0;float: right }
.fot_list li span{width: 55px; margin-right: 10px;}
.fot_list li h2{ color: #fff; font-size: 16px; line-height: 25px;margin-top: 5px}
.fot_list li p{ color: #c2c2c2; font-size: 14px; }
.fot_list2{ padding: 20px 0 40px; }
.fot_list2 .item{ width: 188px; float: left }
.fot_list2 .item h2{color: #fff; line-height: 40px; font-size: 18px;}
.fot_list2 .item a:hover{color: #fff}
.fot_list2 .item a, .fot_list2 .item p{display: block;color: #6a6a6a; line-height: 30px; transition: all 0.5s}
.fot_list2 .item.fot_contact{float: right; width: 260px}
.copy{line-height: 60px; color: #6a6a6a; text-align: center}

.box2zero{ text-align: center; padding: 50px 0; margin: -20px 0 30px }
.box2zero .zero{ display: inline-block; width: 340px; height: 340px; margin-top:11px;}
.box2zero .zero img{ top: 0; left: 0; }
.zeroText{width: 1200px; top: 40px; left: 0; z-index: 99}
.zeroText .textBoxs{ width: 400px; }
.zeroText .textBoxs li{ margin-bottom: 95px }
.zeroText .textBoxs li i{ display: block; width: 10px; height: 10px; background: #2da0f0; border-radius: 50%;animation: zero3 0.3s linear 0s infinite normal; -moz-animation: zero3 0.3s linear 0s infinite normal; -o-animation: zero3 0.3s linear 0s infinite normal; -webkit-animation: zero3 0.3s linear 0s infinite normal; }
.zeroText .textBoxs li h2{ position: relative; color: #313131; font-size: 21px; line-height: 30px; }
.zeroText .textBoxs li p{height: 50px;     font-size: 14px;}
.zeroText .textBoxs li.lefts{ margin-right: 50px; }
.zeroText .textBoxs li.lefts i{ right: -20px }
.zeroText .textBoxs li.rights{ margin-left: 50px; }
.zeroText .textBoxs li.rights i{ left: -20px }
.nybanner{ width: 100%; height: 400px; overflow: hidden }
.nybanner .texts{width: 1200px;}
.nybanner .texts h2{line-height: 2em; color: #000; font-size: 40px;}
.nybanner .texts p{ line-height: 1.8em; color: #676767; font-size: 16px; }
.nybanner .texts a{ display: inline-block; padding: 0 40px; line-height: 40px; margin-top: 20px; color: #fff; background: #ef2a3a; border-radius: 40px }
.nybanner .texts .btns a{ border: 1px solid #2da0f0; background: none; color: #2da0f0; margin-right: 20px; border-radius: 5px }
.nybanner .texts2 h2{ font-size: 30px; }
.nybanner .texts2 p{ font-size: 19px }
.nybanner .nybannerText{ left: 50%; margin-left: -600px; margin-top: 40px; color: #fff; font-size: 18px; line-height: 35px; border-bottom: 2px solid #2da0f0; transition: all 0.5s}
.CaseNybanner .nybannerText{ margin: 0; margin-top: 65px }
.nybanner .nybannerText i{ transition: all 0.3s; display: inline-block; vertical-align: middle; background: url('../img/banner_jt.png') no-repeat center left; background-size: 200% 100%; width: 20px; height: 20px; margin-left: 5px; margin-top: -2px }
.nybanner .nybannerText:hover{ color: #2da0f0 }
.nybanner .nybannerText:hover i{ background-position: center right }
.link{ background: #f8f8f8; padding-bottom: 50px; }
.link .linkList{width: 1236px;}
.link .linkList .item{width: 190px;margin: 8px; float: left; border:1px solid #f5f5f5;}
/* about_box1 */
.about_box1{ text-align: center; width: 100%; height: 520px; overflow: hidden}
.about_box1 .texts{ width: 750px; display: inline-block; line-height: 2.5em; color: #000; padding-bottom: 60px }
.about_box2{ background: #f9fdff; padding-bottom: 50px }
.about_box2 .Box2Ul{ width: 1260px; }
.aboutBoxList{width: 100%}
.aboutBoxList li{width: 220px; background: #fff; border:1px solid #f5f5f5; padding: 80px 30px; text-align: center;margin: 15px; float: left; transition: all 0.5s}
.aboutBoxList li span{width: 50px; height: 50px; overflow: hidden; display: inline-block}
.aboutBoxList li h2{ line-height: 70px; color: #2da0f0; font-size: 18px; transition: all 0.5s }
.aboutBoxList li p{ line-height: 1.6em; color: #878787; height: 80px; transition: all 0.5s }
.aboutBoxList li img{ transition: all 0.5s }
.aboutBoxList li:hover{background: #2da0f0; border:1px solid #2da0f0;}
.aboutBoxList li:hover h2{color: #fff;}
.aboutBoxList li:hover p{color: #fff}
.aboutBoxList li:hover img{ margin-top: -50px }
.about_box3{padding: 0 20px; width: 1240px;}
.about_box3 .lefts{width: 300px;background: #000;}
.about_box3 .rights{width: 890px;}
.about_box3 .rights span{ display: block; background-color: #000;margin-bottom: 10px; }
.about_box3 .rights img, .about_box3 .lefts img{ opacity: 0.5; transition: all 0.5s}
.about_box3 .rights img:hover, .about_box3 .lefts img:hover{opacity: 1}
.about_box3 .Box3Ul{width: 100%; box-shadow: 0 0 10px #ddd; margin: 20px 0 50px;}
.about_box3 .Box3Ul li{width: 25%; height: 200px; transition: all 0.5s; overflow: hidden;}
.about_box3 .Box3Ul li .title{ padding: 0 10px; }
.about_box3 .Box3Ul li .title h2{font-size: 18px; line-height: 1em; margin-bottom: 15px}
.about_box3 .Box3Ul li .title p{font-size: 14px; padding: 0 15px}
.about_box3 .Box3Ul li img{ transition: all 0.5s }
.about_box3 .Box3Ul li:hover{background: #2da0f0;}
.about_box3 .Box3Ul li:hover img{ transform: scale(1.05, 1.05) }
.about_box3 .Box3Ul li:hover h2, .about_box3 .Box3Ul li:hover p, .about_box3 .Box3Ul li:hover p span{color: #fff !important}
.caseList{ width: 1240px; padding: 50px 0;}
.caseList .item{ width: 580px; padding: 15px 15px 0; border-radius: 10px; box-shadow: 0 0 10px #ddd;margin: 20px;}
.caseList .item a > span{ display: block; width: 100%; overflow: hidden; }
.caseList .item a > span img{width: 100%}
.caseList .item h2{line-height: 35px; color: #000000; font-size: 22px; margin: 10px 0 5px; transition: all 0.5s}
.caseList .item h3{ margin-bottom: 15px; transition: all 0.5s }
.caseList .item p{color: #999; line-height: 60px; transition: all 0.5s}
.caseList .item p span{display: inline-block; padding: 0 15px; border:1px solid #4575ff; color: #4575ff; border-radius: 20px; line-height: 30px; margin-top: 15px; transition: all 0.5s}
.caseList .item .line{height: 1px; width: 100%; background: #eee;}
.caseList .item:hover h3,.caseList .item:hover p,.caseList .item:hover h2{color: #2da0f0}
.caseList .item:hover p span{ background: #2da0f0; color: #fff; border: 1px solid #fff; }
.pages{text-align: center; margin-top: 30px;}
.pages a, .pages span{ display: inline-block; margin: 0 8px; border:1px solid #d9d9d9; color: #d9d9d9; border-radius: 5px;padding: 0 10px; line-height: 30px; transition: all 0.5s}
.pages span, .pages a:hover{color: #fff; background: #2da0f0; border:1px solid #2da0f0;}
.pages .goUp{ border: 1px solid #2da0f0; color: #2da0f0 }
.contact_box1 .title{ margin: -50px 0 40px; }
.contactIcon .item{ text-align: center; width: 25% }
.contactIcon .item span{width: 80px; display: inline-block}
.contactIcon .item h2{ line-height: 40px; font-size: 18px; }
.contactIcon .item p{color: #999; margin-top: 5px}
.forms .item{width: 48%; border-bottom: 1px solid #eee; margin-bottom: 30px;}
.forms .item input{width: 100%; line-height: 35px; padding: 10px 0; background: none;}
.forms .submits{ display: block; width: 200px; line-height: 35px; border-radius: 35px; background: #2da0f0;color: #fff; margin: 40px auto 50px; text-align: center }
.newstab{ text-align: center; padding: 50px 0; border-bottom:1px dashed #eee; }
.newstab a{display: inline-block; padding: 0 30px; line-height: 40px; margin: 0 20px; background: #fcfcfc; border-radius: 10px; transition: all 0.5s; font-size: 16px}
.newstab a.active, .newstab a:hover{background: #2da0f0; color: #fff}
.newsList{ padding-bottom: 60px; }
.newsList .item{ padding: 30px 0; border-bottom: 1px dashed #eee; }
.newsList .item a{display: block; overflow: hidden;}
.newsList .item a img{ transition: all 0.5s }
.newsList .item a span.imgs{width: 320px; display: block}
.newsList .item a .texts{width: 850px;}
.newsList .item a .texts h2{color: #000; line-height: 60px; font-size: 18px; transition: all .5s}
.newsList .item a .texts h3{ color: #bebebe; font-size: 13px; transition: all .5s }
.newsList .item a .texts p{ color: #8b8b8b; margin-top: 15px; line-height: 1.6em; transition: all .5s }
.newsList .item a:hover img{ transform: scale(1.05, 1.05); }
.newsList .item a:hover h2{color: #2da0f0}
.newsList .item a:hover h3, .newsList .item a:hover p{color: #000}
.newsList .pages{ margin-top: 50px; }
.relatednews{ background: #f6f9fc; padding-top: 30px; }
.relatednews .newsList{ padding-bottom: 30px }
.relatednews .titles{ line-height: 1em; color: #000; font-size: 18px }
.newsContent{ padding: 50px 0; }
.newsContent h2{ text-align: center; font-size: 18px; color: #000; line-height: 40px }
.newsContent h3{text-align: center; font-size: 14px; color: #999; line-height: 30px;}
.newsContent .line{ border-top: 1px dashed #eee; height: 1px; width: 100%; margin: 30px 0; }
.newsContent .texts{ line-height: 2em !important }
#allmap{width:100%;height:400px;}



.pages_box{ padding: 50px 0; }
.pages_box .texts{/*  padding-left: 50px; */ max-width: 410px }
.pages_box .texts h2{ color: #0e050a; font-size: 30px; line-height: 60px; padding-left: 30px; background: url('../img/jt.png') center left no-repeat; }
.pages_box .texts label{display: block; margin-bottom: 10px}
.pages_box .texts label h3{background: url('../img/dian.png') no-repeat left center; padding-left: 30px; line-height: 1.8em; font-size: 16px;}
.pages_box .texts label p{padding-left: 30px; font-size: 14px;}
.pages_box2{width: 100%; background: #f6f6f6;}
.pages_box3{ padding-bottom: 50px; width: 1440px}
.pages_box3 .item{ text-align: center; width: 33.333%; margin-bottom: 30px }
.pages_box3 .item span{ width: 200px; display: inline-block }
.pages_box3 .item p{ font-size: 18px; font-weight: 900 }
.page_box4{ background: url('../img/page_bgs.jpg') #262b37 no-repeat center top; width: 100%;/*  height: 750px;  */}
.page_box4 .title h2, .page_box3 .title p{ color: #fff }
.page_box4 .tab_nav{ border-bottom: 1px solid #51555f; width: 100%; display: flex}
.page_box4 .tab_nav .item{ flex: 1; text-align: center; padding: 0 15px; cursor: pointer }
.page_box4 .tab_nav .item span{ color: #9a9a9a; font-size: 18px; border-bottom: 2px solid transparent; transition: all 0.5s; display: block; line-height: 60px;}
.page_box4 .tab_nav .item:hover span{ color: #fff}
.page_box4 .tab_nav .item.active span{border-bottom-color: #0d70ff; color: #fff }
.page_box4 .contents { margin-top: 70px; overflow: hidden;}
.page_box4 .contents .item{overflow: hidden; display: none}
.page_box4 .contents .item.active{ display: block }
.page_box4 .contents .item .texts{ width: 420px; margin-top: 50px; margin-left: 15px}
.page_box4 .contents .item .texts h2{ color: #fff; font-size: 28px; line-height: 80px }
.page_box4 .contents .item .texts > div{ color: #fff !important; font-size: 15px !important; line-height: 1.8em !important }
.page_box4 .contents .imags{ width: 500px; height: 420px; /* opacity: 0.2; */}
.pageNav{ top: 50%; left: 50px; z-index:9999; background: url('../img/page-dian-bg.png') repeat-y 12px 5px; height: 350px;}
.pageNav a{ display: block; margin-bottom: 80px; height: 35px;}
.pageNav a span{ display: inline-block; width: 25px; height: 25px; overflow: hidden; vertical-align: top }
.pageNav a i{display: none; background: #7f7f7f; color: #fff; font-size: 13px; padding: 0 20px; line-height: 35px; border-radius: 5px; margin-left: 15px; margin-top: -7px; position: relative; vertical-align: middle}
.pageNav a i:before{ border: 5px solid #7f7f7f; border-top: 5px solid transparent; border-left: 5px solid transparent; transform: rotate(135deg); content: ""; position: absolute; top: 50%; margin-top: -5px; left: -5px; }
.pageNav a.last{ margin-bottom: 0 }
.pageNav a.active img{ margin-top: -25px }
.pageNav a.active i{ display: inline-block; }


.zero_img1{animation: zero1 20s linear 0s infinite normal; -moz-animation: zero1 20s linear 0s infinite normal; -o-animation: zero1 20s linear 0s infinite normal; -webkit-animation: zero1 20s linear 0s infinite normal;}
.zero_img2{animation: zero3 1s linear 0s infinite normal; -moz-animation: zero3 1s linear 0s infinite normal; -o-animation: zero3 1s linear 0s infinite normal; -webkit-animation: zero3 1s linear 0s infinite normal;}
.zero_img3{animation: zero2 35s linear 0s infinite normal; -moz-animation: zero2 35s linear 0s infinite normal; -o-animation: zero2 35s linear 0s infinite normal; -webkit-animation: zero2 35s linear 0s infinite normal;}
.zero_img4{animation: zero7 2s linear 0s infinite normal; -moz-animation: zero7 2s linear 0s infinite normal; -o-animation: zero7 2s linear 0s infinite normal; -webkit-animation: zero7 2s linear 0s infinite normal;}
.zero_img5{animation: zero4 5s linear 0s infinite normal; -moz-animation: zero4 5s linear 0s infinite normal; -o-animation: zero4 5s linear 0s infinite normal; -webkit-animation: zero4 5s linear 0s infinite normal;}
.zero_img6{animation: zero3 1s linear 0s infinite normal; -moz-animation: zero3 1s linear 0s infinite normal; -o-animation: zero3 1s linear 0s infinite normal; -webkit-animation: zero3 1s linear 0s infinite normal;}
.zero_img7{animation: zero3 0.5s linear 0s infinite normal; -moz-animation: zero3 0.5s linear 0s infinite normal; -o-animation: zero3 0.5s linear 0s infinite normal; -webkit-animation: zero3 0.5s linear 0s infinite normal;}
.zero_img8{animation: zero3 2s linear 0s infinite normal; -moz-animation: zero3 2s linear 0s infinite normal; -o-animation: zero3 2s linear 0s infinite normal; -webkit-animation: zero3 2s linear 0s infinite normal;}
@keyframes zero1{
    0%{ transform:rotate(0); }
	33%{ transform:rotate(180deg); }
	66%{ transform:rotate(360deg); }
	100%{ transform:rotate(180deg); }
}
@keyframes zero2{
    0%{ transform:rotate(0); }
	33%{ transform:rotate(-180deg); }
	66%{ transform:rotate(-360deg); }
	100%{ transform:rotate(-180deg); }
}
@keyframes zero3{
    0%{ opacity: 1; }
	50%{ opacity: 0.5; }
	100%{ opacity: 1; }
}
@keyframes zero4{
    0%{ transform:rotate(0); }
	50%{ transform:rotate(180deg); }
	100%{ transform:rotate(360deg); }
}

.gotoup{ bottom: 15px; right: 20px; width: 30px; cursor: pointer; }
/*case*/
.marquee-box{overflow:hidden;width:100%;position:absolute;left:0;bottom:0}
.marquee{width:8000%;height:100px}
.wave-list-box{float:left}
.wave-list-box ul{float:left;height:100px;overflow:hidden;zoom:1}
.wave-list-box ul li{height:100px;width:100%;float:left;line-height:30px;list-style:none}
.wave-box{position:relative;height:100px;background:#fff}
.Twonav{ height: 50px; width: 100%; background: #282f3d; top: 60px; z-index: 99; transition: all 0.5s }
.Twonav .imgs{ color: #fff; line-height: 50px }
.Twonav .imgs span{display: inline-block; width: 50px}
.Twonav .navs{ display: block }
.Twonav .navs ul{ display: block }
.Twonav .navs ul li{ display: inline-block }
.Twonav .navs a{ display: block; margin-left: 50px; color: #768391; line-height: 48px}
.Twonav .navs a.active{ border-bottom: 2px solid #626c81 }
.CaseNybanner{ width: 100%; height: 400px; margin-top: 50px}
.page1Box0{padding-bottom: 60px}
.page1Box0 .box_center{ line-height: 1.8em; }
.page1Box0 .box_center img{ max-width: 100%; }
.page1Box1{ background: #f7f8fa; width: 100%; overflow: hidden; padding-bottom: 30px}
.page1Box1 .boxText .items{ width: 375px; margin-top: 20px; margin-bottom: 50px; position: relative}
.page1Box1 .boxText .items h2{ color: #000; font-size: 26px; line-height: 80px; }
.page1Box1 .boxText .items p{ color: #565e63; line-height: 1.5em }
.page1Box1 .boxText .items i{ position: absolute; top: 20px }
.page1Box1 .imgs{ width: 450px; height: 420px; background: url('../casePageImg/pro_img1.png') no-repeat center top; }
.page1Box1 .boxText.text_right .items{ padding-right: 100px }
.page1Box1 .boxText.text_left .items{ padding-left: 100px }
.page1Box1 .boxText.text_right .items i{right: 50px}
.page1Box1 .boxText.text_left .items i{left: 50px}
.page1Box2 .item{ overflow: hidden; margin: 0 0 80px; }
.page1Box2 .item .texts{ width: 540px; margin-top: 10px}
.page1Box2 .item .texts i{color: #fff; line-height: 30px; padding: 0 10px; background: #2da0f0; border-radius: 5px; display: inline-block}
.page1Box2 .item .texts h2{ font-size: 26px; color: #000; line-height: 80px }
.page1Box2 .item .texts h3{ color:#979797; font-size: 15px; line-height: 1.8em; padding: 10px 0; }
.page1Box2 .item .texts h3.h4{ padding-top: 30px;}
.page1Box2 .item .texts ul{ width: 100%; display: block; margin-top: 30px; }
.page1Box2 .item .texts ul li{ width: 220px; margin-right: 50px; float: left }
.page1Box2 .item .texts ul li h4{ line-height: 30px; font-weight: 900; font-size: 16px; color: #2da0f0 }
.page1Box2 .item .texts ul li h4 em{ vertical-align: middle; margin-right: 5px}
.page1Box2 .item .texts ul li p{ color: #565e63; font-size: 15px; line-height: 1.8em; margin-top: 10px }
.page1Box2 .item .imgs{ width: 580px; }
.page2Box2 { display: flex }
.page2Box2 .item{ padding: 5px; flex: 1; text-align: center; margin-bottom: 60px;}
.page2Box2 .item .contents{ display: inline-block; box-shadow: 0 0 10px #eee; background: #fff; padding: 30px; max-width: 300px;}
.page2Box2 .item span{ display: inline-block; width: 60px; height: 60px; background: #108cee; margin: 40px 0 30px;}
.page2Box2 .item h2{ color: #0b0205; font-size: 22px; line-height: 60px; }
.page2Box2 .item p{ line-height: 1.6em; color: #8a8a8a; height: 75px;}

.page1Box3{background: #f7f8fa; padding-bottom: 30px}
.page6Box3 .tabnavs{ width: 100%; display: flex; border-bottom: 1px solid #e7e7e7}
.page6Box3 .tabnavs li{	flex: 1; cursor: pointer; text-align: center}
.page6Box3 .tabnavs li .items{line-height: 35px; padding: 10px; display: inline-block}
.page6Box3 .tabnavs li .items span, .page6Box3 .tabnavs li .items i{ vertical-align: middle; display: inline-block }
.page6Box3 .tabnavs li .items i{ width: 35px; height: 35px; overflow: hidden;}
.page6Box3 .tabnavs li .items img{ transition: all 0.3s }
.page6Box3 .tabnavs li.active .items{ border-bottom: 2px solid #2da0f0; color: #2da0f0; }
.page6Box3 .tabnavs li.active img, .page6Box3 .tabnavs li .items:hover img{ margin-top: -35px; }
.page6Box3 .tabnavs li .items:hover .items{ color: #2da0f0;}
.page6Box3 .contengs{ margin: 60px auto; }
.page6Box3 .contengs .items{ overflow: hidden; display: none }
.page6Box3 .contengs .items.active{ display: block }
.page6Box3 .contengs .items .texts{width: 520px; left: 0;}
.page6Box3 .contengs .items .texts h2{ color: #363636; font-size: 26px; line-height: 30px; }
.page6Box3 .contengs .items .texts p{ margin: 25px 0 30px; line-height: 1.8em; font-size: 15px; color: #424040 }
.page6Box3 .contengs .items .texts i{ display: inline-block; padding: 0 15px; background: #2da0f0; border-radius: 5px; color: #fff; font-size: 14px; vertical-align: middle; margin-right: 15px }
.page6Box3 .contengs .items .imgs{width: 620px;}

.page7Box3{ background-repeat: no-repeat; background-size: 100% auto; background-position: center top }
.page7Box3 .title h2{ color: #fff }
.page7Box3 img{ max-width: 100% }
.page7Box3 .page7Box3List{ padding: 50px 0; }
.page7Box3 .page7Box3List .items{ width: 25%; padding: 25px; text-align: center}
.page7Box3 .page7Box3List .items i{ width: 60px; display: inline-block }
.page7Box3 .page7Box3List .items h2{ font-size: 22px; color: #000; line-height: 50px; }
.page7Box3 .page7Box3List .items p{ color: #717171; font-size: 14px; height: 120px; line-height: 1.8em }


.page1Box4{ height: 500px; width: 100% }
.page1Box4 .page1Box4Text{ background: rgba(0,0,0,0.5); width: 480px; left: 50%; margin-left: -600px; padding: 30px;}
.page1Box4 .page1Box4Text h2{ color: #fff; font-size: 32px; line-height: 45px }
.page1Box4 .page1Box4Text h3{ color: #fff; line-height: 30px; margin: 20px 0 30px; }
.page1Box4 .page1Box4Text p{ color: #fff; line-height: 1.5em; font-size: 14px;}
.ripple{ padding-bottom: 100px; height: 380px; width: 100%}
.ripple .rippleText{ margin-top: -20px }
.ripple .rippleText a{ line-height: 40px; width: 300px; margin: 30px auto; display: block; color: #fff; background: #2da0f0; border-radius: 5px; transition: all 0.5s}
.ripple .rippleText a:hover{ background: #1a88d5; }
#certify .swiper-container{padding-bottom:60px;}
#certify .swiper-slide{width:600px;height:420px;background:#fff;box-shadow:0 8px 30px #ddd;}
#certify .swiper-slide img{display:block;}
#certify .swiper-slide p{line-height:60px;text-align:center;color:#fff;font-size:16px;margin:0;background: rgba(0,0,0,0.8); bottom: 0; left: 0; width: 100%; display: none}
#certify .swiper-button-prev{left:0;width:70px;height:70px;background:url(../casePageImg/wm_button_icon.png) no-repeat;background-position:0 0;background-size:100%; margin-top: -45px}
#certify .swiper-button-prev:hover{background-position:0 -70px;background-size:100%;opacity: 1;}
#certify .swiper-button-next{right:0;width:70px;height:70px;background:url(../casePageImg/wm_button_icon.png) no-repeat;background-position:0 -140px;background-size:100%; margin-top: -45px}
#certify .swiper-button-next:hover{background-position:0 -210px;background-size:100%;opacity: 1;}
#certify .swiper-slide.swiper-slide-active p{ display: block }

#page7certify{ padding: 30px 0 100px; }
#page7certify .page7certifyImg{ z-index: 9; top: 0 }
#page7certify .swiper-slide{width:932px;height:520px; margin-top: 5px;}
#page7certify .page7certifyBtn{ width: 100%; text-align: center; bottom: 10px; left: 0 }
#page7certify .page7certifyBtn span{width: 35px; height: 35px; border-radius: 50%; line-height: 35px; color:#fff; background-color: #baddf7; margin: 0 10px; transition: all 0.5s}
#page7certify .page7certifyBtn span:hover,#page7certify .page7certifyBtn span.swiper-pagination-bullet-active{ background-color: #2da0f0; }

.page7Text{ text-align: center; line-height: 1.8em; max-width: 950px; margin: 30px auto;}


.QQ{ width: 60px; height: 70px; top: 43%; right: 0; z-index: 9999999 }
.QQ a{ display: block; width: 100%; height: 100%; }

.pageNavnew{ background: #ffffff; height: 60px; width: 100% }
.pageNavnew.pageNavnewAB{ position: fixed; top: 60px; left: 0; z-index: 99999; box-shadow: 0 0 10px #ddd;}
.pageNavnew ul{ width: 100% }
.pageNavnew ul li{ padding: 5px 20px; float: left}
.pageNavnew ul li a{ display: block; line-height: 50px; color: #333 }
.pageNavnew ul li a.active{ border-bottom: 2px solid #2da0f0 }
.pageBg{ width: 100%; height: 280px; background: url('../img/pageBg.jpg') no-repeat center top; }
.pageBg .box_center{ overflow: hidden; height: 280px; }
.pageBg .pageLogo{ left: 0; }
.pageBg .pageText{ right: 0 }
.pageBg .pageText h2{ color: #fff; font-size: 18px; line-height: 1.6em }
.pageBg .pageText i{ width: 200px; background: #66baf4; height: 1px; display: inline-block; margin: 15px 0; }
.pageBg .pageText p{ color: #c9e9ff; font-size: 14px; line-height: 1.6em }

.pages_box_new .items{ width: 540px; margin-bottom: 50px}
.pages_box_new .items h2{color: #0e050a; font-size: 28px; font-weight: 900; line-height: 50px; margin: 10px 0}
.pages_box_new .items h2 i{ color: #fff; font-family: Arial; text-align: center; font-size: 20px; margin-right: 10px; padding-right: 5px; color: #fff; background: url('../img/pageNumbg.png') no-repeat center left; display: inline-block; width: 50px; height: 50px; vertical-align: middle }
.pages_box_new .items .lists_new{ width: 100% }
.pages_box_new .items .lists_new li{ margin: 10px 0 30px; }
.pages_box_new .items .lists_new li h3{ color: #115dff; font-weight: 900; font-size: 16px; line-height: 2em }
.pages_box_new .items .lists_new li p{ color: #616161; line-height: 1.8em; font-size: 16px }
.page_box_new2{ background: #f1faff; margin-top: 30px;}
.pages_box3_new{ width: 1300px; padding: 30px 0 60px; overflow: hidden;}
.pages_box3_new .item{ width: 33.333%; text-align: center; margin: 30px 0; }
.pages_box3_new .item span{ display: inline-block; width: 50px; }
.pages_box3_new .item h2{ color: #313131; font-size: 22px; line-height: 45px; } 
.pages_box3_new .item p{ color: #686868; font-size: 14px;  }
.pageBg2{ background: url('../img/pageBg3.jpg') center top; width: 100%; height: 210px; text-align: center; padding-top: 20px}
.pageBg2 h2{ color: #ffffff; font-size: 32px;line-height: 100px; font-weight: 900 }
.pageBg2 a{ display: inline-block; padding: 0 30px; color: #fff; font-size: 16px; border-radius: 5px; border: 1px solid #fff; line-height: 40px; transition: all 0.5s }
.pageBg2 a:hover{ background: #fff; color: #2da0f0 }

#canvas{ position: relative; z-index: -1; padding: 0; }
#canvas canvas{ height: 260px !important;  margin-top: -100px}
.index_box5 { padding: 0; }
.index_box5Box .items{ width: 25%; text-align: center; float: left }
.index_box5Box .items h2{ color: #16a0e8; font-size: 60px; font-weight: 900 }
.index_box5Box .items p{ color: #3d3d3d; font-size: 18px; }