/* CSS Document */
.banner{position:relative;top:0px; width: 100%;z-index: 1;min-height: 700px;height:100vh; overflow:hidden;background-color:#000;}
.banner-vido{z-index: 1;position: absolute;width: 100%;height:100%;display: block;}
.banner-img{display: none;}
.vido{position:absolute; left:0; top:0px; width:100%;height:100%;object-fit: cover;object-position: center center;filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.banner-text{position: absolute;z-index: 2;bottom:45%; color:#FFF;font-size: 4.8rem;font-weight:600; text-align: center; width: 100%;line-height: 1.6;}
.banner-text p{font-size:1.6rem;font-weight: normal;}
.banner-text p+p{font-size:1.8rem; margin-top: 35px;}
/* .banner-href{position: absolute;z-index:2;bottom:420px; width: 100%; } */
.banner-href a{display: block;width: 148px;height:45px;background: url(../image/banner-an1.png) top; margin: auto;font-size: 0px;margin-top:25px;}
.banner-href a:hover{background-position:bottom;}
.banner-por{position: absolute;z-index:2;bottom:60px; width: 100%; }
.banner-por ul{ width: 90%; margin: auto;}
.banner-por ul li{border-left:1px solid rgba(242,242,242,0.1); text-align: center; width: 20%; float:left;margin-left: -1px;}
.banner-por ul li:first-of-type{border-left:none;}
.banner-por ul li div{width: 100%; height:65px; vertical-align: middle; }
.banner-por ul li p{ margin-top: 10px; line-height:190%;color: #ccc;}
.banner-por ul li p b{font-size:1.4rem;color: #FFF;}
.container{margin: auto;}
.dq-case{ text-align: center; line-height: 1.6;padding:40px 0 60px 0;}
.dq-case h2{font-size: 3.8rem;}
.dq-case h2 small{display: block;font-size:2rem;color: #666;}

.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-more{margin: 2rem;}
.case-more span{display: block;}
.case-more-s{margin: auto; width: 1px; height:40px;background:#D9D5D1;}
.case-more-o{margin: auto; width:5px;height: 5px;border: 1px solid #D9D5D1;border-radius:100%;}
.case-more-jia a{ width: 128px;height: 128px;background: url(../image/jia-bj.jpg);display: block; margin: 20px auto 0 auto;}
.case-more-jia a:hover{transform:rotate(720deg);}
.case-more-jia a span{ width: 14px;height: 14px;background: url(../image/jia.png);display: block; top:50%;left: 50%;margin: -7px 0 0 -7px;}
.case-more-jia a:hover span{ transform:rotate(-360deg);}

.contact{background: url(../image/dqweb_bg.jpg) repeat-x center top;background-size:cover;margin: 50px 0 0 0; padding-bottom: 40px;}
.contact-text,.contact-input{margin: 0 auto; padding-top: 35px;}
.contact-text img{float: left;}
.contact-text span{display: block;float: right; text-align: right;color: #fff;}

.contact-input-ul li{float: left; width: 25%;}
.contact-input-ul li+li{width: 23%; margin-left: 2%;}
.contact-input-ul li+li+li{width: 48%;margin-left: 2%;}
.contact-input-ul li input{ background: #F5ECFA;border: none;line-height: 60px; color: #AC63CE;font-size:1.4rem;width:100%;text-indent:30px;}
.contact-input-ul li input::-webkit-input-placeholder{color: #AC63CE;}

.contact-submit{width: 220px;margin:40px auto 0 auto;}
.contact-submit input{ width: 220px;height: 48px;line-height: 48px;border: none;color: #FFF;font-size: 1.8rem;cursor: pointer;
background: -moz-linear-gradient( left,#632bcf,#9128ef);
background: -webkit-gradient(linear,0 50%,100% 50%,from(#632bcf),to(#9128ef));
background: -webkit-linear-gradient(left,#632bcf,#9128ef);
background: -o-linear-gradient(left,#632bcf,#9128ef);}
.contact-submit input:hover{margin-top: -5px; margin-bottom: 5px; -webkit-box-shadow: 0 11px 16px rgba(0,0,0,.17); -moz-box-shadow: 0 11px 16px rgba(0,0,0,.17); box-shadow: 0 11px 16px rgba(0,0,0,.17);}
.customer{width:100%;background:url(../image/dqweb_bg1.jpg) #2C313F repeat-x top ;padding: 50px 0;}
.customer-box{background: url(../image/dqweb_dot.png) fixed;}
.customer ul{margin: 0 auto;}
.customer ul li{ float: left; width: 16.66%; text-align: center;}
.customer ul li:first-of-type{width: 66.66%; text-align: right;}
.customer ul li:nth-of-type(10),.customer ul li:nth-of-type(13){visibility: hidden;}
.yong img{margin-top:60px;margin-right: 20px;max-width: 704px;}
.yong p{margin-top:20px; font-size: 2rem; color: #AAABAF;margin-right: 20px;}
.customer-zw{margin:8px;}
.customer-zw a{display: block; width: 100%;background-color: #323848;-webkit-transition:0.3s all;transition:0.3s all;}
.customer-zw img{width:100%;}
.customer-zw a:hover{background-color: #5E54CD;-webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.dongqin1{font-size: 2rem; text-align: center;line-height: 2.1;padding: 7rem 0 16rem 0;}
.dongqin1 span{ color:#E34220;}
.dongqin1 p{font-size: 1.4rem;}
.business{width:100%; background: url(../image/dqweb_dot_white.png) #5F55CE fixed;padding-bottom: 80px;}
.business-box{margin: auto; height: 550px;margin-bottom: 70px;}
.business-box i{display: block;}
.business-box i img{ width: 100%;}
.box1{bottom:5px;right:6.5%; width:43.1%;z-index: 6;}
.box2{bottom:58px;right:1.4%;width:48%;z-index: 1;}
.box3{bottom:30px;left:43%;width:18.3%;z-index: 1;}
.box4{bottom:12px;left:7%;width:37.8%;z-index: 5;}
.box5{bottom:30px;left:45%;width:1%;z-index: 1;}
.box6{bottom:20px;left:1.4%;width:8%;z-index: 1;}
.box7{top:20%;left:20%;width:14%;z-index: 8;text-align: center; color: #FFF; font-size: 1.2rem; line-height: 1.6;}
.box7 p{font-size: 1.6rem;}
.box7 img{top:0px;left:90%;max-width: 128px;}

.width-margin{margin: 0 10px;}
.width-margin img{width:150px;height:124px;}
.width-margin:hover img{animation: flipInY 2s; -webkit-animation: flipInY 2s;}
.responsive-ul {margin:auto;}
.responsive-ul>li{width: 25%;float:left;color: #FFF; text-align: center;margin-top: 80px;}
.responsive-ul>li small{margin-top:6px;display: block;font-size: 11px; text-transform: capitalize;font-family:Arial !important;}
.responsive-ul>li h3{font-size: 24px;margin-top: 15px;}
.desc li{margin-top: 12px; float:left;width: 50%;}
.desc li a{display: block; width:88%;margin: auto; color: #FFFFFF;border: 1px solid #FFF;height:33px;line-height:33px;position: relative;}
.desc li a b{display: block; width:0%;background-color: #FFFFFF;height:33px;position:absolute;left: 0;top: 0;z-index:0;}
.desc li a span{z-index: 3;display: block;position:absolute;width: 100%;}
.desc li a:hover span{color: #5F55CE;}
.desc li a:hover b{width:100%}

.dqnews{margin:50px auto;}
.dqnews li:first-child{margin-right:2%;}
.dqnews li{ width: 49%; float: left;height:640px;margin: 30px 0;  padding-bottom:20px; background:#fff}
.dqnews-m{ margin: 0 10px;background-color: #FFF;height: 640px; }
.dqnews-left{ width: 30%; float: left;min-width: 130px; text-align: center;margin-top: 70px;}
.dqnews-left p{display: block;background:#5F55CE;font-size: 1.4rem; width: 105px;line-height: 27px; color: #FFFFFF;margin: 50px auto 0 auto;}
.dqnews-right{ width: 70%; float: left;margin-top:10px;}
.dqnews-news{ width: 90%;}
.dqnews-news>a{display: block;border-bottom: 1px dashed #CCC;margin-top: 20px;padding-bottom: 7px;}
.dqnews-news small{color: #8e8e8e;}
.dqnews-news h5{font-size:1.5rem;font-weight: bold;margin: 12px 0 10px 0;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.dqnews-news>a:hover h5{color: #5f55ce;}
.dqnews-news p{line-height:2;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;font-size: 1.3rem;}
.dqnews-more1 a,.dqnews-more2 a{display: block;width: 85px;line-height: 23px;color:#8E8E8E;border: 1px solid #D2D2D2; text-align: center; float: right; margin-top: 10px;}
.dqnews-more1 a:hover{background: #5F55CE;color: #FFFFFF;border: none;}
.dqnews-more2 a:hover{background: #FFA13D;color: #FFFFFF;border: none;}

@media (max-width:1100px){
	.customer ul li:first-of-type{width: 100%; text-align:center;}
	.yong img{margin-top:20px;margin-right: 0px; width: 60%;}
	.yong p{margin-top:15px; font-size: 1.6rem;margin-right: 0px; margin-bottom: 25px;}
	.customer ul li{width: 25%;}
	.customer ul li:nth-of-type(10),.customer ul li:nth-of-type(13){display: none;}
	.dqnews li{ width: 100%;}
}

/*大于1025像素小于1440时候*/
@media only screen and (min-width:1025px) and (max-width:1440px){
	.container{width: 90%; margin: auto;}
	.case ul li{width: 50%;}
	/*.case ul li:last-of-type{display: none;visibility: hidden;}*/
	.business-box{height: 400px;}
	.box7{top:10%;left:16%;}
}
/*大于769像素小于1024时候*/
@media only screen and (min-width:769px) and (max-width:1024px) {
	.responsive-ul li{width: 50%;}
	.contact-text{ text-align: center;}
	.contact-text img{float: none;}
	.contact-text span{float: none;text-align: center; margin-top: 20px;color: rgba(255,255,255,0.8);}
	.case ul li{width: 50%;}
	/*.case ul li:last-of-type{display: none;visibility: hidden;}*/
	.business-box{height:330px;}
	.box7{top:10%;left:16%;}
}
/*小于768像素时候*/
@media only screen and (max-width:768px){
	.dqnews-right{width:100%}
	.responsive-ul li{width: 50%;}
	.dongqin1{padding: 5rem 0 5rem 0;}
	.banner-vido{display: none;}
	.banner-img{display: block;z-index: 1;position: absolute;width: 100%;height:100%; background: url(https://www.tiante.cc/eng/base/banner-min.jpg) no-repeat;background-size: cover;}
	.contact-text{text-align: center;}
	.contact-text img{float: none;}
	.contact-text span{display: none;}
	.contact-input-ul li{float: none; width: 100%;}
	.contact-input-ul li+li{width: 100%;; margin-left: 0; margin-top:15px;}
	.contact-input-ul li+li+li{width: 100%;margin-left: 0;margin-top:15px;}
	.contact-input-ul li input{line-height:45px;}
	.case ul li{width: 100%;}
	.case-text{background-color: #FFFFFF;}
	.customer ul li{width:33.33%;}
	/* .business,.dqnews,.dongqin1{display: none;} */
	.banner-por ul li{width: 25%;}
	.banner-por ul li:last-of-type{display: none;}
}