/* -- banner -- */
.banner{overflow: hidden; background: url("../images/qadz/banner_bg.jpg") no-repeat center; width: 100%; height: 1098px;}
.banner .wrapper { position: relative;}
.banner .wrapper .banner-tit {  margin-top: 780px; text-align: center; animation: fadeinT 1s ease-out backwards; }
.banner .wrapper .banner-tit h2 { font-size: 36px; color: #fff; font-weight: normal;}
.banner .wrapper .banner-tit > p { font-size: 18px; padding:18px 0 32px 0; color: #fff;}
.banner .wrapper .banner-tit .banner-info { background:url("../images/qadz/banner-icon01.png") no-repeat center; width: 895px; height: 63px; margin: 0 auto;}
.banner .wrapper .banner-tit .banner-info p { font-size: 24px; color: #fff; line-height: 63px;}
/* -- banner end -- */

/* -- casePro -- */
.casePro{ position: relative; text-align: center; background: url("../images/qadz/casePro_bg.jpg") no-repeat center; width: 100%; height: 1066px;}
.casePro-con {margin-top: 119px;}
.casePro-con .item01 { float: left; width: 533px; text-align: center; margin-left: 100px;  animation: fadeinL 1s ease-out backwards;}
.casePro-con .item01 h2 { font-size: 22px; color: #222; font-weight: normal; margin-bottom: 32px;}
.casePro-con .item01 p {font-size: 16px;width: 84%;color: #333;padding: 21px 0;margin: 0 auto;}
.casePro-con .item01 p span { font-size: 24px; color: #ed6d01;}
.casePro-con .item01 p:nth-of-type(n+2) { width: 59%;}
.casePro-con .item02 { float: right; width: 533px; text-align:center;margin-right: 100px; animation: fadeinR 1s ease-out backwards;}
.casePro-con .item02 h2 { font-size: 22px; color: #222; font-weight: normal; margin-bottom: 32px;}
.casePro-con .item02 p {font-size: 16px;color: #333;line-height: 45px;}
.casePro-con .item02 p span { font-size: 22px; color: #ed6d01;}
.casePro-con .item03 { padding-top:6px;clear:both;width: 533px; margin: 0 auto; text-align: center;  animation: fadeinB 1s ease-out backwards;}
.casePro-con .item03 h2 { font-size: 36px; color: #fff; text-align: center;padding: 18px 0;}
.casePro-con .item03 h2 span { font-size: 26px; color: #fff; display: block; font-weight: normal;}
.casePro-con .item03 p { font-size: 18px; color: #fff; width: 80%; margin: 46px auto 0; text-align: center; line-height: 2;}
.casePro-con .item03 em {margin-top: 75px;font-size: 20px;color: #fff;text-align: center;display: block;}
.casePro-con .item03 em span { display: block;}
/* -- casePro end -- */


/* -- timePro -- */
.timePro { position: relative; overflow: hidden; background: url("../images/qadz/timePro_bg.jpg") no-repeat center; width: 100%; height: 740px;}
.timePro-con{position: relative;}
.timePro-con .item { float: left; width: 280px; margin-right:26px; animation: fadeinB 1s ease-out backwards;}
.timePro-con .item:last-of-type { margin-right: 0;}
.timePro-con .item h2 {font-size: 24px;color: #fff;text-align: right;transform: rotate(-5deg);}
.timePro-con .item h2 span {  color: #fff;  font-weight: normal;}
.timePro-con .item p { position:relative;font-weight:bold;font-size: 15px;color: #333; line-height:1.5;margin-top: 245px;transform: rotate(-4deg);}
.timePro-con .item p:after { content: ''; display: block; position: absolute; left: 0; bottom: -30px; width: 50px; height: 2px; transform: rotate(-2deg); background: #ed6d01;}
.timePro-con .item01 {margin-top: 148px;}
.timePro-con .item02{margin-top: 125px;}
.timePro-con .item03 {margin-top: 105px;}
.timePro-con .item04 {margin-top: 84px;}
/* -- timePro end -- */


/* differencePro */
.differencePro { position: relative; overflow: hidden; background: url("../images/qadz/differencePro_bg.jpg") no-repeat center; width: 100%; height: 973px;}
.differencePro .wrap-tit p { font-size: 18px; font-weight: normal;}
.differencePro-con {overflow: hidden;position: relative;background: url("../images/qadz/differencePro_bg02.png") no-repeat center;width: 100%;height: 820px;margin-top: 20px;}
.differencePro-le {float: left;width: 517px;padding-right: 40px;text-align: right;margin-top: 117px;animation: fadeinL 1s ease-out backwards;}
.differencePro-le dt {font-size: 26px;color: #222;margin-bottom: 18px;}
.differencePro-le dd {font-size: 16px;color: #666;padding: 27px 0 28px 0;}
.differencePro-ce { float: left; width: 86px;margin-top: 117px;}
.differencePro-ce dt { height: 48px;}
.differencePro-ce dd {  text-align: center; padding: 27px 0 28px 0;font-size: 16px; color: #ed6d01;}
.differencePro-ri { float: left; width: 517px;padding-left: 40px;text-align: left;margin-top: 117px; animation: fadeinR 1s ease-out backwards;}
.differencePro-ri dt {font-size: 26px;color: #ed6d01;margin-bottom: 18px; font-weight: bold;}
.differencePro-ri dd {font-size: 16px;color:#333;padding: 25px 0;font-weight: bold;line-height: 1.5;}
.differencePro-ri dd:nth-of-type(2) { padding:13px 0;}
.differencePro-ri dd:nth-of-type(3) { padding:13px 0;}
/* differencePro end */


/* Promise */
.Promise{ position: relative; overflow: hidden; background: url("../images/qadz/Promise_bg.jpg") no-repeat center; width: 100%; height: 813px;}
.Promise-con { margin-top: 75px; overflow: hidden;}
.Promise-con .item { float: left; text-align:center;background: url("../images/qadz/Promise-icon.png") no-repeat center; width: 283px; height: 326px; margin-right: 22px;animation: fadeinT 1s ease-out backwards;}
.Promise-con .item:nth-of-type(4) { margin-right: 0;}
.Promise-con .item h2 { position: relative; margin-top: 94px; font-size: 26px; color: #222; font-weight: normal;}
.Promise-con .item p { font-size: 20px; color: #666; margin-top: 14px;}
.Promise-con .item img { width: 25px; margin-top: 42px;}
.Promise-con .item em { display: block; font-size: 14px; color: #999; margin-top: 24px;}
.Promise-con .item01 h2 { font-weight:bold;margin-top: 140px; font-size:30px; color: #222; position: relative;}
.Promise-con .item h2:after { content: ''; display: block; position: absolute; left: 50%; top: -28px; width: 32px; height: 3px; background: #ed6d01; margin-left: -16px;}
.Promise-con .item01 h2 span { display: block; font-weight: normal;}
.Promise-con .item01 p { font-size: 14px; color: #999; margin-top: 30px;font-family: DIN-Medium;}
.Promise-con .item:nth-of-type(5) { margin-left: 150px; margin-top: -52px;animation: fadeinB 1s ease-out backwards;}
.Promise-con .item:nth-of-type(6) { margin-top: -52px;animation: fadeinB 1s ease-out backwards; }
.Promise-con .item:nth-of-type(7) {  margin-top: -52px;animation: fadeinB 1s ease-out backwards;}
.Promise-con .item:hover { background: url("../images/qadz/Promise-icon_cur.png") no-repeat center;}
.Promise-con .item:hover h2, .Promise-con .item:hover h2 span, .Promise-con .item:hover em , .Promise-con .item:hover p { color: #fff;}
.Promise-con .item:hover h2:after { background: #fff;}
.Promise-con .item:hover img {  filter:contrast(0%) brightness(200%);}
/* Promise end */


/* caseServer */
.caseServer{ position: relative; overflow: hidden; background: url("../images/qadz/caseServer_bg.jpg") no-repeat center; width: 100%; height: 832px;}
.caseServer .wrap-tit h2 { color: #fff;}
.caseServer-con { overflow: hidden;}
.caseServer-con .item { width: 166px; float: left; text-align: center; margin-right: 92px;}
.caseServer-con .item  h2{ font-size: 24px; color: #fff; font-weight: normal;}
.caseServer-con .item  p { font-size: 15px; color: #999; margin-top: 10px;}
.caseServer-con .item:nth-of-type(1) { margin-top: 120px;}
.caseServer-con .item:nth-of-type(2) { margin-top: 103px;}
.caseServer-con .item:nth-of-type(3) { margin-top: 86px;}
.caseServer-con .item:nth-of-type(4) { margin-top: 69px;}
.caseServer-con .item:nth-of-type(5) { margin-top: 52px; margin-right: 0;}
.caseServer-con .item:nth-of-type(6) {  clear:both;margin-top: 125px; margin-left: 128px;}
.caseServer-con .item:nth-of-type(7) { margin-top: 108px;}
.caseServer-con .item:nth-of-type(8) { margin-top: 91px;}
.caseServer-con .item:nth-of-type(9) { margin-top: 74px;}
/* caseServer end */


/* hotServer */
.hotServer { position: relative; overflow: hidden; background: url("../images/qadz/hotServer_bg.jpg") no-repeat center; width: 100%; height: 458px;}
.hotServer ul {  clear: both; width: 100%; overflow: hidden; margin-top: 30px;}
.hotServer ul li { float: left; margin-right: 16px;}
.hotServer ul li input { border: none; outline: none; font-size: 16px; clear: #333;}
.hotServer ul li .userName { background: url("../images/qadz/hotServer_icon01.png") no-repeat center; width: 235px; height: 60px; padding-left: 30px;}
.hotServer ul li .userPhone { background: url("../images/qadz/hotServer_icon02.png") no-repeat center; width: 263px; height: 60px;padding-left: 30px;}
.hotServer ul li .userRoom { background: url("../images/qadz/hotServer_icon03.png") no-repeat center; width: 301px; height: 60px;padding-left: 30px; }
.hotServer ul li a { display: block; background: url("../images/qadz/hotServer_btn.png") no-repeat center; width: 247px; height: 60px; line-height: 60px; text-align: center; font-size: 16px; color: #fff;}
.hotServer ul li a:hover { background: url("../images/qadz/hotServer_btn_cur.png") no-repeat center;}
.adBig{ margin: 40px 0;overflow: hidden;}
.adBig a { display: block;}
.adBig a img { width: 100%;}
.adBig a img:hover {opacity:0.8;}
/* hotServer end */

.wrap-tit {margin-top: 37px;position: relative;font-weight: normal;text-align: center; animation: fadeinT 1s ease-out backwards;}
.wrap-tit h2 { font-size: 36px; color: #222; position: relative; font-weight: normal;}
.wrap-tit h2:after { content: ''; display: block; position: absolute; left: 50%; top: -19px; width: 32px; margin-left:-16px; height: 3px; background: #ed6d01;}
.wrap-tit h2 a { color: #222;}
.wrap-tit p { font-size: 14px; color: #999; padding-top: 10px; font-weight: bold;}