/* CSS Document */
.case-ani{position:relative;height:600px;padding-top:100px}
.case-ani span{position:absolute;display: block;}
.case-ani img{max-width: 100%;}
.ani1{ left: -2%;bottom:2%; width: 30.2%;}
.ani2{ left: 44%;bottom:9%; width: 13.26%;}
.ani3{ left: 30%;bottom:7%; width: 10.28%;}
.ani4{ left: 61%;bottom:7%; width: 10.35%;}
.ani5{ left: 35%;bottom:5%; width: 7.6%;}
.ani6{ right: 0;bottom:4%; width: 24.93%;}

.ani7{ left: 0;bottom:2%; z-index: 5; width: 17.4%;}
.ani8{ left: 8%;bottom:5%; width: 54.8%;}
.ani9{ left: 29%;bottom:6%; width: 43%;}
.ani10{ right: 17%;bottom:9%; width: 11.3%;}
.ani11{ right: 0;bottom:4%; width: 24.24%;}

.ani12{left: 0;bottom:7%;z-index:5;width: 22.08%;}
.ani13{left: 5%;bottom:7%;width: 22.15%;}
.ani14{left: 8%;bottom:22%;width: 10.14%;}
.ani15{left: 25%;bottom:2%;width: 10.28%;}
.ani16{left: 37%;bottom:13%;width: 18.26%;}
.ani17{left: 51%;bottom:11%;width: 10.55%;}
.ani18{left: 39%;bottom:7%;width: 21.32%;}
.ani19{right: 10%;bottom:10%;width: 22.3%; z-index:5;}
.ani20{right: 20%;bottom:16%;width: 8.61%; z-index:5;}
.ani21{right: 0;bottom:10%;width: 29.51%;}


.ani22{left: 0;bottom:2%;width: 27.5%; z-index: 5;}
.ani23{left: 5%;bottom:2%;width: 33.47%;}
.ani24{left: 26%;bottom:10%;width: 3.33%;}
.ani25{left: 30%;bottom:8%;width: 37.85%;}
.ani26{left: 37%;bottom:2%;width: 29.51%;}
.ani27{right: 11%;bottom:7%;width: 10.07%;z-index: 5;}
.ani28{right: 2%;bottom:2%;width: 22.3%;}

