@charset "utf-8";
/* CSS Document */
.gray-bg{background: #ebf2f5;}
.banner{position: relative;}
.banner img{ width:100%; display:block;}
.saasBox{position: absolute;width: 100%;top: 0;left: 0;}
.saasBox .title{line-height: 80px;color: #fff;text-align: center;font-size: 36px;}
.saasBox .tipstitle{text-align: center;color: #fff;font-size: 18px;}

.cxdzmain{ background:url(/Template/skin1/images/saas/topbg.png) no-repeat 50% 0;}
.cxdzmain .title{height:50px; line-height:50px; font-size:30px; overflow:hidden;}
.cxdzmain .title span{ font-size:18px; padding-left:15px;color:#909598;}

.sasever{border-top:1px solid #e9e9e9;padding:60px 40px;}
.cxdzmain .sintro{ font-size:16px; line-height:30px; color:#929292; text-align:center; padding:15px 0px;}
.sasever .sever_l{padding-left:50px; color:#929292;font-size: 16px;}
.sasever .sever_r{width:460px;text-align:center;}
.sasever .sever_r img{ width:100%;}
.sasever .sever_l span{ display:block; margin-top:80px; font-size:24px; line-height:44px; height:44px; margin-bottom:15px; color:#303233}
.sasever ul li{text-align:center;}
.sasever .saimg{ width:150px; height:150px; border-radius:50%; border:1px solid #3AB6EA; margin:0 auto;}
.sasever .saimg span{ display:inline-block; width:120px; height:120px; margin-top:15px; background:#3AB6EA; border-radius:50%;}
.sasever .saimg span img{ width:60px; height:60px; padding-top:30px;}
.sasever .satxt{ font-size:14px; line-height:24px;color:#929292;margin: 0 10px;}
.sasever .satxt span{ display:block; font-size:16px; line-height:36px; height:36px; color:#509ECC; margin-top:15px;}
.cxdzmain .post{ background:#fff; padding:40px 40px 30px 40px;margin-top:20px;border:1px solid #e1e6e8; box-shadow:0px 1px 3px #e1e6e8;}
.cxdzmain .post .info {font-size: 14px;height: 44px;line-height: 44px;overflow: hidden;color: #606466;}
.cxdzmain .post .info span {color: #f00;}

.complaint{margin-top: 50px; margin-right: -18px;margin-left: -18px;color: #5a5a5a;}
.comp-box{margin-bottom: 46px;}
.comp-input{margin:0 18px;}
.comp-box .comp-text{width: 95%;height: 45px;padding: 0 10px;border: 1px solid #d6d6d6;box-sizing: border-box;color: #a6a6a6;}
.comp-box-area textarea{width: 100%;padding:10px;border: 1px solid #d6d6d6;box-sizing: border-box;color: #a6a6a6;display: block;}
.comp-verificat .comp-text{height: 45px;padding: 0 10px;border: 1px solid #d6d6d6;box-sizing: border-box;color: #a6a6a6;width: 30%;}
.comp-box-area,.comp-verificat{margin-bottom: 33px;}
.submit-btn{width: 100%;height: 58px;background: #00a0e9;border: 0;border-radius: 5px;color: #fff;font-size: 16px;}

/*pc*/
@media all and (min-width:1180px) and (max-width:1920px){

}

/* pc1180ÆÁÄ» */
@media all and (min-width: 992px) and (max-width: 1180px) {
	.sasever .sever_r{width: auto;}
	.sasever .saimg {width: 130px;height: 130px;}
	.sasever .saimg span{width: 110px;height: 110px;margin-top: 10px;}
    .sasever .saimg span img {width: 60px;height: 60px;padding-top: 25px;}
    .cxdzmain .post{border:0; box-shadow: none;}
    .sasever .sever_l{padding-left: 30px;}
    .comp-box {margin-bottom: 36px;}
    .cxdzmain{padding-bottom: 0;}
    .complaint {margin-top: 30px;}
    .cxdzmain .title{font-size: 25px;}
}

/* ÖеÈÆÁÄ»£¨Æ½°å£¬£¬
£¬£¬£¬Ð¡ÓÚ¼´ÊÇ 992px£© */
@media all and (max-width: 992px) {
    .cxdzmain .sintro {font-size: 14px;line-height: 26px;}
    .sasever .sever_r{width: auto;}
    .cxdzmain .title{font-size: 24px !important;}
    .sasever .sever_l span{margin-top: 20px;font-size: 24px;}
    .sasever .sever_l{font-size: 14px;}
    .sasever .saimg span {width: 100px;height: 100px;margin-top: 5px;}
    .sasever .saimg {width: 110px;height: 110px;}
    .sasever ul li{margin-bottom: 20px;}
    .sasever .sever_l{padding-left: 0;}
    .cxdzmain .post{margin-top: 0;padding: 20px;box-shadow: none;;border:0;}
    .comp-box {margin-bottom: 20px;}
    .complaint {margin-top: 20px;}
    .submit-btn {height: 48px;border-radius: 3px;}
    .comp-box-area, .comp-verificat {margin-bottom: 23px;}
    .cxdzmain{padding-bottom: 0;}
    .comp-box .comp-text,.comp-verificat .comp-text{height: 40px;}
    .saasBox .tipstitle{font-size: 14px;}
    .saasBox .title {line-height: 60px;font-size: 26px;}
    .sasever .saimg span img {width: 50px;height: 50px;padding-top: 25px;}
}

/* СÆÁÄ»£¨ÊÖ»ú£¬£¬
£¬£¬£¬Ð¡ÓÚ¼´ÊÇ 480px£© */
@media screen and (max-width:480px){
	.saasBox{display: none;}
	.sasever .sever_r{width:100%;}
	.sasever .sever_l{padding-left: 0;margin-bottom: 20px;font-size: 13px;}
	.sasever{padding: 30px 20px !important;}
	.sasever .sever_l span{margin-top:0px;margin-bottom: 10px;font-size: 20px;}
	.sasever .saimg {width: 100px;height: 100px;}
    .sasever .saimg span{width: 90px;height: 90px;margin-top: 5px;}
    .sasever .saimg span img {width: 40px;height: 40px;padding-top: 25px;}
    .cxdzmain .sintro{padding: 15px;font-size: 13px;line-height: 25px;}
    .cxdzmain .title{font-size: 20px !important;margin-top: 0 !important;}
    .cxdzmain .post{padding: 20px;border:0; box-shadow:none;margin-top: 0; }
    .sasever .satxt {font-size: 12px;line-height: 24px;}
    .sasever ul li{margin-bottom: 20px;}
    .complaint{margin-top: 20px;}
    .comp-input{margin: 5px 18px;}
    .comp-box {margin-bottom: 26px;}
    .cxdzmain .post .info {font-size: 13px;line-height: 22px;}
    .comp-box .comp-text,.comp-verificat .comp-text{height: 40px;}
    .submit-btn{height: 40px;border-radius: 2px;}
    .comp-box-area, .comp-verificat {margin-bottom: 20px;}
    .cxdzmain{padding-bottom: 0;}
}
<!--ºÄʱ1782870176.2483Ãë-->