/*ececec*/
.scjz-page .section-box .section:nth-child(even) { background-color: #f6f8fb; }
.scjz-page .section-box .section:nth-child(odd) { background-color: #fff; }
.scjz-page .section-box .section.sec-site-type { padding-bottom: 40px; }

.btn { width: 140px; height: 40px; line-height: 38px; text-align: center; border-radius: 3px; border: 1px solid #244684; color: #244684; margin-left: 20px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.btn.btn-fill { border-radius: 3px; background-image: -moz-linear-gradient(-180deg, #1e3d73 0%, #2b5198 100%); background-image: -webkit-linear-gradient(-180deg, #1e3d73 0%, #2b5198 100%); background-image: -ms-linear-gradient(-180deg, #1e3d73 0%, #2b5198 100%); box-shadow: 0px 10px 20px 0px rgba(31, 61, 115, 0.26); color: #ffffff; }

.btn.fill-ask { border: none; line-height: 40px; color: #ffffff; border-radius: 3px; background-image: -moz-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%); background-image: -webkit-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%); background-image: -ms-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%); box-shadow: 0px 10px 20px 0px rgba(221, 56, 51, 0.26); }

.stype-box { margin-top: 30px; }
.stype-box .stype-item { float: left; margin: 16px; width: 618px; }
.stype-box .stype-item .item-head { position: relative; height: 100px; padding-left: 28px; color: #ffffff; }
.stype-box .stype-item .item-head::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-image: -moz-linear-gradient(-180deg, #1e3d73 0%, #2b5198 100%); background-image: -webkit-linear-gradient(-180deg, #1e3d73 0%, #2b5198 100%); background-image: -ms-linear-gradient(-180deg, #1e3d73 0%, #2b5198 100%); }
.stype-box .stype-item .item-head::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: url("../Image/param-hd-bg.png") center/cover no-repeat; }
.stype-box .stype-item .item-head .head-wrap { position: relative; z-index: 9; font-size: 16px; }
.stype-box .stype-item .item-head strong { font-size: 24px; }
.stype-box .stype-item .item-head .head-name { line-height: 36px; }
.stype-box .stype-item .item-head .head-name strong { margin-right: 12px; }
.stype-box .stype-item .item-bd { border: 1px solid #e4e4e4; padding: 15px 30px 20px; }
.stype-box .stype-item .item-bd > p { font-size: 16px; margin-bottom: 12px; }
.stype-box .stype-item .item-bd dl { padding-bottom: 2px; border-top: 1px dashed #eeeeee; padding-bottom: 18px; }
.stype-box .stype-item .item-bd dl dt { padding-top: 8px; padding-bottom: 5px; font-weight: bold; font-size: 16px; }
.stype-box .stype-item .item-bd dl dd p { line-height: 26px; font-size: 14px; flex: 0 0 50%; max-width: 50%; background: url("../Image/icon-choose.svg") left center no-repeat; background-size: auto 70%; padding-left: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.stype-box .stype-item .item-bd .item-foot { border-top: 1px solid #dedede; padding-top: 19px; padding-bottom: 9px; height: 68px; }
.stype-box .stype-item .item-bd .item-foot .item-price { color: #dd3834; }
.stype-box .stype-item .item-bd .item-foot .item-price em.price { font-size: 30px; font-weight: bold; font-style: normal; }
.stype-box .stype-item .item-bd .item-foot .item-price span:not(.unit) { color: #999999; }

.stype-desc { color: #666666; line-height: 30px; margin-bottom: 20px; margin-top: 30px; }

.sec-btn { margin: 0 auto; width: 180px; }

.section.sec-site-design { padding-bottom: 30px; }

.tpl-list { margin-top: 30px; margin-bottom: 10px; }
.tpl-list .tpl-item { margin-bottom: 20px; }
.tpl-list .tpl-item .item-wrap .item-img { width: 420px; height: 294px; background-image: -moz-linear-gradient(90deg, #5e74ff 0%, #034da2 100%); background-image: -webkit-linear-gradient(90deg, #5e74ff 0%, #034da2 100%); background-image: -ms-linear-gradient(90deg, #5e74ff 0%, #034da2 100%); }
.tpl-list .tpl-item .item-wrap .item-img img { max-width: 100%; max-height: 100%; display: block; margin: 0 auto; }
.tpl-list .tpl-item .item-wrap .item-caption { border: 1px solid #e9e9e9; background-color: #ffffff; height: 108px; padding: 25px 25px 20px; }
.tpl-list .tpl-item .item-wrap .item-caption .item-name { font-size: 18px; line-height: 28px; margin-bottom: 10px; }
.tpl-list .tpl-item .item-wrap .item-caption .item-desc { font-size: 14px; color: #828282; line-height: 24px; }

.site-adv-list { margin-top: 50px; }
.site-adv-list .adv-item { max-width: 50%; flex: 0 0 50%; margin-bottom: 56px; }
.site-adv-list .adv-item .item-icon { margin-right: 26px; width: 65px; height: 65px; line-height: 65px; }
.site-adv-list .adv-item .item-info h3 { font-size: 18px; font-weight: bold; }
.site-adv-list .adv-item .item-info p { color: #999999; font-size: 14px; }

.section.sec-site-process { background: url("../Image/lc-bg.png") center/cover no-repeat; color: #ffffff; padding-bottom: 44px; }
.section.sec-site-process .sec-head .sec-title, .section.sec-site-process .sec-head .sec-desc { color: #ffffff; }

.process-lists { margin-top: 50px; padding-bottom: 30px; position: relative; }
.process-lists::after { content: ''; border-bottom: 1px solid #284e91; position: absolute; left: 0; right: 0; bottom: 95px; z-index: 1; }
.process-lists .process-item { width: 180px; position: relative; z-index: 2; }
.process-lists .process-item .item-icon { width: 120px; height: 120px; margin: 0 auto 42px; position: relative; background-color: rgba(40, 78, 145, 0.5); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.process-lists .process-item .item-icon img { position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; }
.process-lists .process-item .item-foot { text-align: center; position: relative; }
.process-lists .process-item .item-foot .item-dot { width: 26px; height: 26px; background-color: #25428e; position: absolute; margin: auto; left: 0; right: 0; top: -13px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #4e61a0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.process-lists .process-item .item-foot .item-dot:before { content: ''; display: block; position: absolute; margin: auto; width: 11px; height: 11px; background-color: #ffffff; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; top: 0; bottom: 0; left: 0; right: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; }
.process-lists .process-item .item-foot .item-name { padding-top: 29px; font-size: 16px; line-height: 36px; }
.process-lists .process-item:hover .item-icon { background-color: #054ea5; }
.process-lists .process-item:hover .item-icon img { animation: rubberBand 1s 1 linear; }
.process-lists .process-item:hover .item-dot::before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; }

.sec-site-service { padding-bottom: 70px; }

.service-list .service-item { width: 430px; flex: 0 0 430px; max-width: 430px; }
.service-list .service-item .item-bd { padding: 27px 35px; background-color: #f6f8fa; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.service-list .service-item .item-foot { background-color: #f6f8fa; margin-top: 1px; }
.service-list .service-item .item-foot a { display: block; width: 100%; height: 52px; margin: 0; color: #dd3834; font-size: 16px; line-height: 52px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; text-align: center; }
.service-list .service-item .item-name { font-weight: bold; font-size: 18px; line-height: 36px; }
.service-list .service-item .item-desc { font-size: 14px; color: #999999; line-height: 26px; }
.service-list .service-item .item-content { height: 112px; color: #666666; padding-top: 18px; }
.service-list .service-item .item-content p { line-height: 24px; }
.service-list .service-item .item-content p svg { width: 16px; height: 16px; }
.service-list .service-item .item-content p path { fill: #dd3834; }
.service-list .service-item:hover .item-bd { background: url("../Image/bg.png") center/cover no-repeat; }
.service-list .service-item:hover .item-foot a { color: #ffffff; background-image: -moz-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%); background-image: -webkit-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%); background-image: -ms-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%); box-shadow: 0px 10px 20px 0px rgba(221, 56, 51, 0.26); }