.case{padding: 30px 0 50px 0;}
.case ul li{width: 33.33%;float: left;margin-top:20px;}
.case ul li a{display:block;padding: 0 10px;}
.case-img{display: block;position:relative;overflow: hidden;}
.case-img img{ width: 100%;transition:0.6s all; -webkit-transition:0.6s all;}
.case-img span{background:#FFF;opacity: 0.5;transition:0.6s all; -webkit-transition:0.6s all;position: absolute;}

.border-top{width: 0px; height: 1px; top: 6%; left: 5%;}
.border-right{width: 1px; height: 0; top: 94%; right: 5%;}
.border-bottom{width: 0; height: 1px; bottom: 6%; left: 95%;}
.border-left{width: 1px; height: 0; top: 6%; left: 5%;}
.case a:hover .border-top{width: 90%;}
.case a:hover .border-right{height: 88%;top: 6%;}
.case a:hover .border-bottom{width: 90%;left: 5%;}
.case a:hover .border-left{height: 88%;}
.case a:hover .case-img img{-webkit-transform: scale(1.05) ; -moz-transform: scale(1.05); transform: scale(1.05);}
.case-text{ padding: 10px 15px; line-height:1.8;}
.case-text h3{ font-size: 1.7rem;width:80%;font-weight:bold;padding: 6px 0;overflow: hidden;height: 26px;white-space:nowrap;text-overflow:ellipsis;}
.case-text span{color: #b4bab9; font-size: 1.5rem;background: url(../image/dqweb_zan.png) no-repeat right 1px;padding-right: 22px;display: block;line-height: 22px;position: absolute;right:12px;top:20px;}
a:hover .case-text h3{color: #5A4EE4;}
.case-text p{font-size: 1.4rem;}

.case-menu{border-bottom: 1px solid #BFBFBF;margin-top: 70px;}
.case-menu ul{ width: 80%;margin: auto;}
.case-menu ul li{ float: left; width: 25%; text-align: center;}
.case-menu ul li a img{max-width: 100%;}
.case-menu ul li a{display: block;width: 80%;margin: auto;}
.case-menu ul li a p{font-size: 1.8rem;line-height:3;}
.case-menu ul li a em{display:block;width:0;height: 5px;background:#4F4F4F;margin:auto;transition:0.3s all; -webkit-transition:0.3s all;}
.case-menu ul li.current a em{width: 100%;}
.case-menu ul li a:hover em{width: 100%;}

.case-content{width: 100%;}
.case-content-item{width: 100%;height:0px;padding-bottom:50%;overflow: hidden;}
.case-content-img{width: 100%;height:0px;padding-bottom:50%;background-repeat:no-repeat;background-size:cover;background-position:50%100%;-webkit-animation: scaleBigToDefault 1.5s ease-in-out; animation: scaleBigToDefault 1.5s ease-in-out;}
/*.case-content-img img{max-width:100%;-webkit-animation: scaleBigToDefault 1.5s ease-in-out; animation: scaleBigToDefault 1.5s ease-in-out;}*/
@-webkit-keyframes scaleBigToDefault {
0% { opacity:0; -webkit-transform:scale3d(1.3,1.3,1.3); transform:scale3d(1.3,1.3,1.3)} 
100% {opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)} 
}
@keyframes scaleBigToDefault {
0% {opacity:0; -webkit-transform:scale3d(1.3,1.3,1.3); transform:scale3d(1.3,1.3,1.3)} 
100% {opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)} 
}


.case-content-info{background:#5F55CE;padding: 40px 0; color: #FFFFFF; position: relative;z-index: 1;}
.case-content-info-left{ float: left; width: 70%;}
.case-content-info-left h1{font-size: 3.2rem;line-height: 160%;}
.case-content-info-left p,.case-content-info-left p a{color: #968EF3; line-height: 200%;font-size: 1.3rem;}
.case-content-info-left p a:hover{color: #FFF;}
.case-content-info-left p{color: #968EF3;}
.case-content-info-left p+p{color: #FFFFFF; margin-top: 8px;}
.case-content-info-right{float: right;width: 30%;}
.case-content-info-right a{display: block;width: 165px;height: 35px;border: 1px solid #A5A0E4;line-height: 35px;position: relative; text-align: center;float: right;}
.case-content-info-right a em{width:0;height: 35px;display: block;position: absolute;background:#FFF;z-index: 1;transition:0.3s all; -webkit-transition:0.3s all;}
.case-content-info-right a:hover em{width:100%;}
.case-content-info-right a span{width: 100%;height: 35px;display: block;position: absolute;z-index: 2; color: #FFFFFF;transition:0.6s all; -webkit-transition:0.6s all;}
.case-content-info-right a:hover span{color: #5F55CE;}
.case-content-text{ background:url(../image/dqweb_pic5.jpg) no-repeat center top fixed;background-size:cover;}
.case-content-text-img{ text-align: center;padding: 70px 0;}
.case-content-text-img p{line-height:3rem;}
.case-content-text-img img{ max-width:100%;}

.fuwu1{background: no-repeat center;background-size:cover; width: 100%;height: 100%;overflow: hidden;}
.fuwu1-inner{width:480px;height: 70%;top:30%;left: 14%; color: #FFFFFF;line-height: 1.9;font-size: 1.6rem;overflow: hidden;}
.fuwu1-inner h2,.fuwu2-inner h2{font-size: 4.2rem;font-weight:bold;opacity:0;transform:translateY(-50px);-webkit-transform:translateY(-50px);transition:all 1s 0.6s; -webkit-transition:all 1s 0.6s;}
.fuwu1-line{display: block;height: 4px;width:0px;background: #FFFFFF;margin-bottom: 15px;transition:all 0.3s 1.2s; -webkit-transition:all 0.3s 1.2s;}
.fuwu1-more a{display: block;width: 164px;height:45px;line-height: 45px;border: 2px solid #FFFFFF;border-radius:90px; text-align: center;color: #FFFFFF;font-size: 1.3rem; margin-top:80px;opacity:0;transform:translateX(-180px);-webkit-transform:translateX(-180px);transition:transform 1s 2s; -webkit-transition:transform 1s 2s;}
.fuwu1-more a:hover{background:#FFFFFF;color:#525252;}

.fuwu2{background: no-repeat center;background-size:cover; width: 100%;height: 100%;overflow: hidden;}
.fuwu2-inner{width:480px;height: 70%;top:30%;right: 14%; color: #525252;line-height: 1.9;font-size: 1.6rem;overflow: hidden;}
.fuwu2-line{display: block;height: 4px;width:0px;background: #525252;margin-bottom: 15px;transition:all 0.3s 1.2s; -webkit-transition:all 0.3s 1.2s;}
.fuwu2-more a{display: block;width: 164px;height:45px;line-height: 45px;border: 2px solid #525252;border-radius:90px; text-align: center;color: #525252;font-size: 1.3rem; margin-top:80px;opacity:0;transform:translateX(-180px);-webkit-transform:translateX(-180px);transition:transform 1s 2s; -webkit-transition:transform 1s 2s;}
.fuwu2-more a:hover{background:#525252;color:#FFFFFF;}

.fuwu-description{opacity:0;transform:translateY(60px);-webkit-transform:translateY(60px);transition:all 1.3s 1.5s; -webkit-transition:all 1.3s 1.5s;}
.active .fuwu1-inner h2,.active .fuwu2-inner h2{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
.active .fuwu1-line,.active .fuwu2-line{width: 80px;}
.active .fuwu-description{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
.active .fuwu1-more a,.active .fuwu2-more a{opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);}

/*关于我们*/
/*.about-banner{width: 100%;height:10000px;max-height:980px;background: url(https://www.tiante.cc/base/banner_about.jpg) no-repeat center;background-size: cover;}*/
.contact-banner{width: 100%;height:100vh;position: relative;overflow: hidden;}
.contact-banner > img{width:100%;height:100%;}
.about-banner{width: 100%;height:100vh;position: relative;overflow: hidden;}
.about-banner > img{width:100%;height:100%;}
.about-banner-fullwindow{position:absolute;left:0;top:0;width:100%;height:100%;
	background: -webkit-linear-gradient(left, rgba(30,95,116,.6) 0%,rgba(23,9,49,.6) 100%);
	background: linear-gradient(to right, rgba(30,95,116,.6) 0%,rgba(23,9,49,.6) 100%);
}
.about-banner-ul {position:absolute;top:50%;left:50%;width:60%;margin-left:-30%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.about-banner-ul li{float:left;width:33.33%;height:25vh;text-align:center;border-bottom:1px solid rgba(255,255,255,0.15);border-left:1px solid rgba(255,255,255,0.15);margin-left: -1px;overflow: hidden;}
.about-banner-ul li:nth-child(1),.about-banner-ul li:nth-child(4){border-left:none;}
.about-banner-ul li+li+li+li{border-bottom:none;}
.about-banner-ul li div{margin-top:6vh;}
.about-banner-ul li img{height: 70px;}
.about-banner-ul li p{margin-top: 20px;color: #FFFFFF;font-size: 1.6rem;}

.about-info{padding:50px 20px;background: #FFFFFF;transform:translateY(-25%);-webkit-transform:translateY(-25%);text-align: center;font-size: 1.6rem;}
.about-info h2{font-size: 4.2rem;font-weight: bold;color:#333;}
.about-info em{display: block;width: 100px;height:4px;background: #333333;margin:20px auto;}
.about-info p{line-height: 1.8; max-width:724px;margin:40px auto 0 auto;display: block;}

.about-description ul{margin-left: -1%;}
.about-description ul li{width: 49%;margin: 0 0 1% 1%;float:left;position:relative;overflow:hidden;}
.about-description ul li img {width: 100%;transition:0.6s all; -webkit-transition:0.6s all;}
.about-description-bj{position:absolute;top:0;bottom: 0;left: 0;right: 0;transition:0.6s all; -webkit-transition:0.6s all;}
.text-wrap{position:absolute;bottom:0;left: 0;right: 0;padding: 5%; color: #FFFFFF;
    background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));
    background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,1));
}
.text-wrap h3{font-size: 2.3rem;font-weight: bold; visibility: hidden; opacity: 0;transform:translateY(-30px);-webkit-transform:translateY(-30px);transition:0.6s all; -webkit-transition:0.6s all;}
.text-wrap em{display: block;width: 50px;height:2px;background: #FFFFFF;margin:10px 0;visibility: hidden;opacity: 0;transform:translateX(-10px);-webkit-transform:translateX(-10px);transition:0.6s all; -webkit-transition:0.6s all;}
.text-wrap p{line-height:1.6;display: block;visibility: hidden;opacity: 0;transform:translateY(100px);-webkit-transform:translateY(100px);transition:0.6s all; -webkit-transition:0.6s all;}
.about-description ul li:hover .text-wrap h3,.about-description ul li:hover .text-wrap p{visibility:visible; opacity: 1;transform:translateY(0px);-webkit-transform:translateY(0px);}
.about-description ul li:hover .text-wrap em{visibility:visible; opacity: 1;transform:translateX(0px);-webkit-transform:translateX(0px);}
.about-description ul li:hover img{transform:scale(1.08);-webkit-transform:scale(1.08);}
.about-description ul li:hover .about-description-bj,.about-weilai-right:hover .about-description-bj,.about-case:hover .about-description-bj{background:rgba(0,0,0,0.3);}

.about-weilai{margin-top: 10px;background: #FFFFFF;}
.about-weilai-left{width: 50%; float:left;}
.about-weilai-left-box{padding: 10%;}
.about-weilai-left h3{font-size: 3.6rem;font-weight: bold;}
.about-weilai-left em{display: block;width:70px;height:4px;background: #525252;margin-top:20px;}
.about-weilai-left p{line-height: 1.8;font-size: 1.6rem; margin-top:40px;display: block;}

.about-weilai-right{width: 50%;float:right;overflow: hidden;}
.about-weilai-right img{width: 100%;transition:0.6s all; -webkit-transition:0.6s all;}
.about-weilai-right:hover img{width: 100%;transform:scale(1.08);-webkit-transform:scale(1.08);}

.about-case{margin-top: 20px;overflow: hidden;margin-bottom: 20px;}
.about-case img{width: 100%;min-height: 260px;}
.about-case-link{position:absolute;display:block;color: #FFFFFF;text-align: center; top:30%;left: 0;right: 0;}
.about-case-link h3{font-size: 4.6rem;font-weight: bold;visibility: hidden;opacity: 0;margin-top: 120px;-webkit-transition:0.6s all;transition:0.6s all; }
.about-case-link em{font-size: 2.6rem; border: 2px solid #FFFFFF;border-radius: 100px; width:50px;height: 50px;display:block;line-height: 50px;margin: auto;-webkit-transform:translateY(-200%);transform:translateY(-200%);visibility:hidden;opacity: 0;-webkit-transition:0.6s all;transition:0.6s all;}
.about-case-link:hover em{background: #FFFFFF;color:#525252;}

.about-case:hover h3{visibility:visible;opacity: 1;margin-top: 0px;}
.about-case:hover em{visibility:visible;opacity: 1;-webkit-transform:translateY(100%);transform:translateY(100%);}
/*新闻资讯*/
.news-banner{ background: url(https://www.tiante.cc/base/news-banner.jpg) no-repeat center;background-size: cover;width: 100%;height:530px;position: relative;}
.news-banner-box{position: absolute;top:0;right:0;bottom:0;left: 0;
	background: -webkit-linear-gradient(left, rgba(30,95,116,.6) 0%,rgba(23,9,49,.6) 100%);
	background: linear-gradient(to right, rgba(30,95,116,.6) 0%,rgba(23,9,49,.6) 100%);
}
.news-banner-text{color: #FFFFFF;position: absolute;width: 100%;margin-top:280px;}
.news-banner-text h3{font-size: 4rem;font-weight: bold;}
.news-banner-text em{display: block;width:55px;height: 3px;background: #FFFFFF;margin: 20px 0 20px;}
.news-banner-text h2{font-size: 2.6rem;font-weight: bold;}
.news-banner-text h1{font-size: 3.6rem;font-weight: bold; text-align: center; margin-top:40px;}

.news-menu{margin: 30px 0 30px;}
.news-menu a{display:inline-block;width: 150px;height: 50px;line-height: 50px;border: 1px solid #FFFFFF;background: #FFFFFF;border-radius:100px; text-align: center;font-size: 1.4rem;margin-right: 15px;margin-top:15px;transition:0.3s all; -webkit-transition:0.3s all;}
.news-menu a.on,.news-menu a:hover{border: 1px solid #525252;background: #525252;color: #FFFFFF;}

.news-article{margin-left: -1.5%;margin-bottom: 1.5%;}
.news-article li{ width: 48.5%;margin-left: 1.5%;margin-top: 1.5%;float: left;background: #FFFFFF;}
.news-article li a{padding: 35px 70px;display: block;}
.news-article-l{ width: 115px;height: 155px;float: left;border-right: 1px solid #E7E7E7; color: #666666;}
.news-article-l div{margin-top: 20px;}
.news-article-l p{font-size: 4.8rem;font-weight:700;}
.news-article-l em{display: block;width: 30px;height: 3px;background: #E7E7E7;margin:5px 0 13px;}
.news-article-l span{font-size: 1.4rem;}
.news-article-r{ float: left;width:-moz-calc(100% - 116px);width:calc(100% - 116px);}
.news-article-r div{margin:12px 0 0 13%;}
.news-article-r h2{display: block;font-size:1.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news-article-r p{margin-top: 15px; height: 65px;line-height: 2.4;overflow: hidden;font-size: 1.4rem;color: #777;}
.news-article-r span{display: block;margin-top: 15px;}
.news-article-r span i{height:19px;width:0px;opacity: 0;display: inline-block;background: url(../image/more-icon2.png) no-repeat left 9px;}
.news-article-r span b{height:19px;display: inline-block;font-size: 1.4rem;font-weight: normal;}
.news-article-r span font{height:20px;display:block;float: right;line-height: 29px;font-size: 1.4rem;overflow: hidden;color: #999;display: none;}

.news-article li a:hover .news-article-r span i{width:30px;opacity:1;}
.news-article li:hover{box-shadow: 8px 8px 10px #CCCCCC; transform: translateY(-8px);}

.pagination{border-radius:30px;background: #FFFFFF;display: table;padding: 0 15px;margin:40px auto;}
.pagination li{display: inline-block; width: 30px;height: 30px;border-radius: 30px;text-align: center;line-height: 30px; color: #FFFFFF;margin:15px 5px;font-family: arial;font-size: 1.4rem;}
.pagination li a{display: block;border-radius:30px;transition:0.3s all; -webkit-transition:0.3s all;}
.pagination li a:hover{display: block;background-color: #5A4EE4;color: #FFFFFF;}
.pagination li.disabled{background-color: #CCCCCC; color: #999;}
.pagination li.active{background-color: #5A4EE4; color: #FFFFFF;}
.pagination .pageinfo{display: none;}
.news-content{background: #FFFFFF;padding:4% 5%;position: relative;top:-50px;}
.news-content-date{padding-bottom: 20px;border-bottom: 1px solid #E5E5E5;font-size: 1.4rem;color: #999999;}
.news-content-date i{display: block;float:right;font-style: normal;}

.news-content-info{padding:40px 0;border-bottom: 1px solid #E5E5E5;font-size: 1.6rem;line-height: 2;}
.news-content-info a{color:#5A4EE4;}
.news-content-info img{max-width:100%;}
.news-content-next{padding-top:30px;font-size: 1.6rem;line-height: 2;color: #999;}
.news-content-next a{color: #999;}
.news-h3{font-size: 2.8rem;font-weight: bold;}
/*联系我们*/
.contact-map{width: 100%;height:90vh;}
.contact-info{background: #FFFFFF;-webkit-transform: translateY(-80px);transform: translateY(-80px); width: 100%;padding-bottom: 80px;}
.contact-info h2{display: block;font-size: 3.6rem;font-weight: bold; text-align: center;padding: 90px 0 50px 0;}
.contact-dzhi,.contact-jiaot{margin-left: -3%; width: 92%;margin: auto;}
.contact-dzhi li{width:30%;float: left;margin-left: 3%; height: 128px;overflow: hidden;}
.contact-jiaot li img{margin-left: 20px;}
.contact-dzhi li h3,.contact-jiaot li h3{font-size:2.1rem;color: #999;font-weight: bold;border-bottom: 1px solid #E6E6E6;line-height: 2.6;padding-top: 10px;padding: 0 20px;}
.contact-dzhi li p,.contact-jiaot li p{font-size:1.6rem; line-height: 1.8;margin-top: 15px;padding: 0 20px;}
.contact-jiaot li{width:47%;float: left;margin-left: 3%;}

.contact-scroll-btn {z-index:56;position:absolute;left:50%;bottom:12vh;width:44px;height:44px;margin-left:-22px;border:2px solid #9A9A9A;border-radius:100%;overflow:hidden;cursor:pointer;-webkit-transition:1s all;transition:1s all;}
.carousel-scroll-btn-icon {position:absolute;display:block;width:44px;height:44px;margin:0 auto;background:url(../image/down-icon2.png) no-repeat center center;cursor:pointer;animation: downico 1.5s ease-out infinite;}
.page-article{display: table;margin: 30px auto 0 auto;}
.page-article li{float: left; margin: 0 4px;}
.page-article li a{display: block;padding: 2px 15px;border: 1px solid #999999;}
.page-article li a:hover,.page-article li.thisclass a{background-color: #5A4EE4;border: 1px solid #5A4EE4;color: #ffffff;}

@keyframes downico {
    0% {top: 0;opacity: 1;}
    35% {top: 50%;opacity: 0;}
    65% {top: -50%;opacity: 0;}
    100% {top: 0;opacity: 1;}
}
.btnon{opacity: 0;-webkit-transform: translateY(-80px);transform: translateY(-80px);}

@media only screen and (max-width:1440px){
	.case-ani{height:530px;}
	/*.about-banner-ul {position:absolute;top:50%;left:50%;width:1149px;margin-left:-50%;transform:translateY(-50%);}*/
}

@media only screen and (max-width:1024px) {
	.case-ani{height:380px;}
	.case ul li{width: 50%;}
	.about-banner-ul {width:80%;margin-left:-40%;}
	.about-weilai-left h3{font-size:2.6rem;}
	.about-weilai-left em{width:50px;height:3px;}
	.about-weilai-left p{line-height: 1.8;font-size: 1.3rem; margin-top:20px;display: block;}
	.news-article li a{padding: 20px 30px;}
	.news-article-l{ width: 84px;}
	.news-article-r{ float: left;width:-moz-calc(100% - 85px);width:calc(100% - 85px);}
	.contact-dzhi li{width:47%;}

}

@media only screen and (max-width:768px){
	.contact-banner{height:40vh}
	.heitght768{height:60px;}
	.case-ani{height:auto;}
	.case ul li{width: 100%;}
	.case-text{background-color: #FFFFFF;}
	.case-menu ul{ width: 100%;}
	.case-menu ul li a p{font-size: 1.2rem;}
	.case-content-info-left{width: 100%; float: none; text-align: center;}
	.case-content-info-right{display: none;}
	
	.fuwu-bj{width: 100%;height: 40%;bottom:0px;display:block;}
	.fuwu1-inner,.fuwu2-inner{width:86%;height: 35%;top:auto;bottom: 3%;left: 8%; font-size: 1.4rem;}
	.fuwu1-inner h2,.fuwu2-inner h2{font-size: 2.2rem;}
	.fuwu1-line,.fuwu2-line{height: 2px;margin-bottom: 10px;}
	.fuwu1-more a,.fuwu2-more a{width: 180px;height:35px;line-height: 35px;border-radius:70px;margin-top:40px;}

	.about-banner-ul li{width:50%;}
	.about-banner-ul li:nth-child(1),.about-banner-ul li:nth-child(4){border-left:1px solid rgba(255,255,255,0.15);}
	.about-banner-ul li+li+li+li{border-bottom:1px solid rgba(255,255,255,0.15);}
	.about-banner-ul li:nth-child(1),.about-banner-ul li:nth-child(3),.about-banner-ul li:nth-child(5){border-left:none;}
	.about-banner-ul li:nth-child(5),.about-banner-ul li:nth-child(6){border-bottom:none;}
	
	.about-info{font-size: 1.3rem;}
	.about-info h2{font-size: 3.0rem;}
	
	.about-description ul{margin-left:0;}
	.about-description ul li{width: 100%;margin: 0 0 20px 0;}
	.text-wrap h3{visibility: visible; opacity: 1;transform:translateY(0px);-webkit-transform:translateY(0px);}
	.text-wrap em{visibility: visible; opacity: 1;transform:translateX(0px);-webkit-transform:translateX(0px);}
	.text-wrap p{visibility: visible; opacity: 1;transform:translateY(0px);-webkit-transform:translateY(0px);}
	.about-description-bj{background:rgba(0,0,0,0.3);}
	.about-weilai-left{width: 100%; float:none;}
	.about-weilai-right{width: 100%;float:none;display: none;}
	.about-case-link h3{font-size: 2.6rem;visibility:visible;opacity: 1;margin-top: 0px;}
	.about-case-link em{visibility:visible;opacity: 1;-webkit-transform:translateY(100%);transform:translateY(100%);}
	
	.news-article{margin-left:0;}
	.news-article li{ width: 100%;margin-left: 0%;}
	.news-article-r div{margin:12px 0 0 6%;}
	.news-article-r span i{width:30px;opacity: 1;}
	
	.contact-dzhi,.contact-jiaot{margin-left: 0%; width: 92%;margin: auto;}
	.contact-dzhi li,.contact-jiaot li{width:100%;float: none;margin-left:0%;}
	.contact-jiaot li{margin-bottom:45px;}
	.news-banner-text h1{font-size: 3rem;}

	.case-content-item{padding-bottom:80%;}
	.case-content-img{padding-bottom:80%;}
}

@media only screen and (max-width:425px){
	.contact-banner{height:auto}
	.case-ani{height:240px;}
	.fuwu-bj{height: 50%;}
	.fuwu1-inner,.fuwu2-inner{width:86%;height: 45%;top:auto;bottom: 3%;left: 8%; font-size: 1.4rem;}
	.fuwu1-inner h2,.fuwu2-inner h2{font-size: 2.2rem;}
	.fuwu1-line,.fuwu2-line{height: 2px;margin-bottom: 10px;}
	.fuwu1-more a,.fuwu2-more a{width: 180px;height:35px;line-height: 35px;border-radius:70px;margin-top:40px;}
	
	.about-banner-ul li img{height: 50px;}
	.about-banner-ul li p{margin-top: 20px;color: #FFFFFF;font-size: 1.2rem;}

.news-article li a{padding: 20px 15px;}
.news-article-l{ display: none;}
.news-article-r{ float: none;width:100%;}
.news-article-r div{margin:0px 0 0 0;}
.news-article-r span{margin-top: 15px;border-top: 1px solid #EEEEEE;padding-top: 8px;}
.news-article-r span font{display: block;}


	
	
	
}